@dloizides/auth-web 1.10.0 → 1.12.0

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode, ReactElement } from 'react';
-import { BffAuthClient, BffUser, HttpClient, BffLoginRequest, BffForgotPasswordRequest, BffResetPasswordRequest, BffOtpRequestResult } from '@dloizides/auth-client';
-export { BffAuthClient, BffAuthClientOptions, BffForgotPasswordRequest, BffLoginRequest, BffOtpRequestRequest, BffOtpRequestResult, BffOtpVerifyRequest, BffPinLoginRequest, BffRegisterRequest, BffResetPasswordRequest, BffUser, HttpClient, HttpRequest, HttpResponse, createFetchHttpClient } from '@dloizides/auth-client';
+import { BffAuthClient, BffUser, DemoCredentials, HttpClient, BffLoginRequest, BffForgotPasswordRequest, BffResetPasswordRequest, BffOtpRequestResult } from '@dloizides/auth-client';
+export { BffAuthClient, BffAuthClientOptions, BffForgotPasswordRequest, BffLoginRequest, BffOtpRequestRequest, BffOtpRequestResult, BffOtpVerifyRequest, BffPinLoginRequest, BffRegisterRequest, BffResetPasswordRequest, BffUser, DemoCredentials, HttpClient, HttpRequest, HttpResponse, createFetchHttpClient } from '@dloizides/auth-client';
 import { UseMutationOptions, UseMutationResult } from '@tanstack/react-query';
 
 /**
@@ -391,6 +391,21 @@ interface PreferredMethodHintLabels {
     /** Full sentence shown when the cached preference is passkey. */
     passkey: string;
 }
+/** Strings rendered by `<DemoCredentialsHint>` — the public-demo credentials panel. */
+interface DemoCredentialsHintLabels {
+    /** Panel heading (e.g. "Demo access"). */
+    title: string;
+    /** Copy under the heading explaining what the demo account is. */
+    description: string;
+    /** Row label for the demo username. */
+    usernameLabel: string;
+    /** Row label for the demo password. */
+    passwordLabel: string;
+    /** The "use these credentials" button that fills the login form. */
+    useCredentials: string;
+    /** Accessibility hint for that button. */
+    useCredentialsHint: string;
+}
 /** Strings rendered by `<ResetPasswordForm>`. */
 interface ResetPasswordFormLabels {
     title: string;
@@ -424,8 +439,30 @@ declare const DEFAULT_PASSKEY_LOGIN_LABELS: PasskeyLoginLabels;
 declare const DEFAULT_PASSKEY_SETTINGS_LABELS: PasskeySettingsLabels;
 declare const DEFAULT_PREFERRED_METHOD_SETTINGS_LABELS: PreferredMethodSettingsLabels;
 declare const DEFAULT_PREFERRED_METHOD_HINT_LABELS: PreferredMethodHintLabels;
+declare const DEFAULT_DEMO_CREDENTIALS_HINT_LABELS: DemoCredentialsHintLabels;
 declare const DEFAULT_RESET_PASSWORD_LABELS: ResetPasswordFormLabels;
 
+/**
+ * Who asked for a prefill — the difference between "the user requested this" and
+ * "the app offered it".
+ *
+ * A seed that the USER asked for (tapping "use these credentials") must always
+ * apply: they can see the fields, they know what is in them, and they asked
+ * anyway. A seed the APP offers (a demo pair arriving from `GET /bff/config`
+ * mid-typing) must not: it is an unrequested, racing write against a field the
+ * user may already be filling in.
+ *
+ * Collapsing the two into a bare nonce bump is what makes a late-arriving config
+ * fetch overwrite the username a real account holder is halfway through typing.
+ * `<LoginForm>` switches on this, never on a string literal.
+ */
+declare const enum PrefillIntent {
+    /** The user asked for it. Always applies, over whatever is in the fields. */
+    Explicit = "explicit",
+    /** The app offered it. Applies only to untouched, empty fields. */
+    Opportunistic = "opportunistic"
+}
+
 /**
  * `<LoginForm>` — the ready-made, themeable password-login form.
  *
@@ -467,9 +504,35 @@ interface LoginFormProps {
      * is byte-identical to before.
      */
     chromeless?: boolean;
+    /**
+     * Seeds the username field's INITIAL value. The field stays fully editable and
+     * clearable afterwards — this is a starting value, not a controlled one, so a
+     * real account holder can always wipe it and type their own.
+     */
+    initialUsername?: string;
+    /** Seeds the password field's initial value. Editable + clearable, as above. */
+    initialPassword?: string;
+    /**
+     * Re-seed signal. Changing it re-applies `initialUsername` / `initialPassword`
+     * to the fields even after the user has edited them — needed because React
+     * ignores a `useState` initial value on re-render, so changing the `initial*`
+     * props alone does nothing once mounted.
+     *
+     * Most apps should not manage this by hand: `useDemoCredentials` returns a
+     * `loginFormProps` bag carrying all four, ready to spread.
+     */
+    prefillNonce?: number;
+    /**
+     * Whether the pending re-seed was requested by the user or offered by the app.
+     * An {@link PrefillIntent.Opportunistic} re-seed (e.g. a demo pair arriving
+     * from `GET /bff/config` after mount) is DROPPED unless both fields are still
+     * empty, so a late fetch never overwrites what someone is typing. Defaults to
+     * unconditional — omit it and every nonce bump applies.
+     */
+    prefillIntent?: PrefillIntent;
 }
 /** Themeable password-login form built on `useBffAuth`. */
