@thunderid/react 1.13.0 → 1.15.0

package/dist/cjs/components/management/OrganizationUnitDetails/OrganizationUnitDetails.cjs

@@ -0,0 +1,142 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_useTranslation = require('../../../hooks/useTranslation.cjs');
+const require_useManagementEndpoint = require('../../../hooks/management/useManagementEndpoint.cjs');
+const require_useResourceQuery = require('../../../hooks/management/useResourceQuery.cjs');
+const require_useResourceMutation = require('../../../hooks/management/useResourceMutation.cjs');
+const require_BaseOrganizationUnitDetails = require('./BaseOrganizationUnitDetails.cjs');
+let __thunderid_browser = require("@thunderid/browser");
+__thunderid_browser = require_rolldown_runtime.__toESM(__thunderid_browser);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/components/management/OrganizationUnitDetails/OrganizationUnitDetails.tsx
+/**
+* Shows an organization unit with its child units and the users, groups and roles in it (read only),
+* and lets the signed-in user edit and delete it.
+*
+* @example
+* ```tsx
+* <OrganizationUnitDetails organizationUnitId={unitId} editable deletable onDeleted={() => navigate('/units')} />
+* ```
+*/
+const OrganizationUnitDetails = ({ deletable = false, editable = false, limit = 20, onDeleted, onUpdated, organizationUnitId, preferences,...rest }) => {
+	const { t } = require_useTranslation.default(preferences?.i18n);
+	const endpoint = require_useManagementEndpoint.default("organizationUnits");
+	const enabled = Boolean(organizationUnitId);
+	const ouId = organizationUnitId;
+	const unit = require_useResourceQuery.default([__thunderid_browser.OrganizationUnitQueryKeys.ORGANIZATION_UNIT, ouId], (fetcher) => (0, __thunderid_browser.getOrganizationUnit)({
+		...endpoint,
+		fetcher,
+		ouId
+	}), { enabled });
+	const parentId = unit.data?.parent ?? void 0;
+	const parent = require_useResourceQuery.default([__thunderid_browser.OrganizationUnitQueryKeys.ORGANIZATION_UNIT, parentId], (fetcher) => (0, __thunderid_browser.getOrganizationUnit)({
+		...endpoint,
+		fetcher,
+		ouId: parentId ?? ""
+	}), { enabled: Boolean(parentId) });
+	const childUnits = require_useResourceQuery.default([
+		__thunderid_browser.OrganizationUnitQueryKeys.ORGANIZATION_UNIT_CHILDREN,
+		ouId,
+		{
+			limit,
+			offset: 0
+		}
+	], (fetcher) => (0, __thunderid_browser.getOrganizationUnitChildren)({
+		...endpoint,
+		fetcher,
+		limit,
+		offset: 0,
+		ouId
+	}), { enabled });
+	const users = require_useResourceQuery.default([
+		__thunderid_browser.OrganizationUnitQueryKeys.ORGANIZATION_UNIT_USERS,
+		ouId,
+		{ limit }
+	], (fetcher) => (0, __thunderid_browser.getOrganizationUnitUsers)({
+		...endpoint,
+		fetcher,
+		limit,
+		offset: 0,
+		ouId
+	}), { enabled });
+	const groups = require_useResourceQuery.default([
+		__thunderid_browser.OrganizationUnitQueryKeys.ORGANIZATION_UNIT_GROUPS,
+		ouId,
+		{ limit }
+	], (fetcher) => (0, __thunderid_browser.getOrganizationUnitGroups)({
+		...endpoint,
+		fetcher,
+		limit,
+		offset: 0,
+		ouId
+	}), { enabled });
+	const roles = require_useResourceQuery.default([
+		__thunderid_browser.OrganizationUnitQueryKeys.ORGANIZATION_UNIT_ROLES,
+		ouId,
+		{ limit }
+	], (fetcher) => (0, __thunderid_browser.getOrganizationUnitRoles)({
+		...endpoint,
+		fetcher,
+		limit,
+		offset: 0,
+		ouId
+	}), { enabled });
+	const update = require_useResourceMutation.default((payload, fetcher) => (0, __thunderid_browser.updateOrganizationUnit)({
+		...endpoint,
+		fetcher,
+		ouId,
+		payload
+	}), () => [
+		[__thunderid_browser.OrganizationUnitQueryKeys.ORGANIZATION_UNIT, ouId],
+		[__thunderid_browser.OrganizationUnitQueryKeys.ORGANIZATION_UNITS],
+		[__thunderid_browser.OrganizationUnitQueryKeys.ORGANIZATION_UNIT_CHILDREN]
+	], { onSuccess: onUpdated });
+	const deletion = require_useResourceMutation.default((id, fetcher) => (0, __thunderid_browser.deleteOrganizationUnit)({
+		...endpoint,
+		fetcher,
+		ouId: id
+	}), () => [[__thunderid_browser.OrganizationUnitQueryKeys.ORGANIZATION_UNITS], [__thunderid_browser.OrganizationUnitQueryKeys.ORGANIZATION_UNIT_CHILDREN]], { onSuccess: onDeleted });
+	const handleUpdate = (changes) => {
+		const current = unit.data;
+		if (!current) return;
+		const { createdAt, id, updatedAt,...settings } = current;
+		update.mutate({
+			...settings,
+			...changes,
+			parent: current.parent ?? null
+		});
+	};
+	const contentsError = childUnits.error ?? users.error ?? groups.error ?? roles.error;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_BaseOrganizationUnitDetails.default, {
+		organizationUnit: unit.data,
+		parent: parent.data,
+		isLoading: unit.isLoading,
+		error: (0, __thunderid_browser.toManagementErrorMessage)(t, unit.error, "admin.organization_units.details.error") ?? (0, __thunderid_browser.toManagementErrorMessage)(t, update.error, "admin.organization_units.details.edit.error", __thunderid_browser.ORGANIZATION_UNIT_ERROR_KEYS) ?? (0, __thunderid_browser.toManagementErrorMessage)(t, deletion.error, "admin.organization_units.details.delete.error", __thunderid_browser.ORGANIZATION_UNIT_ERROR_KEYS),
+		contents: {
+			childUnits: childUnits.data?.organizationUnits ?? [],
+			groups: groups.data?.groups ?? [],
+			roles: roles.data?.roles ?? [],
+			totals: {
+				childUnits: childUnits.data?.totalResults,
+				groups: groups.data?.totalResults,
+				roles: roles.data?.totalResults,
+				users: users.data?.totalResults
+			},
+			users: users.data?.users ?? []
+		},
+		contentsError: (0, __thunderid_browser.toManagementErrorMessage)(t, contentsError, "admin.organization_units.details.members_error"),
+		isLoadingContents: childUnits.isLoading || users.isLoading || groups.isLoading || roles.isLoading,
+		isDeleting: deletion.isLoading,
+		isUpdating: update.isLoading,
+		onDelete: deletable ? () => void deletion.mutate(ouId) : void 0,
+		onUpdate: editable ? handleUpdate : void 0,
+		preferences,
+		...rest
+	});
+};
+var OrganizationUnitDetails_default = OrganizationUnitDetails;
+
+//#endregion
+exports.default = OrganizationUnitDetails_default;
+//# sourceMappingURL=OrganizationUnitDetails.cjs.map

