@plumile/backoffice-react 0.2.3 → 0.2.5

package/lib/esm/pages/BackofficeEntityDetailPage.js

@@ -17,110 +17,104 @@ import { headerActionGroup as g, headerActions as _ } from "./backofficeEntityDe
 import { extractMutationPayload as re, isFormMutationAction as v, isMutationAction as ie, isRouteAction as ae, resolveLabel as y } from "./BackofficeEntityDetailPage.helpers.js";
 import { buildFieldItems as oe, renderBlocks as se } from "./BackofficeEntityDetailPage.view-helpers.js";
 import { useContext as b, useState as x } from "react";
-import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
-import { useTranslation as T } from "react-i18next";
-import { Button as E } from "@plumile/ui/atomic/atoms/button/Button.js";
-import { commitMutation as ce, usePreloadedQuery as D } from "react-relay";
-import { useToast as le } from "@plumile/ui/atomic/molecules/toast/ToastProvider.js";
-import ue from "@plumile/router/routing/RoutingContext.js";
-import { FormattedDate as O } from "@plumile/ui/atomic/atoms/formatted-date/FormattedDate.js";
+import { DataTable as S, FormattedDate as C, MetricCard as ce, MetricTileGroup as le, PropertyList as ue, useToast as w } from "@plumile/ui";
+import { Fragment as de, jsx as T, jsxs as E } from "react/jsx-runtime";
+import { useTranslation as D } from "react-i18next";
+import { Button as O, RouterButtonLink as fe } from "@plumile/ui/button";
+import { commitMutation as pe, usePreloadedQuery as me } from "react-relay";
+import he from "@plumile/router/routing/RoutingContext.js";
 import { BACKOFFICE_DATE_TIME_OPTIONS as k } from "@plumile/backoffice-core/constants.js";
 import A from "@plumile/router/routing/Link.js";
 import { Tag as j } from "@plumile/ui/backoffice/atoms/tag/Tag.js";
 import { BackofficeDetailSection as M } from "@plumile/ui/backoffice/molecules/backoffice_detail_section/BackofficeDetailSection.js";
-import { BackofficePayloadViewer as de } from "@plumile/ui/backoffice/molecules/backoffice_payload_viewer/BackofficePayloadViewer.js";
-import { AuditTimeline as fe } from "@plumile/ui/backoffice/organisms/audit_timeline/AuditTimeline.js";
-import { MetricCard as pe } from "@plumile/ui/components/dashboard/metric_card/MetricCard.js";
-import { MetricTileGroup as me } from "@plumile/ui/components/dashboard/metric_tile_group/MetricTileGroup.js";
-import { LinkButton as he } from "@plumile/ui/atomic/atoms/button/LinkButton.js";
-import { DataTable as N } from "@plumile/ui/components/data-table/DataTable.js";
-import { BackofficeKeyValueList as P } from "@plumile/ui/backoffice/molecules/backoffice_key_value_list/BackofficeKeyValueList.js";
+import { BackofficePayloadViewer as N } from "@plumile/ui/backoffice/molecules/backoffice_payload_viewer/BackofficePayloadViewer.js";
+import { AuditTimeline as P } from "@plumile/ui/backoffice/organisms/audit_timeline/AuditTimeline.js";
 import { BackofficeScopeStack as F } from "@plumile/ui/backoffice/molecules/backoffice_scope_stack/BackofficeScopeStack.js";
