@passkeyme/react-auth 2.3.0 → 2.3.2

package/dist/index.js

@@ -2249,7 +2249,7 @@ const PasskeymeAuthPanel = ({
 providers = ["google", "github", "apple", "microsoft"], enablePasskeys = true, enableUsernamePassword: _enableUsernamePassword = false, // Reserved for future implementation
 redirectUri, state: _state, // Reserved for future implementation
 // Layout & behavior
-layout = "vertical", spacing = "normal", passkeyFirst = true, hideProvidersInitially = false, autoTriggerPasskey = true, detectDeviceCredentials = true, 
+layout = "vertical", spacing = "normal", passkeyFirst = true, hideProvidersInitially = false, autoTriggerPasskey = true, detectDeviceCredentials = true, detectUsingLocalStorage = true, localStorageKey = "passkeyme_initialized", 
 // Content customization
 title = "Sign In", subtitle = "Choose your preferred authentication method", passkeyButtonText = "🔐 Sign in with Passkey", passkeyLoadingText = "⏳ Authenticating...", dividerText = "or continue with", successTitle = "✅ Welcome back!", successSubtitle, logoutButtonText = "Sign Out", 
 // Visibility controls
@@ -2280,30 +2280,51 @@ debugMode = false, passkeyOptions = {}, }) => {
     };
     // Detect device credentials silently on mount
     React.useEffect(() => {
-        if (!detectDeviceCredentials || !isPasskeySupported())
+        if (!isPasskeySupported())
             return;
         const detectCredentials = async () => {
             var _a;
-            try {
-                if (typeof ((_a = navigator.credentials) === null || _a === void 0 ? void 0 : _a.get) === "function") {
-                    const credentials = await navigator.credentials.get({
-                        mediation: "silent",
-                        publicKey: {},
-                    });
-                    setHasDeviceCredentials(!!credentials);
+            let hasCredentials = false;
+            // Check localStorage if enabled
+            if (detectUsingLocalStorage) {
+                const localStorageValue = localStorage.getItem(localStorageKey);
+                if (localStorageValue === "true" || localStorageValue === "1") {
+                    hasCredentials = true;
                     if (debugMode) {
-                        console.log("🔐 PasskeymeAuthPanel: Device credentials detected:", !!credentials);
+                        console.log("🔐 PasskeymeAuthPanel: Passkey setup detected in localStorage");
                     }
                 }
             }
-            catch (error) {
-                if (debugMode) {
-                    console.log("🔐 PasskeymeAuthPanel: Silent credential detection skipped (expected in some contexts)");
+            // Also check device credentials silently if enabled
+            if (detectDeviceCredentials && !hasCredentials) {
+                try {
+                    if (typeof ((_a = navigator.credentials) === null || _a === void 0 ? void 0 : _a.get) === "function") {
+                        const credentials = await navigator.credentials.get({
+                            mediation: "silent",
+                            publicKey: {},
+                        });
+                        hasCredentials = !!credentials;
+                        if (debugMode) {
+                            console.log("🔐 PasskeymeAuthPanel: Device credentials detected:", !!credentials);
+                        }
+                    }
+                }
+                catch (error) {
+                    if (debugMode) {
+                        console.log("🔐 PasskeymeAuthPanel: Silent credential detection skipped (expected in some contexts)");
+                    }
                 }
             }
+            setHasDeviceCredentials(hasCredentials);
         };
         detectCredentials();
-    }, [detectDeviceCredentials, isPasskeySupported, debugMode]);
+    }, [
+        detectDeviceCredentials,
+        detectUsingLocalStorage,
+        localStorageKey,
+        isPasskeySupported,
+        debugMode,
+    ]);
     // Auto-trigger passkey on mount if enabled and device has credentials
     React.useEffect(() => {
         if (autoTriggerPasskey &&
@@ -2343,6 +2364,13 @@ debugMode = false, passkeyOptions = {}, }) => {
             onSuccess: (user, method) => {
                 if (debugMode)
                     console.log("✅ PasskeymeAuthPanel: Success via", method, user);
+                // Auto-set localStorage flag when passkey is used
+                if (method === "passkey" && detectUsingLocalStorage) {
+                    localStorage.setItem(localStorageKey, "true");
+                    if (debugMode) {
+                        console.log("💾 PasskeymeAuthPanel: Passkey setup flag saved to localStorage");
+                    }
+                }
                 setShowOAuthOptions(false);
                 setInternalError(null);
                 onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(user, method);