@thunderid/react 1.16.0 → 1.17.0

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

@@ -0,0 +1,30 @@
+import { FlowVariableValues } from '@thunderid/browser';
+import { FC } from 'react';
+import { BaseFlowVariablesProps } from './BaseFlowVariables';
+export type FlowVariablesFormProps = Omit<BaseFlowVariablesProps, 'connections' | 'error' | 'initialValues' | 'isSubmitting' | 'onSubmit' | 'overlay' | 'variables'> & {
+    /**
+     * Identifier of the flow whose variables are configured.
+     */
+    flowId: string;
+    /**
+     * Called with the saved overrides.
+     */
+    onSaved?: (values: FlowVariableValues) => void;
+    /**
+     * The organization unit the overrides belong to.
+     */
+    ouId: string;
+};
+/**
+ * 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')} />
+ * ```
+ */
+declare const FlowVariablesForm: FC<FlowVariablesFormProps>;
+export default FlowVariablesForm;
+//# sourceMappingURL=FlowVariablesForm.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FlowVariablesForm.d.ts","sourceRoot":"","sources":["../../../../src/components/management/FlowVariables/FlowVariablesForm.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,kBAAkB,EAA2B,MAAM,oBAAoB,CAAC;AAChF,OAAO,EAAC,EAAE,EAAe,MAAM,OAAO,CAAC;AACvC,OAA0B,EAAC,sBAAsB,EAAC,MAAM,qBAAqB,CAAC;AAK9E,MAAM,MAAM,sBAAsB,GAAG,IAAI,CACvC,sBAAsB,EACtB,aAAa,GAAG,OAAO,GAAG,eAAe,GAAG,cAAc,GAAG,UAAU,GAAG,SAAS,GAAG,WAAW,CAClG,GAAG;IACF;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC/C;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF;;;;;;;;;GASG;AACH,QAAA,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAgDjD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

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

@@ -0,0 +1,47 @@
+import useTranslation_default from "../../../hooks/useTranslation.js";
+import Spinner_default from "../../primitives/Spinner/Spinner.js";
+import BaseFlowVariables_default from "./BaseFlowVariables.js";
+import useFlowVariables_default from "../../../hooks/management/useFlowVariables.js";
+import { toManagementErrorMessage } from "@thunderid/browser";
+import { jsx } from "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 } = useTranslation_default(preferences?.i18n);
+	const { connections, definitions, error, isLoaded, isSaving, overlay, overrides, save, saveError } = useFlowVariables_default({
+		flowId,
+		onSaved,
+		ouId
+	});
+	const handleSubmit = (_values, changed) => {
+		save(changed);
+	};
+	if (!isLoaded && !error) return /* @__PURE__ */ jsx(Spinner_default, {});
+	return /* @__PURE__ */ jsx(BaseFlowVariables_default, {
+		title: title ?? t("admin.flowVariables.title"),
+		variables: definitions,
+		connections,
+		initialValues: overrides,
+		overlay,
+		isSubmitting: isSaving,
+		error: error ? toManagementErrorMessage(t, error, "admin.flowVariables.load_error") : toManagementErrorMessage(t, saveError, "admin.flowVariables.error"),
+		onSubmit: handleSubmit,
+		preferences,
+		...rest
+	});
+};
+var FlowVariablesForm_default = FlowVariablesForm;
+
+//#endregion
+export { FlowVariablesForm_default as default };
+//# sourceMappingURL=FlowVariablesForm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FlowVariablesForm.js","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,uBAAe,aAAa,KAAK;CAC7C,MAAM,EACJ,aACA,aACA,OACA,UACA,UACA,SACA,WACA,MACA,cAC0BC,yBAAiB;EAAC;EAAQ;EAAS;EAAK,CAAC;CAGrE,MAAM,gBAAgB,SAA6B,YAAsC;AACvF,EAAK,KAAK,QAAQ;;AAGpB,KAAI,CAAC,YAAY,CAAC,MAChB,QAAO,oBAACC,oBAAU;AAGpB,QACE,oBAACC;EACC,OAAO,SAAS,EAAE,4BAA4B;EAC9C,WAAW;EACE;EACb,eAAe;EACN;EACT,cAAc;EACd,OACE,QACI,yBAAyB,GAAG,OAAO,iCAAiC,GACpE,yBAAyB,GAAG,WAAW,4BAA4B;EAEzE,UAAU;EACG;EACb,GAAI;GACJ;;AAIN,gCAAe"}

