@tagadapay/plugin-sdk 2.7.20 → 2.7.21

package/dist/v2/react/index.d.ts

@@ -55,6 +55,7 @@ export type { ExtractedAddress, GooglePlaceDetails, GooglePrediction, UseGoogleA
 export type { ISOCountry, ISORegion, UseISODataResult } from './hooks/useISOData';
 export type { UsePluginConfigOptions, UsePluginConfigResult } from './hooks/usePluginConfig';
 export type { TranslateFunction, UseTranslationOptions, UseTranslationResult } from './hooks/useTranslation';
+export { FunnelEventType } from '../core/resources/funnel';
 export type { UseCheckoutQueryOptions as UseCheckoutOptions, UseCheckoutQueryResult as UseCheckoutResult } from './hooks/useCheckoutQuery';
 export type { UseDiscountsQueryOptions as UseDiscountsOptions, UseDiscountsQueryResult as UseDiscountsResult } from './hooks/useDiscountsQuery';
 export type { FunnelEvent, FunnelNavigationAction, FunnelNavigationResult, SimpleFunnelContext, UseFunnelOptions, UseFunnelResult } from './hooks/useFunnel';

package/dist/v2/react/index.js

@@ -44,5 +44,7 @@ export { useTranslation } from './hooks/useTranslation';
 export { useVipOffersQuery as useVipOffers } from './hooks/useVipOffersQuery';
 // Funnel hooks
 export { useFunnel, useSimpleFunnel } from './hooks/useFunnel';
+// TanStack Query types
+export { FunnelEventType } from '../core/resources/funnel';
 // Re-export utilities from main react
 export { formatMoney } from '../../react/utils/money';

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

@@ -26,6 +26,14 @@ interface TagadaContextValue {
         lastUpdated: Date | null;
     };
     updateCheckoutDebugData: (data: any, error?: Error | null, isLoading?: boolean) => void;
+    debugFunnel: {
+        isActive: boolean;
+        data: any;
+        error: Error | null;
+        isLoading: boolean;
+        lastUpdated: Date | null;
+    };
+    updateFunnelDebugData: (data: any, error?: Error | null, isLoading?: boolean) => void;
     refreshCoordinator: {
         registerCheckoutRefresh: (refreshFn: () => Promise<void>, name?: string) => void;
         registerOrderBumpRefresh: (refreshFn: () => Promise<void>) => void;

package/dist/v2/react/providers/TagadaProvider.js

@@ -295,6 +295,13 @@ rawPluginConfig, }) {
         isLoading: false,
         lastUpdated: null,
     });
+    const [debugFunnel, setDebugFunnel] = useState({
+        isActive: false,
+        data: null,
+        error: null,
+        isLoading: false,
+        lastUpdated: null,
+    });
     // Initialize auth state
     const [auth, setAuth] = useState({
         isAuthenticated: false,
@@ -480,6 +487,65 @@ rawPluginConfig, }) {
             setIsLoading(false);
         }
     }, [apiService, hasAttemptedAnonymousToken, initializeSession, finalDebugMode, isActiveInstance, instanceId]);
+    // Initialize token from storage or create anonymous token (extracted to stable callback)
+    const initializeToken = useCallback(async () => {
+        if (!isActiveInstance) {
+            console.log(`🚫 [TagadaProvider] Instance ${instanceId} is not active, skipping token initialization`);
+            return;
+        }
+        try {
+            console.debug('[SDK] Initializing token...');
+            setIsLoading(true);
+            // Check for existing token
+            const existingToken = getClientToken();
+            let tokenToUse = null;
+            // Check URL params for token
+            const urlParams = new URLSearchParams(window.location.search);
+            const queryToken = urlParams.get('token');
+            if (queryToken) {
+                console.debug('[SDK] Found token in URL params');
+                tokenToUse = queryToken;
+                setClientToken(queryToken);
+            }
+            else if (existingToken && !isTokenExpired(existingToken)) {
+                console.debug('[SDK] Using existing token from storage');
+                tokenToUse = existingToken;
+            }
+            else {
+                console.debug('[SDK] No valid token found');
+                // Determine storeId for anonymous token
+                const targetStoreId = storeId || 'default-store';
+                await createAnonymousToken(targetStoreId);
+                return;
+            }
+            if (tokenToUse) {
+                setToken(tokenToUse);
+                // Update the API service with the token
+                apiService.updateToken(tokenToUse);
+                // IMPORTANT: Immediately sync token to API client
+                apiClient.updateToken(tokenToUse);
+                console.log('[SDK] Token immediately synced to ApiClient:', tokenToUse.substring(0, 8) + '...');
+                // Decode token to get session data
+                const decodedSession = decodeJWTClient(tokenToUse);
+                if (decodedSession) {
+                    setSession(decodedSession);
+                    // Initialize session with API call
+                    await initializeSession(decodedSession);
+                }
+                else {
+                    console.error('[SDK] Failed to decode token');
+                    setIsInitialized(true);
+                    setIsSessionInitialized(false); // Session failed to initialize
+                    setIsLoading(false);
+                }
+            }
+        }
+        catch (error) {
+            console.error('[SDK] Error initializing token:', error);
+            setIsInitialized(true);
+            setIsLoading(false);
+        }
+    }, [apiService, apiClient, storeId, createAnonymousToken, initializeSession, isActiveInstance, instanceId]);
     // Initialize token from storage or create anonymous token
     // This runs in the background after phases 1 & 2 complete, but doesn't block rendering
     useEffect(() => {
@@ -500,62 +566,23 @@ rawPluginConfig, }) {
             return;
         }
         isInitializing.current = true;
