@dloizides/auth-web 1.8.1 → 1.9.1

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",
@@ -2517,6 +2519,18 @@ var PasskeyCeremonyMode = /* @__PURE__ */ ((PasskeyCeremonyMode2) => {
   return PasskeyCeremonyMode2;
 })(PasskeyCeremonyMode || {});
 
+// src/passkey/browserLocation.ts
+function getBrowserLocation() {
+  if (typeof window === "undefined") {
+    return null;
+  }
+  const browserLocation = window.location;
+  if (browserLocation === void 0) {
+    return null;
+  }
+  return browserLocation;
+}
+
 // src/passkey/passkeyNavigation.ts
 var PASSKEY_LOGIN_ENDPOINT = "/bff/passkey/login";
 var PASSKEY_REGISTER_ENDPOINT = "/bff/passkey/register";
@@ -2530,22 +2544,25 @@ function buildNavigationUrl(endpoint, returnUrl) {
   return `${endpoint}?${RETURN_URL_PARAM}=${encodeURIComponent(returnUrl)}`;
 }
 function readSearchParams() {
-  if (typeof window === "undefined") {
+  const browserLocation = getBrowserLocation();
+  if (browserLocation === null) {
     return null;
   }
-  return new URLSearchParams(window.location.search);
+  return new URLSearchParams(browserLocation.search);
 }
 function startPasskeyLogin(returnUrl) {
-  if (typeof window === "undefined") {
+  const browserLocation = getBrowserLocation();
+  if (browserLocation === null) {
     return;
   }
-  window.location.assign(buildNavigationUrl(PASSKEY_LOGIN_ENDPOINT, returnUrl));
+  browserLocation.assign(buildNavigationUrl(PASSKEY_LOGIN_ENDPOINT, returnUrl));
 }
 function startPasskeyRegistration(returnUrl) {
-  if (typeof window === "undefined") {
+  const browserLocation = getBrowserLocation();
+  if (browserLocation === null) {
     return;
   }
-  window.location.assign(buildNavigationUrl(PASSKEY_REGISTER_ENDPOINT, returnUrl));
+  browserLocation.assign(buildNavigationUrl(PASSKEY_REGISTER_ENDPOINT, returnUrl));
 }
 function readPasskeyError() {
   const params = readSearchParams();
@@ -2722,8 +2739,9 @@ function usePasskeyCeremony(optionsArg) {
         onSuccess(user);
         return;
       }
-      if (mode === "login" /* Login */ && typeof window !== "undefined") {
-        window.location.assign(returnUrl);
+      const browserLocation = getBrowserLocation();
+      if (mode === "login" /* Login */ && browserLocation !== null) {
+        browserLocation.assign(returnUrl);
       }
     },
     [mode, onSuccess, returnUrl]
@@ -2745,6 +2763,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 +2798,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 +2826,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,
       {
@@ -2825,10 +2863,11 @@ function PasskeyLoginButton({
 }
 var DEFAULT_RETURN_PATH = "/";
 function readCurrentPath() {
-  if (typeof window === "undefined") {
+  const browserLocation = getBrowserLocation();
+  if (browserLocation === null) {
     return DEFAULT_RETURN_PATH;
   }
-  return window.location.pathname;
+  return browserLocation.pathname;
 }
 function PasskeySettingsCard({
   returnUrl,