@plumile/backoffice-react 0.1.59

package/lib/esm/pages/BackofficeEntityDetailPage.js

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