package/dist/components/management/SharedFlowList/BaseSharedFlowList.d.ts

@@ -0,0 +1,53 @@
+import { ManagedFlow, Preferences } from '@thunderid/browser';
+import { FC, ReactNode } from 'react';
+import { AdminListRenderProps } from '../shared/AdminListRenderProps';
+/**
+ * What {@link BaseSharedFlowList} hands its `children` render function. `flows` and `rows` are the same array.
+ */
+export type BaseSharedFlowListRenderProps = AdminListRenderProps<ManagedFlow> & {
+    flows: ManagedFlow[];
+};
+export interface BaseSharedFlowListProps {
+    /**
+     * Controls rendered next to the title.
+     */
+    actions?: ReactNode;
+    /**
+     * Renders custom UI in place of the default table. Receives the flows, the default columns, the loading and
+     * error state, and the pagination and selection handlers.
+     */
+    children?: (props: BaseSharedFlowListRenderProps) => ReactNode;
+    className?: string;
+    description?: string;
+    error?: string | null;
+    flows: ManagedFlow[];
+    isLoading?: boolean;
+    /**
+     * Page size.
+     * @default 20
+     */
+    limit?: number;
+    offset?: number;
+    /**
+     * Called with the offset of the page to show. Pagination is hidden when omitted.
+     */
+    onPageChange?: (offset: number) => void;
+    /**
+     * Called when a flow is chosen. Rows are selectable only when set.
+     */
+    onSelect?: (flow: ManagedFlow) => void;
+    preferences?: Preferences;
+    selectedFlowId?: string;
+    /**
+     * Heading of the list. Pass an empty string to hide it.
+     */
+    title?: string;
+    totalResults?: number;
+}
+/**
+ * Lists flows with their handle and type. Holds no data of its own: pass the page of flows and handle selection
+ * and pagination.
+ */
+declare const BaseSharedFlowList: FC<BaseSharedFlowListProps>;
+export default BaseSharedFlowList;
+//# sourceMappingURL=BaseSharedFlowList.d.ts.map

package/dist/components/management/SharedFlowList/BaseSharedFlowList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseSharedFlowList.d.ts","sourceRoot":"","sources":["../../../../src/components/management/SharedFlowList/BaseSharedFlowList.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,WAAW,EAAE,WAAW,EAAC,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAC,EAAE,EAAgB,SAAS,EAAC,MAAM,OAAO,CAAC;AAGlD,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AAGpE;;GAEG;AACH,MAAM,MAAM,6BAA6B,GAAG,oBAAoB,CAAC,WAAW,CAAC,GAAG;IAC9E,KAAK,EAAE,WAAW,EAAE,CAAC;CACtB,CAAC;AAEF,MAAM,WAAW,uBAAuB;IACtC;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,6BAA6B,KAAK,SAAS,CAAC;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;GAGG;AACH,QAAA,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAkFnD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/management/SharedFlowList/BaseSharedFlowList.js

