@tagadapay/plugin-sdk 2.7.39 → 2.7.41

package/dist/v2/index.d.ts

@@ -32,3 +32,4 @@ export type { UseCustomerResult } from './react/hooks/useCustomer';
 export type { UseCustomerInfosOptions, UseCustomerInfosResult } from './react/hooks/useCustomerInfos';
 export type { UseCustomerOrdersOptions, UseCustomerOrdersResult } from './react/hooks/useCustomerOrders';
 export type { UseCustomerSubscriptionsOptions, UseCustomerSubscriptionsResult } from './react/hooks/useCustomerSubscriptions';
+export type { UseShippingRatesQueryOptions, UseShippingRatesQueryResult } from './react/hooks/useShippingRatesQuery';

package/dist/v2/react/hooks/useCheckoutToken.js

@@ -16,10 +16,12 @@ export function useCheckoutToken(options = {}) {
     const hasAutoLoadedRef = useRef(false);
     const hasAutoLoadedFromCacheRef = useRef(false);
     const isSessionInitializedRef = useRef(isSessionInitialized);
-    // Keep ref in sync with state
+    const checkoutTokenRef = useRef(checkoutToken);
+    // Keep refs in sync with state
     useEffect(() => {
         isSessionInitializedRef.current = isSessionInitialized;
-    }, [isSessionInitialized]);
+        checkoutTokenRef.current = checkoutToken;
+    }, [isSessionInitialized, checkoutToken]);
     // Update token when provided token changes
     useEffect(() => {
         if (providedToken && providedToken !== checkoutToken) {
@@ -29,33 +31,68 @@ export function useCheckoutToken(options = {}) {
             hasAutoLoadedFromCacheRef.current = false;
         }
     }, [providedToken, checkoutToken]);
-    // Auto-load token from React Query cache if available (from useCheckoutQuery)
-    useEffect(() => {
-        if (!providedToken && autoLoadFromQueryCache && !checkoutToken && !hasAutoLoadedFromCacheRef.current) {
-            try {
-                // Check React Query cache for checkout queries
-                // Query key format: ['checkout', checkoutToken, currency.code]
-                const queryCache = queryClient.getQueryCache();
-                const checkoutQueries = queryCache.findAll({ queryKey: ['checkout'] });
-                // Find the first query with a valid token in the query key
-                for (const query of checkoutQueries) {
-                    const queryKey = query.queryKey;
-                    if (Array.isArray(queryKey) && queryKey.length >= 2 && typeof queryKey[1] === 'string' && queryKey[1]) {
-                        const cachedToken = queryKey[1];
-                        if (cachedToken) {
-                            setCheckoutToken(cachedToken);
-                            hasAutoLoadedFromCacheRef.current = true;
-                            return;
-                        }
+    // Helper function to extract token from checkout queries in cache
+    const getTokenFromCache = useCallback(() => {
+        try {
+            const queryCache = queryClient.getQueryCache();
+            const checkoutQueries = queryCache.findAll({ queryKey: ['checkout'] });
+            // Find the first query with a valid token in the query key
+            for (const query of checkoutQueries) {
+                const queryKey = query.queryKey;
+                if (Array.isArray(queryKey) && queryKey.length >= 2 && typeof queryKey[1] === 'string' && queryKey[1]) {
+                    const cachedToken = queryKey[1];
+                    if (cachedToken) {
+                        return cachedToken;
                     }
                 }
             }
-            catch (err) {
-                // Silently fail if query cache access fails
-                console.debug('Failed to load checkoutToken from query cache:', err);
+        }
+        catch (err) {
+            // Silently fail if query cache access fails
+            console.debug('Failed to load checkoutToken from query cache:', err);
+        }
+        return null;
+    }, [queryClient]);
+    // Auto-load token from React Query cache if available (from useCheckoutQuery)
+    // This runs initially and also reactively when cache changes
+    useEffect(() => {
+        if (!providedToken && autoLoadFromQueryCache) {
+            const cachedToken = getTokenFromCache();
+            // Update token if we found one in cache and don't have one yet
+            if (cachedToken && cachedToken !== checkoutToken) {
+                setCheckoutToken(cachedToken);
+                hasAutoLoadedFromCacheRef.current = true;
             }
         }
-    }, [providedToken, autoLoadFromQueryCache, checkoutToken, queryClient]);
+    }, [providedToken, autoLoadFromQueryCache, checkoutToken, getTokenFromCache]);
+    // Subscribe to query cache changes to reactively pick up new checkout tokens
+    useEffect(() => {
+        if (!providedToken && autoLoadFromQueryCache) {
+            const queryCache = queryClient.getQueryCache();
+            const unsubscribe = queryCache.subscribe((event) => {
+                // When a query is added or updated, check if it's a checkout query
+                if (event?.type === 'added' || event?.type === 'updated') {
+                    const query = event.query;
+                    const queryKey = query?.queryKey;
+                    // Check if this is a checkout query with a token
+                    // Use ref to get latest token value without causing re-subscriptions
+                    if (Array.isArray(queryKey) &&
+                        queryKey[0] === 'checkout' &&
+                        queryKey.length >= 2 &&
+                        typeof queryKey[1] === 'string' &&
+                        queryKey[1] &&
+                        queryKey[1] !== checkoutTokenRef.current) {
+                        const newToken = queryKey[1];
+                        setCheckoutToken(newToken);
+                        hasAutoLoadedFromCacheRef.current = true;
+                    }
+                }
+            });
+            return () => {
+                unsubscribe();
+            };
+        }
+    }, [providedToken, autoLoadFromQueryCache, queryClient]);
     // Auto-load token from URL if no token provided
     useEffect(() => {
         if (!providedToken && autoLoadFromToken && !checkoutToken && !hasAutoLoadedRef.current) {

package/package.json

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