@plumile/backoffice-react 0.1.201 → 0.1.206

package/lib/esm/pages/BackofficeEntityDetailPage.js

@@ -6,35 +6,33 @@ import { resolveToastSpec as i, resolveToastViewActions as a } from "../componen
 import { LazyBackofficeEntityActionFormDialog as o } from "../components/backoffice/actions/LazyBackofficeEntityActionFormDialog.js";
 import { buildDataTableColumns as s } from "../components/backoffice/columns/buildDataTableColumns.js";
 import { BackofficeDetailBadgeRow as c } from "../components/backoffice/detail/BackofficeDetailBadgeRow.js";
-import { BackofficeDetailFlagTag as l } from "../components/backoffice/detail/BackofficeDetailFlagTag.js";
-import { BackofficeDetailTaggedValue as u } from "../components/backoffice/detail/BackofficeDetailTaggedValue.js";
-import { BackofficeLifecycleTimelineSection as d } from "../components/backoffice/detail/BackofficeLifecycleTimelineSection.js";
-import { BackofficeRelationsSummaryGrid as ee } from "../components/backoffice/detail/BackofficeRelationsSummaryGrid.js";
-import { layout as te, primary as ne, secondary as re, stacked as ie } from "../components/backoffice/detail/backofficeDetailLayout.css.js";
+import { BackofficeLifecycleTimelineSection as l } from "../components/backoffice/detail/BackofficeLifecycleTimelineSection.js";
+import { BackofficeRelationsSummaryGrid as u } from "../components/backoffice/detail/BackofficeRelationsSummaryGrid.js";
+import { layout as ee, primary as te, secondary as ne, stacked as d } from "../components/backoffice/detail/backofficeDetailLayout.css.js";
 import { BackofficeEntityDetailScaffold as f } from "../components/backoffice/scaffolds/BackofficeEntityDetailScaffold.js";
 import { useBackofficeEntityDetailNotFoundState as p } from "../components/backoffice/scaffolds/BackofficeEntityDetailNotFound.js";
 import { useBackofficeFormats as m } from "../i18n/useBackofficeFormats.js";
 import { useRelayEnvironment as h } from "../relay/useRelayEnvironment.js";
-import { headerActionGroup as ae, headerActions as oe } from "./backofficeEntityDetailPage.css.js";
-import { extractMutationPayload as se, isFormMutationAction as g, isMutationAction as ce, isRouteAction as le, resolveLabel as _ } from "./BackofficeEntityDetailPage.helpers.js";
-import { buildFieldItems as ue, renderBlocks as de } from "./BackofficeEntityDetailPage.view-helpers.js";
+import { headerActionGroup as re, headerActions as ie } from "./backofficeEntityDetailPage.css.js";
+import { extractMutationPayload as ae, isFormMutationAction as g, isMutationAction as oe, isRouteAction as se, resolveLabel as _ } from "./BackofficeEntityDetailPage.helpers.js";
+import { buildFieldItems as ce, renderBlocks as le } from "./BackofficeEntityDetailPage.view-helpers.js";
 import { useContext as v, useState as y } from "react";
-import { Fragment as fe, jsx as b, jsxs as x } from "react/jsx-runtime";
-import { useTranslation as S } from "react-i18next";
-import { Button as C } from "@plumile/ui/atomic/atoms/button/Button.js";
-import { commitMutation as pe, usePreloadedQuery as w } from "react-relay";
-import { useToast as me } from "@plumile/ui/atomic/molecules/toast/ToastProvider.js";
-import he from "@plumile/router/routing/RoutingContext.js";
-import { FormattedDate as T } from "@plumile/ui/atomic/atoms/formatted-date/FormattedDate.js";
-import { BACKOFFICE_DATE_TIME_OPTIONS as E } from "@plumile/backoffice-core/constants.js";
-import D from "@plumile/router/routing/Link.js";
-import { Tag as O } from "@plumile/ui/backoffice/atoms/tag/Tag.js";
-import { BackofficeDetailSection as k } from "@plumile/ui/backoffice/molecules/backoffice_detail_section/BackofficeDetailSection.js";
-import { BackofficePayloadViewer as ge } from "@plumile/ui/backoffice/molecules/backoffice_payload_viewer/BackofficePayloadViewer.js";
-import { AuditTimeline as _e } from "@plumile/ui/backoffice/organisms/audit_timeline/AuditTimeline.js";
-import { MetricCard as ve } from "@plumile/ui/components/dashboard/metric_card/MetricCard.js";
-import { MetricTileGroup as ye } from "@plumile/ui/components/dashboard/metric_tile_group/MetricTileGroup.js";
-import { LinkButton as A } from "@plumile/ui/atomic/atoms/button/LinkButton.js";
+import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
+import { useTranslation as C } from "react-i18next";
+import { Button as w } from "@plumile/ui/atomic/atoms/button/Button.js";
+import { commitMutation as ue, usePreloadedQuery as T } from "react-relay";
+import { useToast as de } from "@plumile/ui/atomic/molecules/toast/ToastProvider.js";
+import fe from "@plumile/router/routing/RoutingContext.js";
+import { FormattedDate as E } from "@plumile/ui/atomic/atoms/formatted-date/FormattedDate.js";
+import { BACKOFFICE_DATE_TIME_OPTIONS as D } from "@plumile/backoffice-core/constants.js";
+import O from "@plumile/router/routing/Link.js";
+import { Tag as k } from "@plumile/ui/backoffice/atoms/tag/Tag.js";
+import { BackofficeDetailSection as A } from "@plumile/ui/backoffice/molecules/backoffice_detail_section/BackofficeDetailSection.js";
+import { BackofficePayloadViewer as pe } from "@plumile/ui/backoffice/molecules/backoffice_payload_viewer/BackofficePayloadViewer.js";
+import { AuditTimeline as me } from "@plumile/ui/backoffice/organisms/audit_timeline/AuditTimeline.js";
+import { MetricCard as he } from "@plumile/ui/components/dashboard/metric_card/MetricCard.js";
+import { MetricTileGroup as ge } from "@plumile/ui/components/dashboard/metric_tile_group/MetricTileGroup.js";
+import { LinkButton as _e } from "@plumile/ui/atomic/atoms/button/LinkButton.js";
 import { DataTable as j } from "@plumile/ui/components/data-table/DataTable.js";
 import { BackofficeKeyValueList as M } from "@plumile/ui/backoffice/molecules/backoffice_key_value_list/BackofficeKeyValueList.js";
 import { BackofficeScopeStack as N } from "@plumile/ui/backoffice/molecules/backoffice_scope_stack/BackofficeScopeStack.js";
@@ -52,75 +50,77 @@ import { SettingsXSvg as W } from "@plumile/ui/icons/SettingsXSvg.js";
 import { ShieldLockSvg as G } from "@plumile/ui/icons/ShieldLockSvg.js";
 import { ShieldOffSvg as K } from "@plumile/ui/icons/ShieldOffSvg.js";
 import { XBadgeSvg as q } from "@plumile/ui/icons/XBadgeSvg.js";
