Merge branch 'main' into promise-core-changes

CHANGELOG.md

@@ -1,3 +1,5 @@
+## [0.33.9](https://github.com/juspay/hyperswitch-web/compare/v0.33.8...v0.33.9) (2024-03-19)
+
 ## [0.33.8](https://github.com/juspay/hyperswitch-web/compare/v0.33.7...v0.33.8) (2024-03-18)
 
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "orca-payment-page",
-  "version": "0.33.8",
+  "version": "0.33.9",
   "main": "index.js",
   "private": true,
   "dependencies": {

src/App.res

@@ -12,7 +12,7 @@ let make = () => {
     log
   })
 
-  React.useEffect1(() => {
+  React.useEffect(() => {
     setLoggerState(_ => logger)
     None
   }, [logger])

src/Components/AddressPaymentInput.res

@@ -152,12 +152,12 @@ let make = (~paymentType, ~className="") => {
     }
   }
 
-  React.useEffect2(() => {
+  React.useEffect(() => {
     checkPostalValidity(postalCode, setPostalCode, regex)
     None
   }, (regex, country.value))
 
-  React.useEffect1(() => {
+  React.useEffect(() => {
     setState(prev => {
       ...prev,
       value: "",

src/Components/BlikCodePaymentInput.res

@@ -29,7 +29,7 @@ let make = () => {
     })
   }
 
-  React.useEffect1(() => {
+  React.useEffect(() => {
     setblikCode(prev => {
       ...prev,
       errorString: switch prev.isValid {

src/Components/DynamicFields.res

@@ -13,7 +13,7 @@ let make = (
   ~cvcProps=None,
   ~isBancontact=false,
 ) => {
-  React.useEffect1(() => {
+  React.useEffect(() => {
     setRequiredFieldsBody(_ => Dict.make())
     None
   }, [paymentMethodType])

src/Components/EmailPaymentInput.res

@@ -29,7 +29,7 @@ let make = (~paymentType) => {
     })
   }
 
-  React.useEffect1(() => {
+  React.useEffect(() => {
     setEmail(prev => {
       ...prev,
       errorString: switch prev.isValid {

src/Components/InputField.res

@@ -73,7 +73,7 @@ let make = (
     onBlur(ev)
     Utils.handleOnBlurPostMessage(~targetOrigin=parentURL, ())
   }
-  React.useEffect2(() => {
+  React.useEffect(() => {
     if value->String.length > 0 {
       setValidClasses()
     }
@@ -105,7 +105,7 @@ let make = (
 
   let concatString = Array.joinWith([cardEmpty, cardComplete, cardInvalid, cardFocused], "")
 
-  React.useEffect5(() => {
+  React.useEffect(() => {
     Utils.handlePostMessage([
       ("id", iframeId->JSON.Encode.string),
       ("concatedString", concatString->JSON.Encode.string),

src/Components/Modal.res

@@ -27,7 +27,7 @@ let make = (
     }, 450)->ignore
   }
 
-  React.useEffect1(() => {
+  React.useEffect(() => {
     loader ? setOpenModal(_ => false) : setOpenModal(_ => true)
     None
   }, [loader])

src/Components/PayNowButton.res

@@ -79,7 +79,7 @@ let make = (
 
   let buttonText = sdkHandleConfirmPayment.buttonText->Option.getOr(localeString.payNowButton)
 
-  React.useEffect5(() => {
+  React.useEffect(() => {
     if showFields {
       if selectedOption === Card {
         setIsDisabled(_ => !validFormat)

src/Components/PaymentDropDownField.res

@@ -27,7 +27,7 @@ let make = (
       }
     }
   }
-  React.useEffect1(() => {
+  React.useEffect(() => {
     let initialValue = options->Array.get(0)->Option.getOr("")
     if (
       value.value === "" ||

src/Components/SavedCardItem.res

@@ -42,7 +42,7 @@ let make = (
     | None => ()
     }
   }
-  React.useEffect1(() => {
+  React.useEffect(() => {
     isActive ? focusCVC() : ()
     None
   }, [isActive])

src/Hooks/CommonHooks.res

@@ -32,7 +32,7 @@ external dictToObj: Dict.t<'a> => {..} = "%identity"
 
 let useScript = (src: string) => {
   let (status, setStatus) = React.useState(_ => src != "" ? "loading" : "idle")
-  React.useEffect1(() => {
+  React.useEffect(() => {
     if src == "" {
       setStatus(_ => "idle")
     }

src/Hooks/Fetcher.res

@@ -7,7 +7,7 @@ type url = {pathname: pathname}
 let useFetcher = fileName => {
   let _url = RescriptReactRouter.useUrl()
   let (optionalJson, setJson) = React.useState(() => None)
-  React.useEffect1(() => {
+  React.useEffect(() => {
     open Promise
     Fetch.get(`${hostname}/json/${fileName}.json`)
     ->then(Fetch.Response.json)

src/Hooks/OutsideClick.res

@@ -15,7 +15,7 @@ let useOutsideClick = (
 ) => {
   let useEvent0 = callback => {
     let callbackRef = React.useRef(callback)
-    React.useEffect1(() => {
+    React.useEffect(() => {
       callbackRef.current = callback
 
       None
@@ -26,7 +26,7 @@ let useOutsideClick = (
     })
   }
   let eventCallback = useEvent0(callback)
-  React.useEffect1(() => {
+  React.useEffect(() => {
     if isActive {
       let handleClick = (e: ReactEvent.Mouse.t) => {
         let targ = e->ReactEvent.Mouse.target