@thunderid/react 1.14.0 → 1.15.1

package/dist/components/admin/shared/AccountLifecycleParts.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AccountLifecycleParts.js","names":["AccessStatusBadge: FC<AccessStatusBadgeProps>","styles: Record<string, string>","useAdminPartStyles","useTranslation","labels: Record<AccessStatusValue, string>","AccountLifecycleButtons: FC<AccountLifecycleButtonsProps>","labels: Record<AccountLifecycleAction, string>","question: string","withNote: boolean","TextField","Button"],"sources":["../../../../src/components/admin/shared/AccountLifecycleParts.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {AccessStatusValue, AccountLifecycleAction} from '@thunderid/browser';\nimport {ChangeEvent, FC, ReactElement, useState} from 'react';\nimport useAdminPartStyles from './useAdminPartStyles';\nimport useTranslation from '../../../hooks/useTranslation';\nimport Button from '../../primitives/Button/Button';\nimport TextField from '../../primitives/TextField/TextField';\n\n/**\n * Matches the server's limit on an operator note.\n */\nconst OPERATOR_NOTE_MAX_LENGTH = 100;\n\nexport interface AccessStatusBadgeProps {\n  status?: AccessStatusValue;\n}\n\n/**\n * The translated access status of an identity, or its raw value when the status is one this SDK does\n * not know. Renders nothing when the server reports no status.\n */\nexport const AccessStatusBadge: FC<AccessStatusBadgeProps> = ({\n  status,\n}: AccessStatusBadgeProps): ReactElement | null => {\n  const styles: Record<string, string> = useAdminPartStyles();\n  const {t} = useTranslation();\n\n  if (!status) {\n    return null;\n  }\n\n  const labels: Record<AccessStatusValue, string> = {\n    ACTIVE: t('admin.common.status.active'),\n    LOCKED: t('admin.common.status.locked'),\n    SUSPENDED: t('admin.common.status.suspended'),\n  };\n\n  return <span className={styles['chip']}>{labels[status] ?? status}</span>;\n};\n\nexport interface AccountLifecycleButtonsProps {\n  /**\n   * The actions to offer, most expected first.\n   */\n  actions: AccountLifecycleAction[];\n  /**\n   * Whether a suspension asks for an optional operator note. The note is recorded by the flow.\n   */\n  collectsOperatorNote?: boolean;\n  isRunning?: boolean;\n  /**\n   * Name of the identity, already resolved, used in the confirmation question.\n   */\n  name: string;\n  onAction: (action: AccountLifecycleAction, operatorNote?: string) => void;\n}\n\n/**\n * One button per account lifecycle action. Suspending and unsuspending ask for confirmation inline;\n * unlocking is remedial and runs straight away.\n */\nexport const AccountLifecycleButtons: FC<AccountLifecycleButtonsProps> = ({\n  actions,\n  collectsOperatorNote = false,\n  isRunning = false,\n  name,\n  onAction,\n}: AccountLifecycleButtonsProps): ReactElement | null => {\n  const styles: Record<string, string> = useAdminPartStyles();\n  const {t} = useTranslation();\n  const [confirming, setConfirming] = useState<AccountLifecycleAction | null>(null);\n  const [operatorNote, setOperatorNote] = useState<string>('');\n\n  if (actions.length === 0) {\n    return null;\n  }\n\n  const labels: Record<AccountLifecycleAction, string> = {\n    suspend: t('admin.common.lifecycle.suspend'),\n    unlock: t('admin.common.lifecycle.unlock'),\n    unsuspend: t('admin.common.lifecycle.unsuspend'),\n  };\n\n  if (confirming && actions.includes(confirming)) {\n    const question: string =\n      confirming === 'suspend'\n        ? t('admin.common.lifecycle.suspend_confirm', {name})\n        : t('admin.common.lifecycle.unsuspend_confirm', {name});\n    const withNote: boolean = collectsOperatorNote && confirming === 'suspend';\n    const close = (): void => {\n      setConfirming(null);\n      setOperatorNote('');\n    };\n\n    return (\n      <span className={styles['confirm']} role=\"group\" aria-label={question}>\n        <span>{question}</span>\n        {withNote && (\n          <TextField\n            name=\"operatorNote\"\n            label={t('admin.common.lifecycle.operator_note')}\n            aria-label={t('admin.common.lifecycle.operator_note')}\n            value={operatorNote}\n            maxLength={OPERATOR_NOTE_MAX_LENGTH}\n            disabled={isRunning}\n            onChange={(event: ChangeEvent<HTMLInputElement>): void => setOperatorNote(event.target.value)}\n          />\n        )}\n        <Button variant=\"text\" size=\"small\" disabled={isRunning} onClick={close}>\n          {t('admin.common.actions.cancel')}\n        </Button>\n        <Button\n          color={confirming === 'suspend' ? 'error' : 'primary'}\n          size=\"small\"\n          loading={isRunning}\n          disabled={isRunning}\n          onClick={(): void => {\n            onAction(confirming, withNote ? operatorNote.trim() || undefined : undefined);\n            close();\n          }}\n        >\n          {labels[confirming]}\n        </Button>\n      </span>\n    );\n  }\n\n  return (\n    <>\n      {actions.map((action: AccountLifecycleAction) => (\n        <Button\n          key={action}\n          variant=\"outline\"\n          color={action === 'suspend' ? 'error' : 'primary'}\n          disabled={isRunning}\n          loading={isRunning && action === 'unlock'}\n          onClick={(): void => (action === 'unlock' ? onAction(action) : setConfirming(action))}\n        >\n          {labels[action]}\n        </Button>\n      ))}\n    </>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAaA,MAAM,2BAA2B;;;;;AAUjC,MAAaA,qBAAiD,EAC5D,aACiD;CACjD,MAAMC,SAAiCC,4BAAoB;CAC3D,MAAM,EAAC,MAAKC,wBAAgB;AAE5B,KAAI,CAAC,OACH,QAAO;CAGT,MAAMC,SAA4C;EAChD,QAAQ,EAAE,6BAA6B;EACvC,QAAQ,EAAE,6BAA6B;EACvC,WAAW,EAAE,gCAAgC;EAC9C;AAED,QAAO,oBAAC;EAAK,WAAW,OAAO;YAAU,OAAO,WAAW;GAAc;;;;;;AAwB3E,MAAaC,2BAA6D,EACxE,SACA,uBAAuB,OACvB,YAAY,OACZ,MACA,eACuD;CACvD,MAAMJ,SAAiCC,4BAAoB;CAC3D,MAAM,EAAC,MAAKC,wBAAgB;CAC5B,MAAM,CAAC,YAAY,iBAAiB,SAAwC,KAAK;CACjF,MAAM,CAAC,cAAc,mBAAmB,SAAiB,GAAG;AAE5D,KAAI,QAAQ,WAAW,EACrB,QAAO;CAGT,MAAMG,SAAiD;EACrD,SAAS,EAAE,iCAAiC;EAC5C,QAAQ,EAAE,gCAAgC;EAC1C,WAAW,EAAE,mCAAmC;EACjD;AAED,KAAI,cAAc,QAAQ,SAAS,WAAW,EAAE;EAC9C,MAAMC,WACJ,eAAe,YACX,EAAE,0CAA0C,EAAC,MAAK,CAAC,GACnD,EAAE,4CAA4C,EAAC,MAAK,CAAC;EAC3D,MAAMC,WAAoB,wBAAwB,eAAe;EACjE,MAAM,cAAoB;AACxB,iBAAc,KAAK;AACnB,mBAAgB,GAAG;;AAGrB,SACE,qBAAC;GAAK,WAAW,OAAO;GAAY,MAAK;GAAQ,cAAY;;IAC3D,oBAAC,oBAAM,WAAgB;IACtB,YACC,oBAACC;KACC,MAAK;KACL,OAAO,EAAE,uCAAuC;KAChD,cAAY,EAAE,uCAAuC;KACrD,OAAO;KACP,WAAW;KACX,UAAU;KACV,WAAW,UAA+C,gBAAgB,MAAM,OAAO,MAAM;MAC7F;IAEJ,oBAACC;KAAO,SAAQ;KAAO,MAAK;KAAQ,UAAU;KAAW,SAAS;eAC/D,EAAE,8BAA8B;MAC1B;IACT,oBAACA;KACC,OAAO,eAAe,YAAY,UAAU;KAC5C,MAAK;KACL,SAAS;KACT,UAAU;KACV,eAAqB;AACnB,eAAS,YAAY,WAAW,aAAa,MAAM,IAAI,SAAY,OAAU;AAC7E,aAAO;;eAGR,OAAO;MACD;;IACJ;;AAIX,QACE,4CACG,QAAQ,KAAK,WACZ,oBAACA;EAEC,SAAQ;EACR,OAAO,WAAW,YAAY,UAAU;EACxC,UAAU;EACV,SAAS,aAAa,WAAW;EACjC,eAAsB,WAAW,WAAW,SAAS,OAAO,GAAG,cAAc,OAAO;YAEnF,OAAO;IAPH,OAQE,CACT,GACD"}

package/dist/components/admin/shared/AdminListRenderProps.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AdminListRenderProps.d.ts","sourceRoot":"","sources":["../../../../src/components/admin/shared/AdminListRenderProps.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,YAAY,EAAC,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAC,eAAe,EAAC,MAAM,sCAAsC,CAAC;AAErE;;;GAGG;AACH,MAAM,WAAW,oBAAoB,CAAC,CAAC;IACrC;;;OAGG;IACH,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IAC9B,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,GAAG,IAAI,KAAK,IAAI,CAAC;IACrD;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;IAC5B,IAAI,EAAE,CAAC,EAAE,CAAC;IACV;;OAEG;IACH,MAAM,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACjC;;OAEG;IACH,gBAAgB,CAAC,EAAE,YAAY,EAAE,CAAC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;CACtB"}

package/dist/components/admin/shared/AdminParts.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AdminParts.d.ts","sourceRoot":"","sources":["../../../../src/components/admin/shared/AdminParts.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,EAAE,EAAgB,SAAS,EAAW,MAAM,OAAO,CAAC;AAK5D;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,cAAc,EAAE,CAAC;CACzB;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAa1C,CAAC;AAEF,MAAM,WAAW,UAAU;IACzB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAYhC,CAAC;AAEF,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAC,EAAE,CAAC;CACnF;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAqBtC,CAAC;AAEF,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CA8BhD,CAAC"}

package/dist/components/admin/shared/AdminParts.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AdminParts.js","names":["DetailList: FC<DetailListProps>","styles: Record<string, string>","useAdminPartStyles","Panel: FC<PanelProps>","ChipList: FC<ChipListProps>","Button","ConfirmButton: FC<ConfirmButtonProps>","useTranslation"],"sources":["../../../../src/components/admin/shared/AdminParts.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {FC, ReactElement, ReactNode, useState} from 'react';\nimport useAdminPartStyles from './useAdminPartStyles';\nimport useTranslation from '../../../hooks/useTranslation';\nimport Button from '../../primitives/Button/Button';\n\n/**\n * One label and value pair of a {@link DetailList}.\n */\nexport interface DetailListItem {\n  label: string;\n  value: ReactNode;\n}\n\nexport interface DetailListProps {\n  items: DetailListItem[];\n}\n\n/**\n * Renders label and value pairs as a description list.\n */\nexport const DetailList: FC<DetailListProps> = ({items}: DetailListProps): ReactElement => {\n  const styles: Record<string, string> = useAdminPartStyles();\n\n  return (\n    <dl className={styles['detail']}>\n      {items.map((item: DetailListItem) => (\n        <div key={item.label} style={{display: 'contents'}}>\n          <dt className={styles['detailLabel']}>{item.label}</dt>\n          <dd className={styles['detailValue']}>{item.value}</dd>\n        </div>\n      ))}\n    </dl>\n  );\n};\n\nexport interface PanelProps {\n  actions?: ReactNode;\n  children?: ReactNode;\n  title: string;\n}\n\n/**\n * A bordered block with a heading, used to group parts of a details view.\n */\nexport const Panel: FC<PanelProps> = ({actions, children, title}: PanelProps): ReactElement => {\n  const styles: Record<string, string> = useAdminPartStyles();\n\n  return (\n    <section className={styles['panel']}>\n      <div className={styles['row']} style={{justifyContent: 'space-between'}}>\n        <h3 className={styles['panelTitle']}>{title}</h3>\n        {actions}\n      </div>\n      {children}\n    </section>\n  );\n};\n\nexport interface ChipListProps {\n  /**\n   * Accessible name of the list, already translated.\n   */\n  label: string;\n  /**\n   * Message shown when there are no items, already translated.\n   */\n  emptyText: string;\n  items: {id: string; label: string; onRemove?: () => void; removeLabel?: string}[];\n}\n\n/**\n * Renders a list of named items, each optionally removable.\n */\nexport const ChipList: FC<ChipListProps> = ({emptyText, items, label}: ChipListProps): ReactElement => {\n  const styles: Record<string, string> = useAdminPartStyles();\n\n  if (items.length === 0) {\n    return <span className={styles['muted']}>{emptyText}</span>;\n  }\n\n  return (\n    <ul className={styles['chipList']} aria-label={label}>\n      {items.map((item: ChipListProps['items'][number]) => (\n        <li key={item.id} className={styles['chip']}>\n          {item.label}\n          {item.onRemove && (\n            <Button variant=\"icon\" size=\"small\" aria-label={item.removeLabel} onClick={item.onRemove}>\n              <span aria-hidden=\"true\">×</span>\n            </Button>\n          )}\n        </li>\n      ))}\n    </ul>\n  );\n};\n\nexport interface ConfirmButtonProps {\n  /**\n   * Label of the button that starts the action, already translated.\n   */\n  children: ReactNode;\n  /**\n   * Question asked before the action runs, already translated.\n   */\n  confirmText: string;\n  disabled?: boolean;\n  isLoading?: boolean;\n  onConfirm: () => void;\n}\n\n/**\n * A destructive action that asks for confirmation inline before it runs.\n */\nexport const ConfirmButton: FC<ConfirmButtonProps> = ({\n  children,\n  confirmText,\n  disabled = false,\n  isLoading = false,\n  onConfirm,\n}: ConfirmButtonProps): ReactElement => {\n  const styles: Record<string, string> = useAdminPartStyles();\n  const {t} = useTranslation();\n  const [isConfirming, setIsConfirming] = useState<boolean>(false);\n\n  if (!isConfirming) {\n    return (\n      <Button variant=\"outline\" color=\"error\" disabled={disabled} onClick={(): void => setIsConfirming(true)}>\n        {children}\n      </Button>\n    );\n  }\n\n  return (\n    <span className={styles['confirm']} role=\"group\" aria-label={confirmText}>\n      <span>{confirmText}</span>\n      <Button variant=\"text\" size=\"small\" disabled={isLoading} onClick={(): void => setIsConfirming(false)}>\n        {t('admin.common.actions.cancel')}\n      </Button>\n      <Button color=\"error\" size=\"small\" loading={isLoading} disabled={isLoading} onClick={onConfirm}>\n        {t('admin.common.actions.confirm')}\n      </Button>\n    </span>\n  );\n};\n"],"mappings":";;;;;;;;;;AAuBA,MAAaA,cAAmC,EAAC,YAA0C;CACzF,MAAMC,SAAiCC,4BAAoB;AAE3D,QACE,oBAAC;EAAG,WAAW,OAAO;YACnB,MAAM,KAAK,SACV,qBAAC;GAAqB,OAAO,EAAC,SAAS,YAAW;cAChD,oBAAC;IAAG,WAAW,OAAO;cAAiB,KAAK;KAAW,EACvD,oBAAC;IAAG,WAAW,OAAO;cAAiB,KAAK;KAAW;KAF/C,KAAK,MAGT,CACN;GACC;;;;;AAaT,MAAaC,SAAyB,EAAC,SAAS,UAAU,YAAqC;CAC7F,MAAMF,SAAiCC,4BAAoB;AAE3D,QACE,qBAAC;EAAQ,WAAW,OAAO;aACzB,qBAAC;GAAI,WAAW,OAAO;GAAQ,OAAO,EAAC,gBAAgB,iBAAgB;cACrE,oBAAC;IAAG,WAAW,OAAO;cAAgB;KAAW,EAChD;IACG,EACL;GACO;;;;;AAmBd,MAAaE,YAA+B,EAAC,WAAW,OAAO,YAAwC;CACrG,MAAMH,SAAiCC,4BAAoB;AAE3D,KAAI,MAAM,WAAW,EACnB,QAAO,oBAAC;EAAK,WAAW,OAAO;YAAW;GAAiB;AAG7D,QACE,oBAAC;EAAG,WAAW,OAAO;EAAa,cAAY;YAC5C,MAAM,KAAK,SACV,qBAAC;GAAiB,WAAW,OAAO;cACjC,KAAK,OACL,KAAK,YACJ,oBAACG;IAAO,SAAQ;IAAO,MAAK;IAAQ,cAAY,KAAK;IAAa,SAAS,KAAK;cAC9E,oBAAC;KAAK,eAAY;eAAO;MAAQ;KAC1B;KALJ,KAAK,GAOT,CACL;GACC;;;;;AAqBT,MAAaC,iBAAyC,EACpD,UACA,aACA,WAAW,OACX,YAAY,OACZ,gBACsC;CACtC,MAAML,SAAiCC,4BAAoB;CAC3D,MAAM,EAAC,MAAKK,wBAAgB;CAC5B,MAAM,CAAC,cAAc,mBAAmB,SAAkB,MAAM;AAEhE,KAAI,CAAC,aACH,QACE,oBAACF;EAAO,SAAQ;EAAU,OAAM;EAAkB;EAAU,eAAqB,gBAAgB,KAAK;EACnG;GACM;AAIb,QACE,qBAAC;EAAK,WAAW,OAAO;EAAY,MAAK;EAAQ,cAAY;;GAC3D,oBAAC,oBAAM,cAAmB;GAC1B,oBAACA;IAAO,SAAQ;IAAO,MAAK;IAAQ,UAAU;IAAW,eAAqB,gBAAgB,MAAM;cACjG,EAAE,8BAA8B;KAC1B;GACT,oBAACA;IAAO,OAAM;IAAQ,MAAK;IAAQ,SAAS;IAAW,UAAU;IAAW,SAAS;cAClF,EAAE,+BAA+B;KAC3B;;GACJ"}

package/dist/components/admin/shared/AdminParts.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AdminParts.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/admin/shared/AdminParts.styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,KAAK,EAAC,MAAM,oBAAoB,CAAC;AAIzC;;;;;;;GAOG;AACH,QAAA,MAAM,SAAS,GAAI,OAAO,KAAK,EAAE,aAAa,MAAM,KAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAuElD,CAAC;AAE3B,eAAe,SAAS,CAAC"}

package/dist/components/admin/shared/AdminParts.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AdminParts.styles.js","names":["unit: string"],"sources":["../../../../src/components/admin/shared/AdminParts.styles.ts"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {Theme} from '@thunderid/browser';\nimport {useMemo} from 'react';\nimport {css} from '../../../styles/emotion';\n\n/**\n * Creates the styles for the detail list, chip list and inline confirmation used by the admin\n * components.\n *\n * @param theme - The theme object containing design tokens.\n * @param colorScheme - The current color scheme, used for memoization.\n * @returns The CSS class names for each part.\n */\nconst useStyles = (theme: Theme, colorScheme: string): Record<string, string> =>\n  useMemo(() => {\n    const unit: string = theme.vars.spacing.unit;\n\n    return {\n      chip: css`\n        display: inline-flex;\n        align-items: center;\n        gap: calc(${unit} / 2);\n        padding: calc(${unit} / 2) ${unit};\n        border-radius: 999px;\n        border: 1px solid ${theme.vars.colors.border};\n        background: ${theme.vars.colors.background.surface};\n        font-size: ${theme.vars.typography.fontSizes.sm};\n        color: ${theme.vars.colors.text.primary};\n      `,\n      chipList: css`\n        display: flex;\n        flex-wrap: wrap;\n        gap: ${unit};\n        margin: 0;\n        padding: 0;\n        list-style: none;\n      `,\n      confirm: css`\n        display: inline-flex;\n        flex-wrap: wrap;\n        align-items: center;\n        gap: ${unit};\n        font-size: ${theme.vars.typography.fontSizes.sm};\n      `,\n      detail: css`\n        display: grid;\n        grid-template-columns: fit-content(200px) minmax(0, 1fr);\n        gap: ${unit} calc(${unit} * 2);\n        margin: 0;\n        font-size: ${theme.vars.typography.fontSizes.sm};\n      `,\n      detailLabel: css`\n        color: ${theme.vars.colors.text.secondary};\n      `,\n      detailValue: css`\n        margin: 0;\n        color: ${theme.vars.colors.text.primary};\n        overflow-wrap: anywhere;\n      `,\n      muted: css`\n        color: ${theme.vars.colors.text.secondary};\n        font-size: ${theme.vars.typography.fontSizes.sm};\n      `,\n      panel: css`\n        display: flex;\n        flex-direction: column;\n        gap: calc(${unit} * 1.5);\n        padding: calc(${unit} * 2);\n        border: 1px solid ${theme.vars.colors.border};\n        border-radius: ${theme.vars.borderRadius.large};\n        background: ${theme.vars.colors.background.surface};\n      `,\n      panelTitle: css`\n        margin: 0;\n        font-size: ${theme.vars.typography.fontSizes.md};\n        font-weight: ${theme.vars.typography.fontWeights.semibold};\n      `,\n      row: css`\n        display: flex;\n        flex-wrap: wrap;\n        align-items: center;\n        gap: calc(${unit} * 1.5);\n      `,\n    };\n  }, [theme, colorScheme]);\n\nexport default useStyles;\n"],"mappings":";;;;;;;;;;;;AAeA,MAAM,aAAa,OAAc,gBAC/B,cAAc;CACZ,MAAMA,OAAe,MAAM,KAAK,QAAQ;AAExC,QAAO;EACL,MAAM,GAAG;;;oBAGK,KAAK;wBACD,KAAK,QAAQ,KAAK;;4BAEd,MAAM,KAAK,OAAO,OAAO;sBAC/B,MAAM,KAAK,OAAO,WAAW,QAAQ;qBACtC,MAAM,KAAK,WAAW,UAAU,GAAG;iBACvC,MAAM,KAAK,OAAO,KAAK,QAAQ;;EAE1C,UAAU,GAAG;;;eAGJ,KAAK;;;;;EAKd,SAAS,GAAG;;;;eAIH,KAAK;qBACC,MAAM,KAAK,WAAW,UAAU,GAAG;;EAElD,QAAQ,GAAG;;;eAGF,KAAK,QAAQ,KAAK;;qBAEZ,MAAM,KAAK,WAAW,UAAU,GAAG;;EAElD,aAAa,GAAG;iBACL,MAAM,KAAK,OAAO,KAAK,UAAU;;EAE5C,aAAa,GAAG;;iBAEL,MAAM,KAAK,OAAO,KAAK,QAAQ;;;EAG1C,OAAO,GAAG;iBACC,MAAM,KAAK,OAAO,KAAK,UAAU;qBAC7B,MAAM,KAAK,WAAW,UAAU,GAAG;;EAElD,OAAO,GAAG;;;oBAGI,KAAK;wBACD,KAAK;4BACD,MAAM,KAAK,OAAO,OAAO;yBAC5B,MAAM,KAAK,aAAa,MAAM;sBACjC,MAAM,KAAK,OAAO,WAAW,QAAQ;;EAErD,YAAY,GAAG;;qBAEA,MAAM,KAAK,WAAW,UAAU,GAAG;uBACjC,MAAM,KAAK,WAAW,YAAY,SAAS;;EAE5D,KAAK,GAAG;;;;oBAIM,KAAK;;EAEpB;GACA,CAAC,OAAO,YAAY,CAAC;AAE1B,gCAAe"}

package/dist/components/admin/shared/AdminSearch.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AdminSearch.d.ts","sourceRoot":"","sources":["../../../../src/components/admin/shared/AdminSearch.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,YAAY,EAAC,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAyB,YAAY,EAAW,MAAM,OAAO,CAAC;AAOrE;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,gBAAgB;IAC/B;;;OAGG;IACH,UAAU,EAAE,YAAY,EAAE,CAAC;IAC3B;;OAEG;IACH,QAAQ,EAAE,CAAC,MAAM,EAAE,gBAAgB,GAAG,IAAI,KAAK,IAAI,CAAC;IACpD;;OAEG;IACH,MAAM,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;CAClC;AAED;;;GAGG;AACH,QAAA,MAAM,WAAW,GAAI,kCAAuC,gBAAgB,KAAG,YAiD9E,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/admin/shared/AdminSearch.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AdminSearch.js","names":["styles: Record<string, string>","useAdminPartStyles","useTranslation","label: string","Select","TextField","Button"],"sources":["../../../../src/components/admin/shared/AdminSearch.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {SelectOption} from '@thunderid/browser';\nimport {ChangeEvent, FormEvent, ReactElement, useState} from 'react';\nimport useAdminPartStyles from './useAdminPartStyles';\nimport useTranslation from '../../../hooks/useTranslation';\nimport Button from '../../primitives/Button/Button';\nimport Select from '../../primitives/Select/Select';\nimport TextField from '../../primitives/TextField/TextField';\n\n/**\n * A search an admin list applies on the server: the attribute to match and the value it must equal.\n */\nexport interface AdminSearchValue {\n  attribute: string;\n  value: string;\n}\n\nexport interface AdminSearchProps {\n  /**\n   * The attributes that can be searched, with translated labels. The attribute select is hidden when\n   * there is only one.\n   */\n  attributes: SelectOption[];\n  /**\n   * Called with the search to apply when the form is submitted, or `null` when it is cleared.\n   */\n  onSearch: (search: AdminSearchValue | null) => void;\n  /**\n   * The search currently applied.\n   */\n  search?: AdminSearchValue | null;\n}\n\n/**\n * Searches an admin list by one attribute. The server matches the whole value, so the search runs when\n * submitted rather than on every keystroke.\n */\nconst AdminSearch = ({attributes, onSearch, search = null}: AdminSearchProps): ReactElement => {\n  const styles: Record<string, string> = useAdminPartStyles();\n  const {t} = useTranslation();\n  const [attribute, setAttribute] = useState<string>(search?.attribute ?? attributes[0]?.value ?? '');\n  const [value, setValue] = useState<string>(search?.value ?? '');\n  const label: string = attributes.find((option: SelectOption) => option.value === attribute)?.label ?? attribute;\n\n  const handleSubmit = (event: FormEvent<HTMLFormElement>): void => {\n    event.preventDefault();\n    onSearch(value.trim() ? {attribute, value: value.trim()} : null);\n  };\n\n  return (\n    <form className={styles['row']} onSubmit={handleSubmit} role=\"search\" style={{alignItems: 'flex-end'}}>\n      {attributes.length > 1 && (\n        <Select\n          label={t('admin.common.search.attribute')}\n          name=\"searchAttribute\"\n          value={attribute}\n          options={attributes}\n          onChange={(event: ChangeEvent<HTMLSelectElement>): void => setAttribute(event.target.value)}\n        />\n      )}\n      <TextField\n        name=\"search\"\n        type=\"search\"\n        label={attributes.length > 1 ? undefined : label}\n        aria-label={label}\n        placeholder={t('admin.common.search.placeholder', {attribute: label.toLowerCase()})}\n        value={value}\n        onChange={(event: ChangeEvent<HTMLInputElement>): void => setValue(event.target.value)}\n      />\n      <Button type=\"submit\" variant=\"outline\">\n        {t('admin.common.search.submit')}\n      </Button>\n      {search && (\n        <Button\n          type=\"button\"\n          variant=\"text\"\n          onClick={(): void => {\n            setValue('');\n            onSearch(null);\n          }}\n        >\n          {t('admin.common.search.clear')}\n        </Button>\n      )}\n    </form>\n  );\n};\n\nexport default AdminSearch;\n"],"mappings":";;;;;;;;;;;;;AAuCA,MAAM,eAAe,EAAC,YAAY,UAAU,SAAS,WAA0C;CAC7F,MAAMA,SAAiCC,4BAAoB;CAC3D,MAAM,EAAC,MAAKC,wBAAgB;CAC5B,MAAM,CAAC,WAAW,gBAAgB,SAAiB,QAAQ,aAAa,WAAW,IAAI,SAAS,GAAG;CACnG,MAAM,CAAC,OAAO,YAAY,SAAiB,QAAQ,SAAS,GAAG;CAC/D,MAAMC,QAAgB,WAAW,MAAM,WAAyB,OAAO,UAAU,UAAU,EAAE,SAAS;CAEtG,MAAM,gBAAgB,UAA4C;AAChE,QAAM,gBAAgB;AACtB,WAAS,MAAM,MAAM,GAAG;GAAC;GAAW,OAAO,MAAM,MAAM;GAAC,GAAG,KAAK;;AAGlE,QACE,qBAAC;EAAK,WAAW,OAAO;EAAQ,UAAU;EAAc,MAAK;EAAS,OAAO,EAAC,YAAY,YAAW;;GAClG,WAAW,SAAS,KACnB,oBAACC;IACC,OAAO,EAAE,gCAAgC;IACzC,MAAK;IACL,OAAO;IACP,SAAS;IACT,WAAW,UAAgD,aAAa,MAAM,OAAO,MAAM;KAC3F;GAEJ,oBAACC;IACC,MAAK;IACL,MAAK;IACL,OAAO,WAAW,SAAS,IAAI,SAAY;IAC3C,cAAY;IACZ,aAAa,EAAE,mCAAmC,EAAC,WAAW,MAAM,aAAa,EAAC,CAAC;IAC5E;IACP,WAAW,UAA+C,SAAS,MAAM,OAAO,MAAM;KACtF;GACF,oBAACC;IAAO,MAAK;IAAS,SAAQ;cAC3B,EAAE,6BAA6B;KACzB;GACR,UACC,oBAACA;IACC,MAAK;IACL,SAAQ;IACR,eAAqB;AACnB,cAAS,GAAG;AACZ,cAAS,KAAK;;cAGf,EAAE,4BAA4B;KACxB;;GAEN;;AAIX,0BAAe"}

package/dist/components/admin/shared/AdminSection.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AdminSection.d.ts","sourceRoot":"","sources":["../../../../src/components/admin/shared/AdminSection.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,WAAW,EAAgC,MAAM,oBAAoB,CAAC;AAC9E,OAAO,EAAC,EAAE,EAAgB,SAAS,EAAC,MAAM,OAAO,CAAC;AAMlD,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACzB;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAkCvC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/admin/shared/AdminSection.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AdminSection.js","names":["AdminSection: FC<AdminSectionProps>","useTheme","styles: Record<string, string>","useStyles","Heading: `h${typeof headingLevel}`","content: ReactElement","ComponentPreferencesContext"],"sources":["../../../../src/components/admin/shared/AdminSection.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {Preferences, bem, withVendorCSSClassPrefix} from '@thunderid/browser';\nimport {FC, ReactElement, ReactNode} from 'react';\nimport useStyles from './AdminSection.styles';\nimport ComponentPreferencesContext from '../../../contexts/I18n/ComponentPreferencesContext';\nimport useTheme from '../../../contexts/Theme/useTheme';\nimport {cx} from '../../../styles/emotion';\n\nexport interface AdminSectionProps {\n  /**\n   * Controls rendered next to the title, such as a create button.\n   */\n  actions?: ReactNode;\n  /**\n   * BEM block name of the component that renders the section, used for its CSS class.\n   */\n  block: string;\n  children?: ReactNode;\n  className?: string;\n  description?: string;\n  /**\n   * Heading level of the title.\n   * @default 2\n   */\n  headingLevel?: 2 | 3 | 4;\n  /**\n   * Component-level preferences, applied to this section and everything rendered inside it.\n   */\n  preferences?: Preferences;\n  title?: string;\n}\n\n/**\n * Frames an admin component with a title, a description and actions.\n */\nconst AdminSection: FC<AdminSectionProps> = ({\n  actions,\n  block,\n  children,\n  className,\n  description,\n  headingLevel = 2,\n  preferences,\n  title,\n}: AdminSectionProps): ReactElement => {\n  const {theme, colorScheme} = useTheme();\n  const styles: Record<string, string> = useStyles(theme, colorScheme);\n  const Heading: `h${typeof headingLevel}` = `h${headingLevel}`;\n\n  const content: ReactElement = (\n    <section className={cx(withVendorCSSClassPrefix(bem(block)), styles['root'], className)}>\n      {(Boolean(title) || Boolean(actions)) && (\n        <div className={cx(withVendorCSSClassPrefix(bem(block, 'header')), styles['header'])}>\n          <div>\n            {title && <Heading className={styles['title']}>{title}</Heading>}\n            {description && <p className={styles['description']}>{description}</p>}\n          </div>\n          {actions && <div className={styles['actions']}>{actions}</div>}\n        </div>\n      )}\n      {children}\n    </section>\n  );\n\n  return preferences ? (\n    <ComponentPreferencesContext.Provider value={preferences}>{content}</ComponentPreferencesContext.Provider>\n  ) : (\n    content\n  );\n};\n\nexport default AdminSection;\n"],"mappings":";;;;;;;;;;;AAqCA,MAAMA,gBAAuC,EAC3C,SACA,OACA,UACA,WACA,aACA,eAAe,GACf,aACA,YACqC;CACrC,MAAM,EAAC,OAAO,gBAAeC,kBAAU;CACvC,MAAMC,SAAiCC,4BAAU,OAAO,YAAY;CACpE,MAAMC,UAAqC,IAAI;CAE/C,MAAMC,UACJ,qBAAC;EAAQ,WAAW,GAAG,yBAAyB,IAAI,MAAM,CAAC,EAAE,OAAO,SAAS,UAAU;cACnF,QAAQ,MAAM,IAAI,QAAQ,QAAQ,KAClC,qBAAC;GAAI,WAAW,GAAG,yBAAyB,IAAI,OAAO,SAAS,CAAC,EAAE,OAAO,UAAU;cAClF,qBAAC,oBACE,SAAS,oBAAC;IAAQ,WAAW,OAAO;cAAW;KAAgB,EAC/D,eAAe,oBAAC;IAAE,WAAW,OAAO;cAAiB;KAAgB,IAClE,EACL,WAAW,oBAAC;IAAI,WAAW,OAAO;cAAa;KAAc;IAC1D,EAEP;GACO;AAGZ,QAAO,cACL,oBAACC,oCAA4B;EAAS,OAAO;YAAc;GAA+C,GAE1G;;AAIJ,2BAAe"}

package/dist/components/admin/shared/AdminSection.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AdminSection.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/admin/shared/AdminSection.styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,KAAK,EAAC,MAAM,oBAAoB,CAAC;AAIzC;;;;;;GAMG;AACH,QAAA,MAAM,SAAS,GAAI,OAAO,KAAK,EAAE,aAAa,MAAM,KAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CA8ClD,CAAC;AAE3B,eAAe,SAAS,CAAC"}

package/dist/components/admin/shared/AdminSection.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AdminSection.styles.js","names":["unit: string"],"sources":["../../../../src/components/admin/shared/AdminSection.styles.ts"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {Theme} from '@thunderid/browser';\nimport {useMemo} from 'react';\nimport {css} from '../../../styles/emotion';\n\n/**\n * Creates the styles shared by the admin components: the section frame and the create forms.\n *\n * @param theme - The theme object containing design tokens.\n * @param colorScheme - The current color scheme, used for memoization.\n * @returns The CSS class names for each part.\n */\nconst useStyles = (theme: Theme, colorScheme: string): Record<string, string> =>\n  useMemo(() => {\n    const unit: string = theme.vars.spacing.unit;\n\n    return {\n      actions: css`\n        display: flex;\n        flex-wrap: wrap;\n        gap: ${unit};\n      `,\n      description: css`\n        margin: calc(${unit} / 2) 0 0;\n        color: ${theme.vars.colors.text.secondary};\n        font-size: ${theme.vars.typography.fontSizes.sm};\n      `,\n      form: css`\n        display: flex;\n        flex-direction: column;\n        gap: calc(${unit} * 2);\n        max-width: 560px;\n      `,\n      formActions: css`\n        display: flex;\n        gap: ${unit};\n        justify-content: flex-end;\n      `,\n      header: css`\n        display: flex;\n        flex-wrap: wrap;\n        align-items: flex-end;\n        justify-content: space-between;\n        gap: calc(${unit} * 1.5);\n      `,\n      root: css`\n        display: flex;\n        flex-direction: column;\n        gap: calc(${unit} * 2);\n        font-family: ${theme.vars.typography.fontFamily};\n        color: ${theme.vars.colors.text.primary};\n      `,\n      title: css`\n        margin: 0;\n        font-size: ${theme.vars.typography.fontSizes.xl};\n        font-weight: ${theme.vars.typography.fontWeights.normal};\n      `,\n    };\n  }, [theme, colorScheme]);\n\nexport default useStyles;\n"],"mappings":";;;;;;;;;;;AAcA,MAAM,aAAa,OAAc,gBAC/B,cAAc;CACZ,MAAMA,OAAe,MAAM,KAAK,QAAQ;AAExC,QAAO;EACL,SAAS,GAAG;;;eAGH,KAAK;;EAEd,aAAa,GAAG;uBACC,KAAK;iBACX,MAAM,KAAK,OAAO,KAAK,UAAU;qBAC7B,MAAM,KAAK,WAAW,UAAU,GAAG;;EAElD,MAAM,GAAG;;;oBAGK,KAAK;;;EAGnB,aAAa,GAAG;;eAEP,KAAK;;;EAGd,QAAQ,GAAG;;;;;oBAKG,KAAK;;EAEnB,MAAM,GAAG;;;oBAGK,KAAK;uBACF,MAAM,KAAK,WAAW,WAAW;iBACvC,MAAM,KAAK,OAAO,KAAK,QAAQ;;EAE1C,OAAO,GAAG;;qBAEK,MAAM,KAAK,WAAW,UAAU,GAAG;uBACjC,MAAM,KAAK,WAAW,YAAY,OAAO;;EAE3D;GACA,CAAC,OAAO,YAAY,CAAC;AAE1B,kCAAe"}

package/dist/components/admin/shared/ApplicationFormFields.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ApplicationFormFields.d.ts","sourceRoot":"","sources":["../../../../src/components/admin/shared/ApplicationFormFields.tsx"],"names":[],"mappings":"AAGA,OAAO,EAA0B,WAAW,EAAC,MAAM,oBAAoB,CAAC;AACxE,OAAO,EAAc,EAAE,EAAe,MAAM,OAAO,CAAC;AAMpD;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG,aAAa,GAAG,SAAS,GAAG,MAAM,GAAG,cAAc,GAAG,KAAK,CAAC;AAE/F;;;GAGG;AACH,MAAM,WAAW,qBAAqB;IACpC,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,GAAG,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,0BAA0B;IACzC,kBAAkB,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACnD,aAAa,EAAE,CAAC,KAAK,EAAE,oBAAoB,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpE;;OAEG;IACH,oBAAoB,CAAC,EAAE,CAAC,YAAY,EAAE,OAAO,KAAK,IAAI,CAAC;IACvD,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,MAAM,EAAE,qBAAqB,CAAC;CAC/B;AAED;;GAEG;AACH,QAAA,MAAM,qBAAqB,EAAE,EAAE,CAAC,0BAA0B,CA0DzD,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/components/admin/shared/ApplicationFormFields.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ApplicationFormFields.js","names":["ApplicationFormFields: FC<ApplicationFormFieldsProps>","styles: Record<string, string>","useAdminPartStyles","useTranslation","TextField","Checkbox"],"sources":["../../../../src/components/admin/shared/ApplicationFormFields.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {APPLICATION_GRANT_TYPES, Preferences} from '@thunderid/browser';\nimport {ChangeEvent, FC, ReactElement} from 'react';\nimport useAdminPartStyles from './useAdminPartStyles';\nimport useTranslation from '../../../hooks/useTranslation';\nimport Checkbox from '../../primitives/Checkbox/Checkbox';\nimport TextField from '../../primitives/TextField/TextField';\n\n/**\n * The text fields of the application forms.\n */\nexport type ApplicationTextField = 'description' | 'logoUrl' | 'name' | 'redirectUris' | 'url';\n\n/**\n * The values of the application forms. `redirectUris` is the text of the field, URIs separated by\n * commas.\n */\nexport interface ApplicationFormValues {\n  description: string;\n  grantTypes: string[];\n  logoUrl: string;\n  name: string;\n  publicClient: boolean;\n  redirectUris: string;\n  url: string;\n}\n\nexport interface ApplicationFormFieldsProps {\n  onGrantTypesChange: (grantTypes: string[]) => void;\n  onInputChange: (field: ApplicationTextField, value: string) => void;\n  /**\n   * Shows the public client choice. Omit it where the client type cannot change.\n   */\n  onPublicClientChange?: (publicClient: boolean) => void;\n  preferences?: Preferences;\n  values: ApplicationFormValues;\n}\n\n/**\n * The general fields and OAuth basics of an application, shared by the create form and the edit form.\n */\nconst ApplicationFormFields: FC<ApplicationFormFieldsProps> = ({\n  onGrantTypesChange,\n  onInputChange,\n  onPublicClientChange,\n  preferences,\n  values,\n}: ApplicationFormFieldsProps): ReactElement => {\n  const styles: Record<string, string> = useAdminPartStyles();\n  const {t} = useTranslation(preferences?.i18n);\n\n  const text = (field: ApplicationTextField, label: string, extra: {helperText?: string; required?: boolean} = {}) => (\n    <TextField\n      name={field}\n      label={label}\n      value={values[field]}\n      autoComplete=\"off\"\n      onChange={(event: ChangeEvent<HTMLInputElement>): void => onInputChange(field, event.target.value)}\n      {...extra}\n    />\n  );\n\n  return (\n    <>\n      {text('name', t('admin.applications.fields.name'), {required: true})}\n      {text('description', t('admin.applications.fields.description'))}\n      {text('url', t('admin.applications.fields.url'))}\n      {text('logoUrl', t('admin.applications.fields.logo_url'))}\n      {text('redirectUris', t('admin.applications.fields.redirect_uris'), {\n        helperText: t('admin.applications.fields.redirect_uris_hint'),\n      })}\n      <fieldset className={styles['row']} style={{border: 0, flexWrap: 'wrap', margin: 0, padding: 0}}>\n        <legend className={styles['muted']}>{t('admin.applications.fields.grant_types')}</legend>\n        {APPLICATION_GRANT_TYPES.map((grantType: string) => (\n          <Checkbox\n            key={grantType}\n            name={`grantType-${grantType}`}\n            label={t(`admin.applications.grant_types.${grantType}`)}\n            checked={values.grantTypes.includes(grantType)}\n            onChange={(event: ChangeEvent<HTMLInputElement>): void =>\n              onGrantTypesChange(\n                event.target.checked\n                  ? [...values.grantTypes, grantType]\n                  : values.grantTypes.filter((value: string) => value !== grantType),\n              )\n            }\n          />\n        ))}\n      </fieldset>\n      {onPublicClientChange && (\n        <Checkbox\n          name=\"publicClient\"\n          label={t('admin.applications.fields.public_client')}\n          checked={values.publicClient}\n          onChange={(event: ChangeEvent<HTMLInputElement>): void => onPublicClientChange(event.target.checked)}\n        />\n      )}\n    </>\n  );\n};\n\nexport default ApplicationFormFields;\n"],"mappings":";;;;;;;;;;;AA2CA,MAAMA,yBAAyD,EAC7D,oBACA,eACA,sBACA,aACA,aAC8C;CAC9C,MAAMC,SAAiCC,4BAAoB;CAC3D,MAAM,EAAC,MAAKC,uBAAe,aAAa,KAAK;CAE7C,MAAM,QAAQ,OAA6B,OAAe,QAAmD,EAAE,KAC7G,oBAACC;EACC,MAAM;EACC;EACP,OAAO,OAAO;EACd,cAAa;EACb,WAAW,UAA+C,cAAc,OAAO,MAAM,OAAO,MAAM;EAClG,GAAI;GACJ;AAGJ,QACE;EACG,KAAK,QAAQ,EAAE,iCAAiC,EAAE,EAAC,UAAU,MAAK,CAAC;EACnE,KAAK,eAAe,EAAE,wCAAwC,CAAC;EAC/D,KAAK,OAAO,EAAE,gCAAgC,CAAC;EAC/C,KAAK,WAAW,EAAE,qCAAqC,CAAC;EACxD,KAAK,gBAAgB,EAAE,0CAA0C,EAAE,EAClE,YAAY,EAAE,+CAA+C,EAC9D,CAAC;EACF,qBAAC;GAAS,WAAW,OAAO;GAAQ,OAAO;IAAC,QAAQ;IAAG,UAAU;IAAQ,QAAQ;IAAG,SAAS;IAAE;cAC7F,oBAAC;IAAO,WAAW,OAAO;cAAW,EAAE,wCAAwC;KAAU,EACxF,wBAAwB,KAAK,cAC5B,oBAACC;IAEC,MAAM,aAAa;IACnB,OAAO,EAAE,kCAAkC,YAAY;IACvD,SAAS,OAAO,WAAW,SAAS,UAAU;IAC9C,WAAW,UACT,mBACE,MAAM,OAAO,UACT,CAAC,GAAG,OAAO,YAAY,UAAU,GACjC,OAAO,WAAW,QAAQ,UAAkB,UAAU,UAAU,CACrE;MATE,UAWL,CACF;IACO;EACV,wBACC,oBAACA;GACC,MAAK;GACL,OAAO,EAAE,0CAA0C;GACnD,SAAS,OAAO;GAChB,WAAW,UAA+C,qBAAqB,MAAM,OAAO,QAAQ;IACpG;KAEH;;AAIP,oCAAe"}

package/dist/components/admin/shared/ClientSecretNotice.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ClientSecretNotice.d.ts","sourceRoot":"","sources":["../../../../src/components/admin/shared/ClientSecretNotice.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,WAAW,EAAC,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAC,EAAE,EAAe,MAAM,OAAO,CAAC;AAOvC,MAAM,WAAW,uBAAuB;IACtC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,MAAM,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,QAAA,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAqBnD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/admin/shared/ClientSecretNotice.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ClientSecretNotice.js","names":["ClientSecretNotice: FC<ClientSecretNoticeProps>","styles: Record<string, string>","useAdminPartStyles","useTranslation","Alert","CopyableText","Button"],"sources":["../../../../src/components/admin/shared/ClientSecretNotice.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {Preferences} from '@thunderid/browser';\nimport {FC, ReactElement} from 'react';\nimport useAdminPartStyles from './useAdminPartStyles';\nimport useTranslation from '../../../hooks/useTranslation';\nimport Alert from '../../primitives/Alert/Alert';\nimport Button from '../../primitives/Button/Button';\nimport CopyableText from '../../primitives/CopyableText/CopyableText';\n\nexport interface ClientSecretNoticeProps {\n  /**\n   * Called once the secret has been copied, after which it cannot be read again.\n   */\n  onDismiss?: () => void;\n  preferences?: Preferences;\n  secret: string;\n}\n\n/**\n * Shows a client secret the one time it can be read, masked until revealed, with a copy button.\n */\nconst ClientSecretNotice: FC<ClientSecretNoticeProps> = ({\n  onDismiss,\n  preferences,\n  secret,\n}: ClientSecretNoticeProps): ReactElement => {\n  const styles: Record<string, string> = useAdminPartStyles();\n  const {t} = useTranslation(preferences?.i18n);\n\n  return (\n    <div className={styles['row']} style={{alignItems: 'stretch', flexDirection: 'column'}}>\n      <Alert variant=\"warning\" role=\"status\">\n        {t('admin.applications.secret.notice')}\n      </Alert>\n      <CopyableText label={t('admin.applications.secret.title')} value={secret} masked />\n      {onDismiss && (\n        <div className={styles['row']} style={{justifyContent: 'flex-end'}}>\n          <Button onClick={onDismiss}>{t('admin.applications.secret.done')}</Button>\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default ClientSecretNotice;\n"],"mappings":";;;;;;;;;;;AAuBA,MAAMA,sBAAmD,EACvD,WACA,aACA,aAC2C;CAC3C,MAAMC,SAAiCC,4BAAoB;CAC3D,MAAM,EAAC,MAAKC,uBAAe,aAAa,KAAK;AAE7C,QACE,qBAAC;EAAI,WAAW,OAAO;EAAQ,OAAO;GAAC,YAAY;GAAW,eAAe;GAAS;;GACpF,oBAACC;IAAM,SAAQ;IAAU,MAAK;cAC3B,EAAE,mCAAmC;KAChC;GACR,oBAACC;IAAa,OAAO,EAAE,kCAAkC;IAAE,OAAO;IAAQ;KAAS;GAClF,aACC,oBAAC;IAAI,WAAW,OAAO;IAAQ,OAAO,EAAC,gBAAgB,YAAW;cAChE,oBAACC;KAAO,SAAS;eAAY,EAAE,iCAAiC;MAAU;KACtE;;GAEJ;;AAIV,iCAAe"}

package/dist/components/admin/shared/IdentityPicker.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"IdentityPicker.d.ts","sourceRoot":"","sources":["../../../../src/components/admin/shared/IdentityPicker.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAyB,YAAY,EAAW,MAAM,OAAO,CAAC;AAMrE;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,mBAAmB,CAAC,KAAK,SAAS,MAAM;IACvD;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,UAAU,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,iBAAiB,EAAE,CAAC,CAAC,CAAC;IACxD;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,KAAK,EAAE,CAAC,QAAQ,EAAE;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,KAAK,CAAA;KAAC,KAAK,IAAI,CAAC;IACrD;;OAEG;IACH,KAAK,EAAE;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,KAAK,CAAA;KAAC,EAAE,CAAC;CACxC;AAED;;GAEG;AACH,QAAA,MAAM,cAAc,GAAI,KAAK,SAAS,MAAM,EAAE,oEAO3C,mBAAmB,CAAC,KAAK,CAAC,KAAG,YA6C/B,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/admin/shared/IdentityPicker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IdentityPicker.js","names":["styles: Record<string, string>","useAdminPartStyles","useTranslation","options: SelectOption[]","Select","Button"],"sources":["../../../../src/components/admin/shared/IdentityPicker.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {SelectOption} from '@thunderid/browser';\nimport {ChangeEvent, FormEvent, ReactElement, useState} from 'react';\nimport useAdminPartStyles from './useAdminPartStyles';\nimport useTranslation from '../../../hooks/useTranslation';\nimport Button from '../../primitives/Button/Button';\nimport Select from '../../primitives/Select/Select';\n\n/**\n * An identity that can be picked, such as a user, agent or group.\n */\nexport interface IdentityCandidate {\n  id: string;\n  label: string;\n}\n\nexport interface IdentityPickerProps<TType extends string> {\n  /**\n   * Label of the add button, already translated.\n   */\n  addLabel: string;\n  /**\n   * The identities to choose from, keyed by identity type.\n   */\n  candidates: Partial<Record<TType, IdentityCandidate[]>>;\n  /**\n   * Identifiers to leave out, such as current members.\n   */\n  excludedIds?: string[];\n  isSubmitting?: boolean;\n  onAdd: (identity: {id: string; type: TType}) => void;\n  /**\n   * The identity types to choose from, with translated labels.\n   */\n  types: {label: string; value: TType}[];\n}\n\n/**\n * Picks one identity of a chosen type and adds it, for example as a group member or a role assignee.\n */\nconst IdentityPicker = <TType extends string>({\n  addLabel,\n  candidates,\n  excludedIds = [],\n  isSubmitting = false,\n  onAdd,\n  types,\n}: IdentityPickerProps<TType>): ReactElement => {\n  const styles: Record<string, string> = useAdminPartStyles();\n  const {t} = useTranslation();\n  const [type, setType] = useState<TType>(types[0]?.value);\n  const [identityId, setIdentityId] = useState<string>('');\n\n  const options: SelectOption[] = (candidates[type] ?? [])\n    .filter((candidate: IdentityCandidate) => !excludedIds.includes(candidate.id))\n    .map((candidate: IdentityCandidate) => ({label: candidate.label, value: candidate.id}));\n\n  const handleSubmit = (event: FormEvent<HTMLFormElement>): void => {\n    event.preventDefault();\n\n    if (identityId) {\n      onAdd({id: identityId, type});\n      setIdentityId('');\n    }\n  };\n\n  return (\n    <form className={styles['row']} onSubmit={handleSubmit} style={{alignItems: 'flex-end'}}>\n      <Select\n        label={t('admin.common.fields.identity_type')}\n        name=\"identityType\"\n        value={type}\n        options={types}\n        onChange={(event: ChangeEvent<HTMLSelectElement>): void => {\n          setType(event.target.value as TType);\n          setIdentityId('');\n        }}\n      />\n      <Select\n        label={t('admin.common.fields.identity')}\n        name=\"identity\"\n        value={identityId}\n        placeholder={t('admin.common.fields.identity_placeholder')}\n        emptyText={t('admin.common.fields.identity_empty')}\n        options={options}\n        onChange={(event: ChangeEvent<HTMLSelectElement>): void => setIdentityId(event.target.value)}\n      />\n      <Button type=\"submit\" loading={isSubmitting} disabled={!identityId || isSubmitting}>\n        {addLabel}\n      </Button>\n    </form>\n  );\n};\n\nexport default IdentityPicker;\n"],"mappings":";;;;;;;;;;;AA0CA,MAAM,kBAAwC,EAC5C,UACA,YACA,cAAc,EAAE,EAChB,eAAe,OACf,OACA,YAC8C;CAC9C,MAAMA,SAAiCC,4BAAoB;CAC3D,MAAM,EAAC,MAAKC,wBAAgB;CAC5B,MAAM,CAAC,MAAM,WAAW,SAAgB,MAAM,IAAI,MAAM;CACxD,MAAM,CAAC,YAAY,iBAAiB,SAAiB,GAAG;CAExD,MAAMC,WAA2B,WAAW,SAAS,EAAE,EACpD,QAAQ,cAAiC,CAAC,YAAY,SAAS,UAAU,GAAG,CAAC,CAC7E,KAAK,eAAkC;EAAC,OAAO,UAAU;EAAO,OAAO,UAAU;EAAG,EAAE;CAEzF,MAAM,gBAAgB,UAA4C;AAChE,QAAM,gBAAgB;AAEtB,MAAI,YAAY;AACd,SAAM;IAAC,IAAI;IAAY;IAAK,CAAC;AAC7B,iBAAc,GAAG;;;AAIrB,QACE,qBAAC;EAAK,WAAW,OAAO;EAAQ,UAAU;EAAc,OAAO,EAAC,YAAY,YAAW;;GACrF,oBAACC;IACC,OAAO,EAAE,oCAAoC;IAC7C,MAAK;IACL,OAAO;IACP,SAAS;IACT,WAAW,UAAgD;AACzD,aAAQ,MAAM,OAAO,MAAe;AACpC,mBAAc,GAAG;;KAEnB;GACF,oBAACA;IACC,OAAO,EAAE,+BAA+B;IACxC,MAAK;IACL,OAAO;IACP,aAAa,EAAE,2CAA2C;IAC1D,WAAW,EAAE,qCAAqC;IACzC;IACT,WAAW,UAAgD,cAAc,MAAM,OAAO,MAAM;KAC5F;GACF,oBAACC;IAAO,MAAK;IAAS,SAAS;IAAc,UAAU,CAAC,cAAc;cACnE;KACM;;GACJ;;AAIX,6BAAe"}

package/dist/components/admin/shared/useAdminPartStyles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAdminPartStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/admin/shared/useAdminPartStyles.ts"],"names":[],"mappings":"AAMA;;;;GAIG;AACH,QAAA,MAAM,kBAAkB,QAAO,MAAM,CAAC,MAAM,EAAE,MAAM,CAInD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/admin/shared/useAdminPartStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAdminPartStyles.js","names":["useTheme","useStyles"],"sources":["../../../../src/components/admin/shared/useAdminPartStyles.ts"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport useStyles from './AdminParts.styles';\nimport useTheme from '../../../contexts/Theme/useTheme';\n\n/**\n * Returns the shared admin part styles for the active theme.\n *\n * @returns The CSS class names of the admin parts.\n */\nconst useAdminPartStyles = (): Record<string, string> => {\n  const {theme, colorScheme} = useTheme();\n\n  return useStyles(theme, colorScheme);\n};\n\nexport default useAdminPartStyles;\n"],"mappings":";;;;;;;;;AAWA,MAAM,2BAAmD;CACvD,MAAM,EAAC,OAAO,gBAAeA,kBAAU;AAEvC,QAAOC,0BAAU,OAAO,YAAY;;AAGtC,iCAAe"}

package/dist/components/admin/shared/useDefaultOuId.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDefaultOuId.d.ts","sourceRoot":"","sources":["../../../../src/components/admin/shared/useDefaultOuId.ts"],"names":[],"mappings":"AAKA;;;;;;GAMG;AACH,QAAA,MAAM,cAAc,GAAI,OAAO,MAAM,KAAG,MAAM,GAAG,SAMhD,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/admin/shared/useDefaultOuId.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDefaultOuId.js","names":["useUser","fromProfile: unknown"],"sources":["../../../../src/components/admin/shared/useDefaultOuId.ts"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport useUser from '../../../contexts/User/useUser';\n\n/**\n * Resolves the organization unit a new resource is created in: the one passed in, otherwise the\n * signed-in user's own organization unit.\n *\n * @param ouId - The organization unit chosen by the caller.\n * @returns The organization unit identifier, or `undefined` when neither is known.\n */\nconst useDefaultOuId = (ouId?: string): string | undefined => {\n  const {profile, flattenedProfile} = useUser();\n  const source: Record<string, unknown> = (flattenedProfile ?? profile ?? {}) as Record<string, unknown>;\n  const fromProfile: unknown = source['ouId'];\n\n  return ouId ?? (typeof fromProfile === 'string' ? fromProfile : undefined);\n};\n\nexport default useDefaultOuId;\n"],"mappings":";;;;;;;;;;AAYA,MAAM,kBAAkB,SAAsC;CAC5D,MAAM,EAAC,SAAS,qBAAoBA,iBAAS;CAE7C,MAAMC,eADmC,oBAAoB,WAAW,EAAE,EACtC;AAEpC,QAAO,SAAS,OAAO,gBAAgB,WAAW,cAAc;;AAGlE,6BAAe"}