@tagadapay/plugin-sdk 2.7.37 → 2.7.39

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

@@ -66,20 +66,13 @@ export function useCheckoutQuery(options = {}) {
     // Internal token state that can be updated after init
     const [internalToken, setInternalToken] = useState(providedToken);
     // Update internal token when provided token changes
-    // Always sync when providedToken is explicitly provided (not undefined)
     useEffect(() => {
-        // If providedToken is explicitly set (not undefined), sync internalToken
-        // This handles both: null -> string and string -> string transitions
-        if (providedToken !== undefined && providedToken !== internalToken) {
+        if (providedToken && providedToken !== internalToken) {
             setInternalToken(providedToken);
         }
-        // If providedToken is undefined, keep internalToken (from init) - don't clear it
-    }, [providedToken, internalToken]);
-    // Use provided token directly when available, otherwise fall back to internal token
-    // Memoize to ensure React Query sees the change when providedToken updates
-    const checkoutToken = useMemo(() => {
-        return providedToken !== undefined ? providedToken : internalToken;
     }, [providedToken, internalToken]);
+    // Use provided token or internal token
+    const checkoutToken = providedToken || internalToken;
     // Main checkout query
     const { data: checkout, isLoading, error, isSuccess, refetch, } = useQuery({
         queryKey: ['checkout', checkoutToken, currency.code],

package/dist/v2/react/hooks/useCheckoutToken.d.ts

@@ -1,6 +1,7 @@
 export interface UseCheckoutTokenOptions {
     checkoutToken?: string;
     autoLoadFromToken?: boolean;
+    autoLoadFromQueryCache?: boolean;
 }
 export interface UseCheckoutTokenResult {
     checkoutToken: string | null;

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

@@ -1,3 +1,4 @@
+import { useQueryClient } from '@tanstack/react-query';
 import { useCallback, useEffect, useRef, useState } from 'react';
 import { useTagadaContext } from '../providers/TagadaProvider';
 /**
@@ -6,12 +7,14 @@ import { useTagadaContext } from '../providers/TagadaProvider';
  */
 export function useCheckoutToken(options = {}) {
     const { isSessionInitialized } = useTagadaContext();
-    const { checkoutToken: providedToken, autoLoadFromToken = true } = options;
+    const { checkoutToken: providedToken, autoLoadFromToken = true, autoLoadFromQueryCache = true } = options;
+    const queryClient = useQueryClient();
     const [checkoutToken, setCheckoutToken] = useState(providedToken || null);
     const [isLoading, _setIsLoading] = useState(false);
     const [error, setError] = useState(null);
     const [isInitialized, setIsInitialized] = useState(false);
     const hasAutoLoadedRef = useRef(false);
+    const hasAutoLoadedFromCacheRef = useRef(false);
     const isSessionInitializedRef = useRef(isSessionInitialized);
     // Keep ref in sync with state
     useEffect(() => {
@@ -23,8 +26,36 @@ export function useCheckoutToken(options = {}) {
             setCheckoutToken(providedToken);
             setIsInitialized(false);
             hasAutoLoadedRef.current = false;
+            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;
+                        }
+                    }
+                }
+            }
+            catch (err) {
+                // Silently fail if query cache access fails
+                console.debug('Failed to load checkoutToken from query cache:', err);
+            }
+        }
+    }, [providedToken, autoLoadFromQueryCache, checkoutToken, queryClient]);
     // Auto-load token from URL if no token provided
     useEffect(() => {
         if (!providedToken && autoLoadFromToken && !checkoutToken && !hasAutoLoadedRef.current) {
@@ -53,6 +84,7 @@ export function useCheckoutToken(options = {}) {
         setIsInitialized(false);
         setError(null);
         hasAutoLoadedRef.current = false;
+        hasAutoLoadedFromCacheRef.current = false;
     }, []);
     return {
         checkoutToken,

package/package.json

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