@dloizides/auth-web 1.22.0 → 1.23.0

package/dist/index.js

@@ -306,7 +306,8 @@ var DEFAULT_RESET_PASSWORD_LABELS = {
   errorWeakPassword: "Use at least 8 characters with an uppercase letter, a lowercase letter and a digit.",
   errorMismatch: "The passwords do not match.",
   errorTokenInvalid: "This reset link is invalid or has expired. Request a new one.",
-  errorNetwork: "Something went wrong. Please try again."
+  errorNetwork: "Something went wrong. Please try again.",
+  errorRateLimited: "Too many attempts. Wait a minute and try again."
 };
 
 // src/components/labels/accountSettingsLabels.ts
@@ -343,6 +344,8 @@ var DEFAULT_REGISTER_LABELS = {
   submitHint: "Creates your account",
   submitting: "Creating account...",
   fullName: field("Your name", "Enter your full name"),
+  checkEmailTitle: "Check your email",
+  checkEmailBody: "If this address can be used, a link to finish signing up is on its way.",
   fields: {
     firstName: field("First name", "Enter your first name"),
     lastName: field("Last name", "Enter your last name"),
@@ -355,6 +358,19 @@ var DEFAULT_REGISTER_LABELS = {
 };
 
 // src/components/labels/verifyEmailLabels.ts
+var DEFAULT_VERIFY_NEW_PASSWORD_LABELS = {
+  ...DEFAULT_RESET_PASSWORD_LABELS,
+  title: "Set a new password",
+  description: "To finish signing in, choose a new password for your account.",
+  submit: "Save and sign in",
+  submitting: "Saving..."
+};
+var DEFAULT_VERIFY_SIGN_IN_LABELS = {
+  title: "Your email is verified",
+  body: "We could not sign you in automatically. Please sign in with your password.",
+  action: "Sign in",
+  actionHint: "Go to the sign in page"
+};
 var DEFAULT_VERIFY_EMAIL_LABELS = {
   loadingTitle: "Verifying your email...",
   loadingHint: "Please wait while we verify your address.",
@@ -376,7 +392,10 @@ var DEFAULT_VERIFY_EMAIL_LABELS = {
   resendMissingEmail: "Enter your email address.",
   resendSubmit: "Send link",
   resendSubmitHint: "Sends a new verification email",
-  resendConfirmation: "If that address has an account, a new verification link is on its way."
+  resendConfirmation: "If that address has an account, a new verification link is on its way.",
+  errorRateLimited: "Too many attempts. Wait a minute and try again.",
+  newPassword: DEFAULT_VERIFY_NEW_PASSWORD_LABELS,
+  signIn: DEFAULT_VERIFY_SIGN_IN_LABELS
 };
 
 // src/components/testIds.ts
@@ -475,6 +494,8 @@ var AuthTestIds = {
   verifyEmailSuccess: "auth-verify-email-success",
   verifyEmailContinue: "auth-verify-email-continue",
   verifyEmailError: "auth-verify-email-error",
+  verifyEmailSignIn: "auth-verify-email-sign-in",
+  verifyEmailSignInContinue: "auth-verify-email-sign-in-continue",
   verifyEmailResendCta: "auth-verify-email-resend-cta",
   verifyEmailResendForm: "auth-verify-email-resend-form",
   verifyEmailResendEmail: "auth-verify-email-resend-email",
@@ -576,6 +597,12 @@ function useAuthStyles(theme) {
         marginTop: spacing.xs,
         color: colors.danger
       },
+      errorBody: {
+        fontSize: typography.body,
+        marginTop: spacing.xs,
+        marginBottom: spacing.md,
+        color: colors.danger
+      },
       successText: {
         fontSize: typography.body,
         lineHeight: typography.body * 1.4,
@@ -1269,8 +1296,107 @@ var ResetPasswordError = /* @__PURE__ */ ((ResetPasswordError2) => {
   ResetPasswordError2["Mismatch"] = "mismatch";
   ResetPasswordError2["TokenInvalid"] = "tokenInvalid";
   ResetPasswordError2["Network"] = "network";
+  ResetPasswordError2["RateLimited"] = "rateLimited";
   return ResetPasswordError2;
 })(ResetPasswordError || {});
+function errorMessage(errorKey, labels) {
+  switch (errorKey) {
+    case "empty" /* Empty */:
+      return labels.errorEmpty;
+    case "weakPassword" /* WeakPassword */:
+      return labels.errorWeakPassword;
+    case "mismatch" /* Mismatch */:
+      return labels.errorMismatch;
+    case "tokenInvalid" /* TokenInvalid */:
+      return labels.errorTokenInvalid;
+    case "network" /* Network */:
+      return labels.errorNetwork;
+    case "rateLimited" /* RateLimited */:
+      return labels.errorRateLimited ?? labels.errorNetwork;
+    default:
+      return null;
+  }
+}
+function ResetPasswordFields({
+  form,
+  labels,
+  styles: styles3,
+  theme,
+  testIdPrefix,
+  newPasswordRef,
+  onSubmitEditing
+}) {
+  const message = errorMessage(form.errorKey, labels);
+  const submitButtonStyle = form.isSubmitting ? [styles3.primaryButton, styles3.primaryButtonDisabled] : styles3.primaryButton;
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles3.title, children: labels.title }),
+    /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles3.subtitle, children: labels.description }),
+    /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: styles3.fieldGroup, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles3.label, children: labels.newPasswordLabel }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        reactNative.TextInput,
+        {
+          ref: newPasswordRef,
+          secureTextEntry: true,
+          accessibilityHint: labels.newPasswordPlaceholder,
+          accessibilityLabel: labels.newPasswordLabel,
+          autoCapitalize: "none",
+          autoCorrect: false,
+          editable: !form.isSubmitting,
+          placeholder: labels.newPasswordPlaceholder,
+          placeholderTextColor: theme.colors.textSecondary,
+          style: styles3.input,
+          testID: withTestIdPrefix(AuthTestIds.resetPasswordNewInput, testIdPrefix),
+          value: form.newPassword,
+          onChangeText: form.setNewPassword,
+          onSubmitEditing
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: styles3.fieldGroup, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles3.label, children: labels.confirmPasswordLabel }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        reactNative.TextInput,
+        {
+          secureTextEntry: true,
+          accessibilityHint: labels.confirmPasswordPlaceholder,
+          accessibilityLabel: labels.confirmPasswordLabel,
+          autoCapitalize: "none",
+          autoCorrect: false,
+          editable: !form.isSubmitting,
+          placeholder: labels.confirmPasswordPlaceholder,
+          placeholderTextColor: theme.colors.textSecondary,
+          style: styles3.input,
+          testID: withTestIdPrefix(AuthTestIds.resetPasswordConfirmInput, testIdPrefix),
+          value: form.confirmPassword,
+          onChangeText: form.setConfirmPassword,
+          onSubmitEditing
+        }
+      )
+    ] }),
+    message !== null ? /* @__PURE__ */ jsxRuntime.jsx(
+      reactNative.Text,
+      {
+        style: styles3.errorText,
+        testID: withTestIdPrefix(AuthTestIds.resetPasswordError, testIdPrefix),
+        children: message
+      }
+    ) : null,
+    /* @__PURE__ */ jsxRuntime.jsx(
+      reactNative.TouchableOpacity,
+      {
+        accessibilityHint: labels.submit,
+        accessibilityLabel: form.isSubmitting ? labels.submitting : labels.submit,
+        accessibilityRole: "button",
+        disabled: form.isSubmitting,
+        style: submitButtonStyle,
+        testID: withTestIdPrefix(AuthTestIds.resetPasswordSubmitButton, testIdPrefix),
+        onPress: form.submit,
+        children: form.isSubmitting ? /* @__PURE__ */ jsxRuntime.jsx(reactNative.ActivityIndicator, { color: theme.colors.onPrimary, size: "small" }) : /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles3.primaryButtonText, children: labels.submit })
+      }
+    )
+  ] });
+}
 
 // src/password/PasswordPolicyError.ts
 var PasswordPolicyError = /* @__PURE__ */ ((PasswordPolicyError2) => {
@@ -1409,22 +1535,6 @@ function useResetPasswordForm({
     submit
   };
 }
-function errorMessage(errorKey, labels) {
-  switch (errorKey) {
-    case "empty" /* Empty */:
-      return labels.errorEmpty;
-    case "weakPassword" /* WeakPassword */:
-      return labels.errorWeakPassword;
-    case "mismatch" /* Mismatch */:
-      return labels.errorMismatch;
-    case "tokenInvalid" /* TokenInvalid */:
-      return labels.errorTokenInvalid;
-    case "network" /* Network */:
-      return labels.errorNetwork;
-    default:
-      return null;
-  }
-}
 function ResetPasswordForm({
   client,
   token,
@@ -1440,78 +1550,21 @@ function ResetPasswordForm({
     [labelsProp]
   );
   const form = useResetPasswordForm({ client, token, onSuccess });
-  const message = errorMessage(form.errorKey, labels);
-  const submitButtonStyle = form.isSubmitting ? [styles3.primaryButton, styles3.primaryButtonDisabled] : styles3.primaryButton;
-  return /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: styles3.screen, children: /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: styles3.screen, children: /* @__PURE__ */ jsxRuntime.jsx(
     reactNative.View,
     {
       style: styles3.card,
       testID: withTestIdPrefix(AuthTestIds.resetPasswordForm, testIdPrefix),
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles3.title, children: labels.title }),
-        /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles3.subtitle, children: labels.description }),
-        /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: styles3.fieldGroup, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles3.label, children: labels.newPasswordLabel }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            reactNative.TextInput,
-            {
-              secureTextEntry: true,
-              accessibilityHint: labels.newPasswordPlaceholder,
-              accessibilityLabel: labels.newPasswordLabel,
-              autoCapitalize: "none",
-              autoCorrect: false,
-              editable: !form.isSubmitting,
-              placeholder: labels.newPasswordPlaceholder,
-              placeholderTextColor: theme.colors.textSecondary,
-              style: styles3.input,
-              testID: withTestIdPrefix(AuthTestIds.resetPasswordNewInput, testIdPrefix),
-              value: form.newPassword,
-              onChangeText: form.setNewPassword
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: styles3.fieldGroup, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles3.label, children: labels.confirmPasswordLabel }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            reactNative.TextInput,
-            {
-              secureTextEntry: true,
-              accessibilityHint: labels.confirmPasswordPlaceholder,
-              accessibilityLabel: labels.confirmPasswordLabel,
-              autoCapitalize: "none",
-              autoCorrect: false,
-              editable: !form.isSubmitting,
-              placeholder: labels.confirmPasswordPlaceholder,
-              placeholderTextColor: theme.colors.textSecondary,
-              style: styles3.input,
-              testID: withTestIdPrefix(AuthTestIds.resetPasswordConfirmInput, testIdPrefix),
-              value: form.confirmPassword,
-              onChangeText: form.setConfirmPassword
-            }
-          )
-        ] }),
-        message !== null ? /* @__PURE__ */ jsxRuntime.jsx(
-          reactNative.Text,
-          {
-            style: styles3.errorText,
-            testID: withTestIdPrefix(AuthTestIds.resetPasswordError, testIdPrefix),
-            children: message
-          }
-        ) : null,
-        /* @__PURE__ */ jsxRuntime.jsx(
-          reactNative.TouchableOpacity,
-          {
-            accessibilityHint: labels.submit,
-            accessibilityLabel: form.isSubmitting ? labels.submitting : labels.submit,
-            accessibilityRole: "button",
-            disabled: form.isSubmitting,
-            style: submitButtonStyle,
-            testID: withTestIdPrefix(AuthTestIds.resetPasswordSubmitButton, testIdPrefix),
-            onPress: form.submit,
-            children: form.isSubmitting ? /* @__PURE__ */ jsxRuntime.jsx(reactNative.ActivityIndicator, { color: theme.colors.onPrimary, size: "small" }) : /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles3.primaryButtonText, children: labels.submit })
-          }
-        )
-      ]
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        ResetPasswordFields,
+        {
+          form,
+          labels,
+          styles: styles3,
+          testIdPrefix,
+          theme
+        }
+      )
     }
   ) });
 }