package/dist/cjs/components/management/OrganizationUnitDetails/OrganizationUnitDetails.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrganizationUnitDetails.cjs","names":["OrganizationUnitDetails: FC<OrganizationUnitDetailsProps>","useTranslation","endpoint: ManagementEndpoint","useManagementEndpoint","ouId: string","unit: ResourceQueryResult<OrganizationUnit>","useResourceQuery","OrganizationUnitQueryKeys","parentId: string | undefined","parent: ResourceQueryResult<OrganizationUnit>","childUnits: ResourceQueryResult<OrganizationUnitListResponse>","users: ResourceQueryResult<OrganizationUnitUserListResponse>","groups: ResourceQueryResult<OrganizationUnitGroupListResponse>","roles: ResourceQueryResult<OrganizationUnitRoleListResponse>","update: ResourceMutationResult<OrganizationUnit, UpdateOrganizationUnitRequest>","useResourceMutation","deletion: ResourceMutationResult<void, string>","current: OrganizationUnit | undefined","contentsError: Error | null","BaseOrganizationUnitDetails","ORGANIZATION_UNIT_ERROR_KEYS"],"sources":["../../../../../src/components/management/OrganizationUnitDetails/OrganizationUnitDetails.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {\n  ORGANIZATION_UNIT_ERROR_KEYS,\n  OrganizationUnit,\n  OrganizationUnitGroupListResponse,\n  OrganizationUnitListResponse,\n  OrganizationUnitQueryKeys,\n  OrganizationUnitRoleListResponse,\n  OrganizationUnitUserListResponse,\n  UpdateOrganizationUnitRequest,\n  deleteOrganizationUnit,\n  getOrganizationUnit,\n  getOrganizationUnitChildren,\n  getOrganizationUnitGroups,\n  getOrganizationUnitRoles,\n  getOrganizationUnitUsers,\n  toManagementErrorMessage,\n  updateOrganizationUnit,\n} from '@thunderid/browser';\nimport {FC, ReactElement} from 'react';\nimport BaseOrganizationUnitDetails, {\n  BaseOrganizationUnitDetailsProps,\n  OrganizationUnitUpdateSubmission,\n} from './BaseOrganizationUnitDetails';\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 OrganizationUnitDetailsProps = Omit<\n  BaseOrganizationUnitDetailsProps,\n  | 'contents'\n  | 'contentsError'\n  | 'error'\n  | 'isDeleting'\n  | 'isLoading'\n  | 'isLoadingContents'\n  | 'isUpdating'\n  | 'onDelete'\n  | 'onUpdate'\n  | 'organizationUnit'\n  | 'parent'\n> & {\n  /**\n   * Whether the unit can be deleted from this view. The server refuses deleting a unit that still\n   * holds child units or resources; the refusal is shown as a translated message.\n   * @default false\n   */\n  deletable?: boolean;\n  /**\n   * Whether the name, handle and description can be edited from this view.\n   * @default false\n   */\n  editable?: boolean;\n  /**\n   * How many child units, users, groups and roles to list.\n   * @default 20\n   */\n  limit?: number;\n  /**\n   * Called after the unit has been deleted.\n   */\n  onDeleted?: () => void;\n  /**\n   * Called with the unit as the server stored it after an edit.\n   */\n  onUpdated?: (organizationUnit: OrganizationUnit) => void;\n  organizationUnitId: string;\n};\n\n/**\n * Shows an organization unit with its child units and the users, groups and roles in it (read only),\n * and lets the signed-in user edit and delete it.\n *\n * @example\n * ```tsx\n * <OrganizationUnitDetails organizationUnitId={unitId} editable deletable onDeleted={() => navigate('/units')} />\n * ```\n */\nconst OrganizationUnitDetails: FC<OrganizationUnitDetailsProps> = ({\n  deletable = false,\n  editable = false,\n  limit = 20,\n  onDeleted,\n  onUpdated,\n  organizationUnitId,\n  preferences,\n  ...rest\n}: OrganizationUnitDetailsProps): ReactElement => {\n  const {t} = useTranslation(preferences?.i18n);\n  const endpoint: ManagementEndpoint = useManagementEndpoint('organizationUnits');\n  const enabled = Boolean(organizationUnitId);\n  const ouId: string = organizationUnitId;\n  const unit: ResourceQueryResult<OrganizationUnit> = useResourceQuery(\n    [OrganizationUnitQueryKeys.ORGANIZATION_UNIT, ouId],\n    (fetcher) => getOrganizationUnit({...endpoint, fetcher, ouId}),\n    {enabled},\n  );\n  const parentId: string | undefined = unit.data?.parent ?? undefined;\n  const parent: ResourceQueryResult<OrganizationUnit> = useResourceQuery(\n    [OrganizationUnitQueryKeys.ORGANIZATION_UNIT, parentId],\n    (fetcher) => getOrganizationUnit({...endpoint, fetcher, ouId: parentId ?? ''}),\n    {enabled: Boolean(parentId)},\n  );\n  const childUnits: ResourceQueryResult<OrganizationUnitListResponse> = useResourceQuery(\n    [OrganizationUnitQueryKeys.ORGANIZATION_UNIT_CHILDREN, ouId, {limit, offset: 0}],\n    (fetcher) => getOrganizationUnitChildren({...endpoint, fetcher, limit, offset: 0, ouId}),\n    {enabled},\n  );\n  const users: ResourceQueryResult<OrganizationUnitUserListResponse> = useResourceQuery(\n    [OrganizationUnitQueryKeys.ORGANIZATION_UNIT_USERS, ouId, {limit}],\n    (fetcher) => getOrganizationUnitUsers({...endpoint, fetcher, limit, offset: 0, ouId}),\n    {enabled},\n  );\n  const groups: ResourceQueryResult<OrganizationUnitGroupListResponse> = useResourceQuery(\n    [OrganizationUnitQueryKeys.ORGANIZATION_UNIT_GROUPS, ouId, {limit}],\n    (fetcher) => getOrganizationUnitGroups({...endpoint, fetcher, limit, offset: 0, ouId}),\n    {enabled},\n  );\n  const roles: ResourceQueryResult<OrganizationUnitRoleListResponse> = useResourceQuery(\n    [OrganizationUnitQueryKeys.ORGANIZATION_UNIT_ROLES, ouId, {limit}],\n    (fetcher) => getOrganizationUnitRoles({...endpoint, fetcher, limit, offset: 0, ouId}),\n    {enabled},\n  );\n  const update: ResourceMutationResult<OrganizationUnit, UpdateOrganizationUnitRequest> = useResourceMutation(\n    (payload: UpdateOrganizationUnitRequest, fetcher) => updateOrganizationUnit({...endpoint, fetcher, ouId, payload}),\n    () => [\n      [OrganizationUnitQueryKeys.ORGANIZATION_UNIT, ouId],\n      [OrganizationUnitQueryKeys.ORGANIZATION_UNITS],\n      [OrganizationUnitQueryKeys.ORGANIZATION_UNIT_CHILDREN],\n    ],\n    {onSuccess: onUpdated},\n  );\n  const deletion: ResourceMutationResult<void, string> = useResourceMutation(\n    (id: string, fetcher) => deleteOrganizationUnit({...endpoint, fetcher, ouId: id}),\n    () => [[OrganizationUnitQueryKeys.ORGANIZATION_UNITS], [OrganizationUnitQueryKeys.ORGANIZATION_UNIT_CHILDREN]],\n    {onSuccess: onDeleted},\n  );\n\n  const handleUpdate = (changes: OrganizationUnitUpdateSubmission): void => {\n    const current: OrganizationUnit | undefined = unit.data;\n\n    if (!current) {\n      return;\n    }\n\n    // The update replaces the unit, so the settings this view does not edit are sent back unchanged.\n    const {createdAt, id, updatedAt, ...settings}: OrganizationUnit = current;\n    void createdAt;\n    void id;\n    void updatedAt;\n    void update.mutate({...settings, ...changes, parent: current.parent ?? null});\n  };\n\n  const contentsError: Error | null = childUnits.error ?? users.error ?? groups.error ?? roles.error;\n\n  return (\n    <BaseOrganizationUnitDetails\n      organizationUnit={unit.data}\n      parent={parent.data}\n      isLoading={unit.isLoading}\n      error={\n        toManagementErrorMessage(t, unit.error, 'admin.organization_units.details.error') ??\n        toManagementErrorMessage(\n          t,\n          update.error,\n          'admin.organization_units.details.edit.error',\n          ORGANIZATION_UNIT_ERROR_KEYS,\n        ) ??\n        toManagementErrorMessage(\n          t,\n          deletion.error,\n          'admin.organization_units.details.delete.error',\n          ORGANIZATION_UNIT_ERROR_KEYS,\n        )\n      }\n      contents={{\n        childUnits: childUnits.data?.organizationUnits ?? [],\n        groups: groups.data?.groups ?? [],\n        roles: roles.data?.roles ?? [],\n        totals: {\n          childUnits: childUnits.data?.totalResults,\n          groups: groups.data?.totalResults,\n          roles: roles.data?.totalResults,\n          users: users.data?.totalResults,\n        },\n        users: users.data?.users ?? [],\n      }}\n      contentsError={toManagementErrorMessage(t, contentsError, 'admin.organization_units.details.members_error')}\n      isLoadingContents={childUnits.isLoading || users.isLoading || groups.isLoading || roles.isLoading}\n      isDeleting={deletion.isLoading}\n      isUpdating={update.isLoading}\n      onDelete={deletable ? (): void => void deletion.mutate(ouId) : undefined}\n      onUpdate={editable ? handleUpdate : undefined}\n      preferences={preferences}\n      {...rest}\n    />\n  );\n};\n\nexport default OrganizationUnitDetails;\n"],"mappings":"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"}

package/dist/cjs/components/management/OrganizationUnitList/BaseOrganizationUnitList.cjs

@@ -0,0 +1,78 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_useTranslation = require('../../../hooks/useTranslation.cjs');
+const require_DataTable = require('../../primitives/DataTable/DataTable.cjs');
+const require_AdminSection = require('../shared/AdminSection.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/components/management/OrganizationUnitList/BaseOrganizationUnitList.tsx
+/**
+* Lists organization units with their handle and description. Holds no data of its own: pass the
+* page of units and handle selection and pagination.
+*/
+const BaseOrganizationUnitList = ({ actions, children, className, description, error = null, isLoading = false, limit = 20, offset = 0, onPageChange, onSelect, organizationUnits, preferences, selectedOrganizationUnitId, title, totalResults }) => {
+	const { t } = require_useTranslation.default(preferences?.i18n);
+	const columns = [
+		{
+			header: t("admin.organization_units.fields.name"),
+			id: "name",
+			render: (unit) => unit.name
+		},
+		{
+			header: t("admin.organization_units.fields.handle"),
+			id: "handle",
+			render: (unit) => unit.handle
+		},
+		{
+			header: t("admin.organization_units.fields.description"),
+			id: "description",
+			render: (unit) => unit.description ?? ""
+		}
+	];
+	if (children) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className,
+		children: children({
+			columns,
+			error,
+			isLoading,
+			limit,
+			offset,
+			onPageChange,
+			onSelect,
+			organizationUnits,
+			rows: organizationUnits,
+			selectedRowId: selectedOrganizationUnitId,
+			totalResults: totalResults ?? organizationUnits.length
+		})
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AdminSection.default, {
+		block: "organization-unit-list",
+		className,
+		title: title ?? t("admin.organization_units.list.title"),
+		description,
+		actions,
+		preferences,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DataTable.default, {
+			caption: title?.length ? title : t("admin.organization_units.list.title"),
+			columns,
+			rows: organizationUnits,
+			getRowId: (unit) => unit.id,
+			isLoading,
+			error,
+			emptyText: t("admin.organization_units.list.empty"),
+			onRowClick: onSelect,
+			selectedRowId: selectedOrganizationUnitId,
+			pagination: onPageChange ? {
+				limit,
+				offset,
+				onChange: onPageChange,
+				total: totalResults ?? organizationUnits.length
+			} : void 0
+		})
+	});
+};
+var BaseOrganizationUnitList_default = BaseOrganizationUnitList;
+
+//#endregion
+exports.default = BaseOrganizationUnitList_default;
+//# sourceMappingURL=BaseOrganizationUnitList.cjs.map

package/dist/cjs/components/management/OrganizationUnitList/BaseOrganizationUnitList.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseOrganizationUnitList.cjs","names":["BaseOrganizationUnitList: FC<BaseOrganizationUnitListProps>","useTranslation","columns: DataTableColumn<OrganizationUnitBasic>[]","AdminSection","DataTable"],"sources":["../../../../../src/components/management/OrganizationUnitList/BaseOrganizationUnitList.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {OrganizationUnitBasic, Preferences} from '@thunderid/browser';\nimport {FC, ReactElement, ReactNode} from 'react';\nimport useTranslation from '../../../hooks/useTranslation';\nimport DataTable, {DataTableColumn} from '../../primitives/DataTable/DataTable';\nimport {AdminListRenderProps} from '../shared/AdminListRenderProps';\nimport AdminSection from '../shared/AdminSection';\n\n/**\n * What {@link BaseOrganizationUnitList} hands its `children` render function. `organizationUnits` and `rows` are the\n * same array.\n */\nexport type BaseOrganizationUnitListRenderProps = AdminListRenderProps<OrganizationUnitBasic> & {\n  organizationUnits: OrganizationUnitBasic[];\n};\n\nexport interface BaseOrganizationUnitListProps {\n  /**\n   * Controls rendered next to the title, such as a button that opens `OrganizationUnitCreate`.\n   */\n  actions?: ReactNode;\n  /**\n   * Renders custom UI in place of the default table. Receives the units, the default columns, the\n   * loading and error state, and the pagination and selection handlers.\n   */\n  children?: (props: BaseOrganizationUnitListRenderProps) => ReactNode;\n  className?: string;\n  description?: string;\n  error?: string | null;\n  isLoading?: boolean;\n  /**\n   * Page size.\n   * @default 20\n   */\n  limit?: number;\n  offset?: number;\n  /**\n   * Called with the offset of the page to show. Pagination is hidden when omitted.\n   */\n  onPageChange?: (offset: number) => void;\n  /**\n   * Called when a unit is chosen. Rows are selectable only when set.\n   */\n  onSelect?: (organizationUnit: OrganizationUnitBasic) => void;\n  organizationUnits: OrganizationUnitBasic[];\n  preferences?: Preferences;\n  selectedOrganizationUnitId?: string;\n  /**\n   * Heading of the list. Pass an empty string to hide it.\n   */\n  title?: string;\n  totalResults?: number;\n}\n\n/**\n * Lists organization units with their handle and description. Holds no data of its own: pass the\n * page of units and handle selection and pagination.\n */\nconst BaseOrganizationUnitList: FC<BaseOrganizationUnitListProps> = ({\n  actions,\n  children,\n  className,\n  description,\n  error = null,\n  isLoading = false,\n  limit = 20,\n  offset = 0,\n  onPageChange,\n  onSelect,\n  organizationUnits,\n  preferences,\n  selectedOrganizationUnitId,\n  title,\n  totalResults,\n}: BaseOrganizationUnitListProps): ReactElement => {\n  const {t} = useTranslation(preferences?.i18n);\n\n  const columns: DataTableColumn<OrganizationUnitBasic>[] = [\n    {\n      header: t('admin.organization_units.fields.name'),\n      id: 'name',\n      render: (unit: OrganizationUnitBasic): ReactNode => unit.name,\n    },\n    {\n      header: t('admin.organization_units.fields.handle'),\n      id: 'handle',\n      render: (unit: OrganizationUnitBasic): ReactNode => unit.handle,\n    },\n    {\n      header: t('admin.organization_units.fields.description'),\n      id: 'description',\n      render: (unit: OrganizationUnitBasic): ReactNode => unit.description ?? '',\n    },\n  ];\n\n  if (children) {\n    return (\n      <div className={className}>\n        {children({\n          columns,\n          error,\n          isLoading,\n          limit,\n          offset,\n          onPageChange,\n          onSelect,\n          organizationUnits,\n          rows: organizationUnits,\n          selectedRowId: selectedOrganizationUnitId,\n          totalResults: totalResults ?? organizationUnits.length,\n        })}\n      </div>\n    );\n  }\n\n  return (\n    <AdminSection\n      block=\"organization-unit-list\"\n      className={className}\n      title={title ?? t('admin.organization_units.list.title')}\n      description={description}\n      actions={actions}\n      preferences={preferences}\n    >\n      <DataTable\n        caption={title?.length ? title : t('admin.organization_units.list.title')}\n        columns={columns}\n        rows={organizationUnits}\n        getRowId={(unit: OrganizationUnitBasic): string => unit.id}\n        isLoading={isLoading}\n        error={error}\n        emptyText={t('admin.organization_units.list.empty')}\n        onRowClick={onSelect}\n        selectedRowId={selectedOrganizationUnitId}\n        pagination={\n          onPageChange\n            ? {limit, offset, onChange: onPageChange, total: totalResults ?? organizationUnits.length}\n            : undefined\n        }\n      />\n    </AdminSection>\n  );\n};\n\nexport default BaseOrganizationUnitList;\n"],"mappings":";;;;;;;;;;;;AA4DA,MAAMA,4BAA+D,EACnE,SACA,UACA,WACA,aACA,QAAQ,MACR,YAAY,OACZ,QAAQ,IACR,SAAS,GACT,cACA,UACA,mBACA,aACA,4BACA,OACA,mBACiD;CACjD,MAAM,EAAC,MAAKC,+BAAe,aAAa,KAAK;CAE7C,MAAMC,UAAoD;EACxD;GACE,QAAQ,EAAE,uCAAuC;GACjD,IAAI;GACJ,SAAS,SAA2C,KAAK;GAC1D;EACD;GACE,QAAQ,EAAE,yCAAyC;GACnD,IAAI;GACJ,SAAS,SAA2C,KAAK;GAC1D;EACD;GACE,QAAQ,EAAE,8CAA8C;GACxD,IAAI;GACJ,SAAS,SAA2C,KAAK,eAAe;GACzE;EACF;AAED,KAAI,SACF,QACE,2CAAC;EAAe;YACb,SAAS;GACR;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,MAAM;GACN,eAAe;GACf,cAAc,gBAAgB,kBAAkB;GACjD,CAAC;GACE;AAIV,QACE,2CAACC;EACC,OAAM;EACK;EACX,OAAO,SAAS,EAAE,sCAAsC;EAC3C;EACJ;EACI;YAEb,2CAACC;GACC,SAAS,OAAO,SAAS,QAAQ,EAAE,sCAAsC;GAChE;GACT,MAAM;GACN,WAAW,SAAwC,KAAK;GAC7C;GACJ;GACP,WAAW,EAAE,sCAAsC;GACnD,YAAY;GACZ,eAAe;GACf,YACE,eACI;IAAC;IAAO;IAAQ,UAAU;IAAc,OAAO,gBAAgB,kBAAkB;IAAO,GACxF;IAEN;GACW;;AAInB,uCAAe"}

package/dist/cjs/components/management/OrganizationUnitList/OrganizationUnitList.cjs

@@ -0,0 +1,69 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_useTranslation = require('../../../hooks/useTranslation.cjs');
+const require_useManagementEndpoint = require('../../../hooks/management/useManagementEndpoint.cjs');
+const require_useResourceQuery = require('../../../hooks/management/useResourceQuery.cjs');
+const require_BaseOrganizationUnitList = require('./BaseOrganizationUnitList.cjs');
+let __thunderid_browser = require("@thunderid/browser");
+__thunderid_browser = require_rolldown_runtime.__toESM(__thunderid_browser);
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/components/management/OrganizationUnitList/OrganizationUnitList.tsx
+/**
+* Lists organization units, a page at a time: the root units, or the children of `parentId`.
+*
+* @example
+* ```tsx
+* <OrganizationUnitList parentId={projectId} onSelect={(unit) => setSelectedUnitId(unit.id)} />
+* ```
+*/
+const OrganizationUnitList = ({ limit = 20, parentId, preferences,...rest }) => {
+	const { t } = require_useTranslation.default(preferences?.i18n);
+	const [offset, setOffset] = (0, react.useState)(0);
+	const endpoint = require_useManagementEndpoint.default("organizationUnits");
+	const { data, error, isLoading } = require_useResourceQuery.default(parentId ? [
+		__thunderid_browser.OrganizationUnitQueryKeys.ORGANIZATION_UNIT_CHILDREN,
+		parentId,
+		{
+			limit,
+			offset
+		}
+	] : [__thunderid_browser.OrganizationUnitQueryKeys.ORGANIZATION_UNITS, {
+		limit,
+		offset
+	}], (fetcher) => parentId ? (0, __thunderid_browser.getOrganizationUnitChildren)({
+		...endpoint,
+		fetcher,
+		limit,
+		offset,
+		ouId: parentId
+	}) : (0, __thunderid_browser.getOrganizationUnits)({
+		...endpoint,
+		fetcher,
+		limit,
+		offset
+	}));
+	const [listedParentId, setListedParentId] = (0, react.useState)(parentId);
+	if (listedParentId !== parentId) {
+		setListedParentId(parentId);
+		setOffset(0);
+	}
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_BaseOrganizationUnitList.default, {
+		organizationUnits: data?.organizationUnits ?? [],
+		totalResults: data?.totalResults,
+		isLoading,
+		error: (0, __thunderid_browser.toManagementErrorMessage)(t, error, "admin.organization_units.list.error"),
+		limit,
+		offset,
+		onPageChange: setOffset,
+		preferences,
+		...rest
+	});
+};
+var OrganizationUnitList_default = OrganizationUnitList;
+
+//#endregion
+exports.default = OrganizationUnitList_default;
+//# sourceMappingURL=OrganizationUnitList.cjs.map

