@tagadapay/plugin-sdk 1.0.11 → 1.0.12

package/dist/react/hooks/useCheckout.js

@@ -3,7 +3,7 @@ import { useTagadaContext } from '../providers/TagadaProvider';
 import { getCheckoutToken } from '../utils/urlUtils';
 import { useCurrency } from '../hooks/useCurrency';
 export function useCheckout(options = {}) {
-    const { apiService, updateCheckoutDebugData } = useTagadaContext();
+    const { apiService, updateCheckoutDebugData, refreshCoordinator } = useTagadaContext();
     const { code: currentCurrency } = useCurrency();
     const [checkout, setCheckout] = useState(null);
     const [isLoading, setIsLoading] = useState(false);
@@ -147,6 +147,13 @@ export function useCheckout(options = {}) {
         await getCheckout(currentCheckoutTokenRef.current);
         console.log('✅ [useCheckout] Refresh completed, debug data will be updated automatically');
     }, [getCheckout]);
+    // Register refresh function with coordinator and cleanup on unmount
+    useEffect(() => {
+        refreshCoordinator.registerCheckoutRefresh(refresh);
+        return () => {
+            refreshCoordinator.unregisterCheckoutRefresh();
+        };
+    }, [refresh, refreshCoordinator]);
     const updateAddress = useCallback(async (data) => {
         if (!checkout?.checkoutSession.id) {
             throw new Error('No checkout session available');
@@ -250,6 +257,8 @@ export function useCheckout(options = {}) {
             });
             if (response.success) {
                 await refresh();
+                // Notify other hooks that checkout data changed
+                await refreshCoordinator.notifyCheckoutChanged();
             }
             return response;
         }
@@ -257,7 +266,7 @@ export function useCheckout(options = {}) {
             const error = err instanceof Error ? err : new Error('Failed to update line items');
             throw error;
         }
-    }, [apiService, checkout?.checkoutSession.id, refresh]);
+    }, [apiService, checkout?.checkoutSession.id, refresh, refreshCoordinator]);
     const addLineItems = useCallback(async (lineItems) => {
         if (!checkout?.checkoutSession.id) {
             throw new Error('No checkout session available');

package/dist/react/hooks/useOrderBump.js

@@ -1,7 +1,7 @@
 import { useState, useCallback, useEffect } from 'react';
 import { useTagadaContext } from '../providers/TagadaProvider';
 export function useOrderBump(options) {
-    const { apiService } = useTagadaContext();
+    const { apiService, refreshCoordinator } = useTagadaContext();
     const { checkoutSessionId, offerId, orderBumpType = 'vip', autoPreview = true } = options;
     const [isSelected, setIsSelected] = useState(false);
     const [preview, setPreview] = useState(null);
@@ -55,6 +55,8 @@ export function useOrderBump(options) {
             if (response.success) {
                 // Refresh preview to get updated savings
                 await refreshPreview();
+                // Notify checkout hook that order bump data changed
+                await refreshCoordinator.notifyOrderBumpChanged();
                 return { success: true };
             }
             else {
@@ -73,7 +75,7 @@ export function useOrderBump(options) {
         finally {
             setIsToggling(false);
         }
-    }, [checkoutSessionId, offerId, isSelected, apiService, refreshPreview]);
+    }, [checkoutSessionId, offerId, isSelected, apiService, refreshPreview, refreshCoordinator]);
     // Auto-fetch preview on mount and when dependencies change
     useEffect(() => {
         if (autoPreview && checkoutSessionId) {
@@ -82,6 +84,13 @@ export function useOrderBump(options) {
             });
         }
     }, [autoPreview, refreshPreview]);
+    // Register refresh function with coordinator and cleanup on unmount
+    useEffect(() => {
+        refreshCoordinator.registerOrderBumpRefresh(refreshPreview);
+        return () => {
+            refreshCoordinator.unregisterOrderBumpRefresh();
+        };
+    }, [refreshPreview, refreshCoordinator]);
     // Calculate current savings
     const savings = isSelected && preview?.savings ? preview.savings : preview?.savings || null;
     return {

package/dist/react/providers/TagadaProvider.d.ts

@@ -25,6 +25,14 @@ interface TagadaContextValue {
         lastUpdated: Date | null;
     };
     updateCheckoutDebugData: (data: any, error?: Error | null, isLoading?: boolean) => void;
+    refreshCoordinator: {
+        registerCheckoutRefresh: (refreshFn: () => Promise<void>) => void;
+        registerOrderBumpRefresh: (refreshFn: () => Promise<void>) => void;
+        notifyCheckoutChanged: () => Promise<void>;
+        notifyOrderBumpChanged: () => Promise<void>;
+        unregisterCheckoutRefresh: () => void;
+        unregisterOrderBumpRefresh: () => void;
+    };
     money: {
         formatMoney: typeof formatMoney;
         getCurrencyInfo: typeof getCurrencyInfo;

package/dist/react/providers/TagadaProvider.js

@@ -341,6 +341,51 @@ storeId, accountId, }) {
             session,
         });
     }, [customer, session]);
+    // Refresh coordinator for bidirectional hook communication
+    const checkoutRefreshRef = useRef(null);
+    const orderBumpRefreshRef = useRef(null);
+    const refreshCoordinator = {
+        registerCheckoutRefresh: (refreshFn) => {
+            checkoutRefreshRef.current = refreshFn;
+            console.log('🔄 [RefreshCoordinator] Checkout refresh function registered');
+        },
+        registerOrderBumpRefresh: (refreshFn) => {
+            orderBumpRefreshRef.current = refreshFn;
+            console.log('🔄 [RefreshCoordinator] Order bump refresh function registered');
+        },
+        notifyCheckoutChanged: async () => {
+            if (orderBumpRefreshRef.current) {
+                console.log('🔄 [RefreshCoordinator] Checkout changed, refreshing order bump data...');
+                try {
+                    await orderBumpRefreshRef.current();
+                    console.log('✅ [RefreshCoordinator] Order bump refresh completed');
+                }
+                catch (error) {
+                    console.warn('⚠️ [RefreshCoordinator] Order bump refresh failed:', error);
+                }
+            }
+        },
+        notifyOrderBumpChanged: async () => {
+            if (checkoutRefreshRef.current) {
+                console.log('🔄 [RefreshCoordinator] Order bump changed, refreshing checkout data...');
+                try {
+                    await checkoutRefreshRef.current();
+                    console.log('✅ [RefreshCoordinator] Checkout refresh completed');
+                }
+                catch (error) {
+                    console.warn('⚠️ [RefreshCoordinator] Checkout refresh failed:', error);
+                }
+            }
+        },
+        unregisterCheckoutRefresh: () => {
+            checkoutRefreshRef.current = null;
+            console.log('🧹 [RefreshCoordinator] Checkout refresh function unregistered');
+        },
+        unregisterOrderBumpRefresh: () => {
+            orderBumpRefreshRef.current = null;
+            console.log('🧹 [RefreshCoordinator] Order bump refresh function unregistered');
+        },
+    };
     const contextValue = {
         auth,
         session,
@@ -363,6 +408,7 @@ storeId, accountId, }) {
                 lastUpdated: new Date(),
             });
         },
+        refreshCoordinator,
         money: {
             formatMoney,
             getCurrencyInfo,

package/package.json

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