@@ -4140,7 +4193,8 @@ var RegisterTestIds = {
   confirmPasswordInput: "register-confirm-password-input",
   tenantNameInput: "register-tenant-name-input",
   submitButton: "register-submit-button",
-  websiteInput: "register-website"
+  websiteInput: "register-website",
+  checkEmail: "register-check-email"
 };
 var FIELDS = [
   { key: "firstName", testId: RegisterTestIds.firstNameInput, autoComplete: "name" },
@@ -4262,6 +4316,14 @@ function routeRegisterOutcome(outcome, handlers) {
   }
 }
 
+// src/hooks/registerAccepted.ts
+function isRegisterAccepted(result) {
+  if (typeof result !== "object" || result === null) {
+    return false;
+  }
+  return result.accepted === true;
+}
+
 // src/hooks/registerErrors.ts
 var MIN_PASSWORD_LENGTH = 8;
 var WHITESPACE_REGEX = /\s/;
@@ -4414,6 +4476,42 @@ function expandCompactRegisterValues(values) {
   };
 }
 
+// src/hooks/newIdempotencyKey.ts
+var HEX_RADIX = 16;
+var HEX_BYTE_LENGTH = 2;
+var KEY_BYTES = 16;
+var fallbackSequence = 0;
+function newIdempotencyKey() {
+  const cryptoApi = globalThis.crypto;
+  if (typeof cryptoApi?.randomUUID === "function") {
+    return cryptoApi.randomUUID();
+  }
+  if (typeof cryptoApi?.getRandomValues === "function") {
+    const bytes = cryptoApi.getRandomValues(new Uint8Array(KEY_BYTES));
+    return Array.from(bytes, (byte) => byte.toString(HEX_RADIX).padStart(HEX_BYTE_LENGTH, "0")).join("");
+  }
+  fallbackSequence += 1;
+  return `${Date.now().toString(HEX_RADIX)}-${String(fallbackSequence)}`;
+}
+
+// src/hooks/useRegisterSubmitMeta.ts
+function useRegisterSubmitMeta() {
+  const openedAt = react.useRef(Date.now());
+  const key = react.useRef(null);
+  return react.useMemo(
+    () => ({
+      next: () => {
+        key.current ?? (key.current = newIdempotencyKey());
+        return { idempotencyKey: key.current, formElapsedMs: Date.now() - openedAt.current };
+      },
+      resetKey: () => {
+        key.current = null;
+      }
+    }),
+    []
+  );
+}
+
 // src/hooks/useRegisterForm.ts
 var EMPTY_VALUES = {
   firstName: "",
@@ -4425,6 +4523,9 @@ var EMPTY_VALUES = {
   tenantName: "",
   website: ""
 };
+function withoutPasswords(values) {
+  return { ...values, password: "", confirmPassword: "" };
+}
 function toSubmitValues(values) {
   return {
     firstName: values.firstName,
@@ -4440,15 +4541,18 @@ function useRegisterForm({
   onSubmit,
   passwordPolicy = isRegisterPasswordStrong,
   onSubmitAttempt,
-  compact = false
+  compact = false,
+  sharedRegistration = false
 }) {
   const [state, setState] = react.useState(EMPTY_VALUES);
   const [isSubmitting, setIsSubmitting] = react.useState(false);
   const [error, setError] = react.useState(null);
   const inFlight = react.useRef(false);
+  const submitMeta = useRegisterSubmitMeta();
   const setField = react.useCallback((field2, value) => {
+    submitMeta.resetKey();
     setState((prev) => ({ ...prev, [field2]: value }));
-  }, []);
+  }, [submitMeta]);
   const submit = react.useCallback(async () => {
     if (inFlight.current) {
       return { ok: false, error: "inFlight" /* InFlight */ };
@@ -4465,7 +4569,11 @@ function useRegisterForm({
     setError(null);
     setIsSubmitting(true);
     try {
-      const result = await onSubmit(toSubmitValues(trimmed));
+      const values = toSubmitValues(trimmed);
+      const result = await (sharedRegistration ? onSubmit(values, submitMeta.next()) : onSubmit(values));
+      if (sharedRegistration && isRegisterAccepted(result)) {
+        setState(withoutPasswords);
+      }
       return { ok: true, result };
     } catch (caught) {
       const code = mapRegisterErrorCode(caught);
@@ -4475,10 +4583,10 @@ function useRegisterForm({
       inFlight.current = false;
       setIsSubmitting(false);
     }
-  }, [compact, onSubmit, onSubmitAttempt, passwordPolicy, state]);
+  }, [compact, onSubmit, onSubmitAttempt, passwordPolicy, sharedRegistration, state, submitMeta]);
   return { state, setField, submit, isSubmitting, error };
 }
-function RegisterForm({
+function RegisterFormCore({
   onSubmit,
   onSuccess,
   onError,
@@ -4488,7 +4596,8 @@ function RegisterForm({
   theme: themeProp,
   footer,
   testIdPrefix,
-  compact = false
+  compact = false,
+  sharedRegistration
 }) {
   const theme = useAuthTheme(themeProp);
   const styles3 = useAuthStyles(theme);
@@ -4500,7 +4609,8 @@ function RegisterForm({
     onSubmit,
     onSubmitAttempt,
     passwordPolicy,
-    compact
+    compact,
+    sharedRegistration
   });
   const handlePress = react.useCallback(async () => {
     routeRegisterOutcome(await submit(), { onSuccess, onError });
@@ -4538,6 +4648,9 @@ function RegisterForm({
     footer
   ] }) });
 }
+function RegisterForm(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(RegisterFormCore, { ...props, sharedRegistration: false });
+}
 async function lazyFetchHttpClient(request) {
   const fetchImpl = typeof fetch === "function" ? fetch.bind(globalThis) : void 0;
   if (fetchImpl === void 0) {
@@ -4673,6 +4786,11 @@ function createBffChangePasswordClient(options = {}) {
     }
   };
 }
+function useFocusOnMount(ref) {
+  react.useEffect(() => {
+    ref.current?.focus();
+  }, [ref]);
+}
 function useResendVerification({ client, verifyUrlTemplate }) {
   const [email, setEmail] = react.useState("");
   const [missingEmail, setMissingEmail] = react.useState(false);
@@ -4692,6 +4810,11 @@ function useResendVerification({ client, verifyUrlTemplate }) {
   }, [client, email, verifyUrlTemplate]);
   return { email, setEmail, missingEmail, submitting, confirmed, submit };
 }
+function ResendConfirmation({ style, testID, text }) {
+  const ref = react.useRef(null);
+  useFocusOnMount(ref);
+  return /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { ref, accessible: true, accessibilityLiveRegion: "polite", focusable: true, testID, children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style, children: text }) });
+}
 function VerifyEmailResendForm({
   client,
   labels,
@@ -4703,7 +4826,7 @@ function VerifyEmailResendForm({
   const resend = useResendVerification({ client, verifyUrlTemplate });
   const id = (base) => withTestIdPrefix(base, testIdPrefix);
   if (resend.confirmed) {
-    return /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles3.successText, testID: id(AuthTestIds.verifyEmailResendConfirmation), children: labels.resendConfirmation });
+    return /* @__PURE__ */ jsxRuntime.jsx(ResendConfirmation, { style: styles3.successText, testID: id(AuthTestIds.verifyEmailResendConfirmation), text: labels.resendConfirmation });
   }
   const submit = () => {
     void resend.submit();
@@ -4732,7 +4855,7 @@ function VerifyEmailResendForm({
         }
       )
     ] }),
-    resend.missingEmail ? /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles3.errorText, children: labels.resendMissingEmail }) : null,
+    resend.missingEmail ? /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles3.errorBody, children: labels.resendMissingEmail }) : null,
     /* @__PURE__ */ jsxRuntime.jsx(
       reactNative.TouchableOpacity,
       {
@@ -4756,19 +4879,155 @@ var VerifyEmailErrorCode = /* @__PURE__ */ ((VerifyEmailErrorCode2) => {
   VerifyEmailErrorCode2["TokenUsed"] = "TOKEN_USED";
   VerifyEmailErrorCode2["KeycloakUpdateFailed"] = "KEYCLOAK_UPDATE_FAILED";
   VerifyEmailErrorCode2["MissingToken"] = "MISSING_TOKEN";
+  VerifyEmailErrorCode2["NewPasswordRequired"] = "NEW_PASSWORD_REQUIRED";
+  VerifyEmailErrorCode2["WeakPassword"] = "WEAK_PASSWORD";
+  VerifyEmailErrorCode2["RateLimited"] = "RATE_LIMITED";
+  VerifyEmailErrorCode2["SignInFailed"] = "SIGN_IN_FAILED";
   VerifyEmailErrorCode2["Generic"] = "GENERIC";
   return VerifyEmailErrorCode2;
 })(VerifyEmailErrorCode || {});
 
+// src/verify/useVerifyNewPasswordForm.ts
+var GENERIC_FAILURE = { success: false, errorCode: "GENERIC" /* Generic */ };
+var DEAD_LINK_CODES = [
+  "TOKEN_INVALID" /* TokenInvalid */,
+  "TOKEN_EXPIRED" /* TokenExpired */,
+  "TOKEN_USED" /* TokenUsed */,
+  "SIGN_IN_FAILED" /* SignInFailed */
+];
+function retryableError(code) {
+  if (DEAD_LINK_CODES.includes(code)) {
+    return null;
+  }
+  if (code === "WEAK_PASSWORD" /* WeakPassword */) {
+    return "weakPassword" /* WeakPassword */;
+  }
+  return code === "RATE_LIMITED" /* RateLimited */ ? "rateLimited" /* RateLimited */ : "network" /* Network */;
+}
+function useVerifyNewPasswordForm({
+  client,
+  token,
+  onSettled
+}) {
+  const { state, setters } = useFormState();
+  const [isSubmitting, setIsSubmitting] = react.useState(false);
+  const inFlight = react.useRef(false);
+  const send = react.useMemo(
+    () => async (newPassword) => {
+      if (inFlight.current) {
+        return;
+      }
+      inFlight.current = true;
+      setIsSubmitting(true);
+      const result = await (client.setNewPassword?.(token, newPassword) ?? Promise.resolve(GENERIC_FAILURE)).catch(
+        () => GENERIC_FAILURE
+      );
+      inFlight.current = false;
+      setIsSubmitting(false);
+      const formError = result.success ? null : retryableError(result.errorCode);
+      if (formError === null) {
+        onSettled(result);
+        return;
+      }
+      setters.setErrorKey(formError);
+    },
+    [client, onSettled, setters, token]
+  );
+  return {
+    ...state,
+    setNewPassword: setters.setNewPassword,
+    setConfirmPassword: setters.setConfirmPassword,
+    isSubmitting,
+    submit: () => runSubmit({
+      newPassword: state.newPassword,
+      confirmPassword: state.confirmPassword,
+      token,
+      setErrorKey: setters.setErrorKey,
+      setHasInvalidToken: setters.setHasInvalidToken,
+      mutate: (request) => {
+        void send(request.newPassword);
+      }
+    })
+  };
+}
+function VerifyNewPasswordStep({
+  client,
+  token,
+  labels: labelsProp,
+  styles: styles3,
+  theme,
+  testIdPrefix,
+  onSettled
+}) {
+  const labels = react.useMemo(
+    () => ({ ...DEFAULT_VERIFY_NEW_PASSWORD_LABELS, ...labelsProp }),
+    [labelsProp]
+  );
+  const form = useVerifyNewPasswordForm({ client, token, onSettled });
+  const handleSubmitEditing = useSubmitOnEnter(form.submit);
+  const newPasswordRef = react.useRef(null);
+  useFocusOnMount(newPasswordRef);
+  return /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { testID: withTestIdPrefix(AuthTestIds.resetPasswordForm, testIdPrefix), children: /* @__PURE__ */ jsxRuntime.jsx(
+    ResetPasswordFields,
+    {
+      form,
+      labels,
+      newPasswordRef,
+      styles: styles3,
+      testIdPrefix,
+      theme,
+      onSubmitEditing: handleSubmitEditing
+    }
+  ) });
+}
+function VerifySignInPrompt({
+  labels: labelsProp,
+  styles: styles3,
+  testID,
+  actionTestID,
+  onContinue
+}) {
+  const labels = react.useMemo(() => ({ ...DEFAULT_VERIFY_SIGN_IN_LABELS, ...labelsProp }), [labelsProp]);
+  const actionRef = react.useRef(null);
+  useFocusOnMount(actionRef);
+  return /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { testID, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { accessibilityRole: "header", style: styles3.title, children: labels.title }),
+    /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles3.subtitle, children: labels.body }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      reactNative.TouchableOpacity,
+      {
+        ref: actionRef,
+        accessibilityHint: labels.actionHint,
+        accessibilityLabel: labels.action,
+        accessibilityRole: "button",
+        style: styles3.primaryButton,
+        testID: actionTestID,
+        onPress: onContinue,
+        children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles3.primaryButtonText, children: labels.action })
+      }
+    )
+  ] });
+}
+
 // src/verify/VerifyEmailPhase.ts
 var VerifyEmailPhase = /* @__PURE__ */ ((VerifyEmailPhase2) => {
   VerifyEmailPhase2["Loading"] = "loading";
   VerifyEmailPhase2["Success"] = "success";
   VerifyEmailPhase2["Failure"] = "failure";
+  VerifyEmailPhase2["NewPasswordRequired"] = "newPasswordRequired";
   return VerifyEmailPhase2;
 })(VerifyEmailPhase || {});
 
