@thunderid/react 1.6.0 → 1.8.0

package/dist/components/admin/ApplicationDetails/ApplicationDetails.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApplicationDetails.d.ts","sourceRoot":"","sources":["../../../../src/components/admin/ApplicationDetails/ApplicationDetails.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAC,EAAE,EAAe,MAAM,OAAO,CAAC;AACvC,OAA+B,EAE7B,2BAA2B,EAC5B,MAAM,0BAA0B,CAAC;AAWlC,MAAM,MAAM,uBAAuB,GAAG,IAAI,CACxC,2BAA2B,EACzB,aAAa,GACb,cAAc,GACd,OAAO,GACP,YAAY,GACZ,WAAW,GACX,sBAAsB,GACtB,YAAY,GACZ,UAAU,GACV,oBAAoB,GACpB,iBAAiB,GACjB,UAAU,CACb,GAAG;IACF,aAAa,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,QAAA,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAkEnD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/admin/ApplicationDetails/ApplicationDetails.js

@@ -0,0 +1,79 @@
+import useTranslation_default from "../../../hooks/useTranslation.js";
+import useManagementEndpoint_default from "../../../hooks/management/useManagementEndpoint.js";
+import useResourceQuery_default from "../../../hooks/management/useResourceQuery.js";
+import useResourceMutation_default from "../../../hooks/management/useResourceMutation.js";
+import BaseApplicationDetails_default from "./BaseApplicationDetails.js";
+import { ApplicationQueryKeys, deleteApplication, getApplication, regenerateClientSecret, toManagementErrorMessage, toUpdateApplicationRequest, updateApplication } from "@thunderid/browser";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/admin/ApplicationDetails/ApplicationDetails.tsx
+/**
+* Shows an application and its OAuth configuration, and optionally lets the signed-in user edit it,
+* regenerate its client secret or delete it.
+*
+* The server guards applications with the root `system` permission, for reading and for changes alike;
+* it defines no application-specific permission. Gate the view and its actions on it with
+* `useGrantedPermissions().can('system')`.
+*
+* @example
+* ```tsx
+* const {can} = useGrantedPermissions();
+* const isAdmin = can('system');
+*
+* <ApplicationDetails
+*   applicationId={applicationId}
+*   editable={isAdmin}
+*   deletable={isAdmin}
+*   secretRegenerable={isAdmin}
+*   onDeleted={() => navigate('/applications')}
+* />
+* ```
+*/
+const ApplicationDetails = ({ applicationId, deletable = false, editable = false, onDeleted, preferences, secretRegenerable = false,...rest }) => {
+	const { t } = useTranslation_default(preferences?.i18n);
+	const endpoint = useManagementEndpoint_default("applications");
+	const application = useResourceQuery_default([ApplicationQueryKeys.APPLICATION, applicationId], (fetcher) => getApplication({
+		...endpoint,
+		applicationId,
+		fetcher
+	}), { enabled: Boolean(applicationId) });
+	const deletion = useResourceMutation_default((id, fetcher) => deleteApplication({
+		...endpoint,
+		applicationId: id,
+		fetcher
+	}), () => [[ApplicationQueryKeys.APPLICATIONS]], { onSuccess: onDeleted });
+	const update = useResourceMutation_default(({ application: current, changes }, fetcher) => updateApplication({
+		...endpoint,
+		applicationId: current.id,
+		fetcher,
+		payload: toUpdateApplicationRequest(current, changes)
+	}), ({ application: current }) => [[ApplicationQueryKeys.APPLICATION, current.id], [ApplicationQueryKeys.APPLICATIONS]]);
+	const regeneration = useResourceMutation_default((id, fetcher) => regenerateClientSecret({
+		...endpoint,
+		applicationId: id,
+		fetcher
+	}), (id) => [[ApplicationQueryKeys.APPLICATION, id], [ApplicationQueryKeys.APPLICATIONS]]);
+	return /* @__PURE__ */ jsx(BaseApplicationDetails_default, {
+		application: application.data,
+		isLoading: application.isLoading,
+		error: toManagementErrorMessage(t, application.error, "admin.applications.details.error") ?? toManagementErrorMessage(t, deletion.error, "admin.applications.details.delete.error") ?? toManagementErrorMessage(t, update.error, "admin.applications.details.edit.error") ?? toManagementErrorMessage(t, regeneration.error, "admin.applications.details.secret.error"),
+		isDeleting: deletion.isLoading,
+		onDelete: deletable ? () => void deletion.mutate(applicationId) : void 0,
+		isUpdating: update.isLoading,
+		onUpdate: editable && application.data ? (changes) => void update.mutate({
+			application: application.data,
+			changes
+		}) : void 0,
+		isRegeneratingSecret: regeneration.isLoading,
+		onRegenerateSecret: secretRegenerable ? () => void regeneration.mutate(applicationId) : void 0,
+		clientSecret: regeneration.data?.clientSecret ?? null,
+		onSecretDismiss: regeneration.reset,
+		preferences,
+		...rest
+	});
+};
+var ApplicationDetails_default = ApplicationDetails;
+
+//#endregion
+export { ApplicationDetails_default as default };
+//# sourceMappingURL=ApplicationDetails.js.map

