@dloizides/auth-web 1.2.0 → 1.2.2

package/dist/index.d.mts

@@ -28,6 +28,9 @@ interface LoginFormLabels {
     submitting: string;
     /** The "Forgot password?" link text. */
     forgotPassword: string;
+    /** The "Create account" link shown below the submit button when an
+     *  `onSignUp` handler is supplied. Omit the handler to hide the link. */
+    signUp: string;
     /** Generic credentials-rejected message. */
     invalidCredentials: string;
     /** Shown when one or both fields are empty on submit. */
@@ -233,11 +236,18 @@ interface LoginFormProps {
     onSuccess: (user: BffUser) => void;
     /** Called when the user taps the "Forgot password?" link. Omit to hide the link. */
     onForgotPassword?: () => void;
+    /**
+     * Called when the user taps the "Create account" link. Omit to hide the link
+     * (the registration UI then has to be reached some other way — direct nav,
+     * marketing CTA, etc.). The consuming app decides where the link routes;
+     * `<LoginForm>` just surfaces the entry point.
+     */
+    onSignUp?: () => void;
     /** Prefix applied to every `testID` so multiple forms can share a screen. */
     testIdPrefix?: string;
 }
 /** Themeable password-login form built on `useBffAuth`. */
-declare function LoginForm({ client, theme: themeProp, labels: labelsProp, onSuccess, onForgotPassword, testIdPrefix, }: Readonly<LoginFormProps>): ReactElement;
+declare function LoginForm({ client, theme: themeProp, labels: labelsProp, onSuccess, onForgotPassword, onSignUp, testIdPrefix, }: Readonly<LoginFormProps>): ReactElement;
 
 /**
  * `<ForgotPasswordForm>` — the ready-made, themeable "request a reset link"
@@ -423,6 +433,7 @@ declare const AuthTestIds: {
     readonly loginPasswordInput: "auth-login-password";
     readonly loginSubmitButton: "auth-login-submit";
     readonly loginForgotLink: "auth-login-forgot-link";
+    readonly loginSignUpLink: "auth-login-signup-link";
     readonly loginError: "auth-login-error";
     readonly forgotPasswordForm: "auth-forgot-form";
     readonly forgotPasswordEmailInput: "auth-forgot-email";

package/dist/index.d.ts

@@ -28,6 +28,9 @@ interface LoginFormLabels {
     submitting: string;
     /** The "Forgot password?" link text. */
     forgotPassword: string;
+    /** The "Create account" link shown below the submit button when an
+     *  `onSignUp` handler is supplied. Omit the handler to hide the link. */
+    signUp: string;
     /** Generic credentials-rejected message. */
     invalidCredentials: string;
     /** Shown when one or both fields are empty on submit. */
@@ -233,11 +236,18 @@ interface LoginFormProps {
     onSuccess: (user: BffUser) => void;
     /** Called when the user taps the "Forgot password?" link. Omit to hide the link. */
     onForgotPassword?: () => void;
+    /**
+     * Called when the user taps the "Create account" link. Omit to hide the link
+     * (the registration UI then has to be reached some other way — direct nav,
+     * marketing CTA, etc.). The consuming app decides where the link routes;
+     * `<LoginForm>` just surfaces the entry point.
+     */
+    onSignUp?: () => void;
     /** Prefix applied to every `testID` so multiple forms can share a screen. */
     testIdPrefix?: string;
 }
 /** Themeable password-login form built on `useBffAuth`. */
-declare function LoginForm({ client, theme: themeProp, labels: labelsProp, onSuccess, onForgotPassword, testIdPrefix, }: Readonly<LoginFormProps>): ReactElement;
+declare function LoginForm({ client, theme: themeProp, labels: labelsProp, onSuccess, onForgotPassword, onSignUp, testIdPrefix, }: Readonly<LoginFormProps>): ReactElement;
 
 /**
  * `<ForgotPasswordForm>` — the ready-made, themeable "request a reset link"
@@ -423,6 +433,7 @@ declare const AuthTestIds: {
     readonly loginPasswordInput: "auth-login-password";
     readonly loginSubmitButton: "auth-login-submit";
     readonly loginForgotLink: "auth-login-forgot-link";
+    readonly loginSignUpLink: "auth-login-signup-link";
     readonly loginError: "auth-login-error";
     readonly forgotPasswordForm: "auth-forgot-form";
     readonly forgotPasswordEmailInput: "auth-forgot-email";

package/dist/index.js

@@ -19,6 +19,7 @@ var DEFAULT_LOGIN_LABELS = {
   submit: "Sign in",
   submitting: "Signing in...",
   forgotPassword: "Forgot password?",
+  signUp: "Create an account",
   invalidCredentials: "Incorrect username or password.",
   missingFields: "Enter both your username and password."
 };
@@ -86,6 +87,7 @@ var AuthTestIds = {
   loginPasswordInput: "auth-login-password",
   loginSubmitButton: "auth-login-submit",
   loginForgotLink: "auth-login-forgot-link",
+  loginSignUpLink: "auth-login-signup-link",
   loginError: "auth-login-error",
   forgotPasswordForm: "auth-forgot-form",
   forgotPasswordEmailInput: "auth-forgot-email",
@@ -359,6 +361,7 @@ function LoginForm({
   labels: labelsProp,
   onSuccess,
   onForgotPassword,
+  onSignUp,
   testIdPrefix
 }) {
   const theme = useAuthTheme(themeProp);
@@ -465,7 +468,20 @@ function LoginForm({
         onPress: handleSubmit,
         children: isSubmitting ? /* @__PURE__ */ jsxRuntime.jsx(reactNative.ActivityIndicator, { color: theme.colors.onPrimary, size: "small" }) : /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles.primaryButtonText, children: labels.submit })
       }
-    )
+    ),
+    onSignUp !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx(
+      reactNative.TouchableOpacity,
+      {
+        accessibilityHint: labels.signUp,
+        accessibilityLabel: labels.signUp,
+        accessibilityRole: "link",
+        disabled: isSubmitting,
+        style: styles.fieldGroup,
+        testID: withTestIdPrefix(AuthTestIds.loginSignUpLink, testIdPrefix),
+        onPress: onSignUp,
+        children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles.linkText, children: labels.signUp })
+      }
+    ) : null
   ] }) });
 }
 function useBffForgotPassword(options) {