-// src/verify/useVerifyEmail.ts
+// src/verify/resolveVerifyView.ts
+function resolveVerifyView(verify, passwordOutcome) {
+  if (passwordOutcome === null) {
+    return verify;
+  }
+  if (passwordOutcome.success) {
+    return { phase: "success" /* Success */, errorCode: "GENERIC" /* Generic */ };
+  }
+  return { phase: "failure" /* Failure */, errorCode: passwordOutcome.errorCode };
+}
 var LOADING = {
   phase: "loading" /* Loading */,
   errorCode: "GENERIC" /* Generic */
@@ -4777,6 +5036,10 @@ var SUCCESS = {
   phase: "success" /* Success */,
   errorCode: "GENERIC" /* Generic */
 };
+var NEW_PASSWORD_REQUIRED = {
+  phase: "newPasswordRequired" /* NewPasswordRequired */,
+  errorCode: "GENERIC" /* Generic */
+};
 var REJECTED = { success: false, errorCode: "GENERIC" /* Generic */ };
 function failure(errorCode) {
   return { phase: "failure" /* Failure */, errorCode };
@@ -4802,6 +5065,10 @@ function useVerifyEmail({ client, token, onVerified, onFailed }) {
         latest.current.onVerified?.();
         return;
       }
+      if (result.errorCode === "NEW_PASSWORD_REQUIRED" /* NewPasswordRequired */) {
+        setState(NEW_PASSWORD_REQUIRED);
+        return;
+      }
       setState(failure(result.errorCode));
       latest.current.onFailed?.(result.errorCode);
     };
@@ -4827,8 +5094,31 @@ function verifyEmailErrorText(code, labels) {
   if (code === "MISSING_TOKEN" /* MissingToken */) {
     return labels.missingToken;
   }
+  if (code === "SIGN_IN_FAILED" /* SignInFailed */) {
+    return labels.signIn?.body ?? DEFAULT_VERIFY_SIGN_IN_LABELS.body;
+  }
+  if (code === "RATE_LIMITED" /* RateLimited */) {
+    return labels.errorRateLimited ?? labels.errorGeneric;
+  }
   return labels.errorGeneric;
 }
+function ResendCta({ label, hint, style, textStyle, testID, onPress }) {
+  const ref = react.useRef(null);
+  useFocusOnMount(ref);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactNative.TouchableOpacity,
+    {
+      ref,
+      accessibilityHint: hint,
+      accessibilityLabel: label,
+      accessibilityRole: "button",
+      style,
+      testID,
+      onPress,
+      children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: textStyle, children: label })
+    }
+  );
+}
 function VerifyEmailScreen({
   client,
   token,
@@ -4846,7 +5136,20 @@ function VerifyEmailScreen({
     () => ({ ...DEFAULT_VERIFY_EMAIL_LABELS, ...labelsProp }),
     [labelsProp]
   );
-  const { phase, errorCode } = useVerifyEmail({ client, token, onVerified, onFailed });
+  const verify = useVerifyEmail({ client, token, onVerified, onFailed });
+  const [passwordOutcome, setPasswordOutcome] = react.useState(null);
+  const { phase, errorCode } = resolveVerifyView(verify, passwordOutcome);
+  const settlePassword = react.useCallback(
+    (result) => {
+      setPasswordOutcome(result);
+      if (result.success) {
+        onVerified?.();
+        return;
+      }
+      onFailed?.(result.errorCode);
+    },
+    [onFailed, onVerified]
+  );
   const [resendOpen, setResendOpen] = react.useState(false);
   const openResend = react.useCallback(() => setResendOpen(true), []);
   const id = (base) => withTestIdPrefix(base, testIdPrefix);
@@ -4856,6 +5159,18 @@ function VerifyEmailScreen({
       /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { accessibilityRole: "header", style: styles3.title, children: labels.loadingTitle }),
       /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles3.subtitle, children: labels.loadingHint })
     ] }) : null,
