@tagadapay/plugin-sdk 2.2.8 → 2.3.0

package/dist/react/hooks/useCheckout.js

@@ -14,6 +14,11 @@ export function useCheckout(options = {}) {
     const { checkoutToken: providedToken, autoLoadFromToken = true, } = options;
     const currentCheckoutTokenRef = useRef(null);
     const hasAutoLoadedRef = useRef(false);
+    const isSessionInitializedRef = useRef(isSessionInitialized);
+    // Keep ref in sync with state
+    useEffect(() => {
+        isSessionInitializedRef.current = isSessionInitialized;
+    }, [isSessionInitialized]);
     // Update debug data whenever checkout state changes with comprehensive information
     useEffect(() => {
         const debugData = checkout
@@ -52,9 +57,23 @@ export function useCheckout(options = {}) {
             console.warn('[Checkout] Cannot init - checkoutToken already provided:', providedToken.substring(0, 8) + '...');
             throw new Error('Cannot initialize new checkout when checkoutToken is already provided. The existing checkout will be auto-loaded.');
         }
-        // Check if CMS session is initialized before making API calls
+        // Wait for CMS session to initialize before making API calls
+        // Note: If TagadaProvider has blockUntilSessionReady=true, this component won't render
+        // until session is ready, so this wait is mainly for the new non-blocking mode
         if (!isSessionInitialized) {
-            throw new Error('Session not initialized. Please wait for the SDK to complete initialization before calling init().');
+            console.log('🔄 [useCheckout] Waiting for session initialization to complete...');
+            await new Promise((resolve) => {
+                const checkSession = () => {
+                    if (isSessionInitializedRef.current) {
+                        console.log('✅ [useCheckout] Session initialized, proceeding with checkout init');
+                        resolve();
+                    }
+                    else {
+                        setTimeout(checkSession, 100); // Check every 100ms
+                    }
+                };
+                checkSession();
+            });
         }
         setIsLoading(true);
         setError(null);
@@ -110,9 +129,21 @@ export function useCheckout(options = {}) {
         }
     }, [apiService, currentCurrency, providedToken, storeId, isSessionInitialized]);
     const getCheckout = useCallback(async (checkoutToken) => {
-        // Check if CMS session is initialized before making API calls
+        // Wait for CMS session to initialize before making API calls
         if (!isSessionInitialized) {
-            throw new Error('Session not initialized. Please wait for the SDK to complete initialization before calling getCheckout().');
+            console.log('🔄 [useCheckout] Waiting for session initialization to complete...');
+            await new Promise((resolve) => {
+                const checkSession = () => {
+                    if (isSessionInitializedRef.current) {
+                        console.log('✅ [useCheckout] Session initialized, proceeding with getCheckout');
+                        resolve();
+                    }
+                    else {
+                        setTimeout(checkSession, 100); // Check every 100ms
+                    }
+                };
+                checkSession();
+            });
         }
         setIsLoading(true);
         setError(null);

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

@@ -53,8 +53,9 @@ interface TagadaProviderProps {
     customApiConfig?: Partial<EnvironmentConfig>;
     debugMode?: boolean;
     localConfig?: string;
+    blockUntilSessionReady?: boolean;
 }
 export declare function TagadaProvider({ children, environment, customApiConfig, debugMode, // Remove default, will be set based on environment
-localConfig, }: TagadaProviderProps): import("react/jsx-runtime").JSX.Element;
+localConfig, blockUntilSessionReady, }: TagadaProviderProps): import("react/jsx-runtime").JSX.Element;
 export declare function useTagadaContext(): TagadaContextValue;
 export {};

package/dist/react/providers/TagadaProvider.js

@@ -46,7 +46,8 @@ const InitializationLoader = () => (_jsxs("div", { style: {
       ` })] }));
 const TagadaContext = createContext(null);
 export function TagadaProvider({ children, environment, customApiConfig, debugMode, // Remove default, will be set based on environment
-localConfig, }) {
+localConfig, blockUntilSessionReady = false, // Default to new non-blocking behavior
+ }) {
     // LOCAL DEV ONLY: Use localConfig override if in local development, otherwise use default
     const isLocalDev = typeof window !== 'undefined' &&
         (window.location.hostname === 'localhost' ||
@@ -83,7 +84,12 @@ localConfig, }) {
                     basePath: config.basePath,
                     hasConfig: !!config.config,
                 });
-                console.log('🚀 Children can now render - Phase 3 (session init) will continue in background');
+                if (blockUntilSessionReady) {
+                    console.log('⏳ Blocking mode: Children will render after Phase 3 (session init) completes');
+                }
+                else {
+                    console.log('🚀 Non-blocking mode: Children can now render - Phase 3 (session init) will continue in background');
+                }
             }
             catch (error) {
                 console.error('❌ Failed to load plugin config in TagadaProvider:', error);
@@ -517,9 +523,11 @@ localConfig, }) {
     ]);
     // Determine if we should show loading
     // Phase 1 & 2 are mandatory: config loading and storeId availability
-    // Phase 3 (session initialization) is now optional/non-blocking
+    // Phase 3 (session initialization) is optional/non-blocking by default
     const shouldShowLoading = configLoading || (!storeId && configLoading);
-    const canRenderChildren = !configLoading && storeId; // Remove isInitialized requirement
+    const canRenderChildren = blockUntilSessionReady
+        ? (!configLoading && storeId && isInitialized) // Old behavior: wait for all phases
+        : (!configLoading && storeId); // New behavior: render after phases 1 & 2
     return (_jsxs(TagadaContext.Provider, { value: contextValue, children: [shouldShowLoading && _jsx(InitializationLoader, {}), finalDebugMode && canRenderChildren && (_jsxs(_Fragment, { children: [_jsx("button", { onClick: () => setIsDebugDrawerOpen(true), style: {
                             position: 'fixed',
                             bottom: '16px',

package/package.json

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