@burojs/ui-shadcn 0.4.0 → 0.6.0

package/dist/flow-screen-Ci_Sik4Y.cjs

@@ -0,0 +1,708 @@
+const require_use_theme = require("./use-theme-DFlpXils.cjs");
+const require_check_confirm_dialog = require("./check-confirm-dialog--gPFnEeg.cjs");
+const require_button = require("./button-BxnnE28H.cjs");
+const require_shell = require("./shell-DxhlsPwm.cjs");
+const require_place_node = require("./place-node-C5SmIAYU.cjs");
+let _burojs_core = require("@burojs/core");
+let _burojs_react = require("@burojs/react");
+let _tabler_icons_react = require("@tabler/icons-react");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _radix_ui_react_dialog = require("@radix-ui/react-dialog");
+_radix_ui_react_dialog = require_use_theme.__toESM(_radix_ui_react_dialog, 1);
+let _burojs_core_internal = require("@burojs/core/internal");
+let _burojs_react_flows = require("@burojs/react/flows");
+//#region src/flows/review-diff.tsx
+const REVIEW_DIFF_BLOCK = "buro:review-diff";
+function sensitive(definition) {
+	if ((0, _burojs_core.fieldSensitivity)(definition) !== void 0) return true;
+	if (definition === null || typeof definition !== "object") return false;
+	const opts = definition.opts;
+	const marked = opts !== null && typeof opts === "object" ? opts.sensitive : void 0;
+	return marked !== void 0 && marked !== false && marked !== null;
+}
+const same = (a, b) => {
+	if (Object.is(a, b)) return true;
+	const empty = (value) => value === void 0 || value === null || value === "";
+	if (empty(a) && empty(b)) return true;
+	try {
+		return JSON.stringify(a) === JSON.stringify(b);
+	} catch {
+		return false;
+	}
+};
+function ReviewDiff({ form, initial, values, i18nPrefix, testid }) {
+	const t = (0, _burojs_react.useOptionalT)();
+	const changedText = (() => {
+		const value = t("review.changed");
+		return value === "review.changed" ? "changed" : value;
+	})();
+	const rows = form.fields.filter((binding) => !same(initial[binding.name], values[binding.name]));
+	return (0, react_jsx_runtime.jsx)("dl", {
+		"data-testid": `${testid}:review`,
+		"data-buro-block": REVIEW_DIFF_BLOCK,
+		className: "grid gap-2",
+		children: rows.map((binding) => {
+			const definition = binding.field;
+			const label = typeof definition.label === "string" ? definition.label : (0, _burojs_core.humanizeKey)(binding.name);
+			const hidden = sensitive(binding.field);
+			return (0, react_jsx_runtime.jsxs)("div", {
+				"data-testid": `${testid}:review:${binding.name}`,
+				className: "grid grid-cols-[minmax(0,1fr)_minmax(0,2fr)] gap-2 text-sm",
+				children: [(0, react_jsx_runtime.jsx)("dt", {
+					className: "font-medium",
+					children: label
+				}), (0, react_jsx_runtime.jsx)("dd", {
+					className: "flex flex-wrap items-center gap-2",
+					children: hidden ? (0, react_jsx_runtime.jsx)("span", {
+						className: "text-muted-foreground",
+						children: changedText
+					}) : (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+						(0, react_jsx_runtime.jsx)("span", {
+							"data-buro-review": "old",
+							className: "text-muted-foreground line-through",
+							children: (0, react_jsx_runtime.jsx)(require_place_node.FieldDisplay, {
+								i18nPrefix,
+								name: binding.name,
+								field: binding.field,
+								value: initial[binding.name],
+								fallback: (0, react_jsx_runtime.jsx)("span", { children: display(initial[binding.name]) })
+							})
+						}),
+						(0, react_jsx_runtime.jsx)("span", {
+							"aria-hidden": "true",
+							children: "→"
+						}),
+						(0, react_jsx_runtime.jsx)("span", {
+							"data-buro-review": "new",
+							children: (0, react_jsx_runtime.jsx)(require_place_node.FieldDisplay, {
+								i18nPrefix,
+								name: binding.name,
+								field: binding.field,
+								value: values[binding.name],
+								fallback: (0, react_jsx_runtime.jsx)("span", { children: display(values[binding.name]) })
+							})
+						})
+					] })
+				})]
+			}, binding.name);
+		})
+	});
+}
+const display = (value) => value === void 0 || value === null || value === "" ? "—" : String(value);
+//#endregion
+//#region src/flows/flow-screen.tsx
+const HELD = Object.freeze({
+	name: "AbortError",
+	message: "The flow run sends the values."
+});
+function HostedFlowScreen(props) {
+	const { binding, ...rest } = props;
+	return (0, react_jsx_runtime.jsx)(FlowHostBindingContext.Provider, {
+		value: binding,
+		children: (0, react_jsx_runtime.jsx)(FlowScreen, { ...rest })
+	});
+}
+const FlowHostBindingContext = (0, react.createContext)(null);
+function OverlayBinding({ children }) {
+	const instance = (0, _burojs_react.useUIInstance)();
+	const runtime = (0, _burojs_react.useUIPresentationRuntime)();
+	const binding = (0, react.useMemo)(() => ({
+		kind: "overlay",
+		close: () => instance.dismiss(),
+		finish: () => runtime.dismiss(instance.id)
+	}), [instance, runtime]);
+	return (0, react_jsx_runtime.jsx)(FlowHostBindingContext.Provider, {
+		value: binding,
+		children
+	});
+}
+function WithBinding({ children }) {
+	return (0, react.useContext)(FlowHostBindingContext) !== null ? (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children }) : (0, react_jsx_runtime.jsx)(OverlayBinding, { children });
+}
+function text(t, key, fallback, params) {
+	const value = t(key, params === void 0 ? void 0 : { params });
+	return value === key ? fallback : value;
+}
+const REJECTED_KEYS = {
+	validation: "validation",
+	conflict: "conflict",
+	forbidden: "forbidden",
+	"not-found": "notFound"
+};
+function outcomeMessage(snapshot, busy, t) {
+	if (busy) return text(t, "flow.busyElsewhere", "This action is running in another tab.");
+	const outcome = snapshot.outcome;
+	if (outcome === void 0 || outcome.outcome === "success") {
+		if (snapshot.control === "disabled" && snapshot.reason !== void 0) return snapshot.reason;
+		return null;
+	}
+	if (outcome.outcome === "unknown") return [text(t, "flow.unknown", "The request timed out. It may have been applied. Nothing was resent."), ...snapshot.reason === void 0 ? [] : [snapshot.reason]].join(" ");
+	if (outcome.outcome === "rejected") {
+		if (snapshot.reason !== void 0) return snapshot.reason;
+		const kind = "errorKind" in outcome ? outcome.errorKind : void 0;
+		const key = kind === void 0 ? void 0 : REJECTED_KEYS[kind];
+		if (key !== void 0) return text(t, `flow.rejected.${key}`, "Nothing was saved.");
+		return text(t, "flow.rejected.precondition", "The record changed. Nothing was sent.");
+	}
+	if (outcome.outcome === "failed") return snapshot.reason ?? text(t, "flow.failed", "The request could not be sent. Nothing was saved.");
+	return null;
+}
+function FlowScreen(props) {
+	if (props.run !== void 0 && props.compiled !== void 0) return (0, react_jsx_runtime.jsx)(HeldFlowScreen, {
+		...props,
+		run: props.run,
+		compiled: props.compiled
+	});
+	if (props.start !== void 0) return (0, react_jsx_runtime.jsx)(OwnedFlowScreen, {
+		...props,
+		start: props.start
+	});
+	return null;
+}
+function HeldFlowScreen(props) {
+	const [generation, setGeneration] = (0, react.useState)(0);
+	return (0, react_jsx_runtime.jsx)(_burojs_react_flows.FlowTextsScope, {
+		compiled: props.compiled,
+		children: (0, react_jsx_runtime.jsx)(WithBinding, { children: (0, react_jsx_runtime.jsx)(_burojs_react.ScreenStateProvider, { children: (0, react_jsx_runtime.jsx)(FlowScreenBody, {
+			...props,
+			onFreshForm: () => setGeneration((value) => value + 1)
+		}) }, generation) })
+	});
+}
+function OwnedFlowScreen(props) {
+	const { start, effects, onSettle } = props;
+	const flow = (0, _burojs_react_flows.useFlowRun)(start.target, {
+		...start.record === void 0 ? {} : { record: start.record },
+		...start.args === void 0 ? {} : { args: start.args },
+		...start.selection === void 0 ? {} : { selection: start.selection },
+		surface: "host",
+		...effects === void 0 ? {} : { thenEffects: effects }
+	});
+	flow.holdThen(true);
+	const latest = (0, react.useRef)(flow);
+	latest.current = flow;
+	(0, react.useEffect)(() => () => {
+		setTimeout(() => {
+			latest.current.holdThen(false);
+			latest.current.runThen();
+		}, 0);
+	}, []);
+	const { run, snapshot, compiled } = flow;
+	const outcome = snapshot.outcome;
+	(0, react.useEffect)(() => {
+		if (outcome !== void 0) onSettle?.(outcome);
+	}, [outcome, onSettle]);
+	const instance = (0, _burojs_react.useUIInstance)();
+	const t = (0, _burojs_react.useOptionalT)();
+	const tid = (0, _burojs_react.useTestIds)();
+	if (run !== null && compiled !== null && (snapshot.history.includes("open") || snapshot.step === "outcome")) return (0, react_jsx_runtime.jsx)(HeldFlowScreen, {
+		...props,
+		run,
+		compiled
+	});
+	const refused = snapshot.control === "disabled" || snapshot.control === "absent";
+	return (0, react_jsx_runtime.jsxs)("div", {
+		"data-testid": compiled === null ? void 0 : `${tid.flowHost(compiled.flowId)}:opening`,
+		"data-buro-host": props.host,
+		"data-buro-flow-step": refused ? "refused" : "opening",
+		"aria-busy": refused ? void 0 : "true",
+		className: "flex min-h-0 flex-1 flex-col gap-4",
+		children: [
+			(0, react_jsx_runtime.jsx)(OwnTitleHeading, { label: props.label }),
+			refused ? (0, react_jsx_runtime.jsx)("p", {
+				role: "alert",
+				className: "text-sm",
+				children: snapshot.reason ?? text(t, "flow.unavailable", "Not allowed.")
+			}) : (0, react_jsx_runtime.jsx)(_tabler_icons_react.IconLoader2, {
+				className: "h-5 w-5 animate-spin self-center",
+				"aria-hidden": "true"
+			}),
+			(0, react_jsx_runtime.jsx)("div", {
+				className: "flex justify-end",
+				children: (0, react_jsx_runtime.jsx)(require_button.Button, {
+					type: "button",
+					variant: "ghost",
+					onClick: () => instance.dismiss(),
+					children: text(t, "flow.close", "Close")
+				})
+			})
+		]
+	});
+}
+function OwnTitleHeading({ label }) {
+	const ownTitle = (0, react.useContext)(require_shell.OwnTitleContext);
+	const heading = (0, react_jsx_runtime.jsx)("h2", {
+		tabIndex: -1,
+		"data-buro-overlay-heading": "",
+		className: "text-lg font-semibold",
+		children: label
+	});
+	return ownTitle ? (0, react_jsx_runtime.jsx)(_radix_ui_react_dialog.Title, {
+		asChild: true,
+		children: heading
+	}) : heading;
+}
+function FlowScreenBody({ run, host, label, title: givenTitle, compiled, record, args, selection, onFreshForm }) {
+	const snapshot = useSyncSnapshot(run);
+	const binding = (0, react.useContext)(FlowHostBindingContext);
+	const tid = (0, _burojs_react.useTestIds)();
+	const t = (0, _burojs_react.useOptionalT)();
+	const resource = compiled.resource ?? void 0;
+	const caps = (0, _burojs_react.useI18nCaps)(resource);
+	const ownTitle = (0, react.useContext)(require_shell.OwnTitleContext);
+	const flowId = compiled.flowId;
+	const recordId = record?.[compiled.idField] ?? record?.id;
+	const recordTitle = (0, _burojs_react.useProjectedTitle)(resource, recordId, record);
+	const title = givenTitle ?? (record === void 0 || recordTitle === "" ? void 0 : recordTitle);
+	const form = (0, _burojs_react_flows.useFlowForm)(run, compiled, snapshot, {
+		...record === void 0 ? {} : { record },
+		...args === void 0 ? {} : { args },
+		...selection === void 0 ? {} : { selection: selection.ids }
+	});
+	const hasForm = compiled.flow.form !== void 0;
+	const [busy, setBusy] = (0, react.useState)(false);
+	const [initial] = (0, react.useState)(() => run.getSnapshot().values);
+	const formErrors = form.errors.filter((issue) => issue.field === "_form");
+	const locked = snapshot.control === "running";
+	(0, _burojs_react.useDismissPending)(locked);
+	const outcome = snapshot.outcome?.outcome;
+	const unknown = outcome === "unknown";
+	const succeeded = outcome === "success";
+	const finalStep = snapshot.step === "review" || snapshot.step === "accept";
+	const openBlock = succeeded ? blockOpen(snapshot.effects?.open) : null;
+	(0, react.useEffect)(() => {
+		if (succeeded && !locked && openBlock === null) binding.finish();
+	}, [
+		succeeded,
+		locked,
+		openBlock,
+		binding
+	]);
+	const prefix = compiled.resource === null ? `appActions.${compiled.name}` : `${compiled.resource}.actions.${compiled.name}`;
+	const settle = (result) => {
+		setBusy(result.outcome === "failed" && "reason" in result && result.reason === "busy");
+	};
+	const submit = async () => {
+		if (locked) return;
+		setBusy(false);
+		if (finalStep) {
+			settle(await run.accept());
+			return;
+		}
+		if (unknown && editingNew) {
+			let valid = false;
+			await form.handleSubmit(() => {
+				valid = true;
+				throw HELD;
+			})();
+			if (valid) setConfirmingNew(true);
+			return;
+		}
+		if (unknown) return;
+		if (hasForm) {
+			let validated = false;
+			await form.handleSubmit(() => {
+				validated = true;
+				throw HELD;
+			})();
+			if (!validated) return;
+		}
+		settle(await run.submit());
+	};
+	const pendingKey = compiled.resource === null ? `appActions.${compiled.name}.pending` : `resources.${compiled.resource}.actions.${compiled.name}.pending`;
+	const pendingLabel = caps.has(pendingKey) ? caps.t(pendingKey) : `${label}…`;
+	const message = outcomeMessage(snapshot, busy, t);
+	const couldNotCheck = snapshot.control === "disabled" && snapshot.reason !== void 0 && snapshot.reason === text(t, "flow.couldNotCheck", "Couldn't check");
+	const steps = form.steps;
+	const lastStep = steps === null || steps.ids.length === 0 || steps.current === steps.ids[steps.ids.length - 1];
+	const showSubmit = !unknown && !succeeded && (!hasForm || finalStep || lastStep);
+	const [confirmingNew, setConfirmingNew] = (0, react.useState)(false);
+	const [editingNew, setEditingNew] = (0, react.useState)(false);
+	const checkable = compiled.flow.submit.onUnknown !== void 0;
+	const unhandled = unknown && !checkable && !snapshot.canResend;
+	const exit = (action) => () => {
+		if (!locked) action().then(settle);
+	};
+	const close = () => {
+		if (binding.kind === "inline" && hasForm && !unknown) form.draft.discard();
+		binding.close();
+	};
+	const heading = (0, react_jsx_runtime.jsxs)("h2", {
+		tabIndex: -1,
+		"data-buro-overlay-heading": "",
+		className: "min-w-0 flex-1 break-words text-lg font-semibold tracking-tight focus-visible:outline-hidden",
+		children: [label, title === void 0 ? null : (0, react_jsx_runtime.jsx)("span", {
+			className: "ml-2 font-normal text-muted-foreground",
+			children: title
+		})]
+	});
+	return (0, react_jsx_runtime.jsxs)("div", {
+		"data-testid": tid.flowHost(flowId),
+		"data-buro-host": host,
+		"data-buro-flow-step": snapshot.step,
+		"aria-busy": locked ? "true" : void 0,
+		className: "flex min-h-0 flex-1 flex-col gap-4",
+		children: [
+			binding.kind === "inline" ? null : (0, react_jsx_runtime.jsxs)("div", {
+				"data-buro-region": "flow-header",
+				className: "flex items-center gap-2 pr-1",
+				children: [
+					ownTitle ? (0, react_jsx_runtime.jsx)(_radix_ui_react_dialog.Title, {
+						asChild: true,
+						children: heading
+					}) : heading,
+					compiled.resource === null ? null : (0, react_jsx_runtime.jsx)(require_check_confirm_dialog.DocInfo, {
+						address: `${compiled.resource}/actions/${compiled.name}`,
+						name: label,
+						testId: `${tid.flowHost(flowId)}:info`
+					}),
+					binding.kind === "overlay" ? (0, react_jsx_runtime.jsx)(require_button.Button, {
+						type: "button",
+						variant: "ghost",
+						size: "icon",
+						className: "h-8 w-8 shrink-0",
+						"data-testid": tid.flowClose(flowId),
+						"aria-label": text(t, "flow.close", "Close"),
+						onClick: close,
+						children: (0, react_jsx_runtime.jsx)(_tabler_icons_react.IconX, {
+							className: "h-4 w-4",
+							"aria-hidden": "true"
+						})
+					}) : null
+				]
+			}),
+			openBlock !== null ? (0, react_jsx_runtime.jsx)(FlowOpenBlock, {
+				open: openBlock,
+				prefix,
+				testid: tid.flowHost(flowId)
+			}) : null,
+			openBlock !== null && binding.kind !== "overlay" ? (0, react_jsx_runtime.jsx)("div", {
+				className: "flex justify-end",
+				children: (0, react_jsx_runtime.jsx)(require_button.Button, {
+					type: "button",
+					variant: "outline",
+					"data-testid": tid.flowClose(flowId),
+					onClick: close,
+					children: text(t, "flow.done", "Done")
+				})
+			}) : null,
+			(0, react_jsx_runtime.jsxs)("form", {
+				hidden: openBlock !== null,
+				noValidate: true,
+				className: openBlock === null ? "flex min-h-0 flex-1 flex-col gap-4" : "hidden",
+				onSubmit: (event) => {
+					event.preventDefault();
+					submit();
+				},
+				children: [
+					(0, react_jsx_runtime.jsxs)("div", {
+						className: "-mx-1 flex min-h-0 flex-1 flex-col gap-4 overflow-y-auto px-1",
+						children: [
+							message === null ? null : (0, react_jsx_runtime.jsxs)("div", {
+								role: unknown || outcome === "rejected" || outcome === "failed" ? "alert" : "status",
+								"data-testid": tid.flowOutcome(flowId),
+								"data-buro-flow-outcome": busy ? "busy" : outcome ?? snapshot.control,
+								className: "flex flex-wrap items-center gap-2 rounded-md border border-destructive/30 bg-destructive/10 px-3 py-2 text-sm text-destructive",
+								children: [(0, react_jsx_runtime.jsx)("span", { children: message }), couldNotCheck ? (0, react_jsx_runtime.jsx)(require_button.Button, {
+									type: "button",
+									size: "sm",
+									variant: "outline",
+									className: "ml-auto",
+									onClick: () => run.retryChecks(),
+									children: text(t, "actions.retry", "Retry")
+								}) : null]
+							}),
+							hasForm && form.draft.pending !== null && (!unknown || editingNew) ? (0, react_jsx_runtime.jsxs)("div", {
+								"data-testid": tid.flowDraft(flowId),
+								role: "status",
+								"aria-live": "polite",
+								className: "flex flex-wrap items-center gap-2 rounded-md border border-warning/50 bg-warning/10 px-3 py-2 text-sm",
+								children: [(0, react_jsx_runtime.jsx)("span", {
+									className: "font-medium",
+									children: text(t, "draft.restorePrompt", "Restore draft?")
+								}), (0, react_jsx_runtime.jsxs)("div", {
+									className: "ml-auto flex gap-2",
+									children: [(0, react_jsx_runtime.jsx)(require_button.Button, {
+										type: "button",
+										size: "sm",
+										variant: "outline",
+										"data-testid": `${tid.flowDraft(flowId)}:restore`,
+										onClick: form.draft.restore,
+										children: text(t, "draft.restore", "Restore")
+									}), (0, react_jsx_runtime.jsx)(require_button.Button, {
+										type: "button",
+										size: "sm",
+										variant: "ghost",
+										"data-testid": `${tid.flowDraft(flowId)}:discard`,
+										onClick: form.draft.discard,
+										children: text(t, "draft.discard", "Discard")
+									})]
+								})]
+							}) : null,
+							formErrors.length > 0 ? (0, react_jsx_runtime.jsx)("div", {
+								role: "alert",
+								"data-testid": `${tid.flowHost(flowId)}:form-errors`,
+								className: "flex flex-col gap-1 rounded-md border border-destructive/30 bg-destructive/10 px-3 py-2 text-sm text-destructive",
+								children: formErrors.map((issue, index) => (0, react_jsx_runtime.jsx)("p", { children: (0, _burojs_react.resolveValidationMessage)({
+									code: issue.code ?? "",
+									message: issue.message,
+									...issue.params === void 0 ? {} : { params: issue.params }
+								}, { t }) }, index))
+							}) : null,
+							finalStep && compiled.flow.review === true ? (0, react_jsx_runtime.jsx)(ReviewDiff, {
+								form,
+								initial,
+								values: snapshot.values,
+								i18nPrefix: prefix,
+								testid: tid.flowHost(flowId)
+							}) : finalStep && Array.isArray(compiled.flow.review) ? (0, react_jsx_runtime.jsx)(ReviewTree, {
+								compiled,
+								tree: compiled.flow.review,
+								values: snapshot.values,
+								prefix
+							}) : hasForm ? (0, react_jsx_runtime.jsx)(require_place_node.ScreenTree, {
+								region: "form-body",
+								resource: prefix,
+								mode: "create",
+								compiled: form.screen,
+								controller: form,
+								leafIds: "record",
+								disabled: locked || unknown && !editingNew || finalStep || succeeded
+							}) : null,
+							finalStep && snapshot.warnings.length > 0 ? (0, react_jsx_runtime.jsx)("ul", {
+								role: "status",
+								"data-buro-region": "flow-warnings",
+								className: "flex flex-col gap-1 rounded-md border border-warning/50 bg-warning/10 px-3 py-2 text-sm text-warning-emphasis",
+								children: snapshot.warnings.map((warning) => (0, react_jsx_runtime.jsx)("li", {
+									"data-testid": `${tid.flowHost(flowId)}:warning:${warning.id}`,
+									children: warning.message
+								}, warning.id))
+							}) : null
+						]
+					}),
+					unhandled ? (0, react_jsx_runtime.jsx)("p", {
+						"data-testid": `${tid.flowOutcome(flowId)}:unhandled`,
+						className: "text-sm",
+						children: text(t, "flow.unknownUnhandled", "Check the record before trying again.")
+					}) : null,
+					unknown && confirmingNew ? (0, react_jsx_runtime.jsxs)("div", {
+						role: "alertdialog",
+						"aria-label": text(t, "flow.sendAsNew", "Send as new"),
+						"data-testid": `${tid.flowSendAsNew(flowId)}:confirm`,
+						className: "flex flex-wrap items-center gap-2 rounded-md border border-warning/50 bg-warning/10 px-3 py-2 text-sm",
+						children: [(0, react_jsx_runtime.jsx)("span", { children: text(t, "flow.sendAsNewConfirm", "This may apply the change twice. Send it as a new request?") }), (0, react_jsx_runtime.jsxs)("div", {
+							className: "ml-auto flex gap-2",
+							children: [(0, react_jsx_runtime.jsx)(require_button.Button, {
+								type: "button",
+								size: "sm",
+								variant: "ghost",
+								"data-testid": `${tid.flowSendAsNew(flowId)}:cancel`,
+								onClick: () => setConfirmingNew(false),
+								children: text(t, "actions.cancel", "Cancel")
+							}), (0, react_jsx_runtime.jsx)(require_button.Button, {
+								type: "button",
+								size: "sm",
+								variant: "destructive",
+								"data-testid": `${tid.flowSendAsNew(flowId)}:ok`,
+								onClick: () => {
+									setConfirmingNew(false);
+									exit(() => run.sendAsNew({ confirmed: true }))();
+								},
+								children: text(t, "flow.sendAsNew", "Send as new")
+							})]
+						})]
+					}) : null,
+					unknown ? (0, react_jsx_runtime.jsxs)("div", {
+						"data-buro-region": "flow-unknown-exits",
+						className: "flex flex-wrap gap-2",
+						children: [
+							checkable ? (0, react_jsx_runtime.jsx)(require_button.Button, {
+								type: "button",
+								variant: "default",
+								"data-testid": tid.flowCheckAgain(flowId),
+								disabled: locked,
+								onClick: exit(() => run.checkAgain()),
+								children: text(t, "flow.checkAgain", "Check again")
+							}) : null,
+							snapshot.canResend ? (0, react_jsx_runtime.jsx)(require_button.Button, {
+								type: "button",
+								variant: "outline",
+								"data-testid": tid.flowResend(flowId),
+								disabled: locked,
+								onClick: exit(() => run.resend()),
+								children: text(t, "flow.resend", "Resend")
+							}) : null,
+							(0, react_jsx_runtime.jsx)(require_button.Button, {
+								type: "button",
+								variant: "outline",
+								"data-testid": tid.flowSendAsNew(flowId),
+								disabled: locked || confirmingNew || editingNew,
+								onClick: () => {
+									if (hasForm) setEditingNew(true);
+									else setConfirmingNew(true);
+								},
+								children: text(t, "flow.sendAsNew", "Send as new")
+							}),
+							(0, react_jsx_runtime.jsx)(require_button.Button, {
+								type: "button",
+								variant: "outline",
+								"data-testid": tid.flowStartOver(flowId),
+								disabled: locked,
+								onClick: () => {
+									run.startOver();
+									onFreshForm();
+								},
+								children: text(t, "flow.startOver", "I've checked — start over")
+							})
+						]
+					}) : null,
+					(0, react_jsx_runtime.jsxs)("div", {
+						"data-buro-region": "flow-footer",
+						className: "flex flex-wrap items-center gap-2",
+						children: [finalStep && hasForm && !locked ? (0, react_jsx_runtime.jsx)(require_button.Button, {
+							type: "button",
+							variant: "outline",
+							"data-testid": tid.flowBack(flowId),
+							onClick: () => run.back(),
+							children: text(t, "flow.back", "Back")
+						}) : null, (0, react_jsx_runtime.jsxs)("div", {
+							className: "ml-auto flex gap-2",
+							children: [
+								(0, react_jsx_runtime.jsx)(require_button.Button, {
+									type: "button",
+									variant: "ghost",
+									"data-testid": tid.flowCancel(flowId),
+									disabled: locked,
+									onClick: close,
+									children: unknown ? text(t, "flow.close", "Close") : binding.kind === "inline" ? text(t, "flow.reset", "Reset") : text(t, "actions.cancel", "Cancel")
+								}),
+								unknown && editingNew ? (0, react_jsx_runtime.jsx)(require_button.Button, {
+									type: "submit",
+									variant: "destructive",
+									"data-testid": `${tid.flowSendAsNew(flowId)}:submit`,
+									disabled: locked || confirmingNew,
+									onMouseDown: (event) => event.preventDefault(),
+									children: text(t, "flow.sendAsNew", "Send as new")
+								}) : null,
+								showSubmit ? (0, react_jsx_runtime.jsxs)(require_button.Button, {
+									type: "submit",
+									variant: compiled.flow.variant === "destructive" ? "destructive" : "default",
+									"data-testid": tid.flowSubmit(flowId),
+									disabled: locked || couldNotCheck,
+									"aria-busy": locked ? "true" : void 0,
+									onMouseDown: (event) => event.preventDefault(),
+									children: [locked ? (0, react_jsx_runtime.jsx)(_tabler_icons_react.IconLoader2, {
+										className: "h-4 w-4 animate-spin",
+										"aria-hidden": "true"
+									}) : null, locked ? pendingLabel : label]
+								}) : null
+							]
+						})]
+					})
+				]
+			})
+		]
+	});
+}
+function useSyncSnapshot(run) {
+	return (0, react.useSyncExternalStore)(run.subscribe, run.getSnapshot, run.getSnapshot);
+}
+const NO_FIELDS = Object.freeze({});
+function ReviewTree({ compiled, tree, values, prefix }) {
+	const fields = compiled.flow.form?.fields;
+	const map = (0, react.useState)(() => {
+		if (fields === void 0) return NO_FIELDS;
+		const placed = placedLeaves(tree);
+		return (0, _burojs_core_internal.fieldEntriesToMap)(fields.map((field) => placed.has(String(field.name)) ? field : {
+			...field,
+			in: ["create"]
+		}));
+	})[0];
+	const body = (0, react.useState)(() => () => tree)[0];
+	const blocks = (0, _burojs_react.useFlowFormCatalog)();
+	const review = (0, _burojs_react.useFormController)({
+		blocks,
+		fields: map,
+		body,
+		mode: "show",
+		i18nPrefix: prefix,
+		value: values
+	});
+	return (0, react_jsx_runtime.jsx)(require_place_node.ScreenTree, {
+		region: "form-body",
+		resource: prefix,
+		mode: "show",
+		compiled: review.screen,
+		controller: review,
+		leafIds: "record"
+	});
+}
+function placedLeaves(tree) {
+	const out = new Set();
+	const walk = (node) => {
+		if (typeof node === "string") {
+			out.add(node);
+			return;
+		}
+		if (node === null || typeof node !== "object") return;
+		const children = node.children;
+		if (Array.isArray(children)) for (const child of children) walk(child);
+	};
+	for (const node of tree) walk(node);
+	return out;
+}
+function blockOpen(open) {
+	if (open === null || typeof open !== "object" || !Object.hasOwn(open, "block")) return null;
+	const { block, props } = open;
+	const ref = block !== null && typeof block === "object" && "ref" in block ? block.ref : block;
+	if (ref === null || typeof ref !== "object" || typeof ref.namespace !== "string" || typeof ref.id !== "string") return null;
+	return {
+		block: ref,
+		props: props !== null && typeof props === "object" ? props : {}
+	};
+}
+function FlowOpenBlock({ open, testid }) {
+	const t = (0, _burojs_react.useOptionalT)();
+	const id = `${open.block.namespace}:${open.block.id}`;
+	const implementation = require_place_node.selectImplementation(id, (0, _burojs_react.useFlowOpenImplementation)(id));
+	const [validation, setValidation] = (0, react.useState)(() => implementation === void 0 ? null : (0, _burojs_core.validatePlacementProps)(implementation.definition, open.props));
+	(0, react.useEffect)(() => {
+		if (validation?.status !== "pending") return;
+		let live = true;
+		validation.settled.then((settled) => {
+			if (live) setValidation(settled);
+		});
+		return () => {
+			live = false;
+		};
+	}, [validation]);
+	const failed = implementation === void 0 || validation?.status === "failed";
+	const View = implementation === void 0 ? null : require_place_node.viewOf(implementation);
+	return (0, react_jsx_runtime.jsx)("div", {
+		"data-testid": `${testid}:open`,
+		"data-buro-block": id,
+		className: "min-h-0 flex-1 overflow-y-auto",
+		children: failed ? (0, react_jsx_runtime.jsx)("p", {
+			role: "alert",
+			className: "text-sm text-muted-foreground",
+			children: text(t, "block.notImplemented", "This section is not available.")
+		}) : View === null || validation?.status !== "ready" ? null : (0, react_jsx_runtime.jsx)(react.Suspense, {
+			fallback: null,
+			children: (0, react_jsx_runtime.jsx)(View, {
+				props: validation.props,
+				data: NO_FIELDS,
+				t: (key, options) => t(`blocks.${id}.${key}`, {
+					...options?.params === void 0 ? {} : { params: options.params },
+					...options?.count === void 0 ? {} : { count: options.count }
+				})
+			})
+		})
+	});
+}
+//#endregion
+exports.FlowHostBindingContext = FlowHostBindingContext;
+exports.FlowScreen = FlowScreen;
+exports.HostedFlowScreen = HostedFlowScreen;
+
+//# sourceMappingURL=flow-screen-Ci_Sik4Y.cjs.map