+    phase === "newPasswordRequired" /* NewPasswordRequired */ ? /* @__PURE__ */ jsxRuntime.jsx(
+      VerifyNewPasswordStep,
+      {
+        client,
+        labels: labels.newPassword,
+        styles: styles3,
+        testIdPrefix,
+        theme,
+        token,
+        onSettled: settlePassword
+      }
+    ) : null,
     phase === "success" /* Success */ ? /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { testID: id(AuthTestIds.verifyEmailSuccess), children: [
       /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { accessibilityRole: "header", style: styles3.title, children: labels.successTitle }),
       /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles3.subtitle, children: labels.successBody }),
@@ -4872,9 +5187,19 @@ function VerifyEmailScreen({
         }
       )
     ] }) : null,
-    phase === "failure" /* Failure */ ? /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { testID: id(AuthTestIds.verifyEmailError), children: [
+    phase === "failure" /* Failure */ && errorCode === "SIGN_IN_FAILED" /* SignInFailed */ ? /* @__PURE__ */ jsxRuntime.jsx(
+      VerifySignInPrompt,
+      {
+        actionTestID: id(AuthTestIds.verifyEmailSignInContinue),
+        labels: labels.signIn,
+        styles: styles3,
+        testID: id(AuthTestIds.verifyEmailSignIn),
+        onContinue
+      }
+    ) : null,
+    phase === "failure" /* Failure */ && errorCode !== "SIGN_IN_FAILED" /* SignInFailed */ ? /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { testID: id(AuthTestIds.verifyEmailError), children: [
       /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { accessibilityRole: "header", style: styles3.title, children: labels.errorTitle }),
-      /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles3.errorText, children: verifyEmailErrorText(errorCode, labels) }),
+      /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles3.errorBody, children: verifyEmailErrorText(errorCode, labels) }),
       resendOpen ? /* @__PURE__ */ jsxRuntime.jsx(
         VerifyEmailResendForm,
         {
@@ -4886,15 +5211,14 @@ function VerifyEmailScreen({
           verifyUrlTemplate
         }
       ) : /* @__PURE__ */ jsxRuntime.jsx(
-        reactNative.TouchableOpacity,
+        ResendCta,
         {
-          accessibilityHint: labels.resendCtaHint,
-          accessibilityLabel: labels.resendCta,
-          accessibilityRole: "button",
+          hint: labels.resendCtaHint,
+          label: labels.resendCta,
           style: styles3.primaryButton,
           testID: id(AuthTestIds.verifyEmailResendCta),
-          onPress: openResend,
-          children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles3.primaryButtonText, children: labels.resendCta })
+          textStyle: styles3.primaryButtonText,
+          onPress: openResend
         }
       )
     ] }) : null
