@plumile/backoffice-react 0.1.167 → 0.1.169

package/lib/esm/pages/BackofficeEntityDetailPage.js

@@ -1,48 +1,50 @@
 import { useBackofficeReactTranslation as e } from "../i18n/useBackofficeReactTranslation.js";
 import { resolveMutationOutcome as t } from "../relay/mutationResult.js";
 import { useBackofficeConfig as n } from "../provider/BackofficeConfigContext.js";
-import { resolveToastSpec as r, resolveToastViewActions as i } from "../components/backoffice/actions/toastViewAction.js";
-import { LazyBackofficeEntityActionFormDialog as a } from "../components/backoffice/actions/LazyBackofficeEntityActionFormDialog.js";
-import { buildDataTableColumns as o } from "../components/backoffice/columns/buildDataTableColumns.js";
-import { BackofficeDetailBadgeRow as s } from "../components/backoffice/detail/BackofficeDetailBadgeRow.js";
-import { BackofficeDetailFlagTag as c } from "../components/backoffice/detail/BackofficeDetailFlagTag.js";
-import { BackofficeLazyEntityCount as l } from "../components/backoffice/refs/BackofficeLazyEntityCount.js";
-import { BackofficeDetailTaggedValue as u } from "../components/backoffice/detail/BackofficeDetailTaggedValue.js";
-import { BackofficeLifecycleTimelineSection as d } from "../components/backoffice/detail/BackofficeLifecycleTimelineSection.js";
+import { useBackofficeFragment as r } from "../relay/typedRelayHooks.js";
+import { resolveToastSpec as i, resolveToastViewActions as a } from "../components/backoffice/actions/toastViewAction.js";
+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 { BackofficeLazyEntityCount as u } from "../components/backoffice/refs/BackofficeLazyEntityCount.js";
+import { BackofficeDetailTaggedValue as d } from "../components/backoffice/detail/BackofficeDetailTaggedValue.js";
+import { BackofficeLifecycleTimelineSection as f } 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 { BackofficeEntityDetailScaffold as f } from "../components/backoffice/scaffolds/BackofficeEntityDetailScaffold.js";
-import { useBackofficeFormats as p } from "../i18n/useBackofficeFormats.js";
-import { useRelayEnvironment as m } from "../relay/useRelayEnvironment.js";
-import { resolveVisibleDetailPages as h } from "./detail/pageResolution.js";
+import { BackofficeEntityDetailScaffold as p } from "../components/backoffice/scaffolds/BackofficeEntityDetailScaffold.js";
+import { useBackofficeEntityDetailNotFoundState as m } from "../components/backoffice/scaffolds/BackofficeEntityDetailNotFound.js";
+import { useBackofficeFormats as h } from "../i18n/useBackofficeFormats.js";
+import { useRelayEnvironment as g } from "../relay/useRelayEnvironment.js";
+import { resolveVisibleDetailPages as _ } from "./detail/pageResolution.js";
 import { headerActions as ae } from "./backofficeEntityDetailPage.css.js";
-import { extractMutationPayload as oe, isFormMutationAction as g, isMutationAction as _, isRouteAction as se, resolveLabel as v } from "./BackofficeEntityDetailPage.helpers.js";
-import { buildFieldItems as ce, renderBlocks as le } from "./BackofficeEntityDetailPage.view-helpers.js";
-import { useBackofficeEntityDetailLayoutContext as y } from "./detail/BackofficeEntityDetailLayoutContext.js";
-import { BackofficeRedirect as b } from "./BackofficeRedirect.js";
-import { useContext as x, useMemo as S, useState as C } from "react";
-import { Fragment as ue, jsx as w, jsxs as T } from "react/jsx-runtime";
-import { useTranslation as E } from "react-i18next";
+import { extractMutationPayload as oe, isFormMutationAction as v, isMutationAction as se, isRouteAction as ce, resolveLabel as y } from "./BackofficeEntityDetailPage.helpers.js";
+import { buildFieldItems as le, renderBlocks as ue } from "./BackofficeEntityDetailPage.view-helpers.js";
+import { useBackofficeEntityDetailLayoutContext as b } from "./detail/BackofficeEntityDetailLayoutContext.js";
+import { BackofficeRedirect as x } from "./BackofficeRedirect.js";
+import { useContext as S, useMemo as C, useState as w } from "react";
+import { Fragment as de, jsx as T, jsxs as E } from "react/jsx-runtime";
+import { useTranslation as fe } from "react-i18next";
 import { Button as D } from "@plumile/ui/atomic/atoms/button/Button.js";
