@proveanything/smartlinks-auth-ui 0.5.8 → 0.5.10

package/dist/index.js

@@ -3,7 +3,6 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var smartlinks = require('@proveanything/smartlinks');
-var http = require('@proveanything/smartlinks/dist/http');
 
 function _interopNamespaceDefault(e) {
     var n = Object.create(null);
@@ -3117,24 +3116,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) {
@@ -11375,7 +11375,7 @@ class AuthAPI {
         });
         // Exchange authorization code for tokens via backend
         // Use direct HTTP call since SDK may not have this method in authKit namespace yet
-        return http.post(`/authkit/${this.clientId}/google-code`, {
+        return smartlinks.post(`/authkit/${this.clientId}/google-code`, {
             code,
             redirectUri,
         });
@@ -12056,6 +12056,7 @@ collectionId, enableContactSync, enableInteractionTracking, interactionAppId, in
     const callbacksRef = React.useRef(new Set());
     const initializingRef = React.useRef(false);
     const pendingVerificationRef = React.useRef(false);
+    const proxyRefreshInFlightRef = React.useRef(false);
     // Stable refs for callbacks to avoid useEffect dependency cycles
     const syncContactRef = React.useRef();
     const trackInteractionRef = React.useRef();
@@ -12253,9 +12254,9 @@ collectionId, enableContactSync, enableInteractionTracking, interactionAppId, in
             try {
                 if (proxyMode) {
                     // Check if credentials exist before making the API call
-                    const headers = http.getApiHeaders();
+                    const headers = smartlinks.getApiHeaders();
                     const hasBearer = !!headers['Authorization'];
-                    const hasSdkProxy = http.isProxyEnabled();
+                    const hasSdkProxy = smartlinks.isProxyEnabled();
                     console.log('[AuthContext] 🔍 Proxy mode init:', {
                         hasBearer,
                         hasSdkProxy,
@@ -12417,6 +12418,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.
+    React.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 = smartlinks.getApiHeaders();
+            const hasBearer = !!headers['Authorization'];
+            const hasSdkProxy = smartlinks.isProxyEnabled();
+            if (!hasBearer && !hasSdkProxy) {
+                clearProxyState();
+                return;
+            }
+            proxyRefreshInFlightRef.current = true;
+            try {
+                const accountResponse = await smartlinks__namespace.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
     React.useEffect(() => {
         if (proxyMode)