-declare function LoginForm({ client, theme: themeProp, labels: labelsProp, onSuccess, onForgotPassword, onSignUp, testIdPrefix, chromeless, }: Readonly<LoginFormProps>): ReactElement;
+declare function LoginForm({ client, theme: themeProp, labels: labelsProp, onSuccess, onForgotPassword, onSignUp, testIdPrefix, chromeless, initialUsername, initialPassword, prefillNonce, prefillIntent, }: Readonly<LoginFormProps>): ReactElement;
 
 /**
  * `<ForgotPasswordForm>` — the ready-made, themeable "request a reset link"
@@ -768,6 +831,7 @@ declare const enum DevicePinErrorKey {
  * error) so the unlock / enrol UIs can route on each one rather than collapsing
  * them into a single opaque failure.
  */
+
 /**
  * The per-device half of `GET /bff/config` — what this device remembers about
  * the last user, all fields safe-defaulted by the parser when absent.
@@ -790,6 +854,14 @@ interface BffLoginConfig {
     registrationEnabled: boolean;
     /** The per-device remembered state. */
     deviceState: BffDeviceState;
+    /**
+     * The published demo credentials this deployment advertises, or `null` when
+     * none is configured. Feeds `useDemoCredentials` / `<DemoCredentialsHint>`:
+     * `useDemoCredentials({ credentials: config.demo ?? undefined })`. `auth-client`
+     * 4.2.0 populates it; older clients (and hand-rolled objects) simply omit it,
+     * which reads as `undefined` — treated the same as "no demo" by the hint.
+     */
+    demo?: DemoCredentials | null;
 }
 /**
  * Discriminated result of a device-PIN UNLOCK attempt. The client never rejects;
@@ -1211,6 +1283,50 @@ interface PreferredMethodHintProps {
 /** Themeable login-screen preferred-method hint. Renders `null` when there is nothing to say. */
 declare function PreferredMethodHint({ method, theme: themeProp, labels: labelsProp, testIdPrefix, }: Readonly<PreferredMethodHintProps>): ReactElement | null;
 
