@akinon/pz-flow-payment 1.96.0-snapshot-ZERO-3620-20250915165755 → 1.97.0-snapshot-ZERO-3634-20250918132143

package/CHANGELOG.md

@@ -1,41 +1,12 @@
 # @akinon/pz-flow-payment
 
-## 1.96.0-snapshot-ZERO-3620-20250915165755
+## 1.97.0-snapshot-ZERO-3634-20250918132143
 
-### Minor Changes
-
-- 69e4cc5: BRDG-14604: Refactor FlowPayment component to optimize flow initialization and cleanup logic
-- d8be48fb: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
-- 8b1d24eb: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
-
-## 1.96.0-rc.61
+## 1.96.0
 
 ### Minor Changes
 
 - 69e4cc5: BRDG-14604: Refactor FlowPayment component to optimize flow initialization and cleanup logic
-- d8be48fb: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
-- 8b1d24eb: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
-
-## 1.96.0-rc.60
-
-## 1.96.0-rc.59
-
-## 1.96.0-rc.58
-
-## 1.96.0-rc.57
-
-## 1.96.0-rc.56
-
-### Minor Changes
-
-- 69e4cc5: BRDG-14604: Refactor FlowPayment component to optimize flow initialization and cleanup logic
-
-## 1.96.0-rc.55
-
-### Minor Changes
-
-- d8be48fb: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
-- 8b1d24eb: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
 
 ## 1.95.0
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@akinon/pz-flow-payment",
   "license": "MIT",
-  "version": "1.96.0-snapshot-ZERO-3620-20250915165755",
+  "version": "1.97.0-snapshot-ZERO-3634-20250918132143",
   "main": "src/index.tsx",
   "dependencies": {
     "@checkout.com/checkout-web-components": "0.7.0-beta"

package/src/views/index.tsx

@@ -59,7 +59,6 @@ export default function FlowPayment({
   const flowComponentRef = useRef<any>(null);
   const lastAmountRef = useRef<string | null>(null);
   const isInitializingRef = useRef<boolean>(false);
-  const walletPaymentInitialized = useRef<boolean>(false);
 
   // Memoize the amount to track actual changes
   const currentAmount = useMemo(() => {
@@ -82,11 +81,7 @@ export default function FlowPayment({
       return;
     }
 
-    // FIX: Only call setWalletPaymentPage if not already initialized
-    if (!walletPaymentInitialized.current) {
-      walletPaymentInitialized.current = true;
-      dispatch(checkoutApi.endpoints.setWalletPaymentPage.initiate({}));
-    }
+    dispatch(checkoutApi.endpoints.setWalletPaymentPage.initiate({}));
   };
 
   const initFlowPaymentWebComponents = async ({
@@ -123,24 +118,16 @@ export default function FlowPayment({
         container.innerHTML = '';
       }
 
-      // FIX: Use existing payment session instead of making another API call
+      // Only get fresh payment data when amount has changed from the last recorded amount
       let paymentSession = preOrder.context_extras;
 
-      // Only get fresh payment data if we don't have a valid session
-      if (!paymentSession && lastAmountRef.current !== currentAmount) {
-        // Check if another call is already in progress
-        if (!walletPaymentInitialized.current) {
-          walletPaymentInitialized.current = true;
-          const walletPaymentResponse = await dispatch(
-            checkoutApi.endpoints.setWalletPaymentPage.initiate({})
-          ).unwrap();
-          paymentSession =
-            walletPaymentResponse?.pre_order?.context_extras ||
-            preOrder.context_extras;
-        } else {
-          // Use existing context_extras if another call was already made
-          paymentSession = preOrder.context_extras;
-        }
+      if (lastAmountRef.current !== currentAmount || !paymentSession) {
+        const walletPaymentResponse = await dispatch(
+          checkoutApi.endpoints.setWalletPaymentPage.initiate({})
+        ).unwrap();
+        paymentSession =
+          walletPaymentResponse?.pre_order?.context_extras ||
+          preOrder.context_extras;
       }
 
       // Update the last amount reference after getting fresh data
@@ -205,8 +192,6 @@ export default function FlowPayment({
           console.warn('Error destroying flow component on unmount:', error);
         }
       }
-      // Reset initialization flag on unmount
-      walletPaymentInitialized.current = false;
     };
   }, []);