@plumile/backoffice-react 0.1.200 → 0.1.205

package/lib/esm/pages/BackofficeEntityDetailPage.js

@@ -1,161 +1,161 @@
 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 { useBackofficeFragment as r } from "../relay/typedRelayHooks.js";
+import { useBackofficeRuntimeFragment 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 { BackofficeDetailTaggedValue as u } from "../components/backoffice/detail/BackofficeDetailTaggedValue.js";
-import { BackofficeLifecycleTimelineSection as d } from "../components/backoffice/detail/BackofficeLifecycleTimelineSection.js";
-import { BackofficeRelationsSummaryGrid as f } from "../components/backoffice/detail/BackofficeRelationsSummaryGrid.js";
-import { layout as ee, primary as te, secondary as ne, stacked as re } from "../components/backoffice/detail/backofficeDetailLayout.css.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 { headerActionGroup as ie, headerActions as ae } from "./backofficeEntityDetailPage.css.js";
-import { extractMutationPayload as oe, isFormMutationAction as _, isMutationAction as se, isRouteAction as ce, resolveLabel as v } from "./BackofficeEntityDetailPage.helpers.js";
-import { buildFieldItems as y, renderBlocks as le } from "./BackofficeEntityDetailPage.view-helpers.js";
-import { useContext as b, useState as x } from "react";
-import { Fragment as ue, jsx as S, jsxs as C } from "react/jsx-runtime";
-import { useTranslation as w } from "react-i18next";
-import { Button as T } from "@plumile/ui/atomic/atoms/button/Button.js";
-import { commitMutation as de, usePreloadedQuery as E } from "react-relay";
-import { useToast as fe } from "@plumile/ui/atomic/molecules/toast/ToastProvider.js";
-import pe from "@plumile/router/routing/RoutingContext.js";
-import { FormattedDate as D } from "@plumile/ui/atomic/atoms/formatted-date/FormattedDate.js";
-import { BACKOFFICE_DATE_TIME_OPTIONS as O } from "@plumile/backoffice-core/constants.js";
-import k from "@plumile/router/routing/Link.js";
-import { Tag as A } from "@plumile/ui/backoffice/atoms/tag/Tag.js";
-import { BackofficeDetailSection as j } from "@plumile/ui/backoffice/molecules/backoffice_detail_section/BackofficeDetailSection.js";
-import { BackofficePayloadViewer as me } from "@plumile/ui/backoffice/molecules/backoffice_payload_viewer/BackofficePayloadViewer.js";
-import { AuditTimeline as he } from "@plumile/ui/backoffice/organisms/audit_timeline/AuditTimeline.js";
-import { MetricCard as ge } from "@plumile/ui/components/dashboard/metric_card/MetricCard.js";
-import { MetricTileGroup as _e } from "@plumile/ui/components/dashboard/metric_tile_group/MetricTileGroup.js";
-import { LinkButton as M } 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 { 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 { BackofficeLifecycleTimelineSection as l } from "../components/backoffice/detail/BackofficeLifecycleTimelineSection.js";
+import { BackofficeRelationsSummaryGrid as u } from "../components/backoffice/detail/BackofficeRelationsSummaryGrid.js";
+import { layout as ee, primary as te, secondary as ne, stacked as d } from "../components/backoffice/detail/backofficeDetailLayout.css.js";
+import { BackofficeEntityDetailScaffold as f } from "../components/backoffice/scaffolds/BackofficeEntityDetailScaffold.js";
+import { useBackofficeEntityDetailNotFoundState as p } from "../components/backoffice/scaffolds/BackofficeEntityDetailNotFound.js";
+import { useBackofficeFormats as m } from "../i18n/useBackofficeFormats.js";
+import { useRelayEnvironment as h } from "../relay/useRelayEnvironment.js";
+import { headerActionGroup as re, headerActions as ie } from "./backofficeEntityDetailPage.css.js";
+import { extractMutationPayload as ae, isFormMutationAction as g, isMutationAction as oe, isRouteAction as se, resolveLabel as _ } from "./BackofficeEntityDetailPage.helpers.js";
+import { buildFieldItems as ce, renderBlocks as le } from "./BackofficeEntityDetailPage.view-helpers.js";
+import { useContext as v, useState as y } from "react";
+import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
+import { useTranslation as C } from "react-i18next";
+import { Button as w } from "@plumile/ui/atomic/atoms/button/Button.js";
+import { commitMutation as ue, usePreloadedQuery as T } from "react-relay";
+import { useToast as de } from "@plumile/ui/atomic/molecules/toast/ToastProvider.js";
+import fe from "@plumile/router/routing/RoutingContext.js";
+import { FormattedDate as E } from "@plumile/ui/atomic/atoms/formatted-date/FormattedDate.js";
+import { BACKOFFICE_DATE_TIME_OPTIONS as D } from "@plumile/backoffice-core/constants.js";
+import O from "@plumile/router/routing/Link.js";
+import { Tag as k } from "@plumile/ui/backoffice/atoms/tag/Tag.js";
+import { BackofficeDetailSection as A } from "@plumile/ui/backoffice/molecules/backoffice_detail_section/BackofficeDetailSection.js";
+import { BackofficePayloadViewer as pe } from "@plumile/ui/backoffice/molecules/backoffice_payload_viewer/BackofficePayloadViewer.js";
+import { AuditTimeline as me } from "@plumile/ui/backoffice/organisms/audit_timeline/AuditTimeline.js";
+import { MetricCard as he } from "@plumile/ui/components/dashboard/metric_card/MetricCard.js";
+import { MetricTileGroup as ge } from "@plumile/ui/components/dashboard/metric_tile_group/MetricTileGroup.js";
+import { LinkButton as _e } from "@plumile/ui/atomic/atoms/button/LinkButton.js";
+import { DataTable as j } from "@plumile/ui/components/data-table/DataTable.js";
+import { BackofficeKeyValueList as M } from "@plumile/ui/backoffice/molecules/backoffice_key_value_list/BackofficeKeyValueList.js";
+import { BackofficeScopeStack as N } from "@plumile/ui/backoffice/molecules/backoffice_scope_stack/BackofficeScopeStack.js";
+import { ChatCheckSvg as P } from "@plumile/ui/icons/ChatCheckSvg.js";
+import { KeyOffSvg as F } from "@plumile/ui/icons/KeyOffSvg.js";
+import { KeySvg as I } from "@plumile/ui/icons/KeySvg.js";
+import { LockOpenSvg as L } from "@plumile/ui/icons/LockOpenSvg.js";
+import { LockSvg as R } from "@plumile/ui/icons/LockSvg.js";
+import { RobotCheckSvg as z } from "@plumile/ui/icons/RobotCheckSvg.js";
+import { RobotXSvg as B } from "@plumile/ui/icons/RobotXSvg.js";
+import { RocketOffSvg as V } from "@plumile/ui/icons/RocketOffSvg.js";
+import { RocketSvg as H } from "@plumile/ui/icons/RocketSvg.js";
+import { SettingsCheckSvg as U } from "@plumile/ui/icons/SettingsCheckSvg.js";
+import { SettingsXSvg as W } from "@plumile/ui/icons/SettingsXSvg.js";
+import { ShieldLockSvg as G } from "@plumile/ui/icons/ShieldLockSvg.js";
+import { ShieldOffSvg as K } from "@plumile/ui/icons/ShieldOffSvg.js";
+import { XBadgeSvg as q } from "@plumile/ui/icons/XBadgeSvg.js";
+import { BackofficeDetailFlagTag as ve } from "@plumile/ui/backoffice/molecules/backoffice_detail_flag_tag/BackofficeDetailFlagTag.js";
+import { BackofficeDetailTaggedValue as ye } from "@plumile/ui/backoffice/molecules/backoffice_detail_tagged_value/BackofficeDetailTaggedValue.js";
 //#region src/pages/BackofficeEntityDetailPage.tsx
-var ve = (e) => {
+var be = (e) => typeof e != "object" || !e ? !1 : typeof Reflect.get(e, "__typename") == "string", xe = (e) => {
 	switch (e) {
-		case "shield-lock": return /* @__PURE__ */ S(q, {
+		case "shield-lock": return /* @__PURE__ */ x(G, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "shield-off": return /* @__PURE__ */ S(J, {
+		case "shield-off": return /* @__PURE__ */ x(K, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "settings-check": return /* @__PURE__ */ S(G, {
+		case "settings-check": return /* @__PURE__ */ x(U, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "settings-x": return /* @__PURE__ */ S(K, {
+		case "settings-x": return /* @__PURE__ */ x(W, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "x-badge": return /* @__PURE__ */ S(Y, {
+		case "x-badge": return /* @__PURE__ */ x(q, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "chat-check": return /* @__PURE__ */ S(I, {
+		case "chat-check": return /* @__PURE__ */ x(P, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "key": return /* @__PURE__ */ S(R, {
+		case "key": return /* @__PURE__ */ x(I, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "key-off": return /* @__PURE__ */ S(L, {
+		case "key-off": return /* @__PURE__ */ x(F, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "lock": return /* @__PURE__ */ S(B, {
+		case "lock": return /* @__PURE__ */ x(R, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "lock-open": return /* @__PURE__ */ S(z, {
+		case "lock-open": return /* @__PURE__ */ x(L, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "robot-check": return /* @__PURE__ */ S(V, {
+		case "robot-check": return /* @__PURE__ */ x(z, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "robot-x": return /* @__PURE__ */ S(H, {
+		case "robot-x": return /* @__PURE__ */ x(B, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "rocket": return /* @__PURE__ */ S(W, {
+		case "rocket": return /* @__PURE__ */ x(H, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "rocket-off": return /* @__PURE__ */ S(U, {
+		case "rocket-off": return /* @__PURE__ */ x(V, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
 		default: throw Error(`Unsupported flag icon: ${String(e)}`);
 	}
-}, ye = (e) => {
+}, Se = (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";
-}, X = ({ config: I, prepared: L }) => {
-	let { t: R } = w(), { t: z } = e(), { formatNumber: B, formatCurrency: V, formatCurrencyTitle: H, formatPercent: U } = h(), { entities: W } = n(), G = b(pe), K = g(), q = fe(), [J, Y] = x({}), [X, Z] = x(null), Q = (e, t) => {
-		Y((n) => n[e] === t ? n : {
+}, J = ({ config: P, prepared: F }) => {
+	let { t: I } = C(), { t: L } = e(), { formatNumber: R, formatCurrency: z, formatCurrencyTitle: B, formatPercent: V } = m(), { entities: H } = n(), U = v(fe), W = h(), G = de(), [K, q] = y({}), [J, Y] = y(null), X = (e, t) => {
+		q((n) => n[e] === t ? n : {
 			...n,
 			[e]: t
 		});
-	}, { page: $ } = I, be = m({ listHref: I.routes.list }), xe = E($.query, L.pageQuery), Se = $.resolveNode(xe, {
-		id: L.id,
-		detailId: L.detailId
-	}), Ce = r($.fragment, Se);
-	return /* @__PURE__ */ S(p, {
-		node: Ce,
-		notFound: be,
+	}, { page: Z } = P, Ce = p({ listHref: P.routes.list }), we = T(Z.query, F.pageQuery), Q = Z.resolveNode(we, {
+		id: F.id,
+		detailId: F.detailId
+	}), $ = r(Z.fragment, Q), Te = be($) ? $ : null;
+	return /* @__PURE__ */ x(f, {
+		node: Te,
+		notFound: Ce,
 		render: (e) => {
-			let n = $.toView(e), r = (e, t) => {
-				let n = W[e];
+			let n = Z.toView(e), r = (e, t) => {
+				let n = H[e];
 				return n == null ? null : n.routes.detail(t);
-			}, p = $.actions ?? [], m = [];
-			if (p.length > 0) {
-				let e = p.filter((e) => e.isVisible == null || e.isVisible(n));
-				e.length > 0 && (m = e.map((e) => {
-					let r = v(e.label, R), o = e.ariaLabel == null ? r : v(e.ariaLabel, R), s = e.variant ?? "secondary", c = e.size ?? "small", l = J[e.id] ?? !1, u = l || e.isDisabled?.(n) === !0;
-					if (ce(e)) {
+			}, f = Z.actions ?? [], p = [];
+			if (f.length > 0) {
+				let e = f.filter((e) => e.isVisible == null || e.isVisible(n));
+				e.length > 0 && (p = e.map((e) => {
+					let r = _(e.label, I), o = e.ariaLabel == null ? r : _(e.ariaLabel, I), s = e.variant ?? "secondary", c = e.size ?? "small", l = K[e.id] ?? !1, u = l || e.isDisabled?.(n) === !0;
+					if (se(e)) {
 						let t = e.to(n);
-						return /* @__PURE__ */ S(M, {
+						return /* @__PURE__ */ x(_e, {
 							to: t,
 							variant: s,
 							size: c,
@@ -165,18 +165,18 @@ var ve = (e) => {
 							children: r
 						}, e.id);
 					}
-					return _(e) ? /* @__PURE__ */ S(T, {
+					return g(e) ? /* @__PURE__ */ x(w, {
 						type: "button",
 						variant: s,
 						size: c,
 						isLoading: !1,
 						disabled: u,
 						onClick: () => {
-							Z(e.id);
+							Y(e.id);
 						},
 						"aria-label": o,
 						children: r
-					}, e.id) : se(e) ? /* @__PURE__ */ S(T, {
+					}, e.id) : oe(e) ? /* @__PURE__ */ x(w, {
 						type: "button",
 						variant: s,
 						size: c,
@@ -185,47 +185,47 @@ var ve = (e) => {
 						onClick: () => {
 							if (l) return;
 							let r = e.getVariables(n);
-							Q(e.id, !0), de(K, {
+							X(e.id, !0), ue(W, {
 								mutation: e.mutation,
 								variables: r,
 								updater: (t) => {
 									e.updater?.(t, n);
 								},
 								onCompleted: (r) => {
-									Q(e.id, !1);
-									let o = oe(r);
+									X(e.id, !1);
+									let o = ae(r);
 									if (o != null) {
-										let r = z("actions.form.errors.invalidPayload");
-										e.toasts?.error?.message == null ? e.toasts?.error?.title != null && (r = v(e.toasts.error.title, R)) : r = v(e.toasts.error.message, R);
+										let r = L("actions.form.errors.invalidPayload");
+										e.toasts?.error?.message == null ? e.toasts?.error?.title != null && (r = _(e.toasts.error.title, I)) : r = _(e.toasts.error.message, I);
 										let a = t(o, {
 											defaultErrorMessage: r,
 											mapReason: (t) => {
 												let r = e.mapErrorReason?.(t, n);
-												return r == null ? null : typeof r == "function" ? v(r, R) : String(r);
+												return r == null ? null : typeof r == "function" ? _(r, I) : String(r);
 											}
 										});
 										if (!a.ok) {
 											let t = Error(a.message);
 											if (e.onError?.(t, n), e.toasts?.error != null) {
-												let t = i(e.toasts.error, R);
-												q.error(t.title, t.message);
+												let t = i(e.toasts.error, I);
+												G.error(t.title, t.message);
 											}
 											return;
 										}
 									}
 									if (e.onCompleted?.(r, n), e.toasts?.success != null) {
-										let t = i(e.toasts.success, R), o = a({
+										let t = i(e.toasts.success, I), o = a({
 											toast: e.toasts.success,
 											response: r,
 											node: n,
-											tApp: R,
-											entities: W,
-											defaultLabel: z("actions.view"),
+											tApp: I,
+											entities: H,
+											defaultLabel: L("actions.view"),
 											navigateTo: (e) => {
-												G?.history.push({ pathname: e });
+												U?.history.push({ pathname: e });
 											}
 										});
-										q.push({
+										G.push({
 											kind: "info",
 											title: t.title,
 											message: t.message,
@@ -234,9 +234,9 @@ var ve = (e) => {
 									}
 								},
 								onError: (t) => {
-									if (Q(e.id, !1), e.onError?.(t, n), e.toasts?.error != null) {
-										let t = i(e.toasts.error, R);
-										q.error(t.title, t.message);
+									if (X(e.id, !1), e.onError?.(t, n), e.toasts?.error != null) {
+										let t = i(e.toasts.error, I);
+										G.error(t.title, t.message);
 									}
 								}
 							});
@@ -246,121 +246,121 @@ var ve = (e) => {
 					}, e.id) : null;
 				}));
 			}
-			let h = p.find((e) => e.id === X), { content: g } = $, b = [], x = [];
-			g.forEach((e, t) => {
-				let i = ye(e) === "secondary" ? x : b;
+			let m = f.find((e) => e.id === J), { content: h } = Z, v = [], y = [];
+			h.forEach((e, t) => {
+				let i = Se(e) === "secondary" ? y : v;
 				if (e.kind === "fieldSet") {
-					let a = v(e.title, R), o = e.description == null ? void 0 : v(e.description, R), { items: s, customNodes: d } = y(e.fields, n, {
-						tApp: R,
-						t: z,
+					let a = _(e.title, I), o = e.description == null ? void 0 : _(e.description, I), { items: s, customNodes: l } = ce(e.fields, n, {
+						tApp: I,
+						t: L,
 						resolveEntityHref: r,
-						formatNumber: B,
-						formatCurrency: V,
-						formatCurrencyTitle: H,
-						formatPercent: U,
-						renderTag: (e, t) => /* @__PURE__ */ S(A, {
+						formatNumber: R,
+						formatCurrency: z,
+						formatCurrencyTitle: B,
+						formatPercent: V,
+						renderTag: (e, t) => /* @__PURE__ */ x(k, {
 							tone: e,
 							children: t
 						}),
-						renderBadgeRow: (e) => /* @__PURE__ */ S(c, { items: e }),
-						renderDate: (e, t) => /* @__PURE__ */ S(D, {
+						renderBadgeRow: (e) => /* @__PURE__ */ x(c, { items: e }),
+						renderDate: (e, t) => /* @__PURE__ */ x(E, {
 							value: e,
-							options: O,
+							options: D,
 							fallback: t
 						}),
-						renderFlagTag: (e) => /* @__PURE__ */ S(l, {
+						renderFlagTag: (e) => /* @__PURE__ */ x(ve, {
 							tone: e.tone,
-							icon: e.iconName == null ? void 0 : ve(e.iconName),
+							icon: e.iconName == null ? void 0 : xe(e.iconName),
 							label: e.label
 						}),
-						renderLink: (e, t) => /* @__PURE__ */ S(k, {
+						renderLink: (e, t) => /* @__PURE__ */ x(O, {
 							to: e,
 							preloadOnHover: "code-and-data",
 							children: t
 						}),
-						renderTaggedValue: (e, t) => /* @__PURE__ */ S(u, {
+						renderTaggedValue: (e, t) => /* @__PURE__ */ x(ye, {
 							tag: e,
 							value: t
 						}),
-						wrapCustomNode: (e, t) => /* @__PURE__ */ S("div", { children: t }, e)
+						wrapCustomNode: (e, t) => /* @__PURE__ */ x("div", { children: t }, e)
 					});
-					if (!(s.length > 0 || d.length > 0)) return;
-					i.push(/* @__PURE__ */ S(j, {
+					if (!(s.length > 0 || l.length > 0)) return;
+					i.push(/* @__PURE__ */ x(A, {
 						title: a,
 						description: o,
 						items: s.length > 0 ? s : void 0,
-						children: d
+						children: l
 					}, `${a}-${t}`));
 					return;
 				}
 				let a = le([e], n, {
-					tApp: R,
-					t: z,
+					tApp: I,
+					t: L,
 					resolveEntityHref: r,
 					keyPrefix: String(t),
-					renderLink: (e, t) => /* @__PURE__ */ S(k, {
+					renderLink: (e, t) => /* @__PURE__ */ x(O, {
 						to: e,
 						preloadOnHover: "code-and-data",
 						children: t
 					}),
-					renderDate: (e, t) => /* @__PURE__ */ S(D, {
+					renderDate: (e, t) => /* @__PURE__ */ x(E, {
 						value: e,
-						options: O,
+						options: D,
 						fallback: t
 					}),
-					renderTag: (e, t) => /* @__PURE__ */ S(A, {
+					renderTag: (e, t) => /* @__PURE__ */ x(k, {
 						tone: e,
 						children: t
 					}),
-					renderMetricGroup: ({ key: e, title: t, description: n, density: r, items: i }) => /* @__PURE__ */ S(j, {
+					renderMetricGroup: ({ key: e, title: t, description: n, density: r, items: i }) => /* @__PURE__ */ x(A, {
 						title: t,
 						description: n,
-						children: i.length > 0 && /* @__PURE__ */ S(_e, {
+						children: i.length > 0 && /* @__PURE__ */ x(ge, {
 							density: r ?? "comfortable",
 							minColumn: "180",
-							children: i.map((e) => /* @__PURE__ */ S(ge, {
+							children: i.map((e) => /* @__PURE__ */ x(he, {
 								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")
+								copyLabel: L("common.actions.copy"),
+								copiedLabel: L("common.actions.copied")
 							}, e.id))
 						})
 					}, e),
-					renderTimeline: ({ key: e, title: t, description: n, events: r }) => /* @__PURE__ */ S(d, {
+					renderTimeline: ({ key: e, title: t, description: n, events: r }) => /* @__PURE__ */ x(l, {
 						title: t,
 						description: n,
 						events: r
 					}, e),
-					renderAuditTimeline: ({ key: e, title: t, description: n, events: r }) => /* @__PURE__ */ S(j, {
+					renderAuditTimeline: ({ key: e, title: t, description: n, events: r }) => /* @__PURE__ */ x(A, {
 						title: t,
 						description: n,
-						children: /* @__PURE__ */ S(he, { events: r })
+						children: /* @__PURE__ */ x(me, { events: r })
 					}, e),
-					renderRelations: ({ key: e, title: t, items: n }) => /* @__PURE__ */ S(f, {
+					renderRelations: ({ key: e, title: t, items: n }) => /* @__PURE__ */ x(u, {
 						title: t,
 						items: n
 					}, e),
-					renderContextStack: ({ key: e, title: t, items: n }) => /* @__PURE__ */ S(F, {
+					renderContextStack: ({ key: e, title: t, items: n }) => /* @__PURE__ */ x(N, {
 						title: t,
 						items: n
 					}, e),
-					renderCustomSection: (e, t, n) => /* @__PURE__ */ S(j, {
+					renderCustomSection: (e, t, n) => /* @__PURE__ */ x(A, {
 						title: t,
 						children: n
 					}, e),
-					wrapCustomNode: (e, t) => /* @__PURE__ */ S("div", { children: t }, e),
+					wrapCustomNode: (e, t) => /* @__PURE__ */ x("div", { children: t }, e),
 					resolveTableColumns: (e) => s(e, {
-						tApp: R,
-						t: z
+						tApp: I,
+						t: L
 					}),
-					renderTable: ({ key: e, title: t, description: n, columns: r, rows: i }) => /* @__PURE__ */ S(j, {
+					renderTable: ({ key: e, title: t, description: n, columns: r, rows: i }) => /* @__PURE__ */ x(A, {
 						title: t,
 						description: n,
-						children: /* @__PURE__ */ S(N, {
+						children: /* @__PURE__ */ x(j, {
 							columns: r,
 							rows: i,
 							getRowId: (e, t) => {
@@ -372,61 +372,61 @@ var ve = (e) => {
 							}
 						})
 					}, e),
-					renderPayload: ({ key: e, title: t, description: n, content: r, format: i }) => /* @__PURE__ */ S(j, {
+					renderPayload: ({ key: e, title: t, description: n, content: r, format: i }) => /* @__PURE__ */ x(A, {
 						title: t,
 						description: n,
-						children: /* @__PURE__ */ S(me, {
+						children: /* @__PURE__ */ x(pe, {
 							content: r,
 							format: i,
-							emptyState: z("common.notAvailable")
+							emptyState: L("common.notAvailable")
 						})
 					}, e),
-					renderKeyValueListSection: ({ key: e, title: t, description: n, items: r }) => /* @__PURE__ */ S(j, {
+					renderKeyValueListSection: ({ key: e, title: t, description: n, items: r }) => /* @__PURE__ */ x(A, {
 						title: t,
 						description: n,
-						children: /* @__PURE__ */ S(P, { items: r })
+						children: /* @__PURE__ */ x(M, { items: r })
 					}, e)
 				})[0];
 				a != null && i.push(a);
 			});
-			let w = m.length > 0 ? /* @__PURE__ */ S("div", {
-				className: ae,
-				children: /* @__PURE__ */ S("div", {
-					className: ie,
-					children: m
+			let C = p.length > 0 ? /* @__PURE__ */ x("div", {
+				className: ie,
+				children: /* @__PURE__ */ x("div", {
+					className: re,
+					children: p
 				})
-			}) : null, E = x.length > 0 ? /* @__PURE__ */ C("div", {
+			}) : null, T = y.length > 0 ? /* @__PURE__ */ S("div", {
 				className: ee,
-				children: [/* @__PURE__ */ S("div", {
+				children: [/* @__PURE__ */ x("div", {
 					className: te,
-					children: b
-				}), /* @__PURE__ */ S("aside", {
+					children: v
+				}), /* @__PURE__ */ x("aside", {
 					className: ne,
-					children: x
+					children: y
 				})]
-			}) : /* @__PURE__ */ S("div", {
-				className: re,
-				children: b
+			}) : /* @__PURE__ */ x("div", {
+				className: d,
+				children: v
 			});
-			return /* @__PURE__ */ C(ue, { children: [
-				w,
-				E,
-				h != null && _(h) && /* @__PURE__ */ S(o, {
+			return /* @__PURE__ */ S(b, { children: [
+				C,
+				T,
+				m != null && g(m) && /* @__PURE__ */ x(o, {
 					isOpen: !0,
-					action: h,
+					action: m,
 					node: n,
 					onClose: () => {
-						Z(null);
+						Y(null);
 					}
 				})
 			] });
 		}
 	});
-}, Z = ({ prepared: e }) => /* @__PURE__ */ S(X, {
+}, Y = ({ prepared: e }) => /* @__PURE__ */ x(J, {
 	config: e.pageConfig,
 	prepared: e
 });
 //#endregion
-export { Z as BackofficeEntityDetailPage, Z as default };
+export { Y as BackofficeEntityDetailPage, Y as default };
 
 //# sourceMappingURL=BackofficeEntityDetailPage.js.map