@plumile/backoffice-react 0.1.72 → 0.1.73

package/lib/esm/BackofficeEntityDetailPage-CdrMXu5a.js

@@ -0,0 +1,991 @@
+import { t as e } from "./useRelayEnvironment-vQ86aW-n.js";
+import { n as t } from "./sprinkles.css.ts.vanilla-n-NK_DwW.js";
+import { n, t as r } from "./useBackofficeReactTranslation-WfXU8kCf.js";
+import "./EntityFilterValue-SC_jkj4O.js";
+import { n as i } from "./EntityIdPickerDialog-FMC5Hx_I.js";
+import { a, n as o, r as s, t as c } from "./BackofficeDetailPayload-B-qs8Fai.js";
+import { i as l } from "./mutationResult-CcQMY13J.js";
+import { t as u } from "./pageResolution-hAQA5C6S.js";
+import { n as d, t as f } from "./BackofficeRightPageLayout-ktdlvTZJ.js";
+import "./BackofficeTopbarPortalContext-iD7dm4_h.js";
+import { n as p, t as m } from "./toastViewAction-BGTS7vqm.js";
+import { n as h } from "./buildBreadcrumbs-CqF9Nh6x.js";
+import { n as g } from "./BackofficeEntityDetailLayoutContext-C_tBqkVq.js";
+import { i as ee, n as _, r as v, t as y } from "./LazyBackofficeEntityActionFormDialog-DOEgoIfT.js";
+import { Suspense as b, useCallback as x, useContext as S, useMemo as C, useState as w } from "react";
+import { useTranslation as T } from "react-i18next";
+import { HttpRedirect as E, Link as D, RoutingContext as O } from "@plumile/router";
+import { BackofficeKeyValueList as k, BackofficePageHeader as te, BackofficeRelationsMenu as A, BackofficeTableSkeleton as j, BackofficeTabs as ne, Button as M, ChatCheckSvg as N, DataTable as P, DetailPageTemplate as re, FormattedDate as F, HighlightCode as I, KeyOffSvg as L, KeySvg as ie, LazyBackofficeJsonViewer as R, LazyMarkdownRenderer as z, LinkButton as ae, LockOpenSvg as B, LockSvg as V, RobotCheckSvg as H, RobotXSvg as U, RocketOffSvg as oe, RocketSvg as se, SettingsCheckSvg as ce, SettingsXSvg as le, ShieldLockSvg as W, ShieldOffSvg as ue, Tag as G, XBadgeSvg as de, cx as fe, useToast as pe } from "@plumile/ui";
+import * as me from "react-relay";
+import { commitMutation as he, useFragment as ge, usePreloadedQuery as _e } from "react-relay";
+import { Fragment as K, jsx as q, jsxs as J } from "react/jsx-runtime";
+import { BACKOFFICE_DATE_TIME_OPTIONS as ve, BACKOFFICE_LIST_REFETCH_POLICY as ye, BACKOFFICE_RELATED_TAB_PAGE_SIZE as Y } from "@plumile/backoffice-core/constants.js";
+import { buildBackofficeFallbackListHref as be, buildBackofficeListHref as xe, buildBackofficeListLink as Se } from "@plumile/backoffice-core/state/buildListHref.js";
+import { setWhereValue as Ce } from "@plumile/backoffice-core/filters/where.js";
+//#region src/components/backoffice/scaffolds/BackofficeEntityDetailScaffold.tsx
+var we = ({ node: e, render: t, notFound: n }) => {
+	let { t: i } = r(), a = n ?? i("detail.notFound");
+	return e == null ? /* @__PURE__ */ q(K, { children: a }) : t(e) ?? /* @__PURE__ */ q(K, { children: a });
+}, Te = "_1lzrtns0 vncd899io vncd89co vncd89ao6", Ee = "_1lzrtns2 _1lzrtns1 vncd899io vncd89co", De = "_1lzrtns3", Oe = ({ tone: e, icon: t, label: n }) => {
+	let r = t != null, i = null;
+	return r && (i = /* @__PURE__ */ q("span", {
+		className: Ee,
+		children: t
+	})), /* @__PURE__ */ q(G, {
+		tone: e,
+		children: /* @__PURE__ */ J("span", {
+			className: Te,
+			children: [i, /* @__PURE__ */ q("span", {
+				className: De,
+				children: n
+			})]
+		})
+	});
+}, ke = "avdnn90 vncd899jf vncd89co vncd89ao6 vncd89ajx", Ae = "avdnn91 vncd899jf vncd89co vncd89anx", je = ({ tag: e, value: t }) => /* @__PURE__ */ J("span", {
+	className: ke,
+	children: [e != null && /* @__PURE__ */ q(G, {
+		tone: e.tone,
+		children: e.label
+	}), /* @__PURE__ */ q("span", {
+		className: Ae,
+		children: t
+	})]
+}), Me = "_1tlv14d0 vncd899io vncd89ai6 vncd89aoo", Ne = "_1tlv14d1 vncd899io vncd89ai6 vncd89ao6 vncd89la6 vncd891rx", Pe = "_1tlv14d2 vncd891co vncd891qf vncd89wo vncd89v2v", Fe = "_1tlv14d3 vncd899io vncd89ai6 vncd89anx", Ie = "_1tlv14d4 vncd89al6 vncd898x vncd89v8t", Le = "_1tlv14d5 vncd89amo", Re = "_1tlv14d6 vncd898x", ze = ({ title: e, description: t, items: n }) => {
+	let { t: i } = r();
+	return n.length === 0 ? null : /* @__PURE__ */ q(s, {
+		title: e,
+		description: t,
+		children: /* @__PURE__ */ q("div", {
+			className: Me,
+			children: n.map((e, t) => {
+				let n = i("common.notAvailable");
+				return e.details != null && (n = o(e.details)), /* @__PURE__ */ J("div", {
+					className: fe(Ne, Pe),
+					children: [/* @__PURE__ */ J("div", {
+						className: Fe,
+						children: [/* @__PURE__ */ q("span", {
+							className: Ie,
+							children: e.code
+						}), /* @__PURE__ */ q("span", {
+							className: Le,
+							children: e.message
+						})]
+					}), /* @__PURE__ */ q("div", {
+						className: Re,
+						children: /* @__PURE__ */ q(z, { content: n })
+					})]
+				}, `${e.code}-${t}`);
+			})
+		})
+	});
+}, { useLazyLoadQuery: Be, usePaginationFragment: Ve } = me, He = ({ title: e, config: t, entities: n, whereKey: i, value: a, path: o }) => {
+	let { t: s } = T(), { t: c } = r();
+	if (t.list.kind === "records") return null;
+	let l = t.list, u = t.listDefaults ?? l.defaultState ?? {
+		where: null,
+		sort: null
+	}, [f, p] = w({
+		where: u.where,
+		sort: u.sort ?? null
+	}), m = C(() => a == null || a.trim() === "" ? null : Ce(f.where, i, a, o), [
+		o,
+		f.where,
+		a,
+		i
+	]), h = m ?? f.where, g = f.sort ?? u.sort, y = C(() => ({
+		where: h,
+		sort: g,
+		count: Y,
+		cursor: null
+	}), [h, g]), b = C(() => l.buildVariables == null ? y : l.buildVariables(y), [l, y]), S = Be(l.query, b, { fetchPolicy: "store-or-network" }), { data: E, loadNext: D, hasNext: O, isLoadingNext: k, refetch: te } = Ve(l.fragment, S), A = l.getConnection(E), j = C(() => A.edges.map((e) => l.toRow(e.node)), [A.edges, l]), ne = C(() => d(l.columns, {
+		tApp: s,
+		t: c,
+		resolveEntityHref: (e, t) => {
+			let r = n[e];
+			return r == null ? null : r.routes.detail(t);
+		}
+	}), [
+		n,
+		l.columns,
+		c,
+		s
+	]), M = x((e) => l.getRowId(e), [l]), { onRefresh: N } = v({
+		refetch: te,
+		variables: y,
+		defaults: C(() => ({
+			where: m ?? u.where,
+			sort: u.sort,
+			count: Y,
+			cursor: null
+		}), [
+			u.sort,
+			u.where,
+			m
+		]),
+		fetchPolicy: ye,
+		buildVariables: l.buildVariables
+	}), P = ee({
+		hasNext: O,
+		isLoadingNext: k,
+		loadNext: D,
+		count: Y
+	});
+	return /* @__PURE__ */ q(_, {
+		config: t,
+		state: f,
+		pushState: (e) => {
+			p(e);
+		},
+		header: { title: e },
+		rows: j,
+		columns: ne,
+		getRowId: M,
+		hasNextPage: O,
+		isLoadingMore: k,
+		onLoadMore: P,
+		onRefresh: N,
+		totalCount: A.totalCount ?? null,
+		variant: "embedded"
+	});
+}, Ue = ({ title: e, targetId: n, whereKey: r, value: a, path: o }) => {
+	let { entities: s } = t(), c = i(C(() => [n], [n]));
+	if (c.status === "loading") return /* @__PURE__ */ q(j, { rows: 6 });
+	if (c.status === "error") return null;
+	let l = c.modules[n]?.config;
+	return l == null ? null : /* @__PURE__ */ q(He, {
+		title: e,
+		config: l,
+		entities: s,
+		whereKey: r,
+		value: a,
+		path: o
+	});
+}, We = ({ title: e, target: t, whereKey: r, value: i, path: a }) => /* @__PURE__ */ q(n, {
+	fallback: () => /* @__PURE__ */ q(j, { rows: 6 }),
+	children: /* @__PURE__ */ q(b, {
+		fallback: /* @__PURE__ */ q(j, { rows: 6 }),
+		children: /* @__PURE__ */ q(Ue, {
+			title: e,
+			targetId: t,
+			whereKey: r,
+			value: i,
+			path: a
+		})
+	})
+}), Ge = "_1i6bm7z0 vncd899io vncd89co vncd89ao6 vncd89ajx", Ke = "_1i6bm7z1 vncd899io vncd89ai6 vncd89aof", qe = "_1i6bm7z2 vncd899io vncd89co vncd89ao6 vncd89ajx", Je = "_1i6bm7z3 vncd899io vncd89ai6 vncd89ao6";
+//#endregion
+//#region src/i18n/useBackofficeFormats.ts
+function Ye() {
+	let { t: e } = r();
+	function t(t) {
+		return e("format.number", { value: t });
+	}
+	function n(t) {
+		return e("format.currency", { value: t });
+	}
+	function i(t) {
+		return e("format.percent", { value: t });
+	}
+	return {
+		formatNumber: t,
+		formatCurrency: n,
+		formatPercent: i
+	};
+}
+//#endregion
+//#region src/pages/detail/buildTabsItems.ts
+var Xe = (e) => e.pages.map((t) => ({
+	id: t.id,
+	label: t.label(e.tApp),
+	to: e.detailPageHref(e.id, t.id)
+})), X = (e, t) => e(t), Ze = (e) => typeof e == "object" && !!e && !Array.isArray(e), Qe = (e) => {
+	throw Error(`Unexpected value: ${String(e)}`);
+}, $e = (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__ */ q(W, {
+				width: 14,
+				height: 14,
+				"aria-hidden": "true"
+			})
+		} : {
+			tone: "neutral",
+			label: n("flags.capability.denied"),
+			icon: /* @__PURE__ */ q(ue, {
+				width: 14,
+				height: 14,
+				"aria-hidden": "true"
+			})
+		};
+		case "enabled": return t ? {
+			tone: "success",
+			label: n("flags.enabled.enabled"),
+			icon: /* @__PURE__ */ q(ce, {
+				width: 14,
+				height: 14,
+				"aria-hidden": "true"
+			})
+		} : {
+			tone: "neutral",
+			label: n("flags.enabled.disabled"),
+			icon: /* @__PURE__ */ q(le, {
+				width: 14,
+				height: 14,
+				"aria-hidden": "true"
+			})
+		};
+		case "failure": return t ? {
+			tone: "danger",
+			label: n("flags.failure.failed"),
+			icon: /* @__PURE__ */ q(de, {
+				width: 14,
+				height: 14,
+				"aria-hidden": "true"
+			})
+		} : {
+			tone: "success",
+			label: n("flags.failure.ok"),
+			icon: /* @__PURE__ */ q(N, {
+				width: 14,
+				height: 14,
+				"aria-hidden": "true"
+			})
+		};
+		case "encrypted": return t ? {
+			tone: "info",
+			label: n("flags.encrypted.encrypted"),
+			icon: /* @__PURE__ */ q(ie, {
+				width: 14,
+				height: 14,
+				"aria-hidden": "true"
+			})
+		} : {
+			tone: "neutral",
+			label: n("flags.encrypted.notEncrypted"),
+			icon: /* @__PURE__ */ q(L, {
+				width: 14,
+				height: 14,
+				"aria-hidden": "true"
+			})
+		};
+		case "locked": return t ? {
+			tone: "warning",
+			label: n("flags.locked.locked"),
+			icon: /* @__PURE__ */ q(V, {
+				width: 14,
+				height: 14,
+				"aria-hidden": "true"
+			})
+		} : {
+			tone: "success",
+			label: n("flags.locked.unlocked"),
+			icon: /* @__PURE__ */ q(B, {
+				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__ */ q(H, {
+				width: 14,
+				height: 14,
+				"aria-hidden": "true"
+			})
+		} : {
+			tone: "neutral",
+			label: n("flags.agentManaged.userManaged"),
+			icon: /* @__PURE__ */ q(U, {
+				width: 14,
+				height: 14,
+				"aria-hidden": "true"
+			})
+		};
+		case "deployedProduction": return t ? {
+			tone: "success",
+			label: n("flags.deployedProduction.deployed"),
+			icon: /* @__PURE__ */ q(se, {
+				width: 14,
+				height: 14,
+				"aria-hidden": "true"
+			})
+		} : {
+			tone: "neutral",
+			label: n("flags.deployedProduction.notDeployed"),
+			icon: /* @__PURE__ */ q(oe, {
+				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 Qe(e);
+	}
+}, et = (e) => {
+	if (!Ze(e)) return null;
+	for (let t of Object.values(e)) if (Ze(t) && ("status" in t || "result" in t)) return t;
+	return null;
+}, tt = (e) => e.kind === "route", nt = (e) => e.kind === "mutation", rt = (e) => e.kind === "formMutation", Z = (e, t) => typeof e == "function" ? e(t) : e ?? null, it = (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, at = (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__ */ q(D, {
+			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__ */ q(D, {
+		to: o,
+		children: s
+	});
+}, ot = (e, t, n) => {
+	let { tApp: r, t: i, resolveEntityHref: o, formatNumber: s, formatCurrency: c, formatPercent: l, relationEntityListRoutes: u, resolveRelationItem: d } = n, f = [], p = [], m = [], h = i("common.notAvailable");
+	return e.forEach((e, n) => {
+		let g = `${e.type}-${n}`;
+		switch (e.type) {
+			case "text": {
+				let n = Z(e.value(t), r);
+				f.push({
+					id: g,
+					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__ */ q(G, {
+					tone: a,
+					children: i
+				});
+				f.push({
+					id: g,
+					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__ */ q(a, { items: n }) : null;
+				f.push({
+					id: g,
+					label: X(e.label, r),
+					size: e.size,
+					value: i,
+					fullWidth: e.fullWidth
+				});
+				break;
+			}
+			case "dateTime": {
+				let n = e.value(t);
+				f.push({
+					id: g,
+					label: X(e.label, r),
+					size: e.size,
+					value: /* @__PURE__ */ q(F, {
+						value: n,
+						options: ve,
+						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) : s(n)), f.push({
+					id: g,
+					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 = $e(e.variant, n, i);
+					a = /* @__PURE__ */ q(Oe, {
+						tone: t.tone,
+						icon: t.icon,
+						label: t.label
+					});
+				}
+				f.push({
+					id: g,
+					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), a = r != null && r.trim() !== "" ? r : null, s = o?.(e.entity, n) ?? null;
+					a != null && (i = s == null ? a : /* @__PURE__ */ q(D, {
+						to: s,
+						children: a
+					}));
+				}
+				f.push({
+					id: g,
+					label: X(e.label, r),
+					size: e.size,
+					value: i ?? h
+				});
+				break;
+			}
+			case "link": {
+				let n = e.href(t), i = e.value(t), a = n != null && n.trim() !== "" && !Q(i) ? /* @__PURE__ */ q(D, {
+					to: n,
+					children: i
+				}) : null;
+				f.push({
+					id: g,
+					label: X(e.label, r),
+					size: e.size,
+					value: a
+				});
+				break;
+			}
+			case "taggedValue": {
+				let n = e.tag(t), a = at(e.value(t), {
+					tApp: r,
+					t: i,
+					resolveEntityHref: o
+				}), s = n == null ? null : {
+					...n,
+					label: (() => {
+						let e = Z(n.label, r);
+						return e == null ? "" : String(e);
+					})()
+				}, c = s != null || a != null ? /* @__PURE__ */ q(je, {
+					tag: s,
+					value: a
+				}) : null;
+				f.push({
+					id: g,
+					label: X(e.label, r),
+					size: e.size,
+					value: c,
+					fullWidth: e.fullWidth
+				});
+				break;
+			}
+			case "relation": {
+				let n = it(e.value(t));
+				if (n == null) break;
+				let i = u[e.entity];
+				if (i == null) break;
+				let a = X(e.label, r), o = e.count?.(t) ?? null, s = Ce(null, e.whereKey, n, e.path);
+				if (s == null) break;
+				p.push(d({
+					id: g,
+					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) {
+					f.push({
+						id: g,
+						label: X(e.label, r),
+						size: e.size,
+						value: n,
+						fullWidth: e.fullWidth
+					});
+					break;
+				}
+				m.push(/* @__PURE__ */ q("div", { children: n }, g));
+				break;
+			}
+			default: break;
+		}
+	}), {
+		items: f,
+		relationItems: p,
+		customNodes: m
+	};
+}, st = (e, t, n) => {
+	let { tApp: r, t: i, resolveEntityHref: a } = n, o = i("common.notAvailable");
+	if (e.type === "dateTime") return /* @__PURE__ */ q(F, {
+		value: e.value(t),
+		options: ve,
+		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__ */ q(D, {
+			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__ */ q(D, {
+			to: n,
+			children: i
+		});
+	}
+	let s = Z(e.value(t), r);
+	return Q(s) ? o : s;
+}, ct = (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__ */ q(a, { items: r });
+	}
+	let r = Z(e.value(t), n), i = r == null ? "" : String(r);
+	if (i.trim() !== "") return /* @__PURE__ */ q(G, {
+		tone: $(e.tone, t),
+		children: i
+	});
+}, lt = (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__ */ q("span", { children: at(l, {
+				tApp: r,
+				t: i,
+				resolveEntityHref: a
+			}) }, e.id)), c < s.length - 1 && o.push(/* @__PURE__ */ q("span", { children: n }, `${e.id}-sep`));
+		}), c = /* @__PURE__ */ q("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__ */ q(G, {
+			tone: s,
+			children: `${i}: ${o}`
+		}, `${i}-${n}`));
+	});
+	let u;
+	e.status != null && (u = ct(e.status, t, r));
+	let d = e.meta?.map((e, n) => {
+		let o = X(e.label, r), s = st(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__ */ q(K, { children: l }) : void 0,
+		status: u,
+		items: d
+	};
+}, ut = (e, t, n) => {
+	let { tApp: r, t: i, resolveEntityHref: a } = n;
+	return e == null || e.length === 0 ? [] : e.map((e, o) => {
+		let l = n.keyPrefix == null ? `${e.kind}-${o}` : `${n.keyPrefix}-${e.kind}-${o}`;
+		if (e.kind === "custom") {
+			let n = e.render(t);
+			return n == null ? null : e.label == null ? /* @__PURE__ */ q("div", { children: n }, l) : /* @__PURE__ */ q(s, {
+				title: X(e.label, r),
+				children: n
+			}, l);
+		}
+		let u = X(e.label, r), f = e.description == null ? void 0 : X(e.description, r);
+		if (e.kind === "relationList") {
+			let n = e.value(t);
+			return /* @__PURE__ */ q(We, {
+				title: u,
+				target: e.target,
+				whereKey: e.whereKey,
+				value: n,
+				path: e.path
+			}, l);
+		}
+		if (e.kind === "table") {
+			let n = e.rows(t);
+			return /* @__PURE__ */ q(s, {
+				title: u,
+				description: f,
+				children: /* @__PURE__ */ q(P, {
+					columns: d(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);
+					}
+				})
+			}, l);
+		}
+		if (e.kind === "json") return /* @__PURE__ */ q(s, {
+			title: u,
+			description: f,
+			children: /* @__PURE__ */ q(R, {
+				value: e.value(t),
+				title: u
+			})
+		}, l);
+		if (e.kind === "code") {
+			let n = e.value(t);
+			return /* @__PURE__ */ q(s, {
+				title: u,
+				description: f,
+				children: /* @__PURE__ */ q(I, {
+					badgeLabel: i("tools.output"),
+					copyCode: n,
+					fallbackCodeText: n
+				})
+			}, l);
+		}
+		return e.kind === "payload" ? /* @__PURE__ */ q(c, {
+			title: u,
+			description: f,
+			content: e.value(t),
+			format: e.format
+		}, l) : e.kind === "errorList" ? /* @__PURE__ */ q(ze, {
+			title: u,
+			description: f,
+			items: e.errors(t)
+		}, l) : /* @__PURE__ */ q(s, {
+			title: u,
+			description: f,
+			children: /* @__PURE__ */ q(k, { 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")
+				};
+			}) })
+		}, l);
+	});
+}, dt = ({ config: n, prepared: i }) => {
+	let { t: a } = T(), { t: o } = r(), { formatNumber: c, formatCurrency: d, formatPercent: ee } = Ye(), { entities: _, entityRegistry: v } = t(), { layoutView: b } = g(), x = S(O), D = e(), j = pe(), [N, P] = w({}), [F, I] = w(null), L = u({
+		mainPage: n.pages.mainPage,
+		subPages: n.pages.subPages,
+		activePagePath: i.pagePath,
+		node: b
+	}), ie = L.activePage ?? n.pages.mainPage, R = L.pages.length > 0 ? L.pages : [n.pages.mainPage], z = (e, t) => {
+		P((n) => n[e] === t ? n : {
+			...n,
+			[e]: t
+		});
+	}, { page: B } = n, V = _e(B.query, i.pageQuery), H = B.resolveNode(V, {
+		id: i.id,
+		detailId: i.detailId
+	});
+	if (H == null) throw new E(n.routes.list);
+	let U = ge(B.fragment, H), oe = C(() => Object.fromEntries(B.content.flatMap((e) => e.kind === "section" ? e.fields.flatMap((e) => e.type === "relation" ? [e.entity] : []) : []).flatMap((e) => {
+		let t = _[e];
+		return t?.hasList === !0 ? [[e, t.routes.list]] : [];
+	})), [_, B.content]);
+	return /* @__PURE__ */ q(we, {
+		node: U,
+		render: (e) => {
+			let t = B.toView(e), r = Xe({
+				pages: R,
+				id: i.id,
+				tApp: a,
+				detailPageHref: n.routes.detailPage
+			}), u = (e, t) => {
+				let n = _[e];
+				return n == null ? null : n.routes.detail(t);
+			}, g = ({ id: e, label: t, count: n, entityId: r, filterId: i, listRoute: a, path: o, value: s, where: c, whereKey: l }) => {
+				let u = v.getLoadedListEntity(r);
+				return {
+					id: e,
+					label: t,
+					count: n,
+					href: u == null ? be(a, c, [{
+						id: i ?? (o == null ? l : `${l}.${o.join(".")}`),
+						value: s
+					}]) : xe(u.config, { where: c }),
+					onClick: async (e) => {
+						if (x == null || e.defaultPrevented || e.button !== 0 || e.metaKey || e.altKey || e.ctrlKey || e.shiftKey) return;
+						e.preventDefault();
+						let t = Se((await v.loadListEntity(r)).config, { where: c });
+						x.history.push({
+							pathname: t.pathname,
+							search: t.search === "" ? "" : `?${t.search}`,
+							hash: ""
+						});
+					}
+				};
+			}, S = lt(n.header, b, {
+				tApp: a,
+				t: o,
+				resolveEntityHref: u
+			}), C = h({
+				config: n,
+				tApp: a,
+				entityId: i.id,
+				layoutView: b,
+				pageLabel: ie.label(a)
+			}), w = B.actions ?? [], T = [];
+			if (w.length > 0) {
+				let e = w.filter((e) => e.isVisible == null ? !0 : e.isVisible(t));
+				e.length > 0 && (T = e.map((e) => {
+					let n = X(e.label, a), r = e.ariaLabel == null ? n : X(e.ariaLabel, a), i = e.variant ?? "secondary", s = e.size ?? "small", c = N[e.id] ?? !1, u = c || e.isDisabled?.(t) === !0;
+					return tt(e) ? /* @__PURE__ */ q(ae, {
+						to: e.to(t),
+						variant: i,
+						size: s,
+						isDisabled: u,
+						"aria-label": r,
+						children: n
+					}, e.id) : rt(e) ? /* @__PURE__ */ q(M, {
+						type: "button",
+						variant: i,
+						size: s,
+						isLoading: !1,
+						disabled: u,
+						onClick: () => {
+							I(e.id);
+						},
+						"aria-label": r,
+						children: n
+					}, e.id) : nt(e) ? /* @__PURE__ */ q(M, {
+						type: "button",
+						variant: i,
+						size: s,
+						isLoading: c,
+						disabled: u,
+						onClick: () => {
+							if (c) return;
+							let n = e.getVariables(t);
+							z(e.id, !0), he(D, {
+								mutation: e.mutation,
+								variables: n,
+								updater: (n) => {
+									e.updater?.(n, t);
+								},
+								onCompleted: (n) => {
+									z(e.id, !1);
+									let r = et(n);
+									if (r != null) {
+										let n = o("actions.form.errors.invalidPayload");
+										e.toasts?.error?.message == null ? e.toasts?.error?.title != null && (n = X(e.toasts.error.title, a)) : n = X(e.toasts.error.message, a);
+										let i = l(r, {
+											defaultErrorMessage: n,
+											mapReason: (n) => {
+												let r = e.mapErrorReason?.(n, t);
+												return r == null ? null : typeof r == "function" ? X(r, a) : String(r);
+											}
+										});
+										if (!i.ok) {
+											let n = Error(i.message);
+											if (e.onError?.(n, t), e.toasts?.error != null) {
+												let t = m(e.toasts.error, a);
+												j.error(t.title, t.message);
+											}
+											return;
+										}
+									}
+									if (e.onCompleted?.(n, t), e.toasts?.success != null) {
+										let r = m(e.toasts.success, a), i = p({
+											toast: e.toasts.success,
+											response: n,
+											node: t,
+											tApp: a,
+											entities: _,
+											defaultLabel: o("actions.view"),
+											navigateTo: (e) => {
+												x?.history.push({ pathname: e });
+											}
+										});
+										j.push({
+											kind: "info",
+											title: r.title,
+											message: r.message,
+											actions: i
+										});
+									}
+								},
+								onError: (n) => {
+									if (z(e.id, !1), e.onError?.(n, t), e.toasts?.error != null) {
+										let t = m(e.toasts.error, a);
+										j.error(t.title, t.message);
+									}
+								}
+							});
+						},
+						"aria-label": r,
+						children: n
+					}, e.id) : null;
+				}));
+			}
+			let E = w.find((e) => e.id === F), { content: O } = B, P = [], L = [], V = [];
+			O.forEach((e, n) => {
+				let r = (e.placement ?? "primary") === "secondary" ? L : P;
+				if (e.kind === "section") {
+					let i = X(e.title, a), l = e.description == null ? void 0 : X(e.description, a), { items: f, relationItems: p, customNodes: m } = ot(e.fields, t, {
+						tApp: a,
+						t: o,
+						resolveEntityHref: u,
+						formatNumber: c,
+						formatCurrency: d,
+						formatPercent: ee,
+						relationEntityListRoutes: oe,
+						resolveRelationItem: g
+					});
+					if (p.forEach((e) => {
+						V.some((t) => t.id === e.id) || V.push(e);
+					}), !(f.length > 0 || m.length > 0)) return;
+					r.push(/* @__PURE__ */ q(s, {
+						title: i,
+						description: l,
+						items: f.length > 0 ? f : void 0,
+						children: m
+					}, `${i}-${n}`));
+					return;
+				}
+				let i = ut([e], t, {
+					tApp: a,
+					t: o,
+					resolveEntityHref: u,
+					keyPrefix: String(n)
+				})[0];
+				i != null && r.push(i);
+			});
+			let H = V.length > 0 ? /* @__PURE__ */ q(A, {
+				label: o("relations.menu.label"),
+				items: V
+			}) : null, U = T.length > 0 || H != null ? /* @__PURE__ */ J("div", {
+				className: Ge,
+				children: [T, H]
+			}) : void 0, se = S.status != null || S.badges != null ? /* @__PURE__ */ J("div", {
+				className: qe,
+				children: [S.status, S.badges]
+			}) : void 0, ce = S.items != null && S.items.length > 0 ? /* @__PURE__ */ q("div", {
+				className: Je,
+				children: /* @__PURE__ */ q(k, { items: S.items })
+			}) : null, le = L.length > 0, W = null;
+			return R.length > 1 && (W = /* @__PURE__ */ q(ne, {
+				items: r,
+				activeId: ie.id,
+				onChange: () => {}
+			})), /* @__PURE__ */ J(f, {
+				breadcrumb: C,
+				children: [/* @__PURE__ */ q(re, {
+					headerNode: /* @__PURE__ */ J("div", {
+						className: Ke,
+						children: [/* @__PURE__ */ q(te, {
+							title: S.title,
+							subtitle: S.subtitle,
+							actions: U,
+							meta: se
+						}), ce]
+					}),
+					tabsNode: W,
+					sidePanel: le ? /* @__PURE__ */ q(K, { children: L }) : void 0,
+					sidePanelVariant: "plain",
+					children: /* @__PURE__ */ q(K, { children: P })
+				}), E != null && rt(E) && /* @__PURE__ */ q(y, {
+					isOpen: !0,
+					action: E,
+					node: t,
+					onClose: () => {
+						I(null);
+					}
+				})]
+			});
+		}
+	});
+}, ft = ({ config: e, prepared: t }) => {
+	let { layoutView: n } = g(), r = u({
+		mainPage: e.pages.mainPage,
+		subPages: e.pages.subPages,
+		activePagePath: t.pagePath,
+		node: n
+	});
+	if (!r.hasVisiblePages || r.activePage == null) throw new E(e.routes.list);
+	if (r.activePage.id !== t.pageId) throw new E(e.routes.detailPage(t.id, r.activePage.id));
+	return /* @__PURE__ */ q(dt, {
+		config: t.pageConfig,
+		prepared: t
+	});
+};
+//#endregion
+export { ft as BackofficeEntityDetailPage, ft as default };
+
+//# sourceMappingURL=BackofficeEntityDetailPage-CdrMXu5a.js.map