package/dist/cjs/components/management/OrganizationUnitList/OrganizationUnitList.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrganizationUnitList.cjs","names":["OrganizationUnitList: FC<OrganizationUnitListProps>","useTranslation","endpoint: ManagementEndpoint","useManagementEndpoint","useResourceQuery","OrganizationUnitQueryKeys","BaseOrganizationUnitList"],"sources":["../../../../../src/components/management/OrganizationUnitList/OrganizationUnitList.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {\n  OrganizationUnitListResponse,\n  OrganizationUnitQueryKeys,\n  getOrganizationUnitChildren,\n  getOrganizationUnits,\n  toManagementErrorMessage,\n} from '@thunderid/browser';\nimport {FC, ReactElement, useState} from 'react';\nimport BaseOrganizationUnitList, {BaseOrganizationUnitListProps} from './BaseOrganizationUnitList';\nimport useManagementEndpoint, {ManagementEndpoint} from '../../../hooks/management/useManagementEndpoint';\nimport useResourceQuery, {ResourceQueryResult} from '../../../hooks/management/useResourceQuery';\nimport useTranslation from '../../../hooks/useTranslation';\n\nexport type OrganizationUnitListProps = Omit<\n  BaseOrganizationUnitListProps,\n  'error' | 'isLoading' | 'offset' | 'onPageChange' | 'organizationUnits' | 'totalResults'\n> & {\n  /**\n   * Lists the children of this organization unit. Lists the root units when omitted.\n   */\n  parentId?: string;\n};\n\n/**\n * Lists organization units, a page at a time: the root units, or the children of `parentId`.\n *\n * @example\n * ```tsx\n * <OrganizationUnitList parentId={projectId} onSelect={(unit) => setSelectedUnitId(unit.id)} />\n * ```\n */\nconst OrganizationUnitList: FC<OrganizationUnitListProps> = ({\n  limit = 20,\n  parentId,\n  preferences,\n  ...rest\n}: OrganizationUnitListProps): ReactElement => {\n  const {t} = useTranslation(preferences?.i18n);\n  const [offset, setOffset] = useState<number>(0);\n  const endpoint: ManagementEndpoint = useManagementEndpoint('organizationUnits');\n  const {data, error, isLoading}: ResourceQueryResult<OrganizationUnitListResponse> = useResourceQuery(\n    parentId\n      ? [OrganizationUnitQueryKeys.ORGANIZATION_UNIT_CHILDREN, parentId, {limit, offset}]\n      : [OrganizationUnitQueryKeys.ORGANIZATION_UNITS, {limit, offset}],\n    (fetcher) =>\n      parentId\n        ? getOrganizationUnitChildren({...endpoint, fetcher, limit, offset, ouId: parentId})\n        : getOrganizationUnits({...endpoint, fetcher, limit, offset}),\n  );\n\n  const [listedParentId, setListedParentId] = useState<string | undefined>(parentId);\n\n  // A different parent starts from its first page.\n  if (listedParentId !== parentId) {\n    setListedParentId(parentId);\n    setOffset(0);\n  }\n\n  return (\n    <BaseOrganizationUnitList\n      organizationUnits={data?.organizationUnits ?? []}\n      totalResults={data?.totalResults}\n      isLoading={isLoading}\n      error={toManagementErrorMessage(t, error, 'admin.organization_units.list.error')}\n      limit={limit}\n      offset={offset}\n      onPageChange={setOffset}\n      preferences={preferences}\n      {...rest}\n    />\n  );\n};\n\nexport default OrganizationUnitList;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAkCA,MAAMA,wBAAuD,EAC3D,QAAQ,IACR,UACA,YACA,GAAG,WAC0C;CAC7C,MAAM,EAAC,MAAKC,+BAAe,aAAa,KAAK;CAC7C,MAAM,CAAC,QAAQ,iCAA8B,EAAE;CAC/C,MAAMC,WAA+BC,sCAAsB,oBAAoB;CAC/E,MAAM,EAAC,MAAM,OAAO,cAAgEC,iCAClF,WACI;EAACC,8CAA0B;EAA4B;EAAU;GAAC;GAAO;GAAO;EAAC,GACjF,CAACA,8CAA0B,oBAAoB;EAAC;EAAO;EAAO,CAAC,GAClE,YACC,gEACgC;EAAC,GAAG;EAAU;EAAS;EAAO;EAAQ,MAAM;EAAS,CAAC,iDAC7D;EAAC,GAAG;EAAU;EAAS;EAAO;EAAO,CAAC,CAClE;CAED,MAAM,CAAC,gBAAgB,yCAAkD,SAAS;AAGlF,KAAI,mBAAmB,UAAU;AAC/B,oBAAkB,SAAS;AAC3B,YAAU,EAAE;;AAGd,QACE,2CAACC;EACC,mBAAmB,MAAM,qBAAqB,EAAE;EAChD,cAAc,MAAM;EACT;EACX,yDAAgC,GAAG,OAAO,sCAAsC;EACzE;EACC;EACR,cAAc;EACD;EACb,GAAI;GACJ;;AAIN,mCAAe"}

package/dist/cjs/components/management/ProjectCreate/BaseProjectCreate.cjs

@@ -0,0 +1,116 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_useTheme = require('../../../contexts/Theme/useTheme.cjs');
+const require_useTranslation = require('../../../hooks/useTranslation.cjs');
+const require_Button = require('../../primitives/Button/Button.cjs');
+const require_Alert = require('../../primitives/Alert/Alert.cjs');
+const require_TextField = require('../../primitives/TextField/TextField.cjs');
+const require_AdminSection_styles = require('../shared/AdminSection.styles.cjs');
+const require_AdminSection = require('../shared/AdminSection.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/components/management/ProjectCreate/BaseProjectCreate.tsx
+/**
+* A form that collects a new project's handle, display name and description. Holds no data of its
+* own: handle the submission.
+*/
+const BaseProjectCreate = ({ children, className, description, error = null, isSubmitting = false, onCancel, onSubmit, preferences, title }) => {
+	const { theme, colorScheme } = require_useTheme.default();
+	const styles = require_AdminSection_styles.default(theme, colorScheme);
+	const { t } = require_useTranslation.default(preferences?.i18n);
+	const [values, setValues] = (0, react.useState)({
+		description: "",
+		displayName: "",
+		handle: ""
+	});
+	const isValid = values.handle.trim().length > 0 && values.displayName.trim().length > 0;
+	const setField = (field, value) => setValues((previous) => ({
+		...previous,
+		[field]: value
+	}));
+	const submit = () => {
+		if (isValid && !isSubmitting) onSubmit({
+			description: values.description.trim() || void 0,
+			displayName: values.displayName.trim(),
+			handle: values.handle.trim()
+		});
+	};
+	const handleSubmit = (event) => {
+		event.preventDefault();
+		submit();
+	};
+	if (children) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className,
+		children: children({
+			error,
+			handleInputChange: setField,
+			handleSubmit: submit,
+			isSubmitting,
+			isValid,
+			onCancel,
+			values
+		})
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AdminSection.default, {
+		block: "project-create",
+		className,
+		title: title ?? t("admin.projects.create.title"),
+		description,
+		preferences,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
+			className: styles["form"],
+			onSubmit: handleSubmit,
+			noValidate: true,
+			children: [
+				error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Alert.default, {
+					variant: "error",
+					role: "alert",
+					children: error
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_TextField.default, {
+					name: "handle",
+					label: t("admin.projects.fields.handle"),
+					helperText: t("admin.projects.fields.handle_hint"),
+					required: true,
+					value: values.handle,
+					onChange: (event) => setField("handle", event.target.value)
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_TextField.default, {
+					name: "displayName",
+					label: t("admin.projects.fields.display_name"),
+					required: true,
+					value: values.displayName,
+					onChange: (event) => setField("displayName", event.target.value)
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_TextField.default, {
+					name: "description",
+					label: t("admin.projects.fields.description"),
+					value: values.description,
+					onChange: (event) => setField("description", event.target.value)
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: styles["formActions"],
+					children: [onCancel && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.default, {
+						type: "button",
+						variant: "text",
+						onClick: onCancel,
+						disabled: isSubmitting,
+						children: t("admin.common.actions.cancel")
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.default, {
+						type: "submit",
+						loading: isSubmitting,
+						disabled: !isValid || isSubmitting,
+						children: t("admin.projects.create.submit")
+					})]
+				})
+			]
+		})
+	});
+};
+var BaseProjectCreate_default = BaseProjectCreate;
+
+//#endregion
+exports.default = BaseProjectCreate_default;
+//# sourceMappingURL=BaseProjectCreate.cjs.map

package/dist/cjs/components/management/ProjectCreate/BaseProjectCreate.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseProjectCreate.cjs","names":["BaseProjectCreate: FC<BaseProjectCreateProps>","useTheme","styles: Record<string, string>","useStyles","useTranslation","isValid: boolean","AdminSection","Alert","TextField","Button"],"sources":["../../../../../src/components/management/ProjectCreate/BaseProjectCreate.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {Preferences} from '@thunderid/browser';\nimport {ChangeEvent, 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 TextField from '../../primitives/TextField/TextField';\nimport AdminSection from '../shared/AdminSection';\nimport useStyles from '../shared/AdminSection.styles';\n\n/**\n * The project {@link BaseProjectCreate} submits.\n */\nexport interface ProjectCreateSubmission {\n  description?: string;\n  displayName: string;\n  /**\n   * Immutable identifier: lowercase letters, numbers, hyphens and underscores.\n   */\n  handle: string;\n}\n\n/**\n * The fields of {@link BaseProjectCreate}.\n */\nexport type ProjectCreateField = 'description' | 'displayName' | 'handle';\n\n/**\n * What {@link BaseProjectCreate} hands its `children` render function, so the form can be built with any UI.\n */\nexport interface BaseProjectCreateRenderProps {\n  error: string | null;\n  /**\n   * Sets one field of the form.\n   */\n  handleInputChange: (field: ProjectCreateField, value: string) => 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  values: Record<ProjectCreateField, string>;\n}\n\nexport interface BaseProjectCreateProps {\n  /**\n   * Renders custom UI in place of the default form. Receives the values, their setters, the submit\n   * handler and the submission state.\n   */\n  children?: (props: BaseProjectCreateRenderProps) => ReactNode;\n  className?: string;\n  description?: string;\n  error?: string | null;\n  isSubmitting?: boolean;\n  onCancel?: () => void;\n  onSubmit: (project: ProjectCreateSubmission) => void;\n  preferences?: Preferences;\n  title?: string;\n}\n\n/**\n * A form that collects a new project's handle, display name and description. Holds no data of its\n * own: handle the submission.\n */\nconst BaseProjectCreate: FC<BaseProjectCreateProps> = ({\n  children,\n  className,\n  description,\n  error = null,\n  isSubmitting = false,\n  onCancel,\n  onSubmit,\n  preferences,\n  title,\n}: BaseProjectCreateProps): 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<Record<ProjectCreateField, string>>({\n    description: '',\n    displayName: '',\n    handle: '',\n  });\n\n  const isValid: boolean = values.handle.trim().length > 0 && values.displayName.trim().length > 0;\n\n  const setField = (field: ProjectCreateField, value: string): void =>\n    setValues((previous: Record<ProjectCreateField, string>) => ({...previous, [field]: value}));\n\n  const submit = (): void => {\n    if (isValid && !isSubmitting) {\n      onSubmit({\n        description: values.description.trim() || undefined,\n        displayName: values.displayName.trim(),\n        handle: values.handle.trim(),\n      });\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          error,\n          handleInputChange: setField,\n          handleSubmit: submit,\n          isSubmitting,\n          isValid,\n          onCancel,\n          values,\n        })}\n      </div>\n    );\n  }\n\n  return (\n    <AdminSection\n      block=\"project-create\"\n      className={className}\n      title={title ?? t('admin.projects.create.title')}\n      description={description}\n      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        <TextField\n          name=\"handle\"\n          label={t('admin.projects.fields.handle')}\n          helperText={t('admin.projects.fields.handle_hint')}\n          required\n          value={values.handle}\n          onChange={(event: ChangeEvent<HTMLInputElement>): void => setField('handle', event.target.value)}\n        />\n        <TextField\n          name=\"displayName\"\n          label={t('admin.projects.fields.display_name')}\n          required\n          value={values.displayName}\n          onChange={(event: ChangeEvent<HTMLInputElement>): void => setField('displayName', event.target.value)}\n        />\n        <TextField\n          name=\"description\"\n          label={t('admin.projects.fields.description')}\n          value={values.description}\n          onChange={(event: ChangeEvent<HTMLInputElement>): void => setField('description', event.target.value)}\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.projects.create.submit')}\n          </Button>\n        </div>\n      </form>\n    </AdminSection>\n  );\n};\n\nexport default BaseProjectCreate;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAwEA,MAAMA,qBAAiD,EACrD,UACA,WACA,aACA,QAAQ,MACR,eAAe,OACf,UACA,UACA,aACA,YAC0C;CAC1C,MAAM,EAAC,OAAO,gBAAeC,0BAAU;CACvC,MAAMC,SAAiCC,oCAAU,OAAO,YAAY;CACpE,MAAM,EAAC,MAAKC,+BAAe,aAAa,KAAK;CAC7C,MAAM,CAAC,QAAQ,iCAA0D;EACvE,aAAa;EACb,aAAa;EACb,QAAQ;EACT,CAAC;CAEF,MAAMC,UAAmB,OAAO,OAAO,MAAM,CAAC,SAAS,KAAK,OAAO,YAAY,MAAM,CAAC,SAAS;CAE/F,MAAM,YAAY,OAA2B,UAC3C,WAAW,cAAkD;EAAC,GAAG;GAAW,QAAQ;EAAM,EAAE;CAE9F,MAAM,eAAqB;AACzB,MAAI,WAAW,CAAC,aACd,UAAS;GACP,aAAa,OAAO,YAAY,MAAM,IAAI;GAC1C,aAAa,OAAO,YAAY,MAAM;GACtC,QAAQ,OAAO,OAAO,MAAM;GAC7B,CAAC;;CAIN,MAAM,gBAAgB,UAA4C;AAChE,QAAM,gBAAgB;AACtB,UAAQ;;AAGV,KAAI,SACF,QACE,2CAAC;EAAe;YACb,SAAS;GACR;GACA,mBAAmB;GACnB,cAAc;GACd;GACA;GACA;GACA;GACD,CAAC;GACE;AAIV,QACE,2CAACC;EACC,OAAM;EACK;EACX,OAAO,SAAS,EAAE,8BAA8B;EACnC;EACA;YAEb,4CAAC;GAAK,WAAW,OAAO;GAAS,UAAU;GAAc;;IACtD,SACC,2CAACC;KAAM,SAAQ;KAAQ,MAAK;eACzB;MACK;IAEV,2CAACC;KACC,MAAK;KACL,OAAO,EAAE,+BAA+B;KACxC,YAAY,EAAE,oCAAoC;KAClD;KACA,OAAO,OAAO;KACd,WAAW,UAA+C,SAAS,UAAU,MAAM,OAAO,MAAM;MAChG;IACF,2CAACA;KACC,MAAK;KACL,OAAO,EAAE,qCAAqC;KAC9C;KACA,OAAO,OAAO;KACd,WAAW,UAA+C,SAAS,eAAe,MAAM,OAAO,MAAM;MACrG;IACF,2CAACA;KACC,MAAK;KACL,OAAO,EAAE,oCAAoC;KAC7C,OAAO,OAAO;KACd,WAAW,UAA+C,SAAS,eAAe,MAAM,OAAO,MAAM;MACrG;IACF,4CAAC;KAAI,WAAW,OAAO;gBACpB,YACC,2CAACC;MAAO,MAAK;MAAS,SAAQ;MAAO,SAAS;MAAU,UAAU;gBAC/D,EAAE,8BAA8B;OAC1B,EAEX,2CAACA;MAAO,MAAK;MAAS,SAAS;MAAc,UAAU,CAAC,WAAW;gBAChE,EAAE,+BAA+B;OAC3B;MACL;;IACD;GACM;;AAInB,gCAAe"}

