@dloizides/auth-web 1.19.0 → 1.21.0

package/dist/index.d.mts

@@ -525,10 +525,19 @@ declare const enum RegisterErrorCode {
     PasswordMismatch = "passwordMismatch",
     /** The server reported `USERNAME_TAKEN`. */
     UsernameTaken = "usernameTaken",
-    /** The server reported `EMAIL_TAKEN`. */
+    /** The server reported `EMAIL_TAKEN` or `USER_EXISTS` (409). */
     EmailTaken = "emailTaken",
     /** The server reported `REALM_REQUIRED` or `REALM_INVALID`. */
     RealmInvalid = "realmInvalid",
+    /** The server reported `TENANT_NAME_TAKEN` (409): the organisation / shop name is in use. */
+    TenantNameTaken = "tenantNameTaken",
+    /** The server rate-limited the request (HTTP 429). */
+    RateLimited = "rateLimited",
+    /**
+     * The account WAS created but the automatic sign-in failed (`AUTO_LOGIN_FAILED`).
+     * Tell the user to sign in; do not ask them to register again.
+     */
+    AutoLoginFailed = "autoLoginFailed",
     /** The server rejected the request with an unrecognised message. */
     ValidationFailed = "validationFailed",
     /** Generic failure: network error, empty message, or a filled honeypot (never revealed). */
@@ -676,6 +685,12 @@ interface LoginFormProps {
      * unconditional — omit it and every nonce bump applies.
      */
     prefillIntent?: PrefillIntent;
+    /**
+     * When `true`, the username field is an email field: `type="email"` +
+     * `autocomplete="username"` on web, the email keyboard + `username` content
+     * type on native. Defaults to `false` (plain text field, as before).
+     */
+    emailUsername?: boolean;
 }
 
 /**
@@ -693,7 +708,7 @@ interface LoginFormProps {
  */
 
 /** Themeable password-login form built on `useBffAuth`. */
-declare function LoginForm({ client, theme: themeProp, labels: labelsProp, onSuccess, onForgotPassword, onSignUp, testIdPrefix, chromeless, initialUsername, initialPassword, prefillNonce, prefillIntent, }: Readonly<LoginFormProps>): ReactElement;
+declare function LoginForm({ client, theme: themeProp, labels: labelsProp, onSuccess, onForgotPassword, onSignUp, testIdPrefix, chromeless, initialUsername, initialPassword, prefillNonce, prefillIntent, emailUsername, }: Readonly<LoginFormProps>): ReactElement;
 
 /**
  * `<ForgotPasswordForm>` — the ready-made, themeable "request a reset link"

package/dist/index.d.ts

@@ -525,10 +525,19 @@ declare const enum RegisterErrorCode {
     PasswordMismatch = "passwordMismatch",
     /** The server reported `USERNAME_TAKEN`. */
     UsernameTaken = "usernameTaken",
-    /** The server reported `EMAIL_TAKEN`. */
+    /** The server reported `EMAIL_TAKEN` or `USER_EXISTS` (409). */
     EmailTaken = "emailTaken",
     /** The server reported `REALM_REQUIRED` or `REALM_INVALID`. */
     RealmInvalid = "realmInvalid",
+    /** The server reported `TENANT_NAME_TAKEN` (409): the organisation / shop name is in use. */
+    TenantNameTaken = "tenantNameTaken",
+    /** The server rate-limited the request (HTTP 429). */
+    RateLimited = "rateLimited",
+    /**
+     * The account WAS created but the automatic sign-in failed (`AUTO_LOGIN_FAILED`).
+     * Tell the user to sign in; do not ask them to register again.
+     */
+    AutoLoginFailed = "autoLoginFailed",
     /** The server rejected the request with an unrecognised message. */
     ValidationFailed = "validationFailed",
     /** Generic failure: network error, empty message, or a filled honeypot (never revealed). */
@@ -676,6 +685,12 @@ interface LoginFormProps {
      * unconditional — omit it and every nonce bump applies.
      */
     prefillIntent?: PrefillIntent;
+    /**
+     * When `true`, the username field is an email field: `type="email"` +
+     * `autocomplete="username"` on web, the email keyboard + `username` content
+     * type on native. Defaults to `false` (plain text field, as before).
+     */
+    emailUsername?: boolean;
 }
 
 /**
@@ -693,7 +708,7 @@ interface LoginFormProps {
  */
 
 /** Themeable password-login form built on `useBffAuth`. */
-declare function LoginForm({ client, theme: themeProp, labels: labelsProp, onSuccess, onForgotPassword, onSignUp, testIdPrefix, chromeless, initialUsername, initialPassword, prefillNonce, prefillIntent, }: Readonly<LoginFormProps>): ReactElement;
+declare function LoginForm({ client, theme: themeProp, labels: labelsProp, onSuccess, onForgotPassword, onSignUp, testIdPrefix, chromeless, initialUsername, initialPassword, prefillNonce, prefillIntent, emailUsername, }: Readonly<LoginFormProps>): ReactElement;
 
 /**
  * `<ForgotPasswordForm>` — the ready-made, themeable "request a reset link"

package/dist/index.js

@@ -661,6 +661,18 @@ function useSubmitOnEnter(submit) {
     [submit]
   );
 }
+
+// src/components/usernameFieldProps.ts
+var EMAIL_USERNAME_PROPS = {
+  autoComplete: "username",
+  inputMode: "email",
+  keyboardType: "email-address",
+  textContentType: "username"
+};
+var NO_EXTRA_PROPS = {};
+function usernameFieldProps(emailUsername) {
+  return emailUsername ? EMAIL_USERNAME_PROPS : NO_EXTRA_PROPS;
+}
 var BffAuthStatus = /* @__PURE__ */ ((BffAuthStatus2) => {
   BffAuthStatus2["Loading"] = "loading";
   BffAuthStatus2["Authenticated"] = "authenticated";
@@ -776,7 +788,8 @@ function LoginForm({
   initialUsername,
   initialPassword,
   prefillNonce,
-  prefillIntent
+  prefillIntent,
+  emailUsername = false
 }) {
   const theme = useAuthTheme(themeProp);
   const styles3 = useAuthStyles(theme);
@@ -808,6 +821,7 @@ function LoginForm({
       /* @__PURE__ */ jsxRuntime.jsx(
         reactNative.TextInput,
         {
+          ...usernameFieldProps(emailUsername),
           accessibilityHint: labels.usernamePlaceholder,
           accessibilityLabel: labels.usernameLabel,
           autoCapitalize: "none",
@@ -4193,6 +4207,9 @@ var RegisterErrorCode = /* @__PURE__ */ ((RegisterErrorCode2) => {
   RegisterErrorCode2["UsernameTaken"] = "usernameTaken";
   RegisterErrorCode2["EmailTaken"] = "emailTaken";
   RegisterErrorCode2["RealmInvalid"] = "realmInvalid";
+  RegisterErrorCode2["TenantNameTaken"] = "tenantNameTaken";
+  RegisterErrorCode2["RateLimited"] = "rateLimited";
+  RegisterErrorCode2["AutoLoginFailed"] = "autoLoginFailed";
   RegisterErrorCode2["ValidationFailed"] = "validationFailed";
   RegisterErrorCode2["Failed"] = "failed";
   RegisterErrorCode2["InFlight"] = "inFlight";
@@ -4284,6 +4301,41 @@ function validateRegisterValues(values, passwordPolicy) {
   }
   return null;
 }
+var HTTP_TOO_MANY_REQUESTS = 429;
+var HTTP_SERVER_ERROR_MIN = 500;
+var BODY_ERROR_CODES = {
+  USER_EXISTS: "emailTaken" /* EmailTaken */,
+  USERNAME_TAKEN: "usernameTaken" /* UsernameTaken */,
+  EMAIL_TAKEN: "emailTaken" /* EmailTaken */,
+  TENANT_NAME_TAKEN: "tenantNameTaken" /* TenantNameTaken */,
+  AUTO_LOGIN_FAILED: "autoLoginFailed" /* AutoLoginFailed */,
+  INVALID_REQUEST: "validationFailed" /* ValidationFailed */,
+  REALM_REQUIRED: "realmInvalid" /* RealmInvalid */,
+  REALM_INVALID: "realmInvalid" /* RealmInvalid */
+};
+function typedFailureOf(error) {
+  if (typeof error !== "object" || error === null) {
+    return null;
+  }
+  const { status, errorCode } = error;
+  const hasStatus = typeof status === "number";
+  const hasCode = typeof errorCode === "string";
+  if (!hasStatus && !hasCode) {
+    return null;
+  }
+  return { status: hasStatus ? status : null, errorCode: hasCode ? errorCode : null };
+}
+function mapTypedFailure(failure) {
+  const byCode = failure.errorCode === null ? void 0 : BODY_ERROR_CODES[failure.errorCode];
+  if (byCode !== void 0) {
+    return byCode;
+  }
+  if (failure.status === HTTP_TOO_MANY_REQUESTS) {
+    return "rateLimited" /* RateLimited */;
+  }
+  const isServerError = failure.status !== null && failure.status >= HTTP_SERVER_ERROR_MIN;
+  return isServerError ? "failed" /* Failed */ : null;
+}
 function messageOf(error) {
   if (error instanceof Error) {
     return error.message;
@@ -4291,6 +4343,11 @@ function messageOf(error) {
   return typeof error === "string" ? error : "";
 }
 function mapRegisterErrorCode(error) {
+  const failure = typedFailureOf(error);
+  const typed = failure === null ? null : mapTypedFailure(failure);
+  if (typed !== null) {
+    return typed;
+  }
   const message = messageOf(error);
   if (message === "") {
     return "failed" /* Failed */;