@thunderid/react 1.16.0 → 1.17.0

package/dist/cjs/components/management/SharedFlowList/BaseSharedFlowList.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/SharedFlowList/BaseSharedFlowList.tsx
+/**
+* Lists flows with their handle and type. Holds no data of its own: pass the page of flows and handle selection
+* and pagination.
+*/
+const BaseSharedFlowList = ({ actions, children, className, description, error = null, flows, isLoading = false, limit = 20, offset = 0, onPageChange, onSelect, preferences, selectedFlowId, title, totalResults }) => {
+	const { t } = require_useTranslation.default(preferences?.i18n);
+	const columns = [
+		{
+			header: t("admin.flows.list.columns.name"),
+			id: "name",
+			render: (flow) => flow.name
+		},
+		{
+			header: t("admin.flows.list.columns.handle"),
+			id: "handle",
+			render: (flow) => flow.handle ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", { children: flow.handle }) : null
+		},
+		{
+			header: t("admin.flows.list.columns.type"),
+			id: "type",
+			render: (flow) => flow.flowType
+		}
+	];
+	if (children) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className,
+		children: children({
+			columns,
+			error,
+			flows,
+			isLoading,
+			limit,
+			offset,
+			onPageChange,
+			onSelect,
+			rows: flows,
+			selectedRowId: selectedFlowId,
+			totalResults: totalResults ?? flows.length
+		})
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AdminSection.default, {
+		block: "shared-flow-list",
+		className,
+		title: title ?? t("admin.flows.list.title"),
+		description,
+		actions,
+		preferences,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DataTable.default, {
+			caption: title?.length ? title : t("admin.flows.list.title"),
+			columns,
+			rows: flows,
+			getRowId: (flow) => flow.id,
+			isLoading,
+			error,
+			emptyText: t("admin.flows.list.empty"),
+			onRowClick: onSelect,
+			selectedRowId: selectedFlowId,
+			pagination: onPageChange ? {
+				limit,
+				offset,
+				onChange: onPageChange,
+				total: totalResults ?? flows.length
+			} : void 0
+		})
+	});
+};
+var BaseSharedFlowList_default = BaseSharedFlowList;
+
+//#endregion
+exports.default = BaseSharedFlowList_default;
+//# sourceMappingURL=BaseSharedFlowList.cjs.map