package/dist/cjs/components/management/ProjectCreate/ProjectCreate.cjs

@@ -0,0 +1,43 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_useTranslation = require('../../../hooks/useTranslation.cjs');
+const require_useManagementEndpoint = require('../../../hooks/management/useManagementEndpoint.cjs');
+const require_useResourceMutation = require('../../../hooks/management/useResourceMutation.cjs');
+const require_BaseProjectCreate = require('./BaseProjectCreate.cjs');
+let __thunderid_browser = require("@thunderid/browser");
+__thunderid_browser = require_rolldown_runtime.__toESM(__thunderid_browser);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/components/management/ProjectCreate/ProjectCreate.tsx
+/**
+* Creates a project through the control plane's management API.
+*
+* @example
+* ```tsx
+* <ProjectCreate onCreated={(project) => navigate(`/projects/${project.id}`)} />
+* ```
+*/
+const ProjectCreate = ({ onCreated, preferences,...rest }) => {
+	const { t } = require_useTranslation.default(preferences?.i18n);
+	const endpoint = require_useManagementEndpoint.default("projects");
+	const { error, isLoading, mutate } = require_useResourceMutation.default((payload, fetcher) => (0, __thunderid_browser.createProject)({
+		...endpoint,
+		fetcher,
+		payload
+	}), () => [[__thunderid_browser.ProjectQueryKeys.PROJECTS], [__thunderid_browser.OrganizationUnitQueryKeys.ORGANIZATION_UNITS]], { onSuccess: onCreated });
+	const handleSubmit = (submission) => {
+		mutate(submission);
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_BaseProjectCreate.default, {
+		onSubmit: handleSubmit,
+		isSubmitting: isLoading,
+		error: (0, __thunderid_browser.toManagementErrorMessage)(t, error, "admin.projects.create.error", __thunderid_browser.PROJECT_ERROR_KEYS),
+		preferences,
+		...rest
+	});
+};
+var ProjectCreate_default = ProjectCreate;
+
+//#endregion
+exports.default = ProjectCreate_default;
+//# sourceMappingURL=ProjectCreate.cjs.map

