@tagadapay/plugin-sdk 2.2.7 → 2.2.9

package/dist/react/hooks/useCheckout.js

@@ -4,7 +4,7 @@ import { useTagadaContext } from '../providers/TagadaProvider';
 import { collectTrackingData } from '../utils/trackingUtils';
 import { usePluginConfig } from './usePluginConfig';
 export function useCheckout(options = {}) {
-    const { apiService, updateCheckoutDebugData, refreshCoordinator, currency } = useTagadaContext();
+    const { apiService, updateCheckoutDebugData, refreshCoordinator, currency, isSessionInitialized } = useTagadaContext();
     const { storeId } = usePluginConfig();
     const { code: currentCurrency } = useCurrency();
     const [checkout, setCheckout] = useState(null);
@@ -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,6 +57,22 @@ 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.');
         }
+        // Wait for CMS session to initialize before making API calls
+        if (!isSessionInitialized) {
+            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);
         try {
@@ -104,8 +125,24 @@ export function useCheckout(options = {}) {
         finally {
             setIsLoading(false);
         }
-    }, [apiService, currentCurrency, providedToken, storeId]);
+    }, [apiService, currentCurrency, providedToken, storeId, isSessionInitialized]);
     const getCheckout = useCallback(async (checkoutToken) => {
+        // Wait for CMS session to initialize before making API calls
+        if (!isSessionInitialized) {
+            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);
         try {
@@ -138,7 +175,7 @@ export function useCheckout(options = {}) {
         finally {
             setIsLoading(false);
         }
-    }, [apiService, currentCurrency]);
+    }, [apiService, currentCurrency, isSessionInitialized]);
     const refresh = useCallback(async () => {
         if (!currentCheckoutTokenRef.current) {
             throw new Error('No checkout session to refresh');

package/dist/react/hooks/usePluginConfig.js

@@ -16,7 +16,12 @@ let configPromise = null;
 const loadLocalDevConfig = async (configVariant = 'default') => {
     try {
         // Only try to load local config in development
-        if (process.env.NODE_ENV !== 'development') {
+        // Use hostname-based detection for better Vite compatibility
+        const isLocalDev = typeof window !== 'undefined' &&
+            (window.location.hostname === 'localhost' ||
+                window.location.hostname.includes('.localhost') ||
+                window.location.hostname.includes('127.0.0.1'));
+        if (!isLocalDev) {
             return null;
         }
         // Load local store/account config
@@ -176,7 +181,12 @@ export const clearPluginConfigCache = () => {
  * Development helper to log current configuration
  */
 export const debugPluginConfig = async (configVariant = 'default') => {
-    if (process.env.NODE_ENV !== 'development') {
+    // Use hostname-based detection for better Vite compatibility
+    const isLocalDev = typeof window !== 'undefined' &&
+        (window.location.hostname === 'localhost' ||
+            window.location.hostname.includes('.localhost') ||
+            window.location.hostname.includes('127.0.0.1'));
+    if (!isLocalDev) {
         return;
     }
     const config = await getPluginConfig(configVariant);

package/dist/react/hooks/useProducts.d.ts

@@ -14,7 +14,6 @@ export interface ProductPrice {
 export interface ProductVariant {
     id: string;
     name: string;
-    description: string;
     sku?: string;
     weight?: number;
     imageUrl?: string;

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

@@ -17,6 +17,7 @@ interface TagadaContextValue {
     apiService: ApiService;
     isLoading: boolean;
     isInitialized: boolean;
+    isSessionInitialized: boolean;
     debugMode: boolean;
     pluginConfig: PluginConfig;
     pluginConfigLoading: boolean;

package/dist/react/providers/TagadaProvider.js

@@ -38,11 +38,11 @@ const InitializationLoader = () => (_jsxs("div", { style: {
                 borderTop: '1.5px solid #9ca3af',
                 borderRadius: '50%',
                 animation: 'tagada-spin 1s linear infinite',
-            } }), _jsx("span", { children: "Loading..." }), _jsx("style", { children: `
-        @keyframes tagada-spin {
-          0% { transform: rotate(0deg); }
-          100% { transform: rotate(360deg); }
-        }
+            } }), _jsx("span", { children: "Loading..." }), _jsx("style", { children: `
+        @keyframes tagada-spin {
+          0% { transform: rotate(0deg); }
+          100% { transform: rotate(360deg); }
+        }
       ` })] }));
 const TagadaContext = createContext(null);
 export function TagadaProvider({ children, environment, customApiConfig, debugMode, // Remove default, will be set based on environment
@@ -77,12 +77,13 @@ localConfig, }) {
                     console.warn('⚠️ No store ID found in plugin config. This may cause hooks to fail.');
                 }
                 setPluginConfig(config);
-                console.log('✅ Plugin config loaded:', {
+                console.log('✅ Phase 1 & 2 Complete - Plugin config loaded:', {
                     storeId: config.storeId,
                     accountId: config.accountId,
                     basePath: config.basePath,
                     hasConfig: !!config.config,
                 });
+                console.log('🚀 Children can now render - Phase 3 (session init) will continue in background');
             }
             catch (error) {
                 console.error('❌ Failed to load plugin config in TagadaProvider:', error);
@@ -158,6 +159,7 @@ localConfig, }) {
     const [customer, setCustomer] = useState(null);
     const [session, setSession] = useState(null);
     const [store, setStore] = useState(null);
+    const [isSessionInitialized, setIsSessionInitialized] = useState(false);
     // Initialize locale and currency with defaults
     const [locale, setLocale] = useState({
         locale: 'en-US',
@@ -282,6 +284,7 @@ localConfig, }) {
             }
             console.debug('[SDK] Session initialized successfully');
             setIsInitialized(true);
+            setIsSessionInitialized(true); // Mark CMS session as ready
             setIsLoading(false);
         }
         catch (error) {
@@ -298,7 +301,7 @@ localConfig, }) {
         if (hasAttemptedAnonymousToken || !targetStoreId) {
             return;
         }
-        console.log('[SDK] 🚀 Starting initialization...');
+        console.log('[SDK] 🚀 Starting Phase 3 - Session initialization...');
         if (finalDebugMode) {
             console.debug('[SDK][DEBUG] Creating anonymous token for store:', targetStoreId);
         }
@@ -328,7 +331,8 @@ localConfig, }) {
                 setIsInitialized(true);
                 setIsLoading(false);
             }
-            console.log('[SDK] ✅ Initialization completed successfully');
+            console.log('[SDK] ✅ Phase 3 Complete - Session initialization completed successfully');
+            setIsSessionInitialized(true); // Mark CMS session as ready
         }
         catch (error) {
             console.error('[SDK] ❌ Initialization failed:', error);
@@ -340,6 +344,7 @@ localConfig, }) {
         }
     }, [apiService, hasAttemptedAnonymousToken, initializeSession, finalDebugMode]);
     // Initialize token from storage or create anonymous token
+    // This runs in the background after phases 1 & 2 complete, but doesn't block rendering
     useEffect(() => {
         if (isInitializing.current) {
             return;
@@ -389,6 +394,7 @@ localConfig, }) {
                     else {
                         console.error('[SDK] Failed to decode token');
                         setIsInitialized(true);
+                        setIsSessionInitialized(false); // Session failed to initialize
                         setIsLoading(false);
                     }
                 }
@@ -467,6 +473,7 @@ localConfig, }) {
         apiService,
         isLoading,
         isInitialized,
+        isSessionInitialized,
         debugMode: finalDebugMode,
         pluginConfig,
         pluginConfigLoading: configLoading,
@@ -501,6 +508,7 @@ localConfig, }) {
         apiService,
         isLoading,
         isInitialized,
+        isSessionInitialized,
         finalDebugMode,
         pluginConfig,
         configLoading,
@@ -508,9 +516,10 @@ localConfig, }) {
         refreshCoordinator,
     ]);
     // Determine if we should show loading
-    // Show loading if: config is loading OR (config loaded but no store ID and session not initialized)
-    const shouldShowLoading = configLoading || (!storeId && !isInitialized);
-    const canRenderChildren = !configLoading && storeId && isInitialized;
+    // Phase 1 & 2 are mandatory: config loading and storeId availability
+    // Phase 3 (session initialization) is now optional/non-blocking
+    const shouldShowLoading = configLoading || (!storeId && configLoading);
+    const canRenderChildren = !configLoading && storeId; // Remove isInitialized requirement
     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,78 +1,78 @@
-{
-  "name": "@tagadapay/plugin-sdk",
-  "version": "2.2.7",
-  "description": "Modern React SDK for building Tagada Pay plugins",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.js"
-    },
-    "./react": {
-      "types": "./dist/react/index.d.ts",
-      "import": "./dist/react/index.js",
-      "require": "./dist/react/index.js"
-    }
-  },
-  "scripts": {
-    "build": "tsc",
-    "clean": "rm -rf dist",
-    "lint": "echo \"No linting configured\"",
-    "test": "echo \"No tests yet\" && exit 0",
-    "dev": "tsc --watch",
-    "prepublishOnly": "npm run clean && npm run build",
-    "publish:patch": "npm version patch && npm publish",
-    "publish:minor": "npm version minor && npm publish",
-    "publish:major": "npm version major && npm publish",
-    "publish:beta": "npm version prerelease --preid=beta && npm publish --tag beta",
-    "publish:alpha": "npm version prerelease --preid=alpha && npm publish --tag alpha",
-    "version:patch": "npm version patch",
-    "version:minor": "npm version minor",
-    "version:major": "npm version major",
-    "version:beta": "npm version prerelease --preid=beta",
-    "version:alpha": "npm version prerelease --preid=alpha"
-  },
-  "keywords": [
-    "tagadapay",
-    "cms",
-    "plugin",
-    "sdk",
-    "react",
-    "typescript"
-  ],
-  "author": "Tagada Pay",
-  "license": "MIT",
-  "dependencies": {
-    "@basis-theory/apple-pay-js": "^2.0.2",
-    "@basis-theory/basis-theory-js": "^4.30.0",
-    "@basis-theory/basis-theory-react": "^1.32.5",
-    "@basis-theory/web-threeds": "^1.0.1",
-    "axios": "^1.6.0",
-    "iso3166-2-db": "^2.3.11",
-    "react-intl": "^7.1.11"
-  },
-  "devDependencies": {
-    "@types/node": "^18.0.0",
-    "@types/react": "^19",
-    "@types/react-dom": "^19",
-    "typescript": "^5.0.0"
-  },
-  "peerDependencies": {
-    "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0"
-  },
-  "files": [
-    "dist/**/*",
-    "README.md"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/tagadapay/plugin-sdk.git"
-  },
-  "bugs": {
-    "url": "https://github.com/tagadapay/plugin-sdk/issues"
-  },
-  "homepage": "https://github.com/tagadapay/plugin-sdk#readme"
-}
+{
+  "name": "@tagadapay/plugin-sdk",
+  "version": "2.2.9",
+  "description": "Modern React SDK for building Tagada Pay plugins",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.js"
+    },
+    "./react": {
+      "types": "./dist/react/index.d.ts",
+      "import": "./dist/react/index.js",
+      "require": "./dist/react/index.js"
+    }
+  },
+  "scripts": {
+    "build": "tsc",
+    "clean": "rm -rf dist",
+    "lint": "echo \"No linting configured\"",
+    "test": "echo \"No tests yet\" && exit 0",
+    "dev": "tsc --watch",
+    "prepublishOnly": "npm run clean && npm run build",
+    "publish:patch": "npm version patch && npm publish",
+    "publish:minor": "npm version minor && npm publish",
+    "publish:major": "npm version major && npm publish",
+    "publish:beta": "npm version prerelease --preid=beta && npm publish --tag beta",
+    "publish:alpha": "npm version prerelease --preid=alpha && npm publish --tag alpha",
+    "version:patch": "npm version patch",
+    "version:minor": "npm version minor",
+    "version:major": "npm version major",
+    "version:beta": "npm version prerelease --preid=beta",
+    "version:alpha": "npm version prerelease --preid=alpha"
+  },
+  "keywords": [
+    "tagadapay",
+    "cms",
+    "plugin",
+    "sdk",
+    "react",
+    "typescript"
+  ],
+  "author": "Tagada Pay",
+  "license": "MIT",
+  "dependencies": {
+    "@basis-theory/apple-pay-js": "^2.0.2",
+    "@basis-theory/basis-theory-js": "^4.30.0",
+    "@basis-theory/basis-theory-react": "^1.32.5",
+    "@basis-theory/web-threeds": "^1.0.1",
+    "axios": "^1.6.0",
+    "iso3166-2-db": "^2.3.11",
+    "react-intl": "^7.1.11"
+  },
+  "devDependencies": {
+    "@types/node": "^18.0.0",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "typescript": "^5.0.0"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "files": [
+    "dist/**/*",
+    "README.md"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/tagadapay/plugin-sdk.git"
+  },
+  "bugs": {
+    "url": "https://github.com/tagadapay/plugin-sdk/issues"
+  },
+  "homepage": "https://github.com/tagadapay/plugin-sdk#readme"
+}