package/dist/cjs/components/management/SharedFlowList/BaseSharedFlowList.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseSharedFlowList.cjs","names":["BaseSharedFlowList: FC<BaseSharedFlowListProps>","useTranslation","columns: DataTableColumn<ManagedFlow>[]","AdminSection","DataTable"],"sources":["../../../../../src/components/management/SharedFlowList/BaseSharedFlowList.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {ManagedFlow, 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 BaseSharedFlowList} hands its `children` render function. `flows` and `rows` are the same array.\n */\nexport type BaseSharedFlowListRenderProps = AdminListRenderProps<ManagedFlow> & {\n  flows: ManagedFlow[];\n};\n\nexport interface BaseSharedFlowListProps {\n  /**\n   * Controls rendered next to the title.\n   */\n  actions?: ReactNode;\n  /**\n   * Renders custom UI in place of the default table. Receives the flows, the default columns, the loading and\n   * error state, and the pagination and selection handlers.\n   */\n  children?: (props: BaseSharedFlowListRenderProps) => ReactNode;\n  className?: string;\n  description?: string;\n  error?: string | null;\n  flows: ManagedFlow[];\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 flow is chosen. Rows are selectable only when set.\n   */\n  onSelect?: (flow: ManagedFlow) => void;\n  preferences?: Preferences;\n  selectedFlowId?: 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 flows with their handle and type. Holds no data of its own: pass the page of flows and handle selection\n * and pagination.\n */\nconst BaseSharedFlowList: FC<BaseSharedFlowListProps> = ({\n  actions,\n  children,\n  className,\n  description,\n  error = null,\n  flows,\n  isLoading = false,\n  limit = 20,\n  offset = 0,\n  onPageChange,\n  onSelect,\n  preferences,\n  selectedFlowId,\n  title,\n  totalResults,\n}: BaseSharedFlowListProps): ReactElement => {\n  const {t} = useTranslation(preferences?.i18n);\n\n  const columns: DataTableColumn<ManagedFlow>[] = [\n    {\n      header: t('admin.flows.list.columns.name'),\n      id: 'name',\n      render: (flow: ManagedFlow): ReactNode => flow.name,\n    },\n    {\n      header: t('admin.flows.list.columns.handle'),\n      id: 'handle',\n      render: (flow: ManagedFlow): ReactNode => (flow.handle ? <code>{flow.handle}</code> : null),\n    },\n    {\n      header: t('admin.flows.list.columns.type'),\n      id: 'type',\n      render: (flow: ManagedFlow): ReactNode => flow.flowType,\n    },\n  ];\n\n  if (children) {\n    return (\n      <div className={className}>\n        {children({\n          columns,\n          error,\n          flows,\n          isLoading,\n          limit,\n          offset,\n          onPageChange,\n          onSelect,\n          rows: flows,\n          selectedRowId: selectedFlowId,\n          totalResults: totalResults ?? flows.length,\n        })}\n      </div>\n    );\n  }\n\n  return (\n    <AdminSection\n      block=\"shared-flow-list\"\n      className={className}\n      title={title ?? t('admin.flows.list.title')}\n      description={description}\n      actions={actions}\n      preferences={preferences}\n    >\n      <DataTable\n        caption={title?.length ? title : t('admin.flows.list.title')}\n        columns={columns}\n        rows={flows}\n        getRowId={(flow: ManagedFlow): string => flow.id}\n        isLoading={isLoading}\n        error={error}\n        emptyText={t('admin.flows.list.empty')}\n        onRowClick={onSelect}\n        selectedRowId={selectedFlowId}\n        pagination={\n          onPageChange ? {limit, offset, onChange: onPageChange, total: totalResults ?? flows.length} : undefined\n        }\n      />\n    </AdminSection>\n  );\n};\n\nexport default BaseSharedFlowList;\n"],"mappings":";;;;;;;;;;;;AA2DA,MAAMA,sBAAmD,EACvD,SACA,UACA,WACA,aACA,QAAQ,MACR,OACA,YAAY,OACZ,QAAQ,IACR,SAAS,GACT,cACA,UACA,aACA,gBACA,OACA,mBAC2C;CAC3C,MAAM,EAAC,MAAKC,+BAAe,aAAa,KAAK;CAE7C,MAAMC,UAA0C;EAC9C;GACE,QAAQ,EAAE,gCAAgC;GAC1C,IAAI;GACJ,SAAS,SAAiC,KAAK;GAChD;EACD;GACE,QAAQ,EAAE,kCAAkC;GAC5C,IAAI;GACJ,SAAS,SAAkC,KAAK,SAAS,2CAAC,oBAAM,KAAK,SAAc,GAAG;GACvF;EACD;GACE,QAAQ,EAAE,gCAAgC;GAC1C,IAAI;GACJ,SAAS,SAAiC,KAAK;GAChD;EACF;AAED,KAAI,SACF,QACE,2CAAC;EAAe;YACb,SAAS;GACR;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,MAAM;GACN,eAAe;GACf,cAAc,gBAAgB,MAAM;GACrC,CAAC;GACE;AAIV,QACE,2CAACC;EACC,OAAM;EACK;EACX,OAAO,SAAS,EAAE,yBAAyB;EAC9B;EACJ;EACI;YAEb,2CAACC;GACC,SAAS,OAAO,SAAS,QAAQ,EAAE,yBAAyB;GACnD;GACT,MAAM;GACN,WAAW,SAA8B,KAAK;GACnC;GACJ;GACP,WAAW,EAAE,yBAAyB;GACtC,YAAY;GACZ,eAAe;GACf,YACE,eAAe;IAAC;IAAO;IAAQ,UAAU;IAAc,OAAO,gBAAgB,MAAM;IAAO,GAAG;IAEhG;GACW;;AAInB,iCAAe"}

package/dist/cjs/components/management/SharedFlowList/SharedFlowList.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_BaseSharedFlowList = require('./BaseSharedFlowList.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/SharedFlowList/SharedFlowList.tsx
+const MAX_FETCH = 100;
+/**
+* Lists the flows shared with an organization unit, or the ones it owns, or both, a page at a time. Choosing a flow reports it
+* through `onSelect`, so the application decides what to open, for example `FlowVariablesForm` for that flow.
+*
+* @example
+* ```tsx
+* <SharedFlowList ouId={ouId} onSelect={(flow) => setSelectedFlowId(flow.id)} />
+* {selectedFlowId && <FlowVariablesForm flowId={selectedFlowId} ouId={ouId} />}
+* ```
+*/
+const SharedFlowList = ({ flowType, limit = 20, ouId, ownership = "shared", preferences,...rest }) => {
+	const { t } = require_useTranslation.default(preferences?.i18n);
+	const [offset, setOffset] = (0, react.useState)(0);
+	const endpoint = require_useManagementEndpoint.default("flows");
+	const narrowed = ownership !== "all";
+	const { data, error, isLoading } = require_useResourceQuery.default([__thunderid_browser.FlowQueryKeys.FLOWS, narrowed ? {
+		flowType,
+		ouId,
+		ownership
+	} : {
+		flowType,
+		limit,
+		offset,
+		ouId
+	}], (fetcher) => (0, __thunderid_browser.getFlows)({
+		...endpoint,
+		fetcher,
+		flowType,
+		ouId,
+		...narrowed ? {
+			limit: MAX_FETCH,
+			offset: 0
+		} : {
+			limit,
+			offset
+		}
+	}));
+	const matching = (0, react.useMemo)(() => (data?.flows ?? []).filter((flow) => ownership === "all" || flow.isOwnedByOU === (ownership === "owned")), [data, ownership]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_BaseSharedFlowList.default, {
+		flows: narrowed ? matching.slice(offset, offset + limit) : matching,
+		totalResults: narrowed ? matching.length : data?.totalResults,
+		isLoading,
+		error: (0, __thunderid_browser.toManagementErrorMessage)(t, error, "admin.flows.list.error"),
+		limit,
+		offset,
+		onPageChange: setOffset,
+		preferences,
+		...rest
+	});
+};
+var SharedFlowList_default = SharedFlowList;
+
+//#endregion
+exports.default = SharedFlowList_default;
+//# sourceMappingURL=SharedFlowList.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SharedFlowList.cjs","names":["SharedFlowList: FC<SharedFlowListProps>","useTranslation","endpoint: ManagementEndpoint","useManagementEndpoint","narrowed: boolean","useResourceQuery","FlowQueryKeys","matching: ManagedFlow[]","BaseSharedFlowList"],"sources":["../../../../../src/components/management/SharedFlowList/SharedFlowList.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {\n  FlowQueryKeys,\n  ManagedFlow,\n  ManagedFlowListResponse,\n  getFlows,\n  toManagementErrorMessage,\n} from '@thunderid/browser';\nimport {FC, ReactElement, useMemo, useState} from 'react';\nimport BaseSharedFlowList, {BaseSharedFlowListProps} from './BaseSharedFlowList';\nimport useManagementEndpoint, {ManagementEndpoint} from '../../../hooks/management/useManagementEndpoint';\nimport useResourceQuery, {ResourceQueryResult} from '../../../hooks/management/useResourceQuery';\nimport useTranslation from '../../../hooks/useTranslation';\n\nexport type SharedFlowListProps = Omit<\n  BaseSharedFlowListProps,\n  'error' | 'flows' | 'isLoading' | 'offset' | 'onPageChange' | 'totalResults'\n> & {\n  /**\n   * Restricts the list to one flow type, for example `AUTHENTICATION`.\n   */\n  flowType?: string;\n  /**\n   * The organization unit to list the flows of: the ones it owns and the ones shared with it.\n   */\n  ouId: string;\n  /**\n   * Which of those flows to list: the ones shared with the unit, the ones it owns, or both. The server reports\n   * the ownership of each flow, and the list narrows to it, so a narrowed list reads the first page of at most\n   * 100 flows and pages through the matches.\n   * @default 'shared'\n   */\n  ownership?: 'all' | 'owned' | 'shared';\n};\n\nconst MAX_FETCH = 100;\n\n/**\n * Lists the flows shared with an organization unit, or the ones it owns, or both, a page at a time. Choosing a flow reports it\n * through `onSelect`, so the application decides what to open, for example `FlowVariablesForm` for that flow.\n *\n * @example\n * ```tsx\n * <SharedFlowList ouId={ouId} onSelect={(flow) => setSelectedFlowId(flow.id)} />\n * {selectedFlowId && <FlowVariablesForm flowId={selectedFlowId} ouId={ouId} />}\n * ```\n */\nconst SharedFlowList: FC<SharedFlowListProps> = ({\n  flowType,\n  limit = 20,\n  ouId,\n  ownership = 'shared',\n  preferences,\n  ...rest\n}: SharedFlowListProps): ReactElement => {\n  const {t} = useTranslation(preferences?.i18n);\n  const [offset, setOffset] = useState<number>(0);\n  const endpoint: ManagementEndpoint = useManagementEndpoint('flows');\n  const narrowed: boolean = ownership !== 'all';\n  const {data, error, isLoading}: ResourceQueryResult<ManagedFlowListResponse> = useResourceQuery(\n    [FlowQueryKeys.FLOWS, narrowed ? {flowType, ouId, ownership} : {flowType, limit, offset, ouId}],\n    (fetcher) =>\n      getFlows({\n        ...endpoint,\n        fetcher,\n        flowType,\n        ouId,\n        ...(narrowed ? {limit: MAX_FETCH, offset: 0} : {limit, offset}),\n      }),\n  );\n  const matching: ManagedFlow[] = useMemo(\n    () =>\n      (data?.flows ?? []).filter(\n        (flow: ManagedFlow) => ownership === 'all' || flow.isOwnedByOU === (ownership === 'owned'),\n      ),\n    [data, ownership],\n  );\n\n  return (\n    <BaseSharedFlowList\n      flows={narrowed ? matching.slice(offset, offset + limit) : matching}\n      totalResults={narrowed ? matching.length : data?.totalResults}\n      isLoading={isLoading}\n      error={toManagementErrorMessage(t, error, 'admin.flows.list.error')}\n      limit={limit}\n      offset={offset}\n      onPageChange={setOffset}\n      preferences={preferences}\n      {...rest}\n    />\n  );\n};\n\nexport default SharedFlowList;\n"],"mappings":";;;;;;;;;;;;;AAqCA,MAAM,YAAY;;;;;;;;;;;AAYlB,MAAMA,kBAA2C,EAC/C,UACA,QAAQ,IACR,MACA,YAAY,UACZ,YACA,GAAG,WACoC;CACvC,MAAM,EAAC,MAAKC,+BAAe,aAAa,KAAK;CAC7C,MAAM,CAAC,QAAQ,iCAA8B,EAAE;CAC/C,MAAMC,WAA+BC,sCAAsB,QAAQ;CACnE,MAAMC,WAAoB,cAAc;CACxC,MAAM,EAAC,MAAM,OAAO,cAA2DC,iCAC7E,CAACC,kCAAc,OAAO,WAAW;EAAC;EAAU;EAAM;EAAU,GAAG;EAAC;EAAU;EAAO;EAAQ;EAAK,CAAC,GAC9F,8CACU;EACP,GAAG;EACH;EACA;EACA;EACA,GAAI,WAAW;GAAC,OAAO;GAAW,QAAQ;GAAE,GAAG;GAAC;GAAO;GAAO;EAC/D,CAAC,CACL;CACD,MAAMC,qCAED,MAAM,SAAS,EAAE,EAAE,QACjB,SAAsB,cAAc,SAAS,KAAK,iBAAiB,cAAc,SACnF,EACH,CAAC,MAAM,UAAU,CAClB;AAED,QACE,2CAACC;EACC,OAAO,WAAW,SAAS,MAAM,QAAQ,SAAS,MAAM,GAAG;EAC3D,cAAc,WAAW,SAAS,SAAS,MAAM;EACtC;EACX,yDAAgC,GAAG,OAAO,yBAAyB;EAC5D;EACC;EACR,cAAc;EACD;EACb,GAAI;GACJ;;AAIN,6BAAe"}

package/dist/cjs/hooks/management/useFlowVariables.cjs

@@ -0,0 +1,107 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_useManagementEndpoint = require('./useManagementEndpoint.cjs');
+const require_useResourceQuery = require('./useResourceQuery.cjs');
+const require_useResourceMutation = require('./useResourceMutation.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);
+
+//#region src/hooks/management/useFlowVariables.ts
+/**
+* Loads the variables a flow declares for an organization unit and the values the unit has set, and saves
+* them. The data behind {@link FlowVariablesForm}, for building the form with any UI.
+*
+* @example
+* ```tsx
+* const {definitions, overrides, save} = useFlowVariables({flowId, ouId});
+* ```
+*/
+const useFlowVariables = ({ enabled = true, fetcher, flowId, onSaved, ouId }) => {
+	const flowsEndpoint = require_useManagementEndpoint.default("flows");
+	const connectionsEndpoint = require_useManagementEndpoint.default("connections");
+	const ready = enabled && Boolean(flowId) && Boolean(ouId);
+	const flowQuery = require_useResourceQuery.default([
+		__thunderid_browser.FlowVariableQueryKeys.DEFINITIONS,
+		flowId ?? "",
+		ouId ?? ""
+	], (resolved) => (0, __thunderid_browser.getFlow)({
+		...flowsEndpoint,
+		fetcher: resolved,
+		flowId,
+		ouId
+	}), {
+		enabled: ready,
+		fetcher
+	});
+	const valuesQuery = require_useResourceQuery.default([
+		__thunderid_browser.FlowVariableQueryKeys.VALUES,
+		flowId ?? "",
+		ouId ?? ""
+	], (resolved) => (0, __thunderid_browser.getFlowVariables)({
+		...flowsEndpoint,
+		fetcher: resolved,
+		flowId,
+		ouId
+	}), {
+		enabled: ready,
+		fetcher
+	});
+	const overlayQuery = require_useResourceQuery.default([
+		__thunderid_browser.FlowVariableQueryKeys.DEFINITIONS,
+		"overlay",
+		flowId ?? "",
+		ouId ?? ""
+	], (resolved) => (0, __thunderid_browser.getFlowOverlayRules)({
+		...flowsEndpoint,
+		fetcher: resolved,
+		flowId,
+		ouId
+	}), {
+		enabled: ready,
+		fetcher
+	});
+	const definitions = (0, react.useMemo)(() => (0, __thunderid_browser.getFlowVariableDefinitions)(flowQuery.data), [flowQuery.data]);
+	const needsConnections = definitions.some((definition) => definition.type === "CONNECTION_SELECT");
+	const connectionsQuery = require_useResourceQuery.default([
+		__thunderid_browser.FlowVariableQueryKeys.DEFINITIONS,
+		"connections",
+		ouId ?? ""
+	], (resolved) => (0, __thunderid_browser.getConnections)({
+		...connectionsEndpoint,
+		fetcher: resolved,
+		limit: 100,
+		ouId
+	}), {
+		enabled: ready && needsConnections,
+		fetcher
+	});
+	const mutation = require_useResourceMutation.default((values, resolved) => (0, __thunderid_browser.updateFlowVariables)({
+		...flowsEndpoint,
+		fetcher: resolved,
+		flowId,
+		ouId,
+		variables: values
+	}), () => [[__thunderid_browser.FlowVariableQueryKeys.VALUES]], {
+		fetcher,
+		onSuccess: (response) => onSaved?.(response.values)
+	});
+	return {
+		connections: connectionsQuery.data?.connections ?? [],
+		definitions,
+		error: flowQuery.error ?? valuesQuery.error ?? overlayQuery.error ?? connectionsQuery.error,
+		flow: flowQuery.data,
+		isLoaded: Boolean(flowQuery.data) && Boolean(valuesQuery.data) && Boolean(overlayQuery.data),
+		isLoading: flowQuery.isLoading || valuesQuery.isLoading || overlayQuery.isLoading || connectionsQuery.isLoading,
+		isSaving: mutation.isLoading,
+		overlay: overlayQuery.data,
+		overrides: valuesQuery.data?.values ?? {},
+		save: mutation.mutate,
+		saveError: mutation.error
+	};
+};
+var useFlowVariables_default = useFlowVariables;
+
+//#endregion
+exports.default = useFlowVariables_default;
+//# sourceMappingURL=useFlowVariables.cjs.map

package/dist/cjs/hooks/management/useFlowVariables.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFlowVariables.cjs","names":["flowsEndpoint: ManagementEndpoint","useManagementEndpoint","connectionsEndpoint: ManagementEndpoint","ready: boolean","flowQuery: ResourceQueryResult<ManagedFlowDefinition>","useResourceQuery","FlowVariableQueryKeys","valuesQuery: ResourceQueryResult<FlowVariables>","overlayQuery: ResourceQueryResult<ResolvedOverlay>","definitions: FlowVariableDefinition[]","needsConnections: boolean","connectionsQuery: ResourceQueryResult<{connections: ConnectionInstance[]}>","mutation: ResourceMutationResult<FlowVariables, FlowVariableValues>","useResourceMutation"],"sources":["../../../../src/hooks/management/useFlowVariables.ts"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {\n  ApiFetcher,\n  ConnectionInstance,\n  FlowVariableDefinition,\n  FlowVariableQueryKeys,\n  FlowVariableValues,\n  FlowVariables,\n  ManagedFlowDefinition,\n  ResolvedOverlay,\n  getConnections,\n  getFlowOverlayRules,\n  getFlow,\n  getFlowVariableDefinitions,\n  getFlowVariables,\n  updateFlowVariables,\n} from '@thunderid/browser';\nimport {useMemo} from 'react';\nimport useManagementEndpoint, {ManagementEndpoint} from './useManagementEndpoint';\nimport useResourceMutation, {ResourceMutationResult} from './useResourceMutation';\nimport useResourceQuery, {ResourceQueryResult} from './useResourceQuery';\n\n/**\n * Options of {@link useFlowVariables}.\n */\nexport interface UseFlowVariablesOptions {\n  /**\n   * Set to `false` to skip fetching, for example until the identifiers are known.\n   * @default true\n   */\n  enabled?: boolean;\n  /**\n   * Transport for this hook only. Takes precedence over `ThunderIDProvider`'s `http.fetcher`.\n   */\n  fetcher?: ApiFetcher;\n  /**\n   * Identifier of the flow.\n   */\n  flowId: string | undefined;\n  /**\n   * Called with the saved overrides.\n   */\n  onSaved?: (values: FlowVariableValues) => void;\n  /**\n   * The organization unit whose overrides are read and saved.\n   */\n  ouId: string | undefined;\n}\n\n/**\n * What {@link useFlowVariables} returns.\n */\nexport interface UseFlowVariablesResult {\n  /**\n   * The connections a `CONNECTION_SELECT` variable can take: the ones the organization unit owns and the ones shared\n   * into it. Empty until loaded, and when no variable needs them.\n   */\n  connections: ConnectionInstance[];\n  /**\n   * The variables the flow declares for the organization unit.\n   */\n  definitions: FlowVariableDefinition[];\n  /**\n   * Why the variables could not be loaded.\n   */\n  error: Error | null;\n  /**\n   * The flow as the organization unit sees it.\n   */\n  flow: ManagedFlowDefinition | undefined;\n  /**\n   * Whether the variables, the unit's values and its rules have all arrived. A form built before then would be reset when\n   * the values land.\n   */\n  isLoaded: boolean;\n  isLoading: boolean;\n  isSaving: boolean;\n  /**\n   * What the organization unit may do with each variable: set its own value, or only see the owner's.\n   */\n  overlay: ResolvedOverlay | undefined;\n  /**\n   * The values the organization unit has set. A variable it has not set is absent, and its default applies.\n   */\n  overrides: FlowVariableValues;\n  /**\n   * Replaces the unit's overrides. A variable left out returns to its default. Never rejects: read `saveError`.\n   */\n  save: (values: FlowVariableValues) => Promise<FlowVariables | undefined>;\n  /**\n   * Why the last save failed.\n   */\n  saveError: Error | null;\n}\n\n/**\n * Loads the variables a flow declares for an organization unit and the values the unit has set, and saves\n * them. The data behind {@link FlowVariablesForm}, for building the form with any UI.\n *\n * @example\n * ```tsx\n * const {definitions, overrides, save} = useFlowVariables({flowId, ouId});\n * ```\n */\nconst useFlowVariables = ({\n  enabled = true,\n  fetcher,\n  flowId,\n  onSaved,\n  ouId,\n}: UseFlowVariablesOptions): UseFlowVariablesResult => {\n  const flowsEndpoint: ManagementEndpoint = useManagementEndpoint('flows');\n  const connectionsEndpoint: ManagementEndpoint = useManagementEndpoint('connections');\n  const ready: boolean = enabled && Boolean(flowId) && Boolean(ouId);\n\n  const flowQuery: ResourceQueryResult<ManagedFlowDefinition> = useResourceQuery(\n    [FlowVariableQueryKeys.DEFINITIONS, flowId ?? '', ouId ?? ''],\n    (resolved: ApiFetcher) => getFlow({...flowsEndpoint, fetcher: resolved, flowId: flowId!, ouId}),\n    {enabled: ready, fetcher},\n  );\n  const valuesQuery: ResourceQueryResult<FlowVariables> = useResourceQuery(\n    [FlowVariableQueryKeys.VALUES, flowId ?? '', ouId ?? ''],\n    (resolved: ApiFetcher) => getFlowVariables({...flowsEndpoint, fetcher: resolved, flowId: flowId!, ouId: ouId!}),\n    {enabled: ready, fetcher},\n  );\n\n  const overlayQuery: ResourceQueryResult<ResolvedOverlay> = useResourceQuery(\n    [FlowVariableQueryKeys.DEFINITIONS, 'overlay', flowId ?? '', ouId ?? ''],\n    (resolved: ApiFetcher) => getFlowOverlayRules({...flowsEndpoint, fetcher: resolved, flowId: flowId!, ouId: ouId!}),\n    {enabled: ready, fetcher},\n  );\n\n  const definitions: FlowVariableDefinition[] = useMemo(\n    () => getFlowVariableDefinitions(flowQuery.data),\n    [flowQuery.data],\n  );\n  const needsConnections: boolean = definitions.some(\n    (definition: FlowVariableDefinition) => definition.type === 'CONNECTION_SELECT',\n  );\n\n  const connectionsQuery: ResourceQueryResult<{connections: ConnectionInstance[]}> = useResourceQuery(\n    [FlowVariableQueryKeys.DEFINITIONS, 'connections', ouId ?? ''],\n    (resolved: ApiFetcher) => getConnections({...connectionsEndpoint, fetcher: resolved, limit: 100, ouId}),\n    {enabled: ready && needsConnections, fetcher},\n  );\n\n  const mutation: ResourceMutationResult<FlowVariables, FlowVariableValues> = useResourceMutation(\n    (values: FlowVariableValues, resolved: ApiFetcher) =>\n      updateFlowVariables({...flowsEndpoint, fetcher: resolved, flowId: flowId!, ouId: ouId!, variables: values}),\n    () => [[FlowVariableQueryKeys.VALUES]],\n    {fetcher, onSuccess: (response: FlowVariables) => onSaved?.(response.values)},\n  );\n\n  return {\n    connections: connectionsQuery.data?.connections ?? [],\n    definitions,\n    error: flowQuery.error ?? valuesQuery.error ?? overlayQuery.error ?? connectionsQuery.error,\n    flow: flowQuery.data,\n    isLoaded: Boolean(flowQuery.data) && Boolean(valuesQuery.data) && Boolean(overlayQuery.data),\n    isLoading: flowQuery.isLoading || valuesQuery.isLoading || overlayQuery.isLoading || connectionsQuery.isLoading,\n    isSaving: mutation.isLoading,\n    overlay: overlayQuery.data,\n    overrides: valuesQuery.data?.values ?? {},\n    save: mutation.mutate,\n    saveError: mutation.error,\n  };\n};\n\nexport default useFlowVariables;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AA0GA,MAAM,oBAAoB,EACxB,UAAU,MACV,SACA,QACA,SACA,WACqD;CACrD,MAAMA,gBAAoCC,sCAAsB,QAAQ;CACxE,MAAMC,sBAA0CD,sCAAsB,cAAc;CACpF,MAAME,QAAiB,WAAW,QAAQ,OAAO,IAAI,QAAQ,KAAK;CAElE,MAAMC,YAAwDC,iCAC5D;EAACC,0CAAsB;EAAa,UAAU;EAAI,QAAQ;EAAG,GAC5D,8CAAiC;EAAC,GAAG;EAAe,SAAS;EAAkB;EAAS;EAAK,CAAC,EAC/F;EAAC,SAAS;EAAO;EAAQ,CAC1B;CACD,MAAMC,cAAkDF,iCACtD;EAACC,0CAAsB;EAAQ,UAAU;EAAI,QAAQ;EAAG,GACvD,uDAA0C;EAAC,GAAG;EAAe,SAAS;EAAkB;EAAe;EAAM,CAAC,EAC/G;EAAC,SAAS;EAAO;EAAQ,CAC1B;CAED,MAAME,eAAqDH,iCACzD;EAACC,0CAAsB;EAAa;EAAW,UAAU;EAAI,QAAQ;EAAG,GACvE,0DAA6C;EAAC,GAAG;EAAe,SAAS;EAAkB;EAAe;EAAM,CAAC,EAClH;EAAC,SAAS;EAAO;EAAQ,CAC1B;CAED,MAAMG,2FAC6B,UAAU,KAAK,EAChD,CAAC,UAAU,KAAK,CACjB;CACD,MAAMC,mBAA4B,YAAY,MAC3C,eAAuC,WAAW,SAAS,oBAC7D;CAED,MAAMC,mBAA6EN,iCACjF;EAACC,0CAAsB;EAAa;EAAe,QAAQ;EAAG,GAC7D,qDAAwC;EAAC,GAAG;EAAqB,SAAS;EAAU,OAAO;EAAK;EAAK,CAAC,EACvG;EAAC,SAAS,SAAS;EAAkB;EAAQ,CAC9C;CAED,MAAMM,WAAsEC,qCACzE,QAA4B,0DACP;EAAC,GAAG;EAAe,SAAS;EAAkB;EAAe;EAAO,WAAW;EAAO,CAAC,QACvG,CAAC,CAACP,0CAAsB,OAAO,CAAC,EACtC;EAAC;EAAS,YAAY,aAA4B,UAAU,SAAS,OAAO;EAAC,CAC9E;AAED,QAAO;EACL,aAAa,iBAAiB,MAAM,eAAe,EAAE;EACrD;EACA,OAAO,UAAU,SAAS,YAAY,SAAS,aAAa,SAAS,iBAAiB;EACtF,MAAM,UAAU;EAChB,UAAU,QAAQ,UAAU,KAAK,IAAI,QAAQ,YAAY,KAAK,IAAI,QAAQ,aAAa,KAAK;EAC5F,WAAW,UAAU,aAAa,YAAY,aAAa,aAAa,aAAa,iBAAiB;EACtG,UAAU,SAAS;EACnB,SAAS,aAAa;EACtB,WAAW,YAAY,MAAM,UAAU,EAAE;EACzC,MAAM,SAAS;EACf,WAAW,SAAS;EACrB;;AAGH,+BAAe"}

package/dist/cjs/index.cjs

@@ -117,6 +117,12 @@ const require_BaseUserDetails = require('./components/management/UserDetails/Bas
 const require_UserDetails = require('./components/management/UserDetails/UserDetails.cjs');
 const require_BaseGroupList = require('./components/management/GroupList/BaseGroupList.cjs');
 const require_GroupList = require('./components/management/GroupList/GroupList.cjs');
+const require_FlowVariableField = require('./components/management/FlowVariables/FlowVariableField.cjs');
+const require_BaseFlowVariables = require('./components/management/FlowVariables/BaseFlowVariables.cjs');
+const require_useFlowVariables = require('./hooks/management/useFlowVariables.cjs');
+const require_FlowVariablesForm = require('./components/management/FlowVariables/FlowVariablesForm.cjs');
+const require_BaseSharedFlowList = require('./components/management/SharedFlowList/BaseSharedFlowList.cjs');
+const require_SharedFlowList = require('./components/management/SharedFlowList/SharedFlowList.cjs');
 const require_BaseGroupCreate = require('./components/management/GroupCreate/BaseGroupCreate.cjs');
 const require_GroupCreate = require('./components/management/GroupCreate/GroupCreate.cjs');
 const require_BaseGroupMembers = require('./components/management/GroupMembers/BaseGroupMembers.cjs');
@@ -287,6 +293,7 @@ exports.BaseApplicationList = require_BaseApplicationList.default;
 exports.BaseAuthFlowSelect = require_BaseAuthFlowSelect.default;
 exports.BaseChangeCredential = require_BaseChangeCredential.default;
 exports.BaseDeviceGrant = require_BaseDeviceGrant.default;
+exports.BaseFlowVariables = require_BaseFlowVariables.default;
 exports.BaseGroupCreate = require_BaseGroupCreate.default;
 exports.BaseGroupDetails = require_BaseGroupDetails.default;
 exports.BaseGroupList = require_BaseGroupList.default;
@@ -307,6 +314,7 @@ exports.BaseRoleCreate = require_BaseRoleCreate.default;
 exports.BaseRoleDetails = require_BaseRoleDetails.default;
 exports.BaseRoleList = require_BaseRoleList.default;
 exports.BaseRolePermissions = require_BaseRolePermissions.default;
+exports.BaseSharedFlowList = require_BaseSharedFlowList.default;
 exports.BaseSharingPolicies = require_BaseSharingPolicies.default;
 exports.BaseSignIn = require_BaseSignIn.default;
 exports.BaseSignInButton = require_BaseSignInButton.default;
@@ -431,7 +439,21 @@ exports.FieldFactory = require_FieldFactory.FieldFactory;
 exports.FlowContext = require_FlowContext.default;
 exports.FlowMetaProvider = require_FlowMetaProvider.default;
 exports.FlowProvider = require_FlowProvider.default;
+Object.defineProperty(exports, 'FlowQueryKeys', {
+  enumerable: true,
+  get: function () {
+    return __thunderid_browser.FlowQueryKeys;
+  }
+});
 exports.FlowTimer = require_FlowTimer.default;
+exports.FlowVariableField = require_FlowVariableField.default;
+Object.defineProperty(exports, 'FlowVariableQueryKeys', {
+  enumerable: true,
+  get: function () {
+    return __thunderid_browser.FlowVariableQueryKeys;
+  }
+});
+exports.FlowVariablesForm = require_FlowVariablesForm.default;
 exports.FormControl = require_FormControl.default;
 exports.GitHubButton = require_GitHubButton.default;
 exports.GoogleButton = require_GoogleButton.default;
@@ -489,6 +511,7 @@ Object.defineProperty(exports, 'RoleQueryKeys', {
   }
 });
 exports.Select = require_Select.default;
+exports.SharedFlowList = require_SharedFlowList.default;
 exports.SharingPolicies = require_SharingPolicies.default;
 exports.SignIn = require_SignIn.default;
 exports.SignInButton = require_SignInButton.default;
@@ -1248,6 +1271,18 @@ Object.defineProperty(exports, 'getFlowUsages', {
     return __thunderid_browser.getFlowUsages;
   }
 });
+Object.defineProperty(exports, 'getFlowVariableDefinitions', {
+  enumerable: true,
+  get: function () {
+    return __thunderid_browser.getFlowVariableDefinitions;
+  }
+});
+Object.defineProperty(exports, 'getFlowVariableOptions', {
+  enumerable: true,
+  get: function () {
+    return __thunderid_browser.getFlowVariableOptions;
+  }
+});
 Object.defineProperty(exports, 'getFlowVariables', {
   enumerable: true,
   get: function () {
@@ -1807,6 +1842,12 @@ Object.defineProperty(exports, 'resolveFlowTemplateLiterals', {
     return __thunderid_browser.resolveFlowTemplateLiterals;
   }
 });
+Object.defineProperty(exports, 'resolveFlowVariableRule', {
+  enumerable: true,
+  get: function () {
+    return __thunderid_browser.resolveFlowVariableRule;
+  }
+});
 Object.defineProperty(exports, 'resolveLocaleDisplayName', {
   enumerable: true,
   get: function () {
@@ -2164,6 +2205,7 @@ exports.useFetchAuthFlows = require_useFetchAuthFlows.default;
 exports.useFetchUserTypes = require_useFetchUserTypes.default;
 exports.useFetchUsers = require_useFetchUsers.default;
 exports.useFlow = require_useFlow.default;
+exports.useFlowVariables = require_useFlowVariables.default;
 exports.useForm = require_useForm.default;
 exports.useGrantedPermissions = require_useGrantedPermissions.default;
 exports.useI18n = require_useI18n.default;
@@ -2175,6 +2217,12 @@ exports.useThunderID = require_useThunderID.default;
 exports.useTranslation = require_useTranslation.default;
 exports.useUser = require_useUser.default;
 exports.validateFieldValue = require_FieldFactory.validateFieldValue;
+Object.defineProperty(exports, 'validateFlowVariableValue', {
+  enumerable: true,
+  get: function () {
+    return __thunderid_browser.validateFlowVariableValue;
+  }
+});
 Object.defineProperty(exports, 'verifyDeviceCode', {
   enumerable: true,
   get: function () {

package/dist/components/management/FlowVariables/BaseFlowVariables.d.ts

@@ -0,0 +1,124 @@
+import { ConnectionInstance, FlowVariableDefinition, FlowVariableOption, FlowVariableValue, FlowVariableValues, Preferences, ResolvedFlowVariableRule, ResolvedOverlay } from '@thunderid/browser';
+import { FC, ReactElement, ReactNode } from 'react';
+/**
+ * What {@link BaseFlowVariables} hands its `children` render function, so the form can be built with any UI.
+ */
+export interface BaseFlowVariablesRenderProps {
+    error: string | null;
+    /**
+     * The message to show under each variable that is not valid, keyed by identifier.
+     */
+    errors: Record<string, string>;
+    /**
+     * The choices of a select variable, narrowed to what the unit may pick.
+     */
+    getOptions: (definition: FlowVariableDefinition) => FlowVariableOption[];
+    /**
+     * What the unit may do with a variable: whether it can set its own value, and the default it starts from.
+     */
+    getRule: (definition: FlowVariableDefinition) => ResolvedFlowVariableRule;
+    /**
+     * Sets the value of one variable.
+     */
+    handleChange: (identifier: string, value: FlowVariableValue) => 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;
+    /**
+     * Returns every variable the unit may set to its default.
+     */
+    resetToDefaults: () => void;
+    values: FlowVariableValues;
+    variables: FlowVariableDefinition[];
+}
+export interface BaseFlowVariablesProps {
+    /**
+     * Renders custom UI in place of the default form. Receives the variables, their values and setters, and the
+     * submit handler.
+     */
+    children?: (props: BaseFlowVariablesRenderProps) => ReactNode;
+    className?: string;
+    /**
+     * The connections a `CONNECTION_SELECT` variable can take.
+     */
+    connections?: Pick<ConnectionInstance, 'categories' | 'id' | 'name' | 'type'>[];
+    description?: string;
+    error?: string | null;
+    /**
+     * The values the form starts with, over each variable's default. A variable left out starts at its default.
+     */
+    initialValues?: FlowVariableValues;
+    isSubmitting?: boolean;
+    onCancel?: () => void;
+    /**
+     * Called when the user asks to create a connection, from the hint under a connection variable. Without it, the
+     * hint does not offer one.
+     */
+    onCreateConnection?: () => void;
+    /**
+     * Called with every value after one changes.
+     */
+    onChange?: (values: FlowVariableValues) => void;
+    /**
+     * Called when the form is submitted and valid, with every value and the overrides: the values of the variables
+     * the unit may set that differ from their default. Without it the form has no save button, which suits a preview.
+     */
+    onSubmit?: (values: FlowVariableValues, overrides: FlowVariableValues) => void;
+    /**
+     * What the unit may do with each variable, as `getFlowOverlayRules` returns it. Without it every variable is
+     * editable, which suits a preview.
+     */
+    overlay?: ResolvedOverlay;
+    /**
+     * The name of the organization unit the variables are set for, used in the notice and the connection hint.
+     */
+    ouName?: string;
+    /**
+     * The name of whoever owns the flow, shown on a variable the unit may not set.
+     */
+    ownerName?: string;
+    preferences?: Preferences;
+    /**
+     * Shows the variables without letting them be changed.
+     */
+    readOnly?: boolean;
+    /**
+     * Wraps the card of each variable, so a host can add its own controls around it, such as selecting or removing the
+     * variable while it is being designed. Receives the card, the variable and its position.
+     */
+    renderField?: (field: ReactElement, definition: FlowVariableDefinition, index: number) => ReactNode;
+    /**
+     * Content at the end of the label row of each variable, for a control a host adds while designing the variables.
+     */
+    renderFieldAction?: (definition: FlowVariableDefinition, index: number) => ReactNode;
+    /**
+     * Shows a notice that the settings apply to the organization unit only. Needs `ouName` to be useful.
+     */
+    showScopeNotice?: boolean;
+    title?: string;
+    /**
+     * The variables to render, as the flow declares them.
+     */
+    variables: FlowVariableDefinition[];
+}
+/**
+ * A form for the variables a flow declares, each in a card with its label, its description, whether it is
+ * customized or follows the default, and the input its type calls for. It is what a delegated admin sees when
+ * overriding a flow, and what the flow editor previews. Holds no data of its own: pass the variables and handle
+ * the submission.
+ *
+ * @example
+ * ```tsx
+ * <BaseFlowVariables variables={variables} connections={connections} overlay={overlay} onSubmit={save} />
+ * ```
+ */
+declare const BaseFlowVariables: FC<BaseFlowVariablesProps>;
+export default BaseFlowVariables;
+//# sourceMappingURL=BaseFlowVariables.d.ts.map

package/dist/components/management/FlowVariables/BaseFlowVariables.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseFlowVariables.d.ts","sourceRoot":"","sources":["../../../../src/components/management/FlowVariables/BaseFlowVariables.tsx"],"names":[],"mappings":"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"}