@dloizides/auth-web 1.16.0 → 1.17.0

package/dist/index.mjs

@@ -414,6 +414,8 @@ var AuthTestIds = {
   changePasswordSuccess: "auth-change-password-success",
   // Public-demo credentials panel
   demoCredentialsHint: "auth-demo-credentials-hint",
+  // Per-account heading, present only when >1 account is published (multi-account).
+  demoCredentialsAccountLabel: "auth-demo-credentials-account-label",
   demoCredentialsUsername: "auth-demo-credentials-username",
   demoCredentialsPassword: "auth-demo-credentials-password",
   demoCredentialsUseButton: "auth-demo-credentials-use",
@@ -3570,9 +3572,21 @@ function DemoCredentialsBody({
   styles: styles3,
   authStyles,
   testIdPrefix,
+  accountLabel,
+  testIdIndex,
   onUse
 }) {
+  const testId = (base) => withTestIdPrefix(testIdIndex === void 0 ? base : `${base}-${testIdIndex}`, testIdPrefix);
+  const hasLabel = typeof accountLabel === "string" && accountLabel.length > 0;
   return /* @__PURE__ */ jsxs(View, { children: [
+    hasLabel ? /* @__PURE__ */ jsx(
+      Text,
+      {
+        style: styles3.accountLabel,
+        testID: testId(AuthTestIds.demoCredentialsAccountLabel),
+        children: accountLabel
+      }
+    ) : null,
     /* @__PURE__ */ jsxs(View, { style: styles3.row, children: [
       /* @__PURE__ */ jsx(Text, { style: styles3.rowLabel, children: labels.usernameLabel }),
       /* @__PURE__ */ jsx(
@@ -3580,7 +3594,7 @@ function DemoCredentialsBody({
         {
           selectable: true,
           style: styles3.rowValue,
-          testID: withTestIdPrefix(AuthTestIds.demoCredentialsUsername, testIdPrefix),
+          testID: testId(AuthTestIds.demoCredentialsUsername),
           children: credentials.username
         }
       )
@@ -3592,7 +3606,7 @@ function DemoCredentialsBody({
         {
           selectable: true,
           style: styles3.rowValue,
-          testID: withTestIdPrefix(AuthTestIds.demoCredentialsPassword, testIdPrefix),
+          testID: testId(AuthTestIds.demoCredentialsPassword),
           children: credentials.password
         }
       )
@@ -3604,7 +3618,7 @@ function DemoCredentialsBody({
         accessibilityLabel: labels.useCredentials,
         accessibilityRole: "button",
         style: [authStyles.secondaryButton, styles3.useButton],
-        testID: withTestIdPrefix(AuthTestIds.demoCredentialsUseButton, testIdPrefix),
+        testID: testId(AuthTestIds.demoCredentialsUseButton),
         onPress: onUse,
         children: /* @__PURE__ */ jsx(Text, { style: authStyles.secondaryButtonText, children: labels.useCredentials })
       }
@@ -3657,6 +3671,15 @@ function useDemoCredentialsStyles(theme) {
         marginBottom: spacing.sm,
         color: colors.textSecondary
       },
+      accountLabel: {
+        fontSize: typography.caption,
+        fontWeight: "700",
+        color: colors.text,
+        // Separates one account block from the previous one; the first block sits
+        // under the panel description / disclosure divider, which already spaces it.
+        marginTop: spacing.sm,
+        marginBottom: spacing.xs / HALF
+      },
       row: {
         flexDirection: "row",
         alignItems: "center",
@@ -3732,8 +3755,39 @@ function resolveDemoCredentials(credentials) {
   }
   return { username, password };
 }
+
+// src/demo/resolveDemoAccounts.ts
+function resolveAccount(account) {
+  if (account === void 0 || account === null) {
+    return null;
+  }
+  const pair = resolveDemoCredentials(account);
+  if (pair === null) {
+    return null;
+  }
+  const label = typeof account.label === "string" ? account.label : "";
+  return { label, username: pair.username, password: pair.password };
+}
+function resolveAccountList(accounts) {
+  if (!Array.isArray(accounts)) {
+    return [];
+  }
+  return accounts.map(resolveAccount).filter((account) => account !== null);
+}
+function resolveDemoAccounts(credentials) {
+  if (credentials === void 0 || credentials === null) {
+    return [];
+  }
+  const fromList = resolveAccountList(credentials.publishedAccounts);
+  if (fromList.length > 0) {
+    return fromList;
+  }
+  const single = resolveDemoCredentials(credentials);
+  return single === null ? [] : [{ label: "", username: single.username, password: single.password }];
+}
 function DemoCredentialsHint({
   credentials,
+  accounts,
   variant = "disclosure" /* Disclosure */,
   theme: themeProp,
   labels: labelsProp,
@@ -3748,29 +3802,35 @@ function DemoCredentialsHint({
     () => ({ ...DEFAULT_DEMO_CREDENTIALS_HINT_LABELS, ...labelsProp }),
     [labelsProp]
   );
-  const resolved = useMemo(() => resolveDemoCredentials(credentials), [credentials]);
-  const handleUse = useCallback(() => {
-    if (resolved !== null && onUse !== void 0) {
-      onUse(resolved);
-    }
-  }, [resolved, onUse]);
+  const resolvedAccounts = useMemo(
+    () => accounts !== void 0 && accounts.length > 0 ? resolveAccountList(accounts) : resolveDemoAccounts(credentials),
+    [accounts, credentials]
+  );
+  const makeUse = useCallback(
+    (account) => onUse === void 0 ? void 0 : () => onUse({ username: account.username, password: account.password }),
+    [onUse]
+  );
   const handleToggle = useCallback(() => {
     setExpanded((current) => !current);
   }, []);
-  if (resolved === null) {
+  if (resolvedAccounts.length === 0) {
     return null;
   }
-  const body = /* @__PURE__ */ jsx(
+  const isSingle = resolvedAccounts.length === 1;
+  const body = resolvedAccounts.map((account, index) => /* @__PURE__ */ jsx(
     DemoCredentialsBody,
     {
+      accountLabel: isSingle ? void 0 : account.label,
       authStyles,
-      credentials: resolved,
+      credentials: { username: account.username, password: account.password },
       labels,
       styles: styles3,
+      testIdIndex: isSingle ? void 0 : index,
       testIdPrefix,
-      onUse: onUse === void 0 ? void 0 : handleUse
-    }
-  );
+      onUse: makeUse(account)
+    },
+    `${account.username}-${String(index)}`
+  ));
   if (variant === "panel" /* Panel */) {
     return /* @__PURE__ */ jsxs(
       View,
@@ -3926,7 +3986,11 @@ function useDemoCredentials({
   credentials,
   prefillOnMount = false
 } = {}) {
-  const resolved = useMemo(() => resolveDemoCredentials(credentials), [credentials]);
+  const accounts = useMemo(() => resolveDemoAccounts(credentials), [credentials]);
+  const resolved = useMemo(() => {
+    const first = accounts[0];
+    return first === void 0 ? null : { username: first.username, password: first.password };
+  }, [accounts]);
   const [filled, setFilled] = useState(
     prefillOnMount ? resolved : null
   );
@@ -3958,11 +4022,12 @@ function useDemoCredentials({
         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 }
+      // `resolveDemoAccounts` itself, so it fails closed even when it is used
+      // standalone, without this hook. `accounts` is the already-resolved list the
+      // hint prefers — one labelled row per entry.
+      hintProps: { credentials, accounts, onUse: handleUse }
     }),
-    [filled, prefillNonce, prefillIntent, credentials, handleUse]
+    [filled, prefillNonce, prefillIntent, credentials, accounts, handleUse]
   );
 }
 async function lazyFetchHttpClient(request) {
@@ -4101,6 +4166,6 @@ function createBffChangePasswordClient(options = {}) {
   };
 }
 
-export { AccountSettingsScreen, AuthScreen, AuthTestIds, AuthThemeProvider, BffAuthStatus, CHANGE_PASSWORD_ENDPOINT, ChangePasswordCard, ChangePasswordErrorKey, DEFAULT_ACCOUNT_SETTINGS_LABELS, 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, DemoCredentialsHintVariant, 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, createBffChangePasswordClient, createPreferencesClient, defaultAuthTheme, isAllowedPinDigits, isPasswordValid, isValidForgotPasswordEmail, performBffLogout, readCachedPreferredMethod, readPasskeyError, readPasskeyRegistered, resolveAccessibleRoutes, resolveDemoCredentials, resolvePostLoginRoute, startPasskeyLogin, startPasskeyRegistration, syncPreferredMethodFromServer, useAuthTheme, useBffAuth, useBffForgotPassword, useBffLoginConfig, useBffResetPassword, useChangePassword, useDemoCredentials, useDevicePinDisable, useDevicePinEnroll, useDevicePinUnlock, useForgotPasswordSubmit, useOtpLogin, usePasskeyCeremony, usePinLogin, usePreferredMethodSetting, useResetPasswordForm, validatePasswordPolicy, withTestIdPrefix };
+export { AccountSettingsScreen, AuthScreen, AuthTestIds, AuthThemeProvider, BffAuthStatus, CHANGE_PASSWORD_ENDPOINT, ChangePasswordCard, ChangePasswordErrorKey, DEFAULT_ACCOUNT_SETTINGS_LABELS, 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, DemoCredentialsHintVariant, 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, createBffChangePasswordClient, createPreferencesClient, defaultAuthTheme, isAllowedPinDigits, isPasswordValid, isValidForgotPasswordEmail, performBffLogout, readCachedPreferredMethod, readPasskeyError, readPasskeyRegistered, resolveAccessibleRoutes, resolveAccountList, resolveDemoAccounts, resolveDemoCredentials, resolvePostLoginRoute, startPasskeyLogin, startPasskeyRegistration, syncPreferredMethodFromServer, useAuthTheme, useBffAuth, useBffForgotPassword, useBffLoginConfig, useBffResetPassword, useChangePassword, useDemoCredentials, useDevicePinDisable, useDevicePinEnroll, useDevicePinUnlock, useForgotPasswordSubmit, useOtpLogin, usePasskeyCeremony, usePinLogin, usePreferredMethodSetting, useResetPasswordForm, validatePasswordPolicy, withTestIdPrefix };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map