@plumile/backoffice-react 0.1.72 → 0.1.73

package/lib/esm/pages/BackofficeEntityDetailPage.js

@@ -1,837 +0,0 @@
-import { resolveMutationOutcome as e } from "../relay/mutationResult.js";
-import { useBackofficeReactTranslation as t } from "../i18n/useBackofficeReactTranslation.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 { BackofficeDetailSection as c } from "../components/backoffice/detail/BackofficeDetailSection.js";
-import { BackofficeDetailErrorList as l } from "../components/backoffice/detail/BackofficeDetailErrorList.js";
-import { BackofficeDetailFlagTag as u } from "../components/backoffice/detail/BackofficeDetailFlagTag.js";
-import { BackofficeDetailPayload as d } from "../components/backoffice/detail/BackofficeDetailPayload.js";
-import { BackofficeDetailRelationListBlock as f } from "../components/backoffice/detail/BackofficeDetailRelationListBlock.js";
-import { BackofficeDetailTaggedValue as p } from "../components/backoffice/detail/BackofficeDetailTaggedValue.js";
-import { BackofficeRightPageLayout as m } from "../components/backoffice/layout/breadcrumb/BackofficeRightPageLayout.js";
-import { buildEntityDetailBreadcrumb as h } from "../components/backoffice/layout/breadcrumb/buildBreadcrumbs.js";
-import { BackofficeEntityDetailScaffold as g } from "../components/backoffice/scaffolds/BackofficeEntityDetailScaffold.js";
-import { useRelayEnvironment as _ } from "../relay/useRelayEnvironment.js";
-import { useBackofficeFormats as v } from "../i18n/useBackofficeFormats.js";
-import { resolveVisibleDetailPages as y } from "./detail/pageResolution.js";
-import { useBackofficeEntityDetailLayoutContext as b } from "./detail/BackofficeEntityDetailLayoutContext.js";
-import { headerActions as ee, headerBlock as te, headerMeta as ne, headerMetaList as re } from "./backofficeEntityDetailPage.css.js";
-import { buildTabsItems as ie } from "./detail/buildTabsItems.js";
-import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
-import { useTranslation as w } from "react-i18next";
-import { BackofficeKeyValueList as ae, BackofficePageHeader as oe, BackofficeRelationsMenu as se, BackofficeTabs as ce, Button as le, DataTable as T, DetailPageTemplate as ue, FormattedDate as E, HighlightCode as D, LazyBackofficeJsonViewer as O, LinkButton as de, Tag as k, useToast as A } from "@plumile/ui";
-import { useContext as j, useMemo as fe, useState as M } from "react";
-import { commitMutation as pe, useFragment as N, usePreloadedQuery as P } from "react-relay";
-import { HttpRedirect as F, Link as I, RoutingContext as L } from "@plumile/router";
-import { BACKOFFICE_DATE_TIME_OPTIONS as R } from "@plumile/backoffice-core/constants.js";
-import { buildBackofficeFallbackListHref as me, buildBackofficeListHref as he, buildBackofficeListLink as ge } from "@plumile/backoffice-core/state/buildListHref.js";
-import { setWhereValue as z } from "@plumile/backoffice-core/filters/where.js";
-import { ChatCheckSvg as B } from "@plumile/ui/icons/ChatCheckSvg.js";
-import { KeyOffSvg as V } from "@plumile/ui/icons/KeyOffSvg.js";
-import { KeySvg as H } from "@plumile/ui/icons/KeySvg.js";
-import { LockOpenSvg as U } from "@plumile/ui/icons/LockOpenSvg.js";
-import { LockSvg as W } from "@plumile/ui/icons/LockSvg.js";
-import { RobotCheckSvg as G } from "@plumile/ui/icons/RobotCheckSvg.js";
-import { RobotXSvg as K } from "@plumile/ui/icons/RobotXSvg.js";
-import { RocketOffSvg as q } from "@plumile/ui/icons/RocketOffSvg.js";
-import { RocketSvg as J } from "@plumile/ui/icons/RocketSvg.js";
-import { SettingsCheckSvg as _e } from "@plumile/ui/icons/SettingsCheckSvg.js";
-import { SettingsXSvg as ve } from "@plumile/ui/icons/SettingsXSvg.js";
-import { ShieldLockSvg as ye } from "@plumile/ui/icons/ShieldLockSvg.js";
-import { ShieldOffSvg as be } from "@plumile/ui/icons/ShieldOffSvg.js";
-import { XBadgeSvg as xe } from "@plumile/ui/icons/XBadgeSvg.js";
-//#region src/pages/BackofficeEntityDetailPage.tsx
-var Y = (e, t) => e(t), Se = (e) => typeof e == "object" && !!e && !Array.isArray(e), Ce = (e) => {
-	throw Error(`Unexpected value: ${String(e)}`);
-}, we = (e, t, n) => {
-	switch (e) {
-		case "yesNo": return t ? {
-			tone: "success",
-			label: n("common.boolean.yes")
-		} : {
-			tone: "neutral",
-			label: n("common.boolean.no")
-		};
-		case "capability": return t ? {
-			tone: "success",
-			label: n("flags.capability.allowed"),
-			icon: /* @__PURE__ */ S(ye, {
-				width: 14,
-				height: 14,
-				"aria-hidden": "true"
-			})
-		} : {
-			tone: "neutral",
-			label: n("flags.capability.denied"),
-			icon: /* @__PURE__ */ S(be, {
-				width: 14,
-				height: 14,
-				"aria-hidden": "true"
-			})
-		};
-		case "enabled": return t ? {
-			tone: "success",
-			label: n("flags.enabled.enabled"),
-			icon: /* @__PURE__ */ S(_e, {
-				width: 14,
-				height: 14,
-				"aria-hidden": "true"
-			})
-		} : {
-			tone: "neutral",
-			label: n("flags.enabled.disabled"),
-			icon: /* @__PURE__ */ S(ve, {
-				width: 14,
-				height: 14,
-				"aria-hidden": "true"
-			})
-		};
-		case "failure": return t ? {
-			tone: "danger",
-			label: n("flags.failure.failed"),
-			icon: /* @__PURE__ */ S(xe, {
-				width: 14,
-				height: 14,
-				"aria-hidden": "true"
-			})
-		} : {
-			tone: "success",
-			label: n("flags.failure.ok"),
-			icon: /* @__PURE__ */ S(B, {
-				width: 14,
-				height: 14,
-				"aria-hidden": "true"
-			})
-		};
-		case "encrypted": return t ? {
-			tone: "info",
-			label: n("flags.encrypted.encrypted"),
-			icon: /* @__PURE__ */ S(H, {
-				width: 14,
-				height: 14,
-				"aria-hidden": "true"
-			})
-		} : {
-			tone: "neutral",
-			label: n("flags.encrypted.notEncrypted"),
-			icon: /* @__PURE__ */ S(V, {
-				width: 14,
-				height: 14,
-				"aria-hidden": "true"
-			})
-		};
-		case "locked": return t ? {
-			tone: "warning",
-			label: n("flags.locked.locked"),
-			icon: /* @__PURE__ */ S(W, {
-				width: 14,
-				height: 14,
-				"aria-hidden": "true"
-			})
-		} : {
-			tone: "success",
-			label: n("flags.locked.unlocked"),
-			icon: /* @__PURE__ */ S(U, {
-				width: 14,
-				height: 14,
-				"aria-hidden": "true"
-			})
-		};
-		case "default": return t ? {
-			tone: "info",
-			label: n("flags.default.default")
-		} : {
-			tone: "neutral",
-			label: n("flags.default.notDefault")
-		};
-		case "agentManaged": return t ? {
-			tone: "info",
-			label: n("flags.agentManaged.agentManaged"),
-			icon: /* @__PURE__ */ S(G, {
-				width: 14,
-				height: 14,
-				"aria-hidden": "true"
-			})
-		} : {
-			tone: "neutral",
-			label: n("flags.agentManaged.userManaged"),
-			icon: /* @__PURE__ */ S(K, {
-				width: 14,
-				height: 14,
-				"aria-hidden": "true"
-			})
-		};
-		case "deployedProduction": return t ? {
-			tone: "success",
-			label: n("flags.deployedProduction.deployed"),
-			icon: /* @__PURE__ */ S(J, {
-				width: 14,
-				height: 14,
-				"aria-hidden": "true"
-			})
-		} : {
-			tone: "neutral",
-			label: n("flags.deployedProduction.notDeployed"),
-			icon: /* @__PURE__ */ S(q, {
-				width: 14,
-				height: 14,
-				"aria-hidden": "true"
-			})
-		};
-		case "forced": return t ? {
-			tone: "warning",
-			label: n("flags.forced.forced")
-		} : {
-			tone: "neutral",
-			label: n("flags.forced.normal")
-		};
-		default: return Ce(e);
-	}
-}, Te = (e) => {
-	if (!Se(e)) return null;
-	for (let t of Object.values(e)) if (Se(t) && ("status" in t || "result" in t)) return t;
-	return null;
-}, Ee = (e) => e.kind === "route", De = (e) => e.kind === "mutation", Oe = (e) => e.kind === "formMutation", X = (e, t) => typeof e == "function" ? e(t) : e ?? null, ke = (e) => {
-	if (e == null) return null;
-	let t = e.trim();
-	return t === "" ? null : t;
-}, Z = (e) => e == null ? !0 : typeof e == "string" ? e.trim() === "" : !1, Q = (e, t) => typeof e == "function" ? e(t) : e, Ae = (e, t) => {
-	let { tApp: n, t: r, resolveEntityHref: i } = t, a = r("common.notAvailable");
-	if (e.type === "text") {
-		let t = X(e.value, n);
-		return Z(t) ? a : t;
-	}
-	if (e.type === "entityRef") {
-		let { id: t } = e;
-		if (t == null || t.trim() === "") return a;
-		let r = X(e.label, n), o = r != null && String(r).trim() !== "" ? r : null;
-		if (o == null) return a;
-		let s = i?.(e.entity, t) ?? null;
-		return s == null ? o : /* @__PURE__ */ S(I, {
-			to: s,
-			children: o
-		});
-	}
-	let { href: o } = e;
-	if (o == null || o.trim() === "") return a;
-	let s = X(e.label, n);
-	return Z(s) ? a : /* @__PURE__ */ S(I, {
-		to: o,
-		children: s
-	});
-}, je = (e, t, n) => {
-	let { tApp: r, t: i, resolveEntityHref: a, formatNumber: o, formatCurrency: c, formatPercent: l, relationEntityListRoutes: d, resolveRelationItem: f } = n, m = [], h = [], g = [], _ = i("common.notAvailable");
-	return e.forEach((e, n) => {
-		let v = `${e.type}-${n}`;
-		switch (e.type) {
-			case "text": {
-				let n = X(e.value(t), r);
-				m.push({
-					id: v,
-					label: Y(e.label, r),
-					size: e.size,
-					value: n,
-					copyValue: e.copyValue?.(t) ?? void 0,
-					fullWidth: e.fullWidth
-				});
-				break;
-			}
-			case "badge": {
-				let n = X(e.value(t), r), i = n == null ? "" : String(n), a = Q(e.tone, t), o = i.trim() === "" ? null : /* @__PURE__ */ S(k, {
-					tone: a,
-					children: i
-				});
-				m.push({
-					id: v,
-					label: Y(e.label, r),
-					size: e.size,
-					value: o
-				});
-				break;
-			}
-			case "badgeRow": {
-				let n = e.items(t).map((e) => {
-					let t = X(e.label, r), n = t == null ? "" : String(t);
-					return {
-						...e,
-						label: n
-					};
-				}), i = n.length > 0 ? /* @__PURE__ */ S(s, { items: n }) : null;
-				m.push({
-					id: v,
-					label: Y(e.label, r),
-					size: e.size,
-					value: i,
-					fullWidth: e.fullWidth
-				});
-				break;
-			}
-			case "dateTime": {
-				let n = e.value(t);
-				m.push({
-					id: v,
-					label: Y(e.label, r),
-					size: e.size,
-					value: /* @__PURE__ */ S(E, {
-						value: n,
-						options: R,
-						fallback: i("common.notAvailable")
-					})
-				});
-				break;
-			}
-			case "number": {
-				let n = e.value(t), i = null;
-				n != null && (i = e.format === "currency" ? c(n) : e.format === "percent" ? l(n) : o(n)), m.push({
-					id: v,
-					label: Y(e.label, r),
-					size: e.size,
-					value: i
-				});
-				break;
-			}
-			case "flag": {
-				let n = e.value(t), a = null;
-				if (n != null) {
-					let t = we(e.variant, n, i);
-					a = /* @__PURE__ */ S(u, {
-						tone: t.tone,
-						icon: t.icon,
-						label: t.label
-					});
-				}
-				m.push({
-					id: v,
-					label: Y(e.label, r),
-					size: e.size,
-					value: a
-				});
-				break;
-			}
-			case "entityRef": {
-				let n = e.id(t), i = null;
-				if (n != null && n.trim() !== "") {
-					let r = e.value?.(t), o = r != null && r.trim() !== "" ? r : null, s = a?.(e.entity, n) ?? null;
-					o != null && (i = s == null ? o : /* @__PURE__ */ S(I, {
-						to: s,
-						children: o
-					}));
-				}
-				m.push({
-					id: v,
-					label: Y(e.label, r),
-					size: e.size,
-					value: i ?? _
-				});
-				break;
-			}
-			case "link": {
-				let n = e.href(t), i = e.value(t), a = n != null && n.trim() !== "" && !Z(i) ? /* @__PURE__ */ S(I, {
-					to: n,
-					children: i
-				}) : null;
-				m.push({
-					id: v,
-					label: Y(e.label, r),
-					size: e.size,
-					value: a
-				});
-				break;
-			}
-			case "taggedValue": {
-				let n = e.tag(t), o = Ae(e.value(t), {
-					tApp: r,
-					t: i,
-					resolveEntityHref: a
-				}), s = n == null ? null : {
-					...n,
-					label: (() => {
-						let e = X(n.label, r);
-						return e == null ? "" : String(e);
-					})()
-				}, c = s != null || o != null ? /* @__PURE__ */ S(p, {
-					tag: s,
-					value: o
-				}) : null;
-				m.push({
-					id: v,
-					label: Y(e.label, r),
-					size: e.size,
-					value: c,
-					fullWidth: e.fullWidth
-				});
-				break;
-			}
-			case "relation": {
-				let n = ke(e.value(t));
-				if (n == null) break;
-				let i = d[e.entity];
-				if (i == null) break;
-				let a = Y(e.label, r), o = e.count?.(t) ?? null, s = z(null, e.whereKey, n, e.path);
-				if (s == null) break;
-				h.push(f({
-					id: v,
-					label: a,
-					count: o,
-					entityId: e.entity,
-					filterId: e.filterId,
-					listRoute: i,
-					path: e.path,
-					value: n,
-					where: s,
-					whereKey: e.whereKey
-				}));
-				break;
-			}
-			case "custom": {
-				let n = e.render(t);
-				if (n == null) break;
-				if (e.label != null) {
-					m.push({
-						id: v,
-						label: Y(e.label, r),
-						size: e.size,
-						value: n,
-						fullWidth: e.fullWidth
-					});
-					break;
-				}
-				g.push(/* @__PURE__ */ S("div", { children: n }, v));
-				break;
-			}
-			default: break;
-		}
-	}), {
-		items: m,
-		relationItems: h,
-		customNodes: g
-	};
-}, Me = (e, t, n) => {
-	let { tApp: r, t: i, resolveEntityHref: a } = n, o = i("common.notAvailable");
-	if (e.type === "dateTime") return /* @__PURE__ */ S(E, {
-		value: e.value(t),
-		options: R,
-		fallback: o
-	});
-	if (e.type === "entityRef") {
-		let n = e.id(t);
-		if (n == null || n.trim() === "") return o;
-		let i = X(e.value?.(t), r), s = i != null && String(i).trim() !== "" ? i : null;
-		if (s == null) return o;
-		let c = a?.(e.entity, n) ?? null;
-		return c == null ? s : /* @__PURE__ */ S(I, {
-			to: c,
-			children: s
-		});
-	}
-	if (e.type === "link") {
-		let n = e.href(t), i = X(e.value(t), r);
-		return n == null || n.trim() === "" || Z(i) ? o : /* @__PURE__ */ S(I, {
-			to: n,
-			children: i
-		});
-	}
-	let s = X(e.value(t), r);
-	return Z(s) ? o : s;
-}, Ne = (e, t, n) => {
-	if (e.type === "badgeRow") {
-		let r = e.items(t).map((e) => {
-			let t = X(e.label, n), r = t == null ? "" : String(t);
-			return {
-				...e,
-				label: r
-			};
-		});
-		return r.length === 0 ? void 0 : /* @__PURE__ */ S(s, { items: r });
-	}
-	let r = X(e.value(t), n), i = r == null ? "" : String(r);
-	if (i.trim() !== "") return /* @__PURE__ */ S(k, {
-		tone: Q(e.tone, t),
-		children: i
-	});
-}, Pe = (e, t, n) => {
-	let { tApp: r, t: i, resolveEntityHref: a } = n, o = e.titleValue?.(t, r) ?? Y(e.title, r), s = o.trim() === "" ? Y(e.title, r) : o, c;
-	if (e.subtitleItems != null && e.subtitleItems.length > 0) {
-		let n = e.subtitleSeparator ?? " / ", o = [], { subtitleItems: s } = e;
-		s.forEach((e, c) => {
-			let l = e.value(t);
-			o.push(/* @__PURE__ */ S("span", { children: Ae(l, {
-				tApp: r,
-				t: i,
-				resolveEntityHref: a
-			}) }, e.id)), c < s.length - 1 && o.push(/* @__PURE__ */ S("span", { children: n }, `${e.id}-sep`));
-		}), c = /* @__PURE__ */ S("span", { children: o });
-	} else {
-		let n = e.subtitleValue?.(t, r) ?? (e.subtitle == null ? null : Y(e.subtitle, r));
-		c = n != null && n.trim() !== "" ? n : void 0;
-	}
-	let l = [];
-	e.badges != null && e.badges.forEach((e, n) => {
-		let i = Y(e.label, r), a = X(e.value(t), r), o = a == null ? "" : String(a);
-		if (o.trim() === "") return;
-		let s = Q(e.tone, t);
-		l.push(/* @__PURE__ */ S(k, {
-			tone: s,
-			children: `${i}: ${o}`
-		}, `${i}-${n}`));
-	});
-	let u;
-	e.status != null && (u = Ne(e.status, t, r));
-	let d = e.meta?.map((e, n) => {
-		let o = Y(e.label, r), s = Me(e, t, {
-			tApp: r,
-			t: i,
-			resolveEntityHref: a
-		});
-		return {
-			id: `${o}-${n}`,
-			label: o,
-			value: s
-		};
-	});
-	return {
-		title: s,
-		subtitle: c,
-		badges: l.length > 0 ? /* @__PURE__ */ S(x, { children: l }) : void 0,
-		status: u,
-		items: d
-	};
-}, Fe = (e, t, n) => {
-	let { tApp: r, t: i, resolveEntityHref: a } = n;
-	return e == null || e.length === 0 ? [] : e.map((e, s) => {
-		let u = n.keyPrefix == null ? `${e.kind}-${s}` : `${n.keyPrefix}-${e.kind}-${s}`;
-		if (e.kind === "custom") {
-			let n = e.render(t);
-			return n == null ? null : e.label == null ? /* @__PURE__ */ S("div", { children: n }, u) : /* @__PURE__ */ S(c, {
-				title: Y(e.label, r),
-				children: n
-			}, u);
-		}
-		let p = Y(e.label, r), m = e.description == null ? void 0 : Y(e.description, r);
-		if (e.kind === "relationList") {
-			let n = e.value(t);
-			return /* @__PURE__ */ S(f, {
-				title: p,
-				target: e.target,
-				whereKey: e.whereKey,
-				value: n,
-				path: e.path
-			}, u);
-		}
-		if (e.kind === "table") {
-			let n = e.rows(t);
-			return /* @__PURE__ */ S(c, {
-				title: p,
-				description: m,
-				children: /* @__PURE__ */ S(T, {
-					columns: o(e.columns, {
-						tApp: r,
-						t: i,
-						resolveEntityHref: a
-					}),
-					rows: n,
-					getRowId: (e, t) => {
-						if (typeof e == "object" && e) {
-							let t = e.id;
-							if (typeof t == "string" && t.trim() !== "") return t;
-						}
-						return String(t);
-					}
-				})
-			}, u);
-		}
-		if (e.kind === "json") return /* @__PURE__ */ S(c, {
-			title: p,
-			description: m,
-			children: /* @__PURE__ */ S(O, {
-				value: e.value(t),
-				title: p
-			})
-		}, u);
-		if (e.kind === "code") {
-			let n = e.value(t);
-			return /* @__PURE__ */ S(c, {
-				title: p,
-				description: m,
-				children: /* @__PURE__ */ S(D, {
-					badgeLabel: i("tools.output"),
-					copyCode: n,
-					fallbackCodeText: n
-				})
-			}, u);
-		}
-		return e.kind === "payload" ? /* @__PURE__ */ S(d, {
-			title: p,
-			description: m,
-			content: e.value(t),
-			format: e.format
-		}, u) : e.kind === "errorList" ? /* @__PURE__ */ S(l, {
-			title: p,
-			description: m,
-			items: e.errors(t)
-		}, u) : /* @__PURE__ */ S(c, {
-			title: p,
-			description: m,
-			children: /* @__PURE__ */ S(ae, { items: e.items.map((e, n) => {
-				let a = Y(e.label, r), o = X(e.value(t), r);
-				return {
-					id: `${a}-${n}`,
-					label: a,
-					value: o ?? i("common.notAvailable")
-				};
-			}) })
-		}, u);
-	});
-}, Ie = ({ config: o, prepared: s }) => {
-	let { t: l } = w(), { t: u } = t(), { formatNumber: d, formatCurrency: f, formatPercent: p } = v(), { entities: T, entityRegistry: E } = n(), { layoutView: D } = b(), O = j(L), k = _(), I = A(), [R, z] = M({}), [B, V] = M(null), H = y({
-		mainPage: o.pages.mainPage,
-		subPages: o.pages.subPages,
-		activePagePath: s.pagePath,
-		node: D
-	}), U = H.activePage ?? o.pages.mainPage, W = H.pages.length > 0 ? H.pages : [o.pages.mainPage], G = (e, t) => {
-		z((n) => n[e] === t ? n : {
-			...n,
-			[e]: t
-		});
-	}, { page: K } = o, q = P(K.query, s.pageQuery), J = K.resolveNode(q, {
-		id: s.id,
-		detailId: s.detailId
-	});
-	if (J == null) throw new F(o.routes.list);
-	let _e = N(K.fragment, J), ve = fe(() => Object.fromEntries(K.content.flatMap((e) => e.kind === "section" ? e.fields.flatMap((e) => e.type === "relation" ? [e.entity] : []) : []).flatMap((e) => {
-		let t = T[e];
-		return t?.hasList === !0 ? [[e, t.routes.list]] : [];
-	})), [T, K.content]);
-	return /* @__PURE__ */ S(g, {
-		node: _e,
-		render: (t) => {
-			let n = K.toView(t), g = ie({
-				pages: W,
-				id: s.id,
-				tApp: l,
-				detailPageHref: o.routes.detailPage
-			}), _ = (e, t) => {
-				let n = T[e];
-				return n == null ? null : n.routes.detail(t);
-			}, v = ({ id: e, label: t, count: n, entityId: r, filterId: i, listRoute: a, path: o, value: s, where: c, whereKey: l }) => {
-				let u = E.getLoadedListEntity(r);
-				return {
-					id: e,
-					label: t,
-					count: n,
-					href: u == null ? me(a, c, [{
-						id: i ?? (o == null ? l : `${l}.${o.join(".")}`),
-						value: s
-					}]) : he(u.config, { where: c }),
-					onClick: async (e) => {
-						if (O == null || e.defaultPrevented || e.button !== 0 || e.metaKey || e.altKey || e.ctrlKey || e.shiftKey) return;
-						e.preventDefault();
-						let t = ge((await E.loadListEntity(r)).config, { where: c });
-						O.history.push({
-							pathname: t.pathname,
-							search: t.search === "" ? "" : `?${t.search}`,
-							hash: ""
-						});
-					}
-				};
-			}, y = Pe(o.header, D, {
-				tApp: l,
-				t: u,
-				resolveEntityHref: _
-			}), b = h({
-				config: o,
-				tApp: l,
-				entityId: s.id,
-				layoutView: D,
-				pageLabel: U.label(l)
-			}), w = K.actions ?? [], A = [];
-			if (w.length > 0) {
-				let t = w.filter((e) => e.isVisible == null ? !0 : e.isVisible(n));
-				t.length > 0 && (A = t.map((t) => {
-					let a = Y(t.label, l), o = t.ariaLabel == null ? a : Y(t.ariaLabel, l), s = t.variant ?? "secondary", c = t.size ?? "small", d = R[t.id] ?? !1, f = d || t.isDisabled?.(n) === !0;
-					return Ee(t) ? /* @__PURE__ */ S(de, {
-						to: t.to(n),
-						variant: s,
-						size: c,
-						isDisabled: f,
-						"aria-label": o,
-						children: a
-					}, t.id) : Oe(t) ? /* @__PURE__ */ S(le, {
-						type: "button",
-						variant: s,
-						size: c,
-						isLoading: !1,
-						disabled: f,
-						onClick: () => {
-							V(t.id);
-						},
-						"aria-label": o,
-						children: a
-					}, t.id) : De(t) ? /* @__PURE__ */ S(le, {
-						type: "button",
-						variant: s,
-						size: c,
-						isLoading: d,
-						disabled: f,
-						onClick: () => {
-							if (d) return;
-							let a = t.getVariables(n);
-							G(t.id, !0), pe(k, {
-								mutation: t.mutation,
-								variables: a,
-								updater: (e) => {
-									t.updater?.(e, n);
-								},
-								onCompleted: (a) => {
-									G(t.id, !1);
-									let o = Te(a);
-									if (o != null) {
-										let i = u("actions.form.errors.invalidPayload");
-										t.toasts?.error?.message == null ? t.toasts?.error?.title != null && (i = Y(t.toasts.error.title, l)) : i = Y(t.toasts.error.message, l);
-										let a = e(o, {
-											defaultErrorMessage: i,
-											mapReason: (e) => {
-												let r = t.mapErrorReason?.(e, n);
-												return r == null ? null : typeof r == "function" ? Y(r, l) : String(r);
-											}
-										});
-										if (!a.ok) {
-											let e = Error(a.message);
-											if (t.onError?.(e, n), t.toasts?.error != null) {
-												let e = r(t.toasts.error, l);
-												I.error(e.title, e.message);
-											}
-											return;
-										}
-									}
-									if (t.onCompleted?.(a, n), t.toasts?.success != null) {
-										let e = r(t.toasts.success, l), o = i({
-											toast: t.toasts.success,
-											response: a,
-											node: n,
-											tApp: l,
-											entities: T,
-											defaultLabel: u("actions.view"),
-											navigateTo: (e) => {
-												O?.history.push({ pathname: e });
-											}
-										});
-										I.push({
-											kind: "info",
-											title: e.title,
-											message: e.message,
-											actions: o
-										});
-									}
-								},
-								onError: (e) => {
-									if (G(t.id, !1), t.onError?.(e, n), t.toasts?.error != null) {
-										let e = r(t.toasts.error, l);
-										I.error(e.title, e.message);
-									}
-								}
-							});
-						},
-						"aria-label": o,
-						children: a
-					}, t.id) : null;
-				}));
-			}
-			let j = w.find((e) => e.id === B), { content: fe } = K, M = [], N = [], P = [];
-			fe.forEach((e, t) => {
-				let r = (e.placement ?? "primary") === "secondary" ? N : M;
-				if (e.kind === "section") {
-					let i = Y(e.title, l), a = e.description == null ? void 0 : Y(e.description, l), { items: o, relationItems: s, customNodes: m } = je(e.fields, n, {
-						tApp: l,
-						t: u,
-						resolveEntityHref: _,
-						formatNumber: d,
-						formatCurrency: f,
-						formatPercent: p,
-						relationEntityListRoutes: ve,
-						resolveRelationItem: v
-					});
-					if (s.forEach((e) => {
-						P.some((t) => t.id === e.id) || P.push(e);
-					}), !(o.length > 0 || m.length > 0)) return;
-					r.push(/* @__PURE__ */ S(c, {
-						title: i,
-						description: a,
-						items: o.length > 0 ? o : void 0,
-						children: m
-					}, `${i}-${t}`));
-					return;
-				}
-				let i = Fe([e], n, {
-					tApp: l,
-					t: u,
-					resolveEntityHref: _,
-					keyPrefix: String(t)
-				})[0];
-				i != null && r.push(i);
-			});
-			let F = P.length > 0 ? /* @__PURE__ */ S(se, {
-				label: u("relations.menu.label"),
-				items: P
-			}) : null, L = A.length > 0 || F != null ? /* @__PURE__ */ C("div", {
-				className: ee,
-				children: [A, F]
-			}) : void 0, z = y.status != null || y.badges != null ? /* @__PURE__ */ C("div", {
-				className: ne,
-				children: [y.status, y.badges]
-			}) : void 0, H = y.items != null && y.items.length > 0 ? /* @__PURE__ */ S("div", {
-				className: re,
-				children: /* @__PURE__ */ S(ae, { items: y.items })
-			}) : null, q = N.length > 0, J = null;
-			return W.length > 1 && (J = /* @__PURE__ */ S(ce, {
-				items: g,
-				activeId: U.id,
-				onChange: () => {}
-			})), /* @__PURE__ */ C(m, {
-				breadcrumb: b,
-				children: [/* @__PURE__ */ S(ue, {
-					headerNode: /* @__PURE__ */ C("div", {
-						className: te,
-						children: [/* @__PURE__ */ S(oe, {
-							title: y.title,
-							subtitle: y.subtitle,
-							actions: L,
-							meta: z
-						}), H]
-					}),
-					tabsNode: J,
-					sidePanel: q ? /* @__PURE__ */ S(x, { children: N }) : void 0,
-					sidePanelVariant: "plain",
-					children: /* @__PURE__ */ S(x, { children: M })
-				}), j != null && Oe(j) && /* @__PURE__ */ S(a, {
-					isOpen: !0,
-					action: j,
-					node: n,
-					onClose: () => {
-						V(null);
-					}
-				})]
-			});
-		}
-	});
-}, $ = ({ config: e, prepared: t }) => {
-	let { layoutView: n } = b(), r = y({
-		mainPage: e.pages.mainPage,
-		subPages: e.pages.subPages,
-		activePagePath: t.pagePath,
-		node: n
-	});
-	if (!r.hasVisiblePages || r.activePage == null) throw new F(e.routes.list);
-	if (r.activePage.id !== t.pageId) throw new F(e.routes.detailPage(t.id, r.activePage.id));
-	return /* @__PURE__ */ S(Ie, {
-		config: t.pageConfig,
-		prepared: t
-	});
-};
-//#endregion
-export { $ as BackofficeEntityDetailPage, $ as default };
-
-//# sourceMappingURL=BackofficeEntityDetailPage.js.map