@plumile/backoffice-react 0.1.151 → 0.1.152

package/lib/esm/pages/BackofficeEntityDetailPage.js

@@ -11,28 +11,29 @@ import { BackofficeLifecycleTimelineSection as u } from "../components/backoffic
 import { BackofficeRelationsSummaryGrid as d } from "../components/backoffice/detail/BackofficeRelationsSummaryGrid.js";
 import { BackofficeRightPageLayout as ee } from "../components/backoffice/layout/breadcrumb/BackofficeRightPageLayout.js";
 import { buildEntityDetailBreadcrumb as te } from "../components/backoffice/layout/breadcrumb/buildBreadcrumbs.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 { useBackofficeEntityDetailLayoutContext as g } from "./detail/BackofficeEntityDetailLayoutContext.js";
-import { extractMutationPayload as ne, isFormMutationAction as _, isMutationAction as re, isRouteAction as ie, resolveLabel as v } from "./BackofficeEntityDetailPage.helpers.js";
-import { headerActions as ae, headerBlock as oe, headerMeta as se, headerMetaList as ce } from "./backofficeEntityDetailPage.css.js";
-import { buildTabsItems as le } from "./detail/buildTabsItems.js";
-import { buildFieldItems as ue, renderBlocks as de, resolveHeaderItems as fe } from "./BackofficeEntityDetailPage.view-helpers.js";
-import { useContext as y, useMemo as b, useState as x } from "react";
-import { Fragment as pe, jsx as S, jsxs as C } from "react/jsx-runtime";
-import { useTranslation as me } from "react-i18next";
-import { Button as he } from "@plumile/ui/atomic/atoms/button/Button.js";
-import { commitMutation as ge, useFragment as w, usePreloadedQuery as T } from "react-relay";
-import { useToast as E } from "@plumile/ui/atomic/molecules/toast/ToastProvider.js";
-import D from "@plumile/router/routing/RoutingContext.js";
-import { FormattedDate as O } from "@plumile/ui/atomic/atoms/formatted-date/FormattedDate.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 { BackofficeEntityDetailScaffold as ne } from "../components/backoffice/scaffolds/BackofficeEntityDetailScaffold.js";
+import { useBackofficeFormats as f } from "../i18n/useBackofficeFormats.js";
+import { useRelayEnvironment as re } from "../relay/useRelayEnvironment.js";
+import { resolveVisibleDetailPages as p } from "./detail/pageResolution.js";
+import { useBackofficeEntityDetailLayoutContext as m } from "./detail/BackofficeEntityDetailLayoutContext.js";
+import { BackofficeRedirect as h } from "./BackofficeRedirect.js";
+import { extractMutationPayload as ie, isFormMutationAction as g, isMutationAction as ae, isRouteAction as oe, resolveLabel as _ } from "./BackofficeEntityDetailPage.helpers.js";
+import { headerActions as se, headerBlock as ce, headerMeta as le, headerMetaList as ue } from "./backofficeEntityDetailPage.css.js";
+import { buildTabsItems as de } from "./detail/buildTabsItems.js";
+import { buildFieldItems as fe, renderBlocks as pe, resolveHeaderItems as me } from "./BackofficeEntityDetailPage.view-helpers.js";
+import { useContext as v, useMemo as y, useState as b } from "react";
+import { Fragment as he, 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 ge, useFragment as T, usePreloadedQuery as E } from "react-relay";
+import { useToast as D } from "@plumile/ui/atomic/molecules/toast/ToastProvider.js";
+import O 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 _e, buildBackofficeListHref as ve, buildBackofficeListLink as ye } from "@plumile/backoffice-core/state/buildListHref.js";
-import { BackofficeDetailSection as M } from "@plumile/ui/backoffice/molecules/backoffice_detail_section/BackofficeDetailSection.js";
+import { BackofficeDetailSection as N } from "@plumile/ui/backoffice/molecules/backoffice_detail_section/BackofficeDetailSection.js";
 import { BackofficePayloadViewer as be } from "@plumile/ui/backoffice/molecules/backoffice_payload_viewer/BackofficePayloadViewer.js";
 import { setWhereValue as xe } from "@plumile/backoffice-core/filters/where.js";
 import { BackofficePageHeader as Se } from "@plumile/ui/backoffice/molecules/backoffice_page_header/BackofficePageHeader.js";
