@tagadapay/plugin-sdk 2.5.2 → 2.6.0

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

@@ -11,6 +11,8 @@ export interface UsePluginConfigResult<TConfig = Record<string, any>> {
     storeId?: string;
     accountId?: string;
     basePath?: string;
+    loading: boolean;
+    error?: Error;
     isValid: boolean;
 }
 export declare function usePluginConfig<TConfig = Record<string, any>>(options?: UsePluginConfigOptions): UsePluginConfigResult<TConfig>;

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

@@ -6,7 +6,7 @@ import { useMemo } from 'react';
 import { useTagadaContext } from '../providers/TagadaProvider';
 import { PluginConfigUtils } from '../../core/utils/pluginConfig';
 export function usePluginConfig(options = {}) {
-    const { pluginConfig } = useTagadaContext();
+    const { pluginConfig, pluginConfigLoading } = useTagadaContext();
     const config = useMemo(() => {
         const baseConfig = PluginConfigUtils.getPluginConfig(options.rawConfig, {
             storeId: pluginConfig.storeId,
@@ -30,6 +30,8 @@ export function usePluginConfig(options = {}) {
         storeId: config.storeId,
         accountId: config.accountId,
         basePath: config.basePath,
+        loading: pluginConfigLoading,
+        error: undefined, // TODO: Add error handling if needed
         isValid,
     };
 }

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

@@ -48,9 +48,39 @@ const InitializationLoader = () => (_jsxs("div", { style: {
         }
       ` })] }));
 const TagadaContext = createContext(null);
+// Global instance tracking for TagadaProvider
+let globalTagadaInstance = null;
+let globalTagadaInitialized = false;
 export function TagadaProvider({ children, environment, customApiConfig, debugMode, // Remove default, will be set based on environment
 localConfig, blockUntilSessionReady = false, // Default to new non-blocking behavior
 rawPluginConfig, }) {
+    // Instance tracking
+    const [instanceId] = useState(() => {
+        if (!globalTagadaInstance) {
+            globalTagadaInstance = Math.random().toString(36).substr(2, 9);
+        }
+        return globalTagadaInstance;
+    });
+    const isActiveInstance = useMemo(() => {
+        if (!globalTagadaInitialized) {
+            globalTagadaInitialized = true;
+            console.log(`✅ [TagadaProvider] Instance ${instanceId} is now the active instance`);
+            return true;
+        }
+        else {
+            console.log(`🚫 [TagadaProvider] Instance ${instanceId} is duplicate - blocking execution`);
+            return false;
+        }
+    }, [instanceId]);
+    useEffect(() => {
+        return () => {
+            if (globalTagadaInstance === instanceId) {
+                globalTagadaInitialized = false;
+                globalTagadaInstance = null;
+                console.log(`🧹 [TagadaProvider] Instance ${instanceId} cleanup - allowing new instances`);
+            }
+        };
+    }, [instanceId]);
     // LOCAL DEV ONLY: Use localConfig override if in local development, otherwise use default
     const isLocalDev = typeof window !== 'undefined' &&
         (window.location.hostname === 'localhost' ||
@@ -60,7 +90,7 @@ rawPluginConfig, }) {
     // Debug logging (only log once during initial render)
     const hasLoggedRef = useRef(false);
     if (!hasLoggedRef.current) {
-        console.log('🔍 TagadaProvider Config Debug:', {
+        console.log(`🔍 [TagadaProvider] Instance ${instanceId} Config Debug:`, {
             hostname: typeof window !== 'undefined' ? window.location.hostname : 'SSR',
             isLocalDev,
             localConfig,
@@ -84,6 +114,11 @@ rawPluginConfig, }) {
     const [configLoading, setConfigLoading] = useState(!rawPluginConfig);
     // Load plugin config on mount with the specified variant
     useEffect(() => {
+        // Prevent multiple config loads
+        if (configLoading === false && pluginConfig.storeId) {
+            console.log('🔒 [TagadaProvider] Config already loaded, skipping reload');
+            return;
+        }
         const loadConfig = async () => {
             try {
                 // Use the v2 core loadPluginConfig function
@@ -239,12 +274,21 @@ rawPluginConfig, }) {
     });
     // Initialize session
     const initializeSession = useCallback(async (sessionData) => {
+        if (!isActiveInstance) {
+            console.log(`🚫 [TagadaProvider] Instance ${instanceId} is not active, skipping session initialization`);
+            return;
+        }
         if (!sessionData.storeId || !sessionData.accountId) {
-            console.error('[SDK] Missing required session data');
+            console.error(`[TagadaProvider] Instance ${instanceId} missing required session data`);
+            return;
+        }
+        // Prevent multiple session initializations
+        if (isSessionInitialized) {
+            console.log(`🔒 [TagadaProvider] Instance ${instanceId} session already initialized, skipping`);
             return;
         }
         if (finalDebugMode) {
-            console.debug('[SDK][DEBUG] Initializing session with store config...', sessionData);
+            console.debug(`[TagadaProvider] Instance ${instanceId} [DEBUG] Initializing session with store config...`, sessionData);
         }
         setIsLoading(true);
         try {
@@ -352,15 +396,23 @@ rawPluginConfig, }) {
             setIsInitialized(true);
             setIsLoading(false);
         }
-    }, [apiService, finalDebugMode]);
+    }, [apiService, finalDebugMode, isActiveInstance, instanceId]);
     // Create anonymous token if needed
     const createAnonymousToken = useCallback(async (targetStoreId) => {
+        if (!isActiveInstance) {
+            console.log(`🚫 [TagadaProvider] Instance ${instanceId} is not active, skipping anonymous token creation`);
+            return;
+        }
         if (hasAttemptedAnonymousToken || !targetStoreId) {
+            console.log(`🔒 [TagadaProvider] Instance ${instanceId} anonymous token already attempted or no storeId:`, {
+                hasAttemptedAnonymousToken,
+                targetStoreId,
+            });
             return;
         }
-        console.log('[SDK] 🚀 Starting Phase 3 - Session initialization...');
+        console.log(`[TagadaProvider] Instance ${instanceId} 🚀 Starting Phase 3 - Session initialization...`);
         if (finalDebugMode) {
-            console.debug('[SDK][DEBUG] Creating anonymous token for store:', targetStoreId);
+            console.debug(`[TagadaProvider] Instance ${instanceId} [DEBUG] Creating anonymous token for store:`, targetStoreId);
         }
         setHasAttemptedAnonymousToken(true);
         try {
@@ -405,15 +457,24 @@ rawPluginConfig, }) {
             setIsInitialized(true);
             setIsLoading(false);
         }
-    }, [apiService, hasAttemptedAnonymousToken, initializeSession, finalDebugMode]);
+    }, [apiService, hasAttemptedAnonymousToken, initializeSession, finalDebugMode, 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(() => {
+        if (!isActiveInstance) {
+            console.log(`🚫 [TagadaProvider] Instance ${instanceId} is not active, skipping token initialization`);
+            return;
+        }
         if (isInitializing.current) {
+            console.log(`🔒 [TagadaProvider] Instance ${instanceId} already initializing, skipping`);
             return;
         }
         // Wait for plugin config to load AND ensure we have a store ID before initializing
         if (configLoading || !storeId) {
+            console.log(`⏳ [TagadaProvider] Instance ${instanceId} waiting for config or storeId:`, {
+                configLoading,
+                storeId,
+            });
             return;
         }
         isInitializing.current = true;
@@ -469,7 +530,7 @@ rawPluginConfig, }) {
             }
         };
         void initializeToken();
-    }, [storeId, createAnonymousToken, initializeSession, configLoading]);
+    }, [storeId, createAnonymousToken, initializeSession, configLoading, isActiveInstance, instanceId]);
     // Update auth state when customer/session changes
     useEffect(() => {
         setAuth({

package/package.json

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