@dloizides/auth-web 1.12.0 → 1.12.1

package/dist/index.mjs

@@ -113,7 +113,7 @@ function AuthScreen({
   ] });
 }
 
-// src/components/labels.ts
+// src/components/labels/loginLabels.ts
 var DEFAULT_LOGIN_LABELS = {
   title: "Sign in",
   subtitle: "Welcome back",
@@ -128,6 +128,8 @@ var DEFAULT_LOGIN_LABELS = {
   invalidCredentials: "Incorrect username or password.",
   missingFields: "Enter both your username and password."
 };
+
+// src/components/labels/forgotPasswordLabels.ts
 var DEFAULT_FORGOT_PASSWORD_LABELS = {
   title: "Forgot password",
   description: "Enter your email and we will send you a reset link.",
@@ -144,6 +146,8 @@ var DEFAULT_FORGOT_PASSWORD_FIELDS_LABELS = {
   cancel: "Cancel",
   close: "Close"
 };
+
+// src/components/labels/otpLabels.ts
 var DEFAULT_OTP_LABELS = {
   requestTitle: "Sign in with a code",
   requestDescription: "Enter your email and we will send you a one-time code.",
@@ -164,6 +168,8 @@ var DEFAULT_OTP_LABELS = {
   resending: "Resending...",
   changeEmail: "Use a different email"
 };
+
+// src/components/labels/pinLabels.ts
 var DEFAULT_PIN_LABELS = {
   title: "Enter your event PIN",
   description: "Enter the PIN for this event to sign in.",
@@ -174,6 +180,8 @@ var DEFAULT_PIN_LABELS = {
   missingPin: "Enter your event PIN.",
   invalidPin: "That PIN is incorrect, has expired, or is locked out."
 };
+
+// src/components/labels/devicePinLabels.ts
 var DEFAULT_DEVICE_PIN_UNLOCK_LABELS = {
   title: "Welcome back, {name}",
   titleNoName: "Welcome back",
@@ -231,6 +239,8 @@ var DEFAULT_DEVICE_PIN_SETTINGS_LABELS = {
   disabling: "Disabling...",
   disableFailed: "Could not disable PIN sign-in. Try again later."
 };
+
+// src/components/labels/passkeyLabels.ts
 var DEFAULT_PASSKEY_LOGIN_LABELS = {
   signInButton: "Sign in with a passkey",
   signInHint: "Use your fingerprint, face, or security key to sign in",
@@ -246,6 +256,8 @@ var DEFAULT_PASSKEY_SETTINGS_LABELS = {
   addHint: "Start setting up a passkey for this account",
   registeredSuccess: "Your passkey was added. You can now use it to sign in."
 };
+
+// src/components/labels/preferredMethodLabels.ts
 var DEFAULT_PREFERRED_METHOD_SETTINGS_LABELS = {
   title: "Preferred sign-in method",
   description: "Pick how you usually sign in. We will show this method first on your devices.",
@@ -261,6 +273,8 @@ var DEFAULT_PREFERRED_METHOD_HINT_LABELS = {
   pin: "You usually sign in with your quick PIN on this account.",
   passkey: "You usually sign in with a passkey."
 };
+
+// src/components/labels/demoLabels.ts
 var DEFAULT_DEMO_CREDENTIALS_HINT_LABELS = {
   title: "Demo access",
   description: "Explore the full product with our shared demo account.",
@@ -269,6 +283,8 @@ var DEFAULT_DEMO_CREDENTIALS_HINT_LABELS = {
   useCredentials: "Use these credentials",
   useCredentialsHint: "Fill the sign-in form with the demo username and password"
 };
+
+// src/components/labels/resetPasswordLabels.ts
 var DEFAULT_RESET_PASSWORD_LABELS = {
   title: "Reset password",
   description: "Choose a new password for your account.",
@@ -522,6 +538,35 @@ function useLoginPrefill({
   }
   return { username, password, setUsername, setPassword };
 }
+function useLoginSubmit({
+  username,
+  password,
+  login,
+  onSuccess,
+  missingFieldsLabel,
+  invalidCredentialsLabel
+}) {
+  const [errorText, setErrorText] = useState(null);
+  const runLogin = useCallback(async () => {
+    setErrorText(null);
+    const trimmedUsername = username.trim();
+    const hasMissingField = trimmedUsername.length === 0 || password.length === 0;
+    if (hasMissingField) {
+      setErrorText(missingFieldsLabel);
+      return;
+    }
+    try {
+      const user = await login({ username: trimmedUsername, password });
+      onSuccess(user);
+    } catch {
+      setErrorText(invalidCredentialsLabel);
+    }
+  }, [username, password, login, onSuccess, missingFieldsLabel, invalidCredentialsLabel]);
+  const handleSubmit = useCallback(() => {
+    void runLogin();
+  }, [runLogin]);
+  return { errorText, handleSubmit };
+}
 var BffAuthStatus = /* @__PURE__ */ ((BffAuthStatus2) => {
   BffAuthStatus2["Loading"] = "loading";
   BffAuthStatus2["Authenticated"] = "authenticated";
@@ -652,25 +697,14 @@ function LoginForm({
     prefillNonce,
     prefillIntent
   });
-  const [errorText, setErrorText] = useState(null);
-  const runLogin = useCallback(async () => {
-    setErrorText(null);
-    const trimmedUsername = username.trim();
-    const hasMissingField = trimmedUsername.length === 0 || password.length === 0;
-    if (hasMissingField) {
-      setErrorText(labels.missingFields);
-      return;
-    }
-    try {
-      const user = await login({ username: trimmedUsername, password });
-      onSuccess(user);
-    } catch {
-      setErrorText(labels.invalidCredentials);
-    }
-  }, [username, password, login, onSuccess, labels.missingFields, labels.invalidCredentials]);
-  const handleSubmit = useCallback(() => {
-    void runLogin();
-  }, [runLogin]);
+  const { errorText, handleSubmit } = useLoginSubmit({
+    username,
+    password,
+    login,
+    onSuccess,
+    missingFieldsLabel: labels.missingFields,
+    invalidCredentialsLabel: labels.invalidCredentials
+  });
   const submitButtonStyle = isSubmitting ? [styles3.primaryButton, styles3.primaryButtonDisabled] : styles3.primaryButton;
   const content = /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(Text, { style: styles3.title, children: labels.title }),