@thunderid/react 1.15.1 → 1.17.0

package/dist/cjs/components/management/FlowVariables/FlowVariables.styles.cjs

@@ -0,0 +1,123 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_emotion = require('../../../styles/emotion.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+
+//#region src/components/management/FlowVariables/FlowVariables.styles.ts
+/**
+* Creates the styles of the flow variables form.
+*
+* @param theme - The theme object containing design tokens.
+* @param colorScheme - The current color scheme, used for memoization.
+* @returns The CSS class names for each part.
+*/
+const useStyles = (theme, colorScheme) => (0, react.useMemo)(() => {
+	const unit = theme.vars.spacing.unit;
+	const chip = require_emotion.css`
+      display: inline-flex;
+      align-items: center;
+      flex-shrink: 0;
+      padding: 2px calc(${unit} * 1.25);
+      border-radius: 999px;
+      border: 1px solid ${theme.vars.colors.border};
+      font-size: ${theme.vars.typography.fontSizes.xs};
+      font-weight: ${theme.vars.typography.fontWeights.medium};
+      color: ${theme.vars.colors.text.secondary};
+      white-space: nowrap;
+    `;
+	return {
+		actions: require_emotion.css`
+        display: flex;
+        align-items: center;
+        gap: ${unit};
+      `,
+		actionsSpacer: require_emotion.css`
+        flex-grow: 1;
+      `,
+		card: require_emotion.css`
+        display: flex;
+        flex-direction: column;
+        gap: calc(${unit} * 2);
+        padding: calc(${unit} * 2.5) calc(${unit} * 3);
+        background: ${theme.vars.colors.background.surface};
+        border: 1px solid ${theme.vars.colors.border};
+        border-radius: ${theme.vars.borderRadius.large};
+      `,
+		cardLocked: require_emotion.css`
+        background: ${theme.vars.colors.background.disabled};
+      `,
+		chip,
+		chipCustomized: require_emotion.css`
+        ${chip}
+        border-color: ${theme.vars.colors.success.main};
+        color: ${theme.vars.colors.success.main};
+      `,
+		description: require_emotion.css`
+        margin: calc(${unit} / 4) 0 0;
+        color: ${theme.vars.colors.text.secondary};
+        font-size: ${theme.vars.typography.fontSizes.sm};
+      `,
+		empty: require_emotion.css`
+        margin: 0;
+        color: ${theme.vars.colors.text.secondary};
+      `,
+		form: require_emotion.css`
+        display: flex;
+        flex-direction: column;
+        gap: calc(${unit} * 2.5);
+        max-width: 880px;
+      `,
+		header: require_emotion.css`
+        display: flex;
+        align-items: flex-start;
+        gap: calc(${unit} * 1.5);
+      `,
+		headerText: require_emotion.css`
+        flex-grow: 1;
+        min-width: 0;
+      `,
+		hint: require_emotion.css`
+        display: flex;
+        flex-wrap: wrap;
+        align-items: center;
+        gap: calc(${unit} * 1.25);
+        margin: 0;
+        color: ${theme.vars.colors.text.secondary};
+        font-size: ${theme.vars.typography.fontSizes.xs};
+      `,
+		label: require_emotion.css`
+        font-size: ${theme.vars.typography.fontSizes.md};
+        font-weight: ${theme.vars.typography.fontWeights.medium};
+        color: ${theme.vars.colors.text.primary};
+      `,
+		link: require_emotion.css`
+        padding: 0;
+        border: 0;
+        background: none;
+        font: inherit;
+        font-weight: ${theme.vars.typography.fontWeights.medium};
+        color: ${theme.vars.colors.primary.main};
+        cursor: pointer;
+        &:hover {
+          text-decoration: underline;
+        }
+      `,
+		lockedLine: require_emotion.css`
+        display: flex;
+        align-items: center;
+        gap: calc(${unit} * 1.25);
+        color: ${theme.vars.colors.text.secondary};
+        font-size: ${theme.vars.typography.fontSizes.sm};
+      `,
+		scope: require_emotion.css`
+        display: flex;
+        align-items: center;
+        gap: calc(${unit} * 1.5);
+      `
+	};
+}, [theme, colorScheme]);
+var FlowVariables_styles_default = useStyles;
+
+//#endregion
+exports.default = FlowVariables_styles_default;
+//# sourceMappingURL=FlowVariables.styles.cjs.map

package/dist/cjs/components/management/FlowVariables/FlowVariables.styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlowVariables.styles.cjs","names":["unit: string","chip: string"],"sources":["../../../../../src/components/management/FlowVariables/FlowVariables.styles.ts"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {Theme} from '@thunderid/browser';\nimport {useMemo} from 'react';\nimport {css} from '../../../styles/emotion';\n\n/**\n * Creates the styles of the flow variables form.\n *\n * @param theme - The theme object containing design tokens.\n * @param colorScheme - The current color scheme, used for memoization.\n * @returns The CSS class names for each part.\n */\nconst useStyles = (theme: Theme, colorScheme: string): Record<string, string> =>\n  useMemo(() => {\n    const unit: string = theme.vars.spacing.unit;\n    const chip: string = css`\n      display: inline-flex;\n      align-items: center;\n      flex-shrink: 0;\n      padding: 2px calc(${unit} * 1.25);\n      border-radius: 999px;\n      border: 1px solid ${theme.vars.colors.border};\n      font-size: ${theme.vars.typography.fontSizes.xs};\n      font-weight: ${theme.vars.typography.fontWeights.medium};\n      color: ${theme.vars.colors.text.secondary};\n      white-space: nowrap;\n    `;\n\n    return {\n      actions: css`\n        display: flex;\n        align-items: center;\n        gap: ${unit};\n      `,\n      actionsSpacer: css`\n        flex-grow: 1;\n      `,\n      card: css`\n        display: flex;\n        flex-direction: column;\n        gap: calc(${unit} * 2);\n        padding: calc(${unit} * 2.5) calc(${unit} * 3);\n        background: ${theme.vars.colors.background.surface};\n        border: 1px solid ${theme.vars.colors.border};\n        border-radius: ${theme.vars.borderRadius.large};\n      `,\n      cardLocked: css`\n        background: ${theme.vars.colors.background.disabled};\n      `,\n      chip,\n      chipCustomized: css`\n        ${chip}\n        border-color: ${theme.vars.colors.success.main};\n        color: ${theme.vars.colors.success.main};\n      `,\n      description: css`\n        margin: calc(${unit} / 4) 0 0;\n        color: ${theme.vars.colors.text.secondary};\n        font-size: ${theme.vars.typography.fontSizes.sm};\n      `,\n      empty: css`\n        margin: 0;\n        color: ${theme.vars.colors.text.secondary};\n      `,\n      form: css`\n        display: flex;\n        flex-direction: column;\n        gap: calc(${unit} * 2.5);\n        max-width: 880px;\n      `,\n      header: css`\n        display: flex;\n        align-items: flex-start;\n        gap: calc(${unit} * 1.5);\n      `,\n      headerText: css`\n        flex-grow: 1;\n        min-width: 0;\n      `,\n      hint: css`\n        display: flex;\n        flex-wrap: wrap;\n        align-items: center;\n        gap: calc(${unit} * 1.25);\n        margin: 0;\n        color: ${theme.vars.colors.text.secondary};\n        font-size: ${theme.vars.typography.fontSizes.xs};\n      `,\n      label: css`\n        font-size: ${theme.vars.typography.fontSizes.md};\n        font-weight: ${theme.vars.typography.fontWeights.medium};\n        color: ${theme.vars.colors.text.primary};\n      `,\n      link: css`\n        padding: 0;\n        border: 0;\n        background: none;\n        font: inherit;\n        font-weight: ${theme.vars.typography.fontWeights.medium};\n        color: ${theme.vars.colors.primary.main};\n        cursor: pointer;\n        &:hover {\n          text-decoration: underline;\n        }\n      `,\n      lockedLine: css`\n        display: flex;\n        align-items: center;\n        gap: calc(${unit} * 1.25);\n        color: ${theme.vars.colors.text.secondary};\n        font-size: ${theme.vars.typography.fontSizes.sm};\n      `,\n      scope: css`\n        display: flex;\n        align-items: center;\n        gap: calc(${unit} * 1.5);\n      `,\n    };\n  }, [theme, colorScheme]);\n\nexport default useStyles;\n"],"mappings":";;;;;;;;;;;;;AAcA,MAAM,aAAa,OAAc,yCACjB;CACZ,MAAMA,OAAe,MAAM,KAAK,QAAQ;CACxC,MAAMC,OAAe,mBAAG;;;;0BAIF,KAAK;;0BAEL,MAAM,KAAK,OAAO,OAAO;mBAChC,MAAM,KAAK,WAAW,UAAU,GAAG;qBACjC,MAAM,KAAK,WAAW,YAAY,OAAO;eAC/C,MAAM,KAAK,OAAO,KAAK,UAAU;;;AAI5C,QAAO;EACL,SAAS,mBAAG;;;eAGH,KAAK;;EAEd,eAAe,mBAAG;;;EAGlB,MAAM,mBAAG;;;oBAGK,KAAK;wBACD,KAAK,eAAe,KAAK;sBAC3B,MAAM,KAAK,OAAO,WAAW,QAAQ;4BAC/B,MAAM,KAAK,OAAO,OAAO;yBAC5B,MAAM,KAAK,aAAa,MAAM;;EAEjD,YAAY,mBAAG;sBACC,MAAM,KAAK,OAAO,WAAW,SAAS;;EAEtD;EACA,gBAAgB,mBAAG;UACf,KAAK;wBACS,MAAM,KAAK,OAAO,QAAQ,KAAK;iBACtC,MAAM,KAAK,OAAO,QAAQ,KAAK;;EAE1C,aAAa,mBAAG;uBACC,KAAK;iBACX,MAAM,KAAK,OAAO,KAAK,UAAU;qBAC7B,MAAM,KAAK,WAAW,UAAU,GAAG;;EAElD,OAAO,mBAAG;;iBAEC,MAAM,KAAK,OAAO,KAAK,UAAU;;EAE5C,MAAM,mBAAG;;;oBAGK,KAAK;;;EAGnB,QAAQ,mBAAG;;;oBAGG,KAAK;;EAEnB,YAAY,mBAAG;;;;EAIf,MAAM,mBAAG;;;;oBAIK,KAAK;;iBAER,MAAM,KAAK,OAAO,KAAK,UAAU;qBAC7B,MAAM,KAAK,WAAW,UAAU,GAAG;;EAElD,OAAO,mBAAG;qBACK,MAAM,KAAK,WAAW,UAAU,GAAG;uBACjC,MAAM,KAAK,WAAW,YAAY,OAAO;iBAC/C,MAAM,KAAK,OAAO,KAAK,QAAQ;;EAE1C,MAAM,mBAAG;;;;;uBAKQ,MAAM,KAAK,WAAW,YAAY,OAAO;iBAC/C,MAAM,KAAK,OAAO,QAAQ,KAAK;;;;;;EAM1C,YAAY,mBAAG;;;oBAGD,KAAK;iBACR,MAAM,KAAK,OAAO,KAAK,UAAU;qBAC7B,MAAM,KAAK,WAAW,UAAU,GAAG;;EAElD,OAAO,mBAAG;;;oBAGI,KAAK;;EAEpB;GACA,CAAC,OAAO,YAAY,CAAC;AAE1B,mCAAe"}