package/dist/components/admin/ApplicationDetails/ApplicationDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApplicationDetails.js","names":["ApplicationDetails: FC<ApplicationDetailsProps>","useTranslation","endpoint: ManagementEndpoint","useManagementEndpoint","application: ResourceQueryResult<Application>","useResourceQuery","deletion: ResourceMutationResult<void, string>","useResourceMutation","update: ResourceMutationResult<Application, UpdateApplicationVariables>","regeneration: ResourceMutationResult<RegenerateClientSecretResult, string>","BaseApplicationDetails"],"sources":["../../../../src/components/admin/ApplicationDetails/ApplicationDetails.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {\n  Application,\n  ApplicationQueryKeys,\n  deleteApplication,\n  getApplication,\n  regenerateClientSecret,\n  RegenerateClientSecretResult,\n  toManagementErrorMessage,\n  toUpdateApplicationRequest,\n  updateApplication,\n} from '@thunderid/browser';\nimport {FC, ReactElement} from 'react';\nimport BaseApplicationDetails, {\n  ApplicationUpdateSubmission,\n  BaseApplicationDetailsProps,\n} from './BaseApplicationDetails';\nimport useManagementEndpoint, {ManagementEndpoint} from '../../../hooks/management/useManagementEndpoint';\nimport useResourceMutation, {ResourceMutationResult} from '../../../hooks/management/useResourceMutation';\nimport useResourceQuery, {ResourceQueryResult} from '../../../hooks/management/useResourceQuery';\nimport useTranslation from '../../../hooks/useTranslation';\n\ninterface UpdateApplicationVariables {\n  application: Application;\n  changes: ApplicationUpdateSubmission;\n}\n\nexport type ApplicationDetailsProps = Omit<\n  BaseApplicationDetailsProps,\n  | 'application'\n  | 'clientSecret'\n  | 'error'\n  | 'isDeleting'\n  | 'isLoading'\n  | 'isRegeneratingSecret'\n  | 'isUpdating'\n  | 'onDelete'\n  | 'onRegenerateSecret'\n  | 'onSecretDismiss'\n  | 'onUpdate'\n> & {\n  applicationId: string;\n  /**\n   * Whether the application can be deleted from this view.\n   * @default false\n   */\n  deletable?: boolean;\n  /**\n   * Whether the application's general fields, redirect URIs and grant types can be edited from this view.\n   * @default false\n   */\n  editable?: boolean;\n  /**\n   * Called after the application has been deleted.\n   */\n  onDeleted?: () => void;\n  /**\n   * Whether the application's client secret can be regenerated from this view. The new secret is shown\n   * once.\n   * @default false\n   */\n  secretRegenerable?: boolean;\n};\n\n/**\n * Shows an application and its OAuth configuration, and optionally lets the signed-in user edit it,\n * regenerate its client secret or delete it.\n *\n * The server guards applications with the root `system` permission, for reading and for changes alike;\n * it defines no application-specific permission. Gate the view and its actions on it with\n * `useGrantedPermissions().can('system')`.\n *\n * @example\n * ```tsx\n * const {can} = useGrantedPermissions();\n * const isAdmin = can('system');\n *\n * <ApplicationDetails\n *   applicationId={applicationId}\n *   editable={isAdmin}\n *   deletable={isAdmin}\n *   secretRegenerable={isAdmin}\n *   onDeleted={() => navigate('/applications')}\n * />\n * ```\n */\nconst ApplicationDetails: FC<ApplicationDetailsProps> = ({\n  applicationId,\n  deletable = false,\n  editable = false,\n  onDeleted,\n  preferences,\n  secretRegenerable = false,\n  ...rest\n}: ApplicationDetailsProps): ReactElement => {\n  const {t} = useTranslation(preferences?.i18n);\n  const endpoint: ManagementEndpoint = useManagementEndpoint('applications');\n  const application: ResourceQueryResult<Application> = useResourceQuery(\n    [ApplicationQueryKeys.APPLICATION, applicationId],\n    (fetcher) => getApplication({...endpoint, applicationId, fetcher}),\n    {enabled: Boolean(applicationId)},\n  );\n  const deletion: ResourceMutationResult<void, string> = useResourceMutation(\n    (id: string, fetcher) => deleteApplication({...endpoint, applicationId: id, fetcher}),\n    () => [[ApplicationQueryKeys.APPLICATIONS]],\n    {onSuccess: onDeleted},\n  );\n  const update: ResourceMutationResult<Application, UpdateApplicationVariables> = useResourceMutation(\n    ({application: current, changes}: UpdateApplicationVariables, fetcher) =>\n      updateApplication({\n        ...endpoint,\n        applicationId: current.id,\n        fetcher,\n        payload: toUpdateApplicationRequest(current, changes),\n      }),\n    ({application: current}: UpdateApplicationVariables) => [\n      [ApplicationQueryKeys.APPLICATION, current.id],\n      [ApplicationQueryKeys.APPLICATIONS],\n    ],\n  );\n  const regeneration: ResourceMutationResult<RegenerateClientSecretResult, string> = useResourceMutation(\n    (id: string, fetcher) => regenerateClientSecret({...endpoint, applicationId: id, fetcher}),\n    (id: string) => [[ApplicationQueryKeys.APPLICATION, id], [ApplicationQueryKeys.APPLICATIONS]],\n  );\n\n  return (\n    <BaseApplicationDetails\n      application={application.data}\n      isLoading={application.isLoading}\n      error={\n        toManagementErrorMessage(t, application.error, 'admin.applications.details.error') ??\n        toManagementErrorMessage(t, deletion.error, 'admin.applications.details.delete.error') ??\n        toManagementErrorMessage(t, update.error, 'admin.applications.details.edit.error') ??\n        toManagementErrorMessage(t, regeneration.error, 'admin.applications.details.secret.error')\n      }\n      isDeleting={deletion.isLoading}\n      onDelete={deletable ? (): void => void deletion.mutate(applicationId) : undefined}\n      isUpdating={update.isLoading}\n      onUpdate={\n        editable && application.data\n          ? (changes: ApplicationUpdateSubmission): void =>\n              void update.mutate({application: application.data!, changes})\n          : undefined\n      }\n      isRegeneratingSecret={regeneration.isLoading}\n      onRegenerateSecret={secretRegenerable ? (): void => void regeneration.mutate(applicationId) : undefined}\n      clientSecret={regeneration.data?.clientSecret ?? null}\n      onSecretDismiss={regeneration.reset}\n      preferences={preferences}\n      {...rest}\n    />\n  );\n};\n\nexport default ApplicationDetails;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwFA,MAAMA,sBAAmD,EACvD,eACA,YAAY,OACZ,WAAW,OACX,WACA,aACA,oBAAoB,MACpB,GAAG,WACwC;CAC3C,MAAM,EAAC,MAAKC,uBAAe,aAAa,KAAK;CAC7C,MAAMC,WAA+BC,8BAAsB,eAAe;CAC1E,MAAMC,cAAgDC,yBACpD,CAAC,qBAAqB,aAAa,cAAc,GAChD,YAAY,eAAe;EAAC,GAAG;EAAU;EAAe;EAAQ,CAAC,EAClE,EAAC,SAAS,QAAQ,cAAc,EAAC,CAClC;CACD,MAAMC,WAAiDC,6BACpD,IAAY,YAAY,kBAAkB;EAAC,GAAG;EAAU,eAAe;EAAI;EAAQ,CAAC,QAC/E,CAAC,CAAC,qBAAqB,aAAa,CAAC,EAC3C,EAAC,WAAW,WAAU,CACvB;CACD,MAAMC,SAA0ED,6BAC7E,EAAC,aAAa,SAAS,WAAsC,YAC5D,kBAAkB;EAChB,GAAG;EACH,eAAe,QAAQ;EACvB;EACA,SAAS,2BAA2B,SAAS,QAAQ;EACtD,CAAC,GACH,EAAC,aAAa,cAAyC,CACtD,CAAC,qBAAqB,aAAa,QAAQ,GAAG,EAC9C,CAAC,qBAAqB,aAAa,CACpC,CACF;CACD,MAAME,eAA6EF,6BAChF,IAAY,YAAY,uBAAuB;EAAC,GAAG;EAAU,eAAe;EAAI;EAAQ,CAAC,GACzF,OAAe,CAAC,CAAC,qBAAqB,aAAa,GAAG,EAAE,CAAC,qBAAqB,aAAa,CAAC,CAC9F;AAED,QACE,oBAACG;EACC,aAAa,YAAY;EACzB,WAAW,YAAY;EACvB,OACE,yBAAyB,GAAG,YAAY,OAAO,mCAAmC,IAClF,yBAAyB,GAAG,SAAS,OAAO,0CAA0C,IACtF,yBAAyB,GAAG,OAAO,OAAO,wCAAwC,IAClF,yBAAyB,GAAG,aAAa,OAAO,0CAA0C;EAE5F,YAAY,SAAS;EACrB,UAAU,kBAAwB,KAAK,SAAS,OAAO,cAAc,GAAG;EACxE,YAAY,OAAO;EACnB,UACE,YAAY,YAAY,QACnB,YACC,KAAK,OAAO,OAAO;GAAC,aAAa,YAAY;GAAO;GAAQ,CAAC,GAC/D;EAEN,sBAAsB,aAAa;EACnC,oBAAoB,0BAAgC,KAAK,aAAa,OAAO,cAAc,GAAG;EAC9F,cAAc,aAAa,MAAM,gBAAgB;EACjD,iBAAiB,aAAa;EACjB;EACb,GAAI;GACJ;;AAIN,iCAAe"}