-import { commitMutation as de, useFragment as O, usePreloadedQuery as fe } from "react-relay";
-import { useToast as pe } from "@plumile/ui/atomic/molecules/toast/ToastProvider.js";
-import me from "@plumile/router/routing/RoutingContext.js";
+import { commitMutation as pe, usePreloadedQuery as O } 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 k } from "@plumile/ui/atomic/atoms/formatted-date/FormattedDate.js";
 import { BACKOFFICE_DATE_TIME_OPTIONS as A } from "@plumile/backoffice-core/constants.js";
 import j from "@plumile/router/routing/Link.js";
 import { Tag as M } from "@plumile/ui/backoffice/atoms/tag/Tag.js";
-import { buildBackofficeFallbackListHref as he, buildBackofficeListHref as ge, buildBackofficeListLink as _e } from "@plumile/backoffice-core/state/buildListHref.js";
-import { BackofficeDetailSection as N } from "@plumile/ui/backoffice/molecules/backoffice_detail_section/BackofficeDetailSection.js";
-import { BackofficePayloadViewer as P } from "@plumile/ui/backoffice/molecules/backoffice_payload_viewer/BackofficePayloadViewer.js";
-import { setWhereValue as F } from "@plumile/backoffice-core/filters/where.js";
-import { AuditTimeline as I } 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 { DataTable as be } from "@plumile/ui/components/data-table/DataTable.js";
-import { BackofficeKeyValueList as L } from "@plumile/ui/backoffice/molecules/backoffice_key_value_list/BackofficeKeyValueList.js";
+import { buildBackofficeFallbackListHref as ge, buildBackofficeListHref as _e, buildBackofficeListLink as N } from "@plumile/backoffice-core/state/buildListHref.js";
+import { BackofficeDetailSection as P } from "@plumile/ui/backoffice/molecules/backoffice_detail_section/BackofficeDetailSection.js";
+import { BackofficePayloadViewer as F } from "@plumile/ui/backoffice/molecules/backoffice_payload_viewer/BackofficePayloadViewer.js";
+import { setWhereValue as I } from "@plumile/backoffice-core/filters/where.js";
+import { AuditTimeline as ve } from "@plumile/ui/backoffice/organisms/audit_timeline/AuditTimeline.js";
+import { MetricCard as ye } from "@plumile/ui/components/dashboard/metric_card/MetricCard.js";
+import { MetricTileGroup as be } from "@plumile/ui/components/dashboard/metric_tile_group/MetricTileGroup.js";
 import { LinkButton as xe } from "@plumile/ui/atomic/atoms/button/LinkButton.js";
-import { BackofficeRelationsMenu as Se } from "@plumile/ui/backoffice/molecules/backoffice_relations_menu/BackofficeRelationsMenu.js";
-import { BackofficeScopeStack as Ce } from "@plumile/ui/backoffice/molecules/backoffice_scope_stack/BackofficeScopeStack.js";
+import { DataTable as L } from "@plumile/ui/components/data-table/DataTable.js";
+import { BackofficeKeyValueList as Se } from "@plumile/ui/backoffice/molecules/backoffice_key_value_list/BackofficeKeyValueList.js";
+import { BackofficeRelationsMenu as Ce } from "@plumile/ui/backoffice/molecules/backoffice_relations_menu/BackofficeRelationsMenu.js";
+import { BackofficeScopeStack as we } from "@plumile/ui/backoffice/molecules/backoffice_scope_stack/BackofficeScopeStack.js";
 import { ChatCheckSvg as R } from "@plumile/ui/icons/ChatCheckSvg.js";
 import { KeyOffSvg as z } from "@plumile/ui/icons/KeyOffSvg.js";
 import { KeySvg as B } from "@plumile/ui/icons/KeySvg.js";