+/**
+ * `<DemoCredentialsHint>` — the public-demo credentials panel.
+ *
+ * Mount on the login surface of a product with an OPEN demo account whose
+ * credentials are already published (typically on the marketing site). It shows
+ * the username and password and offers a one-tap "use these credentials" action
+ * that fills the form, so a non-technical evaluator never has to copy-paste a
+ * password between two tabs to see the product.
+ *
+ * It authenticates nothing. It fills fields; `<LoginForm>` then submits them
+ * down the ordinary path — same BFF, same Keycloak, same session, same roles.
+ * There is no bypass here and no credential in this package: the host supplies
+ * the pair, and the demo account's blast radius is whatever the IdP grants it.
+ *
+ * Fails closed: no credentials (or a half-configured pair) renders `null` — zero
+ * DOM — so a misconfigured env var can never publish an empty demo panel.
+ *
+ * Compose it as a child of `<AuthScreen>`, above a `chromeless` `<LoginForm>`;
+ * `useDemoCredentials` wires the two together. Read-only mode (no `onUse`) drops
+ * the button and just displays the credentials.
+ */
+
+interface DemoCredentialsHintProps {
+    /**
+     * The demo credentials to advertise. `undefined` — or a pair with a blank
+     * username or password — renders nothing at all.
+     */
+    credentials?: DemoCredentials;
+    /** Explicit theme; overrides any `<AuthThemeProvider>`. */
+    theme?: AuthTheme;
+    /** Localised copy. Partial — unspecified keys fall back to English defaults. */
+    labels?: Partial<DemoCredentialsHintLabels>;
+    /** Prefix applied to every `testID`. */
+    testIdPrefix?: string;
+    /**
+     * Called with the resolved credentials when the user taps "use these
+     * credentials". Omit to render the panel read-only (no button) — the values
+     * are still selectable, so a visitor can copy them by hand.
+     */
+    onUse?: (credentials: DemoCredentials) => void;
+}
+/** Themeable public-demo credentials panel. Renders `null` when there is no demo. */
+declare function DemoCredentialsHint({ credentials, theme: themeProp, labels: labelsProp, testIdPrefix, onUse, }: Readonly<DemoCredentialsHintProps>): ReactElement | null;
+
 /**
  * React context for the `AuthTheme`.
  *
@@ -1316,6 +1432,10 @@ declare const AuthTestIds: {
     readonly preferredMethodSettingsOption: "auth-preferred-method-settings-option";
     readonly preferredMethodSettingsError: "auth-preferred-method-settings-error";
     readonly preferredMethodHint: "auth-preferred-method-hint";
+    readonly demoCredentialsHint: "auth-demo-credentials-hint";
+    readonly demoCredentialsUsername: "auth-demo-credentials-username";
+    readonly demoCredentialsPassword: "auth-demo-credentials-password";
+    readonly demoCredentialsUseButton: "auth-demo-credentials-use";
 };
 /** Apply an optional prefix to a base test ID. */
 declare function withTestIdPrefix(baseId: string, prefix?: string): string;
@@ -1818,6 +1938,78 @@ interface UsePreferredMethodSettingResult {
 }
 declare function usePreferredMethodSetting({ client, onChanged, }: UsePreferredMethodSettingArgs): UsePreferredMethodSettingResult;
 
+/** Options for {@link useDemoCredentials}. */
+interface UseDemoCredentialsOptions {
+    /**
+     * The demo credentials to advertise. Omit (or pass a half-configured pair) and
+     * the whole surface disappears: the hint renders nothing and the form is never
+     * seeded. See `resolveDemoCredentials`.
+     */
+    credentials?: DemoCredentials;
+    /**
+     * When `true` the form arrives ALREADY filled, so signing in as the demo user
+     * is a single tap on "Sign in" — the hint panel then explains why the fields
+     * are populated and re-fills them if the visitor clears them.
+     *
+     * Defaults to `false`: the fields start empty and the visitor opts in by
+     * tapping "Use these credentials". Prefer the default unless the page is a
+     * genuinely public demo — a login form that arrives pre-filled with someone
+     * else's credentials is confusing on a page real account holders also use.
+     */
+    prefillOnMount?: boolean;
+}
+/** The `<LoginForm>` props that carry the demo prefill. Spread onto the form. */
+interface DemoCredentialsLoginFormProps {
+    initialUsername?: string;
+    initialPassword?: string;
+    prefillNonce: number;
+    prefillIntent: PrefillIntent;
+}
+/** The `<DemoCredentialsHint>` props that carry the credentials + fill action. */
+interface DemoCredentialsHintWiring {
+    credentials?: DemoCredentials;
+    onUse: (credentials: DemoCredentials) => void;
+}
+/** What {@link useDemoCredentials} hands back. */
+interface UseDemoCredentialsResult {
+    /** Spread onto `<LoginForm>`. */
+    loginFormProps: DemoCredentialsLoginFormProps;
+    /** Spread onto `<DemoCredentialsHint>`. */
+    hintProps: DemoCredentialsHintWiring;
+}
+/** Wire a demo-credentials hint to a login form. Returns two prop bags to spread. */
+declare function useDemoCredentials({ credentials, prefillOnMount, }?: Readonly<UseDemoCredentialsOptions>): UseDemoCredentialsResult;
+
+/**
+ * `resolveDemoCredentials` — the single fail-closed gate for the demo surface.
+ *
+ * Every demo affordance in the package (the `<DemoCredentialsHint>` panel and
+ * the `useDemoCredentials` wiring hook) routes its input through this function,
+ * so "should we advertise a demo account at all?" is decided in exactly ONE
+ * place and always the same way.
+ *
+ * Fail closed, deliberately. The realistic source of these values is an env var
+ * (`process.env.EXPO_PUBLIC_DEMO_USERNAME`), which is `string | undefined` at
+ * runtime no matter what the type says — a consumer writing `username: env.X!`
+ * hands us `undefined` and TypeScript never notices. A half-configured demo must
+ * render NOTHING rather than an empty panel inviting a client to sign in with
+ * blank credentials, so anything that is not a genuinely non-empty string pair
+ * resolves to `null`.
+ */
+
+/**
+ * Narrow an unvalidated demo-credential pair to a usable one, or `null`.
+ *
+ * Returns `null` for: `undefined` / `null`, a non-string field (runtime junk
+ * from an unset env var), a blank/whitespace-only username, and an empty
+ * password. Otherwise returns a NEW pair with the username trimmed.
+ *
+ * The password is deliberately NOT trimmed: leading/trailing whitespace can be
+ * a legitimate part of a password, and silently altering it would turn a
+ * working credential into a mystery login failure.
+ */
+declare function resolveDemoCredentials(credentials?: DemoCredentials | null): DemoCredentials | null;
+
 /**
  * `createBffAuthClient` — the one-line wiring of a same-origin `BffAuthClient`.
  *
@@ -2061,4 +2253,4 @@ declare function validatePasswordPolicy(password: string): PasswordPolicyError[]
 /** `true` when the password satisfies every policy rule. */
 declare function isPasswordValid(password: string): boolean;
 
