chore: rest react useeffect 1 to 7 changes to useEffect

juspay · Mar 18, 2024 · f971327 · f971327
1 parent 1a1bfb7
commit f971327
Show file tree

Hide file tree

Showing 37 changed files with 72 additions and 72 deletions.
diff --git a/src/App.res b/src/App.res
@@ -12,7 +12,7 @@ let make = () => {
     log
   })
 
-  React.useEffect1(() => {
+  React.useEffect(() => {
     setLoggerState(_ => logger)
     None
   }, [logger])

diff --git a/src/Components/AddressPaymentInput.res b/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: "",

diff --git a/src/Components/BlikCodePaymentInput.res b/src/Components/BlikCodePaymentInput.res
@@ -29,7 +29,7 @@ let make = () => {
     })
   }
 
-  React.useEffect1(() => {
+  React.useEffect(() => {
     setblikCode(prev => {
       ...prev,
       errorString: switch prev.isValid {

diff --git a/src/Components/DynamicFields.res b/src/Components/DynamicFields.res
@@ -13,7 +13,7 @@ let make = (
   ~cvcProps=None,
   ~isBancontact=false,
 ) => {
-  React.useEffect1(() => {
+  React.useEffect(() => {
     setRequiredFieldsBody(_ => Dict.make())
     None
   }, [paymentMethodType])

diff --git a/src/Components/EmailPaymentInput.res b/src/Components/EmailPaymentInput.res
@@ -29,7 +29,7 @@ let make = (~paymentType) => {
     })
   }
 
-  React.useEffect1(() => {
+  React.useEffect(() => {
     setEmail(prev => {
       ...prev,
       errorString: switch prev.isValid {

diff --git a/src/Components/InputField.res b/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),

diff --git a/src/Components/Modal.res b/src/Components/Modal.res
@@ -27,7 +27,7 @@ let make = (
     }, 450)->ignore
   }
 
-  React.useEffect1(() => {
+  React.useEffect(() => {
     loader ? setOpenModal(_ => false) : setOpenModal(_ => true)
     None
   }, [loader])

diff --git a/src/Components/PayNowButton.res b/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)

diff --git a/src/Components/PaymentDropDownField.res b/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 === "" ||

diff --git a/src/Components/SavedCardItem.res b/src/Components/SavedCardItem.res
@@ -42,7 +42,7 @@ let make = (
     | None => ()
     }
   }
-  React.useEffect1(() => {
+  React.useEffect(() => {
     isActive ? focusCVC() : ()
     None
   }, [isActive])

diff --git a/src/Hooks/CommonHooks.res b/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")
     }

diff --git a/src/Hooks/Fetcher.res b/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)

diff --git a/src/Hooks/OutsideClick.res b/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

diff --git a/src/LoaderController.res b/src/LoaderController.res
@@ -151,7 +151,7 @@ let make = (~children, ~paymentMode, ~setIntegrateErrorError, ~logger) => {
       },
     )
   }, [])
-  React.useEffect1(() => {
+  React.useEffect(() => {
     switch paymentlist {
     | SemiLoaded => ()
     | Loaded(_val) => handlePostMessage([("ready", true->JSON.Encode.bool)])
@@ -160,7 +160,7 @@ let make = (~children, ~paymentMode, ~setIntegrateErrorError, ~logger) => {
     None
   }, [paymentlist])
 
-  React.useEffect1(() => {
+  React.useEffect(() => {
     CardUtils.genreateFontsLink(config.fonts)
     let dict = config.appearance.rules->getDictFromJson
     if dict->Dict.toArray->Array.length > 0 {
@@ -187,7 +187,7 @@ let make = (~children, ~paymentMode, ~setIntegrateErrorError, ~logger) => {
     None
   }, [config])
 
-  React.useEffect2(() => {
+  React.useEffect(() => {
     open Promise
     let handleFun = (ev: Window.event) => {
       let json = try {
@@ -394,7 +394,7 @@ let make = (~children, ~paymentMode, ~setIntegrateErrorError, ~logger) => {
   | None => ()
   }
 
-  React.useEffect2(() => {
+  React.useEffect(() => {
     Utils.handlePostMessage([
       ("iframeHeight", (divH +. 1.0)->JSON.Encode.float),
       ("iframeId", iframeId->JSON.Encode.string),

diff --git a/src/Payment.res b/src/Payment.res
@@ -62,7 +62,7 @@ let make = (~paymentMode, ~integrateError, ~logger) => {
 
   let (postalCodes, setPostalCodes) = React.useState(_ => [PostalCodeType.defaultPostalCode])
 
-  React.useEffect2(() => {
+  React.useEffect(() => {
     let obj = getobjFromCardPattern(cardBrand)
     let cvcLength = obj.maxCVCLenth
     if (
@@ -211,7 +211,7 @@ let make = (~paymentMode, ~integrateError, ~logger) => {
   let submitAPICall = (body, confirmParam) => {
     intent(~bodyArr=body, ~confirmParam, ~handleUserError=false, ())
   }
-  React.useEffect2(() => {
+  React.useEffect(() => {
     setCvcNumber(_ => "")
     setIsCVCValid(_ => None)
     setCvcError(_ => "")
@@ -326,7 +326,7 @@ let make = (~paymentMode, ~integrateError, ~logger) => {
     Utils.handleMessage(handleFun, "Error in parsing sent Data")
   }, [])
 
-  React.useEffect6(() => {
+  React.useEffect(() => {
     let handleDoSubmit = (ev: Window.event) => {
       let json = ev.data->JSON.parseExn
       let jsonDict = json->Utils.getDictFromJson
@@ -340,7 +340,7 @@ let make = (~paymentMode, ~integrateError, ~logger) => {
 
   let cardBrandIcon = getCardBrandIcon(cardBrand->cardType, paymentMode->getPaymentMode)
 
-  React.useEffect1(() => {
+  React.useEffect(() => {
     setCardError(_ =>
       switch isCardValid {
       | Some(val) => val ? "" : localeString.inValidCardErrorText
@@ -350,7 +350,7 @@ let make = (~paymentMode, ~integrateError, ~logger) => {
     None
   }, [isCardValid])
 
-  React.useEffect1(() => {
+  React.useEffect(() => {
     setCvcError(_ =>
       switch isCVCValid {
       | Some(val) => val ? "" : localeString.inCompleteCVCErrorText
@@ -360,7 +360,7 @@ let make = (~paymentMode, ~integrateError, ~logger) => {
     None
   }, [isCVCValid])
 
-  React.useEffect2(() => {
+  React.useEffect(() => {
     setExpiryError(_ =>
       switch (isExpiryValid, isExipryComplete(cardExpiry)) {
       | (Some(true), true) => ""

diff --git a/src/PaymentElement.res b/src/PaymentElement.res
@@ -49,7 +49,7 @@ let make = (
     setLoadSavedCards: (PaymentType.savedCardsLoadState => PaymentType.savedCardsLoadState) => unit,
   ) = React.useState(_ => PaymentType.LoadingSavedCards)
 
-  React.useEffect2(() => {
+  React.useEffect(() => {
     switch (displaySavedPaymentMethods, customerPaymentMethods) {
     | (false, _) => {
         setShowFields(_ => true)
@@ -87,7 +87,7 @@ let make = (
     None
   }, (customerPaymentMethods, displaySavedPaymentMethods))
 
-  React.useEffect1(() => {
+  React.useEffect(() => {
     let defaultPaymentMethod =
       savedMethods->Array.find(savedMethod => savedMethod.defaultPaymentMethodSet)
 
@@ -152,7 +152,7 @@ let make = (
     areAllApplePayRequiredFieldsPrefilled,
   ))
 
-  React.useEffect4(() => {
+  React.useEffect(() => {
     switch methodslist {
     | Loaded(paymentlist) =>
       let plist = paymentlist->Utils.getDictFromJson->PaymentMethodsRecord.itemToObjMapper
@@ -191,14 +191,14 @@ let make = (
     }
     None
   }, (methodslist, walletList, paymentOptionsList, actualList))
-  React.useEffect1(() => {
+  React.useEffect(() => {
     switch sessionsObj {
     | Loaded(ssn) => setSessions(_ => ssn)
     | _ => ()
     }
     None
   }, [sessionsObj])
-  React.useEffect2(() => {
+  React.useEffect(() => {
     let cardsCount: int = cardsToRender(cardsContainerWidth)
     let cardOpts = Array.slice(~start=0, ~end=cardsCount, paymentOptions)
     let dropOpts = paymentOptions->Array.sliceToEnd(~start=cardsCount)
@@ -227,7 +227,7 @@ let make = (
     }
   }, [selectedOption])
   Utils.useSubmitPaymentData(submitCallback)
-  React.useEffect4(() => {
+  React.useEffect(() => {
     setSelectedOption(prev =>
       selectedOption !== ""
         ? prev
@@ -246,7 +246,7 @@ let make = (
     )
     None
   }, (layoutClass.defaultCollapsed, paymentOptions, methodslist, selectedOption))
-  React.useEffect1(() => {
+  React.useEffect(() => {
     if layoutClass.\"type" == Tabs {
       let isCard: bool = cardOptions->Array.includes(selectedOption)
       if !isCard {
@@ -388,7 +388,7 @@ let make = (
     </ErrorBoundary>
   }
 
-  React.useEffect1(() => {
+  React.useEffect(() => {
     setShowFields(_ => !displaySavedPaymentMethods)
     None
   }, [displaySavedPaymentMethods])

diff --git a/src/PaymentOptions.res b/src/PaymentOptions.res
@@ -57,7 +57,7 @@ let make = (
   let (selectedOption, setSelectedOption) = Recoil.useRecoilState(selectedOptionAtom)
   let (moreIconIndex, setMoreIconIndex) = React.useState(_ => 0)
   let (toggleIconElement, setToggleIconElement) = React.useState(_ => false)
-  React.useEffect2(() => {
+  React.useEffect(() => {
     let width = switch payOptionsRef.current->Nullable.toOption {
     | Some(ref) => ref->Window.Element.clientWidth
     | None => 0
@@ -81,7 +81,7 @@ let make = (
     ->Array.find(item => item.paymentMethodName == selectedOption)
     ->Option.getOr(PaymentMethodsRecord.defaultPaymentMethodFields)
 
-  React.useEffect1(() => {
+  React.useEffect(() => {
     let intervalId = setInterval(() => {
       if dropDownOptionsDetails->Array.length > 1 {
         setMoreIconIndex(prev => mod(prev + 1, dropDownOptionsDetails->Array.length))

diff --git a/src/Payments/ACHBankDebit.res b/src/Payments/ACHBankDebit.res
@@ -36,7 +36,7 @@ let make = (~paymentType: CardThemeType.mode, ~list: PaymentMethodsRecord.list)
     (),
   )
 
-  React.useEffect1(() => {
+  React.useEffect(() => {
     if modalData->Option.isSome {
       setBankError(_ => "")
     }
@@ -50,7 +50,7 @@ let make = (~paymentType: CardThemeType.mode, ~list: PaymentMethodsRecord.list)
     modalData->Option.isSome
   let empty = email.value == "" || fullName.value != ""
 
-  React.useEffect2(() => {
+  React.useEffect(() => {
     handlePostMessageEvents(~complete, ~empty, ~paymentType="ach_bank_debit", ~loggerState)
     None
   }, (empty, complete))

diff --git a/src/Payments/ACHBankTransfer.res b/src/Payments/ACHBankTransfer.res
@@ -13,12 +13,12 @@ let make = (~paymentType: CardThemeType.mode, ~list: PaymentMethodsRecord.list)
   let complete = email.value != "" && email.isValid->Option.getOr(false)
   let empty = email.value == ""
 
-  React.useEffect2(() => {
+  React.useEffect(() => {
     handlePostMessageEvents(~complete, ~empty, ~paymentType="bank_transfer", ~loggerState)
     None
   }, (empty, complete))
 
-  React.useEffect1(() => {
+  React.useEffect(() => {
     setComplete(_ => complete)
     None
   }, [complete])

diff --git a/src/Payments/ApplePay.res b/src/Payments/ApplePay.res
@@ -281,7 +281,7 @@ let make = (
     ->ignore
   }
 
-  React.useEffect4(() => {
+  React.useEffect(() => {
     let handleApplePayMessages = (ev: Window.event) => {
       let json = try {
         ev.data->JSON.parseExn
@@ -317,7 +317,7 @@ let make = (
     )
   }, (isInvokeSDKFlow, requiredFieldsBody, isWallet, processPayment))
 
-  React.useEffect4(() => {
+  React.useEffect(() => {
     if (
       (isInvokeSDKFlow || paymentExperience == PaymentMethodsRecord.RedirectToURL) &&
       isApplePayReady &&

diff --git a/src/Payments/BacsBankDebit.res b/src/Payments/BacsBankDebit.res
@@ -64,12 +64,12 @@ let make = (~paymentType: CardThemeType.mode, ~list: PaymentMethodsRecord.list)
     country.value == "" ||
     state.value == ""
 
-  React.useEffect2(() => {
+  React.useEffect(() => {
     handlePostMessageEvents(~complete, ~empty, ~paymentType="bacs_bank_debit", ~loggerState)
     None
   }, (empty, complete))
 
-  React.useEffect1(() => {
+  React.useEffect(() => {
     setComplete(_ => complete)
     None
   }, [complete])