-        const initializeToken = async () => {
-            try {
-                console.debug('[SDK] Initializing token...');
-                setIsLoading(true);
-                // Check for existing token
-                const existingToken = getClientToken();
-                let tokenToUse = null;
-                // Check URL params for token
-                const urlParams = new URLSearchParams(window.location.search);
-                const queryToken = urlParams.get('token');
-                if (queryToken) {
-                    console.debug('[SDK] Found token in URL params');
-                    tokenToUse = queryToken;
-                    setClientToken(queryToken);
-                }
-                else if (existingToken && !isTokenExpired(existingToken)) {
-                    console.debug('[SDK] Using existing token from storage');
-                    tokenToUse = existingToken;
-                }
-                else {
-                    console.debug('[SDK] No valid token found');
-                    // Determine storeId for anonymous token
-                    const targetStoreId = storeId || 'default-store';
-                    await createAnonymousToken(targetStoreId);
-                    return;
-                }
-                if (tokenToUse) {
-                    setToken(tokenToUse);
-                    // Update the API service with the token
-                    apiService.updateToken(tokenToUse);
-                    // IMPORTANT: Immediately sync token to API client
-                    apiClient.updateToken(tokenToUse);
-                    console.log('[SDK] Token immediately synced to ApiClient:', tokenToUse.substring(0, 8) + '...');
-                    // Decode token to get session data
-                    const decodedSession = decodeJWTClient(tokenToUse);
-                    if (decodedSession) {
-                        setSession(decodedSession);
-                        // Initialize session with API call
-                        await initializeSession(decodedSession);
-                    }
-                    else {
-                        console.error('[SDK] Failed to decode token');
-                        setIsInitialized(true);
-                        setIsSessionInitialized(false); // Session failed to initialize
-                        setIsLoading(false);
-                    }
-                }
-            }
-            catch (error) {
-                console.error('[SDK] Error initializing token:', error);
-                setIsInitialized(true);
-                setIsLoading(false);
-            }
-        };
         void initializeToken();
-    }, [storeId, createAnonymousToken, initializeSession, configLoading, isActiveInstance, instanceId]);
+    }, [storeId, initializeToken, configLoading, isActiveInstance, instanceId]);
+    // Listen for storage changes (e.g., token updated in another tab)
+    useEffect(() => {
+        if (!isActiveInstance) {
+            return;
+        }
+        function onStorage() {
+            // Re-run initialization when token may have changed in another tab
+            isInitializing.current = false;
+            void initializeToken();
+        }
+        window.addEventListener('storage', onStorage);
+        return () => {
+            window.removeEventListener('storage', onStorage);
+        };
+    }, [initializeToken, isActiveInstance]);
     // Update auth state when customer/session changes
     useEffect(() => {
         setAuth({
@@ -671,6 +698,16 @@ rawPluginConfig, }) {
         pluginConfigLoading: configLoading,
         debugCheckout,
         updateCheckoutDebugData: memoizedUpdateDebugData,
+        debugFunnel,
+        updateFunnelDebugData: (data, error, isLoading) => {
+            setDebugFunnel({
+                isActive: true,
+                data,
+                error: error ?? null,
+                isLoading: isLoading ?? false,
+                lastUpdated: new Date(),
+            });
+        },
         refreshCoordinator,
         money: memoizedMoneyUtils,
     }), [
@@ -685,6 +722,8 @@ rawPluginConfig, }) {
         isLoading,
         isInitialized,
         isSessionInitialized,
+        debugCheckout,
+        debugFunnel,
         finalDebugMode,
         pluginConfig,
         configLoading,

package/package.json

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