-export { AuthScreen, type AuthScreenProps, AuthTestIds, type AuthTheme, type AuthThemeColors, AuthThemeProvider, type AuthThemeProviderProps, type AuthThemeRadii, type AuthThemeSpacing, type AuthThemeTypography, BffAuthStatus, type BffDeviceState, type BffLoginConfig, type BffLogoutClient, type CreateBffAuthClientOptions, DEFAULT_AUTH_CARD_MAX_WIDTH, 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, type DevicePinCapableClient, type DevicePinDisableCapableClient, type DevicePinEnrollCapableClient, DevicePinEnrollErrorKey, DevicePinEnrollForm, type DevicePinEnrollFormProps, type DevicePinEnrollLabels, type DevicePinEnrollResult, DevicePinErrorKey, DevicePinInput, type DevicePinInputProps, DevicePinLengthPicker, type DevicePinLengthPickerProps, DevicePinOffer, type DevicePinOfferProps, DevicePinSettingsCard, type DevicePinSettingsCardProps, type DevicePinSettingsLabels, type DevicePinUnlockCapableClient, type DevicePinUnlockLabels, type DevicePinUnlockResult, DevicePinUnlockScreen, type DevicePinUnlockScreenProps, type DevicePinUnlockedUser, ForgotPasswordFields, type ForgotPasswordFieldsLabels, type ForgotPasswordFieldsProps, ForgotPasswordForm, type ForgotPasswordFormLabels, type ForgotPasswordFormProps, type LoginConfigCapableClient, LoginForm, type LoginFormLabels, type LoginFormProps, OtpForm, type OtpFormLabels, type OtpFormProps, OtpLoginStep, PASSWORD_MAX_LENGTH, PASSWORD_MIN_LENGTH, PasskeyCeremonyMode, PasskeyCeremonyStatus, type PasskeyErrorCode, PasskeyLoginButton, type PasskeyLoginButtonProps, type PasskeyLoginLabels, PasskeySettingsCard, type PasskeySettingsCardProps, type PasskeySettingsLabels, PasswordPolicyError, type PerformBffLogoutOptions, PinForm, type PinFormLabels, type PinFormProps, type PreferencesClientOptions, type PreferredMethodClient, PreferredMethodHint, type PreferredMethodHintLabels, type PreferredMethodHintProps, PreferredMethodSettingsCard, type PreferredMethodSettingsCardProps, type PreferredMethodSettingsLabels, ResetPasswordError, ResetPasswordForm, type ResetPasswordFormLabels, type ResetPasswordFormProps, type RoleRoute, type RoleRouteTable, type UseBffAuthOptions, type UseBffAuthResult, type UseBffForgotPasswordOptions, type UseBffLoginConfigResult, type UseBffResetPasswordOptions, type UseDevicePinDisableArgs, type UseDevicePinDisableResult, type UseDevicePinEnrollArgs, type UseDevicePinEnrollResult, type UseDevicePinUnlockArgs, type UseDevicePinUnlockResult, type UseForgotPasswordSubmitArgs, type UseForgotPasswordSubmitResult, type UseOtpLoginOptions, type UseOtpLoginResult, type UsePasskeyCeremonyOptions, type UsePasskeyCeremonyResult, type UsePinLoginOptions, type UsePinLoginResult, type UsePreferredMethodSettingArgs, type UsePreferredMethodSettingResult, type UseResetPasswordFormArgs, type UseResetPasswordFormResult, cachePreferredMethod, clearCachedPreferredMethod, collectUserRoles, createBffAuthClient, createPreferencesClient, defaultAuthTheme, isAllowedPinDigits, isPasswordValid, isValidForgotPasswordEmail, performBffLogout, readCachedPreferredMethod, readPasskeyError, readPasskeyRegistered, resolveAccessibleRoutes, resolvePostLoginRoute, startPasskeyLogin, startPasskeyRegistration, syncPreferredMethodFromServer, useAuthTheme, useBffAuth, useBffForgotPassword, useBffLoginConfig, useBffResetPassword, useDevicePinDisable, useDevicePinEnroll, useDevicePinUnlock, useForgotPasswordSubmit, useOtpLogin, usePasskeyCeremony, usePinLogin, usePreferredMethodSetting, useResetPasswordForm, validatePasswordPolicy, withTestIdPrefix };
+export { AuthScreen, type AuthScreenProps, AuthTestIds, type AuthTheme, type AuthThemeColors, AuthThemeProvider, type AuthThemeProviderProps, type AuthThemeRadii, type AuthThemeSpacing, type AuthThemeTypography, BffAuthStatus, type BffDeviceState, type BffLoginConfig, type BffLogoutClient, type CreateBffAuthClientOptions, 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, type DemoCredentialsHintLabels, type DemoCredentialsHintProps, type DemoCredentialsHintWiring, type DemoCredentialsLoginFormProps, type DevicePinCapableClient, type DevicePinDisableCapableClient, type DevicePinEnrollCapableClient, DevicePinEnrollErrorKey, DevicePinEnrollForm, type DevicePinEnrollFormProps, type DevicePinEnrollLabels, type DevicePinEnrollResult, DevicePinErrorKey, DevicePinInput, type DevicePinInputProps, DevicePinLengthPicker, type DevicePinLengthPickerProps, DevicePinOffer, type DevicePinOfferProps, DevicePinSettingsCard, type DevicePinSettingsCardProps, type DevicePinSettingsLabels, type DevicePinUnlockCapableClient, type DevicePinUnlockLabels, type DevicePinUnlockResult, DevicePinUnlockScreen, type DevicePinUnlockScreenProps, type DevicePinUnlockedUser, ForgotPasswordFields, type ForgotPasswordFieldsLabels, type ForgotPasswordFieldsProps, ForgotPasswordForm, type ForgotPasswordFormLabels, type ForgotPasswordFormProps, type LoginConfigCapableClient, LoginForm, type LoginFormLabels, type LoginFormProps, OtpForm, type OtpFormLabels, type OtpFormProps, OtpLoginStep, PASSWORD_MAX_LENGTH, PASSWORD_MIN_LENGTH, PasskeyCeremonyMode, PasskeyCeremonyStatus, type PasskeyErrorCode, PasskeyLoginButton, type PasskeyLoginButtonProps, type PasskeyLoginLabels, PasskeySettingsCard, type PasskeySettingsCardProps, type PasskeySettingsLabels, PasswordPolicyError, type PerformBffLogoutOptions, PinForm, type PinFormLabels, type PinFormProps, type PreferencesClientOptions, type PreferredMethodClient, PreferredMethodHint, type PreferredMethodHintLabels, type PreferredMethodHintProps, PreferredMethodSettingsCard, type PreferredMethodSettingsCardProps, type PreferredMethodSettingsLabels, PrefillIntent, ResetPasswordError, ResetPasswordForm, type ResetPasswordFormLabels, type ResetPasswordFormProps, type RoleRoute, type RoleRouteTable, type UseBffAuthOptions, type UseBffAuthResult, type UseBffForgotPasswordOptions, type UseBffLoginConfigResult, type UseBffResetPasswordOptions, type UseDemoCredentialsOptions, type UseDemoCredentialsResult, type UseDevicePinDisableArgs, type UseDevicePinDisableResult, type UseDevicePinEnrollArgs, type UseDevicePinEnrollResult, type UseDevicePinUnlockArgs, type UseDevicePinUnlockResult, type UseForgotPasswordSubmitArgs, type UseForgotPasswordSubmitResult, type UseOtpLoginOptions, type UseOtpLoginResult, type UsePasskeyCeremonyOptions, type UsePasskeyCeremonyResult, type UsePinLoginOptions, type UsePinLoginResult, type UsePreferredMethodSettingArgs, type UsePreferredMethodSettingResult, type UseResetPasswordFormArgs, type UseResetPasswordFormResult, 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 };

