@proveanything/smartlinks-auth-ui 0.1.21 → 0.1.23

package/dist/index.js

@@ -10722,14 +10722,18 @@ class AuthAPI {
         });
     }
     async fetchConfig() {
+        console.log('[AuthAPI] 📋 fetchConfig called with clientId:', this.clientId);
         this.log.log('fetchConfig called with clientId:', this.clientId);
         try {
+            console.log('[AuthAPI] 🌐 Calling smartlinks.authKit.load() - this uses current SDK config (including proxyMode)');
             this.log.log('Calling smartlinks.authKit.load...');
             const result = await smartlinks__namespace.authKit.load(this.clientId);
+            console.log('[AuthAPI] ✅ smartlinks.authKit.load returned:', result);
             this.log.log('smartlinks.authKit.load returned:', result);
             return result;
         }
         catch (error) {
+            console.log('[AuthAPI] ❌ Failed to fetch UI config:', error);
             this.log.warn('Failed to fetch UI config, using defaults:', error);
             return {
                 branding: {
@@ -12007,10 +12011,21 @@ const SmartlinksAuthUI = ({ apiEndpoint, clientId, clientName, accountData, onAu
     // Reinitialize Smartlinks SDK when apiEndpoint or proxyMode changes
     // IMPORTANT: Preserve bearer token during reinitialization
     React.useEffect(() => {
+        console.log('[SmartlinksAuthUI] 🔧 SDK INIT useEffect triggered', {
+            apiEndpoint,
+            proxyMode,
+            hasLogger: !!logger,
+            timestamp: new Date().toISOString()
+        });
         log.log('SDK reinitialize useEffect triggered', { apiEndpoint, proxyMode });
         setSdkReady(false); // Mark SDK as not ready during reinitialization
         const reinitializeWithToken = async () => {
             if (apiEndpoint) {
+                console.log('[SmartlinksAuthUI] 🔧 Reinitializing SDK with:', {
+                    baseURL: apiEndpoint,
+                    proxyMode: proxyMode,
+                    ngrokSkipBrowserWarning: true
+                });
                 log.log('Reinitializing SDK with baseURL:', apiEndpoint, 'proxyMode:', proxyMode);
                 // Get current token before reinitializing (only in standalone mode)
                 const currentToken = !proxyMode ? await auth.getToken() : null;
@@ -12020,6 +12035,7 @@ const SmartlinksAuthUI = ({ apiEndpoint, clientId, clientName, accountData, onAu
                     ngrokSkipBrowserWarning: true,
                     logger: logger, // Pass logger to SDK for verbose SDK logging
                 });
+                console.log('[SmartlinksAuthUI] ✅ SDK reinitialized, proxyMode:', proxyMode);
                 log.log('SDK reinitialized successfully');
                 // Restore bearer token after reinitialization using auth.verifyToken (standalone mode only)
                 if (currentToken && !proxyMode) {
@@ -12028,14 +12044,17 @@ const SmartlinksAuthUI = ({ apiEndpoint, clientId, clientName, accountData, onAu
                     });
                 }
                 // Mark SDK as ready
+                console.log('[SmartlinksAuthUI] ✅ Setting sdkReady=true (with apiEndpoint)');
                 setSdkReady(true);
             }
             else if (proxyMode) {
                 // In proxy mode without custom endpoint, SDK should already be initialized by parent
+                console.log('[SmartlinksAuthUI] ⚠️ Proxy mode WITHOUT apiEndpoint - expecting SDK already initialized by parent');
                 log.log('Proxy mode without apiEndpoint, SDK already initialized by parent');
                 setSdkReady(true);
             }
             else {
+                console.log('[SmartlinksAuthUI] ℹ️ No apiEndpoint, no proxyMode - SDK already initialized by App');
                 log.log('No apiEndpoint, SDK already initialized by App');
                 // SDK was initialized by App component, mark as ready
                 setSdkReady(true);
@@ -12054,6 +12073,14 @@ const SmartlinksAuthUI = ({ apiEndpoint, clientId, clientName, accountData, onAu
     };
     // Fetch UI configuration
     React.useEffect(() => {
+        console.log('[SmartlinksAuthUI] 📋 CONFIG FETCH useEffect triggered', {
+            skipConfigFetch,
+            clientId,
+            apiEndpoint,
+            sdkReady,
+            proxyMode,
+            timestamp: new Date().toISOString()
+        });
         log.log('Config fetch useEffect triggered', {
             skipConfigFetch,
             clientId,
@@ -12064,10 +12091,12 @@ const SmartlinksAuthUI = ({ apiEndpoint, clientId, clientName, accountData, onAu
         });
         // Wait for SDK to be ready before fetching config
         if (!sdkReady) {
+            console.log('[SmartlinksAuthUI] ⏳ SDK not ready yet, waiting before config fetch...');
             log.log('SDK not ready yet, waiting...');
             return;
         }
         if (skipConfigFetch) {
+            console.log('[SmartlinksAuthUI] ⏭️ Skipping config fetch - skipConfigFetch is true');
             log.log('Skipping config fetch - skipConfigFetch is true');
             setConfig(customization || {});
             return;
@@ -12075,6 +12104,7 @@ const SmartlinksAuthUI = ({ apiEndpoint, clientId, clientName, accountData, onAu
         const fetchConfig = async () => {
             // If no clientId provided, use default config immediately without API call
             if (!clientId) {
+                console.log('[SmartlinksAuthUI] ⚠️ No clientId provided, using default config');
                 log.log('No clientId provided, using default config');
                 const defaultConfig = {
                     ...DEFAULT_AUTH_CONFIG,
@@ -12093,21 +12123,28 @@ const SmartlinksAuthUI = ({ apiEndpoint, clientId, clientName, accountData, onAu
                     const age = Date.now() - timestamp;
                     // Use cache if less than 1 hour old
                     if (age < 3600000) {
+                        console.log('[SmartlinksAuthUI] 📦 Using cached config (age:', Math.round(age / 1000), 'seconds)');
                         setConfig({ ...cachedConfig, ...customization });
                         setConfigLoading(false);
                         // Fetch in background to update cache
+                        console.log('[SmartlinksAuthUI] 🔄 Background refresh of config via SDK...');
                         api.fetchConfig().then(freshConfig => {
+                            console.log('[SmartlinksAuthUI] ✅ Background config refresh complete');
                             localStorage.setItem(cacheKey, JSON.stringify({
                                 config: freshConfig,
                                 timestamp: Date.now()
                             }));
+                        }).catch(err => {
+                            console.log('[SmartlinksAuthUI] ❌ Background config refresh failed:', err);
                         });
                         return;
                     }
                 }
                 // Fetch from API
+                console.log('[SmartlinksAuthUI] 🌐 Fetching config via SDK for clientId:', clientId, 'proxyMode:', proxyMode);
                 log.log('Fetching config from API for clientId:', clientId);
                 const fetchedConfig = await api.fetchConfig();
+                console.log('[SmartlinksAuthUI] ✅ Config fetched successfully:', fetchedConfig);
                 log.log('Received config:', fetchedConfig);
                 // Merge with customization props (props take precedence)
                 const mergedConfig = { ...fetchedConfig, ...customization };
@@ -12119,6 +12156,7 @@ const SmartlinksAuthUI = ({ apiEndpoint, clientId, clientName, accountData, onAu
                 }));
             }
             catch (err) {
+                console.log('[SmartlinksAuthUI] ❌ Config fetch failed:', err);
                 log.error('Failed to fetch config:', err);
                 setConfig(customization || {});
             }
@@ -12127,7 +12165,7 @@ const SmartlinksAuthUI = ({ apiEndpoint, clientId, clientName, accountData, onAu
             }
         };
         fetchConfig();
-    }, [apiEndpoint, clientId, customization, skipConfigFetch, sdkReady, log]);
+    }, [apiEndpoint, clientId, customization, skipConfigFetch, sdkReady, proxyMode, log]);
     // Reset showEmailForm when mode changes away from login/register
     React.useEffect(() => {
         if (mode !== 'login' && mode !== 'register') {
@@ -13056,7 +13094,7 @@ const AccountManagement = ({ apiEndpoint, clientId, onError, className = '', cus
                                         }, className: "auth-button button-secondary", children: "Cancel" })] })] }))] }))] }));
 };
 
-const SmartlinksClaimUI = ({ apiEndpoint, clientId, clientName, collectionId, productId, proofId, onClaimSuccess, onClaimError, additionalFields = [], theme = 'light', className = '', minimal = false, customization = {}, }) => {
+const SmartlinksClaimUI = ({ apiEndpoint, clientId, clientName, collectionId, productId, proofId, onClaimSuccess, onClaimError, additionalFields = [], theme = 'light', className = '', minimal = false, proxyMode = false, customization = {}, }) => {
     const auth = useAuth();
     const [claimStep, setClaimStep] = React.useState(auth.isAuthenticated ? 'questions' : 'auth');
     const [claimData, setClaimData] = React.useState({});
@@ -13132,7 +13170,7 @@ const SmartlinksClaimUI = ({ apiEndpoint, clientId, clientName, collectionId, pr
     };
     // Render authentication step
     if (claimStep === 'auth') {
-        return (jsxRuntime.jsx("div", { className: className, children: jsxRuntime.jsx(SmartlinksAuthUI, { apiEndpoint: apiEndpoint, clientId: clientId, clientName: clientName, onAuthSuccess: handleAuthSuccess, onAuthError: onClaimError, theme: theme, minimal: minimal, customization: customization.authConfig }) }));
+        return (jsxRuntime.jsx("div", { className: className, children: jsxRuntime.jsx(SmartlinksAuthUI, { apiEndpoint: apiEndpoint, clientId: clientId, clientName: clientName, onAuthSuccess: handleAuthSuccess, onAuthError: onClaimError, theme: theme, minimal: minimal, proxyMode: proxyMode, customization: customization.authConfig }) }));
     }
     // Render additional questions step
     if (claimStep === 'questions') {