@@ -41,7 +42,6 @@ import { MetricCard as we } from "@plumile/ui/components/dashboard/metric_card/M
 import { MetricTileGroup as Te } from "@plumile/ui/components/dashboard/metric_tile_group/MetricTileGroup.js";
 import { Tabs as Ee } from "@plumile/ui/atomic/molecules/tabs/Tabs.js";
 import { DetailPageTemplate as De } from "@plumile/ui/backoffice/templates/detail_page_template/DetailPageTemplate.js";
-import N from "@plumile/router/errors/HttpRedirect.js";
 import { DataTable as Oe } from "@plumile/ui/components/data-table/DataTable.js";
 import { LinkButton as ke } from "@plumile/ui/atomic/atoms/button/LinkButton.js";
 import { BackofficeKeyValueList as P } from "@plumile/ui/backoffice/molecules/backoffice_key_value_list/BackofficeKeyValueList.js";
@@ -64,72 +64,72 @@ import { XBadgeSvg as q } from "@plumile/ui/icons/XBadgeSvg.js";
 //#region src/pages/BackofficeEntityDetailPage.tsx
 var Ne = (e) => {
 	switch (e) {
-		case "shield-lock": return /* @__PURE__ */ S(K, {
+		case "shield-lock": return /* @__PURE__ */ x(K, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "shield-off": return /* @__PURE__ */ S(Me, {
+		case "shield-off": return /* @__PURE__ */ x(Me, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "settings-check": return /* @__PURE__ */ S(W, {
+		case "settings-check": return /* @__PURE__ */ x(W, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "settings-x": return /* @__PURE__ */ S(G, {
+		case "settings-x": return /* @__PURE__ */ x(G, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "x-badge": return /* @__PURE__ */ S(q, {
+		case "x-badge": return /* @__PURE__ */ x(q, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "chat-check": return /* @__PURE__ */ S(F, {
+		case "chat-check": return /* @__PURE__ */ x(F, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "key": return /* @__PURE__ */ S(L, {
+		case "key": return /* @__PURE__ */ x(L, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "key-off": return /* @__PURE__ */ S(I, {
+		case "key-off": return /* @__PURE__ */ x(I, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "lock": return /* @__PURE__ */ S(z, {
+		case "lock": return /* @__PURE__ */ x(z, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "lock-open": return /* @__PURE__ */ S(R, {
+		case "lock-open": return /* @__PURE__ */ x(R, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "robot-check": return /* @__PURE__ */ S(B, {
+		case "robot-check": return /* @__PURE__ */ x(B, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "robot-x": return /* @__PURE__ */ S(V, {
+		case "robot-x": return /* @__PURE__ */ x(V, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "rocket": return /* @__PURE__ */ S(U, {
+		case "rocket": return /* @__PURE__ */ x(U, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		});
-		case "rocket-off": return /* @__PURE__ */ S(H, {
+		case "rocket-off": return /* @__PURE__ */ x(H, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
@@ -141,7 +141,7 @@ var Ne = (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";
 }, Fe = ({ config: F, prepared: I }) => {
-	let { t: L } = me(), { t: R } = e(), { formatNumber: z, formatCurrency: B, formatCurrencyTitle: V, formatPercent: H } = p(), { entities: U, entityRegistry: W } = n(), { layoutView: G } = g(), K = y(D), Me = m(), q = E(), [Fe, J] = x({}), [Ie, Le] = x(null), Y = h({
+	let { t: L } = C(), { t: R } = e(), { formatNumber: z, formatCurrency: B, formatCurrencyTitle: V, formatPercent: H } = f(), { entities: U, entityRegistry: W } = n(), { layoutView: G } = m(), K = v(O), Me = re(), q = D(), [Fe, J] = b({}), [Ie, Le] = b(null), Y = p({
 		mainPage: F.pages.mainPage,
 		subPages: F.pages.subPages,
 		activePagePath: I.pagePath,
@@ -151,26 +151,25 @@ var Ne = (e) => {
 			...n,
 			[e]: t
 		});
-	}, { page: Q } = F, ze = T(Q.query, I.pageQuery), $ = Q.resolveNode(ze, {
+	}, { page: Q } = F, ze = E(Q.query, I.pageQuery), $ = Q.resolveNode(ze, {
 		id: I.id,
 		detailId: I.detailId
-	}), Be = $ != null, Ve = w(Q.fragment, $), He = b(() => Object.fromEntries(Q.content.flatMap((e) => e.kind === "fieldSet" ? e.fields.flatMap((e) => e.type === "relation" ? [e.relation.target] : []) : []).flatMap((e) => {
+	}), Be = $ != null, Ve = T(Q.fragment, $), He = y(() => Object.fromEntries(Q.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, Q.content]);
-	if (!Be) throw new N(F.routes.list);
-	return /* @__PURE__ */ S(f, {
+	return Be ? /* @__PURE__ */ x(ne, {
 		node: Ve,
 		render: (e) => {
-			let n = Q.toView(e), f = le({
+			let n = Q.toView(e), ne = de({
 				pages: Re,
 				id: I.id,
 				tApp: L,
 				detailPageHref: F.routes.detailPage
-			}), p = (e, t) => {
+			}), f = (e, t) => {
 				let n = U[e];
 				return n == null ? null : n.routes.detail(t);
-			}, m = ({ id: e, label: t, count: n, relation: r, listRoute: i, value: a, where: o }) => {
+			}, re = ({ id: e, label: t, count: n, relation: r, listRoute: i, value: a, where: o }) => {
 				let { target: s, filterId: c, whereKey: l, path: u } = r, d = W.getLoadedListEntity(s);
 				return {
 					id: e,
@@ -191,44 +190,44 @@ var Ne = (e) => {
 						});
 					}
 				};
-			}, h = fe(F.header, G, {
+			}, p = me(F.header, G, {
 				tApp: L,
 				t: R,
-				resolveEntityHref: p,
-				renderLink: (e, t) => /* @__PURE__ */ S(A, {
+				resolveEntityHref: f,
+				renderLink: (e, t) => /* @__PURE__ */ x(j, {
 					to: e,
 					children: t
 				}),
-				renderDate: (e, t) => /* @__PURE__ */ S(O, {
+				renderDate: (e, t) => /* @__PURE__ */ x(k, {
 					value: e,
-					options: k,
+					options: A,
 					fallback: t
 				}),
-				renderTag: (e, t) => /* @__PURE__ */ S(j, {
+				renderTag: (e, t) => /* @__PURE__ */ x(M, {
 					tone: e,
 					children: t
 				}),
-				renderBadgeRow: (e) => /* @__PURE__ */ S(s, { items: e })
-			}), g = te({
+				renderBadgeRow: (e) => /* @__PURE__ */ x(s, { items: e })
+			}), m = te({
 				config: F,
 				tApp: L,
 				entityId: I.id,
 				layoutView: G,
 				pageLabel: X.label(L),
 				pageId: X.id
-			}), y = Q.actions ?? [], b = [];
-			if (y.length > 0) {
-				let e = y.filter((e) => e.isVisible == null ? !0 : e.isVisible(n));
-				e.length > 0 && (b = e.map((e) => {
-					let a = v(e.label, L), o = e.ariaLabel == null ? a : v(e.ariaLabel, L), s = e.variant ?? "secondary", c = e.size ?? "small", l = Fe[e.id] ?? !1, u = l || e.isDisabled?.(n) === !0;
-					return ie(e) ? /* @__PURE__ */ S(ke, {
+			}), h = Q.actions ?? [], v = [];
+			if (h.length > 0) {
+				let e = h.filter((e) => e.isVisible == null ? !0 : e.isVisible(n));
+				e.length > 0 && (v = e.map((e) => {
+					let a = _(e.label, L), o = e.ariaLabel == null ? a : _(e.ariaLabel, L), s = e.variant ?? "secondary", c = e.size ?? "small", l = Fe[e.id] ?? !1, u = l || e.isDisabled?.(n) === !0;
+					return oe(e) ? /* @__PURE__ */ x(ke, {
 						to: e.to(n),
 						variant: s,
 						size: c,
 						isDisabled: u,
 						"aria-label": o,
 						children: a
-					}, e.id) : _(e) ? /* @__PURE__ */ S(he, {
+					}, e.id) : g(e) ? /* @__PURE__ */ x(w, {
 						type: "button",
 						variant: s,
 						size: c,
@@ -239,7 +238,7 @@ var Ne = (e) => {
 						},
 						"aria-label": o,
 						children: a
-					}, e.id) : re(e) ? /* @__PURE__ */ S(he, {
+					}, e.id) : ae(e) ? /* @__PURE__ */ x(w, {
 						type: "button",
 						variant: s,
 						size: c,
@@ -256,15 +255,15 @@ var Ne = (e) => {
 								},
 								onCompleted: (a) => {
 									Z(e.id, !1);
-									let o = ne(a);
+									let o = ie(a);
 									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, L)) : i = v(e.toasts.error.message, L);
+										e.toasts?.error?.message == null ? e.toasts?.error?.title != null && (i = _(e.toasts.error.title, L)) : i = _(e.toasts.error.message, L);
 										let a = t(o, {
 											defaultErrorMessage: i,
 											mapReason: (t) => {
 												let r = e.mapErrorReason?.(t, n);
-												return r == null ? null : typeof r == "function" ? v(r, L) : String(r);
+												return r == null ? null : typeof r == "function" ? _(r, L) : String(r);
 											}
 										});
 										if (!a.ok) {
@@ -309,50 +308,50 @@ var Ne = (e) => {
 					}, e.id) : null;
 				}));
 			}
-			let x = y.find((e) => e.id === Ie), { content: me } = Q, w = [], T = [], E = [];
-			me.forEach((e, t) => {
-				let r = Pe(e) === "secondary" ? T : w;
+			let y = h.find((e) => e.id === Ie), { content: b } = Q, C = [], T = [], E = [];
+			b.forEach((e, t) => {
+				let r = Pe(e) === "secondary" ? T : C;
 				if (e.kind === "fieldSet") {
-					let i = v(e.title, L), a = e.description == null ? void 0 : v(e.description, L), { items: o, relationItems: u, customNodes: d } = ue(e.fields, n, {
+					let i = _(e.title, L), a = e.description == null ? void 0 : _(e.description, L), { items: o, relationItems: u, customNodes: d } = fe(e.fields, n, {
 						tApp: L,
 						t: R,
-						resolveEntityHref: p,
+						resolveEntityHref: f,
 						formatNumber: z,
 						formatCurrency: B,
 						formatCurrencyTitle: V,
 						formatPercent: H,
 						relationEntityListRoutes: He,
-						resolveRelationItem: m,
+						resolveRelationItem: re,
 						setWhereValue: xe,
-						renderTag: (e, t) => /* @__PURE__ */ S(j, {
+						renderTag: (e, t) => /* @__PURE__ */ x(M, {
 							tone: e,
 							children: t
 						}),
-						renderBadgeRow: (e) => /* @__PURE__ */ S(s, { items: e }),
-						renderDate: (e, t) => /* @__PURE__ */ S(O, {
+						renderBadgeRow: (e) => /* @__PURE__ */ x(s, { items: e }),
+						renderDate: (e, t) => /* @__PURE__ */ x(k, {
 							value: e,
-							options: k,
+							options: A,
 							fallback: t
 						}),
-						renderFlagTag: (e) => /* @__PURE__ */ S(c, {
+						renderFlagTag: (e) => /* @__PURE__ */ x(c, {
 							tone: e.tone,
 							icon: e.iconName == null ? void 0 : Ne(e.iconName),
 							label: e.label
 						}),
-						renderLink: (e, t) => /* @__PURE__ */ S(A, {
+						renderLink: (e, t) => /* @__PURE__ */ x(j, {
 							to: e,
 							children: t
 						}),
-						renderTaggedValue: (e, t) => /* @__PURE__ */ S(l, {
+						renderTaggedValue: (e, t) => /* @__PURE__ */ x(l, {
 							tag: e,
 							value: t
 						}),
-						wrapCustomNode: (e, t) => /* @__PURE__ */ S("div", { children: t }, e)
+						wrapCustomNode: (e, t) => /* @__PURE__ */ x("div", { children: t }, e)
 					});
 					if (u.forEach((e) => {
 						E.some((t) => t.id === e.id) || E.push(e);
 					}), !(o.length > 0 || d.length > 0)) return;
-					r.push(/* @__PURE__ */ S(M, {
+					r.push(/* @__PURE__ */ x(N, {
 						title: i,
 						description: a,
 						items: o.length > 0 ? o : void 0,
@@ -360,31 +359,31 @@ var Ne = (e) => {
 					}, `${i}-${t}`));
 					return;
 				}
-				let i = de([e], n, {
+				let i = pe([e], n, {
 					tApp: L,
 					t: R,
-					resolveEntityHref: p,
+					resolveEntityHref: f,
 					keyPrefix: String(t),
-					renderLink: (e, t) => /* @__PURE__ */ S(A, {
+					renderLink: (e, t) => /* @__PURE__ */ x(j, {
 						to: e,
 						children: t
 					}),
-					renderDate: (e, t) => /* @__PURE__ */ S(O, {
+					renderDate: (e, t) => /* @__PURE__ */ x(k, {
 						value: e,
-						options: k,
+						options: A,
 						fallback: t
 					}),
-					renderTag: (e, t) => /* @__PURE__ */ S(j, {
+					renderTag: (e, t) => /* @__PURE__ */ x(M, {
 						tone: e,
 						children: t
 					}),
-					renderMetricGroup: ({ key: e, title: t, description: n, density: r, items: i }) => /* @__PURE__ */ S(M, {
+					renderMetricGroup: ({ key: e, title: t, description: n, density: r, items: i }) => /* @__PURE__ */ x(N, {
 						title: t,
 						description: n,
-						children: i.length > 0 && /* @__PURE__ */ S(Te, {
+						children: i.length > 0 && /* @__PURE__ */ x(Te, {
 							density: r ?? "comfortable",
 							minColumn: "180",
-							children: i.map((e) => /* @__PURE__ */ S(we, {
+							children: i.map((e) => /* @__PURE__ */ x(we, {
 								label: e.label,
 								value: e.value,
 								hint: e.hint,
@@ -396,37 +395,37 @@ var Ne = (e) => {
 							}, e.id))
 						})
 					}, e),
-					renderTimeline: ({ key: e, title: t, description: n, events: r }) => /* @__PURE__ */ S(u, {
+					renderTimeline: ({ key: e, title: t, description: n, events: r }) => /* @__PURE__ */ x(u, {
 						title: t,
 						description: n,
 						events: r
 					}, e),
-					renderAuditTimeline: ({ key: e, title: t, description: n, events: r }) => /* @__PURE__ */ S(M, {
+					renderAuditTimeline: ({ key: e, title: t, description: n, events: r }) => /* @__PURE__ */ x(N, {
 						title: t,
 						description: n,
-						children: /* @__PURE__ */ S(Ce, { events: r })
+						children: /* @__PURE__ */ x(Ce, { events: r })
 					}, e),
-					renderRelations: ({ key: e, title: t, items: n }) => /* @__PURE__ */ S(d, {
+					renderRelations: ({ key: e, title: t, items: n }) => /* @__PURE__ */ x(d, {
 						title: t,
 						items: n
 					}, e),
-					renderContextStack: ({ key: e, title: t, items: n }) => /* @__PURE__ */ S(je, {
+					renderContextStack: ({ key: e, title: t, items: n }) => /* @__PURE__ */ x(je, {
 						title: t,
 						items: n
 					}, e),
-					renderCustomSection: (e, t, n) => /* @__PURE__ */ S(M, {
+					renderCustomSection: (e, t, n) => /* @__PURE__ */ x(N, {
 						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) => o(e, {
 						tApp: L,
 						t: R
 					}),
-					renderTable: ({ key: e, title: t, description: n, columns: r, rows: i }) => /* @__PURE__ */ S(M, {
+					renderTable: ({ key: e, title: t, description: n, columns: r, rows: i }) => /* @__PURE__ */ x(N, {
 						title: t,
 						description: n,
-						children: /* @__PURE__ */ S(Oe, {
+						children: /* @__PURE__ */ x(Oe, {
 							columns: r,
 							rows: i,
 							getRowId: (e, t) => {
@@ -438,66 +437,66 @@ var Ne = (e) => {
 							}
 						})
 					}, e),
-					renderPayload: ({ key: e, title: t, description: n, content: r, format: i }) => /* @__PURE__ */ S(M, {
+					renderPayload: ({ key: e, title: t, description: n, content: r, format: i }) => /* @__PURE__ */ x(N, {
 						title: t,
 						description: n,
-						children: /* @__PURE__ */ S(be, {
+						children: /* @__PURE__ */ x(be, {
 							content: r,
 							format: i,
 							emptyState: R("common.notAvailable")
 						})
 					}, e),
-					renderKeyValueListSection: ({ key: e, title: t, description: n, items: r }) => /* @__PURE__ */ S(M, {
+					renderKeyValueListSection: ({ key: e, title: t, description: n, items: r }) => /* @__PURE__ */ x(N, {
 						title: t,
 						description: n,
-						children: /* @__PURE__ */ S(P, { items: r })
+						children: /* @__PURE__ */ x(P, { items: r })
 					}, e)
 				})[0];
 				i != null && r.push(i);
 			});
-			let D = E.length > 0 ? /* @__PURE__ */ S(Ae, {
+			let D = E.length > 0 ? /* @__PURE__ */ x(Ae, {
 				label: R("relations.menu.label"),
 				items: E
-			}) : null, N = b.length > 0 || D != null ? /* @__PURE__ */ C("div", {
-				className: ae,
-				children: [b.length > 0 && /* @__PURE__ */ S("div", {
+			}) : null, O = v.length > 0 || D != null ? /* @__PURE__ */ S("div", {
+				className: se,
+				children: [v.length > 0 && /* @__PURE__ */ x("div", {
 					className: "txvbqbfpn txvbqbey txvbqblsh txvbqbhdl txvbqbh7g",
-					children: b
-				}), D != null && /* @__PURE__ */ S("div", {
+					children: v
+				}), D != null && /* @__PURE__ */ x("div", {
 					className: "txvbqbfpn txvbqbey txvbqb10mr txvbqbb49 txvbqbbkc txvbqb2sj txvbqb7tt",
 					children: D
 				})]
-			}) : void 0, J = h.status != null || h.badges != null ? /* @__PURE__ */ C("div", {
-				className: se,
-				children: [h.status, h.badges]
-			}) : void 0, Y = h.items != null && h.items.length > 0 ? /* @__PURE__ */ S("div", {
-				className: ce,
-				children: /* @__PURE__ */ S(P, { items: h.items })
+			}) : void 0, J = p.status != null || p.badges != null ? /* @__PURE__ */ S("div", {
+				className: le,
+				children: [p.status, p.badges]
+			}) : void 0, Y = p.items != null && p.items.length > 0 ? /* @__PURE__ */ x("div", {
+				className: ue,
+				children: /* @__PURE__ */ x(P, { items: p.items })
 			}) : null, ze = T.length > 0, $ = null;
-			return Re.length > 1 && ($ = /* @__PURE__ */ S(Ee, {
-				items: f,
+			return Re.length > 1 && ($ = /* @__PURE__ */ x(Ee, {
+				items: ne,
 				activeId: X.id,
 				variant: "underline"
-			})), /* @__PURE__ */ C(ee, {
-				breadcrumb: g,
-				children: [/* @__PURE__ */ S(De, {
-					headerNode: /* @__PURE__ */ C("div", {
-						className: oe,
-						children: [/* @__PURE__ */ S(Se, {
-							title: h.title,
-							subtitle: h.subtitle,
-							actions: N,
+			})), /* @__PURE__ */ S(ee, {
+				breadcrumb: m,
+				children: [/* @__PURE__ */ x(De, {
+					headerNode: /* @__PURE__ */ S("div", {
+						className: ce,
+						children: [/* @__PURE__ */ x(Se, {
+							title: p.title,
+							subtitle: p.subtitle,
+							actions: O,
 							meta: J
 						}), Y]
 					}),
 					tabsNode: $,
-					sidePanel: ze ? /* @__PURE__ */ S(pe, { children: T }) : void 0,
+					sidePanel: ze ? /* @__PURE__ */ x(he, { children: T }) : void 0,
 					sidePanelVariant: "plain",
 					headerDensity: "compact",
-					children: /* @__PURE__ */ S(pe, { children: w })
-				}), x != null && _(x) && /* @__PURE__ */ S(a, {
+					children: /* @__PURE__ */ x(he, { children: C })
+				}), y != null && g(y) && /* @__PURE__ */ x(a, {
 					isOpen: !0,
-					action: x,
+					action: y,
 					node: n,
 					onClose: () => {
 						Le(null);
@@ -505,20 +504,18 @@ var Ne = (e) => {
 				})]
 			});
 		}
-	});
+	}) : /* @__PURE__ */ x(h, { to: F.routes.list });
 }, J = ({ config: e, prepared: t }) => {
-	let { layoutView: n } = g(), r = h({
+	let { layoutView: n } = m(), r = p({
 		mainPage: e.pages.mainPage,
 		subPages: e.pages.subPages,
 		activePagePath: t.pagePath,
 		node: n
 	});
-	if (!r.hasVisiblePages || r.activePage == null) throw new N(e.routes.list);
-	if (r.activePage.id !== t.pageId) throw new N(e.routes.detailPage(t.id, r.activePage.id));
-	return /* @__PURE__ */ S(Fe, {
+	return !r.hasVisiblePages || r.activePage == null ? /* @__PURE__ */ x(h, { to: e.routes.list }) : r.activePage.id === t.pageId ? /* @__PURE__ */ x(Fe, {
 		config: t.pageConfig,
 		prepared: t
-	});
+	}) : /* @__PURE__ */ x(h, { to: e.routes.detailPage(t.id, r.activePage.id) });
 };
 //#endregion
 export { J as BackofficeEntityDetailPage, J as default };