@plumile/backoffice-react 0.1.72 → 0.1.74

package/lib/esm/{components/backoffice/actions/BackofficeEntityActionFormDialog.js → BackofficeEntityActionFormDialog-FHlW0vys.js}

@@ -1,27 +1,16 @@
-import { resolveMutationOutcome as e } from "../../../relay/mutationResult.js";
-import { useBackofficeReactTranslation as t } from "../../../i18n/useBackofficeReactTranslation.js";
-import { useBackofficeConfig as n } from "../../../provider/BackofficeConfigContext.js";
-import { EntityIdFilterField as r } from "../filters/EntityIdFilterField.js";
-import { EntityIdPickerDialog as i } from "../pickers/EntityIdPickerDialog.js";
-import { resolveToastSpec as a, resolveToastViewActions as o } from "./toastViewAction.js";
-import { actions as ee, checkboxGroup as te, form as ne } from "./backofficeEntityActionFormDialog.css.js";
-import { Fragment as re, jsx as s, jsxs as c } from "react/jsx-runtime";
-import { useTranslation as ie } from "react-i18next";
-import { BackofficeFormSection as ae, Button as l, SimpleSelect as oe, useToast as se } from "@plumile/ui";
-import { useCallback as u, useContext as ce, useEffect as le, useMemo as d, useState as f } from "react";
-import * as p from "react-relay";
-import { Input as m } from "@plumile/ui/atomic/atoms/input/Input.js";
-import { Label as h } from "@plumile/ui/atomic/atoms/label/Label.js";
-import { Modal as ue } from "@plumile/ui/atomic/atoms/modal/Modal.js";
-import { Textarea as de } from "@plumile/ui/atomic/atoms/textarea/Textarea.js";
-import { CheckboxField as g } from "@plumile/ui/atomic/molecules/checkbox_field/CheckboxField.js";
-import { Form as fe } from "@plumile/ui/atomic/molecules/form/Form.js";
-import { FormErrorBanner as pe } from "@plumile/ui/atomic/molecules/form/FormErrorBanner.js";
-import { FormGroup as _ } from "@plumile/ui/atomic/molecules/form/FormGroup.js";
-import { HighlightCode as me } from "@plumile/ui/atomic/molecules/highlight/HighlightCode.js";
-import { RoutingContext as he } from "@plumile/router";
-//#region src/components/backoffice/actions/BackofficeEntityActionFormDialog.tsx
-var { commitMutation: ge, useRelayEnvironment: _e } = p, v = (e, t) => e(t), y = (e) => typeof e == "object" && !!e && !Array.isArray(e), ve = (e) => {
+import { n as e } from "./sprinkles.css.ts.vanilla-n-NK_DwW.js";
+import { t } from "./useBackofficeReactTranslation-WfXU8kCf.js";
+import { i as n, t as r } from "./EntityIdPickerDialog-FMC5Hx_I.js";
+import { i } from "./mutationResult-CcQMY13J.js";
+import { n as a, t as o } from "./toastViewAction-BGTS7vqm.js";
+import { useCallback as s, useContext as ee, useEffect as te, useMemo as c, useState as l } from "react";
+import { useTranslation as ne } from "react-i18next";
+import { RoutingContext as re } from "@plumile/router";
+import { BackofficeFormSection as ie, Button as u, CheckboxField as d, Form as ae, FormErrorBanner as oe, FormGroup as f, HighlightCode as se, Input as p, Label as m, Modal as ce, SimpleSelect as le, Textarea as ue, useToast as de } from "@plumile/ui";
+import * as h from "react-relay";
+import { Fragment as fe, jsx as g, jsxs as _ } from "react/jsx-runtime";
+//#region src/components/backoffice/actions/backofficeEntityActionFormDialog.css.ts
+var pe = "_15f5d9v0 vncd899io vncd89ai6 vncd89aof", me = "_15f5d9v1 vncd899io vncd89do6 vncd89ao6", he = "_15f5d9v2 vncd899io vncd89ai6 vncd89ao6", { commitMutation: ge, useRelayEnvironment: _e } = h, v = (e, t) => e(t), y = (e) => typeof e == "object" && !!e && !Array.isArray(e), ve = (e) => {
 	if (!y(e)) return null;
 	for (let t of Object.values(e)) if (y(t) && ("status" in t || "result" in t)) return t;
 	return null;
@@ -49,16 +38,16 @@ var { commitMutation: ge, useRelayEnvironment: _e } = p, v = (e, t) => e(t), y =
 	return e.fields.forEach((e) => {
 		e.id in r && (i[e.id] = x(e, r[e.id]));
 	}), i;
-}, S = ({ isOpen: p, action: b, node: x, onClose: S, onSuccess: C }) => {
-	let { t: w } = ie(), { t: T } = t(), { entities: E } = n(), D = ce(he), O = _e(), k = se(), [A, j] = f({}), [be, M] = f(null), [N, P] = f({}), [F, I] = f(!1), [L, R] = f(null), [z, B] = f(null), [V, H] = f(null);
-	le(() => {
-		p && (j(ye(b, x)), M(null), P({}), R(null), B(null));
+}, S = ({ isOpen: h, action: b, node: x, onClose: S, onSuccess: C }) => {
+	let { t: w } = ne(), { t: T } = t(), { entities: E } = e(), D = ee(re), O = _e(), k = de(), [A, j] = l({}), [be, M] = l(null), [N, P] = l({}), [F, I] = l(!1), [L, R] = l(null), [z, B] = l(null), [V, H] = l(null);
+	te(() => {
+		h && (j(ye(b, x)), M(null), P({}), R(null), B(null));
 	}, [
 		b,
-		p,
+		h,
 		x
 	]);
-	let U = u((e, t) => {
+	let U = s((e, t) => {
 		j((n) => ({
 			...n,
 			[e]: t
@@ -67,7 +56,7 @@ var { commitMutation: ge, useRelayEnvironment: _e } = p, v = (e, t) => e(t), y =
 			let { [e]: n, ...r } = t;
 			return r;
 		});
-	}, []), xe = v(b.label, w), W = u((e) => T("actions.form.errors.required", { label: e }), [T]), G = u((e) => T("actions.form.errors.invalidNumber", { label: e }), [T]), K = u((e) => T("actions.form.errors.invalidJson", { label: e }), [T]), q = u((e) => T("actions.form.errors.invalidJsonObject", { label: e }), [T]), J = u((e) => T("actions.form.errors.invalidJsonArray", { label: e }), [T]), Y = u(() => {
+	}, []), xe = v(b.label, w), W = s((e) => T("actions.form.errors.required", { label: e }), [T]), G = s((e) => T("actions.form.errors.invalidNumber", { label: e }), [T]), K = s((e) => T("actions.form.errors.invalidJson", { label: e }), [T]), q = s((e) => T("actions.form.errors.invalidJsonObject", { label: e }), [T]), J = s((e) => T("actions.form.errors.invalidJsonArray", { label: e }), [T]), Y = s(() => {
 		let e = {};
 		for (let t of b.fields) {
 			let n = v(t.label, w), r = A[t.id];
@@ -183,17 +172,17 @@ var { commitMutation: ge, useRelayEnvironment: _e } = p, v = (e, t) => e(t), y =
 		W,
 		w,
 		A
-	]), X = u(() => {
+	]), X = s(() => {
 		if (F) return;
 		M(null), P({});
-		let t = Y();
-		if ("error" in t) {
-			M(t.error), t.fieldId != null && P({ [t.fieldId]: t.error });
+		let e = Y();
+		if ("error" in e) {
+			M(e.error), e.fieldId != null && P({ [e.fieldId]: e.error });
 			return;
 		}
-		let n;
+		let t;
 		try {
-			n = b.getVariables(x, t.values);
+			t = b.getVariables(x, e.values);
 		} catch (e) {
 			let t = T("actions.form.errors.invalidPayload");
 			e instanceof Error && (t = e.message), M(t);
@@ -201,38 +190,38 @@ var { commitMutation: ge, useRelayEnvironment: _e } = p, v = (e, t) => e(t), y =
 		}
 		I(!0), ge(O, {
 			mutation: b.mutation,
-			variables: n,
+			variables: t,
 			updater: (e) => {
 				b.updater?.(e, x);
 			},
-			onCompleted: (t) => {
+			onCompleted: (e) => {
 				I(!1);
-				let n = ve(t);
-				if (n != null) {
-					let t = T("actions.form.errors.invalidPayload");
-					b.toasts?.error?.message == null ? b.toasts?.error?.title != null && (t = v(b.toasts.error.title, w)) : t = v(b.toasts.error.message, w);
-					let r = e(n, {
-						defaultErrorMessage: t,
+				let t = ve(e);
+				if (t != null) {
+					let e = T("actions.form.errors.invalidPayload");
+					b.toasts?.error?.message == null ? b.toasts?.error?.title != null && (e = v(b.toasts.error.title, w)) : e = v(b.toasts.error.message, w);
+					let n = i(t, {
+						defaultErrorMessage: e,
 						mapReason: (e) => {
 							let t = b.mapErrorReason?.(e, x);
 							return t == null ? null : typeof t == "function" ? v(t, w) : String(t);
 						}
 					});
-					if (!r.ok) {
-						let e = Error(r.message);
-						if (M(r.message), b.onError?.(e, x), b.toasts?.error != null) {
+					if (!n.ok) {
+						let e = Error(n.message);
+						if (M(n.message), b.onError?.(e, x), b.toasts?.error != null) {
 							let e = v(b.toasts.error.title, w), t;
 							b.toasts.error.message != null && (t = v(b.toasts.error.message, w)), k.error(e, t);
 						}
 						return;
 					}
 				}
-				b.onCompleted?.(t, x);
-				let r = !1;
-				if (b.result?.render != null && b.result.render(t, x) != null && (r = !0, B(t)), b.toasts?.success != null) {
-					let e = a(b.toasts.success, w), n = o({
+				b.onCompleted?.(e, x);
+				let n = !1;
+				if (b.result?.render != null && b.result.render(e, x) != null && (n = !0, B(e)), b.toasts?.success != null) {
+					let t = o(b.toasts.success, w), n = a({
 						toast: b.toasts.success,
-						response: t,
+						response: e,
 						node: x,
 						tApp: w,
 						entities: E,
@@ -243,19 +232,19 @@ var { commitMutation: ge, useRelayEnvironment: _e } = p, v = (e, t) => e(t), y =
 					});
 					k.push({
 						kind: "info",
-						title: e.title,
-						message: e.message,
+						title: t.title,
+						message: t.message,
 						actions: n
 					});
 				}
 				if (b.result != null) {
-					let e = b.result.getValue(t, x);
-					if (typeof e == "string" && e.trim() !== "") {
-						R(e), C?.();
+					let t = b.result.getValue(e, x);
+					if (typeof t == "string" && t.trim() !== "") {
+						R(t), C?.();
 						return;
 					}
 				}
-				if (r) {
+				if (n) {
 					C?.();
 					return;
 				}
@@ -281,26 +270,26 @@ var { commitMutation: ge, useRelayEnvironment: _e } = p, v = (e, t) => e(t), y =
 		T,
 		w,
 		k
-	]), Se = u((e) => {
+	]), Se = s((e) => {
 		e.preventDefault(), X();
-	}, [X]), Z = d(() => b.result == null ? null : v(b.result.label, w), [b.result, w]), Q = d(() => b.result?.render == null || z == null ? null : b.result.render(z, x), [
+	}, [X]), Z = c(() => b.result == null ? null : v(b.result.label, w), [b.result, w]), Q = c(() => b.result?.render == null || z == null ? null : b.result.render(z, x), [
 		b.result,
 		x,
 		z
 	]), $ = L != null && Z != null || Q != null, Ce = v(b.label, w);
-	return p ? /* @__PURE__ */ c(re, { children: [/* @__PURE__ */ s(ue, {
-		isOpen: p,
+	return h ? /* @__PURE__ */ _(fe, { children: [/* @__PURE__ */ g(ce, {
+		isOpen: h,
 		onClose: S,
 		title: xe,
-		footer: /* @__PURE__ */ c("div", {
-			className: ee,
-			children: [/* @__PURE__ */ s(l, {
+		footer: /* @__PURE__ */ _("div", {
+			className: me,
+			children: [/* @__PURE__ */ g(u, {
 				type: "button",
 				variant: "secondary",
 				size: "small",
 				onClick: S,
 				children: T("actions.form.cancel")
-			}), !$ && /* @__PURE__ */ s(l, {
+			}), !$ && /* @__PURE__ */ g(u, {
 				type: "submit",
 				variant: "primary",
 				size: "small",
@@ -309,25 +298,25 @@ var { commitMutation: ge, useRelayEnvironment: _e } = p, v = (e, t) => e(t), y =
 				children: Ce
 			})]
 		}),
-		children: /* @__PURE__ */ c(fe, {
+		children: /* @__PURE__ */ _(ae, {
 			onSubmit: Se,
-			className: ne,
+			className: pe,
 			children: [
-				/* @__PURE__ */ s(pe, { message: be }),
-				/* @__PURE__ */ s(ae, { children: b.fields.map((e) => {
-					let t = v(e.label, w), n = null;
-					switch (e.description != null && (n = v(e.description, w)), e.kind) {
+				/* @__PURE__ */ g(oe, { message: be }),
+				/* @__PURE__ */ g(ie, { children: b.fields.map((e) => {
+					let t = v(e.label, w), r = null;
+					switch (e.description != null && (r = v(e.description, w)), e.kind) {
 						case "text": {
-							let r = A[e.id], i = "";
-							typeof r == "string" && (i = r);
+							let n = A[e.id], i = "";
+							typeof n == "string" && (i = n);
 							let a;
-							return e.placeholder != null && (a = v(e.placeholder, w)), /* @__PURE__ */ c(_, { children: [
-								/* @__PURE__ */ s(h, { children: t }),
-								n != null && /* @__PURE__ */ s("span", {
+							return e.placeholder != null && (a = v(e.placeholder, w)), /* @__PURE__ */ _(f, { children: [
+								/* @__PURE__ */ g(m, { children: t }),
+								r != null && /* @__PURE__ */ g("span", {
 									className: "_15f5d9v5 vncd898o vncd89v83",
-									children: n
+									children: r
 								}),
-								/* @__PURE__ */ s(m, {
+								/* @__PURE__ */ g(p, {
 									type: "text",
 									value: i,
 									placeholder: a,
@@ -336,23 +325,23 @@ var { commitMutation: ge, useRelayEnvironment: _e } = p, v = (e, t) => e(t), y =
 									},
 									fullWidth: !0
 								}),
-								N[e.id] != null && /* @__PURE__ */ s("span", {
+								N[e.id] != null && /* @__PURE__ */ g("span", {
 									className: "_15f5d9v4 vncd898o vncd89v93",
 									children: N[e.id]
 								})
 							] }, e.id);
 						}
 						case "number": {
-							let r = A[e.id], i = "";
-							typeof r == "string" && (i = r);
+							let n = A[e.id], i = "";
+							typeof n == "string" && (i = n);
 							let a;
-							return e.placeholder != null && (a = v(e.placeholder, w)), /* @__PURE__ */ c(_, { children: [
-								/* @__PURE__ */ s(h, { children: t }),
-								n != null && /* @__PURE__ */ s("span", {
+							return e.placeholder != null && (a = v(e.placeholder, w)), /* @__PURE__ */ _(f, { children: [
+								/* @__PURE__ */ g(m, { children: t }),
+								r != null && /* @__PURE__ */ g("span", {
 									className: "_15f5d9v5 vncd898o vncd89v83",
-									children: n
+									children: r
 								}),
-								/* @__PURE__ */ s(m, {
+								/* @__PURE__ */ g(p, {
 									type: "number",
 									value: i,
 									placeholder: a,
@@ -361,23 +350,23 @@ var { commitMutation: ge, useRelayEnvironment: _e } = p, v = (e, t) => e(t), y =
 									},
 									fullWidth: !0
 								}),
-								N[e.id] != null && /* @__PURE__ */ s("span", {
+								N[e.id] != null && /* @__PURE__ */ g("span", {
 									className: "_15f5d9v4 vncd898o vncd89v93",
 									children: N[e.id]
 								})
 							] }, e.id);
 						}
 						case "json": {
-							let r = A[e.id], i = "";
-							typeof r == "string" && (i = r);
+							let n = A[e.id], i = "";
+							typeof n == "string" && (i = n);
 							let a;
-							return e.placeholder != null && (a = v(e.placeholder, w)), /* @__PURE__ */ c(_, { children: [
-								/* @__PURE__ */ s(h, { children: t }),
-								n != null && /* @__PURE__ */ s("span", {
+							return e.placeholder != null && (a = v(e.placeholder, w)), /* @__PURE__ */ _(f, { children: [
+								/* @__PURE__ */ g(m, { children: t }),
+								r != null && /* @__PURE__ */ g("span", {
 									className: "_15f5d9v5 vncd898o vncd89v83",
-									children: n
+									children: r
 								}),
-								/* @__PURE__ */ s(de, {
+								/* @__PURE__ */ g(ue, {
 									value: i,
 									placeholder: a,
 									rows: 8,
@@ -386,27 +375,27 @@ var { commitMutation: ge, useRelayEnvironment: _e } = p, v = (e, t) => e(t), y =
 									},
 									fullWidth: !0
 								}),
-								N[e.id] != null && /* @__PURE__ */ s("span", {
+								N[e.id] != null && /* @__PURE__ */ g("span", {
 									className: "_15f5d9v4 vncd898o vncd89v93",
 									children: N[e.id]
 								})
 							] }, e.id);
 						}
 						case "enum": {
-							let r = A[e.id], i = "";
-							typeof r == "string" && (i = r);
+							let n = A[e.id], i = "";
+							typeof n == "string" && (i = n);
 							let a = e.options.map((e) => ({
 								id: e.value,
 								value: e.value,
 								label: v(e.label, w)
 							}));
-							return /* @__PURE__ */ c(_, { children: [
-								/* @__PURE__ */ s(h, { children: t }),
-								n != null && /* @__PURE__ */ s("span", {
+							return /* @__PURE__ */ _(f, { children: [
+								/* @__PURE__ */ g(m, { children: t }),
+								r != null && /* @__PURE__ */ g("span", {
 									className: "_15f5d9v5 vncd898o vncd89v83",
-									children: n
+									children: r
 								}),
-								/* @__PURE__ */ s(oe, {
+								/* @__PURE__ */ g(le, {
 									options: a,
 									value: i,
 									placeholder: t,
@@ -414,27 +403,27 @@ var { commitMutation: ge, useRelayEnvironment: _e } = p, v = (e, t) => e(t), y =
 										U(e.id, t);
 									}
 								}),
-								N[e.id] != null && /* @__PURE__ */ s("span", {
+								N[e.id] != null && /* @__PURE__ */ g("span", {
 									className: "_15f5d9v4 vncd898o vncd89v93",
 									children: N[e.id]
 								})
 							] }, e.id);
 						}
 						case "boolean": {
-							let r = A[e.id] === !0;
-							return /* @__PURE__ */ c(_, { children: [
-								n != null && /* @__PURE__ */ s("span", {
+							let n = A[e.id] === !0;
+							return /* @__PURE__ */ _(f, { children: [
+								r != null && /* @__PURE__ */ g("span", {
 									className: "_15f5d9v5 vncd898o vncd89v83",
-									children: n
+									children: r
 								}),
-								/* @__PURE__ */ s(g, {
+								/* @__PURE__ */ g(d, {
 									label: t,
-									checked: r,
+									checked: n,
 									onChange: (t) => {
 										U(e.id, t.target.checked);
 									}
 								}),
-								N[e.id] != null && /* @__PURE__ */ s("span", {
+								N[e.id] != null && /* @__PURE__ */ g("span", {
 									className: "_15f5d9v4 vncd898o vncd89v93",
 									children: N[e.id]
 								})
@@ -442,13 +431,13 @@ var { commitMutation: ge, useRelayEnvironment: _e } = p, v = (e, t) => e(t), y =
 						}
 						case "entityId": {
 							let i = A[e.id], a = "";
-							return typeof i == "string" && (a = i), /* @__PURE__ */ c(_, { children: [
-								/* @__PURE__ */ s(h, { children: t }),
-								n != null && /* @__PURE__ */ s("span", {
+							return typeof i == "string" && (a = i), /* @__PURE__ */ _(f, { children: [
+								/* @__PURE__ */ g(m, { children: t }),
+								r != null && /* @__PURE__ */ g("span", {
 									className: "_15f5d9v5 vncd898o vncd89v83",
-									children: n
+									children: r
 								}),
-								/* @__PURE__ */ s(r, {
+								/* @__PURE__ */ g(n, {
 									label: t,
 									value: a,
 									onPick: () => {
@@ -462,23 +451,23 @@ var { commitMutation: ge, useRelayEnvironment: _e } = p, v = (e, t) => e(t), y =
 										U(e.id, "");
 									}
 								}),
-								N[e.id] != null && /* @__PURE__ */ s("span", {
+								N[e.id] != null && /* @__PURE__ */ g("span", {
 									className: "_15f5d9v4 vncd898o vncd89v93",
 									children: N[e.id]
 								})
 							] }, e.id);
 						}
 						case "multiEnum": {
-							let r = A[e.id], i = [];
-							return Array.isArray(r) && (i = r.filter((e) => typeof e == "string")), /* @__PURE__ */ c(_, { children: [
-								/* @__PURE__ */ s(h, { children: t }),
-								n != null && /* @__PURE__ */ s("span", {
+							let n = A[e.id], i = [];
+							return Array.isArray(n) && (i = n.filter((e) => typeof e == "string")), /* @__PURE__ */ _(f, { children: [
+								/* @__PURE__ */ g(m, { children: t }),
+								r != null && /* @__PURE__ */ g("span", {
 									className: "_15f5d9v5 vncd898o vncd89v83",
-									children: n
+									children: r
 								}),
-								/* @__PURE__ */ s("div", {
-									className: te,
-									children: e.options.map((t) => /* @__PURE__ */ s(g, {
+								/* @__PURE__ */ g("div", {
+									className: he,
+									children: e.options.map((t) => /* @__PURE__ */ g(d, {
 										label: v(t.label, w),
 										checked: i.includes(t.value),
 										onChange: (n) => {
@@ -487,7 +476,7 @@ var { commitMutation: ge, useRelayEnvironment: _e } = p, v = (e, t) => e(t), y =
 										}
 									}, t.value))
 								}),
-								N[e.id] != null && /* @__PURE__ */ s("span", {
+								N[e.id] != null && /* @__PURE__ */ g("span", {
 									className: "_15f5d9v4 vncd898o vncd89v93",
 									children: N[e.id]
 								})
@@ -496,9 +485,9 @@ var { commitMutation: ge, useRelayEnvironment: _e } = p, v = (e, t) => e(t), y =
 						default: return null;
 					}
 				}) }),
-				$ && /* @__PURE__ */ c("div", {
+				$ && /* @__PURE__ */ _("div", {
 					className: "_15f5d9v3 vncd899io vncd89ai6 vncd89ao6",
-					children: [L != null && Z != null && /* @__PURE__ */ s(me, {
+					children: [L != null && Z != null && /* @__PURE__ */ g(se, {
 						badgeLabel: Z,
 						copyCode: L,
 						fallbackCodeText: L
@@ -506,7 +495,7 @@ var { commitMutation: ge, useRelayEnvironment: _e } = p, v = (e, t) => e(t), y =
 				})
 			]
 		})
-	}), /* @__PURE__ */ s(i, {
+	}), /* @__PURE__ */ g(r, {
 		isOpen: V != null,
 		entity: V?.entity ?? "",
 		title: V?.label ?? "",
@@ -521,4 +510,4 @@ var { commitMutation: ge, useRelayEnvironment: _e } = p, v = (e, t) => e(t), y =
 //#endregion
 export { S as BackofficeEntityActionFormDialog, S as default };
 
-//# sourceMappingURL=BackofficeEntityActionFormDialog.js.map
+//# sourceMappingURL=BackofficeEntityActionFormDialog-FHlW0vys.js.map

package/lib/esm/BackofficeEntityActionFormDialog-FHlW0vys.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeEntityActionFormDialog-FHlW0vys.js","names":[],"sources":["../../src/components/backoffice/actions/backofficeEntityActionFormDialog.css.ts","../../src/components/backoffice/actions/BackofficeEntityActionFormDialog.tsx"],"sourcesContent":["import { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\n\nexport const form = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 3,\n});\n\nexport const actions = sprinkles({\n  display: 'flex',\n  justifyContent: 'flex-end',\n  gap: 2,\n});\n\nexport const checkboxGroup = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 2,\n});\n\nexport const resultSection = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 2,\n});\n\nexport const fieldError = sprinkles({\n  fontSize: 'xs',\n  color: 'error',\n});\n\nexport const fieldDescription = sprinkles({\n  fontSize: 'xs',\n  color: 'secondary',\n});\n","import {\n  type FormEvent,\n  type JSX,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport type { TFunction } from 'i18next';\nimport { useTranslation } from 'react-i18next';\nimport * as ReactRelay from 'react-relay';\nimport {\n  type MutationPayloadBase,\n  resolveMutationOutcome,\n} from '../../../relay/mutationResult.js';\nimport {\n  BackofficeFormSection,\n  Button,\n  CheckboxField,\n  Form,\n  FormErrorBanner,\n  FormGroup,\n  HighlightCode,\n  Input,\n  Label,\n  Modal,\n  SimpleSelect,\n  Textarea,\n  useToast,\n} from '@plumile/ui';\nimport type {\n  BackofficeEntityActionFormFieldSpec,\n  BackofficeEntityFormMutationActionSpec,\n  I18nLabel,\n} from '@plumile/backoffice-core/types.js';\n\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficeConfig } from '../../../provider/BackofficeConfigContext.js';\nimport { EntityIdFilterField } from '../filters/EntityIdFilterField.js';\nimport { EntityIdPickerDialog } from '../pickers/EntityIdPickerDialog.js';\nimport {\n  resolveToastSpec,\n  resolveToastViewActions,\n} from './toastViewAction.js';\n\nconst { commitMutation, useRelayEnvironment } = ReactRelay;\nimport { RoutingContext } from '@plumile/router';\n\nimport * as styles from './backofficeEntityActionFormDialog.css.js';\n\nexport type BackofficeEntityActionFormDialogProps<Node> = {\n  isOpen: boolean;\n  action: BackofficeEntityFormMutationActionSpec<Node>;\n  node: Node;\n  onClose: () => void;\n  onSuccess?: () => void;\n};\n\nconst resolveLabel = (label: I18nLabel, tApp: TFunction): string => {\n  return label(tApp);\n};\n\nconst isPlainObject = (value: unknown): value is Record<string, unknown> => {\n  return typeof value === 'object' && value != null && !Array.isArray(value);\n};\n\nconst extractMutationPayload = (\n  response: unknown,\n): MutationPayloadBase | null => {\n  if (!isPlainObject(response)) {\n    return null;\n  }\n\n  for (const value of Object.values(response)) {\n    if (isPlainObject(value) && ('status' in value || 'result' in value)) {\n      return value as MutationPayloadBase;\n    }\n  }\n\n  return null;\n};\n\nconst buildDefaultValues = (\n  fields: readonly BackofficeEntityActionFormFieldSpec[],\n): Record<string, unknown> => {\n  const output: Record<string, unknown> = {};\n  fields.forEach((field) => {\n    if (field.kind === 'boolean') {\n      output[field.id] = field.defaultValue ?? false;\n      return;\n    }\n    if (field.kind === 'multiEnum') {\n      output[field.id] = field.defaultValue ?? [];\n      return;\n    }\n    if (field.defaultValue != null) {\n      output[field.id] = field.defaultValue;\n      return;\n    }\n    output[field.id] = '';\n  });\n  return output;\n};\n\nconst normalizeInitialValue = (\n  field: BackofficeEntityActionFormFieldSpec,\n  value: unknown,\n): unknown => {\n  if (field.kind === 'number') {\n    if (typeof value === 'number') {\n      return String(value);\n    }\n    if (typeof value === 'string') {\n      return value;\n    }\n    return '';\n  }\n  if (field.kind === 'multiEnum') {\n    if (Array.isArray(value)) {\n      return value.filter((entry): entry is string => {\n        return typeof entry === 'string' && entry.trim() !== '';\n      });\n    }\n    return [];\n  }\n  if (field.kind === 'boolean') {\n    return value === true;\n  }\n  if (typeof value === 'string') {\n    return value;\n  }\n  return value ?? '';\n};\n\nconst buildInitialValues = <Node,>(\n  action: BackofficeEntityFormMutationActionSpec<Node>,\n  node: Node,\n): Record<string, unknown> => {\n  const defaults = buildDefaultValues(action.fields);\n  if (action.getInitialValues == null) {\n    return defaults;\n  }\n  const overrides = action.getInitialValues(node);\n  const next: Record<string, unknown> = { ...defaults };\n  action.fields.forEach((field) => {\n    if (!(field.id in overrides)) {\n      return;\n    }\n    next[field.id] = normalizeInitialValue(field, overrides[field.id]);\n  });\n  return next;\n};\n\nexport const BackofficeEntityActionFormDialog = <Node,>({\n  isOpen,\n  action,\n  node,\n  onClose,\n  onSuccess,\n}: BackofficeEntityActionFormDialogProps<Node>): JSX.Element | null => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const { entities } = useBackofficeConfig();\n  const routing = useContext(RoutingContext);\n  const environment = useRelayEnvironment();\n  const toast = useToast();\n\n  const [values, setValues] = useState<Record<string, unknown>>({});\n  const [formError, setFormError] = useState<string | null>(null);\n  const [fieldErrors, setFieldErrors] = useState<Record<string, string>>({});\n  const [isSubmitting, setIsSubmitting] = useState(false);\n  const [resultValue, setResultValue] = useState<string | null>(null);\n  const [resultResponse, setResultResponse] = useState<unknown>(null);\n  const [activeEntityPicker, setActiveEntityPicker] = useState<{\n    fieldId: string;\n    entity: string;\n    label: string;\n  } | null>(null);\n\n  useEffect(() => {\n    if (!isOpen) {\n      return;\n    }\n    setValues(buildInitialValues(action, node));\n    setFormError(null);\n    setFieldErrors({});\n    setResultValue(null);\n    setResultResponse(null);\n  }, [action, isOpen, node]);\n\n  const setFieldValue = useCallback((fieldId: string, value: unknown) => {\n    setValues((current) => {\n      return { ...current, [fieldId]: value };\n    });\n    setFieldErrors((current) => {\n      if (current[fieldId] == null) {\n        return current;\n      }\n      const { [fieldId]: removedValue, ...next } = current;\n      return next;\n    });\n  }, []);\n\n  const title = resolveLabel(action.label, tApp);\n\n  const resolveRequiredError = useCallback(\n    (fieldLabel: string): string => {\n      return t('actions.form.errors.required', {\n        label: fieldLabel,\n      });\n    },\n    [t],\n  );\n\n  const resolveInvalidNumberError = useCallback(\n    (fieldLabel: string): string => {\n      return t('actions.form.errors.invalidNumber', {\n        label: fieldLabel,\n      });\n    },\n    [t],\n  );\n\n  const resolveInvalidJsonError = useCallback(\n    (fieldLabel: string): string => {\n      return t('actions.form.errors.invalidJson', {\n        label: fieldLabel,\n      });\n    },\n    [t],\n  );\n\n  const resolveInvalidJsonObjectError = useCallback(\n    (fieldLabel: string): string => {\n      return t('actions.form.errors.invalidJsonObject', {\n        label: fieldLabel,\n      });\n    },\n    [t],\n  );\n\n  const resolveInvalidJsonArrayError = useCallback(\n    (fieldLabel: string): string => {\n      return t('actions.form.errors.invalidJsonArray', {\n        label: fieldLabel,\n      });\n    },\n    [t],\n  );\n\n  const buildPayload = useCallback(():\n    | { values: Record<string, unknown> }\n    | { error: string; fieldId?: string } => {\n    const output: Record<string, unknown> = {};\n\n    for (const field of action.fields) {\n      const fieldLabel = resolveLabel(field.label, tApp);\n      const rawValue = values[field.id];\n\n      switch (field.kind) {\n        case 'text': {\n          let value = '';\n          if (typeof rawValue === 'string') {\n            value = rawValue.trim();\n          }\n          if (value === '') {\n            if (field.required) {\n              return {\n                error: resolveRequiredError(fieldLabel),\n                fieldId: field.id,\n              };\n            }\n            break;\n          }\n          output[field.id] = value;\n          break;\n        }\n        case 'number': {\n          let valueString = '';\n          if (typeof rawValue === 'string') {\n            valueString = rawValue.trim();\n          } else if (\n            typeof rawValue === 'number' &&\n            Number.isFinite(rawValue)\n          ) {\n            valueString = String(rawValue);\n          }\n          if (valueString === '') {\n            if (field.required) {\n              return {\n                error: resolveRequiredError(fieldLabel),\n                fieldId: field.id,\n              };\n            }\n            break;\n          }\n          const parsed = Number(valueString);\n          if (!Number.isFinite(parsed)) {\n            return {\n              error: resolveInvalidNumberError(fieldLabel),\n              fieldId: field.id,\n            };\n          }\n          output[field.id] = parsed;\n          break;\n        }\n        case 'json': {\n          let valueString = '';\n          if (typeof rawValue === 'string') {\n            valueString = rawValue.trim();\n          }\n          if (valueString === '') {\n            if (field.required) {\n              return {\n                error: resolveRequiredError(fieldLabel),\n                fieldId: field.id,\n              };\n            }\n            break;\n          }\n          let parsed: unknown;\n          try {\n            parsed = JSON.parse(valueString);\n          } catch {\n            return {\n              error: resolveInvalidJsonError(fieldLabel),\n              fieldId: field.id,\n            };\n          }\n\n          const jsonType = field.jsonType ?? 'object';\n          if (jsonType === 'object' && !isPlainObject(parsed)) {\n            return {\n              error: resolveInvalidJsonObjectError(fieldLabel),\n              fieldId: field.id,\n            };\n          }\n          if (jsonType === 'array' && !Array.isArray(parsed)) {\n            return {\n              error: resolveInvalidJsonArrayError(fieldLabel),\n              fieldId: field.id,\n            };\n          }\n\n          output[field.id] = parsed;\n          break;\n        }\n        case 'enum': {\n          let value = '';\n          if (typeof rawValue === 'string') {\n            value = rawValue.trim();\n          }\n          if (value === '') {\n            if (field.required) {\n              return {\n                error: resolveRequiredError(fieldLabel),\n                fieldId: field.id,\n              };\n            }\n            break;\n          }\n          output[field.id] = value;\n          break;\n        }\n        case 'boolean': {\n          output[field.id] = rawValue === true;\n          break;\n        }\n        case 'entityId': {\n          let value = '';\n          if (typeof rawValue === 'string') {\n            value = rawValue.trim();\n          }\n          if (value === '') {\n            if (field.required) {\n              return {\n                error: resolveRequiredError(fieldLabel),\n                fieldId: field.id,\n              };\n            }\n            break;\n          }\n          output[field.id] = value;\n          break;\n        }\n        case 'multiEnum': {\n          let list: string[] = [];\n          if (Array.isArray(rawValue)) {\n            list = rawValue.filter((entry): entry is string => {\n              return typeof entry === 'string' && entry.trim() !== '';\n            });\n          }\n          if (list.length === 0) {\n            if (field.required) {\n              return {\n                error: resolveRequiredError(fieldLabel),\n                fieldId: field.id,\n              };\n            }\n            break;\n          }\n          output[field.id] = list;\n          break;\n        }\n        default: {\n          break;\n        }\n      }\n    }\n\n    return { values: output };\n  }, [\n    action.fields,\n    resolveInvalidJsonArrayError,\n    resolveInvalidJsonError,\n    resolveInvalidJsonObjectError,\n    resolveInvalidNumberError,\n    resolveRequiredError,\n    tApp,\n    values,\n  ]);\n\n  const handleSubmit = useCallback(() => {\n    if (isSubmitting) {\n      return;\n    }\n\n    setFormError(null);\n    setFieldErrors({});\n\n    const payload = buildPayload();\n    if ('error' in payload) {\n      setFormError(payload.error);\n      if (payload.fieldId != null) {\n        setFieldErrors({ [payload.fieldId]: payload.error });\n      }\n      return;\n    }\n\n    let variables: ReturnType<typeof action.getVariables>;\n    try {\n      variables = action.getVariables(node, payload.values);\n    } catch (error) {\n      let message = t('actions.form.errors.invalidPayload');\n      if (error instanceof Error) {\n        message = error.message;\n      }\n      setFormError(message);\n      return;\n    }\n\n    setIsSubmitting(true);\n    commitMutation(environment, {\n      mutation: action.mutation,\n      variables,\n      updater: (store) => {\n        action.updater?.(store, node);\n      },\n      onCompleted: (response) => {\n        setIsSubmitting(false);\n        const mutationPayload = extractMutationPayload(response);\n        if (mutationPayload != null) {\n          let defaultErrorMessage = t('actions.form.errors.invalidPayload');\n          if (action.toasts?.error?.message != null) {\n            defaultErrorMessage = resolveLabel(\n              action.toasts.error.message,\n              tApp,\n            );\n          } else if (action.toasts?.error?.title != null) {\n            defaultErrorMessage = resolveLabel(action.toasts.error.title, tApp);\n          }\n\n          const outcome = resolveMutationOutcome(mutationPayload, {\n            defaultErrorMessage,\n            mapReason: (reason) => {\n              const mapped = action.mapErrorReason?.(reason, node);\n              if (mapped == null) {\n                return null;\n              }\n              if (typeof mapped === 'function') {\n                return resolveLabel(mapped, tApp);\n              }\n              return String(mapped);\n            },\n          });\n          if (!outcome.ok) {\n            const error = new Error(outcome.message);\n            setFormError(outcome.message);\n            action.onError?.(error, node);\n            if (action.toasts?.error != null) {\n              const toastTitle = resolveLabel(action.toasts.error.title, tApp);\n              let toastMessage: string | undefined;\n              if (action.toasts.error.message != null) {\n                toastMessage = resolveLabel(action.toasts.error.message, tApp);\n              }\n              toast.error(toastTitle, toastMessage);\n            }\n            return;\n          }\n        }\n\n        action.onCompleted?.(response, node);\n\n        let hasCustomResult = false;\n        if (action.result?.render != null) {\n          const renderedResult = action.result.render(response, node);\n          if (renderedResult != null) {\n            hasCustomResult = true;\n            setResultResponse(response);\n          }\n        }\n        if (action.toasts?.success != null) {\n          const toastSpec = resolveToastSpec(action.toasts.success, tApp);\n          const toastActions = resolveToastViewActions({\n            toast: action.toasts.success,\n            response,\n            node,\n            tApp,\n            entities,\n            defaultLabel: t('actions.view'),\n            navigateTo: (to) => {\n              routing?.history.push({ pathname: to });\n            },\n          });\n          toast.push({\n            kind: 'info',\n            title: toastSpec.title,\n            message: toastSpec.message,\n            actions: toastActions,\n          });\n        }\n\n        if (action.result != null) {\n          const nextValue = action.result.getValue(response, node);\n          if (typeof nextValue === 'string' && nextValue.trim() !== '') {\n            setResultValue(nextValue);\n            onSuccess?.();\n            return;\n          }\n        }\n\n        if (hasCustomResult) {\n          onSuccess?.();\n          return;\n        }\n\n        onSuccess?.();\n        onClose();\n      },\n      onError: (error) => {\n        setIsSubmitting(false);\n        action.onError?.(error, node);\n        if (action.toasts?.error != null) {\n          const toastTitle = resolveLabel(action.toasts.error.title, tApp);\n          let toastMessage: string | undefined;\n          if (action.toasts.error.message != null) {\n            toastMessage = resolveLabel(action.toasts.error.message, tApp);\n          }\n          toast.error(toastTitle, toastMessage);\n        }\n      },\n    });\n  }, [\n    action,\n    buildPayload,\n    entities,\n    environment,\n    isSubmitting,\n    node,\n    onClose,\n    onSuccess,\n    routing?.history,\n    t,\n    tApp,\n    toast,\n  ]);\n\n  const handleFormSubmit = useCallback(\n    (event: FormEvent<HTMLFormElement>) => {\n      event.preventDefault();\n      handleSubmit();\n    },\n    [handleSubmit],\n  );\n\n  const resultLabel = useMemo(() => {\n    if (action.result == null) {\n      return null;\n    }\n    return resolveLabel(action.result.label, tApp);\n  }, [action.result, tApp]);\n\n  const resultRender = useMemo(() => {\n    if (action.result?.render == null || resultResponse == null) {\n      return null;\n    }\n    return action.result.render(resultResponse as never, node);\n  }, [action.result, node, resultResponse]);\n\n  const showResult =\n    (resultValue != null && resultLabel != null) || resultRender != null;\n\n  const submitLabel = resolveLabel(action.label, tApp);\n\n  if (!isOpen) {\n    return null;\n  }\n\n  return (\n    <>\n      <Modal\n        isOpen={isOpen}\n        onClose={onClose}\n        title={title}\n        footer={\n          <div className={styles.actions}>\n            <Button\n              type=\"button\"\n              variant=\"secondary\"\n              size=\"small\"\n              onClick={onClose}\n            >\n              {t('actions.form.cancel')}\n            </Button>\n            {!showResult && (\n              <Button\n                type=\"submit\"\n                variant=\"primary\"\n                size=\"small\"\n                disabled={isSubmitting}\n                onClick={handleSubmit}\n              >\n                {submitLabel}\n              </Button>\n            )}\n          </div>\n        }\n      >\n        <Form onSubmit={handleFormSubmit} className={styles.form}>\n          <FormErrorBanner message={formError} />\n          <BackofficeFormSection>\n            {action.fields.map((field) => {\n              const fieldLabel = resolveLabel(field.label, tApp);\n              let fieldDescription: string | null = null;\n              if (field.description != null) {\n                fieldDescription = resolveLabel(field.description, tApp);\n              }\n\n              switch (field.kind) {\n                case 'text': {\n                  const rawValue = values[field.id];\n                  let value = '';\n                  if (typeof rawValue === 'string') {\n                    value = rawValue;\n                  }\n                  let placeholder: string | undefined;\n                  if (field.placeholder != null) {\n                    placeholder = resolveLabel(field.placeholder, tApp);\n                  }\n                  return (\n                    <FormGroup key={field.id}>\n                      <Label>{fieldLabel}</Label>\n                      {fieldDescription != null && (\n                        <span className={styles.fieldDescription}>\n                          {fieldDescription}\n                        </span>\n                      )}\n                      <Input\n                        type=\"text\"\n                        value={value}\n                        placeholder={placeholder}\n                        onChange={(event) => {\n                          setFieldValue(field.id, event.target.value);\n                        }}\n                        fullWidth\n                      />\n                      {fieldErrors[field.id] != null && (\n                        <span className={styles.fieldError}>\n                          {fieldErrors[field.id]}\n                        </span>\n                      )}\n                    </FormGroup>\n                  );\n                }\n                case 'number': {\n                  const rawValue = values[field.id];\n                  let value = '';\n                  if (typeof rawValue === 'string') {\n                    value = rawValue;\n                  }\n                  let placeholder: string | undefined;\n                  if (field.placeholder != null) {\n                    placeholder = resolveLabel(field.placeholder, tApp);\n                  }\n                  return (\n                    <FormGroup key={field.id}>\n                      <Label>{fieldLabel}</Label>\n                      {fieldDescription != null && (\n                        <span className={styles.fieldDescription}>\n                          {fieldDescription}\n                        </span>\n                      )}\n                      <Input\n                        type=\"number\"\n                        value={value}\n                        placeholder={placeholder}\n                        onChange={(event) => {\n                          setFieldValue(field.id, event.target.value);\n                        }}\n                        fullWidth\n                      />\n                      {fieldErrors[field.id] != null && (\n                        <span className={styles.fieldError}>\n                          {fieldErrors[field.id]}\n                        </span>\n                      )}\n                    </FormGroup>\n                  );\n                }\n                case 'json': {\n                  const rawValue = values[field.id];\n                  let value = '';\n                  if (typeof rawValue === 'string') {\n                    value = rawValue;\n                  }\n                  let placeholder: string | undefined;\n                  if (field.placeholder != null) {\n                    placeholder = resolveLabel(field.placeholder, tApp);\n                  }\n                  return (\n                    <FormGroup key={field.id}>\n                      <Label>{fieldLabel}</Label>\n                      {fieldDescription != null && (\n                        <span className={styles.fieldDescription}>\n                          {fieldDescription}\n                        </span>\n                      )}\n                      <Textarea\n                        value={value}\n                        placeholder={placeholder}\n                        rows={8}\n                        onChange={(event) => {\n                          setFieldValue(field.id, event.target.value);\n                        }}\n                        fullWidth\n                      />\n                      {fieldErrors[field.id] != null && (\n                        <span className={styles.fieldError}>\n                          {fieldErrors[field.id]}\n                        </span>\n                      )}\n                    </FormGroup>\n                  );\n                }\n                case 'enum': {\n                  const rawValue = values[field.id];\n                  let selected = '';\n                  if (typeof rawValue === 'string') {\n                    selected = rawValue;\n                  }\n                  const options = field.options.map((option) => {\n                    return {\n                      id: option.value,\n                      value: option.value,\n                      label: resolveLabel(option.label, tApp),\n                    };\n                  });\n                  return (\n                    <FormGroup key={field.id}>\n                      <Label>{fieldLabel}</Label>\n                      {fieldDescription != null && (\n                        <span className={styles.fieldDescription}>\n                          {fieldDescription}\n                        </span>\n                      )}\n                      <SimpleSelect\n                        options={options}\n                        value={selected}\n                        placeholder={fieldLabel}\n                        onChange={(nextValue) => {\n                          setFieldValue(field.id, nextValue);\n                        }}\n                      />\n                      {fieldErrors[field.id] != null && (\n                        <span className={styles.fieldError}>\n                          {fieldErrors[field.id]}\n                        </span>\n                      )}\n                    </FormGroup>\n                  );\n                }\n                case 'boolean': {\n                  const checked = values[field.id] === true;\n                  return (\n                    <FormGroup key={field.id}>\n                      {fieldDescription != null && (\n                        <span className={styles.fieldDescription}>\n                          {fieldDescription}\n                        </span>\n                      )}\n                      <CheckboxField\n                        label={fieldLabel}\n                        checked={checked}\n                        onChange={(event) => {\n                          setFieldValue(field.id, event.target.checked);\n                        }}\n                      />\n                      {fieldErrors[field.id] != null && (\n                        <span className={styles.fieldError}>\n                          {fieldErrors[field.id]}\n                        </span>\n                      )}\n                    </FormGroup>\n                  );\n                }\n                case 'entityId': {\n                  const rawValue = values[field.id];\n                  let value = '';\n                  if (typeof rawValue === 'string') {\n                    value = rawValue;\n                  }\n                  return (\n                    <FormGroup key={field.id}>\n                      <Label>{fieldLabel}</Label>\n                      {fieldDescription != null && (\n                        <span className={styles.fieldDescription}>\n                          {fieldDescription}\n                        </span>\n                      )}\n                      <EntityIdFilterField\n                        label={fieldLabel}\n                        value={value}\n                        onPick={() => {\n                          setActiveEntityPicker({\n                            fieldId: field.id,\n                            entity: field.entity,\n                            label: fieldLabel,\n                          });\n                        }}\n                        onClear={() => {\n                          setFieldValue(field.id, '');\n                        }}\n                      />\n                      {fieldErrors[field.id] != null && (\n                        <span className={styles.fieldError}>\n                          {fieldErrors[field.id]}\n                        </span>\n                      )}\n                    </FormGroup>\n                  );\n                }\n                case 'multiEnum': {\n                  const rawValue = values[field.id];\n                  let selected: string[] = [];\n                  if (Array.isArray(rawValue)) {\n                    selected = rawValue.filter((entry): entry is string => {\n                      return typeof entry === 'string';\n                    });\n                  }\n                  return (\n                    <FormGroup key={field.id}>\n                      <Label>{fieldLabel}</Label>\n                      {fieldDescription != null && (\n                        <span className={styles.fieldDescription}>\n                          {fieldDescription}\n                        </span>\n                      )}\n                      <div className={styles.checkboxGroup}>\n                        {field.options.map((option) => {\n                          const optionLabel = resolveLabel(option.label, tApp);\n                          const isChecked = selected.includes(option.value);\n                          return (\n                            <CheckboxField\n                              key={option.value}\n                              label={optionLabel}\n                              checked={isChecked}\n                              onChange={(event) => {\n                                let nextList = selected;\n                                if (event.target.checked) {\n                                  if (!selected.includes(option.value)) {\n                                    nextList = [...selected, option.value];\n                                  }\n                                } else {\n                                  nextList = selected.filter((value) => {\n                                    return value !== option.value;\n                                  });\n                                }\n                                setFieldValue(field.id, nextList);\n                              }}\n                            />\n                          );\n                        })}\n                      </div>\n                      {fieldErrors[field.id] != null && (\n                        <span className={styles.fieldError}>\n                          {fieldErrors[field.id]}\n                        </span>\n                      )}\n                    </FormGroup>\n                  );\n                }\n                default: {\n                  return null;\n                }\n              }\n            })}\n          </BackofficeFormSection>\n\n          {showResult && (\n            <div className={styles.resultSection}>\n              {resultValue != null && resultLabel != null && (\n                <HighlightCode\n                  badgeLabel={resultLabel}\n                  copyCode={resultValue}\n                  fallbackCodeText={resultValue}\n                />\n              )}\n              {resultRender}\n            </div>\n          )}\n        </Form>\n      </Modal>\n      <EntityIdPickerDialog\n        isOpen={activeEntityPicker != null}\n        entity={activeEntityPicker?.entity ?? ''}\n        title={activeEntityPicker?.label ?? ''}\n        onClose={() => {\n          setActiveEntityPicker(null);\n        }}\n        onSelectId={(id) => {\n          if (activeEntityPicker == null) {\n            return;\n          }\n          setFieldValue(activeEntityPicker.fieldId, id);\n          setActiveEntityPicker(null);\n        }}\n      />\n    </>\n  );\n};\n\nexport default BackofficeEntityActionFormDialog;\n"],"mappings":"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"}

package/lib/esm/{pages/detail/BackofficeEntityDetailLayoutContext.js → BackofficeEntityDetailLayoutContext-C_tBqkVq.js}

@@ -6,6 +6,6 @@ var n = e(null), r = n.Provider, i = () => {
 	return e;
 };
 //#endregion
-export { r as BackofficeEntityDetailLayoutContextProvider, i as useBackofficeEntityDetailLayoutContext };
+export { i as n, r as t };
 
-//# sourceMappingURL=BackofficeEntityDetailLayoutContext.js.map
+//# sourceMappingURL=BackofficeEntityDetailLayoutContext-C_tBqkVq.js.map

package/lib/esm/BackofficeEntityDetailLayoutContext-C_tBqkVq.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeEntityDetailLayoutContext-C_tBqkVq.js","names":[],"sources":["../../src/pages/detail/BackofficeEntityDetailLayoutContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nexport type BackofficeEntityDetailLayoutContextValue = {\n  layoutView: unknown;\n};\n\nconst BackofficeEntityDetailLayoutContext =\n  createContext<BackofficeEntityDetailLayoutContextValue | null>(null);\n\nexport const BackofficeEntityDetailLayoutContextProvider =\n  BackofficeEntityDetailLayoutContext.Provider;\n\nexport const useBackofficeEntityDetailLayoutContext =\n  (): BackofficeEntityDetailLayoutContextValue => {\n    const context = useContext(BackofficeEntityDetailLayoutContext);\n    if (context == null) {\n      throw new Error(\n        'BackofficeEntityDetailLayoutContext is missing. Ensure detail pages are rendered under the entity layout route.',\n      );\n    }\n    return context;\n  };\n"],"mappings":";;AAMA,IAAM,IACJ,EAA+D,KAAK,EAEzD,IACX,EAAoC,UAEzB,UACqC;CAC9C,IAAM,IAAU,EAAW,EAAoC;AAC/D,KAAI,KAAW,KACb,OAAU,MACR,kHACD;AAEH,QAAO"}

package/lib/esm/BackofficeEntityDetailLayoutPage-DXjRqvcZ.js

@@ -0,0 +1,18 @@
+import { t as e } from "./BackofficeEntityDetailLayoutContext-C_tBqkVq.js";
+import { HttpRedirect as t } from "@plumile/router";
+import * as n from "react-relay";
+import { Fragment as r, jsx as i } from "react/jsx-runtime";
+//#region src/pages/BackofficeEntityDetailLayoutPage.tsx
+var { useFragment: a, usePreloadedQuery: o } = n, s = ({ config: n, prepared: s, children: c }) => {
+	let l = o(n.layoutPage.query, s.layoutQuery), u = n.layoutPage.resolveNode(l, { id: s.id });
+	if (u == null) throw new t(n.routes.list);
+	let d = a(n.layoutPage.fragment, u);
+	return /* @__PURE__ */ i(e, {
+		value: { layoutView: n.layoutPage.toView(d) },
+		children: /* @__PURE__ */ i(r, { children: c })
+	});
+};
+//#endregion
+export { s as BackofficeEntityDetailLayoutPage, s as default };
+
+//# sourceMappingURL=BackofficeEntityDetailLayoutPage-DXjRqvcZ.js.map

package/lib/esm/BackofficeEntityDetailLayoutPage-DXjRqvcZ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeEntityDetailLayoutPage-DXjRqvcZ.js","names":[],"sources":["../../src/pages/BackofficeEntityDetailLayoutPage.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\nimport { HttpRedirect } from '@plumile/router';\nimport * as ReactRelay from 'react-relay';\n\nimport type {\n  BackofficeEntityManifestItem,\n  BackofficePreparedDetailLayoutRoute,\n  BackofficeResolvedDetailLayoutFacetConfig,\n} from '@plumile/backoffice-core/types.js';\nimport { BackofficeEntityDetailLayoutContextProvider } from './detail/BackofficeEntityDetailLayoutContext.js';\n\nconst { useFragment, usePreloadedQuery } = ReactRelay;\n\nexport type BackofficeEntityDetailLayoutPageProps = {\n  entityManifest: BackofficeEntityManifestItem;\n  config: BackofficeResolvedDetailLayoutFacetConfig;\n  prepared: BackofficePreparedDetailLayoutRoute;\n  children?: ReactNode;\n};\n\nexport const BackofficeEntityDetailLayoutPage = ({\n  config,\n  prepared,\n  children,\n}: BackofficeEntityDetailLayoutPageProps): JSX.Element => {\n  const layoutQueryData = usePreloadedQuery(\n    config.layoutPage.query,\n    prepared.layoutQuery,\n  );\n  const layoutNodeRef = config.layoutPage.resolveNode(layoutQueryData, {\n    id: prepared.id,\n  });\n  if (layoutNodeRef == null) {\n    throw new HttpRedirect(config.routes.list);\n  }\n\n  const layoutNode = useFragment(\n    config.layoutPage.fragment,\n    layoutNodeRef as never,\n  );\n\n  const layoutView = config.layoutPage.toView(layoutNode);\n\n  return (\n    <BackofficeEntityDetailLayoutContextProvider\n      value={{\n        layoutView,\n      }}\n    >\n      <>{children}</>\n    </BackofficeEntityDetailLayoutContextProvider>\n  );\n};\n\nexport default BackofficeEntityDetailLayoutPage;\n"],"mappings":";;;;;AAWA,IAAM,EAAE,aAAA,GAAa,mBAAA,MAAsB,GAS9B,KAAoC,EAC/C,WACA,aACA,kBACwD;CACxD,IAAM,IAAkB,EACtB,EAAO,WAAW,OAClB,EAAS,YACV,EACK,IAAgB,EAAO,WAAW,YAAY,GAAiB,EACnE,IAAI,EAAS,IACd,CAAC;AACF,KAAI,KAAiB,KACnB,OAAM,IAAI,EAAa,EAAO,OAAO,KAAK;CAG5C,IAAM,IAAa,EACjB,EAAO,WAAW,UAClB,EACD;AAID,QACE,kBAAC,GAAD;EACE,OAAO,EACL,YALa,EAAO,WAAW,OAAO,EAAW,EAMlD;YAED,kBAAA,GAAA,EAAG,aAAY,CAAA;EAC6B,CAAA"}