@@ -0,0 +1,76 @@
+import useTranslation_default from "../../../hooks/useTranslation.js";
+import DataTable_default from "../../primitives/DataTable/DataTable.js";
+import AdminSection_default from "../shared/AdminSection.js";
+import { jsx } from "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 } = 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__ */ jsx("code", { children: flow.handle }) : null
+		},
+		{
+			header: t("admin.flows.list.columns.type"),
+			id: "type",
+			render: (flow) => flow.flowType
+		}
+	];
+	if (children) return /* @__PURE__ */ jsx("div", {
+		className,
+		children: children({
+			columns,
+			error,
+			flows,
+			isLoading,
+			limit,
+			offset,
+			onPageChange,
+			onSelect,
+			rows: flows,
+			selectedRowId: selectedFlowId,
+			totalResults: totalResults ?? flows.length
+		})
+	});
+	return /* @__PURE__ */ jsx(AdminSection_default, {
+		block: "shared-flow-list",
+		className,
+		title: title ?? t("admin.flows.list.title"),
+		description,
+		actions,
+		preferences,
+		children: /* @__PURE__ */ jsx(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
+export { BaseSharedFlowList_default as default };
+//# sourceMappingURL=BaseSharedFlowList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BaseSharedFlowList.js","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,uBAAe,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,oBAAC,oBAAM,KAAK,SAAc,GAAG;GACvF;EACD;GACE,QAAQ,EAAE,gCAAgC;GAC1C,IAAI;GACJ,SAAS,SAAiC,KAAK;GAChD;EACF;AAED,KAAI,SACF,QACE,oBAAC;EAAe;YACb,SAAS;GACR;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,MAAM;GACN,eAAe;GACf,cAAc,gBAAgB,MAAM;GACrC,CAAC;GACE;AAIV,QACE,oBAACC;EACC,OAAM;EACK;EACX,OAAO,SAAS,EAAE,yBAAyB;EAC9B;EACJ;EACI;YAEb,oBAACC;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/components/management/SharedFlowList/SharedFlowList.d.ts

@@ -0,0 +1,32 @@
+import { FC } from 'react';
+import { BaseSharedFlowListProps } from './BaseSharedFlowList';
+export type SharedFlowListProps = Omit<BaseSharedFlowListProps, 'error' | 'flows' | 'isLoading' | 'offset' | 'onPageChange' | 'totalResults'> & {
+    /**
+     * Restricts the list to one flow type, for example `AUTHENTICATION`.
+     */
+    flowType?: string;
+    /**
+     * The organization unit to list the flows of: the ones it owns and the ones shared with it.
+     */
+    ouId: string;
+    /**
+     * Which of those flows to list: the ones shared with the unit, the ones it owns, or both. The server reports
+     * the ownership of each flow, and the list narrows to it, so a narrowed list reads the first page of at most
+     * 100 flows and pages through the matches.
+     * @default 'shared'
+     */
+    ownership?: 'all' | 'owned' | 'shared';
+};
+/**
+ * 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} />}
+ * ```
+ */
+declare const SharedFlowList: FC<SharedFlowListProps>;
+export default SharedFlowList;
+//# sourceMappingURL=SharedFlowList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SharedFlowList.d.ts","sourceRoot":"","sources":["../../../../src/components/management/SharedFlowList/SharedFlowList.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAC,EAAE,EAAkC,MAAM,OAAO,CAAC;AAC1D,OAA2B,EAAC,uBAAuB,EAAC,MAAM,sBAAsB,CAAC;AAKjF,MAAM,MAAM,mBAAmB,GAAG,IAAI,CACpC,uBAAuB,EACvB,OAAO,GAAG,OAAO,GAAG,WAAW,GAAG,QAAQ,GAAG,cAAc,GAAG,cAAc,CAC7E,GAAG;IACF;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;;;;OAKG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,CAAC;CACxC,CAAC;AAIF;;;;;;;;;GASG;AACH,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CA4C3C,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/management/SharedFlowList/SharedFlowList.js

@@ -0,0 +1,65 @@
+import useTranslation_default from "../../../hooks/useTranslation.js";
+import useManagementEndpoint_default from "../../../hooks/management/useManagementEndpoint.js";
+import useResourceQuery_default from "../../../hooks/management/useResourceQuery.js";
+import BaseSharedFlowList_default from "./BaseSharedFlowList.js";
+import { FlowQueryKeys, getFlows, toManagementErrorMessage } from "@thunderid/browser";
+import { useMemo, useState } from "react";
+import { jsx } from "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 } = useTranslation_default(preferences?.i18n);
+	const [offset, setOffset] = useState(0);
+	const endpoint = useManagementEndpoint_default("flows");
+	const narrowed = ownership !== "all";
+	const { data, error, isLoading } = useResourceQuery_default([FlowQueryKeys.FLOWS, narrowed ? {
+		flowType,
+		ouId,
+		ownership
+	} : {
+		flowType,
+		limit,
+		offset,
+		ouId
+	}], (fetcher) => getFlows({
+		...endpoint,
+		fetcher,
+		flowType,
+		ouId,
+		...narrowed ? {
+			limit: MAX_FETCH,
+			offset: 0
+		} : {
+			limit,
+			offset
+		}
+	}));
+	const matching = useMemo(() => (data?.flows ?? []).filter((flow) => ownership === "all" || flow.isOwnedByOU === (ownership === "owned")), [data, ownership]);
+	return /* @__PURE__ */ jsx(BaseSharedFlowList_default, {
+		flows: narrowed ? matching.slice(offset, offset + limit) : matching,
+		totalResults: narrowed ? matching.length : data?.totalResults,
+		isLoading,
+		error: toManagementErrorMessage(t, error, "admin.flows.list.error"),
+		limit,
+		offset,
+		onPageChange: setOffset,
+		preferences,
+		...rest
+	});
+};
+var SharedFlowList_default = SharedFlowList;
+
+//#endregion
+export { SharedFlowList_default as default };
+//# sourceMappingURL=SharedFlowList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SharedFlowList.js","names":["SharedFlowList: FC<SharedFlowListProps>","useTranslation","endpoint: ManagementEndpoint","useManagementEndpoint","narrowed: boolean","useResourceQuery","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,uBAAe,aAAa,KAAK;CAC7C,MAAM,CAAC,QAAQ,aAAa,SAAiB,EAAE;CAC/C,MAAMC,WAA+BC,8BAAsB,QAAQ;CACnE,MAAMC,WAAoB,cAAc;CACxC,MAAM,EAAC,MAAM,OAAO,cAA2DC,yBAC7E,CAAC,cAAc,OAAO,WAAW;EAAC;EAAU;EAAM;EAAU,GAAG;EAAC;EAAU;EAAO;EAAQ;EAAK,CAAC,GAC9F,YACC,SAAS;EACP,GAAG;EACH;EACA;EACA;EACA,GAAI,WAAW;GAAC,OAAO;GAAW,QAAQ;GAAE,GAAG;GAAC;GAAO;GAAO;EAC/D,CAAC,CACL;CACD,MAAMC,WAA0B,eAE3B,MAAM,SAAS,EAAE,EAAE,QACjB,SAAsB,cAAc,SAAS,KAAK,iBAAiB,cAAc,SACnF,EACH,CAAC,MAAM,UAAU,CAClB;AAED,QACE,oBAACC;EACC,OAAO,WAAW,SAAS,MAAM,QAAQ,SAAS,MAAM,GAAG;EAC3D,cAAc,WAAW,SAAS,SAAS,MAAM;EACtC;EACX,OAAO,yBAAyB,GAAG,OAAO,yBAAyB;EAC5D;EACC;EACR,cAAc;EACD;EACb,GAAI;GACJ;;AAIN,6BAAe"}

package/dist/hooks/management/useFlowVariables.d.ts

@@ -0,0 +1,84 @@
+import { ApiFetcher, ConnectionInstance, FlowVariableDefinition, FlowVariableValues, FlowVariables, ManagedFlowDefinition, ResolvedOverlay } from '@thunderid/browser';
+/**
+ * Options of {@link useFlowVariables}.
+ */
+export interface UseFlowVariablesOptions {
+    /**
+     * Set to `false` to skip fetching, for example until the identifiers are known.
+     * @default true
+     */
+    enabled?: boolean;
+    /**
+     * Transport for this hook only. Takes precedence over `ThunderIDProvider`'s `http.fetcher`.
+     */
+    fetcher?: ApiFetcher;
+    /**
+     * Identifier of the flow.
+     */
+    flowId: string | undefined;
+    /**
+     * Called with the saved overrides.
+     */
+    onSaved?: (values: FlowVariableValues) => void;
+    /**
+     * The organization unit whose overrides are read and saved.
+     */
+    ouId: string | undefined;
+}
+/**
+ * What {@link useFlowVariables} returns.
+ */
+export interface UseFlowVariablesResult {
+    /**
+     * The connections a `CONNECTION_SELECT` variable can take: the ones the organization unit owns and the ones shared
+     * into it. Empty until loaded, and when no variable needs them.
+     */
+    connections: ConnectionInstance[];
+    /**
+     * The variables the flow declares for the organization unit.
+     */
+    definitions: FlowVariableDefinition[];
+    /**
+     * Why the variables could not be loaded.
+     */
+    error: Error | null;
+    /**
+     * The flow as the organization unit sees it.
+     */
+    flow: ManagedFlowDefinition | undefined;
+    /**
+     * Whether the variables, the unit's values and its rules have all arrived. A form built before then would be reset when
+     * the values land.
+     */
+    isLoaded: boolean;
+    isLoading: boolean;
+    isSaving: boolean;
+    /**
+     * What the organization unit may do with each variable: set its own value, or only see the owner's.
+     */
+    overlay: ResolvedOverlay | undefined;
+    /**
+     * The values the organization unit has set. A variable it has not set is absent, and its default applies.
+     */
+    overrides: FlowVariableValues;
+    /**
+     * Replaces the unit's overrides. A variable left out returns to its default. Never rejects: read `saveError`.
+     */
+    save: (values: FlowVariableValues) => Promise<FlowVariables | undefined>;
+    /**
+     * Why the last save failed.
+     */
+    saveError: Error | null;
+}
+/**
+ * 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});
+ * ```
+ */
+declare const useFlowVariables: ({ enabled, fetcher, flowId, onSaved, ouId, }: UseFlowVariablesOptions) => UseFlowVariablesResult;
+export default useFlowVariables;
+//# sourceMappingURL=useFlowVariables.d.ts.map

package/dist/hooks/management/useFlowVariables.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFlowVariables.d.ts","sourceRoot":"","sources":["../../../src/hooks/management/useFlowVariables.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,UAAU,EACV,kBAAkB,EAClB,sBAAsB,EAEtB,kBAAkB,EAClB,aAAa,EACb,qBAAqB,EACrB,eAAe,EAOhB,MAAM,oBAAoB,CAAC;AAM5B;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB;;OAEG;IACH,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC/C;;OAEG;IACH,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;CAC1B;AAED;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC;;;OAGG;IACH,WAAW,EAAE,kBAAkB,EAAE,CAAC;IAClC;;OAEG;IACH,WAAW,EAAE,sBAAsB,EAAE,CAAC;IACtC;;OAEG;IACH,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB;;OAEG;IACH,IAAI,EAAE,qBAAqB,GAAG,SAAS,CAAC;IACxC;;;OAGG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,OAAO,EAAE,eAAe,GAAG,SAAS,CAAC;IACrC;;OAEG;IACH,SAAS,EAAE,kBAAkB,CAAC;IAC9B;;OAEG;IACH,IAAI,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,OAAO,CAAC,aAAa,GAAG,SAAS,CAAC,CAAC;IACzE;;OAEG;IACH,SAAS,EAAE,KAAK,GAAG,IAAI,CAAC;CACzB;AAED;;;;;;;;GAQG;AACH,QAAA,MAAM,gBAAgB,GAAI,8CAMvB,uBAAuB,KAAG,sBAwD5B,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/hooks/management/useFlowVariables.js

@@ -0,0 +1,104 @@
+import useManagementEndpoint_default from "./useManagementEndpoint.js";
+import useResourceQuery_default from "./useResourceQuery.js";
+import useResourceMutation_default from "./useResourceMutation.js";
+import { FlowVariableQueryKeys, getConnections, getFlow, getFlowOverlayRules, getFlowVariableDefinitions, getFlowVariables, updateFlowVariables } from "@thunderid/browser";
+import { useMemo } from "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 = useManagementEndpoint_default("flows");
+	const connectionsEndpoint = useManagementEndpoint_default("connections");
+	const ready = enabled && Boolean(flowId) && Boolean(ouId);
+	const flowQuery = useResourceQuery_default([
+		FlowVariableQueryKeys.DEFINITIONS,
+		flowId ?? "",
+		ouId ?? ""
+	], (resolved) => getFlow({
+		...flowsEndpoint,
+		fetcher: resolved,
+		flowId,
+		ouId
+	}), {
+		enabled: ready,
+		fetcher
+	});
+	const valuesQuery = useResourceQuery_default([
+		FlowVariableQueryKeys.VALUES,
+		flowId ?? "",
+		ouId ?? ""
+	], (resolved) => getFlowVariables({
+		...flowsEndpoint,
+		fetcher: resolved,
+		flowId,
+		ouId
+	}), {
+		enabled: ready,
+		fetcher
+	});
+	const overlayQuery = useResourceQuery_default([
+		FlowVariableQueryKeys.DEFINITIONS,
+		"overlay",
+		flowId ?? "",
+		ouId ?? ""
+	], (resolved) => getFlowOverlayRules({
+		...flowsEndpoint,
+		fetcher: resolved,
+		flowId,
+		ouId
+	}), {
+		enabled: ready,
+		fetcher
+	});
+	const definitions = useMemo(() => getFlowVariableDefinitions(flowQuery.data), [flowQuery.data]);
+	const needsConnections = definitions.some((definition) => definition.type === "CONNECTION_SELECT");
+	const connectionsQuery = useResourceQuery_default([
+		FlowVariableQueryKeys.DEFINITIONS,
+		"connections",
+		ouId ?? ""
+	], (resolved) => getConnections({
+		...connectionsEndpoint,
+		fetcher: resolved,
+		limit: 100,
+		ouId
+	}), {
+		enabled: ready && needsConnections,
+		fetcher
+	});
+	const mutation = useResourceMutation_default((values, resolved) => updateFlowVariables({
+		...flowsEndpoint,
+		fetcher: resolved,
+		flowId,
+		ouId,
+		variables: values
+	}), () => [[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
+export { useFlowVariables_default as default };
+//# sourceMappingURL=useFlowVariables.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFlowVariables.js","names":["flowsEndpoint: ManagementEndpoint","useManagementEndpoint","connectionsEndpoint: ManagementEndpoint","ready: boolean","flowQuery: ResourceQueryResult<ManagedFlowDefinition>","useResourceQuery","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,8BAAsB,QAAQ;CACxE,MAAMC,sBAA0CD,8BAAsB,cAAc;CACpF,MAAME,QAAiB,WAAW,QAAQ,OAAO,IAAI,QAAQ,KAAK;CAElE,MAAMC,YAAwDC,yBAC5D;EAAC,sBAAsB;EAAa,UAAU;EAAI,QAAQ;EAAG,GAC5D,aAAyB,QAAQ;EAAC,GAAG;EAAe,SAAS;EAAkB;EAAS;EAAK,CAAC,EAC/F;EAAC,SAAS;EAAO;EAAQ,CAC1B;CACD,MAAMC,cAAkDD,yBACtD;EAAC,sBAAsB;EAAQ,UAAU;EAAI,QAAQ;EAAG,GACvD,aAAyB,iBAAiB;EAAC,GAAG;EAAe,SAAS;EAAkB;EAAe;EAAM,CAAC,EAC/G;EAAC,SAAS;EAAO;EAAQ,CAC1B;CAED,MAAME,eAAqDF,yBACzD;EAAC,sBAAsB;EAAa;EAAW,UAAU;EAAI,QAAQ;EAAG,GACvE,aAAyB,oBAAoB;EAAC,GAAG;EAAe,SAAS;EAAkB;EAAe;EAAM,CAAC,EAClH;EAAC,SAAS;EAAO;EAAQ,CAC1B;CAED,MAAMG,cAAwC,cACtC,2BAA2B,UAAU,KAAK,EAChD,CAAC,UAAU,KAAK,CACjB;CACD,MAAMC,mBAA4B,YAAY,MAC3C,eAAuC,WAAW,SAAS,oBAC7D;CAED,MAAMC,mBAA6EL,yBACjF;EAAC,sBAAsB;EAAa;EAAe,QAAQ;EAAG,GAC7D,aAAyB,eAAe;EAAC,GAAG;EAAqB,SAAS;EAAU,OAAO;EAAK;EAAK,CAAC,EACvG;EAAC,SAAS,SAAS;EAAkB;EAAQ,CAC9C;CAED,MAAMM,WAAsEC,6BACzE,QAA4B,aAC3B,oBAAoB;EAAC,GAAG;EAAe,SAAS;EAAkB;EAAe;EAAO,WAAW;EAAO,CAAC,QACvG,CAAC,CAAC,sBAAsB,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"}