package/dist/cjs/components/management/FlowVariables/FlowVariablesForm.cjs

@@ -0,0 +1,50 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_useTranslation = require('../../../hooks/useTranslation.cjs');
+const require_Spinner = require('../../primitives/Spinner/Spinner.cjs');
+const require_BaseFlowVariables = require('./BaseFlowVariables.cjs');
+const require_useFlowVariables = require('../../../hooks/management/useFlowVariables.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/FlowVariables/FlowVariablesForm.tsx
+/**
+* Lets a delegated admin override the variables a flow declares for their organization unit. It loads the
+* variables the flow shares with the unit and the values the unit has set, shows them as a form, and saves
+* the values that differ from their defaults.
+*
+* @example
+* ```tsx
+* <FlowVariablesForm flowId={flowId} ouId={ouId} onSaved={() => toast('Saved')} />
+* ```
+*/
+const FlowVariablesForm = ({ flowId, onSaved, ouId, preferences, title,...rest }) => {
+	const { t } = require_useTranslation.default(preferences?.i18n);
+	const { connections, definitions, error, isLoaded, isSaving, overlay, overrides, save, saveError } = require_useFlowVariables.default({
+		flowId,
+		onSaved,
+		ouId
+	});
+	const handleSubmit = (_values, changed) => {
+		save(changed);
+	};
+	if (!isLoaded && !error) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Spinner.default, {});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_BaseFlowVariables.default, {
+		title: title ?? t("admin.flowVariables.title"),
+		variables: definitions,
+		connections,
+		initialValues: overrides,
+		overlay,
+		isSubmitting: isSaving,
+		error: error ? (0, __thunderid_browser.toManagementErrorMessage)(t, error, "admin.flowVariables.load_error") : (0, __thunderid_browser.toManagementErrorMessage)(t, saveError, "admin.flowVariables.error"),
+		onSubmit: handleSubmit,
+		preferences,
+		...rest
+	});
+};
+var FlowVariablesForm_default = FlowVariablesForm;
+
+//#endregion
+exports.default = FlowVariablesForm_default;
+//# sourceMappingURL=FlowVariablesForm.cjs.map

