@plumile/backoffice-react 0.1.84 → 0.1.87

package/lib/esm/BackofficeEntityDetailPage-CIyGKwVP.js

@@ -0,0 +1,1044 @@
+import { t as e } from "./useRelayEnvironment-vQ86aW-n.js";
+import { n as t } from "./BackofficeConfigContext-R0t1owTI.js";
+import { n, t as r } from "./useBackofficeReactTranslation-WfXU8kCf.js";
+import { n as i } from "./EntityIdPickerDialog-DbTnDU4v.js";
+import { a, n as o, r as s, t as c } from "./BackofficeDetailPayload-iVx66o_6.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-DZQvIHnj.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 _, n as ee, r as v, t as y } from "./LazyBackofficeEntityActionFormDialog-BE3wVfU6.js";
+import { Fragment as b, Suspense as x, createElement as S, useCallback as C, useContext as w, useMemo as T, useState as E } from "react";
+import { useTranslation as D } from "react-i18next";
+import { HttpRedirect as O, Link as k, RoutingContext as A } from "@plumile/router";
+import { BackofficeKeyValueList as j, BackofficePageHeader as te, BackofficeRelationsMenu as ne, BackofficeTableSkeleton as M, BackofficeTabs as re, Button as N, ChatCheckSvg as ie, DataTable as ae, DetailPageTemplate as oe, FormattedDate as se, HighlightCode as ce, KeyOffSvg as P, KeySvg as le, LazyBackofficeJsonViewer as ue, LazyMarkdownRenderer as F, LinkButton as de, LockOpenSvg as fe, LockSvg as I, RobotCheckSvg as L, RobotXSvg as R, RocketOffSvg as z, RocketSvg as B, SettingsCheckSvg as V, SettingsXSvg as H, ShieldLockSvg as U, ShieldOffSvg as W, Tag as G, XBadgeSvg as pe, cx as me, useToast as he } from "@plumile/ui";
+import * as ge from "react-relay";
+import { commitMutation as _e, useFragment as K, usePreloadedQuery as ve } from "react-relay";
+import { Fragment as q, jsx as J, jsxs as Y } from "react/jsx-runtime";
+import { BACKOFFICE_DATE_TIME_OPTIONS as ye, BACKOFFICE_LIST_REFETCH_POLICY as be, BACKOFFICE_RELATED_TAB_PAGE_SIZE as xe } from "@plumile/backoffice-core/constants.js";
+import { buildBackofficeFallbackListHref as Se, buildBackofficeListHref as Ce, buildBackofficeListLink as we } from "@plumile/backoffice-core/state/buildListHref.js";
+import { setWhereValue as Te } from "@plumile/backoffice-core/filters/where.js";
+//#region src/components/backoffice/scaffolds/BackofficeEntityDetailScaffold.tsx
+var Ee = ({ node: e, render: t, notFound: n }) => {
+	let { t: i } = r(), a = n ?? i("detail.notFound");
+	return e == null ? /* @__PURE__ */ J(q, { children: a }) : t(e) ?? /* @__PURE__ */ J(q, { children: a });
+}, De = "txvbqb9ip txvbqbcp txvbqbao7", Oe = "_1lzrtns0 txvbqb9ip txvbqbcp", ke = "_1lzrtns1", Ae = ({ tone: e, icon: t, label: n }) => {
+	let r = t != null, i = null;
+	return r && (i = /* @__PURE__ */ J("span", {
+		className: Oe,
+		children: t
+	})), /* @__PURE__ */ J(G, {
+		tone: e,
+		children: /* @__PURE__ */ Y("span", {
+			className: De,
+			children: [i, /* @__PURE__ */ J("span", {
+				className: ke,
+				children: n
+			})]
+		})
+	});
+}, je = "txvbqb9jg txvbqbcp txvbqbao7 txvbqbajy", Me = "txvbqb9jg txvbqbcp txvbqbany", Ne = ({ tag: e, value: t }) => /* @__PURE__ */ Y("span", {
+	className: je,
+	children: [e != null && /* @__PURE__ */ J(G, {
+		tone: e.tone,
+		children: e.label
+	}), /* @__PURE__ */ J("span", {
+		className: Me,
+		children: t
+	})]
+}), Pe = "txvbqb9ip txvbqbai7 txvbqbaop", Fe = "txvbqb9ip txvbqbai7 txvbqbao7 txvbqblb7 txvbqb1ry", Ie = "txvbqb1cp txvbqb1qg txvbqbwp txvbqbv45", Le = "txvbqb9ip txvbqbai7 txvbqbany", Re = "txvbqbal7 txvbqb8y txvbqbva3", ze = "txvbqbamp", Be = "txvbqb8y", Ve = ({ title: e, description: t, items: n }) => {
+	let { t: i } = r();
+	return n.length === 0 ? null : /* @__PURE__ */ J(s, {
+		title: e,
+		description: t,
+		children: /* @__PURE__ */ J("div", {
+			className: Pe,
+			children: n.map((e, t) => {
+				let n = i("common.notAvailable");
+				return e.details != null && (n = o(e.details)), /* @__PURE__ */ Y("div", {
+					className: me(Fe, Ie),
+					children: [/* @__PURE__ */ Y("div", {
+						className: Le,
+						children: [/* @__PURE__ */ J("span", {
+							className: Re,
+							children: e.code
+						}), /* @__PURE__ */ J("span", {
+							className: ze,
+							children: e.message
+						})]
+					}), /* @__PURE__ */ J("div", {
+						className: Be,
+						children: /* @__PURE__ */ J(F, { content: n })
+					})]
+				}, `${e.code}-${t}`);
+			})
+		})
+	});
+}, { useLazyLoadQuery: He, usePaginationFragment: Ue } = ge, We = ({ title: e, config: t, entities: n, whereKey: i, value: a, path: o }) => {
+	let { t: s } = D(), { 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] = E({
+		where: u.where,
+		sort: u.sort ?? null
+	}), m = T(() => a == null || a.trim() === "" ? null : Te(f.where, i, a, o), [
+		o,
+		f.where,
+		a,
+		i
+	]), h = m ?? f.where, g = f.sort ?? u.sort, y = T(() => ({
+		where: h,
+		sort: g,
+		count: xe,
+		cursor: null
+	}), [h, g]), b = T(() => l.buildVariables == null ? y : l.buildVariables(y), [l, y]), x = He(l.query, b, { fetchPolicy: "store-or-network" }), { data: S, loadNext: w, hasNext: O, isLoadingNext: k, refetch: A } = Ue(l.fragment, x), j = l.getConnection(S), te = T(() => j.edges.map((e) => l.toRow(e.node)), [j.edges, l]), ne = T(() => 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 = C((e) => l.getRowId(e), [l]), { onRefresh: re } = v({
+		refetch: A,
+		variables: y,
+		defaults: T(() => ({
+			where: m ?? u.where,
+			sort: u.sort,
+			count: xe,
+			cursor: null
+		}), [
+			u.sort,
+			u.where,
+			m
+		]),
+		fetchPolicy: be,
+		buildVariables: l.buildVariables
+	}), N = _({
+		hasNext: O,
+		isLoadingNext: k,
+		loadNext: w,
+		count: xe
+	});
+	return /* @__PURE__ */ J(ee, {
+		config: t,
+		state: f,
+		pushState: (e) => {
+			p(e);
+		},
+		header: { title: e },
+		rows: te,
+		columns: ne,
+		getRowId: M,
+		hasNextPage: O,
+		isLoadingMore: k,
+		onLoadMore: N,
+		onRefresh: re,
+		totalCount: j.totalCount ?? null,
+		variant: "embedded"
+	});
+}, Ge = ({ title: e, targetId: n, whereKey: r, value: a, path: o }) => {
+	let { entities: s } = t(), c = i(T(() => [n], [n]));
+	if (c.status === "loading") return /* @__PURE__ */ J(M, { rows: 6 });
+	if (c.status === "error") return null;
+	let l = c.modules[n]?.config;
+	return l == null ? null : /* @__PURE__ */ J(We, {
+		title: e,
+		config: l,
+		entities: s,
+		whereKey: r,
+		value: a,
+		path: o
+	});
+}, Ke = ({ title: e, target: t, whereKey: r, value: i, path: a }) => /* @__PURE__ */ J(n, {
+	fallback: () => /* @__PURE__ */ J(M, { rows: 6 }),
+	children: /* @__PURE__ */ J(x, {
+		fallback: /* @__PURE__ */ J(M, { rows: 6 }),
+		children: /* @__PURE__ */ J(Ge, {
+			title: e,
+			targetId: t,
+			whereKey: r,
+			value: i,
+			path: a
+		})
+	})
+}), qe = "txvbqb9ip txvbqbcp txvbqbao7 txvbqbajy", Je = "txvbqb9ip txvbqbai7 txvbqbaog", Ye = "txvbqb9ip txvbqbcp txvbqbao7 txvbqbajy", Xe = "txvbqb9ip txvbqbai7 txvbqbao7";
+//#endregion
+//#region src/i18n/useBackofficeFormats.ts
+function Ze() {
+	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 Qe = (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), $e = (e) => typeof e == "object" && !!e && !Array.isArray(e), et = (e) => {
+	if (!$e(e)) return null;
+	for (let t of Object.values(e)) if ($e(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, 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"),
+			iconName: "shield-lock"
+		} : {
+			tone: "neutral",
+			label: n("flags.capability.denied"),
+			iconName: "shield-off"
+		};
+		case "enabled": return t ? {
+			tone: "success",
+			label: n("flags.enabled.enabled"),
+			iconName: "settings-check"
+		} : {
+			tone: "neutral",
+			label: n("flags.enabled.disabled"),
+			iconName: "settings-x"
+		};
+		case "failure": return t ? {
+			tone: "danger",
+			label: n("flags.failure.failed"),
+			iconName: "x-badge"
+		} : {
+			tone: "success",
+			label: n("flags.failure.ok"),
+			iconName: "chat-check"
+		};
+		case "encrypted": return t ? {
+			tone: "info",
+			label: n("flags.encrypted.encrypted"),
+			iconName: "key"
+		} : {
+			tone: "neutral",
+			label: n("flags.encrypted.notEncrypted"),
+			iconName: "key-off"
+		};
+		case "locked": return t ? {
+			tone: "warning",
+			label: n("flags.locked.locked"),
+			iconName: "lock"
+		} : {
+			tone: "success",
+			label: n("flags.locked.unlocked"),
+			iconName: "lock-open"
+		};
+		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"),
+			iconName: "robot-check"
+		} : {
+			tone: "neutral",
+			label: n("flags.agentManaged.userManaged"),
+			iconName: "robot-x"
+		};
+		case "deployedProduction": return t ? {
+			tone: "success",
+			label: n("flags.deployedProduction.deployed"),
+			iconName: "rocket"
+		} : {
+			tone: "neutral",
+			label: n("flags.deployedProduction.notDeployed"),
+			iconName: "rocket-off"
+		};
+		case "forced": return t ? {
+			tone: "warning",
+			label: n("flags.forced.forced")
+		} : {
+			tone: "neutral",
+			label: n("flags.forced.normal")
+		};
+		default: throw Error(`Unsupported flag variant: ${String(e)}`);
+	}
+}, ot = (e, t) => {
+	let { tApp: n, t: r, resolveEntityHref: i, renderLink: a } = t, o = r("common.notAvailable");
+	if (e.type === "text") {
+		let t = Z(e.value, n);
+		return Q(t) ? o : t;
+	}
+	if (e.type === "entityRef") {
+		let { id: t } = e;
+		if (t == null || t.trim() === "") return o;
+		let r = Z(e.label, n), s = r != null && String(r).trim() !== "" ? r : null;
+		if (s == null) return o;
+		let c = i?.(e.entity, t) ?? null;
+		return c == null ? s : a(c, s);
+	}
+	let { href: s } = e;
+	if (s == null || s.trim() === "") return o;
+	let c = Z(e.label, n);
+	return Q(c) ? o : a(s, c);
+}, st = (e, t, n) => {
+	let { tApp: r, t: i, resolveEntityHref: a, renderDate: o, renderLink: s } = n, c = i("common.notAvailable");
+	if (e.type === "dateTime") return o(e.value(t), c);
+	if (e.type === "entityRef") {
+		let n = e.id(t);
+		if (n == null || n.trim() === "") return c;
+		let i = Z(e.value?.(t), r), o = i != null && String(i).trim() !== "" ? i : null;
+		if (o == null) return c;
+		let l = a?.(e.entity, n) ?? null;
+		return l == null ? o : s(l, o);
+	}
+	if (e.type === "link") {
+		let n = e.href(t), i = Z(e.value(t), r);
+		return n == null || n.trim() === "" || Q(i) ? c : s(n, i);
+	}
+	let l = Z(e.value(t), r);
+	return Q(l) ? c : l;
+}, ct = (e, t, n, r) => {
+	if (e.type === "badgeRow") {
+		let i = e.items(t).map((e) => {
+			let t = Z(e.label, n), r = t == null ? "" : String(t);
+			return {
+				...e,
+				label: r
+			};
+		});
+		return i.length === 0 ? void 0 : r.renderBadgeRow(i);
+	}
+	let i = Z(e.value(t), n), a = i == null ? "" : String(i);
+	if (a.trim() === "") return;
+	let o = $(e.tone, t);
+	return r.renderTag(o, a);
+}, lt = (e, t, n) => {
+	let { tApp: r, t: i, resolveEntityHref: a, formatNumber: o, formatCurrency: s, formatPercent: c, relationEntityListRoutes: l, resolveRelationItem: u, setWhereValue: d, renderTag: f, renderBadgeRow: p, renderDate: m, renderFlagTag: h, renderLink: g, renderTaggedValue: _, wrapCustomNode: ee } = n, v = [], y = [], b = [], x = i("common.notAvailable");
+	return e.forEach((e, n) => {
+		let S = `${e.type}-${n}`;
+		switch (e.type) {
+			case "text": {
+				let n = Z(e.value(t), r);
+				v.push({
+					id: S,
+					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);
+				v.push({
+					id: S,
+					label: X(e.label, r),
+					size: e.size,
+					value: i.trim() === "" ? null : f(a, i)
+				});
+				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
+					};
+				});
+				v.push({
+					id: S,
+					label: X(e.label, r),
+					size: e.size,
+					value: n.length > 0 ? p(n) : null,
+					fullWidth: e.fullWidth
+				});
+				break;
+			}
+			case "dateTime":
+				v.push({
+					id: S,
+					label: X(e.label, r),
+					size: e.size,
+					value: m(e.value(t), x)
+				});
+				break;
+			case "number": {
+				let n = e.value(t), i = null;
+				n != null && (i = e.format === "currency" ? s(n) : e.format === "percent" ? c(n) : o(n)), v.push({
+					id: S,
+					label: X(e.label, r),
+					size: e.size,
+					value: i
+				});
+				break;
+			}
+			case "flag": {
+				let n = e.value(t);
+				v.push({
+					id: S,
+					label: X(e.label, r),
+					size: e.size,
+					value: n == null ? null : h(at(e.variant, n, i))
+				});
+				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 : g(s, o));
+				}
+				v.push({
+					id: S,
+					label: X(e.label, r),
+					size: e.size,
+					value: i ?? x
+				});
+				break;
+			}
+			case "link": {
+				let n = e.href(t), i = e.value(t);
+				v.push({
+					id: S,
+					label: X(e.label, r),
+					size: e.size,
+					value: n != null && n.trim() !== "" && !Q(i) ? g(n, i) : null
+				});
+				break;
+			}
+			case "taggedValue": {
+				let n = e.tag(t), o = ot(e.value(t), {
+					tApp: r,
+					t: i,
+					resolveEntityHref: a,
+					renderLink: g
+				}), s = n == null ? null : {
+					...n,
+					label: (() => {
+						let e = Z(n.label, r);
+						return e == null ? "" : String(e);
+					})()
+				};
+				v.push({
+					id: S,
+					label: X(e.label, r),
+					size: e.size,
+					value: s != null || o != null ? _(s, o) : null,
+					fullWidth: e.fullWidth
+				});
+				break;
+			}
+			case "relation": {
+				let n = it(e.value(t));
+				if (n == null) break;
+				let i = l[e.entity];
+				if (i == null) break;
+				let a = d(null, e.whereKey, n, e.path);
+				if (a == null) break;
+				y.push(u({
+					id: S,
+					label: X(e.label, r),
+					count: e.count?.(t) ?? null,
+					entityId: e.entity,
+					filterId: e.filterId,
+					listRoute: i,
+					path: e.path,
+					value: n,
+					where: a,
+					whereKey: e.whereKey
+				}));
+				break;
+			}
+			case "custom": {
+				let n = e.render(t);
+				if (n == null) break;
+				if (e.label != null) {
+					v.push({
+						id: S,
+						label: X(e.label, r),
+						size: e.size,
+						value: n,
+						fullWidth: e.fullWidth
+					});
+					break;
+				}
+				b.push(ee(S, n));
+				break;
+			}
+			default: break;
+		}
+	}), {
+		items: v,
+		relationItems: y,
+		customNodes: b
+	};
+}, ut = (e, t, n) => {
+	let { tApp: r, t: i, resolveEntityHref: a, renderLink: o, renderDate: s, renderTag: c, renderBadgeRow: l } = n, u = e.titleValue?.(t, r) ?? X(e.title, r), d = u.trim() === "" ? X(e.title, r) : u, f;
+	if (e.subtitleItems != null && e.subtitleItems.length > 0) {
+		let { subtitleItems: n } = e, s = e.subtitleSeparator ?? " / ", c = [];
+		n.forEach((e, l) => {
+			c.push(S("span", { key: e.id }, ot(e.value(t), {
+				tApp: r,
+				t: i,
+				resolveEntityHref: a,
+				renderLink: o
+			}))), l < n.length - 1 && c.push(S("span", { key: `${e.id}-sep` }, s));
+		}), f = S("span", null, ...c);
+	} else {
+		let n = e.subtitleValue?.(t, r) ?? (e.subtitle == null ? null : X(e.subtitle, r));
+		f = n != null && n.trim() !== "" ? n : void 0;
+	}
+	let p = [];
+	e.badges?.forEach((e, n) => {
+		let i = X(e.label, r), a = Z(e.value(t), r), o = a == null ? "" : String(a);
+		o.trim() !== "" && (p.push(c($(e.tone, t), `${i}: ${o}`)), typeof p[p.length - 1] == "object" && (p[p.length - 1] = S(b, { key: `${i}-${n}` }, p[p.length - 1])));
+	});
+	let m = e.status == null ? void 0 : ct(e.status, t, r, {
+		renderBadgeRow: l,
+		renderTag: c
+	}), h = e.meta?.map((e, n) => {
+		let c = X(e.label, r);
+		return {
+			id: `${c}-${n}`,
+			label: c,
+			value: st(e, t, {
+				tApp: r,
+				t: i,
+				resolveEntityHref: a,
+				renderDate: s,
+				renderLink: o
+			})
+		};
+	});
+	return {
+		title: d,
+		subtitle: f,
+		badges: p.length > 0 ? S(b, null, ...p) : void 0,
+		status: m,
+		items: h
+	};
+}, dt = (e, t, n) => {
+	let { tApp: r, t: i, keyPrefix: a } = n;
+	return e == null || e.length === 0 ? [] : e.map((e, o) => {
+		let s = a == null ? `${e.kind}-${o}` : `${a}-${e.kind}-${o}`;
+		if (e.kind === "custom") {
+			let i = e.render(t);
+			return i == null ? null : e.label == null ? n.wrapCustomNode(s, i) : n.renderCustomSection(s, X(e.label, r), i);
+		}
+		let c = X(e.label, r), l = e.description == null ? void 0 : X(e.description, r);
+		if (e.kind === "relationList") return n.renderRelationList({
+			key: s,
+			title: c,
+			target: e.target,
+			whereKey: e.whereKey,
+			value: e.value(t),
+			path: e.path
+		});
+		if (e.kind === "table") return n.renderTable({
+			key: s,
+			title: c,
+			description: l,
+			columns: n.resolveTableColumns(e.columns),
+			rows: e.rows(t)
+		});
+		if (e.kind === "json") return n.renderJson({
+			key: s,
+			title: c,
+			description: l,
+			value: e.value(t)
+		});
+		if (e.kind === "code") return n.renderCode({
+			key: s,
+			title: c,
+			description: l,
+			value: e.value(t),
+			outputLabel: i("tools.output")
+		});
+		if (e.kind === "payload") return n.renderPayload({
+			key: s,
+			title: c,
+			description: l,
+			content: e.value(t),
+			format: e.format
+		});
+		if (e.kind === "errorList") return n.renderErrorList({
+			key: s,
+			title: c,
+			description: l,
+			items: e.errors(t)
+		});
+		let u = 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")
+			};
+		});
+		return n.renderKeyValueListSection({
+			key: s,
+			title: c,
+			description: l,
+			items: u
+		});
+	});
+}, ft = (e) => {
+	switch (e) {
+		case "shield-lock": return /* @__PURE__ */ J(U, {
+			width: 14,
+			height: 14,
+			"aria-hidden": "true"
+		});
+		case "shield-off": return /* @__PURE__ */ J(W, {
+			width: 14,
+			height: 14,
+			"aria-hidden": "true"
+		});
+		case "settings-check": return /* @__PURE__ */ J(V, {
+			width: 14,
+			height: 14,
+			"aria-hidden": "true"
+		});
+		case "settings-x": return /* @__PURE__ */ J(H, {
+			width: 14,
+			height: 14,
+			"aria-hidden": "true"
+		});
+		case "x-badge": return /* @__PURE__ */ J(pe, {
+			width: 14,
+			height: 14,
+			"aria-hidden": "true"
+		});
+		case "chat-check": return /* @__PURE__ */ J(ie, {
+			width: 14,
+			height: 14,
+			"aria-hidden": "true"
+		});
+		case "key": return /* @__PURE__ */ J(le, {
+			width: 14,
+			height: 14,
+			"aria-hidden": "true"
+		});
+		case "key-off": return /* @__PURE__ */ J(P, {
+			width: 14,
+			height: 14,
+			"aria-hidden": "true"
+		});
+		case "lock": return /* @__PURE__ */ J(I, {
+			width: 14,
+			height: 14,
+			"aria-hidden": "true"
+		});
+		case "lock-open": return /* @__PURE__ */ J(fe, {
+			width: 14,
+			height: 14,
+			"aria-hidden": "true"
+		});
+		case "robot-check": return /* @__PURE__ */ J(L, {
+			width: 14,
+			height: 14,
+			"aria-hidden": "true"
+		});
+		case "robot-x": return /* @__PURE__ */ J(R, {
+			width: 14,
+			height: 14,
+			"aria-hidden": "true"
+		});
+		case "rocket": return /* @__PURE__ */ J(B, {
+			width: 14,
+			height: 14,
+			"aria-hidden": "true"
+		});
+		case "rocket-off": return /* @__PURE__ */ J(z, {
+			width: 14,
+			height: 14,
+			"aria-hidden": "true"
+		});
+		default: throw Error(`Unsupported flag icon: ${String(e)}`);
+	}
+}, pt = ({ config: n, prepared: i }) => {
+	let { t: o } = D(), { t: _ } = r(), { formatNumber: ee, formatCurrency: v, formatPercent: b } = Ze(), { entities: x, entityRegistry: S } = t(), { layoutView: C } = g(), M = w(A), ie = e(), P = he(), [le, F] = E({}), [fe, I] = E(null), L = u({
+		mainPage: n.pages.mainPage,
+		subPages: n.pages.subPages,
+		activePagePath: i.pagePath,
+		node: C
+	}), R = L.activePage ?? n.pages.mainPage, z = L.pages.length > 0 ? L.pages : [n.pages.mainPage], B = (e, t) => {
+		F((n) => n[e] === t ? n : {
+			...n,
+			[e]: t
+		});
+	}, { page: V } = n, H = ve(V.query, i.pageQuery), U = V.resolveNode(H, {
+		id: i.id,
+		detailId: i.detailId
+	});
+	if (U == null) throw new O(n.routes.list);
+	let W = K(V.fragment, U), pe = T(() => Object.fromEntries(V.content.flatMap((e) => e.kind === "section" ? e.fields.flatMap((e) => e.type === "relation" ? [e.entity] : []) : []).flatMap((e) => {
+		let t = x[e];
+		return t?.hasList === !0 ? [[e, t.routes.list]] : [];
+	})), [x, V.content]);
+	return /* @__PURE__ */ J(Ee, {
+		node: W,
+		render: (e) => {
+			let t = V.toView(e), r = Qe({
+				pages: z,
+				id: i.id,
+				tApp: o,
+				detailPageHref: n.routes.detailPage
+			}), u = (e, t) => {
+				let n = x[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 = S.getLoadedListEntity(r);
+				return {
+					id: e,
+					label: t,
+					count: n,
+					href: u == null ? Se(a, c, [{
+						id: i ?? (o == null ? l : `${l}.${o.join(".")}`),
+						value: s
+					}]) : Ce(u.config, { where: c }),
+					onClick: async (e) => {
+						if (M == null || e.defaultPrevented || e.button !== 0 || e.metaKey || e.altKey || e.ctrlKey || e.shiftKey) return;
+						e.preventDefault();
+						let t = we((await S.loadListEntity(r)).config, { where: c });
+						M.history.push({
+							pathname: t.pathname,
+							search: t.search === "" ? "" : `?${t.search}`,
+							hash: ""
+						});
+					}
+				};
+			}, w = ut(n.header, C, {
+				tApp: o,
+				t: _,
+				resolveEntityHref: u,
+				renderLink: (e, t) => /* @__PURE__ */ J(k, {
+					to: e,
+					children: t
+				}),
+				renderDate: (e, t) => /* @__PURE__ */ J(se, {
+					value: e,
+					options: ye,
+					fallback: t
+				}),
+				renderTag: (e, t) => /* @__PURE__ */ J(G, {
+					tone: e,
+					children: t
+				}),
+				renderBadgeRow: (e) => /* @__PURE__ */ J(a, { items: e })
+			}), T = h({
+				config: n,
+				tApp: o,
+				entityId: i.id,
+				layoutView: C,
+				pageLabel: R.label(o)
+			}), E = V.actions ?? [], D = [];
+			if (E.length > 0) {
+				let e = E.filter((e) => e.isVisible == null ? !0 : e.isVisible(t));
+				e.length > 0 && (D = e.map((e) => {
+					let n = X(e.label, o), r = e.ariaLabel == null ? n : X(e.ariaLabel, o), i = e.variant ?? "secondary", a = e.size ?? "small", s = le[e.id] ?? !1, c = s || e.isDisabled?.(t) === !0;
+					return tt(e) ? /* @__PURE__ */ J(de, {
+						to: e.to(t),
+						variant: i,
+						size: a,
+						isDisabled: c,
+						"aria-label": r,
+						children: n
+					}, e.id) : rt(e) ? /* @__PURE__ */ J(N, {
+						type: "button",
+						variant: i,
+						size: a,
+						isLoading: !1,
+						disabled: c,
+						onClick: () => {
+							I(e.id);
+						},
+						"aria-label": r,
+						children: n
+					}, e.id) : nt(e) ? /* @__PURE__ */ J(N, {
+						type: "button",
+						variant: i,
+						size: a,
+						isLoading: s,
+						disabled: c,
+						onClick: () => {
+							if (s) return;
+							let n = e.getVariables(t);
+							B(e.id, !0), _e(ie, {
+								mutation: e.mutation,
+								variables: n,
+								updater: (n) => {
+									e.updater?.(n, t);
+								},
+								onCompleted: (n) => {
+									B(e.id, !1);
+									let r = et(n);
+									if (r != null) {
+										let n = _("actions.form.errors.invalidPayload");
+										e.toasts?.error?.message == null ? e.toasts?.error?.title != null && (n = X(e.toasts.error.title, o)) : n = X(e.toasts.error.message, o);
+										let i = l(r, {
+											defaultErrorMessage: n,
+											mapReason: (n) => {
+												let r = e.mapErrorReason?.(n, t);
+												return r == null ? null : typeof r == "function" ? X(r, o) : 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, o);
+												P.error(t.title, t.message);
+											}
+											return;
+										}
+									}
+									if (e.onCompleted?.(n, t), e.toasts?.success != null) {
+										let r = m(e.toasts.success, o), i = p({
+											toast: e.toasts.success,
+											response: n,
+											node: t,
+											tApp: o,
+											entities: x,
+											defaultLabel: _("actions.view"),
+											navigateTo: (e) => {
+												M?.history.push({ pathname: e });
+											}
+										});
+										P.push({
+											kind: "info",
+											title: r.title,
+											message: r.message,
+											actions: i
+										});
+									}
+								},
+								onError: (n) => {
+									if (B(e.id, !1), e.onError?.(n, t), e.toasts?.error != null) {
+										let t = m(e.toasts.error, o);
+										P.error(t.title, t.message);
+									}
+								}
+							});
+						},
+						"aria-label": r,
+						children: n
+					}, e.id) : null;
+				}));
+			}
+			let O = E.find((e) => e.id === fe), { content: A } = V, F = [], L = [], H = [];
+			A.forEach((e, n) => {
+				let r = (e.placement ?? "primary") === "secondary" ? L : F;
+				if (e.kind === "section") {
+					let i = X(e.title, o), c = e.description == null ? void 0 : X(e.description, o), { items: l, relationItems: d, customNodes: f } = lt(e.fields, t, {
+						tApp: o,
+						t: _,
+						resolveEntityHref: u,
+						formatNumber: ee,
+						formatCurrency: v,
+						formatPercent: b,
+						relationEntityListRoutes: pe,
+						resolveRelationItem: g,
+						setWhereValue: Te,
+						renderTag: (e, t) => /* @__PURE__ */ J(G, {
+							tone: e,
+							children: t
+						}),
+						renderBadgeRow: (e) => /* @__PURE__ */ J(a, { items: e }),
+						renderDate: (e, t) => /* @__PURE__ */ J(se, {
+							value: e,
+							options: ye,
+							fallback: t
+						}),
+						renderFlagTag: (e) => /* @__PURE__ */ J(Ae, {
+							tone: e.tone,
+							icon: e.iconName == null ? void 0 : ft(e.iconName),
+							label: e.label
+						}),
+						renderLink: (e, t) => /* @__PURE__ */ J(k, {
+							to: e,
+							children: t
+						}),
+						renderTaggedValue: (e, t) => /* @__PURE__ */ J(Ne, {
+							tag: e,
+							value: t
+						}),
+						wrapCustomNode: (e, t) => /* @__PURE__ */ J("div", { children: t }, e)
+					});
+					if (d.forEach((e) => {
+						H.some((t) => t.id === e.id) || H.push(e);
+					}), !(l.length > 0 || f.length > 0)) return;
+					r.push(/* @__PURE__ */ J(s, {
+						title: i,
+						description: c,
+						items: l.length > 0 ? l : void 0,
+						children: f
+					}, `${i}-${n}`));
+					return;
+				}
+				let i = dt([e], t, {
+					tApp: o,
+					t: _,
+					resolveEntityHref: u,
+					keyPrefix: String(n),
+					renderCustomSection: (e, t, n) => /* @__PURE__ */ J(s, {
+						title: t,
+						children: n
+					}, e),
+					wrapCustomNode: (e, t) => /* @__PURE__ */ J("div", { children: t }, e),
+					renderRelationList: ({ key: e, title: t, target: n, whereKey: r, value: i, path: a }) => /* @__PURE__ */ J(Ke, {
+						title: t,
+						target: n,
+						whereKey: r,
+						value: i ?? null,
+						path: a
+					}, e),
+					resolveTableColumns: (e) => d(e, {
+						tApp: o,
+						t: _,
+						resolveEntityHref: u
+					}),
+					renderTable: ({ key: e, title: t, description: n, columns: r, rows: i }) => /* @__PURE__ */ J(s, {
+						title: t,
+						description: n,
+						children: /* @__PURE__ */ J(ae, {
+							columns: r,
+							rows: i,
+							getRowId: (e, t) => {
+								if (typeof e == "object" && e) {
+									let t = e.id;
+									if (typeof t == "string" && t.trim() !== "") return t;
+								}
+								return String(t);
+							}
+						})
+					}, e),
+					renderJson: ({ key: e, title: t, description: n, value: r }) => /* @__PURE__ */ J(s, {
+						title: t,
+						description: n,
+						children: /* @__PURE__ */ J(ue, {
+							value: r,
+							title: t
+						})
+					}, e),
+					renderCode: ({ key: e, title: t, description: n, value: r, outputLabel: i }) => /* @__PURE__ */ J(s, {
+						title: t,
+						description: n,
+						children: /* @__PURE__ */ J(ce, {
+							badgeLabel: i,
+							copyCode: r,
+							fallbackCodeText: r
+						})
+					}, e),
+					renderPayload: ({ key: e, title: t, description: n, content: r, format: i }) => /* @__PURE__ */ J(c, {
+						title: t,
+						description: n,
+						content: r,
+						format: i
+					}, e),
+					renderErrorList: ({ key: e, title: t, description: n, items: r }) => /* @__PURE__ */ J(Ve, {
+						title: t,
+						description: n,
+						items: r
+					}, e),
+					renderKeyValueListSection: ({ key: e, title: t, description: n, items: r }) => /* @__PURE__ */ J(s, {
+						title: t,
+						description: n,
+						children: /* @__PURE__ */ J(j, { items: r })
+					}, e)
+				})[0];
+				i != null && r.push(i);
+			});
+			let U = H.length > 0 ? /* @__PURE__ */ J(ne, {
+				label: _("relations.menu.label"),
+				items: H
+			}) : null, W = D.length > 0 || U != null ? /* @__PURE__ */ Y("div", {
+				className: qe,
+				children: [D, U]
+			}) : void 0, me = w.status != null || w.badges != null ? /* @__PURE__ */ Y("div", {
+				className: Ye,
+				children: [w.status, w.badges]
+			}) : void 0, he = w.items != null && w.items.length > 0 ? /* @__PURE__ */ J("div", {
+				className: Xe,
+				children: /* @__PURE__ */ J(j, { items: w.items })
+			}) : null, ge = L.length > 0, K = null;
+			return z.length > 1 && (K = /* @__PURE__ */ J(re, {
+				items: r,
+				activeId: R.id,
+				onChange: () => {}
+			})), /* @__PURE__ */ Y(f, {
+				breadcrumb: T,
+				children: [/* @__PURE__ */ J(oe, {
+					headerNode: /* @__PURE__ */ Y("div", {
+						className: Je,
+						children: [/* @__PURE__ */ J(te, {
+							title: w.title,
+							subtitle: w.subtitle,
+							actions: W,
+							meta: me
+						}), he]
+					}),
+					tabsNode: K,
+					sidePanel: ge ? /* @__PURE__ */ J(q, { children: L }) : void 0,
+					sidePanelVariant: "plain",
+					children: /* @__PURE__ */ J(q, { children: F })
+				}), O != null && rt(O) && /* @__PURE__ */ J(y, {
+					isOpen: !0,
+					action: O,
+					node: t,
+					onClose: () => {
+						I(null);
+					}
+				})]
+			});
+		}
+	});
+}, mt = ({ 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 O(e.routes.list);
+	if (r.activePage.id !== t.pageId) throw new O(e.routes.detailPage(t.id, r.activePage.id));
+	return /* @__PURE__ */ J(pt, {
+		config: t.pageConfig,
+		prepared: t
+	});
+};
+//#endregion
+export { mt as BackofficeEntityDetailPage, mt as default };
+
+//# sourceMappingURL=BackofficeEntityDetailPage-CIyGKwVP.js.map