package/dist/components/admin/ApplicationDetails/BaseApplicationDetails.d.ts

@@ -0,0 +1,92 @@
+import { Application, ApplicationSubmission, OAuth2Config, Preferences } from '@thunderid/browser';
+import { FC, ReactNode } from 'react';
+/**
+ * The edited fields {@link BaseApplicationDetails} hands `onUpdate`. Whether the client is public does
+ * not change.
+ */
+export type ApplicationUpdateSubmission = Omit<ApplicationSubmission, 'publicClient'>;
+/**
+ * What {@link BaseApplicationDetails} hands its `children` render function, so the application can be
+ * shown with any UI.
+ */
+export interface BaseApplicationDetailsRenderProps {
+    application?: Application;
+    /**
+     * The new client secret, to show once. `null` while there is none.
+     */
+    clientSecret: string | null;
+    error: string | null;
+    isDeleting: boolean;
+    isLoading: boolean;
+    isRegeneratingSecret: boolean;
+    isUpdating: boolean;
+    /**
+     * The application's OAuth configuration, without its client secret. Undefined when it has no OAuth client.
+     */
+    oauth?: Omit<OAuth2Config, 'clientSecret'>;
+    /**
+     * Deletes the application. Undefined when deletion is not allowed, including for read-only applications.
+     */
+    onDelete?: () => void;
+    /**
+     * Gives the application a new client secret. Undefined when not allowed, for read-only applications
+     * and for applications without a confidential OAuth client.
+     */
+    onRegenerateSecret?: () => void;
+    /**
+     * Hides the new client secret once it has been copied. Undefined while there is no secret.
+     */
+    onSecretDismiss?: () => void;
+    /**
+     * Saves edited fields. Undefined when editing is not allowed, including for read-only applications.
+     */
+    onUpdate?: (application: ApplicationUpdateSubmission) => void;
+}
+export interface BaseApplicationDetailsProps {
+    /**
+     * Controls rendered next to the application's name.
+     */
+    actions?: ReactNode;
+    application?: Application;
+    /**
+     * Renders custom UI in place of the default view. Receives the application, its OAuth configuration,
+     * the loading and error state, the actions the app allows and the new client secret to show.
+     */
+    children?: (props: BaseApplicationDetailsRenderProps) => ReactNode;
+    className?: string;
+    /**
+     * A client secret just generated by `onRegenerateSecret`, shown once until `onSecretDismiss` clears it.
+     */
+    clientSecret?: string | null;
+    error?: string | null;
+    isDeleting?: boolean;
+    isLoading?: boolean;
+    isRegeneratingSecret?: boolean;
+    isUpdating?: boolean;
+    /**
+     * Deletes the application. The delete action is hidden when omitted.
+     */
+    onDelete?: () => void;
+    /**
+     * Gives the application a new client secret. The regenerate action is hidden when omitted, and for
+     * public clients, which have no secret.
+     */
+    onRegenerateSecret?: () => void;
+    /**
+     * Called when the user has copied the new client secret.
+     */
+    onSecretDismiss?: () => void;
+    /**
+     * Saves the edited general fields, redirect URIs and grant types. Editing is offered only when set.
+     */
+    onUpdate?: (application: ApplicationUpdateSubmission) => void;
+    preferences?: Preferences;
+}
+/**
+ * Shows an application's general fields and OAuth configuration. Holds no data of its own: pass the
+ * application and handle editing, deletion and client secret regeneration, each offered only when its
+ * handler is set.
+ */
+declare const BaseApplicationDetails: FC<BaseApplicationDetailsProps>;
+export default BaseApplicationDetails;
+//# sourceMappingURL=BaseApplicationDetails.d.ts.map

package/dist/components/admin/ApplicationDetails/BaseApplicationDetails.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseApplicationDetails.d.ts","sourceRoot":"","sources":["../../../../src/components/admin/ApplicationDetails/BaseApplicationDetails.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,WAAW,EAEX,qBAAqB,EAGrB,YAAY,EAEZ,WAAW,EACZ,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAC,EAAE,EAA2B,SAAS,EAAW,MAAM,OAAO,CAAC;AAYvE;;;GAGG;AACH,MAAM,MAAM,2BAA2B,GAAG,IAAI,CAAC,qBAAqB,EAAE,cAAc,CAAC,CAAC;AAEtF;;;GAGG;AACH,MAAM,WAAW,iCAAiC;IAChD,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;OAEG;IACH,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,oBAAoB,EAAE,OAAO,CAAC;IAC9B,UAAU,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,cAAc,CAAC,CAAC;IAC3C;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,WAAW,EAAE,2BAA2B,KAAK,IAAI,CAAC;CAC/D;AAED,MAAM,WAAW,2BAA2B;IAC1C;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iCAAiC,KAAK,SAAS,CAAC;IACnE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,WAAW,EAAE,2BAA2B,KAAK,IAAI,CAAC;IAC9D,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B;AAsBD;;;;GAIG;AACH,QAAA,MAAM,sBAAsB,EAAE,EAAE,CAAC,2BAA2B,CA2O3D,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/dist/components/admin/ApplicationDetails/BaseApplicationDetails.js

