@thunderid/react 1.7.0 → 1.8.0

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

@@ -1 +1 @@
-{"version":3,"file":"AgentCreate.d.ts","sourceRoot":"","sources":["../../../../src/components/admin/AgentCreate/AgentCreate.tsx"],"names":[],"mappings":"AAGA,OAAO,EAA2B,KAAK,EAA0B,MAAM,oBAAoB,CAAC;AAC5F,OAAO,EAAC,EAAE,EAAwB,MAAM,OAAO,CAAC;AAChD,OAAwB,EAAwB,oBAAoB,EAAC,MAAM,mBAAmB,CAAC;AAM/F,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,oBAAoB,EAAE,YAAY,GAAG,OAAO,GAAG,cAAc,GAAG,UAAU,CAAC,GAAG;IAChH;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACnC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;;;;;;GAOG;AACH,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAuCrC,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"AgentCreate.d.ts","sourceRoot":"","sources":["../../../../src/components/admin/AgentCreate/AgentCreate.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,EASN,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAC,EAAE,EAAwB,MAAM,OAAO,CAAC;AAChD,OAAwB,EAAwB,oBAAoB,EAAC,MAAM,mBAAmB,CAAC;AAO/F,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,oBAAoB,EAAE,YAAY,GAAG,OAAO,GAAG,cAAc,GAAG,UAAU,CAAC,GAAG;IAChH;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACnC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;;;;;;GAOG;AACH,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAgDrC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/admin/AgentCreate/AgentCreate.js

@@ -1,9 +1,10 @@
 import useTranslation_default from "../../../hooks/useTranslation.js";
-import useCreateAgent_default from "../../../hooks/management/agents/useCreateAgent.js";
-import useGetAgentTypes_default from "../../../hooks/management/agents/useGetAgentTypes.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 useDefaultOuId_default from "../shared/useDefaultOuId.js";
 import BaseAgentCreate_default from "./BaseAgentCreate.js";
-import { toManagementErrorMessage } from "@thunderid/browser";
+import { AgentQueryKeys, createAgent, getAgentTypes, toManagementErrorMessage } from "@thunderid/browser";
 import { useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 
@@ -19,8 +20,18 @@ import { jsx } from "react/jsx-runtime";
 const AgentCreate = ({ onCreated, ouId, owner, preferences,...rest }) => {
 	const { t } = useTranslation_default(preferences?.i18n);
 	const resolvedOuId = useDefaultOuId_default(ouId);
-	const { data: agentTypes } = useGetAgentTypes_default({ limit: 100 });
-	const { error, isLoading, mutate } = useCreateAgent_default({ onSuccess: onCreated });
+	const agentsEndpoint = useManagementEndpoint_default("agents");
+	const agentTypesEndpoint = useManagementEndpoint_default("agentTypes");
+	const { data: agentTypes } = useResourceQuery_default([AgentQueryKeys.AGENT_TYPES, { limit: 100 }], (fetcher) => getAgentTypes({
+		...agentTypesEndpoint,
+		fetcher,
+		limit: 100
+	}));
+	const { error, isLoading, mutate } = useResourceMutation_default((payload, fetcher) => createAgent({
+		...agentsEndpoint,
+		fetcher,
+		payload
+	}), () => [[AgentQueryKeys.AGENTS]], { onSuccess: onCreated });
 	const options = useMemo(() => (agentTypes?.types ?? []).map((agentType) => ({
 		label: agentType.displayName,
 		value: agentType.handle

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

@@ -1 +1 @@
-{"version":3,"file":"AgentCreate.js","names":["AgentCreate: FC<AgentCreateProps>","useTranslation","resolvedOuId: string | undefined","useDefaultOuId","useGetAgentTypes","useCreateAgent","options: SelectOption[]","BaseAgentCreate"],"sources":["../../../../src/components/admin/AgentCreate/AgentCreate.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {toManagementErrorMessage, Agent, AgentType, SelectOption} from '@thunderid/browser';\nimport {FC, ReactElement, useMemo} from 'react';\nimport BaseAgentCreate, {AgentCreateSubmission, BaseAgentCreateProps} from './BaseAgentCreate';\nimport useCreateAgent from '../../../hooks/management/agents/useCreateAgent';\nimport useGetAgentTypes from '../../../hooks/management/agents/useGetAgentTypes';\nimport useTranslation from '../../../hooks/useTranslation';\nimport useDefaultOuId from '../shared/useDefaultOuId';\n\nexport type AgentCreateProps = Omit<BaseAgentCreateProps, 'agentTypes' | 'error' | 'isSubmitting' | 'onSubmit'> & {\n  /**\n   * Called with the created agent.\n   */\n  onCreated?: (agent: Agent) => void;\n  /**\n   * Organization unit the agent is created in. Defaults to the signed-in user's organization unit.\n   */\n  ouId?: string;\n  /**\n   * The person responsible for the agent. Defaults to the server's choice, usually the creator.\n   */\n  owner?: string;\n};\n\n/**\n * Registers an agent through the management API.\n *\n * @example\n * ```tsx\n * <AgentCreate onCreated={(agent) => navigate(`/agents/${agent.id}`)} />\n * ```\n */\nconst AgentCreate: FC<AgentCreateProps> = ({\n  onCreated,\n  ouId,\n  owner,\n  preferences,\n  ...rest\n}: AgentCreateProps): ReactElement => {\n  const {t} = useTranslation(preferences?.i18n);\n  const resolvedOuId: string | undefined = useDefaultOuId(ouId);\n  const {data: agentTypes} = useGetAgentTypes({limit: 100});\n  const {error, isLoading, mutate} = useCreateAgent({onSuccess: onCreated});\n\n  const options: SelectOption[] = useMemo(\n    () =>\n      (agentTypes?.types ?? []).map((agentType: AgentType) => ({\n        label: agentType.displayName,\n        value: agentType.handle,\n      })),\n    [agentTypes],\n  );\n\n  const handleSubmit = ({description, name, type}: AgentCreateSubmission): void => {\n    if (resolvedOuId) {\n      void mutate({description, name, ouId: resolvedOuId, owner, type});\n    }\n  };\n\n  return (\n    <BaseAgentCreate\n      agentTypes={options}\n      onSubmit={handleSubmit}\n      isSubmitting={isLoading}\n      error={\n        resolvedOuId ? toManagementErrorMessage(t, error, 'admin.agents.create.error') : t('admin.common.errors.no_ou')\n      }\n      preferences={preferences}\n      {...rest}\n    />\n  );\n};\n\nexport default AgentCreate;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAkCA,MAAMA,eAAqC,EACzC,WACA,MACA,OACA,YACA,GAAG,WACiC;CACpC,MAAM,EAAC,MAAKC,uBAAe,aAAa,KAAK;CAC7C,MAAMC,eAAmCC,uBAAe,KAAK;CAC7D,MAAM,EAAC,MAAM,eAAcC,yBAAiB,EAAC,OAAO,KAAI,CAAC;CACzD,MAAM,EAAC,OAAO,WAAW,WAAUC,uBAAe,EAAC,WAAW,WAAU,CAAC;CAEzE,MAAMC,UAA0B,eAE3B,YAAY,SAAS,EAAE,EAAE,KAAK,eAA0B;EACvD,OAAO,UAAU;EACjB,OAAO,UAAU;EAClB,EAAE,EACL,CAAC,WAAW,CACb;CAED,MAAM,gBAAgB,EAAC,aAAa,MAAM,WAAuC;AAC/E,MAAI,aACF,CAAK,OAAO;GAAC;GAAa;GAAM,MAAM;GAAc;GAAO;GAAK,CAAC;;AAIrE,QACE,oBAACC;EACC,YAAY;EACZ,UAAU;EACV,cAAc;EACd,OACE,eAAe,yBAAyB,GAAG,OAAO,4BAA4B,GAAG,EAAE,4BAA4B;EAEpG;EACb,GAAI;GACJ;;AAIN,0BAAe"}
+{"version":3,"file":"AgentCreate.js","names":["AgentCreate: FC<AgentCreateProps>","useTranslation","resolvedOuId: string | undefined","useDefaultOuId","agentsEndpoint: ManagementEndpoint","useManagementEndpoint","agentTypesEndpoint: ManagementEndpoint","useResourceQuery","useResourceMutation","options: SelectOption[]","BaseAgentCreate"],"sources":["../../../../src/components/admin/AgentCreate/AgentCreate.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {\n  Agent,\n  AgentQueryKeys,\n  AgentType,\n  AgentTypeListResponse,\n  CreateAgentRequest,\n  SelectOption,\n  createAgent,\n  getAgentTypes,\n  toManagementErrorMessage,\n} from '@thunderid/browser';\nimport {FC, ReactElement, useMemo} from 'react';\nimport BaseAgentCreate, {AgentCreateSubmission, BaseAgentCreateProps} from './BaseAgentCreate';\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';\nimport useDefaultOuId from '../shared/useDefaultOuId';\n\nexport type AgentCreateProps = Omit<BaseAgentCreateProps, 'agentTypes' | 'error' | 'isSubmitting' | 'onSubmit'> & {\n  /**\n   * Called with the created agent.\n   */\n  onCreated?: (agent: Agent) => void;\n  /**\n   * Organization unit the agent is created in. Defaults to the signed-in user's organization unit.\n   */\n  ouId?: string;\n  /**\n   * The person responsible for the agent. Defaults to the server's choice, usually the creator.\n   */\n  owner?: string;\n};\n\n/**\n * Registers an agent through the management API.\n *\n * @example\n * ```tsx\n * <AgentCreate onCreated={(agent) => navigate(`/agents/${agent.id}`)} />\n * ```\n */\nconst AgentCreate: FC<AgentCreateProps> = ({\n  onCreated,\n  ouId,\n  owner,\n  preferences,\n  ...rest\n}: AgentCreateProps): ReactElement => {\n  const {t} = useTranslation(preferences?.i18n);\n  const resolvedOuId: string | undefined = useDefaultOuId(ouId);\n  const agentsEndpoint: ManagementEndpoint = useManagementEndpoint('agents');\n  const agentTypesEndpoint: ManagementEndpoint = useManagementEndpoint('agentTypes');\n  const {data: agentTypes}: ResourceQueryResult<AgentTypeListResponse> = useResourceQuery(\n    [AgentQueryKeys.AGENT_TYPES, {limit: 100}],\n    (fetcher) => getAgentTypes({...agentTypesEndpoint, fetcher, limit: 100}),\n  );\n  const {error, isLoading, mutate}: ResourceMutationResult<Agent, CreateAgentRequest> = useResourceMutation(\n    (payload: CreateAgentRequest, fetcher) => createAgent({...agentsEndpoint, fetcher, payload}),\n    () => [[AgentQueryKeys.AGENTS]],\n    {onSuccess: onCreated},\n  );\n\n  const options: SelectOption[] = useMemo(\n    () =>\n      (agentTypes?.types ?? []).map((agentType: AgentType) => ({\n        label: agentType.displayName,\n        value: agentType.handle,\n      })),\n    [agentTypes],\n  );\n\n  const handleSubmit = ({description, name, type}: AgentCreateSubmission): void => {\n    if (resolvedOuId) {\n      void mutate({description, name, ouId: resolvedOuId, owner, type});\n    }\n  };\n\n  return (\n    <BaseAgentCreate\n      agentTypes={options}\n      onSubmit={handleSubmit}\n      isSubmitting={isLoading}\n      error={\n        resolvedOuId ? toManagementErrorMessage(t, error, 'admin.agents.create.error') : t('admin.common.errors.no_ou')\n      }\n      preferences={preferences}\n      {...rest}\n    />\n  );\n};\n\nexport default AgentCreate;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AA6CA,MAAMA,eAAqC,EACzC,WACA,MACA,OACA,YACA,GAAG,WACiC;CACpC,MAAM,EAAC,MAAKC,uBAAe,aAAa,KAAK;CAC7C,MAAMC,eAAmCC,uBAAe,KAAK;CAC7D,MAAMC,iBAAqCC,8BAAsB,SAAS;CAC1E,MAAMC,qBAAyCD,8BAAsB,aAAa;CAClF,MAAM,EAAC,MAAM,eAA0DE,yBACrE,CAAC,eAAe,aAAa,EAAC,OAAO,KAAI,CAAC,GACzC,YAAY,cAAc;EAAC,GAAG;EAAoB;EAAS,OAAO;EAAI,CAAC,CACzE;CACD,MAAM,EAAC,OAAO,WAAW,WAA6DC,6BACnF,SAA6B,YAAY,YAAY;EAAC,GAAG;EAAgB;EAAS;EAAQ,CAAC,QACtF,CAAC,CAAC,eAAe,OAAO,CAAC,EAC/B,EAAC,WAAW,WAAU,CACvB;CAED,MAAMC,UAA0B,eAE3B,YAAY,SAAS,EAAE,EAAE,KAAK,eAA0B;EACvD,OAAO,UAAU;EACjB,OAAO,UAAU;EAClB,EAAE,EACL,CAAC,WAAW,CACb;CAED,MAAM,gBAAgB,EAAC,aAAa,MAAM,WAAuC;AAC/E,MAAI,aACF,CAAK,OAAO;GAAC;GAAa;GAAM,MAAM;GAAc;GAAO;GAAK,CAAC;;AAIrE,QACE,oBAACC;EACC,YAAY;EACZ,UAAU;EACV,cAAc;EACd,OACE,eAAe,yBAAyB,GAAG,OAAO,4BAA4B,GAAG,EAAE,4BAA4B;EAEpG;EACb,GAAI;GACJ;;AAIN,0BAAe"}

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

@@ -1 +1 @@
-{"version":3,"file":"AgentDetails.d.ts","sourceRoot":"","sources":["../../../../src/components/admin/AgentDetails/AgentDetails.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAC,EAAE,EAAe,MAAM,OAAO,CAAC;AACvC,OAAyB,EAAC,qBAAqB,EAAC,MAAM,oBAAoB,CAAC;AAO3E,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAClC,qBAAqB,EACrB,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,YAAY,GAAG,WAAW,GAAG,UAAU,GAAG,OAAO,CACjF,GAAG;IACF,OAAO,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAEF;;;;;;;;GAQG;AACH,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA6BvC,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"AgentDetails.d.ts","sourceRoot":"","sources":["../../../../src/components/admin/AgentDetails/AgentDetails.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAC,EAAE,EAAe,MAAM,OAAO,CAAC;AACvC,OAAyB,EAAC,qBAAqB,EAAC,MAAM,oBAAoB,CAAC;AAM3E,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAClC,qBAAqB,EACrB,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,YAAY,GAAG,WAAW,GAAG,UAAU,GAAG,OAAO,CACjF,GAAG;IACF,OAAO,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAEF;;;;;;;;GAQG;AACH,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA8CvC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/admin/AgentDetails/AgentDetails.js

@@ -1,10 +1,9 @@
 import useTranslation_default from "../../../hooks/useTranslation.js";
-import useGetAgent_default from "../../../hooks/management/agents/useGetAgent.js";
-import useDeleteAgent_default from "../../../hooks/management/agents/useDeleteAgent.js";
-import useGetAgentGroups_default from "../../../hooks/management/agents/useGetAgentGroups.js";
-import useGetAgentRoles_default from "../../../hooks/management/agents/useGetAgentRoles.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 BaseAgentDetails_default from "./BaseAgentDetails.js";
-import { toManagementErrorMessage } from "@thunderid/browser";
+import { AgentQueryKeys, GroupQueryKeys, RoleQueryKeys, deleteAgent, getAgent, getAgentGroups, getAgentRoles, toManagementErrorMessage } from "@thunderid/browser";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/admin/AgentDetails/AgentDetails.tsx
@@ -19,10 +18,39 @@ import { jsx } from "react/jsx-runtime";
 */
 const AgentDetails = ({ agentId, deletable = false, onDeleted, preferences,...rest }) => {
 	const { t } = useTranslation_default(preferences?.i18n);
-	const agent = useGetAgent_default(agentId);
-	const groups = useGetAgentGroups_default(agentId, { limit: 100 });
-	const roles = useGetAgentRoles_default(agentId, { limit: 100 });
-	const deletion = useDeleteAgent_default({ onSuccess: onDeleted });
+	const endpoint = useManagementEndpoint_default("agents");
+	const agent = useResourceQuery_default([AgentQueryKeys.AGENT, agentId], (fetcher) => getAgent({
+		...endpoint,
+		agentId,
+		fetcher
+	}), { enabled: Boolean(agentId) });
+	const groups = useResourceQuery_default([
+		GroupQueryKeys.MEMBERSHIPS,
+		"agent",
+		agentId,
+		{ limit: 100 }
+	], (fetcher) => getAgentGroups({
+		...endpoint,
+		agentId,
+		fetcher,
+		limit: 100
+	}), { enabled: Boolean(agentId) });
+	const roles = useResourceQuery_default([
+		RoleQueryKeys.ROLE_ASSIGNMENTS,
+		"agent",
+		agentId,
+		{ limit: 100 }
+	], (fetcher) => getAgentRoles({
+		...endpoint,
+		agentId,
+		fetcher,
+		limit: 100
+	}), { enabled: Boolean(agentId) });
+	const deletion = useResourceMutation_default((id, fetcher) => deleteAgent({
+		...endpoint,
+		agentId: id,
+		fetcher
+	}), () => [[AgentQueryKeys.AGENTS]], { onSuccess: onDeleted });
 	return /* @__PURE__ */ jsx(BaseAgentDetails_default, {
 		agent: agent.data,
 		groups: groups.data?.groups,

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

@@ -1 +1 @@
-{"version":3,"file":"AgentDetails.js","names":["AgentDetails: FC<AgentDetailsProps>","useTranslation","useGetAgent","useGetAgentGroups","useGetAgentRoles","useDeleteAgent","BaseAgentDetails"],"sources":["../../../../src/components/admin/AgentDetails/AgentDetails.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {toManagementErrorMessage} from '@thunderid/browser';\nimport {FC, ReactElement} from 'react';\nimport BaseAgentDetails, {BaseAgentDetailsProps} from './BaseAgentDetails';\nimport useDeleteAgent from '../../../hooks/management/agents/useDeleteAgent';\nimport useGetAgent from '../../../hooks/management/agents/useGetAgent';\nimport useGetAgentGroups from '../../../hooks/management/agents/useGetAgentGroups';\nimport useGetAgentRoles from '../../../hooks/management/agents/useGetAgentRoles';\nimport useTranslation from '../../../hooks/useTranslation';\n\nexport type AgentDetailsProps = Omit<\n  BaseAgentDetailsProps,\n  'agent' | 'error' | 'groups' | 'isDeleting' | 'isLoading' | 'onDelete' | 'roles'\n> & {\n  agentId: string;\n  /**\n   * Whether the agent can be deleted from this view.\n   * @default false\n   */\n  deletable?: boolean;\n  /**\n   * Called after the agent has been deleted.\n   */\n  onDeleted?: () => void;\n};\n\n/**\n * Shows an agent with the groups and roles it holds, and optionally lets the signed-in user delete\n * it.\n *\n * @example\n * ```tsx\n * <AgentDetails agentId={agentId} deletable onDeleted={() => navigate('/agents')} />\n * ```\n */\nconst AgentDetails: FC<AgentDetailsProps> = ({\n  agentId,\n  deletable = false,\n  onDeleted,\n  preferences,\n  ...rest\n}: AgentDetailsProps): ReactElement => {\n  const {t} = useTranslation(preferences?.i18n);\n  const agent = useGetAgent(agentId);\n  const groups = useGetAgentGroups(agentId, {limit: 100});\n  const roles = useGetAgentRoles(agentId, {limit: 100});\n  const deletion = useDeleteAgent({onSuccess: onDeleted});\n\n  return (\n    <BaseAgentDetails\n      agent={agent.data}\n      groups={groups.data?.groups}\n      roles={roles.data?.roles}\n      isLoading={agent.isLoading}\n      error={\n        toManagementErrorMessage(t, agent.error, 'admin.agents.details.error') ??\n        toManagementErrorMessage(t, deletion.error, 'admin.agents.details.delete.error')\n      }\n      isDeleting={deletion.isLoading}\n      onDelete={deletable ? (): void => void deletion.mutate(agentId) : undefined}\n      preferences={preferences}\n      {...rest}\n    />\n  );\n};\n\nexport default AgentDetails;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAqCA,MAAMA,gBAAuC,EAC3C,SACA,YAAY,OACZ,WACA,YACA,GAAG,WACkC;CACrC,MAAM,EAAC,MAAKC,uBAAe,aAAa,KAAK;CAC7C,MAAM,QAAQC,oBAAY,QAAQ;CAClC,MAAM,SAASC,0BAAkB,SAAS,EAAC,OAAO,KAAI,CAAC;CACvD,MAAM,QAAQC,yBAAiB,SAAS,EAAC,OAAO,KAAI,CAAC;CACrD,MAAM,WAAWC,uBAAe,EAAC,WAAW,WAAU,CAAC;AAEvD,QACE,oBAACC;EACC,OAAO,MAAM;EACb,QAAQ,OAAO,MAAM;EACrB,OAAO,MAAM,MAAM;EACnB,WAAW,MAAM;EACjB,OACE,yBAAyB,GAAG,MAAM,OAAO,6BAA6B,IACtE,yBAAyB,GAAG,SAAS,OAAO,oCAAoC;EAElF,YAAY,SAAS;EACrB,UAAU,kBAAwB,KAAK,SAAS,OAAO,QAAQ,GAAG;EACrD;EACb,GAAI;GACJ;;AAIN,2BAAe"}
+{"version":3,"file":"AgentDetails.js","names":["AgentDetails: FC<AgentDetailsProps>","useTranslation","endpoint: ManagementEndpoint","useManagementEndpoint","agent: ResourceQueryResult<Agent>","useResourceQuery","groups: ResourceQueryResult<MembershipGroupListResponse>","roles: ResourceQueryResult<AgentRoleListResponse>","deletion: ResourceMutationResult<void, string>","useResourceMutation","BaseAgentDetails"],"sources":["../../../../src/components/admin/AgentDetails/AgentDetails.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {\n  Agent,\n  AgentQueryKeys,\n  AgentRoleListResponse,\n  GroupQueryKeys,\n  MembershipGroupListResponse,\n  RoleQueryKeys,\n  deleteAgent,\n  getAgent,\n  getAgentGroups,\n  getAgentRoles,\n  toManagementErrorMessage,\n} from '@thunderid/browser';\nimport {FC, ReactElement} from 'react';\nimport BaseAgentDetails, {BaseAgentDetailsProps} from './BaseAgentDetails';\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\nexport type AgentDetailsProps = Omit<\n  BaseAgentDetailsProps,\n  'agent' | 'error' | 'groups' | 'isDeleting' | 'isLoading' | 'onDelete' | 'roles'\n> & {\n  agentId: string;\n  /**\n   * Whether the agent can be deleted from this view.\n   * @default false\n   */\n  deletable?: boolean;\n  /**\n   * Called after the agent has been deleted.\n   */\n  onDeleted?: () => void;\n};\n\n/**\n * Shows an agent with the groups and roles it holds, and optionally lets the signed-in user delete\n * it.\n *\n * @example\n * ```tsx\n * <AgentDetails agentId={agentId} deletable onDeleted={() => navigate('/agents')} />\n * ```\n */\nconst AgentDetails: FC<AgentDetailsProps> = ({\n  agentId,\n  deletable = false,\n  onDeleted,\n  preferences,\n  ...rest\n}: AgentDetailsProps): ReactElement => {\n  const {t} = useTranslation(preferences?.i18n);\n  const endpoint: ManagementEndpoint = useManagementEndpoint('agents');\n  const agent: ResourceQueryResult<Agent> = useResourceQuery(\n    [AgentQueryKeys.AGENT, agentId],\n    (fetcher) => getAgent({...endpoint, agentId, fetcher}),\n    {enabled: Boolean(agentId)},\n  );\n  const groups: ResourceQueryResult<MembershipGroupListResponse> = useResourceQuery(\n    [GroupQueryKeys.MEMBERSHIPS, 'agent', agentId, {limit: 100}],\n    (fetcher) => getAgentGroups({...endpoint, agentId, fetcher, limit: 100}),\n    {enabled: Boolean(agentId)},\n  );\n  const roles: ResourceQueryResult<AgentRoleListResponse> = useResourceQuery(\n    [RoleQueryKeys.ROLE_ASSIGNMENTS, 'agent', agentId, {limit: 100}],\n    (fetcher) => getAgentRoles({...endpoint, agentId, fetcher, limit: 100}),\n    {enabled: Boolean(agentId)},\n  );\n  const deletion: ResourceMutationResult<void, string> = useResourceMutation(\n    (id: string, fetcher) => deleteAgent({...endpoint, agentId: id, fetcher}),\n    () => [[AgentQueryKeys.AGENTS]],\n    {onSuccess: onDeleted},\n  );\n\n  return (\n    <BaseAgentDetails\n      agent={agent.data}\n      groups={groups.data?.groups}\n      roles={roles.data?.roles}\n      isLoading={agent.isLoading}\n      error={\n        toManagementErrorMessage(t, agent.error, 'admin.agents.details.error') ??\n        toManagementErrorMessage(t, deletion.error, 'admin.agents.details.delete.error')\n      }\n      isDeleting={deletion.isLoading}\n      onDelete={deletable ? (): void => void deletion.mutate(agentId) : undefined}\n      preferences={preferences}\n      {...rest}\n    />\n  );\n};\n\nexport default AgentDetails;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAgDA,MAAMA,gBAAuC,EAC3C,SACA,YAAY,OACZ,WACA,YACA,GAAG,WACkC;CACrC,MAAM,EAAC,MAAKC,uBAAe,aAAa,KAAK;CAC7C,MAAMC,WAA+BC,8BAAsB,SAAS;CACpE,MAAMC,QAAoCC,yBACxC,CAAC,eAAe,OAAO,QAAQ,GAC9B,YAAY,SAAS;EAAC,GAAG;EAAU;EAAS;EAAQ,CAAC,EACtD,EAAC,SAAS,QAAQ,QAAQ,EAAC,CAC5B;CACD,MAAMC,SAA2DD,yBAC/D;EAAC,eAAe;EAAa;EAAS;EAAS,EAAC,OAAO,KAAI;EAAC,GAC3D,YAAY,eAAe;EAAC,GAAG;EAAU;EAAS;EAAS,OAAO;EAAI,CAAC,EACxE,EAAC,SAAS,QAAQ,QAAQ,EAAC,CAC5B;CACD,MAAME,QAAoDF,yBACxD;EAAC,cAAc;EAAkB;EAAS;EAAS,EAAC,OAAO,KAAI;EAAC,GAC/D,YAAY,cAAc;EAAC,GAAG;EAAU;EAAS;EAAS,OAAO;EAAI,CAAC,EACvE,EAAC,SAAS,QAAQ,QAAQ,EAAC,CAC5B;CACD,MAAMG,WAAiDC,6BACpD,IAAY,YAAY,YAAY;EAAC,GAAG;EAAU,SAAS;EAAI;EAAQ,CAAC,QACnE,CAAC,CAAC,eAAe,OAAO,CAAC,EAC/B,EAAC,WAAW,WAAU,CACvB;AAED,QACE,oBAACC;EACC,OAAO,MAAM;EACb,QAAQ,OAAO,MAAM;EACrB,OAAO,MAAM,MAAM;EACnB,WAAW,MAAM;EACjB,OACE,yBAAyB,GAAG,MAAM,OAAO,6BAA6B,IACtE,yBAAyB,GAAG,SAAS,OAAO,oCAAoC;EAElF,YAAY,SAAS;EACrB,UAAU,kBAAwB,KAAK,SAAS,OAAO,QAAQ,GAAG;EACrD;EACb,GAAI;GACJ;;AAIN,2BAAe"}

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

@@ -1 +1 @@
-{"version":3,"file":"AgentList.d.ts","sourceRoot":"","sources":["../../../../src/components/admin/AgentList/AgentList.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAC,EAAE,EAAyB,MAAM,OAAO,CAAC;AACjD,OAAsB,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AAKlE,MAAM,MAAM,cAAc,GAAG,IAAI,CAC/B,kBAAkB,EAClB,QAAQ,GAAG,OAAO,GAAG,WAAW,GAAG,QAAQ,GAAG,cAAc,GAAG,UAAU,GAAG,QAAQ,GAAG,cAAc,CACtG,GAAG;IACF;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF;;;;;;;GAOG;AACH,QAAA,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAwCjC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"AgentList.d.ts","sourceRoot":"","sources":["../../../../src/components/admin/AgentList/AgentList.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAC,EAAE,EAAyB,MAAM,OAAO,CAAC;AACjD,OAAsB,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AAMlE,MAAM,MAAM,cAAc,GAAG,IAAI,CAC/B,kBAAkB,EAClB,QAAQ,GAAG,OAAO,GAAG,WAAW,GAAG,QAAQ,GAAG,cAAc,GAAG,UAAU,GAAG,QAAQ,GAAG,cAAc,CACtG,GAAG;IACF;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF;;;;;;;GAOG;AACH,QAAA,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAyCjC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/admin/AgentList/AgentList.js

@@ -1,7 +1,8 @@
 import useTranslation_default from "../../../hooks/useTranslation.js";
-import useGetAgents_default from "../../../hooks/management/agents/useGetAgents.js";
+import useManagementEndpoint_default from "../../../hooks/management/useManagementEndpoint.js";
+import useResourceQuery_default from "../../../hooks/management/useResourceQuery.js";
 import BaseAgentList_default from "./BaseAgentList.js";
-import { toEqualityFilter, toManagementErrorMessage } from "@thunderid/browser";
+import { AgentQueryKeys, getAgents, toEqualityFilter, toManagementErrorMessage } from "@thunderid/browser";
 import { useState } from "react";
 import { jsx } from "react/jsx-runtime";
 
@@ -22,11 +23,19 @@ const AgentList = ({ limit = 20, preferences, searchable = true, searchAttribute
 		label: t("admin.agents.list.search.name"),
 		value: "name"
 	}];
-	const { data, error, isLoading } = useGetAgents_default({
-		filter: search ? toEqualityFilter(search.attribute, search.value) : void 0,
+	const endpoint = useManagementEndpoint_default("agents");
+	const filter = search ? toEqualityFilter(search.attribute, search.value) : void 0;
+	const { data, error, isLoading } = useResourceQuery_default([AgentQueryKeys.AGENTS, {
+		filter,
 		limit,
 		offset
-	});
+	}], (fetcher) => getAgents({
+		...endpoint,
+		fetcher,
+		filter,
+		limit,
+		offset
+	}));
 	return /* @__PURE__ */ jsx(BaseAgentList_default, {
 		agents: data?.agents ?? [],
 		totalResults: data?.totalResults,

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

@@ -1 +1 @@
-{"version":3,"file":"AgentList.js","names":["AgentList: FC<AgentListProps>","useTranslation","attributes: SelectOption[]","useGetAgents","BaseAgentList"],"sources":["../../../../src/components/admin/AgentList/AgentList.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {toEqualityFilter, toManagementErrorMessage, SelectOption} from '@thunderid/browser';\nimport {FC, ReactElement, useState} from 'react';\nimport BaseAgentList, {BaseAgentListProps} from './BaseAgentList';\nimport {AdminSearchValue} from '../shared/AdminSearch';\nimport useGetAgents from '../../../hooks/management/agents/useGetAgents';\nimport useTranslation from '../../../hooks/useTranslation';\n\nexport type AgentListProps = Omit<\n  BaseAgentListProps,\n  'agents' | 'error' | 'isLoading' | 'offset' | 'onPageChange' | 'onSearch' | 'search' | 'totalResults'\n> & {\n  /**\n   * Whether to show the search form. Agents are searched by a custom attribute, by default `name`, and\n   * the server matches the whole value.\n   * @default true\n   */\n  searchable?: boolean;\n};\n\n/**\n * Lists the agents the signed-in user is allowed to see, a page at a time.\n *\n * @example\n * ```tsx\n * <AgentList onSelect={(agent) => setSelectedAgentId(agent.id)} />\n * ```\n */\nconst AgentList: FC<AgentListProps> = ({\n  limit = 20,\n  preferences,\n  searchable = true,\n  searchAttributes,\n  ...rest\n}: AgentListProps): ReactElement => {\n  const {t} = useTranslation(preferences?.i18n);\n  const [offset, setOffset] = useState<number>(0);\n  const [search, setSearch] = useState<AdminSearchValue | null>(null);\n  const attributes: SelectOption[] = searchAttributes ?? [{label: t('admin.agents.list.search.name'), value: 'name'}];\n  const {data, error, isLoading} = useGetAgents({\n    filter: search ? toEqualityFilter(search.attribute, search.value) : undefined,\n    limit,\n    offset,\n  });\n\n  return (\n    <BaseAgentList\n      agents={data?.agents ?? []}\n      totalResults={data?.totalResults}\n      isLoading={isLoading}\n      error={toManagementErrorMessage(t, error, 'admin.agents.list.error')}\n      limit={limit}\n      offset={offset}\n      onPageChange={setOffset}\n      search={search}\n      searchAttributes={attributes}\n      onSearch={\n        searchable\n          ? (next: AdminSearchValue | null): void => {\n              setSearch(next);\n              setOffset(0);\n            }\n          : undefined\n      }\n      preferences={preferences}\n      {...rest}\n    />\n  );\n};\n\nexport default AgentList;\n"],"mappings":";;;;;;;;;;;;;;;;AA8BA,MAAMA,aAAiC,EACrC,QAAQ,IACR,aACA,aAAa,MACb,iBACA,GAAG,WAC+B;CAClC,MAAM,EAAC,MAAKC,uBAAe,aAAa,KAAK;CAC7C,MAAM,CAAC,QAAQ,aAAa,SAAiB,EAAE;CAC/C,MAAM,CAAC,QAAQ,aAAa,SAAkC,KAAK;CACnE,MAAMC,aAA6B,oBAAoB,CAAC;EAAC,OAAO,EAAE,gCAAgC;EAAE,OAAO;EAAO,CAAC;CACnH,MAAM,EAAC,MAAM,OAAO,cAAaC,qBAAa;EAC5C,QAAQ,SAAS,iBAAiB,OAAO,WAAW,OAAO,MAAM,GAAG;EACpE;EACA;EACD,CAAC;AAEF,QACE,oBAACC;EACC,QAAQ,MAAM,UAAU,EAAE;EAC1B,cAAc,MAAM;EACT;EACX,OAAO,yBAAyB,GAAG,OAAO,0BAA0B;EAC7D;EACC;EACR,cAAc;EACN;EACR,kBAAkB;EAClB,UACE,cACK,SAAwC;AACvC,aAAU,KAAK;AACf,aAAU,EAAE;MAEd;EAEO;EACb,GAAI;GACJ;;AAIN,wBAAe"}
+{"version":3,"file":"AgentList.js","names":["AgentList: FC<AgentListProps>","useTranslation","attributes: SelectOption[]","endpoint: ManagementEndpoint","useManagementEndpoint","filter: string | undefined","useResourceQuery","BaseAgentList"],"sources":["../../../../src/components/admin/AgentList/AgentList.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {\n  AgentListResponse,\n  AgentQueryKeys,\n  SelectOption,\n  getAgents,\n  toEqualityFilter,\n  toManagementErrorMessage,\n} from '@thunderid/browser';\nimport {FC, ReactElement, useState} from 'react';\nimport BaseAgentList, {BaseAgentListProps} from './BaseAgentList';\nimport useManagementEndpoint, {ManagementEndpoint} from '../../../hooks/management/useManagementEndpoint';\nimport useResourceQuery, {ResourceQueryResult} from '../../../hooks/management/useResourceQuery';\nimport useTranslation from '../../../hooks/useTranslation';\nimport {AdminSearchValue} from '../shared/AdminSearch';\n\nexport type AgentListProps = Omit<\n  BaseAgentListProps,\n  'agents' | 'error' | 'isLoading' | 'offset' | 'onPageChange' | 'onSearch' | 'search' | 'totalResults'\n> & {\n  /**\n   * Whether to show the search form. Agents are searched by a custom attribute, by default `name`, and\n   * the server matches the whole value.\n   * @default true\n   */\n  searchable?: boolean;\n};\n\n/**\n * Lists the agents the signed-in user is allowed to see, a page at a time.\n *\n * @example\n * ```tsx\n * <AgentList onSelect={(agent) => setSelectedAgentId(agent.id)} />\n * ```\n */\nconst AgentList: FC<AgentListProps> = ({\n  limit = 20,\n  preferences,\n  searchable = true,\n  searchAttributes,\n  ...rest\n}: AgentListProps): ReactElement => {\n  const {t} = useTranslation(preferences?.i18n);\n  const [offset, setOffset] = useState<number>(0);\n  const [search, setSearch] = useState<AdminSearchValue | null>(null);\n  const attributes: SelectOption[] = searchAttributes ?? [{label: t('admin.agents.list.search.name'), value: 'name'}];\n  const endpoint: ManagementEndpoint = useManagementEndpoint('agents');\n  const filter: string | undefined = search ? toEqualityFilter(search.attribute, search.value) : undefined;\n  const {data, error, isLoading}: ResourceQueryResult<AgentListResponse> = useResourceQuery(\n    [AgentQueryKeys.AGENTS, {filter, limit, offset}],\n    (fetcher) => getAgents({...endpoint, fetcher, filter, limit, offset}),\n  );\n\n  return (\n    <BaseAgentList\n      agents={data?.agents ?? []}\n      totalResults={data?.totalResults}\n      isLoading={isLoading}\n      error={toManagementErrorMessage(t, error, 'admin.agents.list.error')}\n      limit={limit}\n      offset={offset}\n      onPageChange={setOffset}\n      search={search}\n      searchAttributes={attributes}\n      onSearch={\n        searchable\n          ? (next: AdminSearchValue | null): void => {\n              setSearch(next);\n              setOffset(0);\n            }\n          : undefined\n      }\n      preferences={preferences}\n      {...rest}\n    />\n  );\n};\n\nexport default AgentList;\n"],"mappings":";;;;;;;;;;;;;;;;;AAsCA,MAAMA,aAAiC,EACrC,QAAQ,IACR,aACA,aAAa,MACb,iBACA,GAAG,WAC+B;CAClC,MAAM,EAAC,MAAKC,uBAAe,aAAa,KAAK;CAC7C,MAAM,CAAC,QAAQ,aAAa,SAAiB,EAAE;CAC/C,MAAM,CAAC,QAAQ,aAAa,SAAkC,KAAK;CACnE,MAAMC,aAA6B,oBAAoB,CAAC;EAAC,OAAO,EAAE,gCAAgC;EAAE,OAAO;EAAO,CAAC;CACnH,MAAMC,WAA+BC,8BAAsB,SAAS;CACpE,MAAMC,SAA6B,SAAS,iBAAiB,OAAO,WAAW,OAAO,MAAM,GAAG;CAC/F,MAAM,EAAC,MAAM,OAAO,cAAqDC,yBACvE,CAAC,eAAe,QAAQ;EAAC;EAAQ;EAAO;EAAO,CAAC,GAC/C,YAAY,UAAU;EAAC,GAAG;EAAU;EAAS;EAAQ;EAAO;EAAO,CAAC,CACtE;AAED,QACE,oBAACC;EACC,QAAQ,MAAM,UAAU,EAAE;EAC1B,cAAc,MAAM;EACT;EACX,OAAO,yBAAyB,GAAG,OAAO,0BAA0B;EAC7D;EACC;EACR,cAAc;EACN;EACR,kBAAkB;EAClB,UACE,cACK,SAAwC;AACvC,aAAU,KAAK;AACf,aAAU,EAAE;MAEd;EAEO;EACb,GAAI;GACJ;;AAIN,wBAAe"}

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

@@ -0,0 +1,30 @@
+import { Application } from '@thunderid/browser';
+import { FC } from 'react';
+import { BaseApplicationCreateProps } from './BaseApplicationCreate';
+export type ApplicationCreateProps = Omit<BaseApplicationCreateProps, 'clientSecret' | 'error' | 'isSubmitting' | 'onSecretDismiss' | 'onSubmit'> & {
+    /**
+     * Called with the created application. When the server returned a client secret, it is called once
+     * the user has copied the secret, since the secret cannot be read again.
+     */
+    onCreated?: (application: Application) => void;
+    /**
+     * Organization unit the application is created in. Defaults to the signed-in user's organization unit.
+     */
+    ouId?: string;
+};
+/**
+ * Creates an application with an OAuth client through the management API, and shows its client
+ * secret once when the server returns one.
+ *
+ * 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
+ * <ApplicationCreate onCreated={(application) => navigate(`/applications/${application.id}`)} />
+ * ```
+ */
+declare const ApplicationCreate: FC<ApplicationCreateProps>;
+export default ApplicationCreate;
+//# sourceMappingURL=ApplicationCreate.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ApplicationCreate.d.ts","sourceRoot":"","sources":["../../../../src/components/admin/ApplicationCreate/ApplicationCreate.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,WAAW,EAOZ,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAC,EAAE,EAAyB,MAAM,OAAO,CAAC;AACjD,OAA8B,EAA8B,0BAA0B,EAAC,MAAM,yBAAyB,CAAC;AAMvH,MAAM,MAAM,sBAAsB,GAAG,IAAI,CACvC,0BAA0B,EAC1B,cAAc,GAAG,OAAO,GAAG,cAAc,GAAG,iBAAiB,GAAG,UAAU,CAC3E,GAAG;IACF;;;OAGG;IACH,SAAS,CAAC,EAAE,CAAC,WAAW,EAAE,WAAW,KAAK,IAAI,CAAC;IAC/C;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,QAAA,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAyDjD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/components/admin/ApplicationCreate/ApplicationCreate.js

@@ -0,0 +1,66 @@
+import useTranslation_default from "../../../hooks/useTranslation.js";
+import useManagementEndpoint_default from "../../../hooks/management/useManagementEndpoint.js";
+import useResourceMutation_default from "../../../hooks/management/useResourceMutation.js";
+import useDefaultOuId_default from "../shared/useDefaultOuId.js";
+import BaseApplicationCreate_default from "./BaseApplicationCreate.js";
+import { ApplicationQueryKeys, createApplication, getApplicationClientSecret, toCreateApplicationRequest, toManagementErrorMessage } from "@thunderid/browser";
+import { useState } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/admin/ApplicationCreate/ApplicationCreate.tsx
+/**
+* Creates an application with an OAuth client through the management API, and shows its client
+* secret once when the server returns one.
+*
+* 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
+* <ApplicationCreate onCreated={(application) => navigate(`/applications/${application.id}`)} />
+* ```
+*/
+const ApplicationCreate = ({ onCreated, ouId, preferences,...rest }) => {
+	const { t } = useTranslation_default(preferences?.i18n);
+	const resolvedOuId = useDefaultOuId_default(ouId);
+	const endpoint = useManagementEndpoint_default("applications");
+	const [created, setCreated] = useState(null);
+	const [formKey, setFormKey] = useState(0);
+	const { error, isLoading, mutate } = useResourceMutation_default((payload, fetcher) => createApplication({
+		...endpoint,
+		fetcher,
+		payload
+	}), () => [[ApplicationQueryKeys.APPLICATIONS]], { onSuccess: (application) => {
+		const secret = getApplicationClientSecret(application);
+		if (secret) setCreated({
+			application,
+			secret
+		});
+		else onCreated?.(application);
+	} });
+	const handleSubmit = (submission) => {
+		if (resolvedOuId) mutate(toCreateApplicationRequest(submission, resolvedOuId));
+	};
+	const handleSecretDismiss = () => {
+		if (created) {
+			setCreated(null);
+			setFormKey((key) => key + 1);
+			onCreated?.(created.application);
+		}
+	};
+	return /* @__PURE__ */ jsx(BaseApplicationCreate_default, {
+		onSubmit: handleSubmit,
+		isSubmitting: isLoading,
+		clientSecret: created?.secret ?? null,
+		onSecretDismiss: handleSecretDismiss,
+		error: resolvedOuId ? toManagementErrorMessage(t, error, "admin.applications.create.error") : t("admin.common.errors.no_ou"),
+		preferences,
+		...rest
+	}, formKey);
+};
+var ApplicationCreate_default = ApplicationCreate;
+
+//#endregion
+export { ApplicationCreate_default as default };
+//# sourceMappingURL=ApplicationCreate.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ApplicationCreate.js","names":["ApplicationCreate: FC<ApplicationCreateProps>","useTranslation","resolvedOuId: string | undefined","useDefaultOuId","endpoint: ManagementEndpoint","useManagementEndpoint","useResourceMutation","secret: string | undefined","BaseApplicationCreate"],"sources":["../../../../src/components/admin/ApplicationCreate/ApplicationCreate.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {\n  Application,\n  ApplicationQueryKeys,\n  createApplication,\n  CreateApplicationRequest,\n  getApplicationClientSecret,\n  toCreateApplicationRequest,\n  toManagementErrorMessage,\n} from '@thunderid/browser';\nimport {FC, ReactElement, useState} from 'react';\nimport BaseApplicationCreate, {ApplicationCreateSubmission, BaseApplicationCreateProps} from './BaseApplicationCreate';\nimport useManagementEndpoint, {ManagementEndpoint} from '../../../hooks/management/useManagementEndpoint';\nimport useResourceMutation, {ResourceMutationResult} from '../../../hooks/management/useResourceMutation';\nimport useTranslation from '../../../hooks/useTranslation';\nimport useDefaultOuId from '../shared/useDefaultOuId';\n\nexport type ApplicationCreateProps = Omit<\n  BaseApplicationCreateProps,\n  'clientSecret' | 'error' | 'isSubmitting' | 'onSecretDismiss' | 'onSubmit'\n> & {\n  /**\n   * Called with the created application. When the server returned a client secret, it is called once\n   * the user has copied the secret, since the secret cannot be read again.\n   */\n  onCreated?: (application: Application) => void;\n  /**\n   * Organization unit the application is created in. Defaults to the signed-in user's organization unit.\n   */\n  ouId?: string;\n};\n\n/**\n * Creates an application with an OAuth client through the management API, and shows its client\n * secret once when the server returns one.\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 * <ApplicationCreate onCreated={(application) => navigate(`/applications/${application.id}`)} />\n * ```\n */\nconst ApplicationCreate: FC<ApplicationCreateProps> = ({\n  onCreated,\n  ouId,\n  preferences,\n  ...rest\n}: ApplicationCreateProps): ReactElement => {\n  const {t} = useTranslation(preferences?.i18n);\n  const resolvedOuId: string | undefined = useDefaultOuId(ouId);\n  const endpoint: ManagementEndpoint = useManagementEndpoint('applications');\n  const [created, setCreated] = useState<{application: Application; secret: string} | null>(null);\n  const [formKey, setFormKey] = useState<number>(0);\n  const {error, isLoading, mutate}: ResourceMutationResult<Application, CreateApplicationRequest> = useResourceMutation(\n    (payload: CreateApplicationRequest, fetcher) => createApplication({...endpoint, fetcher, payload}),\n    () => [[ApplicationQueryKeys.APPLICATIONS]],\n    {\n      onSuccess: (application: Application): void => {\n        const secret: string | undefined = getApplicationClientSecret(application);\n\n        if (secret) {\n          setCreated({application, secret});\n        } else {\n          onCreated?.(application);\n        }\n      },\n    },\n  );\n\n  const handleSubmit = (submission: ApplicationCreateSubmission): void => {\n    if (resolvedOuId) {\n      void mutate(toCreateApplicationRequest(submission, resolvedOuId));\n    }\n  };\n\n  const handleSecretDismiss = (): void => {\n    if (created) {\n      setCreated(null);\n      setFormKey((key: number) => key + 1);\n      onCreated?.(created.application);\n    }\n  };\n\n  return (\n    <BaseApplicationCreate\n      key={formKey}\n      onSubmit={handleSubmit}\n      isSubmitting={isLoading}\n      clientSecret={created?.secret ?? null}\n      onSecretDismiss={handleSecretDismiss}\n      error={\n        resolvedOuId\n          ? toManagementErrorMessage(t, error, 'admin.applications.create.error')\n          : t('admin.common.errors.no_ou')\n      }\n      preferences={preferences}\n      {...rest}\n    />\n  );\n};\n\nexport default ApplicationCreate;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA+CA,MAAMA,qBAAiD,EACrD,WACA,MACA,YACA,GAAG,WACuC;CAC1C,MAAM,EAAC,MAAKC,uBAAe,aAAa,KAAK;CAC7C,MAAMC,eAAmCC,uBAAe,KAAK;CAC7D,MAAMC,WAA+BC,8BAAsB,eAAe;CAC1E,MAAM,CAAC,SAAS,cAAc,SAA4D,KAAK;CAC/F,MAAM,CAAC,SAAS,cAAc,SAAiB,EAAE;CACjD,MAAM,EAAC,OAAO,WAAW,WAAyEC,6BAC/F,SAAmC,YAAY,kBAAkB;EAAC,GAAG;EAAU;EAAS;EAAQ,CAAC,QAC5F,CAAC,CAAC,qBAAqB,aAAa,CAAC,EAC3C,EACE,YAAY,gBAAmC;EAC7C,MAAMC,SAA6B,2BAA2B,YAAY;AAE1E,MAAI,OACF,YAAW;GAAC;GAAa;GAAO,CAAC;MAEjC,aAAY,YAAY;IAG7B,CACF;CAED,MAAM,gBAAgB,eAAkD;AACtE,MAAI,aACF,CAAK,OAAO,2BAA2B,YAAY,aAAa,CAAC;;CAIrE,MAAM,4BAAkC;AACtC,MAAI,SAAS;AACX,cAAW,KAAK;AAChB,eAAY,QAAgB,MAAM,EAAE;AACpC,eAAY,QAAQ,YAAY;;;AAIpC,QACE,oBAACC;EAEC,UAAU;EACV,cAAc;EACd,cAAc,SAAS,UAAU;EACjC,iBAAiB;EACjB,OACE,eACI,yBAAyB,GAAG,OAAO,kCAAkC,GACrE,EAAE,4BAA4B;EAEvB;EACb,GAAI;IAXC,QAYL;;AAIN,gCAAe"}

package/dist/components/admin/ApplicationCreate/BaseApplicationCreate.d.ts

@@ -0,0 +1,80 @@
+import { ApplicationSubmission, Preferences, SelectOption } from '@thunderid/browser';
+import { FC, ReactNode } from 'react';
+import { ApplicationFormValues, ApplicationTextField } from '../shared/ApplicationFormFields';
+/**
+ * The application {@link BaseApplicationCreate} submits. The organization unit is added by the caller.
+ */
+export type ApplicationCreateSubmission = ApplicationSubmission;
+/**
+ * What {@link BaseApplicationCreate} hands its `children` render function, so the form can be built with any UI.
+ */
+export interface BaseApplicationCreateRenderProps {
+    /**
+     * The client secret of the application just created, to show once. `null` while there is none.
+     */
+    clientSecret: string | null;
+    error: string | null;
+    /**
+     * The grant types to choose from, with translated labels.
+     */
+    grantTypeOptions: SelectOption[];
+    /**
+     * Sets the chosen grant types.
+     */
+    handleGrantTypesChange: (grantTypes: string[]) => void;
+    /**
+     * Sets one text field of the form. `redirectUris` takes URIs separated by commas.
+     */
+    handleInputChange: (field: ApplicationTextField, value: string) => void;
+    /**
+     * Sets whether the client is public.
+     */
+    handlePublicClientChange: (publicClient: boolean) => void;
+    /**
+     * Submits the current values. Does nothing while they are not valid.
+     */
+    handleSubmit: () => void;
+    isSubmitting: boolean;
+    /**
+     * Whether the values can be submitted.
+     */
+    isValid: boolean;
+    onCancel?: () => void;
+    /**
+     * Hides the client secret once it has been copied. Undefined while there is no secret.
+     */
+    onSecretDismiss?: () => void;
+    values: ApplicationFormValues;
+}
+export interface BaseApplicationCreateProps {
+    /**
+     * Renders custom UI in place of the default form. Receives the values, their setters, the grant
+     * types, the submit handler, the submission state and the client secret to show.
+     */
+    children?: (props: BaseApplicationCreateRenderProps) => ReactNode;
+    className?: string;
+    /**
+     * The client secret of the application just created. When set, the form gives way to the secret,
+     * which can be read only this once, until `onSecretDismiss` clears it.
+     */
+    clientSecret?: string | null;
+    description?: string;
+    error?: string | null;
+    isSubmitting?: boolean;
+    onCancel?: () => void;
+    /**
+     * Called when the user has copied the client secret.
+     */
+    onSecretDismiss?: () => void;
+    onSubmit: (application: ApplicationCreateSubmission) => void;
+    preferences?: Preferences;
+    title?: string;
+}
+/**
+ * A form that collects a new application's name, description, links and OAuth basics: redirect URIs,
+ * grant types and whether the client is public. Holds no data of its own: handle the submission, and
+ * pass back the client secret the server returned to show it once.
+ */
+declare const BaseApplicationCreate: FC<BaseApplicationCreateProps>;
+export default BaseApplicationCreate;
+//# sourceMappingURL=BaseApplicationCreate.d.ts.map

package/dist/components/admin/ApplicationCreate/BaseApplicationCreate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseApplicationCreate.d.ts","sourceRoot":"","sources":["../../../../src/components/admin/ApplicationCreate/BaseApplicationCreate.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,qBAAqB,EAIrB,WAAW,EACX,YAAY,EACb,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAC,EAAE,EAA2B,SAAS,EAAW,MAAM,OAAO,CAAC;AAOvE,OAA8B,EAAC,qBAAqB,EAAE,oBAAoB,EAAC,MAAM,iCAAiC,CAAC;AAGnH;;GAEG;AACH,MAAM,MAAM,2BAA2B,GAAG,qBAAqB,CAAC;AAEhE;;GAEG;AACH,MAAM,WAAW,gCAAgC;IAC/C;;OAEG;IACH,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB;;OAEG;IACH,gBAAgB,EAAE,YAAY,EAAE,CAAC;IACjC;;OAEG;IACH,sBAAsB,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACvD;;OAEG;IACH,iBAAiB,EAAE,CAAC,KAAK,EAAE,oBAAoB,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxE;;OAEG;IACH,wBAAwB,EAAE,CAAC,YAAY,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1D;;OAEG;IACH,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,YAAY,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,MAAM,EAAE,qBAAqB,CAAC;CAC/B;AAED,MAAM,WAAW,0BAA0B;IACzC;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,gCAAgC,KAAK,SAAS,CAAC;IAClE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,QAAQ,EAAE,CAAC,WAAW,EAAE,2BAA2B,KAAK,IAAI,CAAC;IAC7D,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;GAIG;AACH,QAAA,MAAM,qBAAqB,EAAE,EAAE,CAAC,0BAA0B,CAqHzD,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/components/admin/ApplicationCreate/BaseApplicationCreate.js

@@ -0,0 +1,131 @@
+import useTheme_default from "../../../contexts/Theme/useTheme.js";
+import useTranslation_default from "../../../hooks/useTranslation.js";
+import Button_default from "../../primitives/Button/Button.js";
+import Alert_default from "../../primitives/Alert/Alert.js";
+import AdminSection_styles_default from "../shared/AdminSection.styles.js";
+import AdminSection_default from "../shared/AdminSection.js";
+import ApplicationFormFields_default from "../shared/ApplicationFormFields.js";
+import ClientSecretNotice_default from "../shared/ClientSecretNotice.js";
+import { APPLICATION_GRANT_TYPES, DEFAULT_APPLICATION_GRANT_TYPES, isApplicationSubmissionValid, parseRedirectUris } from "@thunderid/browser";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/admin/ApplicationCreate/BaseApplicationCreate.tsx
+/**
+* A form that collects a new application's name, description, links and OAuth basics: redirect URIs,
+* grant types and whether the client is public. Holds no data of its own: handle the submission, and
+* pass back the client secret the server returned to show it once.
+*/
+const BaseApplicationCreate = ({ children, className, clientSecret = null, description, error = null, isSubmitting = false, onCancel, onSecretDismiss, onSubmit, preferences, title }) => {
+	const { theme, colorScheme } = useTheme_default();
+	const styles = AdminSection_styles_default(theme, colorScheme);
+	const { t } = useTranslation_default(preferences?.i18n);
+	const [values, setValues] = useState({
+		description: "",
+		grantTypes: [...DEFAULT_APPLICATION_GRANT_TYPES],
+		logoUrl: "",
+		name: "",
+		publicClient: false,
+		redirectUris: "",
+		url: ""
+	});
+	const submission = {
+		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
+	};
+	const isValid = isApplicationSubmissionValid(submission);
+	const setInput = (field, value) => setValues((previous) => ({
+		...previous,
+		[field]: value
+	}));
+	const setGrantTypes = (grantTypes) => setValues((previous) => ({
+		...previous,
+		grantTypes
+	}));
+	const setPublicClient = (publicClient) => setValues((previous) => ({
+		...previous,
+		publicClient
+	}));
+	const submit = () => {
+		if (isValid && !isSubmitting) onSubmit(submission);
+	};
+	const handleSubmit = (event) => {
+		event.preventDefault();
+		submit();
+	};
+	if (children) return /* @__PURE__ */ jsx("div", {
+		className,
+		children: children({
+			clientSecret,
+			error,
+			grantTypeOptions: APPLICATION_GRANT_TYPES.map((grantType) => ({
+				label: t(`admin.applications.grant_types.${grantType}`),
+				value: grantType
+			})),
+			handleGrantTypesChange: setGrantTypes,
+			handleInputChange: setInput,
+			handlePublicClientChange: setPublicClient,
+			handleSubmit: submit,
+			isSubmitting,
+			isValid,
+			onCancel,
+			onSecretDismiss: clientSecret ? onSecretDismiss : void 0,
+			values
+		})
+	});
+	return /* @__PURE__ */ jsx(AdminSection_default, {
+		block: "application-create",
+		className,
+		title: title ?? t("admin.applications.create.title"),
+		description,
+		preferences,
+		children: clientSecret ? /* @__PURE__ */ jsx(ClientSecretNotice_default, {
+			secret: clientSecret,
+			onDismiss: onSecretDismiss,
+			preferences
+		}) : /* @__PURE__ */ jsxs("form", {
+			className: styles["form"],
+			onSubmit: handleSubmit,
+			noValidate: true,
+			children: [
+				error && /* @__PURE__ */ jsx(Alert_default, {
+					variant: "error",
+					role: "alert",
+					children: error
+				}),
+				/* @__PURE__ */ jsx(ApplicationFormFields_default, {
+					preferences,
+					values,
+					onInputChange: setInput,
+					onGrantTypesChange: setGrantTypes,
+					onPublicClientChange: setPublicClient
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: styles["formActions"],
+					children: [onCancel && /* @__PURE__ */ jsx(Button_default, {
+						type: "button",
+						variant: "text",
+						onClick: onCancel,
+						disabled: isSubmitting,
+						children: t("admin.common.actions.cancel")
+					}), /* @__PURE__ */ jsx(Button_default, {
+						type: "submit",
+						loading: isSubmitting,
+						disabled: !isValid || isSubmitting,
+						children: t("admin.applications.create.submit")
+					})]
+				})
+			]
+		})
+	});
+};
+var BaseApplicationCreate_default = BaseApplicationCreate;
+
+//#endregion
+export { BaseApplicationCreate_default as default };
+//# sourceMappingURL=BaseApplicationCreate.js.map

package/dist/components/admin/ApplicationCreate/BaseApplicationCreate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseApplicationCreate.js","names":["BaseApplicationCreate: FC<BaseApplicationCreateProps>","useTheme","styles: Record<string, string>","useStyles","useTranslation","submission: ApplicationCreateSubmission","isValid: boolean","AdminSection","ClientSecretNotice","Alert","ApplicationFormFields","Button"],"sources":["../../../../src/components/admin/ApplicationCreate/BaseApplicationCreate.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {\n  APPLICATION_GRANT_TYPES,\n  ApplicationSubmission,\n  DEFAULT_APPLICATION_GRANT_TYPES,\n  isApplicationSubmissionValid,\n  parseRedirectUris,\n  Preferences,\n  SelectOption,\n} from '@thunderid/browser';\nimport {FC, FormEvent, ReactElement, ReactNode, useState} from 'react';\nimport useTheme from '../../../contexts/Theme/useTheme';\nimport useTranslation from '../../../hooks/useTranslation';\nimport Alert from '../../primitives/Alert/Alert';\nimport Button from '../../primitives/Button/Button';\nimport AdminSection from '../shared/AdminSection';\nimport useStyles from '../shared/AdminSection.styles';\nimport ApplicationFormFields, {ApplicationFormValues, ApplicationTextField} from '../shared/ApplicationFormFields';\nimport ClientSecretNotice from '../shared/ClientSecretNotice';\n\n/**\n * The application {@link BaseApplicationCreate} submits. The organization unit is added by the caller.\n */\nexport type ApplicationCreateSubmission = ApplicationSubmission;\n\n/**\n * What {@link BaseApplicationCreate} hands its `children` render function, so the form can be built with any UI.\n */\nexport interface BaseApplicationCreateRenderProps {\n  /**\n   * The client secret of the application just created, to show once. `null` while there is none.\n   */\n  clientSecret: string | null;\n  error: string | null;\n  /**\n   * The grant types to choose from, with translated labels.\n   */\n  grantTypeOptions: SelectOption[];\n  /**\n   * Sets the chosen grant types.\n   */\n  handleGrantTypesChange: (grantTypes: string[]) => void;\n  /**\n   * Sets one text field of the form. `redirectUris` takes URIs separated by commas.\n   */\n  handleInputChange: (field: ApplicationTextField, value: string) => void;\n  /**\n   * Sets whether the client is public.\n   */\n  handlePublicClientChange: (publicClient: boolean) => void;\n  /**\n   * Submits the current values. Does nothing while they are not valid.\n   */\n  handleSubmit: () => void;\n  isSubmitting: boolean;\n  /**\n   * Whether the values can be submitted.\n   */\n  isValid: boolean;\n  onCancel?: () => void;\n  /**\n   * Hides the client secret once it has been copied. Undefined while there is no secret.\n   */\n  onSecretDismiss?: () => void;\n  values: ApplicationFormValues;\n}\n\nexport interface BaseApplicationCreateProps {\n  /**\n   * Renders custom UI in place of the default form. Receives the values, their setters, the grant\n   * types, the submit handler, the submission state and the client secret to show.\n   */\n  children?: (props: BaseApplicationCreateRenderProps) => ReactNode;\n  className?: string;\n  /**\n   * The client secret of the application just created. When set, the form gives way to the secret,\n   * which can be read only this once, until `onSecretDismiss` clears it.\n   */\n  clientSecret?: string | null;\n  description?: string;\n  error?: string | null;\n  isSubmitting?: boolean;\n  onCancel?: () => void;\n  /**\n   * Called when the user has copied the client secret.\n   */\n  onSecretDismiss?: () => void;\n  onSubmit: (application: ApplicationCreateSubmission) => void;\n  preferences?: Preferences;\n  title?: string;\n}\n\n/**\n * A form that collects a new application's name, description, links and OAuth basics: redirect URIs,\n * grant types and whether the client is public. Holds no data of its own: handle the submission, and\n * pass back the client secret the server returned to show it once.\n */\nconst BaseApplicationCreate: FC<BaseApplicationCreateProps> = ({\n  children,\n  className,\n  clientSecret = null,\n  description,\n  error = null,\n  isSubmitting = false,\n  onCancel,\n  onSecretDismiss,\n  onSubmit,\n  preferences,\n  title,\n}: BaseApplicationCreateProps): ReactElement => {\n  const {theme, colorScheme} = useTheme();\n  const styles: Record<string, string> = useStyles(theme, colorScheme);\n  const {t} = useTranslation(preferences?.i18n);\n  const [values, setValues] = useState<ApplicationFormValues>({\n    description: '',\n    grantTypes: [...DEFAULT_APPLICATION_GRANT_TYPES],\n    logoUrl: '',\n    name: '',\n    publicClient: false,\n    redirectUris: '',\n    url: '',\n  });\n\n  const submission: ApplicationCreateSubmission = {\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  const isValid: boolean = isApplicationSubmissionValid(submission);\n\n  const setInput = (field: ApplicationTextField, value: string): void =>\n    setValues((previous: ApplicationFormValues) => ({...previous, [field]: value}));\n  const setGrantTypes = (grantTypes: string[]): void =>\n    setValues((previous: ApplicationFormValues) => ({...previous, grantTypes}));\n  const setPublicClient = (publicClient: boolean): void =>\n    setValues((previous: ApplicationFormValues) => ({...previous, publicClient}));\n\n  const submit = (): void => {\n    if (isValid && !isSubmitting) {\n      onSubmit(submission);\n    }\n  };\n\n  const handleSubmit = (event: FormEvent<HTMLFormElement>): void => {\n    event.preventDefault();\n    submit();\n  };\n\n  if (children) {\n    return (\n      <div className={className}>\n        {children({\n          clientSecret,\n          error,\n          grantTypeOptions: APPLICATION_GRANT_TYPES.map((grantType: string) => ({\n            label: t(`admin.applications.grant_types.${grantType}`),\n            value: grantType,\n          })),\n          handleGrantTypesChange: setGrantTypes,\n          handleInputChange: setInput,\n          handlePublicClientChange: setPublicClient,\n          handleSubmit: submit,\n          isSubmitting,\n          isValid,\n          onCancel,\n          onSecretDismiss: clientSecret ? onSecretDismiss : undefined,\n          values,\n        })}\n      </div>\n    );\n  }\n\n  return (\n    <AdminSection\n      block=\"application-create\"\n      className={className}\n      title={title ?? t('admin.applications.create.title')}\n      description={description}\n      preferences={preferences}\n    >\n      {clientSecret ? (\n        <ClientSecretNotice secret={clientSecret} onDismiss={onSecretDismiss} preferences={preferences} />\n      ) : (\n        <form className={styles['form']} onSubmit={handleSubmit} noValidate>\n          {error && (\n            <Alert variant=\"error\" role=\"alert\">\n              {error}\n            </Alert>\n          )}\n          <ApplicationFormFields\n            preferences={preferences}\n            values={values}\n            onInputChange={setInput}\n            onGrantTypesChange={setGrantTypes}\n            onPublicClientChange={setPublicClient}\n          />\n          <div className={styles['formActions']}>\n            {onCancel && (\n              <Button type=\"button\" variant=\"text\" onClick={onCancel} disabled={isSubmitting}>\n                {t('admin.common.actions.cancel')}\n              </Button>\n            )}\n            <Button type=\"submit\" loading={isSubmitting} disabled={!isValid || isSubmitting}>\n              {t('admin.applications.create.submit')}\n            </Button>\n          </div>\n        </form>\n      )}\n    </AdminSection>\n  );\n};\n\nexport default BaseApplicationCreate;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAmGA,MAAMA,yBAAyD,EAC7D,UACA,WACA,eAAe,MACf,aACA,QAAQ,MACR,eAAe,OACf,UACA,iBACA,UACA,aACA,YAC8C;CAC9C,MAAM,EAAC,OAAO,gBAAeC,kBAAU;CACvC,MAAMC,SAAiCC,4BAAU,OAAO,YAAY;CACpE,MAAM,EAAC,MAAKC,uBAAe,aAAa,KAAK;CAC7C,MAAM,CAAC,QAAQ,aAAa,SAAgC;EAC1D,aAAa;EACb,YAAY,CAAC,GAAG,gCAAgC;EAChD,SAAS;EACT,MAAM;EACN,cAAc;EACd,cAAc;EACd,KAAK;EACN,CAAC;CAEF,MAAMC,aAA0C;EAC9C,aAAa,OAAO,YAAY,MAAM,IAAI;EAC1C,YAAY,OAAO;EACnB,SAAS,OAAO,QAAQ,MAAM,IAAI;EAClC,MAAM,OAAO,KAAK,MAAM;EACxB,cAAc,OAAO;EACrB,cAAc,kBAAkB,OAAO,aAAa;EACpD,KAAK,OAAO,IAAI,MAAM,IAAI;EAC3B;CACD,MAAMC,UAAmB,6BAA6B,WAAW;CAEjE,MAAM,YAAY,OAA6B,UAC7C,WAAW,cAAqC;EAAC,GAAG;GAAW,QAAQ;EAAM,EAAE;CACjF,MAAM,iBAAiB,eACrB,WAAW,cAAqC;EAAC,GAAG;EAAU;EAAW,EAAE;CAC7E,MAAM,mBAAmB,iBACvB,WAAW,cAAqC;EAAC,GAAG;EAAU;EAAa,EAAE;CAE/E,MAAM,eAAqB;AACzB,MAAI,WAAW,CAAC,aACd,UAAS,WAAW;;CAIxB,MAAM,gBAAgB,UAA4C;AAChE,QAAM,gBAAgB;AACtB,UAAQ;;AAGV,KAAI,SACF,QACE,oBAAC;EAAe;YACb,SAAS;GACR;GACA;GACA,kBAAkB,wBAAwB,KAAK,eAAuB;IACpE,OAAO,EAAE,kCAAkC,YAAY;IACvD,OAAO;IACR,EAAE;GACH,wBAAwB;GACxB,mBAAmB;GACnB,0BAA0B;GAC1B,cAAc;GACd;GACA;GACA;GACA,iBAAiB,eAAe,kBAAkB;GAClD;GACD,CAAC;GACE;AAIV,QACE,oBAACC;EACC,OAAM;EACK;EACX,OAAO,SAAS,EAAE,kCAAkC;EACvC;EACA;YAEZ,eACC,oBAACC;GAAmB,QAAQ;GAAc,WAAW;GAA8B;IAAe,GAElG,qBAAC;GAAK,WAAW,OAAO;GAAS,UAAU;GAAc;;IACtD,SACC,oBAACC;KAAM,SAAQ;KAAQ,MAAK;eACzB;MACK;IAEV,oBAACC;KACc;KACL;KACR,eAAe;KACf,oBAAoB;KACpB,sBAAsB;MACtB;IACF,qBAAC;KAAI,WAAW,OAAO;gBACpB,YACC,oBAACC;MAAO,MAAK;MAAS,SAAQ;MAAO,SAAS;MAAU,UAAU;gBAC/D,EAAE,8BAA8B;OAC1B,EAEX,oBAACA;MAAO,MAAK;MAAS,SAAS;MAAc,UAAU,CAAC,WAAW;gBAChE,EAAE,mCAAmC;OAC/B;MACL;;IACD;GAEI;;AAInB,oCAAe"}

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

@@ -0,0 +1,50 @@
+import { FC } from 'react';
+import { BaseApplicationDetailsProps } from './BaseApplicationDetails';
+export type ApplicationDetailsProps = Omit<BaseApplicationDetailsProps, 'application' | 'clientSecret' | 'error' | 'isDeleting' | 'isLoading' | 'isRegeneratingSecret' | 'isUpdating' | 'onDelete' | 'onRegenerateSecret' | 'onSecretDismiss' | 'onUpdate'> & {
+    applicationId: string;
+    /**
+     * Whether the application can be deleted from this view.
+     * @default false
+     */
+    deletable?: boolean;
+    /**
+     * Whether the application's general fields, redirect URIs and grant types can be edited from this view.
+     * @default false
+     */
+    editable?: boolean;
+    /**
+     * Called after the application has been deleted.
+     */
+    onDeleted?: () => void;
+    /**
+     * Whether the application's client secret can be regenerated from this view. The new secret is shown
+     * once.
+     * @default false
+     */
+    secretRegenerable?: boolean;
+};
+/**
+ * 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')}
+ * />
+ * ```
+ */
+declare const ApplicationDetails: FC<ApplicationDetailsProps>;
+export default ApplicationDetails;
+//# sourceMappingURL=ApplicationDetails.d.ts.map