@dloizides/auth-web 1.20.0 → 1.21.0

package/dist/index.d.mts

@@ -685,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;
 }
 
 /**
@@ -702,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

@@ -685,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;
 }
 
 /**
@@ -702,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",