package/dist/cjs/components/management/FlowVariables/FlowVariablesForm.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlowVariablesForm.cjs","names":["FlowVariablesForm: FC<FlowVariablesFormProps>","useTranslation","useFlowVariables","Spinner","BaseFlowVariables"],"sources":["../../../../../src/components/management/FlowVariables/FlowVariablesForm.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {FlowVariableValues, toManagementErrorMessage} from '@thunderid/browser';\nimport {FC, ReactElement} from 'react';\nimport BaseFlowVariables, {BaseFlowVariablesProps} from './BaseFlowVariables';\nimport useFlowVariables, {UseFlowVariablesResult} from '../../../hooks/management/useFlowVariables';\nimport useTranslation from '../../../hooks/useTranslation';\nimport Spinner from '../../primitives/Spinner/Spinner';\n\nexport type FlowVariablesFormProps = Omit<\n  BaseFlowVariablesProps,\n  'connections' | 'error' | 'initialValues' | 'isSubmitting' | 'onSubmit' | 'overlay' | 'variables'\n> & {\n  /**\n   * Identifier of the flow whose variables are configured.\n   */\n  flowId: string;\n  /**\n   * Called with the saved overrides.\n   */\n  onSaved?: (values: FlowVariableValues) => void;\n  /**\n   * The organization unit the overrides belong to.\n   */\n  ouId: string;\n};\n\n/**\n * Lets a delegated admin override the variables a flow declares for their organization unit. It loads the\n * variables the flow shares with the unit and the values the unit has set, shows them as a form, and saves\n * the values that differ from their defaults.\n *\n * @example\n * ```tsx\n * <FlowVariablesForm flowId={flowId} ouId={ouId} onSaved={() => toast('Saved')} />\n * ```\n */\nconst FlowVariablesForm: FC<FlowVariablesFormProps> = ({\n  flowId,\n  onSaved,\n  ouId,\n  preferences,\n  title,\n  ...rest\n}: FlowVariablesFormProps): ReactElement => {\n  const {t} = useTranslation(preferences?.i18n);\n  const {\n    connections,\n    definitions,\n    error,\n    isLoaded,\n    isSaving,\n    overlay,\n    overrides,\n    save,\n    saveError,\n  }: UseFlowVariablesResult = useFlowVariables({flowId, onSaved, ouId});\n\n  // Only what differs from the default is an override; the rest keeps following the default.\n  const handleSubmit = (_values: FlowVariableValues, changed: FlowVariableValues): void => {\n    void save(changed);\n  };\n\n  if (!isLoaded && !error) {\n    return <Spinner />;\n  }\n\n  return (\n    <BaseFlowVariables\n      title={title ?? t('admin.flowVariables.title')}\n      variables={definitions}\n      connections={connections}\n      initialValues={overrides}\n      overlay={overlay}\n      isSubmitting={isSaving}\n      error={\n        error\n          ? toManagementErrorMessage(t, error, 'admin.flowVariables.load_error')\n          : toManagementErrorMessage(t, saveError, 'admin.flowVariables.error')\n      }\n      onSubmit={handleSubmit}\n      preferences={preferences}\n      {...rest}\n    />\n  );\n};\n\nexport default FlowVariablesForm;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAsCA,MAAMA,qBAAiD,EACrD,QACA,SACA,MACA,aACA,MACA,GAAG,WACuC;CAC1C,MAAM,EAAC,MAAKC,+BAAe,aAAa,KAAK;CAC7C,MAAM,EACJ,aACA,aACA,OACA,UACA,UACA,SACA,WACA,MACA,cAC0BC,iCAAiB;EAAC;EAAQ;EAAS;EAAK,CAAC;CAGrE,MAAM,gBAAgB,SAA6B,YAAsC;AACvF,EAAK,KAAK,QAAQ;;AAGpB,KAAI,CAAC,YAAY,CAAC,MAChB,QAAO,2CAACC,4BAAU;AAGpB,QACE,2CAACC;EACC,OAAO,SAAS,EAAE,4BAA4B;EAC9C,WAAW;EACE;EACb,eAAe;EACN;EACT,cAAc;EACd,OACE,0DAC6B,GAAG,OAAO,iCAAiC,qDAC3C,GAAG,WAAW,4BAA4B;EAEzE,UAAU;EACG;EACb,GAAI;GACJ;;AAIN,gCAAe"}

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/AgentCreate/AgentCreate.d.ts

@@ -1,4 +1,4 @@
-import { Agent } from '@thunderid/browser';
+import { Agent, AgentOwner } from '@thunderid/browser';
 import { FC } from 'react';
 import { BaseAgentCreateProps } from './BaseAgentCreate';
 export type AgentCreateProps = Omit<BaseAgentCreateProps, 'agentTypes' | 'error' | 'isSubmitting' | 'onSubmit'> & {
@@ -14,7 +14,7 @@ export type AgentCreateProps = Omit<BaseAgentCreateProps, 'agentTypes' | 'error'
     /**
      * The person responsible for the agent. Defaults to the server's choice, usually the creator.
      */
-    owner?: string;
+    owner?: AgentOwner;
 };
 /**
  * Registers an agent through the management API.

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

@@ -1 +1 @@
-{"version":3,"file":"AgentCreate.d.ts","sourceRoot":"","sources":["../../../../src/components/management/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;;;OAGG;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,CAiDrC,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"AgentCreate.d.ts","sourceRoot":"","sources":["../../../../src/components/management/AgentCreate/AgentCreate.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,EACL,UAAU,EASX,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;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB,CAAC;AAEF;;;;;;;GAOG;AACH,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAiDrC,CAAC;AAEF,eAAe,WAAW,CAAC"}