@proveanything/smartlinks-auth-ui 0.5.9 → 0.5.10

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;AAOnG,OAAO,KAAK,EAAqC,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAGvG,eAAO,MAAM,WAAW,6CAAyD,CAAC;AAGlF,YAAY,EAAE,gBAAgB,EAAE,CAAC;AAEjC,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAw4BpD,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;AAOnG,OAAO,KAAK,EAAqC,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAGvG,eAAO,MAAM,WAAW,6CAAyD,CAAC;AAGlF,YAAY,EAAE,gBAAgB,EAAE,CAAC;AAEjC,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAm+BpD,CAAC;AAEF,eAAO,MAAM,OAAO,QAAO,gBAM1B,CAAC"}

package/dist/index.esm.js

@@ -1,8 +1,7 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import React, { useEffect, useState, useMemo, useRef, useCallback, createContext, useContext } from 'react';
 import * as smartlinks from '@proveanything/smartlinks';
-import { SmartlinksApiError, iframe } from '@proveanything/smartlinks';
-import { post, getApiHeaders, isProxyEnabled } from '@proveanything/smartlinks/dist/http';
+import { SmartlinksApiError, post, iframe, getApiHeaders, isProxyEnabled } from '@proveanything/smartlinks';
 
 const AuthContainer = ({ children, theme = 'light', className = '', config, minimal = false, }) => {
     // Apply CSS variables for customization
@@ -3097,24 +3096,25 @@ function isPossiblePhoneNumber(input, options, metadata) {
     }
   }
 
-  // Old metadata (< 1.0.18) had no "possible length" data.
+  // Old (legacy) metadata (< 1.0.18) had no "possible length" data.
+  // So `isPossibleNumber()` function is supported only for non-legacy metadata.
   if (metadata.possibleLengths()) {
     return isPossibleNumber(input.phone || input.nationalNumber, input.country, metadata);
-  } else {
-    // There was a bug between `1.7.35` and `1.7.37` where "possible_lengths"
-    // were missing for "non-geographical" numbering plans.
-    // Just assume the number is possible in such cases:
-    // it's unlikely that anyone generated their custom metadata
-    // in that short period of time (one day).
-    // This code can be removed in some future major version update.
-    if (input.countryCallingCode && metadata.isNonGeographicCallingCode(input.countryCallingCode)) {
-      // "Non-geographic entities" did't have `possibleLengths`
-      // due to a bug in metadata generation process.
-      return true;
-    } else {
-      throw new Error('Missing "possibleLengths" in metadata. Perhaps the metadata has been generated before v1.0.18.');
-    }
   }
+
+  // There was a bug in versions from `1.7.35` to `1.7.37` of `libphonenumber-js`
+  // where "possible_lengths" property was missing from "non-geographical" numbering plans' metadata.
+  // After that, the bug was noticed and fixed.
+  // So for versions from `1.7.35` to `1.7.37`, just assume that all "non=geotraphical" numbers are possible.
+  // The reason is that the bug was noticed relatively quickly (within a day or so)
+  // and it's unlikely that anyone generated their custom metadata in that short time span.
+  // And if they didn't generate any custom metadata then a follow-up package update would've silently fixed the bug.
+  if (input.countryCallingCode && metadata.isNonGeographicCallingCode(input.countryCallingCode)) {
+    return true;
+  }
+
+  // `isPossibleNumber()` function is not supported.
+  throw new Error('Missing "possibleLengths" in metadata. Perhaps the metadata has been generated before v1.0.18.');
 }
 function isPossibleNumber(nationalNumber, country, metadata) {
   //, isInternational) {
@@ -12036,6 +12036,7 @@ collectionId, enableContactSync, enableInteractionTracking, interactionAppId, in
     const callbacksRef = useRef(new Set());
     const initializingRef = useRef(false);
     const pendingVerificationRef = useRef(false);
+    const proxyRefreshInFlightRef = useRef(false);
     // Stable refs for callbacks to avoid useEffect dependency cycles
     const syncContactRef = useRef();
     const trackInteractionRef = useRef();
@@ -12397,6 +12398,85 @@ collectionId, enableContactSync, enableInteractionTracking, interactionAppId, in
             window.removeEventListener('message', handleParentMessage);
         };
     }, [proxyMode, notifyAuthStateChange]);
+    // In proxy mode, mobile auth often returns from WhatsApp/Google via app switching,
+    // so the page stays mounted while the parent session changes underneath it.
+    // Re-check account state on focus/visibility/page restore so login/logout appears
+    // immediately instead of waiting for a full refresh.
+    useEffect(() => {
+        if (!proxyMode)
+            return;
+        const clearProxyState = () => {
+            setUser(null);
+            setToken(null);
+            setAccountData(null);
+            setAccountInfo(null);
+            setContact(null);
+            setContactId(null);
+            setIsVerified(false);
+            pendingVerificationRef.current = false;
+            notifyAuthStateChange('LOGOUT', null, null, null, null, false);
+        };
+        const refreshProxySession = async () => {
+            if (proxyRefreshInFlightRef.current)
+                return;
+            const headers = getApiHeaders();
+            const hasBearer = !!headers['Authorization'];
+            const hasSdkProxy = isProxyEnabled();
+            if (!hasBearer && !hasSdkProxy) {
+                clearProxyState();
+                return;
+            }
+            proxyRefreshInFlightRef.current = true;
+            try {
+                const accountResponse = await smartlinks.auth.getAccount();
+                const accountAny = accountResponse;
+                const hasValidSession = accountAny?.uid && accountAny.uid.length > 0;
+                if (!hasValidSession) {
+                    clearProxyState();
+                    return;
+                }
+                const userObj = {
+                    uid: accountAny.uid,
+                    email: accountAny?.email,
+                    displayName: accountAny?.displayName || accountAny?.name,
+                    phoneNumber: accountAny?.phoneNumber,
+                };
+                setUser(userObj);
+                setAccountData(accountResponse);
+                setAccountInfo(accountResponse);
+                setIsVerified(true);
+                pendingVerificationRef.current = false;
+                notifyAuthStateChange('CROSS_TAB_SYNC', userObj, null, accountResponse, accountResponse, true);
+            }
+            catch (error) {
+                if (!isNetworkError(error)) {
+                    clearProxyState();
+                }
+            }
+            finally {
+                proxyRefreshInFlightRef.current = false;
+            }
+        };
+        const handleFocus = () => {
+            refreshProxySession().catch(() => { });
+        };
+        const handlePageShow = () => {
+            refreshProxySession().catch(() => { });
+        };
+        const handleVisibilityChange = () => {
+            if (document.visibilityState === 'visible') {
+                refreshProxySession().catch(() => { });
+            }
+        };
+        window.addEventListener('focus', handleFocus);
+        window.addEventListener('pageshow', handlePageShow);
+        document.addEventListener('visibilitychange', handleVisibilityChange);
+        return () => {
+            window.removeEventListener('focus', handleFocus);
+            window.removeEventListener('pageshow', handlePageShow);
+            document.removeEventListener('visibilitychange', handleVisibilityChange);
+        };
+    }, [proxyMode, notifyAuthStateChange, isNetworkError]);
     // Cross-tab synchronization - standalone mode only
     useEffect(() => {
         if (proxyMode)