@dloizides/auth-web 1.8.1 → 1.9.0

package/dist/index.mjs

@@ -235,7 +235,8 @@ var DEFAULT_PASSKEY_LOGIN_LABELS = {
   signInButton: "Sign in with a passkey",
   signInHint: "Use your fingerprint, face, or security key to sign in",
   errorCancelled: "Passkey sign-in was cancelled. You can try again or sign in another way.",
-  errorFailed: "Passkey sign-in didn't work. Try again, or sign in another way."
+  errorFailed: "Passkey sign-in didn't work. Try again, or sign in another way.",
+  tryAnotherWay: "Sign in another way"
 };
 var DEFAULT_PASSKEY_SETTINGS_LABELS = {
   title: "Passkeys",
@@ -337,6 +338,7 @@ var AuthTestIds = {
   passkeyLogin: "auth-passkey-login",
   passkeyLoginButton: "auth-passkey-login-button",
   passkeyLoginError: "auth-passkey-login-error",
+  passkeyLoginFallback: "auth-passkey-login-fallback",
   // Passkey settings card
   passkeySettings: "auth-passkey-settings",
   passkeySettingsAdd: "auth-passkey-settings-add",
@@ -2745,6 +2747,10 @@ function usePasskeyCeremony(optionsArg) {
         const envelope = await optionsResponse.json();
         const credential = await runCeremony(mode, envelope);
         if (credential === null) {
+          if (mode === "login" /* Login */) {
+            redirectFallback(mode, returnUrl);
+            return;
+          }
           setStatus("error" /* Error */);
           setError(ERROR_FAILED);
           return;
@@ -2776,13 +2782,16 @@ function usePasskeyCeremony(optionsArg) {
       }
     })();
   }, [isSupported, mode, returnUrl, succeed]);
+  const fallbackToRedirect = useCallback(() => {
+    redirectFallback(mode, returnUrl);
+  }, [mode, returnUrl]);
   const reset = useCallback(() => {
     setStatus("idle" /* Idle */);
     setError(null);
   }, []);
   return useMemo(
-    () => ({ status, error, isSupported, start, reset }),
-    [status, error, isSupported, start, reset]
+    () => ({ status, error, isSupported, start, fallbackToRedirect, reset }),
+    [status, error, isSupported, start, fallbackToRedirect, reset]
   );
 }
 var DEFAULT_RETURN_URL = "/";
@@ -2801,14 +2810,27 @@ function PasskeyLoginButton({
   const ceremony = usePasskeyCeremony({ mode: "login" /* Login */, returnUrl });
   const error = ceremony.error ?? readPasskeyError();
   return /* @__PURE__ */ jsxs(View, { testID: withTestIdPrefix(AuthTestIds.passkeyLogin, testIdPrefix), children: [
-    error !== null ? /* @__PURE__ */ jsx(
-      Text,
-      {
-        style: styles3.errorText,
-        testID: withTestIdPrefix(AuthTestIds.passkeyLoginError, testIdPrefix),
-        children: error === "cancelled" ? labels.errorCancelled : labels.errorFailed
-      }
-    ) : null,
+    error !== null ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        Text,
+        {
+          style: styles3.errorText,
+          testID: withTestIdPrefix(AuthTestIds.passkeyLoginError, testIdPrefix),
+          children: error === "cancelled" ? labels.errorCancelled : labels.errorFailed
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        TouchableOpacity,
+        {
+          accessibilityHint: labels.tryAnotherWay,
+          accessibilityLabel: labels.tryAnotherWay,
+          accessibilityRole: "button",
+          testID: withTestIdPrefix(AuthTestIds.passkeyLoginFallback, testIdPrefix),
+          onPress: () => ceremony.fallbackToRedirect(),
+          children: /* @__PURE__ */ jsx(Text, { style: styles3.linkText, children: labels.tryAnotherWay })
+        }
+      )
+    ] }) : null,
     /* @__PURE__ */ jsx(
       TouchableOpacity,
       {