+import { BackofficeDetailFlagTag as ve } from "@plumile/ui/backoffice/molecules/backoffice_detail_flag_tag/BackofficeDetailFlagTag.js";
+import { BackofficeDetailTaggedValue as ye } from "@plumile/ui/backoffice/molecules/backoffice_detail_tagged_value/BackofficeDetailTaggedValue.js";
 //#region src/pages/BackofficeEntityDetailPage.tsx
 var be = (e) => typeof e != "object" || !e ? !1 : typeof Reflect.get(e, "__typename") == "string", xe = (e) => {
 	switch (e) {
-		case "shield-lock": return /* @__PURE__ */ b(G, {
+		case "shield-lock": return /* @__PURE__ */ x(G, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "shield-off": return /* @__PURE__ */ b(K, {
+		case "shield-off": return /* @__PURE__ */ x(K, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "settings-check": return /* @__PURE__ */ b(U, {
+		case "settings-check": return /* @__PURE__ */ x(U, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "settings-x": return /* @__PURE__ */ b(W, {
+		case "settings-x": return /* @__PURE__ */ x(W, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "x-badge": return /* @__PURE__ */ b(q, {
+		case "x-badge": return /* @__PURE__ */ x(q, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "chat-check": return /* @__PURE__ */ b(P, {
+		case "chat-check": return /* @__PURE__ */ x(P, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "key": return /* @__PURE__ */ b(I, {
+		case "key": return /* @__PURE__ */ x(I, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "key-off": return /* @__PURE__ */ b(F, {
+		case "key-off": return /* @__PURE__ */ x(F, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "lock": return /* @__PURE__ */ b(R, {
+		case "lock": return /* @__PURE__ */ x(R, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "lock-open": return /* @__PURE__ */ b(L, {
+		case "lock-open": return /* @__PURE__ */ x(L, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "robot-check": return /* @__PURE__ */ b(z, {
+		case "robot-check": return /* @__PURE__ */ x(z, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "robot-x": return /* @__PURE__ */ b(B, {
+		case "robot-x": return /* @__PURE__ */ x(B, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "rocket": return /* @__PURE__ */ b(H, {
+		case "rocket": return /* @__PURE__ */ x(H, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "rocket-off": return /* @__PURE__ */ b(V, {
+		case "rocket-off": return /* @__PURE__ */ x(V, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
@@ -132,16 +132,16 @@ var be = (e) => typeof e != "object" || !e ? !1 : typeof Reflect.get(e, "__typen
 	let t = e.fields?.map((e) => e.presentation?.group) ?? [];
 	return t.length > 0 && t.every((e) => e === "scope" || e === "status") || e.placement === "side" || e.placement === "secondary" ? "secondary" : "primary";
 }, J = ({ config: P, prepared: F }) => {
-	let { t: I } = S(), { t: L } = e(), { formatNumber: R, formatCurrency: z, formatCurrencyTitle: B, formatPercent: V } = m(), { entities: H } = n(), U = v(he), W = h(), G = me(), [K, q] = y({}), [J, Y] = y(null), X = (e, t) => {
+	let { t: I } = C(), { t: L } = e(), { formatNumber: R, formatCurrency: z, formatCurrencyTitle: B, formatPercent: V } = m(), { entities: H } = n(), U = v(fe), W = h(), G = de(), [K, q] = y({}), [J, Y] = y(null), X = (e, t) => {
 		q((n) => n[e] === t ? n : {
 			...n,
 			[e]: t
 		});
-	}, { page: Z } = P, Ce = p({ listHref: P.routes.list }), we = w(Z.query, F.pageQuery), Q = Z.resolveNode(we, {
+	}, { page: Z } = P, Ce = p({ listHref: P.routes.list }), we = T(Z.query, F.pageQuery), Q = Z.resolveNode(we, {
 		id: F.id,
 		detailId: F.detailId
 	}), $ = r(Z.fragment, Q), Te = be($) ? $ : null;
-	return /* @__PURE__ */ b(f, {
+	return /* @__PURE__ */ x(f, {
 		node: Te,
 		notFound: Ce,
 		render: (e) => {
@@ -153,9 +153,9 @@ var be = (e) => typeof e != "object" || !e ? !1 : typeof Reflect.get(e, "__typen
 				let e = f.filter((e) => e.isVisible == null || e.isVisible(n));
 				e.length > 0 && (p = e.map((e) => {
 					let r = _(e.label, I), o = e.ariaLabel == null ? r : _(e.ariaLabel, I), s = e.variant ?? "secondary", c = e.size ?? "small", l = K[e.id] ?? !1, u = l || e.isDisabled?.(n) === !0;
-					if (le(e)) {
+					if (se(e)) {
 						let t = e.to(n);
-						return /* @__PURE__ */ b(A, {
+						return /* @__PURE__ */ x(_e, {
 							to: t,
 							variant: s,
 							size: c,
@@ -165,7 +165,7 @@ var be = (e) => typeof e != "object" || !e ? !1 : typeof Reflect.get(e, "__typen
 							children: r
 						}, e.id);
 					}
-					return g(e) ? /* @__PURE__ */ b(C, {
+					return g(e) ? /* @__PURE__ */ x(w, {
 						type: "button",
 						variant: s,
 						size: c,
@@ -176,7 +176,7 @@ var be = (e) => typeof e != "object" || !e ? !1 : typeof Reflect.get(e, "__typen
 						},
 						"aria-label": o,
 						children: r
-					}, e.id) : ce(e) ? /* @__PURE__ */ b(C, {
+					}, e.id) : oe(e) ? /* @__PURE__ */ x(w, {
 						type: "button",
 						variant: s,
 						size: c,
@@ -185,7 +185,7 @@ var be = (e) => typeof e != "object" || !e ? !1 : typeof Reflect.get(e, "__typen
 						onClick: () => {
 							if (l) return;
 							let r = e.getVariables(n);
-							X(e.id, !0), pe(W, {
+							X(e.id, !0), ue(W, {
 								mutation: e.mutation,
 								variables: r,
 								updater: (t) => {
@@ -193,7 +193,7 @@ var be = (e) => typeof e != "object" || !e ? !1 : typeof Reflect.get(e, "__typen
 								},
 								onCompleted: (r) => {
 									X(e.id, !1);
-									let o = se(r);
+									let o = ae(r);
 									if (o != null) {
 										let r = L("actions.form.errors.invalidPayload");
 										e.toasts?.error?.message == null ? e.toasts?.error?.title != null && (r = _(e.toasts.error.title, I)) : r = _(e.toasts.error.message, I);
@@ -250,7 +250,7 @@ var be = (e) => typeof e != "object" || !e ? !1 : typeof Reflect.get(e, "__typen
 			h.forEach((e, t) => {
 				let i = Se(e) === "secondary" ? y : v;
 				if (e.kind === "fieldSet") {
-					let a = _(e.title, I), o = e.description == null ? void 0 : _(e.description, I), { items: s, customNodes: d } = ue(e.fields, n, {
+					let a = _(e.title, I), o = e.description == null ? void 0 : _(e.description, I), { items: s, customNodes: l } = ce(e.fields, n, {
 						tApp: I,
 						t: L,
 						resolveEntityHref: r,
@@ -258,67 +258,67 @@ var be = (e) => typeof e != "object" || !e ? !1 : typeof Reflect.get(e, "__typen
 						formatCurrency: z,
 						formatCurrencyTitle: B,
 						formatPercent: V,
-						renderTag: (e, t) => /* @__PURE__ */ b(O, {
+						renderTag: (e, t) => /* @__PURE__ */ x(k, {
 							tone: e,
 							children: t
 						}),
-						renderBadgeRow: (e) => /* @__PURE__ */ b(c, { items: e }),
-						renderDate: (e, t) => /* @__PURE__ */ b(T, {
+						renderBadgeRow: (e) => /* @__PURE__ */ x(c, { items: e }),
+						renderDate: (e, t) => /* @__PURE__ */ x(E, {
 							value: e,
-							options: E,
+							options: D,
 							fallback: t
 						}),
-						renderFlagTag: (e) => /* @__PURE__ */ b(l, {
+						renderFlagTag: (e) => /* @__PURE__ */ x(ve, {
 							tone: e.tone,
 							icon: e.iconName == null ? void 0 : xe(e.iconName),
 							label: e.label
 						}),
-						renderLink: (e, t) => /* @__PURE__ */ b(D, {
+						renderLink: (e, t) => /* @__PURE__ */ x(O, {
 							to: e,
 							preloadOnHover: "code-and-data",
 							children: t
 						}),
-						renderTaggedValue: (e, t) => /* @__PURE__ */ b(u, {
+						renderTaggedValue: (e, t) => /* @__PURE__ */ x(ye, {
 							tag: e,
 							value: t
 						}),
-						wrapCustomNode: (e, t) => /* @__PURE__ */ b("div", { children: t }, e)
+						wrapCustomNode: (e, t) => /* @__PURE__ */ x("div", { children: t }, e)
 					});
-					if (!(s.length > 0 || d.length > 0)) return;
-					i.push(/* @__PURE__ */ b(k, {
+					if (!(s.length > 0 || l.length > 0)) return;
+					i.push(/* @__PURE__ */ x(A, {
 						title: a,
 						description: o,
 						items: s.length > 0 ? s : void 0,
-						children: d
+						children: l
 					}, `${a}-${t}`));
 					return;
 				}
-				let a = de([e], n, {
+				let a = le([e], n, {
 					tApp: I,
 					t: L,
 					resolveEntityHref: r,
 					keyPrefix: String(t),
-					renderLink: (e, t) => /* @__PURE__ */ b(D, {
+					renderLink: (e, t) => /* @__PURE__ */ x(O, {
 						to: e,
 						preloadOnHover: "code-and-data",
 						children: t
 					}),
-					renderDate: (e, t) => /* @__PURE__ */ b(T, {
+					renderDate: (e, t) => /* @__PURE__ */ x(E, {
 						value: e,
-						options: E,
+						options: D,
 						fallback: t
 					}),
-					renderTag: (e, t) => /* @__PURE__ */ b(O, {
+					renderTag: (e, t) => /* @__PURE__ */ x(k, {
 						tone: e,
 						children: t
 					}),
-					renderMetricGroup: ({ key: e, title: t, description: n, density: r, items: i }) => /* @__PURE__ */ b(k, {
+					renderMetricGroup: ({ key: e, title: t, description: n, density: r, items: i }) => /* @__PURE__ */ x(A, {
 						title: t,
 						description: n,
-						children: i.length > 0 && /* @__PURE__ */ b(ye, {
+						children: i.length > 0 && /* @__PURE__ */ x(ge, {
 							density: r ?? "comfortable",
 							minColumn: "180",
-							children: i.map((e) => /* @__PURE__ */ b(ve, {
+							children: i.map((e) => /* @__PURE__ */ x(he, {
 								label: e.label,
 								value: e.value,
 								hint: e.hint,
@@ -330,37 +330,37 @@ var be = (e) => typeof e != "object" || !e ? !1 : typeof Reflect.get(e, "__typen
 							}, e.id))
 						})
 					}, e),
-					renderTimeline: ({ key: e, title: t, description: n, events: r }) => /* @__PURE__ */ b(d, {
+					renderTimeline: ({ key: e, title: t, description: n, events: r }) => /* @__PURE__ */ x(l, {
 						title: t,
 						description: n,
 						events: r
 					}, e),
-					renderAuditTimeline: ({ key: e, title: t, description: n, events: r }) => /* @__PURE__ */ b(k, {
+					renderAuditTimeline: ({ key: e, title: t, description: n, events: r }) => /* @__PURE__ */ x(A, {
 						title: t,
 						description: n,
-						children: /* @__PURE__ */ b(_e, { events: r })
+						children: /* @__PURE__ */ x(me, { events: r })
 					}, e),
-					renderRelations: ({ key: e, title: t, items: n }) => /* @__PURE__ */ b(ee, {
+					renderRelations: ({ key: e, title: t, items: n }) => /* @__PURE__ */ x(u, {
 						title: t,
 						items: n
 					}, e),
-					renderContextStack: ({ key: e, title: t, items: n }) => /* @__PURE__ */ b(N, {
+					renderContextStack: ({ key: e, title: t, items: n }) => /* @__PURE__ */ x(N, {
 						title: t,
 						items: n
 					}, e),
-					renderCustomSection: (e, t, n) => /* @__PURE__ */ b(k, {
+					renderCustomSection: (e, t, n) => /* @__PURE__ */ x(A, {
 						title: t,
 						children: n
 					}, e),
-					wrapCustomNode: (e, t) => /* @__PURE__ */ b("div", { children: t }, e),
+					wrapCustomNode: (e, t) => /* @__PURE__ */ x("div", { children: t }, e),
 					resolveTableColumns: (e) => s(e, {
 						tApp: I,
 						t: L
 					}),
-					renderTable: ({ key: e, title: t, description: n, columns: r, rows: i }) => /* @__PURE__ */ b(k, {
+					renderTable: ({ key: e, title: t, description: n, columns: r, rows: i }) => /* @__PURE__ */ x(A, {
 						title: t,
 						description: n,
-						children: /* @__PURE__ */ b(j, {
+						children: /* @__PURE__ */ x(j, {
 							columns: r,
 							rows: i,
 							getRowId: (e, t) => {
@@ -372,46 +372,46 @@ var be = (e) => typeof e != "object" || !e ? !1 : typeof Reflect.get(e, "__typen
 							}
 						})
 					}, e),
-					renderPayload: ({ key: e, title: t, description: n, content: r, format: i }) => /* @__PURE__ */ b(k, {
+					renderPayload: ({ key: e, title: t, description: n, content: r, format: i }) => /* @__PURE__ */ x(A, {
 						title: t,
 						description: n,
-						children: /* @__PURE__ */ b(ge, {
+						children: /* @__PURE__ */ x(pe, {
 							content: r,
 							format: i,
 							emptyState: L("common.notAvailable")
 						})
 					}, e),
-					renderKeyValueListSection: ({ key: e, title: t, description: n, items: r }) => /* @__PURE__ */ b(k, {
+					renderKeyValueListSection: ({ key: e, title: t, description: n, items: r }) => /* @__PURE__ */ x(A, {
 						title: t,
 						description: n,
-						children: /* @__PURE__ */ b(M, { items: r })
+						children: /* @__PURE__ */ x(M, { items: r })
 					}, e)
 				})[0];
 				a != null && i.push(a);
 			});
-			let S = p.length > 0 ? /* @__PURE__ */ b("div", {
-				className: oe,
-				children: /* @__PURE__ */ b("div", {
-					className: ae,
+			let C = p.length > 0 ? /* @__PURE__ */ x("div", {
+				className: ie,
+				children: /* @__PURE__ */ x("div", {
+					className: re,
 					children: p
 				})
-			}) : null, w = y.length > 0 ? /* @__PURE__ */ x("div", {
-				className: te,
-				children: [/* @__PURE__ */ b("div", {
-					className: ne,
+			}) : null, T = y.length > 0 ? /* @__PURE__ */ S("div", {
+				className: ee,
+				children: [/* @__PURE__ */ x("div", {
+					className: te,
 					children: v
-				}), /* @__PURE__ */ b("aside", {
-					className: re,
+				}), /* @__PURE__ */ x("aside", {
+					className: ne,
 					children: y
 				})]
-			}) : /* @__PURE__ */ b("div", {
-				className: ie,
+			}) : /* @__PURE__ */ x("div", {
+				className: d,
 				children: v
 			});
-			return /* @__PURE__ */ x(fe, { children: [
-				S,
-				w,
-				m != null && g(m) && /* @__PURE__ */ b(o, {
+			return /* @__PURE__ */ S(b, { children: [
+				C,
+				T,
+				m != null && g(m) && /* @__PURE__ */ x(o, {
 					isOpen: !0,
 					action: m,
 					node: n,
@@ -422,7 +422,7 @@ var be = (e) => typeof e != "object" || !e ? !1 : typeof Reflect.get(e, "__typen
 			] });
 		}
 	});
-}, Y = ({ prepared: e }) => /* @__PURE__ */ b(J, {
+}, Y = ({ prepared: e }) => /* @__PURE__ */ x(J, {
 	config: e.pageConfig,
 	prepared: e
 });

package/lib/esm/pages/BackofficeEntityDetailPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackofficeEntityDetailPage.js","names":[],"sources":["../../../src/pages/BackofficeEntityDetailPage.tsx"],"sourcesContent":["/* eslint-disable no-ternary */\nimport { type JSX, type ReactNode, useContext, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport {\n  commitMutation,\n  type PreloadedQuery,\n  usePreloadedQuery,\n} from 'react-relay';\nimport type { OperationType } from 'relay-runtime';\nimport { resolveMutationOutcome } from '../relay/mutationResult.js';\n\nimport { BACKOFFICE_DATE_TIME_OPTIONS } from '@plumile/backoffice-core/constants.js';\nimport type {\n  BackofficePreparedDetailPageDataRoute,\n  BackofficeResolvedDetailPageFacetConfig,\n} from '@plumile/backoffice-core/types.js';\nimport { Button } from '@plumile/ui/atomic/atoms/button/Button.js';\nimport { LinkButton } from '@plumile/ui/atomic/atoms/button/LinkButton.js';\nimport { FormattedDate } from '@plumile/ui/atomic/atoms/formatted-date/FormattedDate.js';\nimport { useToast } from '@plumile/ui/atomic/molecules/toast/ToastProvider.js';\nimport { Tag } from '@plumile/ui/backoffice/atoms/tag/Tag.js';\nimport { BackofficeDetailSection } from '@plumile/ui/backoffice/molecules/backoffice_detail_section/BackofficeDetailSection.js';\nimport { BackofficeKeyValueList } from '@plumile/ui/backoffice/molecules/backoffice_key_value_list/BackofficeKeyValueList.js';\nimport { BackofficePayloadViewer } from '@plumile/ui/backoffice/molecules/backoffice_payload_viewer/BackofficePayloadViewer.js';\nimport { BackofficeScopeStack } from '@plumile/ui/backoffice/molecules/backoffice_scope_stack/BackofficeScopeStack.js';\nimport { AuditTimeline } from '@plumile/ui/backoffice/organisms/audit_timeline/AuditTimeline.js';\nimport { MetricCard } from '@plumile/ui/components/dashboard/metric_card/MetricCard.js';\nimport { MetricTileGroup } from '@plumile/ui/components/dashboard/metric_tile_group/MetricTileGroup.js';\nimport { DataTable } from '@plumile/ui/components/data-table/DataTable.js';\nimport { ChatCheckSvg } from '@plumile/ui/icons/ChatCheckSvg.js';\nimport { KeyOffSvg } from '@plumile/ui/icons/KeyOffSvg.js';\nimport { KeySvg } from '@plumile/ui/icons/KeySvg.js';\nimport { LockOpenSvg } from '@plumile/ui/icons/LockOpenSvg.js';\nimport { LockSvg } from '@plumile/ui/icons/LockSvg.js';\nimport { RobotCheckSvg } from '@plumile/ui/icons/RobotCheckSvg.js';\nimport { RobotXSvg } from '@plumile/ui/icons/RobotXSvg.js';\nimport { RocketOffSvg } from '@plumile/ui/icons/RocketOffSvg.js';\nimport { RocketSvg } from '@plumile/ui/icons/RocketSvg.js';\nimport { SettingsCheckSvg } from '@plumile/ui/icons/SettingsCheckSvg.js';\nimport { SettingsXSvg } from '@plumile/ui/icons/SettingsXSvg.js';\nimport { ShieldLockSvg } from '@plumile/ui/icons/ShieldLockSvg.js';\nimport { ShieldOffSvg } from '@plumile/ui/icons/ShieldOffSvg.js';\nimport { XBadgeSvg } from '@plumile/ui/icons/XBadgeSvg.js';\nimport Link from '@plumile/router/routing/Link.js';\nimport RoutingContext from '@plumile/router/routing/RoutingContext.js';\n\nimport { buildDataTableColumns } from '../components/backoffice/columns/buildDataTableColumns.js';\nimport { BackofficeEntityDetailScaffold } from '../components/backoffice/scaffolds/BackofficeEntityDetailScaffold.js';\nimport { useBackofficeEntityDetailNotFoundState } from '../components/backoffice/scaffolds/BackofficeEntityDetailNotFound.js';\nimport { BackofficeDetailBadgeRow } from '../components/backoffice/detail/BackofficeDetailBadgeRow.js';\nimport { BackofficeDetailFlagTag } from '../components/backoffice/detail/BackofficeDetailFlagTag.js';\nimport { BackofficeDetailTaggedValue } from '../components/backoffice/detail/BackofficeDetailTaggedValue.js';\nimport { BackofficeLifecycleTimelineSection } from '../components/backoffice/detail/BackofficeLifecycleTimelineSection.js';\nimport { BackofficeRelationsSummaryGrid } from '../components/backoffice/detail/BackofficeRelationsSummaryGrid.js';\nimport * as detailLayoutStyles from '../components/backoffice/detail/backofficeDetailLayout.css.js';\nimport { LazyBackofficeEntityActionFormDialog } from '../components/backoffice/actions/LazyBackofficeEntityActionFormDialog.js';\nimport {\n  resolveToastSpec,\n  resolveToastViewActions,\n} from '../components/backoffice/actions/toastViewAction.js';\nimport * as pageStyles from './backofficeEntityDetailPage.css.js';\nimport { useBackofficeFormats } from '../i18n/useBackofficeFormats.js';\nimport { useBackofficeReactTranslation } from '../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficeConfig } from '../provider/BackofficeConfigContext.js';\nimport { useBackofficeRuntimeFragment } from '../relay/typedRelayHooks.js';\nimport { useRelayEnvironment } from '../relay/useRelayEnvironment.js';\nimport {\n  extractMutationPayload,\n  isFormMutationAction,\n  isMutationAction,\n  isRouteAction,\n  resolveLabel,\n} from './BackofficeEntityDetailPage.helpers.js';\nimport {\n  buildFieldItems,\n  renderBlocks,\n  type FlagIconName,\n} from './BackofficeEntityDetailPage.view-helpers.js';\n\nexport type BackofficeEntityDetailPageProps = {\n  prepared: BackofficePreparedDetailPageDataRoute;\n};\n\nconst isBackofficeRelayNode = (\n  value: unknown,\n): value is { readonly __typename: string } => {\n  if (value == null || typeof value !== 'object') {\n    return false;\n  }\n  const typename = Reflect.get(value, '__typename');\n  return typeof typename === 'string';\n};\n\nconst renderFlagIcon = (iconName: FlagIconName): JSX.Element => {\n  const iconSize = 14;\n  switch (iconName) {\n    case 'shield-lock':\n      return (\n        <ShieldLockSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />\n      );\n    case 'shield-off':\n      return (\n        <ShieldOffSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />\n      );\n    case 'settings-check':\n      return (\n        <SettingsCheckSvg\n          width={iconSize}\n          height={iconSize}\n          aria-hidden=\"true\"\n        />\n      );\n    case 'settings-x':\n      return (\n        <SettingsXSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />\n      );\n    case 'x-badge':\n      return (\n        <XBadgeSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />\n      );\n    case 'chat-check':\n      return (\n        <ChatCheckSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />\n      );\n    case 'key':\n      return <KeySvg width={iconSize} height={iconSize} aria-hidden=\"true\" />;\n    case 'key-off':\n      return (\n        <KeyOffSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />\n      );\n    case 'lock':\n      return <LockSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />;\n    case 'lock-open':\n      return (\n        <LockOpenSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />\n      );\n    case 'robot-check':\n      return (\n        <RobotCheckSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />\n      );\n    case 'robot-x':\n      return (\n        <RobotXSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />\n      );\n    case 'rocket':\n      return (\n        <RocketSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />\n      );\n    case 'rocket-off':\n      return (\n        <RocketOffSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />\n      );\n    default:\n      throw new Error(`Unsupported flag icon: ${String(iconName)}`);\n  }\n};\n\nconst resolveDetailPlacement = (item: {\n  placement?: 'primary' | 'secondary' | 'main' | 'side' | 'fullWidth';\n  presentation?: {\n    group?: string;\n    desktop?: 'primary' | 'secondary' | 'fullWidth';\n  };\n  kind?: string;\n  fields?: readonly {\n    presentation?: {\n      group?: string;\n      desktop?: 'primary' | 'secondary' | 'fullWidth';\n    };\n  }[];\n}): 'primary' | 'secondary' => {\n  if (item.presentation?.desktop === 'secondary') {\n    return 'secondary';\n  }\n  if (\n    item.presentation?.group === 'scope' ||\n    item.presentation?.group === 'status'\n  ) {\n    return 'secondary';\n  }\n  const fieldGroups =\n    item.fields?.map((field) => {\n      return field.presentation?.group;\n    }) ?? [];\n  if (\n    fieldGroups.length > 0 &&\n    fieldGroups.every((group) => {\n      return group === 'scope' || group === 'status';\n    })\n  ) {\n    return 'secondary';\n  }\n  if (item.placement === 'side') {\n    return 'secondary';\n  }\n  if (item.placement === 'secondary') {\n    return 'secondary';\n  }\n  return 'primary';\n};\n\nconst BackofficeEntityDetailPageContent = ({\n  config,\n  prepared,\n}: {\n  config: BackofficeResolvedDetailPageFacetConfig;\n  prepared: {\n    pageQuery: PreloadedQuery<OperationType>;\n    id: string;\n    detailId?: string;\n    pageId: string;\n    pagePath: string;\n  };\n}): JSX.Element => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const { formatNumber, formatCurrency, formatCurrencyTitle, formatPercent } =\n    useBackofficeFormats();\n  const { entities } = useBackofficeConfig();\n  const routing = useContext(RoutingContext);\n  const environment = useRelayEnvironment();\n  const toast = useToast();\n  const [actionState, setActionState] = useState<Record<string, boolean>>({});\n  const [activeFormActionId, setActiveFormActionId] = useState<string | null>(\n    null,\n  );\n  const setActionLoading = (actionId: string, isLoading: boolean) => {\n    setActionState((prev) => {\n      if (prev[actionId] === isLoading) {\n        return prev;\n      }\n      return { ...prev, [actionId]: isLoading };\n    });\n  };\n\n  const { page } = config;\n  const notFound = useBackofficeEntityDetailNotFoundState({\n    listHref: config.routes.list,\n  });\n\n  const pageQueryData = usePreloadedQuery(page.query, prepared.pageQuery);\n  const pageNodeRef = page.resolveNode(pageQueryData, {\n    id: prepared.id,\n    detailId: prepared.detailId,\n  });\n  const fragmentNode = useBackofficeRuntimeFragment(page.fragment, pageNodeRef);\n  const resolvedNode = isBackofficeRelayNode(fragmentNode)\n    ? fragmentNode\n    : null;\n  return (\n    <BackofficeEntityDetailScaffold\n      node={resolvedNode}\n      notFound={notFound}\n      render={(node) => {\n        const view = page.toView(node);\n        const resolveEntityHref = (entityId: string, refId: string) => {\n          const entityConfig = entities[entityId];\n          if (entityConfig == null) {\n            return null;\n          }\n          return entityConfig.routes.detail(refId);\n        };\n        const actions = page.actions ?? [];\n        let headerActionButtons: ReactNode[] = [];\n        if (actions.length > 0) {\n          const visibleActions = actions.filter((action) => {\n            if (action.isVisible == null) {\n              return true;\n            }\n            return action.isVisible(view);\n          });\n\n          if (visibleActions.length > 0) {\n            headerActionButtons = visibleActions.map((action) => {\n              const label = resolveLabel(action.label, tApp);\n              const ariaLabel =\n                action.ariaLabel != null\n                  ? resolveLabel(action.ariaLabel, tApp)\n                  : label;\n              const variant = action.variant ?? 'secondary';\n              const size = action.size ?? 'small';\n              const isLoading = actionState[action.id] ?? false;\n              const isDisabled =\n                isLoading || action.isDisabled?.(view) === true;\n\n              if (isRouteAction(action)) {\n                const href = action.to(view);\n                return (\n                  <LinkButton\n                    key={action.id}\n                    to={href}\n                    variant={variant}\n                    size={size}\n                    isDisabled={isDisabled}\n                    aria-label={ariaLabel}\n                    preloadOnHover=\"code-and-data\"\n                  >\n                    {label}\n                  </LinkButton>\n                );\n              }\n\n              if (isFormMutationAction(action)) {\n                return (\n                  <Button\n                    key={action.id}\n                    type=\"button\"\n                    variant={variant}\n                    size={size}\n                    isLoading={false}\n                    disabled={isDisabled}\n                    onClick={() => {\n                      setActiveFormActionId(action.id);\n                    }}\n                    aria-label={ariaLabel}\n                  >\n                    {label}\n                  </Button>\n                );\n              }\n\n              if (isMutationAction(action)) {\n                const handleClick = () => {\n                  if (isLoading) {\n                    return;\n                  }\n                  const variables = action.getVariables(view);\n                  setActionLoading(action.id, true);\n                  commitMutation(environment, {\n                    mutation: action.mutation,\n                    variables,\n                    updater: (store) => {\n                      action.updater?.(store, view);\n                    },\n                    onCompleted: (response) => {\n                      setActionLoading(action.id, false);\n                      const mutationPayload = extractMutationPayload(response);\n                      if (mutationPayload != null) {\n                        let defaultErrorMessage = t(\n                          'actions.form.errors.invalidPayload',\n                        );\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(\n                            action.toasts.error.title,\n                            tApp,\n                          );\n                        }\n\n                        const outcome = resolveMutationOutcome(\n                          mutationPayload,\n                          {\n                            defaultErrorMessage,\n                            mapReason: (reason) => {\n                              const mapped = action.mapErrorReason?.(\n                                reason,\n                                view,\n                              );\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                        );\n                        if (!outcome.ok) {\n                          const error = new Error(outcome.message);\n                          action.onError?.(error, view);\n                          if (action.toasts?.error != null) {\n                            const toastSpec = resolveToastSpec(\n                              action.toasts.error,\n                              tApp,\n                            );\n                            toast.error(toastSpec.title, toastSpec.message);\n                          }\n                          return;\n                        }\n                      }\n\n                      action.onCompleted?.(response, view);\n                      if (action.toasts?.success != null) {\n                        const toastSpec = resolveToastSpec(\n                          action.toasts.success,\n                          tApp,\n                        );\n                        const toastActions = resolveToastViewActions({\n                          toast: action.toasts.success,\n                          response,\n                          node: view,\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                    onError: (error) => {\n                      setActionLoading(action.id, false);\n                      action.onError?.(error, view);\n                      if (action.toasts?.error != null) {\n                        const toastSpec = resolveToastSpec(\n                          action.toasts.error,\n                          tApp,\n                        );\n                        toast.error(toastSpec.title, toastSpec.message);\n                      }\n                    },\n                  });\n                };\n\n                return (\n                  <Button\n                    key={action.id}\n                    type=\"button\"\n                    variant={variant}\n                    size={size}\n                    isLoading={isLoading}\n                    disabled={isDisabled}\n                    onClick={handleClick}\n                    aria-label={ariaLabel}\n                  >\n                    {label}\n                  </Button>\n                );\n              }\n\n              return null;\n            });\n          }\n        }\n\n        const activeFormAction = actions.find((action) => {\n          return action.id === activeFormActionId;\n        });\n\n        const { content } = page;\n\n        const primaryNodes: ReactNode[] = [];\n        const secondaryNodes: ReactNode[] = [];\n        content.forEach((item, index) => {\n          const placement = resolveDetailPlacement(item);\n          const targetNodes =\n            placement === 'secondary' ? secondaryNodes : primaryNodes;\n\n          if (item.kind === 'fieldSet') {\n            const sectionLabel = resolveLabel(item.title, tApp);\n            const description =\n              item.description != null\n                ? resolveLabel(item.description, tApp)\n                : undefined;\n            const { items, customNodes } = buildFieldItems(item.fields, view, {\n              tApp,\n              t,\n              resolveEntityHref,\n              formatNumber,\n              formatCurrency,\n              formatCurrencyTitle,\n              formatPercent,\n              renderTag: (tone, label) => {\n                return <Tag tone={tone}>{label}</Tag>;\n              },\n              renderBadgeRow: (items) => {\n                return <BackofficeDetailBadgeRow items={items} />;\n              },\n              renderDate: (value, fallback) => {\n                return (\n                  <FormattedDate\n                    value={value}\n                    options={BACKOFFICE_DATE_TIME_OPTIONS}\n                    fallback={fallback}\n                  />\n                );\n              },\n              renderFlagTag: (tag) => {\n                return (\n                  <BackofficeDetailFlagTag\n                    tone={tag.tone}\n                    icon={\n                      tag.iconName != null\n                        ? renderFlagIcon(tag.iconName)\n                        : undefined\n                    }\n                    label={tag.label}\n                  />\n                );\n              },\n              renderLink: (href, label) => {\n                return (\n                  <Link to={href} preloadOnHover=\"code-and-data\">\n                    {label}\n                  </Link>\n                );\n              },\n              renderTaggedValue: (tag, value) => {\n                return <BackofficeDetailTaggedValue tag={tag} value={value} />;\n              },\n              wrapCustomNode: (id, custom) => {\n                return <div key={id}>{custom}</div>;\n              },\n            });\n\n            const hasContent = items.length > 0 || customNodes.length > 0;\n\n            if (!hasContent) {\n              return;\n            }\n\n            targetNodes.push(\n              <BackofficeDetailSection\n                key={`${sectionLabel}-${index}`}\n                title={sectionLabel}\n                description={description}\n                items={items.length > 0 ? items : undefined}\n              >\n                {customNodes}\n              </BackofficeDetailSection>,\n            );\n            return;\n          }\n\n          const rendered = renderBlocks([item], view, {\n            tApp,\n            t,\n            resolveEntityHref,\n            keyPrefix: String(index),\n            renderLink: (href, label) => {\n              return (\n                <Link to={href} preloadOnHover=\"code-and-data\">\n                  {label}\n                </Link>\n              );\n            },\n            renderDate: (value, fallback) => {\n              return (\n                <FormattedDate\n                  value={value}\n                  options={BACKOFFICE_DATE_TIME_OPTIONS}\n                  fallback={fallback}\n                />\n              );\n            },\n            renderTag: (tone, label) => {\n              return <Tag tone={tone}>{label}</Tag>;\n            },\n            renderMetricGroup: ({\n              key,\n              title,\n              description,\n              density,\n              items,\n            }) => {\n              return (\n                <BackofficeDetailSection\n                  key={key}\n                  title={title}\n                  description={description}\n                >\n                  {items.length > 0 && (\n                    <MetricTileGroup\n                      density={density ?? 'comfortable'}\n                      minColumn=\"180\"\n                    >\n                      {items.map((metric) => {\n                        return (\n                          <MetricCard\n                            key={metric.id}\n                            label={metric.label}\n                            value={metric.value}\n                            hint={metric.hint}\n                            tone={metric.tone ?? 'neutral'}\n                            density={density ?? 'comfortable'}\n                            copyValue={metric.copyValue}\n                            copyLabel={t('common.actions.copy')}\n                            copiedLabel={t('common.actions.copied')}\n                          />\n                        );\n                      })}\n                    </MetricTileGroup>\n                  )}\n                </BackofficeDetailSection>\n              );\n            },\n            renderTimeline: ({ key, title, description, events }) => {\n              return (\n                <BackofficeLifecycleTimelineSection\n                  key={key}\n                  title={title}\n                  description={description}\n                  events={events}\n                />\n              );\n            },\n            renderAuditTimeline: ({ key, title, description, events }) => {\n              return (\n                <BackofficeDetailSection\n                  key={key}\n                  title={title}\n                  description={description}\n                >\n                  <AuditTimeline events={events} />\n                </BackofficeDetailSection>\n              );\n            },\n            renderRelations: ({ key, title, items }) => {\n              return (\n                <BackofficeRelationsSummaryGrid\n                  key={key}\n                  title={title}\n                  items={items}\n                />\n              );\n            },\n            renderContextStack: ({ key, title, items }) => {\n              return (\n                <BackofficeScopeStack key={key} title={title} items={items} />\n              );\n            },\n            renderCustomSection: (key, title, child) => {\n              return (\n                <BackofficeDetailSection key={key} title={title}>\n                  {child}\n                </BackofficeDetailSection>\n              );\n            },\n            wrapCustomNode: (key, custom) => {\n              return <div key={key}>{custom}</div>;\n            },\n            resolveTableColumns: (columns) => {\n              return buildDataTableColumns(columns, {\n                tApp,\n                t,\n              });\n            },\n            renderTable: ({ key, title, description, columns, rows }) => {\n              return (\n                <BackofficeDetailSection\n                  key={key}\n                  title={title}\n                  description={description}\n                >\n                  <DataTable\n                    columns={columns}\n                    rows={rows}\n                    getRowId={(row, rowIndex) => {\n                      if (row != null && typeof row === 'object') {\n                        const record = row as Record<string, unknown>;\n                        const maybeId = record.id;\n                        if (\n                          typeof maybeId === 'string' &&\n                          maybeId.trim() !== ''\n                        ) {\n                          return maybeId;\n                        }\n                      }\n                      return String(rowIndex);\n                    }}\n                  />\n                </BackofficeDetailSection>\n              );\n            },\n            renderPayload: ({ key, title, description, content, format }) => {\n              return (\n                <BackofficeDetailSection\n                  key={key}\n                  title={title}\n                  description={description}\n                >\n                  <BackofficePayloadViewer\n                    content={content}\n                    format={format}\n                    emptyState={t('common.notAvailable')}\n                  />\n                </BackofficeDetailSection>\n              );\n            },\n            renderKeyValueListSection: ({ key, title, description, items }) => {\n              return (\n                <BackofficeDetailSection\n                  key={key}\n                  title={title}\n                  description={description}\n                >\n                  <BackofficeKeyValueList items={items} />\n                </BackofficeDetailSection>\n              );\n            },\n          });\n          const blockNode = rendered[0];\n          if (blockNode != null) {\n            targetNodes.push(blockNode);\n          }\n        });\n\n        const tabActionsNode =\n          headerActionButtons.length > 0 ? (\n            <div className={pageStyles.headerActions}>\n              <div className={pageStyles.headerActionGroup}>\n                {headerActionButtons}\n              </div>\n            </div>\n          ) : null;\n\n        const hasAside = secondaryNodes.length > 0;\n        const contentNode = hasAside ? (\n          <div className={detailLayoutStyles.layout}>\n            <div className={detailLayoutStyles.primary}>{primaryNodes}</div>\n            <aside className={detailLayoutStyles.secondary}>\n              {secondaryNodes}\n            </aside>\n          </div>\n        ) : (\n          <div className={detailLayoutStyles.stacked}>{primaryNodes}</div>\n        );\n\n        return (\n          <>\n            {tabActionsNode}\n            {contentNode}\n            {activeFormAction != null &&\n              isFormMutationAction(activeFormAction) && (\n                <LazyBackofficeEntityActionFormDialog\n                  isOpen\n                  action={activeFormAction}\n                  node={view}\n                  onClose={() => {\n                    setActiveFormActionId(null);\n                  }}\n                />\n              )}\n          </>\n        );\n      }}\n    />\n  );\n};\n\nexport const BackofficeEntityDetailPage = ({\n  prepared,\n}: BackofficeEntityDetailPageProps): JSX.Element => {\n  return (\n    <BackofficeEntityDetailPageContent\n      config={prepared.pageConfig}\n      prepared={prepared}\n    />\n  );\n};\n\nexport default BackofficeEntityDetailPage;\n"],"mappings":"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"}
+{"version":3,"file":"BackofficeEntityDetailPage.js","names":[],"sources":["../../../src/pages/BackofficeEntityDetailPage.tsx"],"sourcesContent":["/* eslint-disable no-ternary */\nimport { type JSX, type ReactNode, useContext, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport {\n  commitMutation,\n  type PreloadedQuery,\n  usePreloadedQuery,\n} from 'react-relay';\nimport type { OperationType } from 'relay-runtime';\nimport { resolveMutationOutcome } from '../relay/mutationResult.js';\n\nimport { BACKOFFICE_DATE_TIME_OPTIONS } from '@plumile/backoffice-core/constants.js';\nimport type {\n  BackofficePreparedDetailPageDataRoute,\n  BackofficeResolvedDetailPageFacetConfig,\n} from '@plumile/backoffice-core/types.js';\nimport { Button } from '@plumile/ui/atomic/atoms/button/Button.js';\nimport { LinkButton } from '@plumile/ui/atomic/atoms/button/LinkButton.js';\nimport { FormattedDate } from '@plumile/ui/atomic/atoms/formatted-date/FormattedDate.js';\nimport { useToast } from '@plumile/ui/atomic/molecules/toast/ToastProvider.js';\nimport { Tag } from '@plumile/ui/backoffice/atoms/tag/Tag.js';\nimport { BackofficeDetailSection } from '@plumile/ui/backoffice/molecules/backoffice_detail_section/BackofficeDetailSection.js';\nimport { BackofficeKeyValueList } from '@plumile/ui/backoffice/molecules/backoffice_key_value_list/BackofficeKeyValueList.js';\nimport { BackofficePayloadViewer } from '@plumile/ui/backoffice/molecules/backoffice_payload_viewer/BackofficePayloadViewer.js';\nimport { BackofficeScopeStack } from '@plumile/ui/backoffice/molecules/backoffice_scope_stack/BackofficeScopeStack.js';\nimport { AuditTimeline } from '@plumile/ui/backoffice/organisms/audit_timeline/AuditTimeline.js';\nimport { MetricCard } from '@plumile/ui/components/dashboard/metric_card/MetricCard.js';\nimport { MetricTileGroup } from '@plumile/ui/components/dashboard/metric_tile_group/MetricTileGroup.js';\nimport { DataTable } from '@plumile/ui/components/data-table/DataTable.js';\nimport { ChatCheckSvg } from '@plumile/ui/icons/ChatCheckSvg.js';\nimport { KeyOffSvg } from '@plumile/ui/icons/KeyOffSvg.js';\nimport { KeySvg } from '@plumile/ui/icons/KeySvg.js';\nimport { LockOpenSvg } from '@plumile/ui/icons/LockOpenSvg.js';\nimport { LockSvg } from '@plumile/ui/icons/LockSvg.js';\nimport { RobotCheckSvg } from '@plumile/ui/icons/RobotCheckSvg.js';\nimport { RobotXSvg } from '@plumile/ui/icons/RobotXSvg.js';\nimport { RocketOffSvg } from '@plumile/ui/icons/RocketOffSvg.js';\nimport { RocketSvg } from '@plumile/ui/icons/RocketSvg.js';\nimport { SettingsCheckSvg } from '@plumile/ui/icons/SettingsCheckSvg.js';\nimport { SettingsXSvg } from '@plumile/ui/icons/SettingsXSvg.js';\nimport { ShieldLockSvg } from '@plumile/ui/icons/ShieldLockSvg.js';\nimport { ShieldOffSvg } from '@plumile/ui/icons/ShieldOffSvg.js';\nimport { XBadgeSvg } from '@plumile/ui/icons/XBadgeSvg.js';\nimport Link from '@plumile/router/routing/Link.js';\nimport RoutingContext from '@plumile/router/routing/RoutingContext.js';\n\nimport { buildDataTableColumns } from '../components/backoffice/columns/buildDataTableColumns.js';\nimport { BackofficeEntityDetailScaffold } from '../components/backoffice/scaffolds/BackofficeEntityDetailScaffold.js';\nimport { useBackofficeEntityDetailNotFoundState } from '../components/backoffice/scaffolds/BackofficeEntityDetailNotFound.js';\nimport { BackofficeDetailBadgeRow } from '../components/backoffice/detail/BackofficeDetailBadgeRow.js';\nimport { BackofficeDetailFlagTag } from '@plumile/ui/backoffice/molecules/backoffice_detail_flag_tag/BackofficeDetailFlagTag.js';\nimport { BackofficeDetailTaggedValue } from '@plumile/ui/backoffice/molecules/backoffice_detail_tagged_value/BackofficeDetailTaggedValue.js';\nimport { BackofficeLifecycleTimelineSection } from '../components/backoffice/detail/BackofficeLifecycleTimelineSection.js';\nimport { BackofficeRelationsSummaryGrid } from '../components/backoffice/detail/BackofficeRelationsSummaryGrid.js';\nimport * as detailLayoutStyles from '../components/backoffice/detail/backofficeDetailLayout.css.js';\nimport { LazyBackofficeEntityActionFormDialog } from '../components/backoffice/actions/LazyBackofficeEntityActionFormDialog.js';\nimport {\n  resolveToastSpec,\n  resolveToastViewActions,\n} from '../components/backoffice/actions/toastViewAction.js';\nimport * as pageStyles from './backofficeEntityDetailPage.css.js';\nimport { useBackofficeFormats } from '../i18n/useBackofficeFormats.js';\nimport { useBackofficeReactTranslation } from '../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficeConfig } from '../provider/BackofficeConfigContext.js';\nimport { useBackofficeRuntimeFragment } from '../relay/typedRelayHooks.js';\nimport { useRelayEnvironment } from '../relay/useRelayEnvironment.js';\nimport {\n  extractMutationPayload,\n  isFormMutationAction,\n  isMutationAction,\n  isRouteAction,\n  resolveLabel,\n} from './BackofficeEntityDetailPage.helpers.js';\nimport {\n  buildFieldItems,\n  renderBlocks,\n  type FlagIconName,\n} from './BackofficeEntityDetailPage.view-helpers.js';\n\nexport type BackofficeEntityDetailPageProps = {\n  prepared: BackofficePreparedDetailPageDataRoute;\n};\n\nconst isBackofficeRelayNode = (\n  value: unknown,\n): value is { readonly __typename: string } => {\n  if (value == null || typeof value !== 'object') {\n    return false;\n  }\n  const typename = Reflect.get(value, '__typename');\n  return typeof typename === 'string';\n};\n\nconst renderFlagIcon = (iconName: FlagIconName): JSX.Element => {\n  const iconSize = 14;\n  switch (iconName) {\n    case 'shield-lock':\n      return (\n        <ShieldLockSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />\n      );\n    case 'shield-off':\n      return (\n        <ShieldOffSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />\n      );\n    case 'settings-check':\n      return (\n        <SettingsCheckSvg\n          width={iconSize}\n          height={iconSize}\n          aria-hidden=\"true\"\n        />\n      );\n    case 'settings-x':\n      return (\n        <SettingsXSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />\n      );\n    case 'x-badge':\n      return (\n        <XBadgeSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />\n      );\n    case 'chat-check':\n      return (\n        <ChatCheckSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />\n      );\n    case 'key':\n      return <KeySvg width={iconSize} height={iconSize} aria-hidden=\"true\" />;\n    case 'key-off':\n      return (\n        <KeyOffSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />\n      );\n    case 'lock':\n      return <LockSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />;\n    case 'lock-open':\n      return (\n        <LockOpenSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />\n      );\n    case 'robot-check':\n      return (\n        <RobotCheckSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />\n      );\n    case 'robot-x':\n      return (\n        <RobotXSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />\n      );\n    case 'rocket':\n      return (\n        <RocketSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />\n      );\n    case 'rocket-off':\n      return (\n        <RocketOffSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />\n      );\n    default:\n      throw new Error(`Unsupported flag icon: ${String(iconName)}`);\n  }\n};\n\nconst resolveDetailPlacement = (item: {\n  placement?: 'primary' | 'secondary' | 'main' | 'side' | 'fullWidth';\n  presentation?: {\n    group?: string;\n    desktop?: 'primary' | 'secondary' | 'fullWidth';\n  };\n  kind?: string;\n  fields?: readonly {\n    presentation?: {\n      group?: string;\n      desktop?: 'primary' | 'secondary' | 'fullWidth';\n    };\n  }[];\n}): 'primary' | 'secondary' => {\n  if (item.presentation?.desktop === 'secondary') {\n    return 'secondary';\n  }\n  if (\n    item.presentation?.group === 'scope' ||\n    item.presentation?.group === 'status'\n  ) {\n    return 'secondary';\n  }\n  const fieldGroups =\n    item.fields?.map((field) => {\n      return field.presentation?.group;\n    }) ?? [];\n  if (\n    fieldGroups.length > 0 &&\n    fieldGroups.every((group) => {\n      return group === 'scope' || group === 'status';\n    })\n  ) {\n    return 'secondary';\n  }\n  if (item.placement === 'side') {\n    return 'secondary';\n  }\n  if (item.placement === 'secondary') {\n    return 'secondary';\n  }\n  return 'primary';\n};\n\nconst BackofficeEntityDetailPageContent = ({\n  config,\n  prepared,\n}: {\n  config: BackofficeResolvedDetailPageFacetConfig;\n  prepared: {\n    pageQuery: PreloadedQuery<OperationType>;\n    id: string;\n    detailId?: string;\n    pageId: string;\n    pagePath: string;\n  };\n}): JSX.Element => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const { formatNumber, formatCurrency, formatCurrencyTitle, formatPercent } =\n    useBackofficeFormats();\n  const { entities } = useBackofficeConfig();\n  const routing = useContext(RoutingContext);\n  const environment = useRelayEnvironment();\n  const toast = useToast();\n  const [actionState, setActionState] = useState<Record<string, boolean>>({});\n  const [activeFormActionId, setActiveFormActionId] = useState<string | null>(\n    null,\n  );\n  const setActionLoading = (actionId: string, isLoading: boolean) => {\n    setActionState((prev) => {\n      if (prev[actionId] === isLoading) {\n        return prev;\n      }\n      return { ...prev, [actionId]: isLoading };\n    });\n  };\n\n  const { page } = config;\n  const notFound = useBackofficeEntityDetailNotFoundState({\n    listHref: config.routes.list,\n  });\n\n  const pageQueryData = usePreloadedQuery(page.query, prepared.pageQuery);\n  const pageNodeRef = page.resolveNode(pageQueryData, {\n    id: prepared.id,\n    detailId: prepared.detailId,\n  });\n  const fragmentNode = useBackofficeRuntimeFragment(page.fragment, pageNodeRef);\n  const resolvedNode = isBackofficeRelayNode(fragmentNode)\n    ? fragmentNode\n    : null;\n  return (\n    <BackofficeEntityDetailScaffold\n      node={resolvedNode}\n      notFound={notFound}\n      render={(node) => {\n        const view = page.toView(node);\n        const resolveEntityHref = (entityId: string, refId: string) => {\n          const entityConfig = entities[entityId];\n          if (entityConfig == null) {\n            return null;\n          }\n          return entityConfig.routes.detail(refId);\n        };\n        const actions = page.actions ?? [];\n        let headerActionButtons: ReactNode[] = [];\n        if (actions.length > 0) {\n          const visibleActions = actions.filter((action) => {\n            if (action.isVisible == null) {\n              return true;\n            }\n            return action.isVisible(view);\n          });\n\n          if (visibleActions.length > 0) {\n            headerActionButtons = visibleActions.map((action) => {\n              const label = resolveLabel(action.label, tApp);\n              const ariaLabel =\n                action.ariaLabel != null\n                  ? resolveLabel(action.ariaLabel, tApp)\n                  : label;\n              const variant = action.variant ?? 'secondary';\n              const size = action.size ?? 'small';\n              const isLoading = actionState[action.id] ?? false;\n              const isDisabled =\n                isLoading || action.isDisabled?.(view) === true;\n\n              if (isRouteAction(action)) {\n                const href = action.to(view);\n                return (\n                  <LinkButton\n                    key={action.id}\n                    to={href}\n                    variant={variant}\n                    size={size}\n                    isDisabled={isDisabled}\n                    aria-label={ariaLabel}\n                    preloadOnHover=\"code-and-data\"\n                  >\n                    {label}\n                  </LinkButton>\n                );\n              }\n\n              if (isFormMutationAction(action)) {\n                return (\n                  <Button\n                    key={action.id}\n                    type=\"button\"\n                    variant={variant}\n                    size={size}\n                    isLoading={false}\n                    disabled={isDisabled}\n                    onClick={() => {\n                      setActiveFormActionId(action.id);\n                    }}\n                    aria-label={ariaLabel}\n                  >\n                    {label}\n                  </Button>\n                );\n              }\n\n              if (isMutationAction(action)) {\n                const handleClick = () => {\n                  if (isLoading) {\n                    return;\n                  }\n                  const variables = action.getVariables(view);\n                  setActionLoading(action.id, true);\n                  commitMutation(environment, {\n                    mutation: action.mutation,\n                    variables,\n                    updater: (store) => {\n                      action.updater?.(store, view);\n                    },\n                    onCompleted: (response) => {\n                      setActionLoading(action.id, false);\n                      const mutationPayload = extractMutationPayload(response);\n                      if (mutationPayload != null) {\n                        let defaultErrorMessage = t(\n                          'actions.form.errors.invalidPayload',\n                        );\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(\n                            action.toasts.error.title,\n                            tApp,\n                          );\n                        }\n\n                        const outcome = resolveMutationOutcome(\n                          mutationPayload,\n                          {\n                            defaultErrorMessage,\n                            mapReason: (reason) => {\n                              const mapped = action.mapErrorReason?.(\n                                reason,\n                                view,\n                              );\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                        );\n                        if (!outcome.ok) {\n                          const error = new Error(outcome.message);\n                          action.onError?.(error, view);\n                          if (action.toasts?.error != null) {\n                            const toastSpec = resolveToastSpec(\n                              action.toasts.error,\n                              tApp,\n                            );\n                            toast.error(toastSpec.title, toastSpec.message);\n                          }\n                          return;\n                        }\n                      }\n\n                      action.onCompleted?.(response, view);\n                      if (action.toasts?.success != null) {\n                        const toastSpec = resolveToastSpec(\n                          action.toasts.success,\n                          tApp,\n                        );\n                        const toastActions = resolveToastViewActions({\n                          toast: action.toasts.success,\n                          response,\n                          node: view,\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                    onError: (error) => {\n                      setActionLoading(action.id, false);\n                      action.onError?.(error, view);\n                      if (action.toasts?.error != null) {\n                        const toastSpec = resolveToastSpec(\n                          action.toasts.error,\n                          tApp,\n                        );\n                        toast.error(toastSpec.title, toastSpec.message);\n                      }\n                    },\n                  });\n                };\n\n                return (\n                  <Button\n                    key={action.id}\n                    type=\"button\"\n                    variant={variant}\n                    size={size}\n                    isLoading={isLoading}\n                    disabled={isDisabled}\n                    onClick={handleClick}\n                    aria-label={ariaLabel}\n                  >\n                    {label}\n                  </Button>\n                );\n              }\n\n              return null;\n            });\n          }\n        }\n\n        const activeFormAction = actions.find((action) => {\n          return action.id === activeFormActionId;\n        });\n\n        const { content } = page;\n\n        const primaryNodes: ReactNode[] = [];\n        const secondaryNodes: ReactNode[] = [];\n        content.forEach((item, index) => {\n          const placement = resolveDetailPlacement(item);\n          const targetNodes =\n            placement === 'secondary' ? secondaryNodes : primaryNodes;\n\n          if (item.kind === 'fieldSet') {\n            const sectionLabel = resolveLabel(item.title, tApp);\n            const description =\n              item.description != null\n                ? resolveLabel(item.description, tApp)\n                : undefined;\n            const { items, customNodes } = buildFieldItems(item.fields, view, {\n              tApp,\n              t,\n              resolveEntityHref,\n              formatNumber,\n              formatCurrency,\n              formatCurrencyTitle,\n              formatPercent,\n              renderTag: (tone, label) => {\n                return <Tag tone={tone}>{label}</Tag>;\n              },\n              renderBadgeRow: (items) => {\n                return <BackofficeDetailBadgeRow items={items} />;\n              },\n              renderDate: (value, fallback) => {\n                return (\n                  <FormattedDate\n                    value={value}\n                    options={BACKOFFICE_DATE_TIME_OPTIONS}\n                    fallback={fallback}\n                  />\n                );\n              },\n              renderFlagTag: (tag) => {\n                return (\n                  <BackofficeDetailFlagTag\n                    tone={tag.tone}\n                    icon={\n                      tag.iconName != null\n                        ? renderFlagIcon(tag.iconName)\n                        : undefined\n                    }\n                    label={tag.label}\n                  />\n                );\n              },\n              renderLink: (href, label) => {\n                return (\n                  <Link to={href} preloadOnHover=\"code-and-data\">\n                    {label}\n                  </Link>\n                );\n              },\n              renderTaggedValue: (tag, value) => {\n                return <BackofficeDetailTaggedValue tag={tag} value={value} />;\n              },\n              wrapCustomNode: (id, custom) => {\n                return <div key={id}>{custom}</div>;\n              },\n            });\n\n            const hasContent = items.length > 0 || customNodes.length > 0;\n\n            if (!hasContent) {\n              return;\n            }\n\n            targetNodes.push(\n              <BackofficeDetailSection\n                key={`${sectionLabel}-${index}`}\n                title={sectionLabel}\n                description={description}\n                items={items.length > 0 ? items : undefined}\n              >\n                {customNodes}\n              </BackofficeDetailSection>,\n            );\n            return;\n          }\n\n          const rendered = renderBlocks([item], view, {\n            tApp,\n            t,\n            resolveEntityHref,\n            keyPrefix: String(index),\n            renderLink: (href, label) => {\n              return (\n                <Link to={href} preloadOnHover=\"code-and-data\">\n                  {label}\n                </Link>\n              );\n            },\n            renderDate: (value, fallback) => {\n              return (\n                <FormattedDate\n                  value={value}\n                  options={BACKOFFICE_DATE_TIME_OPTIONS}\n                  fallback={fallback}\n                />\n              );\n            },\n            renderTag: (tone, label) => {\n              return <Tag tone={tone}>{label}</Tag>;\n            },\n            renderMetricGroup: ({\n              key,\n              title,\n              description,\n              density,\n              items,\n            }) => {\n              return (\n                <BackofficeDetailSection\n                  key={key}\n                  title={title}\n                  description={description}\n                >\n                  {items.length > 0 && (\n                    <MetricTileGroup\n                      density={density ?? 'comfortable'}\n                      minColumn=\"180\"\n                    >\n                      {items.map((metric) => {\n                        return (\n                          <MetricCard\n                            key={metric.id}\n                            label={metric.label}\n                            value={metric.value}\n                            hint={metric.hint}\n                            tone={metric.tone ?? 'neutral'}\n                            density={density ?? 'comfortable'}\n                            copyValue={metric.copyValue}\n                            copyLabel={t('common.actions.copy')}\n                            copiedLabel={t('common.actions.copied')}\n                          />\n                        );\n                      })}\n                    </MetricTileGroup>\n                  )}\n                </BackofficeDetailSection>\n              );\n            },\n            renderTimeline: ({ key, title, description, events }) => {\n              return (\n                <BackofficeLifecycleTimelineSection\n                  key={key}\n                  title={title}\n                  description={description}\n                  events={events}\n                />\n              );\n            },\n            renderAuditTimeline: ({ key, title, description, events }) => {\n              return (\n                <BackofficeDetailSection\n                  key={key}\n                  title={title}\n                  description={description}\n                >\n                  <AuditTimeline events={events} />\n                </BackofficeDetailSection>\n              );\n            },\n            renderRelations: ({ key, title, items }) => {\n              return (\n                <BackofficeRelationsSummaryGrid\n                  key={key}\n                  title={title}\n                  items={items}\n                />\n              );\n            },\n            renderContextStack: ({ key, title, items }) => {\n              return (\n                <BackofficeScopeStack key={key} title={title} items={items} />\n              );\n            },\n            renderCustomSection: (key, title, child) => {\n              return (\n                <BackofficeDetailSection key={key} title={title}>\n                  {child}\n                </BackofficeDetailSection>\n              );\n            },\n            wrapCustomNode: (key, custom) => {\n              return <div key={key}>{custom}</div>;\n            },\n            resolveTableColumns: (columns) => {\n              return buildDataTableColumns(columns, {\n                tApp,\n                t,\n              });\n            },\n            renderTable: ({ key, title, description, columns, rows }) => {\n              return (\n                <BackofficeDetailSection\n                  key={key}\n                  title={title}\n                  description={description}\n                >\n                  <DataTable\n                    columns={columns}\n                    rows={rows}\n                    getRowId={(row, rowIndex) => {\n                      if (row != null && typeof row === 'object') {\n                        const record = row as Record<string, unknown>;\n                        const maybeId = record.id;\n                        if (\n                          typeof maybeId === 'string' &&\n                          maybeId.trim() !== ''\n                        ) {\n                          return maybeId;\n                        }\n                      }\n                      return String(rowIndex);\n                    }}\n                  />\n                </BackofficeDetailSection>\n              );\n            },\n            renderPayload: ({ key, title, description, content, format }) => {\n              return (\n                <BackofficeDetailSection\n                  key={key}\n                  title={title}\n                  description={description}\n                >\n                  <BackofficePayloadViewer\n                    content={content}\n                    format={format}\n                    emptyState={t('common.notAvailable')}\n                  />\n                </BackofficeDetailSection>\n              );\n            },\n            renderKeyValueListSection: ({ key, title, description, items }) => {\n              return (\n                <BackofficeDetailSection\n                  key={key}\n                  title={title}\n                  description={description}\n                >\n                  <BackofficeKeyValueList items={items} />\n                </BackofficeDetailSection>\n              );\n            },\n          });\n          const blockNode = rendered[0];\n          if (blockNode != null) {\n            targetNodes.push(blockNode);\n          }\n        });\n\n        const tabActionsNode =\n          headerActionButtons.length > 0 ? (\n            <div className={pageStyles.headerActions}>\n              <div className={pageStyles.headerActionGroup}>\n                {headerActionButtons}\n              </div>\n            </div>\n          ) : null;\n\n        const hasAside = secondaryNodes.length > 0;\n        const contentNode = hasAside ? (\n          <div className={detailLayoutStyles.layout}>\n            <div className={detailLayoutStyles.primary}>{primaryNodes}</div>\n            <aside className={detailLayoutStyles.secondary}>\n              {secondaryNodes}\n            </aside>\n          </div>\n        ) : (\n          <div className={detailLayoutStyles.stacked}>{primaryNodes}</div>\n        );\n\n        return (\n          <>\n            {tabActionsNode}\n            {contentNode}\n            {activeFormAction != null &&\n              isFormMutationAction(activeFormAction) && (\n                <LazyBackofficeEntityActionFormDialog\n                  isOpen\n                  action={activeFormAction}\n                  node={view}\n                  onClose={() => {\n                    setActiveFormActionId(null);\n                  }}\n                />\n              )}\n          </>\n        );\n      }}\n    />\n  );\n};\n\nexport const BackofficeEntityDetailPage = ({\n  prepared,\n}: BackofficeEntityDetailPageProps): JSX.Element => {\n  return (\n    <BackofficeEntityDetailPageContent\n      config={prepared.pageConfig}\n      prepared={prepared}\n    />\n  );\n};\n\nexport default BackofficeEntityDetailPage;\n"],"mappings":"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"}