package/dist/index.js

@@ -262,6 +262,14 @@ 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."
 };
+var DEFAULT_DEMO_CREDENTIALS_HINT_LABELS = {
+  title: "Demo access",
+  description: "Explore the full product with our shared demo account.",
+  usernameLabel: "Username",
+  passwordLabel: "Password",
+  useCredentials: "Use these credentials",
+  useCredentialsHint: "Fill the sign-in form with the demo username and password"
+};
 var DEFAULT_RESET_PASSWORD_LABELS = {
   title: "Reset password",
   description: "Choose a new password for your account.",
@@ -350,7 +358,12 @@ var AuthTestIds = {
   preferredMethodSettingsOption: "auth-preferred-method-settings-option",
   preferredMethodSettingsError: "auth-preferred-method-settings-error",
   // Preferred-method login-screen hint
-  preferredMethodHint: "auth-preferred-method-hint"
+  preferredMethodHint: "auth-preferred-method-hint",
+  // Public-demo credentials panel
+  demoCredentialsHint: "auth-demo-credentials-hint",
+  demoCredentialsUsername: "auth-demo-credentials-username",
+  demoCredentialsPassword: "auth-demo-credentials-password",
+  demoCredentialsUseButton: "auth-demo-credentials-use"
 };
 function withTestIdPrefix(baseId, prefix) {
   return prefix === void 0 || prefix === "" ? baseId : `${prefix}-${baseId}`;
@@ -481,6 +494,35 @@ 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,
+  prefillIntent
+}) {
+  const [username, setUsername] = react.useState(initialUsername ?? "");
+  const [password, setPassword] = react.useState(initialPassword ?? "");
+  const [appliedNonce, setAppliedNonce] = react.useState(prefillNonce);
+  if (prefillNonce !== appliedNonce) {
+    setAppliedNonce(prefillNonce);
+    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 };
+}
 var BffAuthStatus = /* @__PURE__ */ ((BffAuthStatus2) => {
   BffAuthStatus2["Loading"] = "loading";
   BffAuthStatus2["Authenticated"] = "authenticated";
@@ -592,7 +634,11 @@ function LoginForm({
   onForgotPassword,
   onSignUp,
   testIdPrefix,
-  chromeless = false
+  chromeless = false,
+  initialUsername,
+  initialPassword,
+  prefillNonce,
+  prefillIntent
 }) {
   const theme = useAuthTheme(themeProp);
   const styles3 = useAuthStyles(theme);
@@ -601,8 +647,12 @@ function LoginForm({
     [labelsProp]
   );
   const { login, isSubmitting } = useBffAuth({ client, probeOnMount: false });
-  const [username, setUsername] = react.useState("");
-  const [password, setPassword] = react.useState("");
+  const { username, password, setUsername, setPassword } = useLoginPrefill({
+    initialUsername,
+    initialPassword,
+    prefillNonce,
+    prefillIntent
+  });
   const [errorText, setErrorText] = react.useState(null);
   const runLogin = react.useCallback(async () => {
     setErrorText(null);
@@ -3132,6 +3182,156 @@ function PreferredMethodHint({
   }
   return /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { testID: withTestIdPrefix(AuthTestIds.preferredMethodHint, testIdPrefix), children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles3.helperText, children: text }) });
 }
+var PANEL_BORDER_WIDTH = 1;
+var ACCENT_RAIL_WIDTH = 3;
+var TITLE_LETTER_SPACING = 0.8;
+var DESCRIPTION_LINE_HEIGHT_RATIO = 1.45;
+var HALF = 2;
+var MONOSPACE_FONT = reactNative.Platform.select({
+  ios: "Menlo",
+  android: "monospace",
+  default: "monospace"
+});
+function useDemoCredentialsStyles(theme) {
+  return react.useMemo(() => {
+    const { colors, radii, spacing, typography } = theme;
+    return reactNative.StyleSheet.create({
+      panel: {
+        borderWidth: PANEL_BORDER_WIDTH,
+        borderLeftWidth: ACCENT_RAIL_WIDTH,
+        borderRadius: radii.card,
+        borderColor: colors.border,
+        borderLeftColor: colors.primary,
+        padding: spacing.md,
+        marginBottom: spacing.md,
+        backgroundColor: colors.background
+      },
+      title: {
+        fontSize: typography.caption,
+        fontWeight: "700",
+        letterSpacing: TITLE_LETTER_SPACING,
+        textTransform: "uppercase",
+        color: colors.primary
+      },
+      description: {
+        fontSize: typography.caption,
+        lineHeight: typography.caption * DESCRIPTION_LINE_HEIGHT_RATIO,
+        marginTop: spacing.xs / HALF,
+        marginBottom: spacing.sm,
+        color: colors.textSecondary
+      },
+      row: {
+        flexDirection: "row",
+        alignItems: "center",
+        justifyContent: "space-between",
+        marginTop: spacing.xs / HALF
+      },
+      rowLabel: {
+        fontSize: typography.caption,
+        color: colors.textSecondary
+      },
+      rowValue: {
+        fontFamily: MONOSPACE_FONT,
+        fontSize: typography.caption,
+        fontWeight: "600",
+        borderWidth: PANEL_BORDER_WIDTH,
+        borderRadius: radii.input,
+        borderColor: colors.border,
+        paddingVertical: spacing.xs / HALF,
+        paddingHorizontal: spacing.xs,
+        // Never let a long password squeeze the label off the row.
+        flexShrink: 1,
+        backgroundColor: colors.surface,
+        color: colors.text
+      }
+    });
+  }, [theme]);
+}
+
+// src/demo/resolveDemoCredentials.ts
+function resolveDemoCredentials(credentials) {
+  if (credentials === void 0 || credentials === null) {
+    return null;
+  }
+  const username = typeof credentials.username === "string" ? credentials.username.trim() : "";
+  const password = typeof credentials.password === "string" ? credentials.password : "";
+  const isUnusable = username.length === 0 || password.length === 0;
+  if (isUnusable) {
+    return null;
+  }
+  return { username, password };
+}
+function DemoCredentialsHint({
+  credentials,
+  theme: themeProp,
+  labels: labelsProp,
+  testIdPrefix,
+  onUse
+}) {
+  const theme = useAuthTheme(themeProp);
+  const authStyles = useAuthStyles(theme);
+  const styles3 = useDemoCredentialsStyles(theme);
+  const labels = react.useMemo(
+    () => ({ ...DEFAULT_DEMO_CREDENTIALS_HINT_LABELS, ...labelsProp }),
+    [labelsProp]
+  );
+  const resolved = react.useMemo(() => resolveDemoCredentials(credentials), [credentials]);
+  const handleUse = react.useCallback(() => {
+    if (resolved !== null && onUse !== void 0) {
+      onUse(resolved);
+    }
+  }, [resolved, onUse]);
+  if (resolved === null) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    reactNative.View,
+    {
+      style: styles3.panel,
+      testID: withTestIdPrefix(AuthTestIds.demoCredentialsHint, testIdPrefix),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles3.title, children: labels.title }),
+        /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles3.description, children: labels.description }),
+        /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: styles3.row, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles3.rowLabel, children: labels.usernameLabel }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            reactNative.Text,
+            {
+              selectable: true,
+              style: styles3.rowValue,
+              testID: withTestIdPrefix(AuthTestIds.demoCredentialsUsername, testIdPrefix),
+              children: resolved.username
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: styles3.row, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles3.rowLabel, children: labels.passwordLabel }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            reactNative.Text,
+            {
+              selectable: true,
+              style: styles3.rowValue,
+              testID: withTestIdPrefix(AuthTestIds.demoCredentialsPassword, testIdPrefix),
+              children: resolved.password
+            }
+          )
+        ] }),
+        onUse !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx(
+          reactNative.TouchableOpacity,
+          {
+            accessibilityHint: labels.useCredentialsHint,
+            accessibilityLabel: labels.useCredentials,
+            accessibilityRole: "button",
+            style: authStyles.secondaryButton,
+            testID: withTestIdPrefix(AuthTestIds.demoCredentialsUseButton, testIdPrefix),
+            onPress: handleUse,
+            children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: authStyles.secondaryButtonText, children: labels.useCredentials })
+          }
+        ) : null
+      ]
+    }
+  );
+}
 var EMPTY_CONFIG = {
   methods: [],
   registrationEnabled: false,
@@ -3140,7 +3340,8 @@ var EMPTY_CONFIG = {
     hasPin: false,
     pinDigits: null,
     preferredMethod: null
-  }
+  },
+  demo: null
 };
 function useBffLoginConfig(client) {
   const [config, setConfig] = react.useState(EMPTY_CONFIG);
@@ -3237,6 +3438,55 @@ 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
+} = {}) {
+  const resolved = react.useMemo(() => resolveDemoCredentials(credentials), [credentials]);
+  const [filled, setFilled] = react.useState(
+    prefillOnMount ? resolved : null
+  );
+  const [prefillNonce, setPrefillNonce] = react.useState(0);
+  const [prefillIntent, setPrefillIntent] = react.useState(
+    "opportunistic" /* Opportunistic */
+  );
+  const [autoSeeded, setAutoSeeded] = react.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 = react.useCallback((next) => {
+    setFilled(next);
+    setPrefillNonce((current) => current + 1);
+    setPrefillIntent("explicit" /* Explicit */);
+  }, []);
+  return react.useMemo(
+    () => ({
+      loginFormProps: {
+        initialUsername: filled?.username,
+        initialPassword: filled?.password,
+        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, prefillIntent, credentials, handleUse]
+  );
+}
 async function lazyFetchHttpClient(request) {
   const fetchImpl = typeof fetch === "function" ? fetch.bind(globalThis) : void 0;
   if (fetchImpl === void 0) {
@@ -3336,6 +3586,7 @@ exports.AuthTestIds = AuthTestIds;
 exports.AuthThemeProvider = AuthThemeProvider;
 exports.BffAuthStatus = BffAuthStatus;
 exports.DEFAULT_AUTH_CARD_MAX_WIDTH = DEFAULT_AUTH_CARD_MAX_WIDTH;
+exports.DEFAULT_DEMO_CREDENTIALS_HINT_LABELS = DEFAULT_DEMO_CREDENTIALS_HINT_LABELS;
 exports.DEFAULT_DEVICE_PIN_ENROLL_LABELS = DEFAULT_DEVICE_PIN_ENROLL_LABELS;
 exports.DEFAULT_DEVICE_PIN_SETTINGS_LABELS = DEFAULT_DEVICE_PIN_SETTINGS_LABELS;
 exports.DEFAULT_DEVICE_PIN_UNLOCK_LABELS = DEFAULT_DEVICE_PIN_UNLOCK_LABELS;
@@ -3351,6 +3602,7 @@ exports.DEFAULT_PREFERRED_METHOD_SETTINGS_LABELS = DEFAULT_PREFERRED_METHOD_SETT
 exports.DEFAULT_RESET_PASSWORD_LABELS = DEFAULT_RESET_PASSWORD_LABELS;
 exports.DEVICE_PIN_ALLOWED_DIGITS = DEVICE_PIN_ALLOWED_DIGITS;
 exports.DEVICE_PIN_DEFAULT_DIGITS = DEVICE_PIN_DEFAULT_DIGITS;
+exports.DemoCredentialsHint = DemoCredentialsHint;
 exports.DevicePinEnrollErrorKey = DevicePinEnrollErrorKey;
 exports.DevicePinEnrollForm = DevicePinEnrollForm;
 exports.DevicePinErrorKey = DevicePinErrorKey;
@@ -3374,6 +3626,7 @@ exports.PasswordPolicyError = PasswordPolicyError;
 exports.PinForm = PinForm;
 exports.PreferredMethodHint = PreferredMethodHint;
 exports.PreferredMethodSettingsCard = PreferredMethodSettingsCard;
+exports.PrefillIntent = PrefillIntent;
 exports.ResetPasswordError = ResetPasswordError;
 exports.ResetPasswordForm = ResetPasswordForm;
 exports.cachePreferredMethod = cachePreferredMethod;
@@ -3390,6 +3643,7 @@ exports.readCachedPreferredMethod = readCachedPreferredMethod;
 exports.readPasskeyError = readPasskeyError;
 exports.readPasskeyRegistered = readPasskeyRegistered;
 exports.resolveAccessibleRoutes = resolveAccessibleRoutes;
+exports.resolveDemoCredentials = resolveDemoCredentials;
 exports.resolvePostLoginRoute = resolvePostLoginRoute;
 exports.startPasskeyLogin = startPasskeyLogin;
 exports.startPasskeyRegistration = startPasskeyRegistration;
@@ -3399,6 +3653,7 @@ exports.useBffAuth = useBffAuth;
 exports.useBffForgotPassword = useBffForgotPassword;
 exports.useBffLoginConfig = useBffLoginConfig;
 exports.useBffResetPassword = useBffResetPassword;
+exports.useDemoCredentials = useDemoCredentials;
 exports.useDevicePinDisable = useDevicePinDisable;
 exports.useDevicePinEnroll = useDevicePinEnroll;
 exports.useDevicePinUnlock = useDevicePinUnlock;