@dloizides/auth-web 1.11.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.",
@@ -493,21 +509,64 @@ function useAuthStyles(theme) {
     });
   }, [theme]);
 }
+
+// src/components/PrefillIntent.ts
+var PrefillIntent = /* @__PURE__ */ ((PrefillIntent2) => {
+  PrefillIntent2["Explicit"] = "explicit";
+  PrefillIntent2["Opportunistic"] = "opportunistic";
+  return PrefillIntent2;
+})(PrefillIntent || {});
+
+// src/components/useLoginPrefill.ts
 function useLoginPrefill({
   initialUsername,
   initialPassword,
-  prefillNonce
+  prefillNonce,
+  prefillIntent
 }) {
   const [username, setUsername] = useState(initialUsername ?? "");
   const [password, setPassword] = useState(initialPassword ?? "");
   const [appliedNonce, setAppliedNonce] = useState(prefillNonce);
   if (prefillNonce !== appliedNonce) {
     setAppliedNonce(prefillNonce);
-    setUsername(initialUsername ?? "");
-    setPassword(initialPassword ?? "");
+    const isPristine = username.length === 0 && password.length === 0;
+    const mayApply = prefillIntent !== "opportunistic" /* Opportunistic */ || isPristine;
+    if (mayApply) {
+      setUsername(initialUsername ?? "");
+      setPassword(initialPassword ?? "");
+    }
   }
   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";
@@ -622,7 +681,8 @@ function LoginForm({
   chromeless = false,
   initialUsername,
   initialPassword,
-  prefillNonce
+  prefillNonce,
+  prefillIntent
 }) {
   const theme = useAuthTheme(themeProp);
   const styles3 = useAuthStyles(theme);
@@ -634,27 +694,17 @@ function LoginForm({
   const { username, password, setUsername, setPassword } = useLoginPrefill({
     initialUsername,
     initialPassword,
-    prefillNonce
+    prefillNonce,
+    prefillIntent
+  });
+  const { errorText, handleSubmit } = useLoginSubmit({
+    username,
+    password,
+    login,
+    onSuccess,
+    missingFieldsLabel: labels.missingFields,
+    invalidCredentialsLabel: labels.invalidCredentials
   });
-  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 submitButtonStyle = isSubmitting ? [styles3.primaryButton, styles3.primaryButtonDisabled] : styles3.primaryButton;
   const content = /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(Text, { style: styles3.title, children: labels.title }),
@@ -3323,7 +3373,8 @@ var EMPTY_CONFIG = {
     hasPin: false,
     pinDigits: null,
     preferredMethod: null
-  }
+  },
+  demo: null
 };
 function useBffLoginConfig(client) {
   const [config, setConfig] = useState(EMPTY_CONFIG);
@@ -3420,6 +3471,12 @@ async function syncPreferredMethodFromServer(client) {
     return null;
   }
 }
+function isSamePair(a, b) {
+  if (a === null || b === null) {
+    return a === b;
+  }
+  return a.username === b.username && a.password === b.password;
+}
 function useDemoCredentials({
   credentials,
   prefillOnMount = false
@@ -3429,23 +3486,38 @@ function useDemoCredentials({
     prefillOnMount ? resolved : null
   );
   const [prefillNonce, setPrefillNonce] = useState(0);
+  const [prefillIntent, setPrefillIntent] = useState(
+    "opportunistic" /* Opportunistic */
+  );
+  const [autoSeeded, setAutoSeeded] = useState(
+    prefillOnMount ? resolved : null
+  );
+  const shouldAutoSeed = prefillOnMount && resolved !== null && !isSamePair(resolved, autoSeeded);
+  if (shouldAutoSeed) {
+    setAutoSeeded(resolved);
+    setFilled(resolved);
+    setPrefillNonce((current) => current + 1);
+    setPrefillIntent("opportunistic" /* Opportunistic */);
+  }
   const handleUse = useCallback((next) => {
     setFilled(next);
     setPrefillNonce((current) => current + 1);
+    setPrefillIntent("explicit" /* Explicit */);
   }, []);
   return useMemo(
     () => ({
       loginFormProps: {
         initialUsername: filled?.username,
         initialPassword: filled?.password,
-        prefillNonce
+        prefillNonce,
+        prefillIntent
       },
       // `credentials` is passed through unresolved on purpose: the hint applies
       // `resolveDemoCredentials` itself, so it fails closed even when it is used
       // standalone, without this hook.
       hintProps: { credentials, onUse: handleUse }
     }),
-    [filled, prefillNonce, credentials, handleUse]
+    [filled, prefillNonce, prefillIntent, credentials, handleUse]
   );
 }
 async function lazyFetchHttpClient(request) {
@@ -3534,6 +3606,6 @@ async function performBffLogout(options) {
   runGuarded(onRedirect, onError);
 }
 
-export { AuthScreen, AuthTestIds, AuthThemeProvider, BffAuthStatus, 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_RESET_PASSWORD_LABELS, DEVICE_PIN_ALLOWED_DIGITS, DEVICE_PIN_DEFAULT_DIGITS, DemoCredentialsHint, 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, ResetPasswordError, ResetPasswordForm, cachePreferredMethod, clearCachedPreferredMethod, collectUserRoles, createBffAuthClient, createPreferencesClient, defaultAuthTheme, isAllowedPinDigits, isPasswordValid, isValidForgotPasswordEmail, performBffLogout, readCachedPreferredMethod, readPasskeyError, readPasskeyRegistered, resolveAccessibleRoutes, resolveDemoCredentials, resolvePostLoginRoute, startPasskeyLogin, startPasskeyRegistration, syncPreferredMethodFromServer, useAuthTheme, useBffAuth, useBffForgotPassword, useBffLoginConfig, useBffResetPassword, useDemoCredentials, useDevicePinDisable, useDevicePinEnroll, useDevicePinUnlock, useForgotPasswordSubmit, useOtpLogin, usePasskeyCeremony, usePinLogin, usePreferredMethodSetting, useResetPasswordForm, validatePasswordPolicy, withTestIdPrefix };
+export { AuthScreen, AuthTestIds, AuthThemeProvider, BffAuthStatus, 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_RESET_PASSWORD_LABELS, DEVICE_PIN_ALLOWED_DIGITS, DEVICE_PIN_DEFAULT_DIGITS, DemoCredentialsHint, 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, ResetPasswordError, ResetPasswordForm, cachePreferredMethod, clearCachedPreferredMethod, collectUserRoles, createBffAuthClient, createPreferencesClient, defaultAuthTheme, isAllowedPinDigits, isPasswordValid, isValidForgotPasswordEmail, performBffLogout, readCachedPreferredMethod, readPasskeyError, readPasskeyRegistered, resolveAccessibleRoutes, resolveDemoCredentials, resolvePostLoginRoute, startPasskeyLogin, startPasskeyRegistration, syncPreferredMethodFromServer, useAuthTheme, useBffAuth, useBffForgotPassword, useBffLoginConfig, useBffResetPassword, useDemoCredentials, useDevicePinDisable, useDevicePinEnroll, useDevicePinUnlock, useForgotPasswordSubmit, useOtpLogin, usePasskeyCeremony, usePinLogin, usePreferredMethodSetting, useResetPasswordForm, validatePasswordPolicy, withTestIdPrefix };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map