@@ -4911,7 +5235,10 @@ var SERVER_ERROR_CODES2 = [
   "TOKEN_USED" /* TokenUsed */,
   "KEYCLOAK_UPDATE_FAILED" /* KeycloakUpdateFailed */
 ];
-var GENERIC_FAILURE = { success: false, errorCode: "GENERIC" /* Generic */ };
+var GENERIC_FAILURE2 = { success: false, errorCode: "GENERIC" /* Generic */ };
+var INVALID_TOKEN = { success: false, errorCode: "TOKEN_INVALID" /* TokenInvalid */ };
+var HTTP_BAD_REQUEST3 = 400;
+var TOKEN_FIELD = "token";
 async function lazyFetchHttpClient3(request) {
   const fetchImpl = typeof fetch === "function" ? fetch.bind(globalThis) : void 0;
   if (fetchImpl === void 0) {
@@ -4925,14 +5252,23 @@ function isServerErrorCode(value) {
 function isRecord3(value) {
   return typeof value === "object" && value !== null;
 }
-function decodeVerifyResponse(body) {
+function isTokenValidationRejection(status, body) {
+  if (status !== HTTP_BAD_REQUEST3 || !isRecord3(body.errors)) {
+    return false;
+  }
+  return Object.keys(body.errors).some((field2) => field2.toLowerCase() === TOKEN_FIELD);
+}
+function decodeVerifyResponse(status, body) {
   if (!isRecord3(body)) {
-    return GENERIC_FAILURE;
+    return GENERIC_FAILURE2;
   }
   if (body.success === true) {
     return { success: true };
   }
-  return isServerErrorCode(body.errorCode) ? { success: false, errorCode: body.errorCode } : GENERIC_FAILURE;
+  if (isServerErrorCode(body.errorCode)) {
+    return { success: false, errorCode: body.errorCode };
+  }
+  return isTokenValidationRejection(status, body) ? INVALID_TOKEN : GENERIC_FAILURE2;
 }
 function createBffVerifyEmailClient(options = {}) {
   const http = options.http ?? lazyFetchHttpClient3;
@@ -4948,9 +5284,9 @@ function createBffVerifyEmailClient(options = {}) {
     verifyEmail: async (token) => {
       try {
         const response = await post(VERIFY_EMAIL_ENDPOINT, { token });
-        return decodeVerifyResponse(response.data);
+        return decodeVerifyResponse(response.status, response.data);
       } catch {
-        return GENERIC_FAILURE;
+        return GENERIC_FAILURE2;
       }
     },
     resendVerification: async (email, verifyUrlTemplate) => {
@@ -4990,6 +5326,122 @@ function readVerifyToken(raw) {
   return typeof first === "string" ? first : "";
 }
 
+// src/verify/sharedRegistrationClient.ts
+var REGISTER_ENDPOINT = "/bff/register";
+var VERIFY_AND_LOGIN_ENDPOINT = "/bff/verify-and-login";
+var HTTP_ACCEPTED = 202;
+var HTTP_UNAUTHORIZED2 = 401;
+var HTTP_TOO_MANY_REQUESTS2 = 429;
+var NO_MESSAGE = "";
+var GENERIC_FAILURE3 = { success: false, errorCode: "GENERIC" /* Generic */ };
+function decodeVerifyAndLogin(response) {
+  if (response.ok) {
+    return { success: true };
+  }
+  if (response.status === HTTP_TOO_MANY_REQUESTS2) {
+    return { success: false, errorCode: "RATE_LIMITED" /* RateLimited */ };
+  }
+  if (response.status === HTTP_UNAUTHORIZED2) {
+    return { success: false, errorCode: "SIGN_IN_FAILED" /* SignInFailed */ };
+  }
+  const body = isRecord3(response.data) ? response.data : {};
+  if (body.errorCode === "NEW_PASSWORD_REQUIRED" /* NewPasswordRequired */ || body.errorCode === "WEAK_PASSWORD" /* WeakPassword */) {
+    return { success: false, errorCode: body.errorCode };
+  }
+  return decodeVerifyResponse(response.status, response.data);
+}
+function registerFailure(response) {
+  const body = isRecord3(response.data) ? response.data : {};
+  const errorCode = body.errorCode ?? body.code;
+  const message = `Registration failed with status ${String(response.status)}`;
+  return Object.assign(new Error(message), { status: response.status, errorCode });
+}
+function createSharedRegistrationClient(options = {}) {
+  const http = options.http ?? lazyFetchHttpClient3;
+  const baseUrl = options.baseUrl ?? "";
+  const post = (path, body, headers = {}) => http({
+    url: `${baseUrl}${path}`,
+    method: "POST",
+    headers: { "Content-Type": "application/json", "X-BFF-Csrf": "1", ...headers },
+    body: JSON.stringify(body),
+    credentials: "include"
+  });
+  const verifyAndLogin = async (body) => {
+    try {
+      return decodeVerifyAndLogin(await post(VERIFY_AND_LOGIN_ENDPOINT, body));
+    } catch {
+      return GENERIC_FAILURE3;
+    }
+  };
+  const verifyEmailClient = createBffVerifyEmailClient(options);
+  return {
+    register: async (request, meta) => {
+      const body = meta === void 0 ? request : { ...request, formElapsedMs: meta.formElapsedMs };
+      const headers = meta === void 0 ? {} : { "Idempotency-Key": meta.idempotencyKey };
+      const response = await post(REGISTER_ENDPOINT, body, headers).catch(() => {
+        throw new Error(NO_MESSAGE);
+      });
+      if (!response.ok) {
+        throw registerFailure(response);
+      }
+      return { accepted: response.status === HTTP_ACCEPTED, body: response.data };
+    },
+    verifyEmail: (token) => verifyAndLogin({ token }),
+    setNewPassword: (token, newPassword) => verifyAndLogin({ token, newPassword }),
+    resendVerification: (email, verifyUrlTemplate) => verifyEmailClient.resendVerification(email, verifyUrlTemplate)
+  };
+}
+function RegisterCheckEmail({
+  labels,
+  styles: styles3,
+  footer,
+  testIdPrefix
+}) {
+  const headingRef = react.useRef(null);
+  useFocusOnMount(headingRef);
+  return /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: styles3.screen, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    reactNative.View,
+    {
+      accessibilityLiveRegion: "polite",
+      style: styles3.card,
+      testID: withTestIdPrefix(RegisterTestIds.checkEmail, testIdPrefix),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { ref: headingRef, accessible: true, focusable: true, children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { accessibilityRole: "header", style: styles3.title, children: labels.checkEmailTitle }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles3.subtitle, children: labels.checkEmailBody }),
+        footer
+      ]
+    }
+  ) });
+}
+function SharedRegisterForm({
+  onSuccess,
+  onAccepted,
+  ...formProps
+}) {
+  const { footer, labels: labelsProp, testIdPrefix, theme: themeProp } = formProps;
+  const styles3 = useAuthStyles(useAuthTheme(themeProp));
+  const labels = react.useMemo(
+    () => ({ ...DEFAULT_REGISTER_LABELS, ...labelsProp }),
+    [labelsProp]
+  );
+  const [accepted, setAccepted] = react.useState(false);
+  const handleResult = react.useCallback(
+    (result) => {
+      if (!isRegisterAccepted(result)) {
+        onSuccess(result);
+        return;
+      }
+      setAccepted(true);
+      onAccepted?.(result);
+    },
+    [onAccepted, onSuccess]
+  );
+  if (accepted) {
+    return /* @__PURE__ */ jsxRuntime.jsx(RegisterCheckEmail, { footer, labels, styles: styles3, testIdPrefix });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(RegisterFormCore, { ...formProps, sharedRegistration: true, onSuccess: handleResult });
+}
+
 Object.defineProperty(exports, "BffAuthClient", {
   enumerable: true,
   get: function () { return authClient.BffAuthClient; }
@@ -5024,6 +5476,8 @@ exports.DEFAULT_PREFERRED_METHOD_SETTINGS_LABELS = DEFAULT_PREFERRED_METHOD_SETT
 exports.DEFAULT_REGISTER_LABELS = DEFAULT_REGISTER_LABELS;
 exports.DEFAULT_RESET_PASSWORD_LABELS = DEFAULT_RESET_PASSWORD_LABELS;
 exports.DEFAULT_VERIFY_EMAIL_LABELS = DEFAULT_VERIFY_EMAIL_LABELS;
+exports.DEFAULT_VERIFY_NEW_PASSWORD_LABELS = DEFAULT_VERIFY_NEW_PASSWORD_LABELS;
+exports.DEFAULT_VERIFY_SIGN_IN_LABELS = DEFAULT_VERIFY_SIGN_IN_LABELS;
 exports.DEVICE_PIN_ALLOWED_DIGITS = DEVICE_PIN_ALLOWED_DIGITS;
 exports.DEVICE_PIN_DEFAULT_DIGITS = DEVICE_PIN_DEFAULT_DIGITS;
 exports.DemoCredentialsHint = DemoCredentialsHint;
@@ -5052,12 +5506,15 @@ exports.PinForm = PinForm;
 exports.PreferredMethodHint = PreferredMethodHint;
 exports.PreferredMethodSettingsCard = PreferredMethodSettingsCard;
 exports.PrefillIntent = PrefillIntent;
+exports.REGISTER_ENDPOINT = REGISTER_ENDPOINT;
 exports.RESEND_VERIFICATION_ENDPOINT = RESEND_VERIFICATION_ENDPOINT;
 exports.RegisterErrorCode = RegisterErrorCode;
 exports.RegisterForm = RegisterForm;
 exports.RegisterTestIds = RegisterTestIds;
 exports.ResetPasswordError = ResetPasswordError;
 exports.ResetPasswordForm = ResetPasswordForm;
+exports.SharedRegisterForm = SharedRegisterForm;
+exports.VERIFY_AND_LOGIN_ENDPOINT = VERIFY_AND_LOGIN_ENDPOINT;
 exports.VERIFY_EMAIL_ENDPOINT = VERIFY_EMAIL_ENDPOINT;
 exports.VERIFY_TOKEN_PLACEHOLDER = VERIFY_TOKEN_PLACEHOLDER;
 exports.VerifyEmailErrorCode = VerifyEmailErrorCode;
@@ -5071,10 +5528,12 @@ exports.createBffAuthClient = createBffAuthClient;
 exports.createBffChangePasswordClient = createBffChangePasswordClient;
 exports.createBffVerifyEmailClient = createBffVerifyEmailClient;
 exports.createPreferencesClient = createPreferencesClient;
+exports.createSharedRegistrationClient = createSharedRegistrationClient;
 exports.defaultAuthTheme = defaultAuthTheme;
 exports.deriveUsernameFromEmail = deriveUsernameFromEmail;
 exports.isAllowedPinDigits = isAllowedPinDigits;
 exports.isPasswordValid = isPasswordValid;
+exports.isRegisterAccepted = isRegisterAccepted;
 exports.isRegisterPasswordStrong = isRegisterPasswordStrong;
 exports.isValidForgotPasswordEmail = isValidForgotPasswordEmail;
 exports.performBffLogout = performBffLogout;