Merge branch 'main' of github.com:juspay/hyperswitch-web into useMemo…

…-changes
juspay · Mar 21, 2024 · 2c68231 · 2c68231
2 parents 225da90 + 0194abe
commit 2c68231
Show file tree

Hide file tree

Showing 42 changed files with 215 additions and 154 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,19 @@
+## [0.33.11](https://github.com/juspay/hyperswitch-web/compare/v0.33.10...v0.33.11) (2024-03-21)
+
+
+### Bug Fixes
+
+* hotfix changes for postal code ([#245](https://github.com/juspay/hyperswitch-web/issues/245)) ([4ba7350](https://github.com/juspay/hyperswitch-web/commit/4ba7350d4bbfbfcb570bd8c56a51a14df06f4dae))
+
+## [0.33.10](https://github.com/juspay/hyperswitch-web/compare/v0.33.9...v0.33.10) (2024-03-20)
+
+
+### Bug Fixes
+
+* saved Payment Method stuck in loading state and Card Holder Name for every saved card ([#241](https://github.com/juspay/hyperswitch-web/issues/241)) ([6b1bc56](https://github.com/juspay/hyperswitch-web/commit/6b1bc565f659d163297453c6b6f5cc602bee6ff5))
+
+## [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)
 
 

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "orca-payment-page",
-  "version": "0.33.8",
+  "version": "0.33.11",
   "main": "index.js",
   "private": true,
   "dependencies": {

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: "",
@@ -309,7 +309,6 @@ let make = (~paymentType, ~className="") => {
               onChange=onPostalChange
               paymentType
               className
-              type_="tel"
               name="postal"
               inputRef=postalRef
               placeholder=localeString.postalCodeLabel

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
@@ -7,13 +7,13 @@ let make = (
   ~paymentMethodType,
   ~setRequiredFieldsBody,
   ~isSavedCardFlow=false,
-  ~savedCards=[]: array<PaymentType.customerMethods>,
+  ~savedMethod=PaymentType.defaultCustomerMethods,
   ~cardProps=None,
   ~expiryProps=None,
   ~cvcProps=None,
   ~isBancontact=false,
 ) => {
-  React.useEffect1(() => {
+  React.useEffect(() => {
     setRequiredFieldsBody(_ => Dict.make())
     None
   }, [paymentMethodType])
@@ -46,8 +46,8 @@ let make = (
   }, [requiredFieldsWithBillingDetails])
 
   let isAllStoredCardsHaveName = React.useMemo(() => {
-    PaymentType.getIsAllStoredCardsHaveName(savedCards)
-  }, [savedCards])
+    PaymentType.getIsStoredPaymentMethodHasName(savedMethod)
+  }, [savedMethod])
 
   //<...>//
   let fieldsArr = React.useMemo(() => {
@@ -509,7 +509,6 @@ let make = (
                           }}
                           onChange=onPostalChange
                           paymentType
-                          type_="tel"
                           name="postal"
                           inputRef=postalRef
                           placeholder=localeString.postalCodeLabel
@@ -622,7 +621,6 @@ let make = (
                         }}
                         onChange=onPostalChange
                         paymentType
-                        type_="tel"
                         name="postal"
                         inputRef=postalRef
                         placeholder=localeString.postalCodeLabel

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 === "" ||