-import { ChatCheckSvg as I } from "@plumile/ui/icons/ChatCheckSvg.js";
-import { KeyOffSvg as L } from "@plumile/ui/icons/KeyOffSvg.js";
-import { KeySvg as R } from "@plumile/ui/icons/KeySvg.js";
-import { LockOpenSvg as z } from "@plumile/ui/icons/LockOpenSvg.js";
-import { LockSvg as B } from "@plumile/ui/icons/LockSvg.js";
-import { RobotCheckSvg as V } from "@plumile/ui/icons/RobotCheckSvg.js";
-import { RobotXSvg as H } from "@plumile/ui/icons/RobotXSvg.js";
-import { RocketOffSvg as U } from "@plumile/ui/icons/RocketOffSvg.js";
-import { RocketSvg as W } from "@plumile/ui/icons/RocketSvg.js";
-import { SettingsCheckSvg as G } from "@plumile/ui/icons/SettingsCheckSvg.js";
-import { SettingsXSvg as K } from "@plumile/ui/icons/SettingsXSvg.js";
-import { ShieldLockSvg as q } from "@plumile/ui/icons/ShieldLockSvg.js";
-import { ShieldOffSvg as J } from "@plumile/ui/icons/ShieldOffSvg.js";
-import { XBadgeSvg as Y } from "@plumile/ui/icons/XBadgeSvg.js";
+import { ChatCheckSvg as I } from "@plumile/ui/icons/ChatCheckSvg";
+import { KeyOffSvg as L } from "@plumile/ui/icons/KeyOffSvg";
+import { KeySvg as R } from "@plumile/ui/icons/KeySvg";
+import { LockOpenSvg as z } from "@plumile/ui/icons/LockOpenSvg";
+import { LockSvg as B } from "@plumile/ui/icons/LockSvg";
+import { RobotCheckSvg as V } from "@plumile/ui/icons/RobotCheckSvg";
+import { RobotXSvg as H } from "@plumile/ui/icons/RobotXSvg";
+import { RocketOffSvg as U } from "@plumile/ui/icons/RocketOffSvg";
+import { RocketSvg as W } from "@plumile/ui/icons/RocketSvg";
+import { SettingsCheckSvg as G } from "@plumile/ui/icons/SettingsCheckSvg";
+import { SettingsXSvg as K } from "@plumile/ui/icons/SettingsXSvg";
+import { ShieldLockSvg as q } from "@plumile/ui/icons/ShieldLockSvg";
+import { ShieldOffSvg as J } from "@plumile/ui/icons/ShieldOffSvg";
+import { XBadgeSvg as Y } from "@plumile/ui/icons/XBadgeSvg";
 import { BackofficeDetailFlagTag as ge } from "@plumile/ui/backoffice/molecules/backoffice_detail_flag_tag/BackofficeDetailFlagTag.js";
 import { BackofficeDetailTaggedValue as _e } from "@plumile/ui/backoffice/molecules/backoffice_detail_tagged_value/BackofficeDetailTaggedValue.js";
 //#region src/pages/BackofficeEntityDetailPage.tsx
 var ve = (e) => {
 	switch (e) {
-		case "shield-lock": return /* @__PURE__ */ C(q, {
+		case "shield-lock": return /* @__PURE__ */ T(q, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "shield-off": return /* @__PURE__ */ C(J, {
+		case "shield-off": return /* @__PURE__ */ T(J, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "settings-check": return /* @__PURE__ */ C(G, {
+		case "settings-check": return /* @__PURE__ */ T(G, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "settings-x": return /* @__PURE__ */ C(K, {
+		case "settings-x": return /* @__PURE__ */ T(K, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "x-badge": return /* @__PURE__ */ C(Y, {
+		case "x-badge": return /* @__PURE__ */ T(Y, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "chat-check": return /* @__PURE__ */ C(I, {
+		case "chat-check": return /* @__PURE__ */ T(I, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "key": return /* @__PURE__ */ C(R, {
+		case "key": return /* @__PURE__ */ T(R, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "key-off": return /* @__PURE__ */ C(L, {
+		case "key-off": return /* @__PURE__ */ T(L, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "lock": return /* @__PURE__ */ C(B, {
+		case "lock": return /* @__PURE__ */ T(B, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "lock-open": return /* @__PURE__ */ C(z, {
+		case "lock-open": return /* @__PURE__ */ T(z, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "robot-check": return /* @__PURE__ */ C(V, {
+		case "robot-check": return /* @__PURE__ */ T(V, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "robot-x": return /* @__PURE__ */ C(H, {
+		case "robot-x": return /* @__PURE__ */ T(H, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "rocket": return /* @__PURE__ */ C(W, {
+		case "rocket": return /* @__PURE__ */ T(W, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "rocket-off": return /* @__PURE__ */ C(U, {
+		case "rocket-off": return /* @__PURE__ */ T(U, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
@@ -132,16 +126,16 @@ var ve = (e) => {
 	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";
 }, X = ({ config: I, prepared: L }) => {
-	let { t: R } = T(), { t: z } = e(), { formatNumber: B, formatCurrency: V, formatCurrencyTitle: H, formatPercent: U } = m(), { entities: W } = n(), G = b(ue), K = h(), q = le(), [J, Y] = x({}), [X, Z] = x(null), Q = (e, t) => {
+	let { t: R } = D(), { t: z } = e(), { formatNumber: B, formatCurrency: V, formatCurrencyTitle: H, formatPercent: U } = m(), { entities: W } = n(), G = b(he), K = h(), q = w(), [J, Y] = x({}), [X, Z] = x(null), Q = (e, t) => {
 		Y((n) => n[e] === t ? n : {
 			...n,
 			[e]: t
 		});
-	}, { page: $ } = I, be = p({ listHref: I.routes.list }), xe = D($.query, L.pageQuery), Se = $.resolveNode(xe, {
+	}, { page: $ } = I, be = p({ listHref: I.routes.list }), xe = me($.query, L.pageQuery), Se = $.resolveNode(xe, {
 		id: L.id,
 		detailId: L.detailId
 	}), Ce = r($.fragment, Se);
-	return /* @__PURE__ */ C(f, {
+	return /* @__PURE__ */ T(f, {
 		node: Ce,
 		notFound: be,
 		render: (e) => {
@@ -152,40 +146,46 @@ var ve = (e) => {
 			if (f.length > 0) {
 				let e = f.filter((e) => e.isVisible == null || e.isVisible(n));
 				e.length > 0 && (p = e.map((e) => {
-					let r = y(e.label, R), o = e.ariaLabel == null ? r : y(e.ariaLabel, R), s = e.variant ?? "secondary", c = e.size ?? "small", l = J[e.id] ?? !1, u = l || e.isDisabled?.(n) === !0;
+					let r = y(e.label, R), o = e.ariaLabel == null ? r : y(e.ariaLabel, R), s = {
+						variant: e.variant ?? "soft",
+						tone: e.tone ?? "neutral"
+					}, c = e.size ?? "small", l = J[e.id] ?? !1, u = l || e.isDisabled?.(n) === !0;
 					if (ae(e)) {
 						let t = e.to(n);
-						return /* @__PURE__ */ C(he, {
+						return /* @__PURE__ */ T(fe, {
 							to: t,
-							variant: s,
+							variant: s.variant,
+							tone: s.tone,
 							size: c,
-							isDisabled: u,
+							disabled: u,
 							"aria-label": o,
 							preloadOnHover: "code-and-data",
 							children: r
 						}, e.id);
 					}
-					return v(e) ? /* @__PURE__ */ C(E, {
+					return v(e) ? /* @__PURE__ */ T(O, {
 						type: "button",
-						variant: s,
+						variant: s.variant,
+						tone: s.tone,
 						size: c,
-						isLoading: !1,
+						loading: !1,
 						disabled: u,
 						onClick: () => {
 							Z(e.id);
 						},
 						"aria-label": o,
 						children: r
-					}, e.id) : ie(e) ? /* @__PURE__ */ C(E, {
+					}, e.id) : ie(e) ? /* @__PURE__ */ T(O, {
 						type: "button",
-						variant: s,
+						variant: s.variant,
+						tone: s.tone,
 						size: c,
-						isLoading: l,
+						loading: l,
 						disabled: u,
 						onClick: () => {
 							if (l) return;
 							let r = e.getVariables(n);
-							Q(e.id, !0), ce(K, {
+							Q(e.id, !0), pe(K, {
 								mutation: e.mutation,
 								variables: r,
 								updater: (t) => {
@@ -258,34 +258,34 @@ var ve = (e) => {
 						formatCurrency: V,
 						formatCurrencyTitle: H,
 						formatPercent: U,
-						renderTag: (e, t) => /* @__PURE__ */ C(j, {
+						renderTag: (e, t) => /* @__PURE__ */ T(j, {
 							tone: e,
 							children: t
 						}),
-						renderBadgeRow: (e) => /* @__PURE__ */ C(c, { items: e }),
-						renderDate: (e, t) => /* @__PURE__ */ C(O, {
+						renderBadgeRow: (e) => /* @__PURE__ */ T(c, { items: e }),
+						renderDate: (e, t) => /* @__PURE__ */ T(C, {
 							value: e,
 							options: k,
 							fallback: t
 						}),
-						renderFlagTag: (e) => /* @__PURE__ */ C(ge, {
+						renderFlagTag: (e) => /* @__PURE__ */ T(ge, {
 							tone: e.tone,
 							icon: e.iconName == null ? void 0 : ve(e.iconName),
 							label: e.label
 						}),
-						renderLink: (e, t) => /* @__PURE__ */ C(A, {
+						renderLink: (e, t) => /* @__PURE__ */ T(A, {
 							to: e,
 							preloadOnHover: "code-and-data",
 							children: t
 						}),
-						renderTaggedValue: (e, t) => /* @__PURE__ */ C(_e, {
+						renderTaggedValue: (e, t) => /* @__PURE__ */ T(_e, {
 							tag: e,
 							value: t
 						}),
-						wrapCustomNode: (e, t) => /* @__PURE__ */ C("div", { children: t }, e)
+						wrapCustomNode: (e, t) => /* @__PURE__ */ T("div", { children: t }, e)
 					});
 					if (!(s.length > 0 || l.length > 0)) return;
-					i.push(/* @__PURE__ */ C(M, {
+					i.push(/* @__PURE__ */ T(M, {
 						title: a,
 						description: o,
 						items: s.length > 0 ? s : void 0,
@@ -298,69 +298,75 @@ var ve = (e) => {
 					t: z,
 					resolveEntityHref: r,
 					keyPrefix: String(t),
-					renderLink: (e, t) => /* @__PURE__ */ C(A, {
+					renderLink: (e, t) => /* @__PURE__ */ T(A, {
 						to: e,
 						preloadOnHover: "code-and-data",
 						children: t
 					}),
-					renderDate: (e, t) => /* @__PURE__ */ C(O, {
+					renderDate: (e, t) => /* @__PURE__ */ T(C, {
 						value: e,
 						options: k,
 						fallback: t
 					}),
-					renderTag: (e, t) => /* @__PURE__ */ C(j, {
+					renderTag: (e, t) => /* @__PURE__ */ T(j, {
 						tone: e,
 						children: t
 					}),
-					renderMetricGroup: ({ key: e, title: t, description: n, density: r, items: i }) => /* @__PURE__ */ C(M, {
+					renderMetricGroup: ({ key: e, title: t, description: n, density: r, items: i }) => /* @__PURE__ */ T(M, {
 						title: t,
 						description: n,
-						children: i.length > 0 && /* @__PURE__ */ C(me, {
+						children: i.length > 0 && /* @__PURE__ */ T(le, {
 							density: r ?? "comfortable",
 							minColumn: "180",
-							children: i.map((e) => /* @__PURE__ */ C(pe, {
-								label: e.label,
-								value: e.value,
-								hint: e.hint,
-								tone: e.tone ?? "neutral",
-								density: r ?? "comfortable",
-								copyValue: e.copyValue,
-								copyLabel: z("common.actions.copy"),
-								copiedLabel: z("common.actions.copied")
-							}, e.id))
+							children: i.map((e) => {
+								let t = e.copyValue?.trim(), n = {
+									...t == null || t === "" ? { copyValue: void 0 } : {
+										copyValue: t,
+										copyLabel: z("common.actions.copy"),
+										copiedLabel: z("common.actions.copied")
+									},
+									label: e.label,
+									value: e.value,
+									hint: e.hint,
+									tone: e.tone ?? "neutral",
+									density: r ?? "comfortable"
+								};
+								return /* @__PURE__ */ T(ce, { ...n }, e.id);
+							})
 						})
 					}, e),
-					renderTimeline: ({ key: e, title: t, description: n, events: r }) => /* @__PURE__ */ C(l, {
+					renderTimeline: ({ key: e, title: t, description: n, events: r }) => /* @__PURE__ */ T(l, {
 						title: t,
 						description: n,
 						events: r
 					}, e),
-					renderAuditTimeline: ({ key: e, title: t, description: n, events: r }) => /* @__PURE__ */ C(M, {
+					renderAuditTimeline: ({ key: e, title: t, description: n, events: r }) => /* @__PURE__ */ T(M, {
 						title: t,
 						description: n,
-						children: /* @__PURE__ */ C(fe, { events: r })
+						children: /* @__PURE__ */ T(P, { events: r })
 					}, e),
-					renderRelations: ({ key: e, title: t, items: n }) => /* @__PURE__ */ C(u, {
+					renderRelations: ({ key: e, title: t, items: n }) => /* @__PURE__ */ T(u, {
 						title: t,
 						items: n
 					}, e),
-					renderContextStack: ({ key: e, title: t, items: n }) => /* @__PURE__ */ C(F, {
+					renderContextStack: ({ key: e, title: t, items: n }) => /* @__PURE__ */ T(F, {
 						title: t,
 						items: n
 					}, e),
-					renderCustomSection: (e, t, n) => /* @__PURE__ */ C(M, {
+					renderCustomSection: (e, t, n) => /* @__PURE__ */ T(M, {
 						title: t,
 						children: n
 					}, e),
-					wrapCustomNode: (e, t) => /* @__PURE__ */ C("div", { children: t }, e),
+					wrapCustomNode: (e, t) => /* @__PURE__ */ T("div", { children: t }, e),
 					resolveTableColumns: (e) => s(e, {
 						tApp: R,
 						t: z
 					}),
-					renderTable: ({ key: e, title: t, description: n, columns: r, rows: i }) => /* @__PURE__ */ C(M, {
+					renderTable: ({ key: e, title: t, description: n, columns: r, rows: i }) => /* @__PURE__ */ T(M, {
 						title: t,
 						description: n,
-						children: /* @__PURE__ */ C(N, {
+						children: /* @__PURE__ */ T(S, {
+							"aria-label": t,
 							columns: r,
 							rows: i,
 							getRowId: (e, t) => {
@@ -372,57 +378,57 @@ var ve = (e) => {
 							}
 						})
 					}, e),
-					renderPayload: ({ key: e, title: t, description: n, content: r, format: i }) => /* @__PURE__ */ C(M, {
+					renderPayload: ({ key: e, title: t, description: n, content: r, format: i }) => /* @__PURE__ */ T(M, {
 						title: t,
 						description: n,
-						children: /* @__PURE__ */ C(de, {
+						children: /* @__PURE__ */ T(N, {
 							content: r,
 							format: i,
 							emptyState: z("common.notAvailable")
 						})
 					}, e),
-					renderKeyValueListSection: ({ key: e, title: t, description: n, items: r }) => /* @__PURE__ */ C(M, {
+					renderKeyValueListSection: ({ key: e, title: t, description: n, items: r }) => /* @__PURE__ */ T(M, {
 						title: t,
 						description: n,
-						children: /* @__PURE__ */ C(P, { items: r })
+						children: /* @__PURE__ */ T(ue, { items: r })
 					}, e)
 				})[0];
 				a != null && i.push(a);
 			});
-			let T = p.length > 0 ? /* @__PURE__ */ C("div", {
+			let w = p.length > 0 ? /* @__PURE__ */ T("div", {
 				className: _,
-				children: /* @__PURE__ */ C("div", {
+				children: /* @__PURE__ */ T("div", {
 					className: g,
 					children: p
 				})
-			}) : null, D = x.length > 0 ? /* @__PURE__ */ w("div", {
+			}) : null, D = x.length > 0 ? /* @__PURE__ */ E("div", {
 				className: ee,
-				children: [/* @__PURE__ */ C("div", {
+				children: [/* @__PURE__ */ T("div", {
 					className: d,
 					children: b
-				}), /* @__PURE__ */ C("aside", {
+				}), /* @__PURE__ */ T("aside", {
 					className: te,
 					children: x
 				})]
-			}) : /* @__PURE__ */ C("div", {
+			}) : /* @__PURE__ */ T("div", {
 				className: ne,
 				children: b
 			});
-			return /* @__PURE__ */ w(S, { children: [
-				T,
+			return /* @__PURE__ */ E(de, { children: [
+				w,
 				D,
-				m != null && v(m) && /* @__PURE__ */ C(o, {
-					isOpen: !0,
+				m != null && v(m) && /* @__PURE__ */ T(o, {
+					open: !0,
 					action: m,
 					node: n,
-					onClose: () => {
-						Z(null);
+					onOpenChange: (e) => {
+						e || Z(null);
 					}
 				})
 			] });
 		}
 	});
-}, Z = ({ prepared: e }) => /* @__PURE__ */ C(X, {
+}, Z = ({ prepared: e }) => /* @__PURE__ */ T(X, {
 	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 '@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 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  return (\n    <BackofficeEntityDetailScaffold\n      node={fragmentNode}\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":["import { 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, RouterButtonLink } from '@plumile/ui/button';\nimport {\n  DataTable,\n  FormattedDate,\n  MetricCard,\n  type MetricCardProps,\n  MetricTileGroup,\n  PropertyList,\n  useToast,\n} from '@plumile/ui';\nimport { Tag } from '@plumile/ui/backoffice/atoms/tag/Tag.js';\nimport { BackofficeDetailSection } from '@plumile/ui/backoffice/molecules/backoffice_detail_section/BackofficeDetailSection.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 { ChatCheckSvg } from '@plumile/ui/icons/ChatCheckSvg';\nimport { KeyOffSvg } from '@plumile/ui/icons/KeyOffSvg';\nimport { KeySvg } from '@plumile/ui/icons/KeySvg';\nimport { LockOpenSvg } from '@plumile/ui/icons/LockOpenSvg';\nimport { LockSvg } from '@plumile/ui/icons/LockSvg';\nimport { RobotCheckSvg } from '@plumile/ui/icons/RobotCheckSvg';\nimport { RobotXSvg } from '@plumile/ui/icons/RobotXSvg';\nimport { RocketOffSvg } from '@plumile/ui/icons/RocketOffSvg';\nimport { RocketSvg } from '@plumile/ui/icons/RocketSvg';\nimport { SettingsCheckSvg } from '@plumile/ui/icons/SettingsCheckSvg';\nimport { SettingsXSvg } from '@plumile/ui/icons/SettingsXSvg';\nimport { ShieldLockSvg } from '@plumile/ui/icons/ShieldLockSvg';\nimport { ShieldOffSvg } from '@plumile/ui/icons/ShieldOffSvg';\nimport { XBadgeSvg } from '@plumile/ui/icons/XBadgeSvg';\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 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  return (\n    <BackofficeEntityDetailScaffold\n      node={fragmentNode}\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 presentation = {\n                variant: action.variant ?? 'soft',\n                tone: action.tone ?? 'neutral',\n              } as const;\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                  <RouterButtonLink\n                    key={action.id}\n                    to={href}\n                    variant={presentation.variant}\n                    tone={presentation.tone}\n                    size={size}\n                    disabled={isDisabled}\n                    aria-label={ariaLabel}\n                    preloadOnHover=\"code-and-data\"\n                  >\n                    {label}\n                  </RouterButtonLink>\n                );\n              }\n\n              if (isFormMutationAction(action)) {\n                return (\n                  <Button\n                    key={action.id}\n                    type=\"button\"\n                    variant={presentation.variant}\n                    tone={presentation.tone}\n                    size={size}\n                    loading={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={presentation.variant}\n                    tone={presentation.tone}\n                    size={size}\n                    loading={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                        const normalizedCopyValue = metric.copyValue?.trim();\n                        const copyProps =\n                          normalizedCopyValue == null ||\n                          normalizedCopyValue === ''\n                            ? { copyValue: undefined }\n                            : {\n                                copyValue: normalizedCopyValue,\n                                copyLabel: t('common.actions.copy'),\n                                copiedLabel: t('common.actions.copied'),\n                              };\n                        const metricProps = {\n                          ...copyProps,\n                          label: metric.label,\n                          value: metric.value,\n                          hint: metric.hint,\n                          tone: metric.tone ?? 'neutral',\n                          density: density ?? 'comfortable',\n                        } satisfies MetricCardProps;\n                        return <MetricCard key={metric.id} {...metricProps} />;\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                    aria-label={title}\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                  <PropertyList 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                  open\n                  action={activeFormAction}\n                  node={view}\n                  onOpenChange={(open) => {\n                    if (!open) 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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"}