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

…ree_ds_iframe_logs

.eslintrc.json

@@ -1,18 +1,16 @@
 {
   "env": {
-      "browser": true,
-      "es2021": true
+    "browser": true,
+    "es2021": true
   },
-  "extends": [
-  ],
+  "extends": [],
   "parserOptions": {
-      "ecmaVersion": "latest",
-      "sourceType": "module"
+    "ecmaVersion": "latest",
+    "sourceType": "module"
   },
-  "plugins": [
-      "react-hooks"
-  ],
+  "plugins": ["react-hooks"],
   "rules": {
-      "react-hooks/rules-of-hooks": "error"
+    "react-hooks/rules-of-hooks": "error",
+    "react-hooks/exhaustive-deps": "warn"
   }
 }

.github/workflows/CI-Action.yml

@@ -35,5 +35,8 @@ jobs:
       - name: "Build"
         run: npm run build
 
+      - name: "Test React Hooks Properties"
+        run: npm run test:hooks
+
       - name: npm release
         run: npx semantic-release --debug;

CHANGELOG.md

@@ -1,3 +1,23 @@
+## [0.35.6](https://github.com/juspay/hyperswitch-web/compare/v0.35.5...v0.35.6) (2024-04-02)
+
+
+### Bug Fixes
+
+* customer payment methods promise ([#266](https://github.com/juspay/hyperswitch-web/issues/266)) ([57ea1ed](https://github.com/juspay/hyperswitch-web/commit/57ea1ed0483776df98abbbd83b0958674be6490c))
+
+## [0.35.5](https://github.com/juspay/hyperswitch-web/compare/v0.35.4...v0.35.5) (2024-04-02)
+
+
+### Bug Fixes
+
+* react hooks issue fix ([#233](https://github.com/juspay/hyperswitch-web/issues/233)) ([c9dcb63](https://github.com/juspay/hyperswitch-web/commit/c9dcb638a3da08fe0569c94864df46179c2834e8))
+
+## [0.35.4](https://github.com/juspay/hyperswitch-web/compare/v0.35.3...v0.35.4) (2024-04-01)
+
+## [0.35.3](https://github.com/juspay/hyperswitch-web/compare/v0.35.2...v0.35.3) (2024-04-01)
+
+## [0.35.2](https://github.com/juspay/hyperswitch-web/compare/v0.35.1...v0.35.2) (2024-04-01)
+
 ## [0.35.1](https://github.com/juspay/hyperswitch-web/compare/v0.35.0...v0.35.1) (2024-03-27)
 
 

package.json

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

src/CardUtils.res

@@ -579,65 +579,6 @@ let postalRegex = (postalCodes: array<PostalCodeType.postalCodes>, ~country=?, (
   countryPostal.regex == "" ? "" : countryPostal.regex
 }
 
-let getCardDetailsFromCardProps = cardProps => {
-  let defaultCardProps = (
-    None,
-    _ => (),
-    "",
-    _ => (),
-    _ => (),
-    React.useRef(Nullable.null),
-    React.null,
-    "",
-    _ => (),
-    0,
-  )
-
-  switch cardProps {
-  | Some(cardProps) => cardProps
-  | None => defaultCardProps
-  }
-}
-
-let getExpiryDetailsFromExpiryProps = expiryProps => {
-  let defaultExpiryProps = (
-    None,
-    _ => (),
-    "",
-    _ => (),
-    _ => (),
-    React.useRef(Nullable.null),
-    _ => (),
-    "",
-    _ => (),
-  )
-
-  switch expiryProps {
-  | Some(expiryProps) => expiryProps
-  | None => defaultExpiryProps
-  }
-}
-
-let getCvcDetailsFromCvcProps = cvcProps => {
-  let defaultCvcProps = (
-    None,
-    _ => (),
-    "",
-    _ => (),
-    _ => (),
-    _ => (),
-    React.useRef(Nullable.null),
-    _ => (),
-    "",
-    _ => (),
-  )
-
-  switch cvcProps {
-  | Some(cvcProps) => cvcProps
-  | None => defaultCvcProps
-  }
-}
-
 let setRightIconForCvc = (~cardEmpty, ~cardInvalid, ~color, ~cardComplete) => {
   if cardEmpty {
     <Icon size=Utils.brandIconSize name="cvc-empty" />
@@ -653,7 +594,7 @@ let setRightIconForCvc = (~cardEmpty, ~cardInvalid, ~color, ~cardComplete) => {
 }
 
 let useCardDetails = (~cvcNumber, ~isCvcValidValue, ~isCVCValid) => {
-  React.useMemo3(() => {
+  React.useMemo(() => {
     let isCardDetailsEmpty = String.length(cvcNumber) == 0
     let isCardDetailsValid = isCvcValidValue == "valid"
     let isCardDetailsInvalid = isCvcValidValue == "invalid"

src/Components/Accordion.res

@@ -16,7 +16,7 @@ let make = (
     accordionItemLabelClass,
     accordionItemIconClass,
     radioClass,
-  ) = React.useMemo1(
+  ) = React.useMemo(
     () =>
       isActive
         ? (