@akinon/pz-flow-payment 1.108.0-rc.3 → 1.108.0-rc.5

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @akinon/pz-flow-payment
 
+## 1.108.0-rc.5
+
+### Minor Changes
+
+- 31a2d35: ZERO-3640: Refactor checkout API call to include useFormData option; update FlowPayment component for improved error handling and code readability
+
+## 1.108.0-rc.4
+
+### Minor Changes
+
+- d8883ce: ZERO-3640: Refactor wallet completion handling to accept additional parameters; update related API calls
+
 ## 1.108.0-rc.3
 
 ### Minor Changes

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@akinon/pz-flow-payment",
   "license": "MIT",
-  "version": "1.108.0-rc.3",
+  "version": "1.108.0-rc.5",
   "main": "src/index.tsx",
   "dependencies": {
     "@checkout.com/checkout-web-components": "0.7.0-beta"

package/src/views/index.tsx

@@ -78,7 +78,8 @@ export default function FlowPayment({
   const lastAmountRef = useRef<string | null>(null);
   const isInitializingRef = useRef<boolean>(false);
   const [errors, setErrors] = useState<any>(null);
-  const [walletSelectionReady, setWalletSelectionReady] = useState<boolean>(false);
+  const [walletSelectionReady, setWalletSelectionReady] =
+    useState<boolean>(false);
 
   // Memoize the amount to track actual changes
   const currentAmount = useMemo(() => {
@@ -98,7 +99,9 @@ export default function FlowPayment({
       );
 
     if (!walletPaymentPageContext) {
-      setErrors('Payment method not available. Please try a different payment option.');
+      setErrors(
+        'Payment method not available. Please try a different payment option.'
+      );
       setWalletSelectionReady(false);
       return;
     }
@@ -124,8 +127,14 @@ export default function FlowPayment({
     setErrors(null);
 
     try {
+      const ckoPaymentId = paymentData?.id;
+      const isSuccess = paymentData?.status === 'Approved';
+
       const paymentCompleteResponse = await dispatch(
-        checkoutApi.endpoints.setWalletCompletePage.initiate(true)
+        checkoutApi.endpoints.setWalletCompletePage.initiate({
+          success: isSuccess,
+          cko_payment_id: ckoPaymentId
+        })
       ).unwrap();
 
       if (paymentCompleteResponse.errors) {
@@ -144,10 +153,7 @@ export default function FlowPayment({
 
         const redirectUrlWithLocale = `${
           window.location.origin
-        }${getUrlPathWithLocale(
-          redirectUrl,
-          getCookie('pz-locale') || 'en'
-        )}`;
+        }${getUrlPathWithLocale(redirectUrl, getCookie('pz-locale') || 'en')}`;
 
         window.location.href = redirectUrlWithLocale;
       }
@@ -201,7 +207,9 @@ export default function FlowPayment({
 
       // If we don't have payment session data, we need to wait for it
       if (!paymentSession) {
-        console.warn('FlowPayment: Payment session not available yet, component will retry when data is ready');
+        console.warn(
+          'FlowPayment: Payment session not available yet, component will retry when data is ready'
+        );
         return;
       }
 
@@ -252,16 +260,6 @@ export default function FlowPayment({
       !walletSelectionReady ||
       !preOrder.context_extras
     ) {
-      console.log('====================================');
-      console.log('FlowPayment: Missing required data to initialize payment components.', {
-        wallet_method: preOrder.wallet_method,
-        token: preOrder.token,
-        public_key: walletPaymentData?.data?.public_key,
-        walletSelectionReady,
-        context_extras: preOrder.context_extras
-      });
-      console.log('====================================');
-
       return;
     }