@@ -0,0 +1,234 @@
+import useTranslation_default from "../../../hooks/useTranslation.js";
+import Spinner_default from "../../primitives/Spinner/Spinner.js";
+import Button_default from "../../primitives/Button/Button.js";
+import Alert_default from "../../primitives/Alert/Alert.js";
+import CopyableText_default from "../../primitives/CopyableText/CopyableText.js";
+import useAdminPartStyles_default from "../shared/useAdminPartStyles.js";
+import AdminSection_default from "../shared/AdminSection.js";
+import { ChipList, ConfirmButton, DetailList, Panel } from "../shared/AdminParts.js";
+import ApplicationFormFields_default from "../shared/ApplicationFormFields.js";
+import ClientSecretNotice_default from "../shared/ClientSecretNotice.js";
+import { APPLICATION_GRANT_TYPES, getApplicationOAuthConfig, isApplicationSubmissionValid, parseRedirectUris } from "@thunderid/browser";
+import { useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/admin/ApplicationDetails/BaseApplicationDetails.tsx
+const toFormValues = (application, oauth) => ({
+	description: application.description ?? "",
+	grantTypes: oauth?.grantTypes ?? [],
+	logoUrl: application.logoUrl ?? "",
+	name: application.name,
+	publicClient: Boolean(oauth?.publicClient),
+	redirectUris: (oauth?.redirectUris ?? []).join(", "),
+	url: application.url ?? ""
+});
+const toSubmission = (values) => ({
+	description: values.description.trim() || void 0,
+	grantTypes: values.grantTypes,
+	logoUrl: values.logoUrl.trim() || void 0,
+	name: values.name.trim(),
+	publicClient: values.publicClient,
+	redirectUris: parseRedirectUris(values.redirectUris),
+	url: values.url.trim() || void 0
+});
+/**
+* Shows an application's general fields and OAuth configuration. Holds no data of its own: pass the
+* application and handle editing, deletion and client secret regeneration, each offered only when its
+* handler is set.
+*/
+const BaseApplicationDetails = ({ actions, application, children, className, clientSecret = null, error = null, isDeleting = false, isLoading = false, isRegeneratingSecret = false, isUpdating = false, onDelete, onRegenerateSecret, onSecretDismiss, onUpdate, preferences }) => {
+	const { t } = useTranslation_default(preferences?.i18n);
+	const styles = useAdminPartStyles_default();
+	const [draft, setDraft] = useState(null);
+	const oauthConfig = getApplicationOAuthConfig(application);
+	const isWritable = Boolean(application) && !application?.isReadOnly;
+	const canRegenerate = isWritable && Boolean(oauthConfig) && !oauthConfig?.publicClient;
+	if (children) {
+		let oauth;
+		if (oauthConfig) {
+			const { clientSecret: storedSecret,...rest } = oauthConfig;
+			oauth = rest;
+		}
+		return /* @__PURE__ */ jsx("div", {
+			className,
+			children: children({
+				application,
+				clientSecret,
+				error,
+				isDeleting,
+				isLoading,
+				isRegeneratingSecret,
+				isUpdating,
+				oauth,
+				onDelete: isWritable ? onDelete : void 0,
+				onRegenerateSecret: canRegenerate ? onRegenerateSecret : void 0,
+				onSecretDismiss: clientSecret ? onSecretDismiss : void 0,
+				onUpdate: isWritable ? onUpdate : void 0
+			})
+		});
+	}
+	if (isLoading && !application) return /* @__PURE__ */ jsx(AdminSection_default, {
+		block: "application-details",
+		className,
+		preferences,
+		children: /* @__PURE__ */ jsxs("span", {
+			className: styles["muted"],
+			role: "status",
+			children: [
+				/* @__PURE__ */ jsx(Spinner_default, { size: "small" }),
+				" ",
+				t("admin.common.loading")
+			]
+		})
+	});
+	if (!application) return /* @__PURE__ */ jsx(AdminSection_default, {
+		block: "application-details",
+		className,
+		preferences,
+		children: /* @__PURE__ */ jsx(Alert_default, {
+			variant: "error",
+			role: "alert",
+			children: error ?? t("admin.common.errors.not_found")
+		})
+	});
+	const notSet = t("admin.applications.details.not_set");
+	const overview = [
+		{
+			label: t("admin.applications.list.columns.client_id"),
+			value: oauthConfig?.clientId ? /* @__PURE__ */ jsx(CopyableText_default, { value: oauthConfig.clientId }) : notSet
+		},
+		{
+			label: t("admin.applications.details.type"),
+			value: application.type ?? application.template ?? notSet
+		},
+		{
+			label: t("admin.common.columns.organization_unit"),
+			value: application.ouId ?? notSet
+		},
+		{
+			label: t("admin.applications.fields.url"),
+			value: application.url ?? notSet
+		},
+		{
+			label: t("admin.applications.fields.logo_url"),
+			value: application.logoUrl ?? notSet
+		}
+	];
+	const handleSave = (event) => {
+		event.preventDefault();
+		if (!draft) return;
+		const { publicClient,...submission } = toSubmission(draft);
+		onUpdate?.(submission);
+		setDraft(null);
+	};
+	return /* @__PURE__ */ jsxs(AdminSection_default, {
+		block: "application-details",
+		className,
+		title: application.name,
+		description: application.description,
+		preferences,
+		actions: /* @__PURE__ */ jsxs(Fragment$1, { children: [actions, onDelete && isWritable && /* @__PURE__ */ jsx(ConfirmButton, {
+			confirmText: t("admin.applications.details.delete.confirm", { name: application.name }),
+			isLoading: isDeleting,
+			onConfirm: onDelete,
+			children: t("admin.applications.details.delete.action")
+		})] }),
+		children: [error && /* @__PURE__ */ jsx(Alert_default, {
+			variant: "error",
+			role: "alert",
+			children: error
+		}), draft ? /* @__PURE__ */ jsx(Panel, {
+			title: t("admin.applications.details.edit.action"),
+			children: /* @__PURE__ */ jsxs("form", {
+				className: styles["row"],
+				style: {
+					alignItems: "stretch",
+					flexDirection: "column"
+				},
+				onSubmit: handleSave,
+				noValidate: true,
+				children: [/* @__PURE__ */ jsx(ApplicationFormFields_default, {
+					preferences,
+					values: draft,
+					onInputChange: (field, value) => setDraft((previous) => previous && {
+						...previous,
+						[field]: value
+					}),
+					onGrantTypesChange: (grantTypes) => setDraft((previous) => previous && {
+						...previous,
+						grantTypes
+					})
+				}), /* @__PURE__ */ jsxs("div", {
+					className: styles["row"],
+					style: { justifyContent: "flex-end" },
+					children: [/* @__PURE__ */ jsx(Button_default, {
+						type: "button",
+						variant: "text",
+						disabled: isUpdating,
+						onClick: () => setDraft(null),
+						children: t("admin.common.actions.cancel")
+					}), /* @__PURE__ */ jsx(Button_default, {
+						type: "submit",
+						loading: isUpdating,
+						disabled: isUpdating || !isApplicationSubmissionValid(toSubmission(draft)),
+						children: t("admin.applications.details.edit.save")
+					})]
+				})]
+			})
+		}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Panel, {
+			title: t("admin.applications.details.overview"),
+			actions: onUpdate && isWritable ? /* @__PURE__ */ jsx(Button_default, {
+				variant: "outline",
+				size: "small",
+				onClick: () => setDraft(toFormValues(application, oauthConfig)),
+				children: t("admin.applications.details.edit.action")
+			}) : void 0,
+			children: /* @__PURE__ */ jsx(DetailList, { items: overview })
+		}), oauthConfig && /* @__PURE__ */ jsxs(Panel, {
+			title: t("admin.applications.details.oauth"),
+			actions: onRegenerateSecret && canRegenerate && !clientSecret ? /* @__PURE__ */ jsx(ConfirmButton, {
+				confirmText: t("admin.applications.details.secret.confirm", { name: application.name }),
+				isLoading: isRegeneratingSecret,
+				onConfirm: onRegenerateSecret,
+				children: t("admin.applications.details.secret.action")
+			}) : void 0,
+			children: [clientSecret && /* @__PURE__ */ jsx(ClientSecretNotice_default, {
+				secret: clientSecret,
+				onDismiss: onSecretDismiss,
+				preferences
+			}), /* @__PURE__ */ jsx(DetailList, { items: [
+				{
+					label: t("admin.applications.fields.grant_types"),
+					value: /* @__PURE__ */ jsx(ChipList, {
+						label: t("admin.applications.fields.grant_types"),
+						emptyText: t("admin.applications.details.no_grant_types"),
+						items: (oauthConfig.grantTypes ?? []).map((grantType) => ({
+							id: grantType,
+							label: APPLICATION_GRANT_TYPES.includes(grantType) ? t(`admin.applications.grant_types.${grantType}`) : grantType
+						}))
+					})
+				},
+				{
+					label: t("admin.applications.fields.redirect_uris"),
+					value: /* @__PURE__ */ jsx(ChipList, {
+						label: t("admin.applications.fields.redirect_uris"),
+						emptyText: t("admin.applications.details.no_redirect_uris"),
+						items: (oauthConfig.redirectUris ?? []).map((uri) => ({
+							id: uri,
+							label: uri
+						}))
+					})
+				},
+				{
+					label: t("admin.applications.details.public_client"),
+					value: oauthConfig.publicClient ? t("admin.applications.details.yes") : t("admin.applications.details.no")
+				}
+			] })]
+		})] })]
+	});
+};
+var BaseApplicationDetails_default = BaseApplicationDetails;
+
+//#endregion
+export { BaseApplicationDetails_default as default };
+//# sourceMappingURL=BaseApplicationDetails.js.map

