@proveanything/smartlinks-auth-ui 0.1.11 → 0.1.14

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,EAAyC,MAAM,UAAU,CAAC;AA8E7F,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA4gC5D,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,EAAyC,MAAM,UAAU,CAAC;AA8E7F,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAyhC5D,CAAC"}

package/dist/context/AuthContext.d.ts

@@ -7,6 +7,7 @@ interface AuthContextValue {
     accountInfo: Record<string, any> | null;
     isAuthenticated: boolean;
     isLoading: boolean;
+    proxyMode: boolean;
     login: (token: string, user: AuthUser, accountData?: Record<string, any>) => Promise<void>;
     logout: () => Promise<void>;
     getToken: () => Promise<string | null>;
@@ -18,6 +19,7 @@ interface AuthContextValue {
 }
 interface AuthProviderProps {
     children: React.ReactNode;
+    proxyMode?: boolean;
     accountCacheTTL?: number;
     preloadAccountInfo?: boolean;
 }

package/dist/context/AuthContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AuthContext.d.ts","sourceRoot":"","sources":["../../src/context/AuthContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8E,MAAM,OAAO,CAAC;AAInG,OAAO,KAAK,EAAE,QAAQ,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAElE,UAAU,gBAAgB;IACxB,IAAI,EAAE,QAAQ,GAAG,IAAI,CAAC;IACtB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC;IACxC,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC;IACxC,eAAe,EAAE,OAAO,CAAC;IACzB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3F,MAAM,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5B,QAAQ,EAAE,MAAM,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IACvC,YAAY,EAAE,MAAM,OAAO,CAAC,MAAM,CAAC,CAAC;IACpC,UAAU,EAAE,CAAC,YAAY,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC;IACrE,cAAc,EAAE,MAAM,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC;IACnD,iBAAiB,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACvC,iBAAiB,EAAE,CAAC,QAAQ,EAAE,uBAAuB,KAAK,MAAM,IAAI,CAAC;CACtE;AAID,UAAU,iBAAiB;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAiRpD,CAAC;AAEF,eAAO,MAAM,OAAO,QAAO,gBAM1B,CAAC"}
+{"version":3,"file":"AuthContext.d.ts","sourceRoot":"","sources":["../../src/context/AuthContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8E,MAAM,OAAO,CAAC;AAKnG,OAAO,KAAK,EAAE,QAAQ,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAElE,UAAU,gBAAgB;IACxB,IAAI,EAAE,QAAQ,GAAG,IAAI,CAAC;IACtB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC;IACxC,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC;IACxC,eAAe,EAAE,OAAO,CAAC;IACzB,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3F,MAAM,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5B,QAAQ,EAAE,MAAM,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IACvC,YAAY,EAAE,MAAM,OAAO,CAAC,MAAM,CAAC,CAAC;IACpC,UAAU,EAAE,CAAC,YAAY,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC;IACrE,cAAc,EAAE,MAAM,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC;IACnD,iBAAiB,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACvC,iBAAiB,EAAE,CAAC,QAAQ,EAAE,uBAAuB,KAAK,MAAM,IAAI,CAAC;CACtE;AAID,UAAU,iBAAiB;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA+YpD,CAAC;AAEF,eAAO,MAAM,OAAO,QAAO,gBAM1B,CAAC"}

package/dist/index.esm.js

@@ -1,6 +1,7 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import React, { useEffect, useState, useRef, useCallback, useMemo, createContext, useContext } from 'react';
 import * as smartlinks from '@proveanything/smartlinks';
+import { iframe } from '@proveanything/smartlinks';
 
 const AuthContainer = ({ children, theme = 'light', className = '', config, minimal = false, }) => {
     // Apply CSS variables for customization
@@ -11217,7 +11218,7 @@ const tokenStorage = {
 };
 
 const AuthContext = createContext(undefined);
-const AuthProvider = ({ children, accountCacheTTL = 5 * 60 * 1000, preloadAccountInfo = false }) => {
+const AuthProvider = ({ children, proxyMode = false, accountCacheTTL = 5 * 60 * 1000, preloadAccountInfo = false }) => {
     const [user, setUser] = useState(null);
     const [token, setToken] = useState(null);
     const [accountData, setAccountData] = useState(null);
@@ -11241,10 +11242,45 @@ const AuthProvider = ({ children, accountCacheTTL = 5 * 60 * 1000, preloadAccoun
             }
         });
     }, []);
-    // Initialize auth state from persistent storage
+    // Initialize auth state - different behavior for proxy mode vs standalone mode
     useEffect(() => {
         const initializeAuth = async () => {
             try {
+                if (proxyMode) {
+                    // PROXY MODE: Initialize from URL params and parent via SDK
+                    const params = new URLSearchParams(window.location.search);
+                    const userId = params.get('userId');
+                    if (userId) {
+                        console.log('[AuthContext] Proxy mode: userId detected, fetching account from parent');
+                        try {
+                            // Fetch account details from parent via proxied API call
+                            const accountResponse = await smartlinks.auth.getAccount();
+                            // Build user object from account response
+                            const accountAny = accountResponse;
+                            const userFromAccount = {
+                                uid: userId,
+                                email: accountAny?.email,
+                                displayName: accountAny?.displayName || accountAny?.name,
+                                phoneNumber: accountAny?.phoneNumber,
+                            };
+                            setUser(userFromAccount);
+                            setAccountData(accountResponse);
+                            setAccountInfo(accountResponse);
+                            console.log('[AuthContext] Proxy mode: initialized from parent account');
+                            notifyAuthStateChange('LOGIN', userFromAccount, null, accountResponse, accountResponse);
+                        }
+                        catch (error) {
+                            console.warn('[AuthContext] Proxy mode: failed to fetch account from parent:', error);
+                            // No session - that's ok, user may need to login
+                        }
+                    }
+                    else {
+                        console.log('[AuthContext] Proxy mode: no userId in URL, awaiting login');
+                    }
+                    setIsLoading(false);
+                    return;
+                }
+                // STANDALONE MODE: Load from persistent storage
                 const storedToken = await tokenStorage.getToken();
                 const storedUser = await tokenStorage.getUser();
                 const storedAccountData = await tokenStorage.getAccountData();
@@ -11271,9 +11307,49 @@ const AuthProvider = ({ children, accountCacheTTL = 5 * 60 * 1000, preloadAccoun
             }
         };
         initializeAuth();
-    }, []);
-    // Cross-tab synchronization - listen for auth changes in other tabs
+    }, [proxyMode, notifyAuthStateChange]);
+    // Listen for parent auth state changes (proxy mode only)
+    useEffect(() => {
+        if (!proxyMode)
+            return;
+        console.log('[AuthContext] Proxy mode: setting up parent message listener');
+        const handleParentMessage = (event) => {
+            // Handle auth state pushed from parent
+            if (event.data?.type === 'smartlinks:authkit:state') {
+                const { user: parentUser, accountData: parentAccountData, authenticated } = event.data.payload || {};
+                console.log('[AuthContext] Proxy mode: received state from parent:', { authenticated });
+                if (authenticated && parentUser) {
+                    const userObj = {
+                        uid: parentUser.uid || parentUser.id,
+                        email: parentUser.email,
+                        displayName: parentUser.displayName || parentUser.name,
+                        phoneNumber: parentUser.phoneNumber,
+                    };
+                    setUser(userObj);
+                    setAccountData(parentAccountData || null);
+                    setAccountInfo(parentAccountData || null);
+                    notifyAuthStateChange('CROSS_TAB_SYNC', userObj, null, parentAccountData || null, parentAccountData || null);
+                }
+                else {
+                    // Parent indicates no session / logged out
+                    setUser(null);
+                    setToken(null);
+                    setAccountData(null);
+                    setAccountInfo(null);
+                    notifyAuthStateChange('LOGOUT', null, null, null, null);
+                }
+            }
+        };
+        window.addEventListener('message', handleParentMessage);
+        return () => {
+            console.log('[AuthContext] Proxy mode: cleaning up parent message listener');
+            window.removeEventListener('message', handleParentMessage);
+        };
+    }, [proxyMode, notifyAuthStateChange]);
+    // Cross-tab synchronization - standalone mode only
     useEffect(() => {
+        if (proxyMode)
+            return; // Skip cross-tab sync in proxy mode
         console.log('[AuthContext] Setting up cross-tab synchronization');
         const unsubscribe = onStorageChange(async (event) => {
             console.log('[AuthContext] Cross-tab storage event:', event.type, event.key);
@@ -11332,27 +11408,38 @@ const AuthProvider = ({ children, accountCacheTTL = 5 * 60 * 1000, preloadAccoun
             console.log('[AuthContext] Cleaning up cross-tab synchronization');
             unsubscribe();
         };
-    }, [notifyAuthStateChange]);
+    }, [proxyMode, notifyAuthStateChange]);
     const login = useCallback(async (authToken, authUser, authAccountData) => {
         try {
-            // Store token, user, and account data
-            await tokenStorage.saveToken(authToken);
-            await tokenStorage.saveUser(authUser);
-            if (authAccountData) {
-                await tokenStorage.saveAccountData(authAccountData);
+            // Only persist to storage in standalone mode
+            if (!proxyMode) {
+                await tokenStorage.saveToken(authToken);
+                await tokenStorage.saveUser(authUser);
+                if (authAccountData) {
+                    await tokenStorage.saveAccountData(authAccountData);
+                }
+                // Set bearer token in global Smartlinks SDK via auth.verifyToken
+                smartlinks.auth.verifyToken(authToken).catch(err => {
+                    console.warn('Failed to set bearer token on login:', err);
+                });
             }
+            // Always update memory state
             setToken(authToken);
             setUser(authUser);
             setAccountData(authAccountData || null);
-            // Set bearer token in global Smartlinks SDK via auth.verifyToken
-            // This both validates the token and sets it for future API calls
-            smartlinks.auth.verifyToken(authToken).catch(err => {
-                console.warn('Failed to set bearer token on login:', err);
-            });
+            // Cross-iframe auth state synchronization
+            // Always notify parent frame of login (both modes, but especially important in proxy mode)
+            if (iframe.isIframe()) {
+                console.log('[AuthContext] Notifying parent of login via postMessage');
+                iframe.sendParentCustom('smartlinks:authkit:login', {
+                    token: authToken,
+                    user: authUser,
+                    accountData: authAccountData || null
+                });
+            }
             notifyAuthStateChange('LOGIN', authUser, authToken, authAccountData || null);
-            // Optionally preload account info on login
-            if (preloadAccountInfo) {
-                // Preload after login completes (non-blocking)
+            // Optionally preload account info on login (standalone mode only)
+            if (!proxyMode && preloadAccountInfo) {
                 getAccount(true).catch(error => {
                     console.warn('[AuthContext] Failed to preload account info:', error);
                 });
@@ -11362,34 +11449,55 @@ const AuthProvider = ({ children, accountCacheTTL = 5 * 60 * 1000, preloadAccoun
             console.error('Failed to save auth data to storage:', error);
             throw error;
         }
-    }, [notifyAuthStateChange, preloadAccountInfo]);
+    }, [proxyMode, notifyAuthStateChange, preloadAccountInfo]);
     const logout = useCallback(async () => {
         try {
-            // Clear persistent storage
-            await tokenStorage.clearAll();
+            // Only clear persistent storage in standalone mode
+            if (!proxyMode) {
+                await tokenStorage.clearAll();
+                smartlinks.auth.logout();
+            }
+            // Always clear memory state
             setToken(null);
             setUser(null);
             setAccountData(null);
             setAccountInfo(null);
-            // Clear bearer token from global Smartlinks SDK
-            smartlinks.auth.logout();
+            // Cross-iframe auth state synchronization
+            // Always notify parent frame of logout
+            if (iframe.isIframe()) {
+                console.log('[AuthContext] Notifying parent of logout via postMessage');
+                iframe.sendParentCustom('smartlinks:authkit:logout', {});
+            }
             notifyAuthStateChange('LOGOUT', null, null, null);
         }
         catch (error) {
             console.error('Failed to clear auth data from storage:', error);
         }
-    }, [notifyAuthStateChange]);
+    }, [proxyMode, notifyAuthStateChange]);
     const getToken = useCallback(async () => {
+        if (proxyMode) {
+            // In proxy mode, token is managed by parent - return memory state
+            return token;
+        }
         const storedToken = await tokenStorage.getToken();
         return storedToken ? storedToken.token : null;
-    }, []);
+    }, [proxyMode, token]);
     const refreshToken = useCallback(async () => {
         throw new Error('Token refresh must be implemented via your backend API');
     }, []);
-    // Get account with intelligent caching
+    // Get account with intelligent caching (or direct parent fetch in proxy mode)
     const getAccount = useCallback(async (forceRefresh = false) => {
         try {
-            // Check if user is authenticated
+            if (proxyMode) {
+                // PROXY MODE: Always fetch from parent via proxied API, no local cache
+                console.log('[AuthContext] Proxy mode: fetching account from parent');
+                const freshAccountInfo = await smartlinks.auth.getAccount();
+                setAccountInfo(freshAccountInfo);
+                setAccountData(freshAccountInfo);
+                notifyAuthStateChange('ACCOUNT_REFRESH', user, token, freshAccountInfo, freshAccountInfo);
+                return freshAccountInfo;
+            }
+            // STANDALONE MODE: Use caching
             if (!token) {
                 throw new Error('Not authenticated. Please login first.');
             }
@@ -11412,24 +11520,28 @@ const AuthProvider = ({ children, accountCacheTTL = 5 * 60 * 1000, preloadAccoun
         }
         catch (error) {
             console.error('[AuthContext] Failed to get account info:', error);
-            // Fallback to stale cache if API fails
-            const cached = await tokenStorage.getAccountInfo();
-            if (cached) {
-                console.warn('[AuthContext] Returning stale cached data due to API error');
-                return cached.data;
+            // Fallback to stale cache if API fails (standalone mode only)
+            if (!proxyMode) {
+                const cached = await tokenStorage.getAccountInfo();
+                if (cached) {
+                    console.warn('[AuthContext] Returning stale cached data due to API error');
+                    return cached.data;
+                }
             }
             throw error;
         }
-    }, [token, accountCacheTTL, user, accountData, notifyAuthStateChange]);
+    }, [proxyMode, token, accountCacheTTL, user, accountData, notifyAuthStateChange]);
     // Convenience method for explicit refresh
     const refreshAccount = useCallback(async () => {
         return await getAccount(true);
     }, [getAccount]);
-    // Clear account cache
+    // Clear account cache (no-op in proxy mode)
     const clearAccountCache = useCallback(async () => {
-        await tokenStorage.clearAccountInfo();
+        if (!proxyMode) {
+            await tokenStorage.clearAccountInfo();
+        }
         setAccountInfo(null);
-    }, []);
+    }, [proxyMode]);
     const onAuthStateChange = useCallback((callback) => {
         callbacksRef.current.add(callback);
         // Return unsubscribe function
@@ -11442,8 +11554,9 @@ const AuthProvider = ({ children, accountCacheTTL = 5 * 60 * 1000, preloadAccoun
         token,
         accountData,
         accountInfo,
-        isAuthenticated: !!token && !!user,
+        isAuthenticated: !!user,
         isLoading,
+        proxyMode,
         login,
         logout,
         getToken,
@@ -11533,7 +11646,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, }) => {
+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, }) => {
     const [mode, setMode] = useState(initialMode);
     const [loading, setLoading] = useState(false);
     const [error, setError] = useState();
@@ -11566,25 +11679,25 @@ const SmartlinksAuthUI = ({ apiEndpoint, clientId, clientName, accountData, onAu
         mediaQuery.addEventListener('change', updateTheme);
         return () => mediaQuery.removeEventListener('change', updateTheme);
     }, [theme]);
-    // Reinitialize Smartlinks SDK when apiEndpoint changes (for test/dev scenarios)
+    // Reinitialize Smartlinks SDK when apiEndpoint or proxyMode changes
     // IMPORTANT: Preserve bearer token during reinitialization
     useEffect(() => {
-        log.log('SDK reinitialize useEffect triggered', { apiEndpoint });
+        log.log('SDK reinitialize useEffect triggered', { apiEndpoint, proxyMode });
         setSdkReady(false); // Mark SDK as not ready during reinitialization
         const reinitializeWithToken = async () => {
             if (apiEndpoint) {
-                log.log('Reinitializing SDK with baseURL:', apiEndpoint);
-                // Get current token before reinitializing
-                const currentToken = await auth.getToken();
+                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;
                 smartlinks.initializeApi({
                     baseURL: apiEndpoint,
-                    proxyMode: false, // Direct API calls when custom endpoint is provided
+                    proxyMode: proxyMode, // Use prop value
                     ngrokSkipBrowserWarning: true,
                     logger: logger, // Pass logger to SDK for verbose SDK logging
                 });
                 log.log('SDK reinitialized successfully');
-                // Restore bearer token after reinitialization using auth.verifyToken
-                if (currentToken) {
+                // Restore bearer token after reinitialization using auth.verifyToken (standalone mode only)
+                if (currentToken && !proxyMode) {
                     smartlinks.auth.verifyToken(currentToken).catch(err => {
                         log.warn('Failed to restore bearer token after reinit:', err);
                     });
@@ -11592,6 +11705,11 @@ const SmartlinksAuthUI = ({ apiEndpoint, clientId, clientName, accountData, onAu
                 // Mark SDK as ready
                 setSdkReady(true);
             }
+            else if (proxyMode) {
+                // In proxy mode without custom endpoint, SDK should already be initialized by parent
+                log.log('Proxy mode without apiEndpoint, SDK already initialized by parent');
+                setSdkReady(true);
+            }
             else {
                 log.log('No apiEndpoint, SDK already initialized by App');
                 // SDK was initialized by App component, mark as ready
@@ -11599,7 +11717,7 @@ const SmartlinksAuthUI = ({ apiEndpoint, clientId, clientName, accountData, onAu
             }
         };
         reinitializeWithToken();
-    }, [apiEndpoint, auth, logger, log]);
+    }, [apiEndpoint, proxyMode, auth, logger, log]);
     // Get the effective redirect URL (use prop or default to current page)
     const getRedirectUrl = () => {
         if (redirectUrl)
@@ -12113,11 +12231,18 @@ const SmartlinksAuthUI = ({ apiEndpoint, clientId, clientName, accountData, onAu
                     },
                     auto_select: false,
                     cancel_on_tap_outside: true,
+                    // Note: use_fedcm_for_prompt omitted - requires Permissions-Policy header on hosting server
+                    // Will be needed when FedCM becomes mandatory in the future
                 });
-                google.accounts.id.prompt((notification) => {
-                    if (notification.isNotDisplayed() || notification.isSkippedMoment()) {
-                        setLoading(false);
-                    }
+                // Use timeout fallback instead of deprecated notification methods
+                // (isNotDisplayed/isSkippedMoment will stop working when FedCM becomes mandatory)
+                const promptTimeout = setTimeout(() => {
+                    setLoading(false);
+                }, 5000);
+                google.accounts.id.prompt(() => {
+                    // Clear timeout if prompt interaction occurs
+                    clearTimeout(promptTimeout);
+                    setLoading(false);
                 });
             }
         }