@passkeyme/react-auth 2.2.8 → 2.2.10

package/dist/index.js

@@ -6608,7 +6608,7 @@ const PasskeymeCallbackHandler = ({ loadingComponent: LoadingComponent, errorCom
                 showPasskeyPrompt: false,
             });
             handlePasskeyRegistrationComplete(true);
-            proceedWithRedirect();
+            proceedWithRedirect(currentUser);
         }
         catch (error) {
             console.error("Passkey registration failed:", error);
@@ -6652,7 +6652,7 @@ const PasskeymeCallbackHandler = ({ loadingComponent: LoadingComponent, errorCom
                         }
                         // This is actually a "success" case - user has passkeys, just localStorage was out of sync
                         handlePasskeyRegistrationComplete(true, "Passkey already registered and ready to use.");
-                        proceedWithRedirect();
+                        proceedWithRedirect(currentUser);
                         return;
                     }
                     else if (msg.includes("user cancelled") ||
@@ -6672,7 +6672,7 @@ const PasskeymeCallbackHandler = ({ loadingComponent: LoadingComponent, errorCom
                 handlePasskeyRegistrationComplete(false, "Passkey registration failed. You can try again later.");
             }
             // Always proceed with redirect - don't block user flow
-            proceedWithRedirect();
+            proceedWithRedirect(currentUser);
         }
     };
     // Handle skipping passkey registration
@@ -6683,18 +6683,23 @@ const PasskeymeCallbackHandler = ({ loadingComponent: LoadingComponent, errorCom
         sessionStorage.setItem("passkey_declined", Date.now().toString());
         updateState({ showPasskeyPrompt: false });
         handlePasskeyRegistrationComplete(false, "User chose to skip passkey registration");
-        proceedWithRedirect();
+        proceedWithRedirect(state.authenticatedUser);
     };
     // Proceed with redirect after auth completion
-    const proceedWithRedirect = async () => {
+    const proceedWithRedirect = async (authenticatedUser) => {
         // CRITICAL: Clean URL synchronously BEFORE any async operations
         // This prevents Next.js App Router from remounting the component with stale URL params
         // Must happen outside setTimeout to execute immediately
         window.history.replaceState({}, document.title, window.location.pathname);
         setTimeout(async () => {
-            const currentUser = state.authenticatedUser || user;
-            if (onSuccess && currentUser) {
-                // For custom callbacks, parent component handles navigation
+            // Use passed user or fall back to state/context user
+            const currentUser = authenticatedUser || state.authenticatedUser || user;
+            // If custom onSuccess callback provided, use it and let parent handle navigation
+            if (onSuccess) {
+                if (!currentUser) {
+                    debugLog(config, "CallbackHandler", "Warning: onSuccess provided but no currentUser available");
+                    return;
+                }
                 try {
                     const token = await auth.getAccessToken();
                     onSuccess(currentUser, token || "");
@@ -6703,14 +6708,18 @@ const PasskeymeCallbackHandler = ({ loadingComponent: LoadingComponent, errorCom
                     debugLog(config, "CallbackHandler", "Error getting access token:", error);
                     onSuccess(currentUser, "");
                 }
+                return; // Don't proceed with redirect - parent handles navigation
             }
-            else {
+            // No custom callback - use successRedirect for navigation
+            if (successRedirect) {
                 console.log("[CallbackHandler] Redirecting to success URL:", {
                     successRedirect,
                 });
-                // For redirects, navigate to success page
                 window.location.href = successRedirect;
             }
+            else {
+                debugLog(config, "CallbackHandler", "No successRedirect or onSuccess provided - user will remain on callback page");
+            }
         }, 100);
     };
     React.useEffect(() => {
@@ -6776,8 +6785,8 @@ const PasskeymeCallbackHandler = ({ loadingComponent: LoadingComponent, errorCom
                         // Mark callback as processed to prevent re-execution
                         callbackProcessedRef.current = true;
                         if (!shouldPrompt) {
-                            // Proceed with normal redirect
-                            proceedWithRedirect();
+                            // Proceed with normal redirect, pass user directly to avoid state timing issues
+                            proceedWithRedirect(authenticatedUser);
                         }
                     }
                     catch (err) {
@@ -6827,8 +6836,8 @@ const PasskeymeCallbackHandler = ({ loadingComponent: LoadingComponent, errorCom
                         // Mark callback as processed to prevent re-execution
                         callbackProcessedRef.current = true;
                         if (!shouldPrompt) {
-                            // Proceed with normal redirect
-                            proceedWithRedirect();
+                            // Proceed with normal redirect, pass user directly to avoid state timing issues
+                            proceedWithRedirect(authenticatedUser);
                         }
                     }
                     catch (err) {