@proveanything/smartlinks-auth-ui 0.1.29 → 0.1.31

package/dist/components/SmartlinksAuthUI.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SmartlinksAuthUI.d.ts","sourceRoot":"","sources":["../../src/components/SmartlinksAuthUI.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAW5D,OAAO,KAAK,EAAE,qBAAqB,EAAuD,MAAM,UAAU,CAAC;AA4G3G,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA4qC5D,CAAC"}
+{"version":3,"file":"SmartlinksAuthUI.d.ts","sourceRoot":"","sources":["../../src/components/SmartlinksAuthUI.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAW5D,OAAO,KAAK,EAAE,qBAAqB,EAAuD,MAAM,UAAU,CAAC;AA4I3G,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA6zC5D,CAAC"}

package/dist/index.esm.js

@@ -12192,25 +12192,51 @@ const loadGoogleIdentityServices = () => {
 // Helper to detect WebView environments (Android/iOS)
 const detectWebView = () => {
     const ua = navigator.userAgent;
+    console.log('[SmartlinksAuthUI] 🔍 detectWebView checking UA:', ua);
     // Android WebView detection
     if (/Android/i.test(ua)) {
+        console.log('[SmartlinksAuthUI] 🔍 Android device detected');
         // Modern Android WebViews include "wv" in UA string
-        if (/\bwv\b/i.test(ua))
+        if (/\bwv\b/i.test(ua)) {
+            console.log('[SmartlinksAuthUI] ✅ Android WebView detected (wv in UA)');
             return true;
+        }
         // Check for legacy Android bridge
-        if (typeof window.Android !== 'undefined')
+        if (typeof window.Android !== 'undefined') {
+            console.log('[SmartlinksAuthUI] ✅ Android WebView detected (Android bridge exists)');
             return true;
+        }
+        console.log('[SmartlinksAuthUI] ❌ Android but not WebView');
     }
     // iOS WKWebView detection
     if (/iPhone|iPad|iPod/i.test(ua)) {
+        console.log('[SmartlinksAuthUI] 🔍 iOS device detected');
         const hasWebKitHandlers = !!window.webkit?.messageHandlers;
         const isSafari = !!window.safari;
+        console.log('[SmartlinksAuthUI] 🔍 iOS check:', { hasWebKitHandlers, isSafari });
         // WKWebView has webkit handlers but no safari object
-        if (hasWebKitHandlers && !isSafari)
+        if (hasWebKitHandlers && !isSafari) {
+            console.log('[SmartlinksAuthUI] ✅ iOS WKWebView detected');
             return true;
+        }
+        console.log('[SmartlinksAuthUI] ❌ iOS but not WKWebView (likely Safari)');
     }
+    console.log('[SmartlinksAuthUI] ❌ Not a WebView environment');
     return false;
 };
+// Helper to detect native bridge for Google Sign-In delegation
+// Android apps can expose SmartlinksNative.signInWithGoogle() to handle OAuth natively
+const getNativeBridge = () => {
+    console.log('[SmartlinksAuthUI] 🔍 getNativeBridge checking for SmartlinksNative...');
+    console.log('[SmartlinksAuthUI] 🔍 window.SmartlinksNative:', window.SmartlinksNative);
+    const native = window.SmartlinksNative;
+    if (native?.signInWithGoogle) {
+        console.log('[SmartlinksAuthUI] ✅ Native bridge found! SmartlinksNative.signInWithGoogle is available');
+        return native;
+    }
+    console.log('[SmartlinksAuthUI] ❌ No native bridge found (SmartlinksNative.signInWithGoogle not available)');
+    return null;
+};
 // Helper to convert generic SDK errors to user-friendly messages
 const getFriendlyErrorMessage = (errorMessage) => {
     // Check for common HTTP status codes in the error message
@@ -12238,7 +12264,7 @@ const getFriendlyErrorMessage = (errorMessage) => {
     // Return original message if no pattern matches
     return errorMessage;
 };
-const SmartlinksAuthUI = ({ apiEndpoint, clientId, clientName, accountData, onAuthSuccess, onAuthError, enabledProviders = ['email', 'google', 'phone'], initialMode = 'login', redirectUrl, theme = 'auto', className, customization, skipConfigFetch = false, minimal = false, logger, proxyMode = false, collectionId, }) => {
+const SmartlinksAuthUI = ({ apiEndpoint, clientId, clientName, accountData, onAuthSuccess, onAuthError, enabledProviders = ['email', 'google', 'phone'], initialMode = 'login', redirectUrl, theme = 'auto', className, customization, skipConfigFetch = false, minimal = false, logger, proxyMode = false, collectionId, disableConfigCache = false, }) => {
     const [mode, setMode] = useState(initialMode);
     const [loading, setLoading] = useState(false);
     const [error, setError] = useState();
@@ -12379,31 +12405,38 @@ const SmartlinksAuthUI = ({ apiEndpoint, clientId, clientName, accountData, onAu
                 return;
             }
             try {
-                // Check localStorage cache first
                 const cacheKey = `auth_ui_config_${clientId}`;
-                const cached = localStorage.getItem(cacheKey);
-                if (cached) {
-                    const { config: cachedConfig, timestamp } = JSON.parse(cached);
-                    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;
+                // Check localStorage cache first (unless caching is disabled)
+                if (!disableConfigCache) {
+                    const cached = localStorage.getItem(cacheKey);
+                    if (cached) {
+                        const { config: cachedConfig, timestamp } = JSON.parse(cached);
+                        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()
+                                }));
+                                // Update config if it changed
+                                setConfig({ ...freshConfig, ...customization });
+                            }).catch(err => {
+                                console.log('[SmartlinksAuthUI] ❌ Background config refresh failed:', err);
+                            });
+                            return;
+                        }
                     }
                 }
+                else {
+                    console.log('[SmartlinksAuthUI] ⚠️ Config caching disabled, fetching fresh config');
+                }
                 // Fetch from API
                 console.log('[SmartlinksAuthUI] 🌐 Fetching config via SDK for clientId:', clientId, 'proxyMode:', proxyMode);
                 log.log('Fetching config from API for clientId:', clientId);
@@ -12413,11 +12446,13 @@ const SmartlinksAuthUI = ({ apiEndpoint, clientId, clientName, accountData, onAu
                 // Merge with customization props (props take precedence)
                 const mergedConfig = { ...fetchedConfig, ...customization };
                 setConfig(mergedConfig);
-                // Cache the fetched config
-                localStorage.setItem(cacheKey, JSON.stringify({
-                    config: fetchedConfig,
-                    timestamp: Date.now()
-                }));
+                // Cache the fetched config (unless caching is disabled)
+                if (!disableConfigCache) {
+                    localStorage.setItem(cacheKey, JSON.stringify({
+                        config: fetchedConfig,
+                        timestamp: Date.now()
+                    }));
+                }
             }
             catch (err) {
                 console.log('[SmartlinksAuthUI] ❌ Config fetch failed:', err);
@@ -12779,19 +12814,35 @@ const SmartlinksAuthUI = ({ apiEndpoint, clientId, clientName, accountData, onAu
         }
     };
     const handleGoogleLogin = async () => {
+        console.log('[SmartlinksAuthUI] 🚀 handleGoogleLogin called');
         // Use custom client ID from config, or fall back to default Smartlinks client ID
         const googleClientId = config?.googleClientId || DEFAULT_GOOGLE_CLIENT_ID;
         // Determine OAuth flow: default to 'oneTap' for better UX, but allow 'popup' for iframe compatibility
         const configuredFlow = config?.googleOAuthFlow || 'oneTap';
-        // For oneTap, automatically use redirect flow in WebView environments
+        // Check for native bridge and WebView environment
+        console.log('[SmartlinksAuthUI] 🔍 Checking environment...');
         const isWebView = detectWebView();
-        const oauthFlow = (configuredFlow === 'oneTap' && isWebView) ? 'redirect' : configuredFlow;
+        const nativeBridge = getNativeBridge();
+        // For oneTap, automatically use redirect flow in WebView environments (if no native bridge)
+        const oauthFlow = (configuredFlow === 'oneTap' && isWebView && !nativeBridge) ? 'redirect' : configuredFlow;
         // Log Google Auth configuration for debugging
+        console.log('[SmartlinksAuthUI] 📋 Google Auth configuration:', {
+            googleClientId,
+            configuredFlow,
+            effectiveFlow: oauthFlow,
+            isWebView,
+            hasNativeBridge: !!nativeBridge,
+            currentOrigin: window.location.origin,
+            currentHref: window.location.href,
+            configGoogleClientId: config?.googleClientId,
+            usingDefaultClientId: !config?.googleClientId,
+        });
         log.log('Google Auth initiated:', {
             googleClientId,
             configuredFlow,
             effectiveFlow: oauthFlow,
             isWebView,
+            hasNativeBridge: !!nativeBridge,
             currentOrigin: window.location.origin,
             currentHref: window.location.href,
             configGoogleClientId: config?.googleClientId,
@@ -12800,6 +12851,106 @@ const SmartlinksAuthUI = ({ apiEndpoint, clientId, clientName, accountData, onAu
         setLoading(true);
         setError(undefined);
         try {
+            // Priority 1: Use native bridge if available (for WebView environments)
+            if (nativeBridge) {
+                console.log('[SmartlinksAuthUI] 🌉 NATIVE BRIDGE PATH - Using native bridge for Google Sign-In');
+                log.log('Using native bridge for Google Sign-In');
+                const callbackId = `google_auth_${Date.now()}`;
+                console.log('[SmartlinksAuthUI] 🔑 Generated callbackId:', callbackId);
+                // Set up callback for native response
+                console.log('[SmartlinksAuthUI] 📡 Registering window.smartlinksNativeCallback...');
+                window.smartlinksNativeCallback = async (result) => {
+                    console.log('[SmartlinksAuthUI] 📨 smartlinksNativeCallback INVOKED with:', {
+                        callbackId: result.callbackId,
+                        success: result.success,
+                        hasIdToken: !!result.idToken,
+                        idTokenLength: result.idToken?.length,
+                        email: result.email,
+                        name: result.name,
+                        error: result.error,
+                        errorCode: result.errorCode,
+                    });
+                    // Ignore stale callbacks
+                    if (result.callbackId !== callbackId) {
+                        console.log('[SmartlinksAuthUI] ⚠️ Ignoring stale callback. Expected:', callbackId, 'Got:', result.callbackId);
+                        log.log('Ignoring stale native callback:', result.callbackId);
+                        return;
+                    }
+                    console.log('[SmartlinksAuthUI] ✅ Callback ID matches, processing result...');
+                    log.log('Native callback received:', {
+                        success: result.success,
+                        hasIdToken: !!result.idToken,
+                        email: result.email,
+                        error: result.error,
+                        errorCode: result.errorCode,
+                    });
+                    try {
+                        if (result.success && result.idToken) {
+                            console.log('[SmartlinksAuthUI] 🔐 Success! Calling api.loginWithGoogle with idToken...');
+                            // Process through existing Google auth flow
+                            const authResponse = await api.loginWithGoogle(result.idToken);
+                            console.log('[SmartlinksAuthUI] 📦 api.loginWithGoogle response:', {
+                                hasToken: !!authResponse.token,
+                                hasUser: !!authResponse.user,
+                                isNewUser: authResponse.isNewUser,
+                            });
+                            if (authResponse.token) {
+                                console.log('[SmartlinksAuthUI] 🎉 Login successful! Calling auth.login and onAuthSuccess...');
+                                auth.login(authResponse.token, authResponse.user, authResponse.accountData, authResponse.isNewUser, getExpirationFromResponse(authResponse));
+                                setAuthSuccess(true);
+                                setSuccessMessage('Google login successful!');
+                                onAuthSuccess(authResponse.token, authResponse.user, authResponse.accountData);
+                            }
+                            else {
+                                console.log('[SmartlinksAuthUI] ❌ No token in authResponse');
+                                throw new Error('Authentication failed - no token received');
+                            }
+                        }
+                        else {
+                            // Handle error from native
+                            console.log('[SmartlinksAuthUI] ❌ Native returned error:', result.error, result.errorCode);
+                            const errorMessage = result.error || 'Google Sign-In failed';
+                            setError(errorMessage);
+                            onAuthError?.(new Error(errorMessage));
+                        }
+                    }
+                    catch (err) {
+                        console.log('[SmartlinksAuthUI] 💥 Exception in callback handler:', err);
+                        const errorMessage = err instanceof Error ? err.message : 'Google login failed';
+                        setError(errorMessage);
+                        onAuthError?.(err instanceof Error ? err : new Error(errorMessage));
+                    }
+                    finally {
+                        console.log('[SmartlinksAuthUI] 🏁 Callback processing complete, setting loading=false');
+                        setLoading(false);
+                    }
+                };
+                console.log('[SmartlinksAuthUI] ✅ window.smartlinksNativeCallback registered');
+                // Invoke native sign-in
+                const payload = JSON.stringify({
+                    type: 'GOOGLE_SIGN_IN',
+                    clientId,
+                    googleClientId,
+                    callbackId,
+                });
+                console.log('[SmartlinksAuthUI] 📤 Calling nativeBridge.signInWithGoogle with payload:', payload);
+                log.log('Invoking native signInWithGoogle with payload:', payload);
+                nativeBridge.signInWithGoogle(payload);
+                console.log('[SmartlinksAuthUI] ✅ nativeBridge.signInWithGoogle called successfully');
+                console.log('[SmartlinksAuthUI] ⏳ Waiting for native callback...');
+                // Don't set loading to false - waiting for native callback
+                return;
+            }
+            // Priority 2: If WebView but no native bridge, show helpful error
+            if (isWebView) {
+                console.log('[SmartlinksAuthUI] ⚠️ WebView detected but NO native bridge - showing error');
+                log.log('WebView detected but no native bridge available');
+                setError('Google Sign-In is not available in this app. Please use email or phone login instead.');
+                setLoading(false);
+                return;
+            }
+            console.log('[SmartlinksAuthUI] 🌐 WEB PATH - Using web-based OAuth flow:', oauthFlow);
+            // Priority 3: Web-based flows (redirect, popup, oneTap)
             // Dynamically load Google Identity Services if not already loaded
             await loadGoogleIdentityServices();
             const google = window.google;