@tagadapay/plugin-sdk 2.3.12 → 2.3.14

package/dist/react/hooks/useApplePay.d.ts

@@ -1,2 +1,8 @@
-import { UseApplePayOptions, UseApplePayResult } from '../types/apple-pay';
+import { ApplePayLineItem, UseApplePayOptions, UseApplePayResult } from '../types/apple-pay';
+import { OrderSummaryData } from './useOrderSummary';
+export interface ApplePayOrderSummary extends OrderSummaryData {
+    lineItems: ApplePayLineItem[];
+    total: ApplePayLineItem;
+    shippingMethods: any[];
+}
 export declare function useApplePay(options?: UseApplePayOptions): UseApplePayResult;

package/dist/react/hooks/useApplePay.js

@@ -94,34 +94,73 @@ export function useApplePay(options = {}) {
             throw error;
         }
     }, [apiService, options.customerId]);
+    // Get shipping rates for the checkout session
+    const getShippingRates = useCallback(async () => {
+        try {
+            const response = await apiService.fetch(`/api/v1/checkout-sessions/${options.checkoutSessionId}/shipping-rates`);
+            return response;
+        }
+        catch (error) {
+            console.error('Failed to get shipping rates:', error);
+            throw error;
+        }
+    }, [apiService, options.checkoutSessionId]);
     // Recompute order summary after address/shipping changes
     const reComputeOrderSummary = useCallback(async () => {
         try {
-            const response = await apiService.fetch(`/api/v1/checkout-sessions/${options.checkoutSessionId}/order-summary`, {
+            // Get the order summary data
+            const orderSummary = await apiService.fetch(`/api/v1/checkout-sessions/${options.checkoutSessionId}/order-summary`, {
                 method: 'POST',
                 headers: {
                     'Content-Type': 'application/json',
                 },
                 body: { checkoutSessionId: options.checkoutSessionId }
             });
-            return response;
+            // Get shipping rates
+            const shippingRates = await getShippingRates();
+            // Construct Apple Pay line items from order summary
+            const lineItems = [
+                {
+                    label: 'Subtotal',
+                    amount: (orderSummary.subtotalAdjustedAmount / 100).toFixed(2),
+                    type: 'final',
+                },
+                {
+                    label: 'Shipping',
+                    amount: (orderSummary.shippingCost / 100).toFixed(2),
+                    type: 'final',
+                },
+                {
+                    label: 'Tax',
+                    amount: (orderSummary.totalTaxAmount / 100).toFixed(2),
+                    type: 'final',
+                },
+            ];
+            // Construct Apple Pay total
+            const total = {
+                label: 'Total',
+                amount: (orderSummary.totalAdjustedAmount / 100).toFixed(2),
+                type: 'final',
+            };
+            // Construct Apple Pay shipping methods from shipping rates
+            const shippingMethods = shippingRates?.rates?.map((rate) => ({
+                label: rate.shippingRateName,
+                amount: (rate.amount / 100).toFixed(2),
+                identifier: rate.id,
+                detail: rate.description || '',
+            })) || [];
+            return {
+                ...orderSummary,
+                lineItems,
+                total,
+                shippingMethods,
+            };
         }
         catch (error) {
             console.error('Failed to recompute order summary:', error);
             throw error;
         }
-    }, [apiService, options.checkoutSessionId]);
-    // Get shipping rates for the checkout session
-    const getShippingRates = useCallback(async () => {
-        try {
-            const response = await apiService.fetch(`/api/v1/checkout-sessions/${options.checkoutSessionId}/shipping-rates`);
-            return response;
-        }
-        catch (error) {
-            console.error('Failed to get shipping rates:', error);
-            throw error;
-        }
-    }, [apiService, options.checkoutSessionId]);
+    }, [apiService, options.checkoutSessionId, getShippingRates]);
     // Set shipping rate
     const setShippingRate = useCallback(async (shippingRateId) => {
         try {
@@ -302,6 +341,7 @@ export function useApplePay(options = {}) {
                         }
                         const { lineItems: newLineItems, total: newTotal, shippingMethods: newShippingMethods, } = newOrderSummary;
                         console.log('======= APPLE PAY ON SHIPPING CONTACT SELECTED ======');
+                        console.log('newOrderSummary', newOrderSummary);
                         console.log(newLineItems, newTotal, newShippingMethods);
                         session.completeShippingContactSelection(window.ApplePaySession.STATUS_SUCCESS, newShippingMethods, newTotal, newLineItems);
                     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tagadapay/plugin-sdk",
-  "version": "2.3.12",
+  "version": "2.3.14",
   "description": "Modern React SDK for building Tagada Pay plugins",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",