@burojs/ui-shadcn 0.4.0 → 0.6.0

package/dist/flow-screen-CCvgDI9G.js

@@ -0,0 +1,704 @@
+import { Z as DocInfo } from "./check-confirm-dialog-bRT8lt0d.js";
+import { t as Button } from "./button-MWVeZaqj.js";
+import { n as OwnTitleContext } from "./shell-BPlk8hEa.js";
+import { V as ScreenTree, kt as FieldDisplay, n as viewOf, t as selectImplementation } from "./place-node-NraNYKPx.js";
+import { fieldSensitivity, humanizeKey, validatePlacementProps } from "@burojs/core";
+import { ScreenStateProvider, resolveValidationMessage, useDismissPending, useFlowFormCatalog, useFlowOpenImplementation, useFormController, useI18nCaps, useOptionalT, useProjectedTitle, useTestIds, useUIInstance, useUIPresentationRuntime } from "@burojs/react";
+import { IconLoader2, IconX } from "@tabler/icons-react";
+import { Suspense, createContext, useContext, useEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { fieldEntriesToMap } from "@burojs/core/internal";
+import { FlowTextsScope, useFlowForm, useFlowRun } from "@burojs/react/flows";
+//#region src/flows/review-diff.tsx
+const REVIEW_DIFF_BLOCK = "buro:review-diff";
+function sensitive(definition) {
+	if (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 = 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 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 : humanizeKey(binding.name);
+			const hidden = sensitive(binding.field);
+			return jsxs("div", {
+				"data-testid": `${testid}:review:${binding.name}`,
+				className: "grid grid-cols-[minmax(0,1fr)_minmax(0,2fr)] gap-2 text-sm",
+				children: [jsx("dt", {
+					className: "font-medium",
+					children: label
+				}), jsx("dd", {
+					className: "flex flex-wrap items-center gap-2",
+					children: hidden ? jsx("span", {
+						className: "text-muted-foreground",
+						children: changedText
+					}) : jsxs(Fragment$1, { children: [
+						jsx("span", {
+							"data-buro-review": "old",
+							className: "text-muted-foreground line-through",
+							children: jsx(FieldDisplay, {
+								i18nPrefix,
+								name: binding.name,
+								field: binding.field,
+								value: initial[binding.name],
+								fallback: jsx("span", { children: display(initial[binding.name]) })
+							})
+						}),
+						jsx("span", {
+							"aria-hidden": "true",
+							children: "→"
+						}),
+						jsx("span", {
+							"data-buro-review": "new",
+							children: jsx(FieldDisplay, {
+								i18nPrefix,
+								name: binding.name,
+								field: binding.field,
+								value: values[binding.name],
+								fallback: 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 jsx(FlowHostBindingContext.Provider, {
+		value: binding,
+		children: jsx(FlowScreen, { ...rest })
+	});
+}
+const FlowHostBindingContext = createContext(null);
+function OverlayBinding({ children }) {
+	const instance = useUIInstance();
+	const runtime = useUIPresentationRuntime();
+	const binding = useMemo(() => ({
+		kind: "overlay",
+		close: () => instance.dismiss(),
+		finish: () => runtime.dismiss(instance.id)
+	}), [instance, runtime]);
+	return jsx(FlowHostBindingContext.Provider, {
+		value: binding,
+		children
+	});
+}
+function WithBinding({ children }) {
+	return useContext(FlowHostBindingContext) !== null ? jsx(Fragment$1, { children }) : 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 jsx(HeldFlowScreen, {
+		...props,
+		run: props.run,
+		compiled: props.compiled
+	});
+	if (props.start !== void 0) return jsx(OwnedFlowScreen, {
+		...props,
+		start: props.start
+	});
+	return null;
+}
+function HeldFlowScreen(props) {
+	const [generation, setGeneration] = useState(0);
+	return jsx(FlowTextsScope, {
+		compiled: props.compiled,
+		children: jsx(WithBinding, { children: jsx(ScreenStateProvider, { children: jsx(FlowScreenBody, {
+			...props,
+			onFreshForm: () => setGeneration((value) => value + 1)
+		}) }, generation) })
+	});
+}
+function OwnedFlowScreen(props) {
+	const { start, effects, onSettle } = props;
+	const flow = 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 = useRef(flow);
+	latest.current = flow;
+	useEffect(() => () => {
+		setTimeout(() => {
+			latest.current.holdThen(false);
+			latest.current.runThen();
+		}, 0);
+	}, []);
+	const { run, snapshot, compiled } = flow;
+	const outcome = snapshot.outcome;
+	useEffect(() => {
+		if (outcome !== void 0) onSettle?.(outcome);
+	}, [outcome, onSettle]);
+	const instance = useUIInstance();
+	const t = useOptionalT();
+	const tid = useTestIds();
+	if (run !== null && compiled !== null && (snapshot.history.includes("open") || snapshot.step === "outcome")) return jsx(HeldFlowScreen, {
+		...props,
+		run,
+		compiled
+	});
+	const refused = snapshot.control === "disabled" || snapshot.control === "absent";
+	return 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: [
+			jsx(OwnTitleHeading, { label: props.label }),
+			refused ? jsx("p", {
+				role: "alert",
+				className: "text-sm",
+				children: snapshot.reason ?? text(t, "flow.unavailable", "Not allowed.")
+			}) : jsx(IconLoader2, {
+				className: "h-5 w-5 animate-spin self-center",
+				"aria-hidden": "true"
+			}),
+			jsx("div", {
+				className: "flex justify-end",
+				children: jsx(Button, {
+					type: "button",
+					variant: "ghost",
+					onClick: () => instance.dismiss(),
+					children: text(t, "flow.close", "Close")
+				})
+			})
+		]
+	});
+}
+function OwnTitleHeading({ label }) {
+	const ownTitle = useContext(OwnTitleContext);
+	const heading = jsx("h2", {
+		tabIndex: -1,
+		"data-buro-overlay-heading": "",
+		className: "text-lg font-semibold",
+		children: label
+	});
+	return ownTitle ? jsx(DialogPrimitive.Title, {
+		asChild: true,
+		children: heading
+	}) : heading;
+}
+function FlowScreenBody({ run, host, label, title: givenTitle, compiled, record, args, selection, onFreshForm }) {
+	const snapshot = useSyncSnapshot(run);
+	const binding = useContext(FlowHostBindingContext);
+	const tid = useTestIds();
+	const t = useOptionalT();
+	const resource = compiled.resource ?? void 0;
+	const caps = useI18nCaps(resource);
+	const ownTitle = useContext(OwnTitleContext);
+	const flowId = compiled.flowId;
+	const recordId = record?.[compiled.idField] ?? record?.id;
+	const recordTitle = useProjectedTitle(resource, recordId, record);
+	const title = givenTitle ?? (record === void 0 || recordTitle === "" ? void 0 : recordTitle);
+	const form = 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] = useState(false);
+	const [initial] = useState(() => run.getSnapshot().values);
+	const formErrors = form.errors.filter((issue) => issue.field === "_form");
+	const locked = snapshot.control === "running";
+	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;
+	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] = useState(false);
+	const [editingNew, setEditingNew] = 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 = 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 : jsx("span", {
+			className: "ml-2 font-normal text-muted-foreground",
+			children: title
+		})]
+	});
+	return 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 : jsxs("div", {
+				"data-buro-region": "flow-header",
+				className: "flex items-center gap-2 pr-1",
+				children: [
+					ownTitle ? jsx(DialogPrimitive.Title, {
+						asChild: true,
+						children: heading
+					}) : heading,
+					compiled.resource === null ? null : jsx(DocInfo, {
+						address: `${compiled.resource}/actions/${compiled.name}`,
+						name: label,
+						testId: `${tid.flowHost(flowId)}:info`
+					}),
+					binding.kind === "overlay" ? jsx(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: jsx(IconX, {
+							className: "h-4 w-4",
+							"aria-hidden": "true"
+						})
+					}) : null
+				]
+			}),
+			openBlock !== null ? jsx(FlowOpenBlock, {
+				open: openBlock,
+				prefix,
+				testid: tid.flowHost(flowId)
+			}) : null,
+			openBlock !== null && binding.kind !== "overlay" ? jsx("div", {
+				className: "flex justify-end",
+				children: jsx(Button, {
+					type: "button",
+					variant: "outline",
+					"data-testid": tid.flowClose(flowId),
+					onClick: close,
+					children: text(t, "flow.done", "Done")
+				})
+			}) : null,
+			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: [
+					jsxs("div", {
+						className: "-mx-1 flex min-h-0 flex-1 flex-col gap-4 overflow-y-auto px-1",
+						children: [
+							message === null ? null : 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: [jsx("span", { children: message }), couldNotCheck ? jsx(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) ? 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: [jsx("span", {
+									className: "font-medium",
+									children: text(t, "draft.restorePrompt", "Restore draft?")
+								}), jsxs("div", {
+									className: "ml-auto flex gap-2",
+									children: [jsx(Button, {
+										type: "button",
+										size: "sm",
+										variant: "outline",
+										"data-testid": `${tid.flowDraft(flowId)}:restore`,
+										onClick: form.draft.restore,
+										children: text(t, "draft.restore", "Restore")
+									}), jsx(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 ? 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) => jsx("p", { children: resolveValidationMessage({
+									code: issue.code ?? "",
+									message: issue.message,
+									...issue.params === void 0 ? {} : { params: issue.params }
+								}, { t }) }, index))
+							}) : null,
+							finalStep && compiled.flow.review === true ? jsx(ReviewDiff, {
+								form,
+								initial,
+								values: snapshot.values,
+								i18nPrefix: prefix,
+								testid: tid.flowHost(flowId)
+							}) : finalStep && Array.isArray(compiled.flow.review) ? jsx(ReviewTree, {
+								compiled,
+								tree: compiled.flow.review,
+								values: snapshot.values,
+								prefix
+							}) : hasForm ? jsx(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 ? 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) => jsx("li", {
+									"data-testid": `${tid.flowHost(flowId)}:warning:${warning.id}`,
+									children: warning.message
+								}, warning.id))
+							}) : null
+						]
+					}),
+					unhandled ? 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 ? 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: [jsx("span", { children: text(t, "flow.sendAsNewConfirm", "This may apply the change twice. Send it as a new request?") }), jsxs("div", {
+							className: "ml-auto flex gap-2",
+							children: [jsx(Button, {
+								type: "button",
+								size: "sm",
+								variant: "ghost",
+								"data-testid": `${tid.flowSendAsNew(flowId)}:cancel`,
+								onClick: () => setConfirmingNew(false),
+								children: text(t, "actions.cancel", "Cancel")
+							}), jsx(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 ? jsxs("div", {
+						"data-buro-region": "flow-unknown-exits",
+						className: "flex flex-wrap gap-2",
+						children: [
+							checkable ? jsx(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 ? jsx(Button, {
+								type: "button",
+								variant: "outline",
+								"data-testid": tid.flowResend(flowId),
+								disabled: locked,
+								onClick: exit(() => run.resend()),
+								children: text(t, "flow.resend", "Resend")
+							}) : null,
+							jsx(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")
+							}),
+							jsx(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,
+					jsxs("div", {
+						"data-buro-region": "flow-footer",
+						className: "flex flex-wrap items-center gap-2",
+						children: [finalStep && hasForm && !locked ? jsx(Button, {
+							type: "button",
+							variant: "outline",
+							"data-testid": tid.flowBack(flowId),
+							onClick: () => run.back(),
+							children: text(t, "flow.back", "Back")
+						}) : null, jsxs("div", {
+							className: "ml-auto flex gap-2",
+							children: [
+								jsx(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 ? jsx(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 ? jsxs(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 ? jsx(IconLoader2, {
+										className: "h-4 w-4 animate-spin",
+										"aria-hidden": "true"
+									}) : null, locked ? pendingLabel : label]
+								}) : null
+							]
+						})]
+					})
+				]
+			})
+		]
+	});
+}
+function useSyncSnapshot(run) {
+	return 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 = useState(() => {
+		if (fields === void 0) return NO_FIELDS;
+		const placed = placedLeaves(tree);
+		return fieldEntriesToMap(fields.map((field) => placed.has(String(field.name)) ? field : {
+			...field,
+			in: ["create"]
+		}));
+	})[0];
+	const body = useState(() => () => tree)[0];
+	const blocks = useFlowFormCatalog();
+	const review = useFormController({
+		blocks,
+		fields: map,
+		body,
+		mode: "show",
+		i18nPrefix: prefix,
+		value: values
+	});
+	return jsx(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 = useOptionalT();
+	const id = `${open.block.namespace}:${open.block.id}`;
+	const implementation = selectImplementation(id, useFlowOpenImplementation(id));
+	const [validation, setValidation] = useState(() => implementation === void 0 ? null : validatePlacementProps(implementation.definition, open.props));
+	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 : viewOf(implementation);
+	return jsx("div", {
+		"data-testid": `${testid}:open`,
+		"data-buro-block": id,
+		className: "min-h-0 flex-1 overflow-y-auto",
+		children: failed ? 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 : jsx(Suspense, {
+			fallback: null,
+			children: 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
+export { FlowHostBindingContext, FlowScreen, HostedFlowScreen };
+
+//# sourceMappingURL=flow-screen-CCvgDI9G.js.map