@akinon/pz-saved-card 1.101.0-rc.75 → 1.101.0-rc.76

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @akinon/pz-saved-card
 
+## 1.101.0-rc.76
+
+### Minor Changes
+
+- 6bfbdc2: ZERO-3653: optimize saved card option
+
 ## 1.101.0-rc.75
 
 ### Minor Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@akinon/pz-saved-card",
-  "version": "1.101.0-rc.75",
+  "version": "1.101.0-rc.76",
   "license": "MIT",
   "main": "src/index.tsx",
   "peerDependencies": {

package/src/views/iyzico-saved-card-option.tsx

@@ -181,7 +181,6 @@ const IyzicoSavedCardOption = ({
   const [months, setMonths] = useState([]);
   const [years, setYears] = useState([]);
   const [formError, setFormError] = useState(null);
-  const [showCardForm, setShowCardForm] = useState(true);
 
   const getFormSchema = () => {
     if (customFormSchema?.[type]) {
@@ -305,33 +304,16 @@ const IyzicoSavedCardOption = ({
       setType('new-card');
     }
 
-    const checkInterval = setInterval(() => {
-      if (window.iyziUcsInit?.scriptType === 'CONSUMER_WITH_CARD_EXIST') {
-        if (
-          !window.universalCardStorage?.consumerToken ||
-          window.universalCardStorage?.cardToken
-        ) {
-          setType('existing-card');
-        } else {
-          setType('new-card');
-        }
-      }
-    }, 500);
-
-    return () => clearInterval(checkInterval);
-  }, [type]);
-
-  useEffect(() => {
     const checkboxInterval = setInterval(() => {
       if (window.universalCardStorage?.cardToken !== undefined) {
-        setShowCardForm(false);
+        setType('existing-card');
       } else {
-        setShowCardForm(true);
+        setType('new-card');
       }
     }, 100);
 
     return () => clearInterval(checkboxInterval);
-  }, [type, setFormValue]);
+  }, [type]);
 
   return (
     <>
@@ -369,7 +351,7 @@ const IyzicoSavedCardOption = ({
             </>
           )}
 
-          {showCardForm && (
+          {type === 'new-card' && (
             <>
               {customRender?.cardFormSection ? (
                 customRender.cardFormSection({