package/dist/cjs/components/management/ProjectCreate/ProjectCreate.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectCreate.cjs","names":["ProjectCreate: FC<ProjectCreateProps>","useTranslation","endpoint: ManagementEndpoint","useManagementEndpoint","useResourceMutation","ProjectQueryKeys","OrganizationUnitQueryKeys","BaseProjectCreate","PROJECT_ERROR_KEYS"],"sources":["../../../../../src/components/management/ProjectCreate/ProjectCreate.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {\n  CreateProjectRequest,\n  OrganizationUnitQueryKeys,\n  PROJECT_ERROR_KEYS,\n  Project,\n  ProjectQueryKeys,\n  createProject,\n  toManagementErrorMessage,\n} from '@thunderid/browser';\nimport {FC, ReactElement} from 'react';\nimport BaseProjectCreate, {BaseProjectCreateProps, ProjectCreateSubmission} from './BaseProjectCreate';\nimport useManagementEndpoint, {ManagementEndpoint} from '../../../hooks/management/useManagementEndpoint';\nimport useResourceMutation, {ResourceMutationResult} from '../../../hooks/management/useResourceMutation';\nimport useTranslation from '../../../hooks/useTranslation';\n\nexport type ProjectCreateProps = Omit<BaseProjectCreateProps, 'error' | 'isSubmitting' | 'onSubmit'> & {\n  /**\n   * Called with the created project.\n   */\n  onCreated?: (project: Project) => void;\n};\n\n/**\n * Creates a project through the control plane's management API.\n *\n * @example\n * ```tsx\n * <ProjectCreate onCreated={(project) => navigate(`/projects/${project.id}`)} />\n * ```\n */\nconst ProjectCreate: FC<ProjectCreateProps> = ({onCreated, preferences, ...rest}: ProjectCreateProps): ReactElement => {\n  const {t} = useTranslation(preferences?.i18n);\n  const endpoint: ManagementEndpoint = useManagementEndpoint('projects');\n  const {error, isLoading, mutate}: ResourceMutationResult<Project, CreateProjectRequest> = useResourceMutation(\n    (payload: CreateProjectRequest, fetcher) => createProject({...endpoint, fetcher, payload}),\n    () => [[ProjectQueryKeys.PROJECTS], [OrganizationUnitQueryKeys.ORGANIZATION_UNITS]],\n    {onSuccess: onCreated},\n  );\n\n  const handleSubmit = (submission: ProjectCreateSubmission): void => {\n    void mutate(submission);\n  };\n\n  return (\n    <BaseProjectCreate\n      onSubmit={handleSubmit}\n      isSubmitting={isLoading}\n      error={toManagementErrorMessage(t, error, 'admin.projects.create.error', PROJECT_ERROR_KEYS)}\n      preferences={preferences}\n      {...rest}\n    />\n  );\n};\n\nexport default ProjectCreate;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAiCA,MAAMA,iBAAyC,EAAC,WAAW,YAAa,GAAG,WAA4C;CACrH,MAAM,EAAC,MAAKC,+BAAe,aAAa,KAAK;CAC7C,MAAMC,WAA+BC,sCAAsB,WAAW;CACtE,MAAM,EAAC,OAAO,WAAW,WAAiEC,qCACvF,SAA+B,mDAA0B;EAAC,GAAG;EAAU;EAAS;EAAQ,CAAC,QACpF,CAAC,CAACC,qCAAiB,SAAS,EAAE,CAACC,8CAA0B,mBAAmB,CAAC,EACnF,EAAC,WAAW,WAAU,CACvB;CAED,MAAM,gBAAgB,eAA8C;AAClE,EAAK,OAAO,WAAW;;AAGzB,QACE,2CAACC;EACC,UAAU;EACV,cAAc;EACd,yDAAgC,GAAG,OAAO,+BAA+BC,uCAAmB;EAC/E;EACb,GAAI;GACJ;;AAIN,4BAAe"}