package/dist/components/admin/ApplicationDetails/BaseApplicationDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseApplicationDetails.js","names":["BaseApplicationDetails: FC<BaseApplicationDetailsProps>","useTranslation","styles: Record<string, string>","useAdminPartStyles","oauthConfig: OAuth2Config | undefined","isWritable: boolean","canRegenerate: boolean","oauth: Omit<OAuth2Config, 'clientSecret'> | undefined","AdminSection","Spinner","Alert","notSet: string","overview: DetailListItem[]","CopyableText","ApplicationFormFields","Button","ClientSecretNotice"],"sources":["../../../../src/components/admin/ApplicationDetails/BaseApplicationDetails.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {\n  Application,\n  APPLICATION_GRANT_TYPES,\n  ApplicationSubmission,\n  getApplicationOAuthConfig,\n  isApplicationSubmissionValid,\n  OAuth2Config,\n  parseRedirectUris,\n  Preferences,\n} from '@thunderid/browser';\nimport {FC, FormEvent, ReactElement, ReactNode, useState} from 'react';\nimport useTranslation from '../../../hooks/useTranslation';\nimport Alert from '../../primitives/Alert/Alert';\nimport Button from '../../primitives/Button/Button';\nimport CopyableText from '../../primitives/CopyableText/CopyableText';\nimport Spinner from '../../primitives/Spinner/Spinner';\nimport {ChipList, ConfirmButton, DetailList, DetailListItem, Panel} from '../shared/AdminParts';\nimport AdminSection from '../shared/AdminSection';\nimport ApplicationFormFields, {ApplicationFormValues, ApplicationTextField} from '../shared/ApplicationFormFields';\nimport ClientSecretNotice from '../shared/ClientSecretNotice';\nimport useAdminPartStyles from '../shared/useAdminPartStyles';\n\n/**\n * The edited fields {@link BaseApplicationDetails} hands `onUpdate`. Whether the client is public does\n * not change.\n */\nexport type ApplicationUpdateSubmission = Omit<ApplicationSubmission, 'publicClient'>;\n\n/**\n * What {@link BaseApplicationDetails} hands its `children` render function, so the application can be\n * shown with any UI.\n */\nexport interface BaseApplicationDetailsRenderProps {\n  application?: Application;\n  /**\n   * The new client secret, to show once. `null` while there is none.\n   */\n  clientSecret: string | null;\n  error: string | null;\n  isDeleting: boolean;\n  isLoading: boolean;\n  isRegeneratingSecret: boolean;\n  isUpdating: boolean;\n  /**\n   * The application's OAuth configuration, without its client secret. Undefined when it has no OAuth client.\n   */\n  oauth?: Omit<OAuth2Config, 'clientSecret'>;\n  /**\n   * Deletes the application. Undefined when deletion is not allowed, including for read-only applications.\n   */\n  onDelete?: () => void;\n  /**\n   * Gives the application a new client secret. Undefined when not allowed, for read-only applications\n   * and for applications without a confidential OAuth client.\n   */\n  onRegenerateSecret?: () => void;\n  /**\n   * Hides the new client secret once it has been copied. Undefined while there is no secret.\n   */\n  onSecretDismiss?: () => void;\n  /**\n   * Saves edited fields. Undefined when editing is not allowed, including for read-only applications.\n   */\n  onUpdate?: (application: ApplicationUpdateSubmission) => void;\n}\n\nexport interface BaseApplicationDetailsProps {\n  /**\n   * Controls rendered next to the application's name.\n   */\n  actions?: ReactNode;\n  application?: Application;\n  /**\n   * Renders custom UI in place of the default view. Receives the application, its OAuth configuration,\n   * the loading and error state, the actions the app allows and the new client secret to show.\n   */\n  children?: (props: BaseApplicationDetailsRenderProps) => ReactNode;\n  className?: string;\n  /**\n   * A client secret just generated by `onRegenerateSecret`, shown once until `onSecretDismiss` clears it.\n   */\n  clientSecret?: string | null;\n  error?: string | null;\n  isDeleting?: boolean;\n  isLoading?: boolean;\n  isRegeneratingSecret?: boolean;\n  isUpdating?: boolean;\n  /**\n   * Deletes the application. The delete action is hidden when omitted.\n   */\n  onDelete?: () => void;\n  /**\n   * Gives the application a new client secret. The regenerate action is hidden when omitted, and for\n   * public clients, which have no secret.\n   */\n  onRegenerateSecret?: () => void;\n  /**\n   * Called when the user has copied the new client secret.\n   */\n  onSecretDismiss?: () => void;\n  /**\n   * Saves the edited general fields, redirect URIs and grant types. Editing is offered only when set.\n   */\n  onUpdate?: (application: ApplicationUpdateSubmission) => void;\n  preferences?: Preferences;\n}\n\nconst toFormValues = (application: Application, oauth?: OAuth2Config): ApplicationFormValues => ({\n  description: application.description ?? '',\n  grantTypes: oauth?.grantTypes ?? [],\n  logoUrl: application.logoUrl ?? '',\n  name: application.name,\n  publicClient: Boolean(oauth?.publicClient),\n  redirectUris: (oauth?.redirectUris ?? []).join(', '),\n  url: application.url ?? '',\n});\n\nconst toSubmission = (values: ApplicationFormValues): ApplicationSubmission => ({\n  description: values.description.trim() || undefined,\n  grantTypes: values.grantTypes,\n  logoUrl: values.logoUrl.trim() || undefined,\n  name: values.name.trim(),\n  publicClient: values.publicClient,\n  redirectUris: parseRedirectUris(values.redirectUris),\n  url: values.url.trim() || undefined,\n});\n\n/**\n * Shows an application's general fields and OAuth configuration. Holds no data of its own: pass the\n * application and handle editing, deletion and client secret regeneration, each offered only when its\n * handler is set.\n */\nconst BaseApplicationDetails: FC<BaseApplicationDetailsProps> = ({\n  actions,\n  application,\n  children,\n  className,\n  clientSecret = null,\n  error = null,\n  isDeleting = false,\n  isLoading = false,\n  isRegeneratingSecret = false,\n  isUpdating = false,\n  onDelete,\n  onRegenerateSecret,\n  onSecretDismiss,\n  onUpdate,\n  preferences,\n}: BaseApplicationDetailsProps): ReactElement => {\n  const {t} = useTranslation(preferences?.i18n);\n  const styles: Record<string, string> = useAdminPartStyles();\n  const [draft, setDraft] = useState<ApplicationFormValues | null>(null);\n\n  const oauthConfig: OAuth2Config | undefined = getApplicationOAuthConfig(application);\n  const isWritable: boolean = Boolean(application) && !application?.isReadOnly;\n  const canRegenerate: boolean = isWritable && Boolean(oauthConfig) && !oauthConfig?.publicClient;\n\n  if (children) {\n    let oauth: Omit<OAuth2Config, 'clientSecret'> | undefined;\n\n    if (oauthConfig) {\n      const {clientSecret: storedSecret, ...rest}: OAuth2Config = oauthConfig;\n      void storedSecret;\n      oauth = rest;\n    }\n\n    return (\n      <div className={className}>\n        {children({\n          application,\n          clientSecret,\n          error,\n          isDeleting,\n          isLoading,\n          isRegeneratingSecret,\n          isUpdating,\n          oauth,\n          onDelete: isWritable ? onDelete : undefined,\n          onRegenerateSecret: canRegenerate ? onRegenerateSecret : undefined,\n          onSecretDismiss: clientSecret ? onSecretDismiss : undefined,\n          onUpdate: isWritable ? onUpdate : undefined,\n        })}\n      </div>\n    );\n  }\n\n  if (isLoading && !application) {\n    return (\n      <AdminSection block=\"application-details\" className={className} preferences={preferences}>\n        <span className={styles['muted']} role=\"status\">\n          <Spinner size=\"small\" /> {t('admin.common.loading')}\n        </span>\n      </AdminSection>\n    );\n  }\n\n  if (!application) {\n    return (\n      <AdminSection block=\"application-details\" className={className} preferences={preferences}>\n        <Alert variant=\"error\" role=\"alert\">\n          {error ?? t('admin.common.errors.not_found')}\n        </Alert>\n      </AdminSection>\n    );\n  }\n\n  const notSet: string = t('admin.applications.details.not_set');\n  const overview: DetailListItem[] = [\n    {\n      label: t('admin.applications.list.columns.client_id'),\n      value: oauthConfig?.clientId ? <CopyableText value={oauthConfig.clientId} /> : notSet,\n    },\n    {label: t('admin.applications.details.type'), value: application.type ?? application.template ?? notSet},\n    {label: t('admin.common.columns.organization_unit'), value: application.ouId ?? notSet},\n    {label: t('admin.applications.fields.url'), value: application.url ?? notSet},\n    {label: t('admin.applications.fields.logo_url'), value: application.logoUrl ?? notSet},\n  ];\n\n  const handleSave = (event: FormEvent<HTMLFormElement>): void => {\n    event.preventDefault();\n\n    if (!draft) {\n      return;\n    }\n\n    const {publicClient, ...submission}: ApplicationSubmission = toSubmission(draft);\n    void publicClient;\n    onUpdate?.(submission);\n    setDraft(null);\n  };\n\n  return (\n    <AdminSection\n      block=\"application-details\"\n      className={className}\n      title={application.name}\n      description={application.description}\n      preferences={preferences}\n      actions={\n        <>\n          {actions}\n          {onDelete && isWritable && (\n            <ConfirmButton\n              confirmText={t('admin.applications.details.delete.confirm', {name: application.name})}\n              isLoading={isDeleting}\n              onConfirm={onDelete}\n            >\n              {t('admin.applications.details.delete.action')}\n            </ConfirmButton>\n          )}\n        </>\n      }\n    >\n      {error && (\n        <Alert variant=\"error\" role=\"alert\">\n          {error}\n        </Alert>\n      )}\n      {draft ? (\n        <Panel title={t('admin.applications.details.edit.action')}>\n          <form\n            className={styles['row']}\n            style={{alignItems: 'stretch', flexDirection: 'column'}}\n            onSubmit={handleSave}\n            noValidate\n          >\n            <ApplicationFormFields\n              preferences={preferences}\n              values={draft}\n              onInputChange={(field: ApplicationTextField, value: string): void =>\n                setDraft((previous: ApplicationFormValues | null) => previous && {...previous, [field]: value})\n              }\n              onGrantTypesChange={(grantTypes: string[]): void =>\n                setDraft((previous: ApplicationFormValues | null) => previous && {...previous, grantTypes})\n              }\n            />\n            <div className={styles['row']} style={{justifyContent: 'flex-end'}}>\n              <Button type=\"button\" variant=\"text\" disabled={isUpdating} onClick={(): void => setDraft(null)}>\n                {t('admin.common.actions.cancel')}\n              </Button>\n              <Button\n                type=\"submit\"\n                loading={isUpdating}\n                disabled={isUpdating || !isApplicationSubmissionValid(toSubmission(draft))}\n              >\n                {t('admin.applications.details.edit.save')}\n              </Button>\n            </div>\n          </form>\n        </Panel>\n      ) : (\n        <>\n          <Panel\n            title={t('admin.applications.details.overview')}\n            actions={\n              onUpdate && isWritable ? (\n                <Button\n                  variant=\"outline\"\n                  size=\"small\"\n                  onClick={(): void => setDraft(toFormValues(application, oauthConfig))}\n                >\n                  {t('admin.applications.details.edit.action')}\n                </Button>\n              ) : undefined\n            }\n          >\n            <DetailList items={overview} />\n          </Panel>\n          {oauthConfig && (\n            <Panel\n              title={t('admin.applications.details.oauth')}\n              actions={\n                onRegenerateSecret && canRegenerate && !clientSecret ? (\n                  <ConfirmButton\n                    confirmText={t('admin.applications.details.secret.confirm', {name: application.name})}\n                    isLoading={isRegeneratingSecret}\n                    onConfirm={onRegenerateSecret}\n                  >\n                    {t('admin.applications.details.secret.action')}\n                  </ConfirmButton>\n                ) : undefined\n              }\n            >\n              {clientSecret && (\n                <ClientSecretNotice secret={clientSecret} onDismiss={onSecretDismiss} preferences={preferences} />\n              )}\n              <DetailList\n                items={[\n                  {\n                    label: t('admin.applications.fields.grant_types'),\n                    value: (\n                      <ChipList\n                        label={t('admin.applications.fields.grant_types')}\n                        emptyText={t('admin.applications.details.no_grant_types')}\n                        items={(oauthConfig.grantTypes ?? []).map((grantType: string) => ({\n                          id: grantType,\n                          label: APPLICATION_GRANT_TYPES.includes(grantType)\n                            ? t(`admin.applications.grant_types.${grantType}`)\n                            : grantType,\n                        }))}\n                      />\n                    ),\n                  },\n                  {\n                    label: t('admin.applications.fields.redirect_uris'),\n                    value: (\n                      <ChipList\n                        label={t('admin.applications.fields.redirect_uris')}\n                        emptyText={t('admin.applications.details.no_redirect_uris')}\n                        items={(oauthConfig.redirectUris ?? []).map((uri: string) => ({id: uri, label: uri}))}\n                      />\n                    ),\n                  },\n                  {\n                    label: t('admin.applications.details.public_client'),\n                    value: oauthConfig.publicClient\n                      ? t('admin.applications.details.yes')\n                      : t('admin.applications.details.no'),\n                  },\n                ]}\n              />\n            </Panel>\n          )}\n        </>\n      )}\n    </AdminSection>\n  );\n};\n\nexport default BaseApplicationDetails;\n"],"mappings":"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"}

package/dist/components/admin/ApplicationList/ApplicationList.d.ts

@@ -0,0 +1,18 @@
+import { FC } from 'react';
+import { BaseApplicationListProps } from './BaseApplicationList';
+export type ApplicationListProps = Omit<BaseApplicationListProps, 'applications' | 'error' | 'isLoading' | 'offset' | 'onPageChange' | 'totalResults'>;
+/**
+ * Lists the applications the signed-in user is allowed to see, a page at a time.
+ *
+ * The server guards applications with the root `system` permission, for reading and for changes alike;
+ * it defines no application-specific permission. Gate the view and its actions on it with
+ * `useGrantedPermissions().can('system')`.
+ *
+ * @example
+ * ```tsx
+ * <ApplicationList onSelect={(application) => setSelectedApplicationId(application.id)} />
+ * ```
+ */
+declare const ApplicationList: FC<ApplicationListProps>;
+export default ApplicationList;
+//# sourceMappingURL=ApplicationList.d.ts.map

package/dist/components/admin/ApplicationList/ApplicationList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApplicationList.d.ts","sourceRoot":"","sources":["../../../../src/components/admin/ApplicationList/ApplicationList.tsx"],"names":[],"mappings":"AASA,OAAO,EAAC,EAAE,EAAyB,MAAM,OAAO,CAAC;AACjD,OAA4B,EAAC,wBAAwB,EAAC,MAAM,uBAAuB,CAAC;AAKpF,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACrC,wBAAwB,EACxB,cAAc,GAAG,OAAO,GAAG,WAAW,GAAG,QAAQ,GAAG,cAAc,GAAG,cAAc,CACpF,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,QAAA,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CA0B7C,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/components/admin/ApplicationList/ApplicationList.js

@@ -0,0 +1,51 @@
+import useTranslation_default from "../../../hooks/useTranslation.js";
+import useManagementEndpoint_default from "../../../hooks/management/useManagementEndpoint.js";
+import useResourceQuery_default from "../../../hooks/management/useResourceQuery.js";
+import BaseApplicationList_default from "./BaseApplicationList.js";
+import { ApplicationQueryKeys, getApplications, toManagementErrorMessage } from "@thunderid/browser";
+import { useState } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/admin/ApplicationList/ApplicationList.tsx
+/**
+* Lists the applications the signed-in user is allowed to see, a page at a time.
+*
+* The server guards applications with the root `system` permission, for reading and for changes alike;
+* it defines no application-specific permission. Gate the view and its actions on it with
+* `useGrantedPermissions().can('system')`.
+*
+* @example
+* ```tsx
+* <ApplicationList onSelect={(application) => setSelectedApplicationId(application.id)} />
+* ```
+*/
+const ApplicationList = ({ limit = 20, preferences,...rest }) => {
+	const { t } = useTranslation_default(preferences?.i18n);
+	const [offset, setOffset] = useState(0);
+	const endpoint = useManagementEndpoint_default("applications");
+	const { data, error, isLoading } = useResourceQuery_default([ApplicationQueryKeys.APPLICATIONS, {
+		limit,
+		offset
+	}], (fetcher) => getApplications({
+		...endpoint,
+		fetcher,
+		limit,
+		offset
+	}));
+	return /* @__PURE__ */ jsx(BaseApplicationList_default, {
+		applications: data?.applications ?? [],
+		totalResults: data?.totalResults,
+		isLoading,
+		error: toManagementErrorMessage(t, error, "admin.applications.list.error"),
+		limit,
+		offset,
+		onPageChange: setOffset,
+		preferences,
+		...rest
+	});
+};
+var ApplicationList_default = ApplicationList;
+
+//#endregion
+export { ApplicationList_default as default };
+//# sourceMappingURL=ApplicationList.js.map

package/dist/components/admin/ApplicationList/ApplicationList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApplicationList.js","names":["ApplicationList: FC<ApplicationListProps>","useTranslation","endpoint: ManagementEndpoint","useManagementEndpoint","useResourceQuery","BaseApplicationList"],"sources":["../../../../src/components/admin/ApplicationList/ApplicationList.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {\n  ApplicationListResponse,\n  ApplicationQueryKeys,\n  getApplications,\n  toManagementErrorMessage,\n} from '@thunderid/browser';\nimport {FC, ReactElement, useState} from 'react';\nimport BaseApplicationList, {BaseApplicationListProps} from './BaseApplicationList';\nimport useManagementEndpoint, {ManagementEndpoint} from '../../../hooks/management/useManagementEndpoint';\nimport useResourceQuery, {ResourceQueryResult} from '../../../hooks/management/useResourceQuery';\nimport useTranslation from '../../../hooks/useTranslation';\n\nexport type ApplicationListProps = Omit<\n  BaseApplicationListProps,\n  'applications' | 'error' | 'isLoading' | 'offset' | 'onPageChange' | 'totalResults'\n>;\n\n/**\n * Lists the applications the signed-in user is allowed to see, a page at a time.\n *\n * The server guards applications with the root `system` permission, for reading and for changes alike;\n * it defines no application-specific permission. Gate the view and its actions on it with\n * `useGrantedPermissions().can('system')`.\n *\n * @example\n * ```tsx\n * <ApplicationList onSelect={(application) => setSelectedApplicationId(application.id)} />\n * ```\n */\nconst ApplicationList: FC<ApplicationListProps> = ({\n  limit = 20,\n  preferences,\n  ...rest\n}: ApplicationListProps): ReactElement => {\n  const {t} = useTranslation(preferences?.i18n);\n  const [offset, setOffset] = useState<number>(0);\n  const endpoint: ManagementEndpoint = useManagementEndpoint('applications');\n  const {data, error, isLoading}: ResourceQueryResult<ApplicationListResponse> = useResourceQuery(\n    [ApplicationQueryKeys.APPLICATIONS, {limit, offset}],\n    (fetcher) => getApplications({...endpoint, fetcher, limit, offset}),\n  );\n\n  return (\n    <BaseApplicationList\n      applications={data?.applications ?? []}\n      totalResults={data?.totalResults}\n      isLoading={isLoading}\n      error={toManagementErrorMessage(t, error, 'admin.applications.list.error')}\n      limit={limit}\n      offset={offset}\n      onPageChange={setOffset}\n      preferences={preferences}\n      {...rest}\n    />\n  );\n};\n\nexport default ApplicationList;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAgCA,MAAMA,mBAA6C,EACjD,QAAQ,IACR,YACA,GAAG,WACqC;CACxC,MAAM,EAAC,MAAKC,uBAAe,aAAa,KAAK;CAC7C,MAAM,CAAC,QAAQ,aAAa,SAAiB,EAAE;CAC/C,MAAMC,WAA+BC,8BAAsB,eAAe;CAC1E,MAAM,EAAC,MAAM,OAAO,cAA2DC,yBAC7E,CAAC,qBAAqB,cAAc;EAAC;EAAO;EAAO,CAAC,GACnD,YAAY,gBAAgB;EAAC,GAAG;EAAU;EAAS;EAAO;EAAO,CAAC,CACpE;AAED,QACE,oBAACC;EACC,cAAc,MAAM,gBAAgB,EAAE;EACtC,cAAc,MAAM;EACT;EACX,OAAO,yBAAyB,GAAG,OAAO,gCAAgC;EACnE;EACC;EACR,cAAc;EACD;EACb,GAAI;GACJ;;AAIN,8BAAe"}

package/dist/components/admin/ApplicationList/BaseApplicationList.d.ts

@@ -0,0 +1,55 @@
+import { BasicApplication, Preferences } from '@thunderid/browser';
+import { FC, ReactNode } from 'react';
+import { AdminListRenderProps } from '../shared/AdminListRenderProps';
+/**
+ * What {@link BaseApplicationList} hands its `children` render function. `applications` and `rows` are
+ * the same array.
+ */
+export type BaseApplicationListRenderProps = AdminListRenderProps<BasicApplication> & {
+    applications: BasicApplication[];
+};
+export interface BaseApplicationListProps {
+    /**
+     * Controls rendered next to the title, such as a button that opens `ApplicationCreate`.
+     */
+    actions?: ReactNode;
+    applications: BasicApplication[];
+    /**
+     * Renders custom UI in place of the default table, for example a third-party data grid. Receives
+     * the applications, the default columns, the loading and error state, and the pagination and
+     * selection handlers.
+     */
+    children?: (props: BaseApplicationListRenderProps) => ReactNode;
+    className?: string;
+    description?: string;
+    error?: string | null;
+    isLoading?: boolean;
+    /**
+     * Page size.
+     * @default 20
+     */
+    limit?: number;
+    offset?: number;
+    /**
+     * Called with the offset of the page to show. Pagination is hidden when omitted.
+     */
+    onPageChange?: (offset: number) => void;
+    /**
+     * Called when an application is chosen. Rows are selectable only when set.
+     */
+    onSelect?: (application: BasicApplication) => void;
+    preferences?: Preferences;
+    selectedApplicationId?: string;
+    /**
+     * Heading of the list. Pass an empty string to hide it.
+     */
+    title?: string;
+    totalResults?: number;
+}
+/**
+ * Lists applications with their client identifier, type and, when the server reports it, access status. Holds no data of its own: pass the page
+ * of applications and handle selection and pagination.
+ */
+declare const BaseApplicationList: FC<BaseApplicationListProps>;
+export default BaseApplicationList;
+//# sourceMappingURL=BaseApplicationList.d.ts.map

package/dist/components/admin/ApplicationList/BaseApplicationList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseApplicationList.d.ts","sourceRoot":"","sources":["../../../../src/components/admin/ApplicationList/BaseApplicationList.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,gBAAgB,EAAE,WAAW,EAAC,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAC,EAAE,EAAgB,SAAS,EAAC,MAAM,OAAO,CAAC;AAGlD,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AAGpE;;;GAGG;AACH,MAAM,MAAM,8BAA8B,GAAG,oBAAoB,CAAC,gBAAgB,CAAC,GAAG;IACpF,YAAY,EAAE,gBAAgB,EAAE,CAAC;CAClC,CAAC;AAEF,MAAM,WAAW,wBAAwB;IACvC;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,YAAY,EAAE,gBAAgB,EAAE,CAAC;IACjC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,8BAA8B,KAAK,SAAS,CAAC;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,WAAW,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACnD,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAmBD;;;GAGG;AACH,QAAA,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CA6FrD,CAAC;AAEF,eAAe,mBAAmB,CAAC"}