@@ -58,120 +60,121 @@ import { ShieldLockSvg as Y } from "@plumile/ui/icons/ShieldLockSvg.js";
 import { ShieldOffSvg as X } from "@plumile/ui/icons/ShieldOffSvg.js";
 import { XBadgeSvg as Z } from "@plumile/ui/icons/XBadgeSvg.js";
 //#region src/pages/BackofficeEntityDetailPage.tsx
-var we = (e) => {
+var Te = (e) => {
 	switch (e) {
-		case "shield-lock": return /* @__PURE__ */ w(Y, {
+		case "shield-lock": return /* @__PURE__ */ T(Y, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "shield-off": return /* @__PURE__ */ w(X, {
+		case "shield-off": return /* @__PURE__ */ T(X, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "settings-check": return /* @__PURE__ */ w(q, {
+		case "settings-check": return /* @__PURE__ */ T(q, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "settings-x": return /* @__PURE__ */ w(J, {
+		case "settings-x": return /* @__PURE__ */ T(J, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "x-badge": return /* @__PURE__ */ w(Z, {
+		case "x-badge": return /* @__PURE__ */ T(Z, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "chat-check": return /* @__PURE__ */ w(R, {
+		case "chat-check": return /* @__PURE__ */ T(R, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "key": return /* @__PURE__ */ w(B, {
+		case "key": return /* @__PURE__ */ T(B, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "key-off": return /* @__PURE__ */ w(z, {
+		case "key-off": return /* @__PURE__ */ T(z, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "lock": return /* @__PURE__ */ w(H, {
+		case "lock": return /* @__PURE__ */ T(H, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "lock-open": return /* @__PURE__ */ w(V, {
+		case "lock-open": return /* @__PURE__ */ T(V, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "robot-check": return /* @__PURE__ */ w(U, {
+		case "robot-check": return /* @__PURE__ */ T(U, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "robot-x": return /* @__PURE__ */ w(W, {
+		case "robot-x": return /* @__PURE__ */ T(W, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "rocket": return /* @__PURE__ */ w(K, {
+		case "rocket": return /* @__PURE__ */ T(K, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "rocket-off": return /* @__PURE__ */ w(G, {
+		case "rocket-off": return /* @__PURE__ */ T(G, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
 		default: throw Error(`Unsupported flag icon: ${String(e)}`);
 	}
-}, Te = (e) => {
+}, Ee = (e) => {
 	if (e.presentation?.desktop === "secondary" || e.presentation?.group === "scope" || e.presentation?.group === "status") return "secondary";
 	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";
-}, Q = ({ config: h, prepared: y }) => {
-	let { t: b } = E(), { t: R } = e(), { formatNumber: z, formatCurrency: B, formatCurrencyTitle: V, formatPercent: H } = p(), { entities: U, entityRegistry: W } = n(), G = x(me), K = m(), q = pe(), [J, Y] = C({}), [X, Z] = C(null), Q = (e, t) => {
+}, Q = ({ config: _, prepared: b }) => {
+	let { t: x } = fe(), { t: R } = e(), { formatNumber: z, formatCurrency: B, formatCurrencyTitle: V, formatPercent: H } = h(), { entities: U, entityRegistry: W } = n(), G = S(he), K = g(), q = me(), [J, Y] = w({}), [X, Z] = w(null), Q = (e, t) => {
 		Y((n) => n[e] === t ? n : {
 			...n,
 			[e]: t
 		});
-	}, { page: $ } = h, Ee = fe($.query, y.pageQuery), De = $.resolveNode(Ee, {
-		id: y.id,
-		detailId: y.detailId
-	}), Oe = O($.fragment, De), ke = S(() => Object.fromEntries($.content.flatMap((e) => e.kind === "fieldSet" ? e.fields.flatMap((e) => e.type === "relation" ? [e.relation.target] : []) : []).flatMap((e) => {
+	}, { page: $ } = _, De = m({ listHref: _.routes.list }), Oe = O($.query, b.pageQuery), ke = $.resolveNode(Oe, {
+		id: b.id,
+		detailId: b.detailId
+	}), Ae = r($.fragment, ke), je = C(() => Object.fromEntries($.content.flatMap((e) => e.kind === "fieldSet" ? e.fields.flatMap((e) => e.type === "relation" ? [e.relation.target] : []) : []).flatMap((e) => {
 		let t = U[e];
 		return t?.hasList === !0 ? [[e, t.routes.list]] : [];
 	})), [U, $.content]);
-	return /* @__PURE__ */ w(f, {
-		node: Oe,
+	return /* @__PURE__ */ T(p, {
+		node: Ae,
+		notFound: De,
 		render: (e) => {
-			let n = $.toView(e), f = (e, t) => {
+			let n = $.toView(e), r = (e, t) => {
 				let n = U[e];
 				return n == null ? null : n.routes.detail(t);
 			}, p = ({ id: e, label: t, relation: n, listRoute: r, value: i, where: a }) => {
-				let { target: o, filterId: s, whereKey: c, path: u } = n, d = W.getLoadedListEntity(o);
+				let { target: o, filterId: s, whereKey: c, path: l } = n, d = W.getLoadedListEntity(o);
 				return {
 					id: e,
 					label: t,
-					count: /* @__PURE__ */ w(l, {
+					count: /* @__PURE__ */ T(u, {
 						entity: o,
 						where: a
 					}),
-					href: d == null ? he(r, a, [{
-						id: s ?? (u == null ? c : `${c}.${u.join(".")}`),
+					href: d == null ? ge(r, a, [{
+						id: s ?? (l == null ? c : `${c}.${l.join(".")}`),
 						value: i
-					}]) : ge(d.config, { where: a }),
+					}]) : _e(d.config, { where: a }),
 					onClick: async (e) => {
 						if (G == null || e.defaultPrevented || e.button !== 0 || e.metaKey || e.altKey || e.ctrlKey || e.shiftKey) return;
 						e.preventDefault();
-						let t = _e((await W.loadListEntity(o)).config, { where: a });
+						let t = N((await W.loadListEntity(o)).config, { where: a });
 						G.history.push({
 							pathname: t.pathname,
 							search: t.search === "" ? "" : `?${t.search}`,
@@ -183,16 +186,16 @@ var we = (e) => {
 			if (m.length > 0) {
 				let e = m.filter((e) => e.isVisible == null ? !0 : e.isVisible(n));
 				e.length > 0 && (h = e.map((e) => {
-					let a = v(e.label, b), o = e.ariaLabel == null ? a : v(e.ariaLabel, b), s = e.variant ?? "secondary", c = e.size ?? "small", l = J[e.id] ?? !1, u = l || e.isDisabled?.(n) === !0;
-					return se(e) ? /* @__PURE__ */ w(xe, {
+					let r = y(e.label, x), o = e.ariaLabel == null ? r : y(e.ariaLabel, x), s = e.variant ?? "secondary", c = e.size ?? "small", l = J[e.id] ?? !1, u = l || e.isDisabled?.(n) === !0;
+					return ce(e) ? /* @__PURE__ */ T(xe, {
 						to: e.to(n),
 						variant: s,
 						size: c,
 						isDisabled: u,
 						"aria-label": o,
 						preloadOnMouseEnter: !0,
-						children: a
-					}, e.id) : g(e) ? /* @__PURE__ */ w(D, {
+						children: r
+					}, e.id) : v(e) ? /* @__PURE__ */ T(D, {
 						type: "button",
 						variant: s,
 						size: c,
@@ -202,8 +205,8 @@ var we = (e) => {
 							Z(e.id);
 						},
 						"aria-label": o,
-						children: a
-					}, e.id) : _(e) ? /* @__PURE__ */ w(D, {
+						children: r
+					}, e.id) : se(e) ? /* @__PURE__ */ T(D, {
 						type: "button",
 						variant: s,
 						size: c,
@@ -211,41 +214,41 @@ var we = (e) => {
 						disabled: u,
 						onClick: () => {
 							if (l) return;
-							let a = e.getVariables(n);
-							Q(e.id, !0), de(K, {
+							let r = e.getVariables(n);
+							Q(e.id, !0), pe(K, {
 								mutation: e.mutation,
-								variables: a,
+								variables: r,
 								updater: (t) => {
 									e.updater?.(t, n);
 								},
-								onCompleted: (a) => {
+								onCompleted: (r) => {
 									Q(e.id, !1);
-									let o = oe(a);
+									let o = oe(r);
 									if (o != null) {
-										let i = R("actions.form.errors.invalidPayload");
-										e.toasts?.error?.message == null ? e.toasts?.error?.title != null && (i = v(e.toasts.error.title, b)) : i = v(e.toasts.error.message, b);
+										let r = R("actions.form.errors.invalidPayload");
+										e.toasts?.error?.message == null ? e.toasts?.error?.title != null && (r = y(e.toasts.error.title, x)) : r = y(e.toasts.error.message, x);
 										let a = t(o, {
-											defaultErrorMessage: i,
+											defaultErrorMessage: r,
 											mapReason: (t) => {
 												let r = e.mapErrorReason?.(t, n);
-												return r == null ? null : typeof r == "function" ? v(r, b) : String(r);
+												return r == null ? null : typeof r == "function" ? y(r, x) : String(r);
 											}
 										});
 										if (!a.ok) {
 											let t = Error(a.message);
 											if (e.onError?.(t, n), e.toasts?.error != null) {
-												let t = r(e.toasts.error, b);
+												let t = i(e.toasts.error, x);
 												q.error(t.title, t.message);
 											}
 											return;
 										}
 									}
-									if (e.onCompleted?.(a, n), e.toasts?.success != null) {
-										let t = r(e.toasts.success, b), o = i({
+									if (e.onCompleted?.(r, n), e.toasts?.success != null) {
+										let t = i(e.toasts.success, x), o = a({
 											toast: e.toasts.success,
-											response: a,
+											response: r,
 											node: n,
-											tApp: b,
+											tApp: x,
 											entities: U,
 											defaultLabel: R("actions.view"),
 											navigateTo: (e) => {
@@ -262,95 +265,95 @@ var we = (e) => {
 								},
 								onError: (t) => {
 									if (Q(e.id, !1), e.onError?.(t, n), e.toasts?.error != null) {
-										let t = r(e.toasts.error, b);
+										let t = i(e.toasts.error, x);
 										q.error(t.title, t.message);
 									}
 								}
 							});
 						},
 						"aria-label": o,
-						children: a
+						children: r
 					}, e.id) : null;
 				}));
 			}
-			let y = m.find((e) => e.id === X), { content: x } = $, S = [], C = [], E = [];
-			x.forEach((e, t) => {
-				let r = Te(e) === "secondary" ? C : S;
+			let g = m.find((e) => e.id === X), { content: _ } = $, b = [], S = [], C = [];
+			_.forEach((e, t) => {
+				let i = Ee(e) === "secondary" ? S : b;
 				if (e.kind === "fieldSet") {
-					let i = v(e.title, b), a = e.description == null ? void 0 : v(e.description, b), { items: o, relationItems: l, customNodes: d } = ce(e.fields, n, {
-						tApp: b,
+					let a = y(e.title, x), o = e.description == null ? void 0 : y(e.description, x), { items: s, relationItems: u, customNodes: f } = le(e.fields, n, {
+						tApp: x,
 						t: R,
-						resolveEntityHref: f,
+						resolveEntityHref: r,
 						formatNumber: z,
 						formatCurrency: B,
 						formatCurrencyTitle: V,
 						formatPercent: H,
-						relationEntityListRoutes: ke,
+						relationEntityListRoutes: je,
 						resolveRelationItem: p,
-						setWhereValue: F,
-						renderTag: (e, t) => /* @__PURE__ */ w(M, {
+						setWhereValue: I,
+						renderTag: (e, t) => /* @__PURE__ */ T(M, {
 							tone: e,
 							children: t
 						}),
-						renderBadgeRow: (e) => /* @__PURE__ */ w(s, { items: e }),
-						renderDate: (e, t) => /* @__PURE__ */ w(k, {
+						renderBadgeRow: (e) => /* @__PURE__ */ T(c, { items: e }),
+						renderDate: (e, t) => /* @__PURE__ */ T(k, {
 							value: e,
 							options: A,
 							fallback: t
 						}),
-						renderFlagTag: (e) => /* @__PURE__ */ w(c, {
+						renderFlagTag: (e) => /* @__PURE__ */ T(l, {
 							tone: e.tone,
-							icon: e.iconName == null ? void 0 : we(e.iconName),
+							icon: e.iconName == null ? void 0 : Te(e.iconName),
 							label: e.label
 						}),
-						renderLink: (e, t) => /* @__PURE__ */ w(j, {
+						renderLink: (e, t) => /* @__PURE__ */ T(j, {
 							to: e,
 							preloadOnMouseEnter: !0,
 							children: t
 						}),
-						renderTaggedValue: (e, t) => /* @__PURE__ */ w(u, {
+						renderTaggedValue: (e, t) => /* @__PURE__ */ T(d, {
 							tag: e,
 							value: t
 						}),
-						wrapCustomNode: (e, t) => /* @__PURE__ */ w("div", { children: t }, e)
+						wrapCustomNode: (e, t) => /* @__PURE__ */ T("div", { children: t }, e)
 					});
-					if (l.forEach((e) => {
-						E.some((t) => t.id === e.id) || E.push(e);
-					}), !(o.length > 0 || d.length > 0)) return;
-					r.push(/* @__PURE__ */ w(N, {
-						title: i,
-						description: a,
-						items: o.length > 0 ? o : void 0,
-						children: d
-					}, `${i}-${t}`));
+					if (u.forEach((e) => {
+						C.some((t) => t.id === e.id) || C.push(e);
+					}), !(s.length > 0 || f.length > 0)) return;
+					i.push(/* @__PURE__ */ T(P, {
+						title: a,
+						description: o,
+						items: s.length > 0 ? s : void 0,
+						children: f
+					}, `${a}-${t}`));
 					return;
 				}
-				let i = le([e], n, {
-					tApp: b,
+				let a = ue([e], n, {
+					tApp: x,
 					t: R,
-					resolveEntityHref: f,
+					resolveEntityHref: r,
 					keyPrefix: String(t),
-					renderLink: (e, t) => /* @__PURE__ */ w(j, {
+					renderLink: (e, t) => /* @__PURE__ */ T(j, {
 						to: e,
 						preloadOnMouseEnter: !0,
 						children: t
 					}),
-					renderDate: (e, t) => /* @__PURE__ */ w(k, {
+					renderDate: (e, t) => /* @__PURE__ */ T(k, {
 						value: e,
 						options: A,
 						fallback: t
 					}),
-					renderTag: (e, t) => /* @__PURE__ */ w(M, {
+					renderTag: (e, t) => /* @__PURE__ */ T(M, {
 						tone: e,
 						children: t
 					}),
-					renderMetricGroup: ({ key: e, title: t, description: n, density: r, items: i }) => /* @__PURE__ */ w(N, {
+					renderMetricGroup: ({ key: e, title: t, description: n, density: r, items: i }) => /* @__PURE__ */ T(P, {
 						title: t,
 						description: n,
-						children: i.length > 0 && /* @__PURE__ */ w(ye, {
+						children: i.length > 0 && /* @__PURE__ */ T(be, {
 							density: r ?? "comfortable",
 							minColumn: "180",
-							children: i.map((e) => /* @__PURE__ */ w(ve, {
+							children: i.map((e) => /* @__PURE__ */ T(ye, {
 								label: e.label,
 								value: e.value,
 								hint: e.hint,
@@ -362,37 +365,37 @@ var we = (e) => {
 							}, e.id))
 						})
 					}, e),
-					renderTimeline: ({ key: e, title: t, description: n, events: r }) => /* @__PURE__ */ w(d, {
+					renderTimeline: ({ key: e, title: t, description: n, events: r }) => /* @__PURE__ */ T(f, {
 						title: t,
 						description: n,
 						events: r
 					}, e),
-					renderAuditTimeline: ({ key: e, title: t, description: n, events: r }) => /* @__PURE__ */ w(N, {
+					renderAuditTimeline: ({ key: e, title: t, description: n, events: r }) => /* @__PURE__ */ T(P, {
 						title: t,
 						description: n,
-						children: /* @__PURE__ */ w(I, { events: r })
+						children: /* @__PURE__ */ T(ve, { events: r })
 					}, e),
-					renderRelations: ({ key: e, title: t, items: n }) => /* @__PURE__ */ w(ee, {
+					renderRelations: ({ key: e, title: t, items: n }) => /* @__PURE__ */ T(ee, {
 						title: t,
 						items: n
 					}, e),
-					renderContextStack: ({ key: e, title: t, items: n }) => /* @__PURE__ */ w(Ce, {
+					renderContextStack: ({ key: e, title: t, items: n }) => /* @__PURE__ */ T(we, {
 						title: t,
 						items: n
 					}, e),
-					renderCustomSection: (e, t, n) => /* @__PURE__ */ w(N, {
+					renderCustomSection: (e, t, n) => /* @__PURE__ */ T(P, {
 						title: t,
 						children: n
 					}, e),
-					wrapCustomNode: (e, t) => /* @__PURE__ */ w("div", { children: t }, e),
-					resolveTableColumns: (e) => o(e, {
-						tApp: b,
+					wrapCustomNode: (e, t) => /* @__PURE__ */ T("div", { children: t }, e),
+					resolveTableColumns: (e) => s(e, {
+						tApp: x,
 						t: R
 					}),
-					renderTable: ({ key: e, title: t, description: n, columns: r, rows: i }) => /* @__PURE__ */ w(N, {
+					renderTable: ({ key: e, title: t, description: n, columns: r, rows: i }) => /* @__PURE__ */ T(P, {
 						title: t,
 						description: n,
-						children: /* @__PURE__ */ w(be, {
+						children: /* @__PURE__ */ T(L, {
 							columns: r,
 							rows: i,
 							getRowId: (e, t) => {
@@ -404,54 +407,54 @@ var we = (e) => {
 							}
 						})
 					}, e),
-					renderPayload: ({ key: e, title: t, description: n, content: r, format: i }) => /* @__PURE__ */ w(N, {
+					renderPayload: ({ key: e, title: t, description: n, content: r, format: i }) => /* @__PURE__ */ T(P, {
 						title: t,
 						description: n,
-						children: /* @__PURE__ */ w(P, {
+						children: /* @__PURE__ */ T(F, {
 							content: r,
 							format: i,
 							emptyState: R("common.notAvailable")
 						})
 					}, e),
-					renderKeyValueListSection: ({ key: e, title: t, description: n, items: r }) => /* @__PURE__ */ w(N, {
+					renderKeyValueListSection: ({ key: e, title: t, description: n, items: r }) => /* @__PURE__ */ T(P, {
 						title: t,
 						description: n,
-						children: /* @__PURE__ */ w(L, { items: r })
+						children: /* @__PURE__ */ T(Se, { items: r })
 					}, e)
 				})[0];
-				i != null && r.push(i);
+				a != null && i.push(a);
 			});
-			let O = E.length > 0 ? /* @__PURE__ */ w(Se, {
+			let w = C.length > 0 ? /* @__PURE__ */ T(Ce, {
 				label: R("relations.menu.label"),
-				items: E
+				items: C
 			}) : null;
-			return /* @__PURE__ */ T(ue, { children: [
-				h.length > 0 || O != null ? /* @__PURE__ */ T("div", {
+			return /* @__PURE__ */ E(de, { children: [
+				h.length > 0 || w != null ? /* @__PURE__ */ E("div", {
 					className: ae,
-					children: [h.length > 0 && /* @__PURE__ */ w("div", {
+					children: [h.length > 0 && /* @__PURE__ */ T("div", {
 						className: "txvbqbfpn txvbqbey txvbqblsh txvbqbhdl txvbqbh7g",
 						children: h
-					}), O != null && /* @__PURE__ */ w("div", {
+					}), w != null && /* @__PURE__ */ T("div", {
 						className: "txvbqbfpn txvbqbey txvbqb10mr txvbqbb49 txvbqbbkc txvbqb2sj txvbqb7tt",
-						children: O
+						children: w
 					})]
 				}) : null,
-				C.length > 0 ? /* @__PURE__ */ T("div", {
+				S.length > 0 ? /* @__PURE__ */ E("div", {
 					className: te,
-					children: [/* @__PURE__ */ w("div", {
+					children: [/* @__PURE__ */ T("div", {
 						className: ne,
-						children: S
-					}), /* @__PURE__ */ w("aside", {
+						children: b
+					}), /* @__PURE__ */ T("aside", {
 						className: re,
-						children: C
+						children: S
 					})]
-				}) : /* @__PURE__ */ w("div", {
+				}) : /* @__PURE__ */ T("div", {
 					className: ie,
-					children: S
+					children: b
 				}),
-				y != null && g(y) && /* @__PURE__ */ w(a, {
+				g != null && v(g) && /* @__PURE__ */ T(o, {
 					isOpen: !0,
-					action: y,
+					action: g,
 					node: n,
 					onClose: () => {
 						Z(null);
@@ -461,16 +464,16 @@ var we = (e) => {
 		}
 	});
 }, $ = ({ config: e, prepared: t }) => {
-	let { layoutView: n } = y(), r = h({
+	let { layoutView: n } = b(), r = _({
 		mainPage: e.pages.mainPage,
 		subPages: e.pages.subPages,
 		activePagePath: t.pagePath,
 		node: n
 	});
-	return !r.hasVisiblePages || r.activePage == null ? /* @__PURE__ */ w(b, { to: e.routes.list }) : r.activePage.id === t.pageId ? /* @__PURE__ */ w(Q, {
+	return !r.hasVisiblePages || r.activePage == null ? /* @__PURE__ */ T(x, { to: e.routes.list }) : r.activePage.id === t.pageId ? /* @__PURE__ */ T(Q, {
 		config: t.pageConfig,
 		prepared: t
-	}) : /* @__PURE__ */ w(b, { to: e.routes.detailPage(t.id, r.activePage.id) });
+	}) : /* @__PURE__ */ T(x, { to: e.routes.detailPage(t.id, r.activePage.id) });
 };
 //#endregion
 export { $ as BackofficeEntityDetailPage, $ as default };