@dloizides/auth-web 1.18.2 → 1.19.0

package/dist/index.mjs

@@ -341,6 +341,7 @@ var DEFAULT_REGISTER_LABELS = {
   submit: "Create account",
   submitHint: "Creates your account",
   submitting: "Creating account...",
+  fullName: field("Your name", "Enter your full name"),
   fields: {
     firstName: field("First name", "Enter your first name"),
     lastName: field("Last name", "Enter your last name"),
@@ -617,7 +618,11 @@ function useLoginSubmit({
   invalidCredentialsLabel
 }) {
   const [errorText, setErrorText] = useState(null);
+  const inFlight = useRef(false);
   const runLogin = useCallback(async () => {
+    if (inFlight.current) {
+      return;
+    }
     setErrorText(null);
     const trimmedUsername = username.trim();
     const hasMissingField = trimmedUsername.length === 0 || password.length === 0;
@@ -625,11 +630,14 @@ function useLoginSubmit({
       setErrorText(missingFieldsLabel);
       return;
     }
+    inFlight.current = true;
     try {
       const user = await login({ username: trimmedUsername, password });
       onSuccess(user);
     } catch {
       setErrorText(invalidCredentialsLabel);
+    } finally {
+      inFlight.current = false;
     }
   }, [username, password, login, onSuccess, missingFieldsLabel, invalidCredentialsLabel]);
   const handleSubmit = useCallback(() => {
@@ -4093,6 +4101,18 @@ var FIELDS = [
   { key: "confirmPassword", testId: RegisterTestIds.confirmPasswordInput, secure: true },
   { key: "tenantName", testId: RegisterTestIds.tenantNameInput }
 ];
+var COMPACT_FIELDS = [
+  { key: "firstName", testId: RegisterTestIds.firstNameInput, autoComplete: "name" },
+  { key: "email", testId: RegisterTestIds.emailInput, autoComplete: "email", keyboardType: "email-address" },
+  { key: "password", testId: RegisterTestIds.passwordInput, secure: true },
+  { key: "tenantName", testId: RegisterTestIds.tenantNameInput }
+];
+function copyFor(key, labels, compact) {
+  if (compact && key === "firstName" && labels.fullName !== void 0) {
+    return labels.fullName;
+  }
+  return labels.fields[key];
+}
 var OFF_SCREEN = -9999;
 var HONEYPOT_SIZE = 1;
 var HONEYPOT_PLACEHOLDER = "Website";
@@ -4114,11 +4134,12 @@ function RegisterFormFields({
   styles: styles3,
   onChange,
   onSubmitEditing,
-  testIdPrefix
+  testIdPrefix,
+  compact = false
 }) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    FIELDS.map((config) => {
-      const copy = labels.fields[config.key];
+    (compact ? COMPACT_FIELDS : FIELDS).map((config) => {
+      const copy = copyFor(config.key, labels, compact);
       return /* @__PURE__ */ jsxs(View, { style: styles3.fieldGroup, children: [
         /* @__PURE__ */ jsx(Text, { style: styles3.label, children: copy.label }),
         /* @__PURE__ */ jsx(
@@ -4277,6 +4298,29 @@ function mapRegisterErrorCode(error) {
   return match === void 0 ? "validationFailed" /* ValidationFailed */ : match[1];
 }
 
+// src/hooks/registerCompact.ts
+var WHITESPACE_RUN = /\s+/;
+var UNSAFE_USERNAME_CHARS = /[^a-z0-9._-]/g;
+var USERNAME_REPLACEMENT = "_";
+function splitFullName(fullName) {
+  const words = fullName.trim().split(WHITESPACE_RUN).filter((word) => word !== "");
+  const [first = "", ...rest] = words;
+  return { firstName: first, lastName: rest.length > 0 ? rest.join(" ") : first };
+}
+function deriveUsernameFromEmail(email) {
+  return email.trim().toLowerCase().replace(UNSAFE_USERNAME_CHARS, USERNAME_REPLACEMENT);
+}
+function expandCompactRegisterValues(values) {
+  const { firstName, lastName } = splitFullName(values.firstName);
+  return {
+    ...values,
+    firstName,
+    lastName,
+    username: deriveUsernameFromEmail(values.email),
+    confirmPassword: values.password
+  };
+}
+
 // src/hooks/useRegisterForm.ts
 var EMPTY_VALUES = {
   firstName: "",
@@ -4302,7 +4346,8 @@ function toSubmitValues(values) {
 function useRegisterForm({
   onSubmit,
   passwordPolicy = isRegisterPasswordStrong,
-  onSubmitAttempt
+  onSubmitAttempt,
+  compact = false
 }) {
   const [state, setState] = useState(EMPTY_VALUES);
   const [isSubmitting, setIsSubmitting] = useState(false);
@@ -4316,7 +4361,8 @@ function useRegisterForm({
       return { ok: false, error: "inFlight" /* InFlight */ };
     }
     onSubmitAttempt?.();
-    const trimmed = trimRegisterValues(state);
+    const trimmedRaw = trimRegisterValues(state);
+    const trimmed = compact ? expandCompactRegisterValues(trimmedRaw) : trimmedRaw;
     const refusal = trimmed.website === "" ? validateRegisterValues(trimmed, passwordPolicy) : "failed" /* Failed */;
     if (refusal !== null) {
       setError(refusal);
@@ -4336,7 +4382,7 @@ function useRegisterForm({
       inFlight.current = false;
       setIsSubmitting(false);
     }
-  }, [onSubmit, onSubmitAttempt, passwordPolicy, state]);
+  }, [compact, onSubmit, onSubmitAttempt, passwordPolicy, state]);
   return { state, setField, submit, isSubmitting, error };
 }
 function RegisterForm({
@@ -4348,7 +4394,8 @@ function RegisterForm({
   labels: labelsProp,
   theme: themeProp,
   footer,
-  testIdPrefix
+  testIdPrefix,
+  compact = false
 }) {
   const theme = useAuthTheme(themeProp);
   const styles3 = useAuthStyles(theme);
@@ -4359,7 +4406,8 @@ function RegisterForm({
   const { state, setField, submit, isSubmitting } = useRegisterForm({
     onSubmit,
     onSubmitAttempt,
-    passwordPolicy
+    passwordPolicy,
+    compact
   });
   const handlePress = useCallback(async () => {
     routeRegisterOutcome(await submit(), { onSuccess, onError });
@@ -4371,6 +4419,7 @@ function RegisterForm({
     /* @__PURE__ */ jsx(
       RegisterFormFields,
       {
+        compact,
         disabled: isSubmitting,
         labels,
         styles: styles3,
@@ -4532,6 +4581,6 @@ function createBffChangePasswordClient(options = {}) {
   };
 }
 
-export { AccountSettingsScreen, AuthScreen, AuthTestIds, AuthThemeProvider, BffAuthStatus, CHANGE_PASSWORD_ENDPOINT, ChangePasswordCard, ChangePasswordErrorKey, DEFAULT_ACCOUNT_SETTINGS_LABELS, DEFAULT_AUTH_CARD_MAX_WIDTH, DEFAULT_DEMO_CREDENTIALS_HINT_LABELS, DEFAULT_DEVICE_PIN_ENROLL_LABELS, DEFAULT_DEVICE_PIN_SETTINGS_LABELS, DEFAULT_DEVICE_PIN_UNLOCK_LABELS, DEFAULT_FORGOT_PASSWORD_FIELDS_LABELS, DEFAULT_FORGOT_PASSWORD_LABELS, DEFAULT_LOGIN_LABELS, DEFAULT_OTP_LABELS, DEFAULT_PASSKEY_LOGIN_LABELS, DEFAULT_PASSKEY_SETTINGS_LABELS, DEFAULT_PIN_LABELS, DEFAULT_PREFERRED_METHOD_HINT_LABELS, DEFAULT_PREFERRED_METHOD_SETTINGS_LABELS, DEFAULT_REGISTER_LABELS, DEFAULT_RESET_PASSWORD_LABELS, DEVICE_PIN_ALLOWED_DIGITS, DEVICE_PIN_DEFAULT_DIGITS, DemoCredentialsHint, DemoCredentialsHintVariant, DevicePinEnrollErrorKey, DevicePinEnrollForm, DevicePinErrorKey, DevicePinInput, DevicePinLengthPicker, DevicePinOffer, DevicePinSettingsCard, DevicePinUnlockScreen, ForgotPasswordFields, ForgotPasswordForm, LoginForm, OtpForm, OtpLoginStep, PASSWORD_MAX_LENGTH, PASSWORD_MIN_LENGTH, PasskeyCeremonyMode, PasskeyCeremonyStatus, PasskeyLoginButton, PasskeySettingsCard, PasswordPolicyError, PinForm, PreferredMethodHint, PreferredMethodSettingsCard, PrefillIntent, RegisterErrorCode, RegisterForm, RegisterTestIds, ResetPasswordError, ResetPasswordForm, cachePreferredMethod, clearCachedPreferredMethod, collectUserRoles, createBffAuthClient, createBffChangePasswordClient, createPreferencesClient, defaultAuthTheme, isAllowedPinDigits, isPasswordValid, isRegisterPasswordStrong, isValidForgotPasswordEmail, performBffLogout, readCachedPreferredMethod, readPasskeyError, readPasskeyRegistered, resolveAccessibleRoutes, resolveAccountList, resolveDemoAccounts, resolveDemoCredentials, resolvePostLoginRoute, startPasskeyLogin, startPasskeyRegistration, syncPreferredMethodFromServer, useAuthTheme, useBffAuth, useBffForgotPassword, useBffLoginConfig, useBffResetPassword, useChangePassword, useDemoCredentials, useDevicePinDisable, useDevicePinEnroll, useDevicePinUnlock, useForgotPasswordSubmit, useOtpLogin, usePasskeyCeremony, usePinLogin, usePreferredMethodSetting, useRegisterForm, useResetPasswordForm, validatePasswordPolicy, withTestIdPrefix };
+export { AccountSettingsScreen, AuthScreen, AuthTestIds, AuthThemeProvider, BffAuthStatus, CHANGE_PASSWORD_ENDPOINT, ChangePasswordCard, ChangePasswordErrorKey, DEFAULT_ACCOUNT_SETTINGS_LABELS, DEFAULT_AUTH_CARD_MAX_WIDTH, DEFAULT_DEMO_CREDENTIALS_HINT_LABELS, DEFAULT_DEVICE_PIN_ENROLL_LABELS, DEFAULT_DEVICE_PIN_SETTINGS_LABELS, DEFAULT_DEVICE_PIN_UNLOCK_LABELS, DEFAULT_FORGOT_PASSWORD_FIELDS_LABELS, DEFAULT_FORGOT_PASSWORD_LABELS, DEFAULT_LOGIN_LABELS, DEFAULT_OTP_LABELS, DEFAULT_PASSKEY_LOGIN_LABELS, DEFAULT_PASSKEY_SETTINGS_LABELS, DEFAULT_PIN_LABELS, DEFAULT_PREFERRED_METHOD_HINT_LABELS, DEFAULT_PREFERRED_METHOD_SETTINGS_LABELS, DEFAULT_REGISTER_LABELS, DEFAULT_RESET_PASSWORD_LABELS, DEVICE_PIN_ALLOWED_DIGITS, DEVICE_PIN_DEFAULT_DIGITS, DemoCredentialsHint, DemoCredentialsHintVariant, DevicePinEnrollErrorKey, DevicePinEnrollForm, DevicePinErrorKey, DevicePinInput, DevicePinLengthPicker, DevicePinOffer, DevicePinSettingsCard, DevicePinUnlockScreen, ForgotPasswordFields, ForgotPasswordForm, LoginForm, OtpForm, OtpLoginStep, PASSWORD_MAX_LENGTH, PASSWORD_MIN_LENGTH, PasskeyCeremonyMode, PasskeyCeremonyStatus, PasskeyLoginButton, PasskeySettingsCard, PasswordPolicyError, PinForm, PreferredMethodHint, PreferredMethodSettingsCard, PrefillIntent, RegisterErrorCode, RegisterForm, RegisterTestIds, ResetPasswordError, ResetPasswordForm, cachePreferredMethod, clearCachedPreferredMethod, collectUserRoles, createBffAuthClient, createBffChangePasswordClient, createPreferencesClient, defaultAuthTheme, deriveUsernameFromEmail, isAllowedPinDigits, isPasswordValid, isRegisterPasswordStrong, isValidForgotPasswordEmail, performBffLogout, readCachedPreferredMethod, readPasskeyError, readPasskeyRegistered, resolveAccessibleRoutes, resolveAccountList, resolveDemoAccounts, resolveDemoCredentials, resolvePostLoginRoute, splitFullName, startPasskeyLogin, startPasskeyRegistration, syncPreferredMethodFromServer, useAuthTheme, useBffAuth, useBffForgotPassword, useBffLoginConfig, useBffResetPassword, useChangePassword, useDemoCredentials, useDevicePinDisable, useDevicePinEnroll, useDevicePinUnlock, useForgotPasswordSubmit, useOtpLogin, usePasskeyCeremony, usePinLogin, usePreferredMethodSetting, useRegisterForm, useResetPasswordForm, validatePasswordPolicy, withTestIdPrefix };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map