@plumile/backoffice-react 0.1.101 → 0.1.103

package/lib/esm/BackofficeLayoutPage-r6dXo9SI.js

@@ -0,0 +1,699 @@
+import { o as e } from "./environment-DQfVyWHJ.js";
+import { t } from "./useRelayEnvironment-vQ86aW-n.js";
+import { r as n, t as r } from "./useBackofficeReactTranslation-Btt58EIo.js";
+import { a as i, c as a, i as o, n as s, o as c, r as l, s as u, t as d, u as f } from "./sidebarUtils-BZETlHea.js";
+import { t as p } from "./BackofficeErrorBoundary-BwRVSDHU.js";
+import { t as m } from "./BackofficeTopbarPortalContext-CphoSrZD.js";
+import { t as h } from "./backofficeAuthPaths-2KMmkBLv.js";
+import { t as g } from "./BackofficePermissionsContext-CmWwudBU.js";
+import { Suspense as _, useCallback as v, useContext as y, useEffect as b, useMemo as x, useState as S } from "react";
+import { useTranslation as C } from "react-i18next";
+import { RoutingContext as ee, useLocation as te } from "@plumile/router";
+import { AdminShellLayout as ne, BackofficeSidebarProfileMenu as re, Button as w, EnvironmentBadge as T, GlobalSearchInput as E, GripDotsSvg as D, InlineBanner as O, PinFilledSvg as k, PinSvg as A, SidebarHomeSvg as j, SidebarTasksSvg as M, Skeleton as N, ToastProvider as ie } from "@plumile/ui";
+import { commitMutation as P, usePreloadedQuery as F } from "react-relay";
+import { jsx as I, jsxs as L } from "react/jsx-runtime";
+//#region src/hooks/useBackofficeSidebarPins.ts
+var ae = "backoffice.sidebar.pins.v1", R = (e) => {
+	if (typeof window > "u") return [];
+	try {
+		let t = window.localStorage.getItem(e);
+		if (t == null) return [];
+		let n = JSON.parse(t);
+		return Array.isArray(n) ? n.filter((e) => typeof e == "string") : [];
+	} catch {
+		return [];
+	}
+}, z = (e, t) => {
+	let n = [], r = /* @__PURE__ */ new Set();
+	return e.forEach((e) => {
+		t.has(e) && (r.has(e) || (r.add(e), n.push(e)));
+	}), n;
+}, oe = (e) => {
+	let { enabled: t = !0, storageKey: n = ae, visibleEntityIds: r } = e, i = x(() => new Set(r), [r]), [a, o] = S(() => t ? z(R(n), i) : []);
+	b(() => {
+		if (!t) {
+			o([]);
+			return;
+		}
+		o((e) => {
+			let t = z(e, i);
+			if (t.length === e.length) {
+				let n = !0;
+				for (let r = 0; r < t.length; r += 1) if (t[r] !== e[r]) {
+					n = !1;
+					break;
+				}
+				if (n) return e;
+			}
+			return t;
+		});
+	}, [t, i]), b(() => {
+		if (!t) {
+			o([]);
+			return;
+		}
+		o(z(R(n), i));
+	}, [
+		t,
+		n,
+		i
+	]), b(() => {
+		if (!(!t || typeof window > "u")) try {
+			window.localStorage.setItem(n, JSON.stringify(a));
+		} catch {}
+	}, [
+		t,
+		a,
+		n
+	]);
+	let s = x(() => new Set(a), [a]), c = v((e) => {
+		t && i.has(e) && o((t) => t.includes(e) ? t : [...t, e]);
+	}, [t, i]), l = v((e) => {
+		t && o((t) => t.filter((t) => t !== e));
+	}, [t]), u = v((e) => {
+		s.has(e) ? l(e) : c(e);
+	}, [
+		c,
+		s,
+		l
+	]), d = v((e, n) => {
+		t && e !== n && o((t) => {
+			let r = t.indexOf(e), i = t.indexOf(n);
+			if (r === -1 || i === -1 || r === i) return t;
+			let a = [...t];
+			return a.splice(r, 1), a.splice(i, 0, e), a;
+		});
+	}, [t]);
+	return {
+		pins: a,
+		isPinned: v((e) => s.has(e), [s]),
+		pin: c,
+		unpin: l,
+		toggle: u,
+		reorder: d
+	};
+}, B = (e) => {
+	if (e == null || typeof window > "u") return null;
+	try {
+		let t = window.localStorage.getItem(e);
+		if (t == null) return null;
+		let n = JSON.parse(t);
+		if (typeof n != "object" || !n) return null;
+		let r = {};
+		return Object.entries(n).forEach(([e, t]) => {
+			typeof t == "boolean" && (r[e] = t);
+		}), r;
+	} catch {
+		return null;
+	}
+}, V = (e, t, n) => {
+	let r = {};
+	return e.forEach((e) => {
+		r[e] = n?.[e] ?? !0;
+	}), t != null && e.includes(t) && (r[t] = !1), r;
+}, se = (e) => {
+	let { activeGroupId: t, defaultCollapsedByGroupId: n, groupIds: r, persist: i = !1, storageKey: a } = e, o = x(() => [...r], [r]), [s, c] = S(() => {
+		if (i) {
+			let e = B(a);
+			if (e != null) return {
+				...V(o, t, n),
+				...e
+			};
+		}
+		return V(o, t, n);
+	});
+	return b(() => {
+		c((e) => {
+			let r = {};
+			return o.forEach((t) => {
+				r[t] = e[t] ?? n?.[t] ?? !0;
+			}), t != null && o.includes(t) && (r[t] = !1), r;
+		});
+	}, [
+		t,
+		n,
+		o
+	]), b(() => {
+		if (!(!i || a == null || typeof window > "u")) try {
+			window.localStorage.setItem(a, JSON.stringify(s));
+		} catch {}
+	}, [
+		s,
+		i,
+		a
+	]), b(() => {
+		t != null && c((e) => e[t] === !1 ? e : {
+			...e,
+			[t]: !1
+		});
+	}, [t]), {
+		collapsedByGroupId: s,
+		setCollapsed: v((e, t) => {
+			c((n) => n[e] === t ? n : {
+				...n,
+				[e]: t
+			});
+		}, [])
+	};
+}, H = "_1xws1b00 txvbqb9jg txvbqbcp txvbqbdoy txvbqbtxp txvbqbc6p txvbqb1rg txvbqb12g txvbqb1py txvbqblag txvbqbv0t txvbqbva1 txvbqbv txvbqb78 txvbqb6x txvbqb7k", U = (e, t) => e == null ? t ?? null : /* @__PURE__ */ I(e, {
+	width: 18,
+	height: 18,
+	"aria-hidden": "true"
+});
+function ce(e) {
+	let { basePath: t, pathname: n, entities: r, sidebar: l, permissions: f, searchQuery: p, tApp: m, t: h, pinnedEntityIds: g = [], recentItems: _ = [], onTogglePin: v, onReorderPin: y, collapsedByGroupId: b, onGroupCollapsedChange: x } = e, S = u(r, l), C = Object.entries(S), ee = new Set(g), te = h("sidebar.actions.pin"), ne = h("sidebar.actions.unpin"), re = h("sidebar.actions.reorder"), w = d(S, l), T = p?.trim().toLowerCase() ?? "", E = (e) => T === "" || e.toLowerCase().includes(T), O = (e) => {
+		if (v == null) return null;
+		let t = ee.has(e), n = te, r = A;
+		return t && (n = ne, r = k), /* @__PURE__ */ I("button", {
+			type: "button",
+			className: H,
+			"aria-pressed": t,
+			"aria-label": n,
+			title: n,
+			onClick: (t) => {
+				t.preventDefault(), t.stopPropagation(), v(e);
+			},
+			children: /* @__PURE__ */ I(r, {
+				width: 14,
+				height: 14,
+				"aria-hidden": "true"
+			})
+		});
+	}, N = (e) => {
+		let { entityId: t, groupId: i, groupIcon: a, itemIcon: o, itemLabel: u, enableReorder: d } = e, p = r[t];
+		if (p == null) return null;
+		let h = {
+			kind: "entity",
+			id: t
+		};
+		if (p.kind === "tool" && (h = {
+			kind: "tool",
+			id: t
+		}), l?.isItemVisible?.(h, f) === !1) return null;
+		if (p.kind === "tool") {
+			let e = u ?? c(p.label, m);
+			return T !== "" && !e.toLowerCase().includes(T) ? null : {
+				id: `tool-${t}`,
+				data: {
+					kind: "tool",
+					id: t,
+					groupId: i
+				},
+				label: e,
+				href: p.routes.list,
+				icon: U(o ?? a, /* @__PURE__ */ I(M, {
+					width: 18,
+					height: 18,
+					"aria-hidden": "true"
+				})),
+				isActive: s(n, p.routes.list),
+				ariaLabel: e,
+				actionSlot: O(t)
+			};
+		}
+		if (!p.hasList) return null;
+		let g = u ?? c(p.label, m);
+		if (T !== "" && !g.toLowerCase().includes(T)) return null;
+		let _, v, b, x, S = !1;
+		d === !0 && y != null && (S = !0, _ = /* @__PURE__ */ I(D, {
+			width: 14,
+			height: 14,
+			"aria-hidden": "true"
+		}), v = (e) => {
+			let { dataTransfer: n } = e;
+			n.effectAllowed = "move", n.setData("text/plain", t);
+		}, b = (e) => {
+			e.preventDefault();
+			let { dataTransfer: t } = e;
+			t.dropEffect = "move";
+		}, x = (e) => {
+			e.preventDefault();
+			let n = e.dataTransfer.getData("text/plain");
+			n === "" || n === t || y(n, t);
+		});
+		let C;
+		return _ != null && (C = re), {
+			id: t,
+			data: {
+				kind: "entity",
+				id: t,
+				groupId: i
+			},
+			label: g,
+			href: p.routes.list,
+			icon: U(o ?? a, /* @__PURE__ */ I(M, {
+				width: 18,
+				height: 18,
+				"aria-hidden": "true"
+			})),
+			isActive: s(n, p.routes.list),
+			ariaLabel: g,
+			actionSlot: O(t),
+			dragHandleSlot: _,
+			dragHandleLabel: C,
+			draggable: S,
+			onDragStart: v,
+			onDragOver: b,
+			onDrop: x
+		};
+	}, ie = (e) => {
+		let { hub: t, groupId: a, icon: o } = e, u = {
+			kind: "hub",
+			id: t.id
+		};
+		if (l?.isItemVisible?.(u, f) === !1) return null;
+		let d = i(t), p = d.map((e) => r[e] ?? null).filter((e) => {
+			if (e == null) return !1;
+			let t = "entity";
+			e.kind === "tool" && (t = "tool");
+			let n = {
+				kind: t,
+				id: e.id
+			};
+			return !(l?.isItemVisible?.(n, f) === !1 || e.kind !== "tool" && !e.hasList);
+		});
+		if (d.length > 0 && p.length === 0) return null;
+		let h = c(t.title, m), g = E(h), _ = p.some((e) => E(c(e.label, m)));
+		if (!g && !_) return null;
+		let v = s(n, t.href) || p.some((e) => s(n, e.routes.list));
+		return {
+			id: `hub-${t.id}`,
+			data: {
+				kind: "hub",
+				id: t.id,
+				groupId: a
+			},
+			label: h,
+			href: t.href,
+			icon: U(o, /* @__PURE__ */ I(M, {
+				width: 18,
+				height: 18,
+				"aria-hidden": "true"
+			})),
+			isActive: v,
+			ariaLabel: h
+		};
+	}, P = [];
+	if (g.length > 0) {
+		let e = g.map((e) => {
+			let t = w.get(e);
+			return N({
+				entityId: e,
+				groupId: t?.groupId,
+				groupIcon: t?.icon,
+				enableReorder: !0
+			});
+		}).filter((e) => e != null);
+		e.length > 0 && P.push({
+			id: "pinned",
+			title: h("sidebar.sections.pinned"),
+			items: e,
+			collapsible: !1
+		});
+	}
+	if (_.length > 0) {
+		let e = _.map((e) => {
+			if (r[e.id] == null) return null;
+			let t = {
+				kind: e.kind,
+				id: e.id
+			};
+			if (l?.isItemVisible?.(t, f) === !1 || T !== "" && !e.label.toLowerCase().includes(T)) return null;
+			let i = w.get(e.id);
+			return {
+				id: `recent-${e.kind}-${e.id}`,
+				data: {
+					kind: e.kind,
+					id: e.id,
+					groupId: i?.groupId
+				},
+				label: e.label,
+				href: e.href,
+				icon: U(i?.icon, /* @__PURE__ */ I(M, {
+					width: 18,
+					height: 18,
+					"aria-hidden": "true"
+				})),
+				isActive: s(n, e.href),
+				ariaLabel: e.label
+			};
+		}).filter((e) => e != null);
+		e.length > 0 && P.push({
+			id: "recent",
+			title: h("sidebar.sections.recent"),
+			items: e,
+			collapsible: !1
+		});
+	}
+	return C.forEach(([e, r], i) => {
+		if (r.isVisible != null && !r.isVisible(f)) return;
+		let u = [];
+		if (i === 0 && l?.isItemVisible?.({
+			kind: "dashboard",
+			id: "dashboard"
+		}, f) !== !1) {
+			let r = h("sidebar.items.dashboard");
+			T !== "" && !r.toLowerCase().includes(T) || u.push({
+				id: "dashboard",
+				data: {
+					kind: "dashboard",
+					id: "dashboard",
+					groupId: e
+				},
+				label: r,
+				href: t,
+				icon: U(void 0, /* @__PURE__ */ I(j, {
+					width: 18,
+					height: 18,
+					"aria-hidden": "true"
+				})),
+				isActive: s(n, t),
+				ariaLabel: h("sidebar.items.dashboard")
+			});
+		}
+		let d = o(r);
+		if (d.length > 0 && d.forEach((t) => {
+			if (t.kind === "dashboard") return;
+			if (t.kind === "hub") {
+				let n = ie({
+					hub: a(t, l),
+					groupId: e,
+					icon: t.icon ?? r.icon
+				});
+				n != null && u.push(n);
+				return;
+			}
+			let n;
+			t.label != null && (n = c(t.label, m));
+			let i = N({
+				entityId: t.id,
+				groupId: e,
+				groupIcon: r.icon,
+				itemIcon: t.icon,
+				itemLabel: n
+			});
+			i != null && u.push(i);
+		}), u.length === 0) return;
+		let p;
+		r.title != null && (p = c(r.title, m));
+		let g = b?.[e], _;
+		x != null && (_ = (t) => {
+			x(e, t);
+		}), P.push({
+			id: e,
+			title: p,
+			items: u,
+			collapsible: r.behavior?.collapsible ?? !0,
+			defaultCollapsed: r.behavior?.defaultCollapsed ?? !0,
+			isCollapsed: g,
+			onCollapsedChange: _
+		});
+	}), P;
+}
+//#endregion
+//#region src/components/backoffice/routing/backofficeContentError.css.ts
+var W = "txvbqb9ip txvbqbai7 txvbqbu7g", G = "txvbqbwy", K = (e) => {
+	if (e instanceof Error) {
+		let t = e.message.trim();
+		return t.length > 0 ? t : null;
+	}
+	if (typeof e == "string") {
+		let t = e.trim();
+		return t.length > 0 ? t : null;
+	}
+	return null;
+}, le = ({ error: e, onRetry: t }) => {
+	let { t: n } = r(), i = K(e);
+	return /* @__PURE__ */ I("div", {
+		className: W,
+		role: "alert",
+		children: /* @__PURE__ */ I(O, {
+			tone: "danger",
+			className: G,
+			actions: /* @__PURE__ */ I(w, {
+				type: "button",
+				variant: "secondary",
+				size: "small",
+				onClick: t,
+				children: n("common.actions.retry")
+			}),
+			children: i
+		})
+	});
+}, q = "txvbqb9ip txvbqbai7 txvbqbaop txvbqbu7g txvbqbjs7", ue = "txvbqbjfg", de = "txvbqb9iy txvbqbaop txvbqbc17", fe = "txvbqb9ip txvbqbai7 txvbqbaog txvbqblbg txvbqbjny txvbqb1ry txvbqb1cp txvbqb1qg txvbqbwp txvbqbv45", J = () => /* @__PURE__ */ L("div", {
+	className: q,
+	role: "status",
+	"aria-live": "polite",
+	"aria-busy": "true",
+	children: [
+		/* @__PURE__ */ I(N, {
+			variant: "text",
+			width: "38%",
+			className: ue
+		}),
+		/* @__PURE__ */ I(N, {
+			variant: "text",
+			width: "62%"
+		}),
+		/* @__PURE__ */ I("div", {
+			className: de,
+			children: Array.from({ length: 4 }, (e, t) => /* @__PURE__ */ L("div", {
+				className: fe,
+				children: [
+					/* @__PURE__ */ I(N, {
+						variant: "text",
+						width: "46%"
+					}),
+					/* @__PURE__ */ I(N, {
+						variant: "text",
+						width: "82%",
+						lines: 2
+					}),
+					/* @__PURE__ */ I(N, {
+						variant: "block",
+						width: "100%",
+						height: 120
+					})
+				]
+			}, `content-skeleton-${t}`))
+		})
+	]
+}), Y = "txvbqb9ip txvbqbai7 txvbqbjs7 txvbqbu7g txvbqbk5y", pe = ({ children: e }) => /* @__PURE__ */ I("div", {
+	className: Y,
+	children: /* @__PURE__ */ I(p, {
+		fallback: ({ error: e, reset: t }) => /* @__PURE__ */ I(le, {
+			error: e,
+			onRetry: t
+		}),
+		children: /* @__PURE__ */ I(_, {
+			fallback: /* @__PURE__ */ I(J, {}),
+			children: e
+		})
+	})
+}), X = (e) => e?.trim() ?? "", me = ({ viewer: e, unknownUserLabel: t }) => {
+	let n = [X(e?.firstName), X(e?.lastName)].filter((e) => e !== "").join(" ").trim();
+	n === "" && (n = t);
+	let r = X(e?.email), i = X(e?.initials);
+	i === "" && (i = "?");
+	let a = [n];
+	return r !== "" && a.push(r), {
+		displayName: n,
+		email: r,
+		initials: i,
+		ariaLabel: a.join(" - ")
+	};
+}, he = "plumile:backoffice:recent-items", ge = "plumile:backoffice:sidebar", _e = (e) => {
+	if (typeof window > "u") return [];
+	try {
+		let t = window.localStorage.getItem(e);
+		if (t == null) return [];
+		let n = JSON.parse(t);
+		return Array.isArray(n) ? n.filter((e) => {
+			if (typeof e != "object" || !e) return !1;
+			let t = e;
+			return (t.kind === "entity" || t.kind === "tool") && typeof t.id == "string" && typeof t.label == "string" && typeof t.href == "string" && typeof t.visitedAt == "number";
+		}) : [];
+	} catch {
+		return [];
+	}
+}, ve = (e, t) => {
+	if (!(typeof window > "u")) try {
+		window.localStorage.setItem(e, JSON.stringify(t));
+	} catch {}
+}, Z = ({ children: i, permissions: a, authStatus: o, activeGroupId: s }) => {
+	let { t: c } = C(), { t: d } = r(), { pathname: p } = te(), _ = y(ee), w = t(), { auth: D, basePath: O, entities: k, sidebar: A } = n(), [j, M] = S(""), N = A?.preferences?.storageKey ?? ge, F = A?.preferences?.persistCollapsed === !0, [L, ae] = S(() => {
+		if (!F || typeof window > "u") return !1;
+		try {
+			return window.localStorage.getItem(`${N}:collapsed`) === "true";
+		} catch {
+			return !1;
+		}
+	}), [R, z] = S(!1), [B, V] = S(null), H = A?.recentItems, U = H?.enabled === !0, W = H?.storageKey ?? he, G = H?.maxItems ?? 8, [K, le] = S(() => U ? _e(W) : []);
+	b(() => {
+		if (!(!F || typeof window > "u")) try {
+			window.localStorage.setItem(`${N}:collapsed`, String(L));
+		} catch {}
+	}, [
+		L,
+		F,
+		N
+	]);
+	let q = x(() => u(k, A), [k, A]), ue = x(() => Object.keys(q), [q]), de = x(() => Object.fromEntries(Object.entries(q).map(([e, t]) => [e, t.behavior?.defaultCollapsed ?? !0])), [q]), fe = x(() => f(q, k, A, a), [
+		k,
+		q,
+		a,
+		A
+	]), J = x(() => l(p, k), [k, p]);
+	b(() => {
+		if (!U || J == null) return;
+		let e = k[J];
+		if (e == null || e.kind !== "tool" && !e.hasList) return;
+		let t = e.routes.list, n = "entity";
+		e.kind === "tool" && (n = "tool");
+		let r = {
+			kind: n,
+			id: J,
+			label: e.label(c),
+			href: t,
+			visitedAt: Date.now()
+		};
+		le((e) => {
+			let t = [r, ...e.filter((e) => e.id !== r.id || e.kind !== r.kind)].slice(0, G);
+			return ve(W, t), t;
+		});
+	}, [
+		J,
+		k,
+		U,
+		G,
+		W,
+		c
+	]);
+	let { pins: Y, toggle: X, reorder: Z } = oe({
+		enabled: A?.pinnedItems?.enabled === !0,
+		storageKey: A?.pinnedItems?.storageKey,
+		visibleEntityIds: fe
+	}), Q;
+	A?.preferences?.storageKey != null && (Q = `${A.preferences.storageKey}:groups`);
+	let { collapsedByGroupId: $, setCollapsed: ye } = se({
+		groupIds: ue,
+		activeGroupId: s,
+		defaultCollapsedByGroupId: de,
+		persist: A?.preferences?.persistGroups === !0,
+		storageKey: Q
+	}), be = x(() => ce({
+		basePath: O,
+		pathname: p,
+		entities: k,
+		sidebar: A,
+		permissions: a,
+		searchQuery: j,
+		tApp: c,
+		t: d,
+		pinnedEntityIds: Y,
+		recentItems: K,
+		onTogglePin: X,
+		onReorderPin: Z,
+		collapsedByGroupId: $,
+		onGroupCollapsedChange: ye
+	}), [
+		O,
+		$,
+		k,
+		p,
+		a,
+		Y,
+		K,
+		Z,
+		ye,
+		A,
+		j,
+		d,
+		c,
+		X
+	]), xe = x(() => import.meta.env?.DEV === !0 ? "dev" : "prod", []), Se = v(() => {
+		R || (z(!0), (async () => {
+			try {
+				let t = await D.logout.load();
+				await new Promise((e, n) => {
+					P(w, {
+						mutation: t.logoutMutation,
+						variables: {},
+						onCompleted: () => {
+							e();
+						},
+						onError: (e) => {
+							n(e);
+						}
+					});
+				}), localStorage.removeItem("auth_token"), localStorage.removeItem("remember_me"), e(), _?.history.push({ pathname: h(O) });
+			} finally {
+				z(!1);
+			}
+		})().catch(() => {}));
+	}, [
+		D.logout,
+		O,
+		R,
+		w,
+		_
+	]), Ce = o?.me ?? null, we = /* @__PURE__ */ I(re, {
+		collapsed: L,
+		viewer: x(() => me({
+			viewer: Ce,
+			unknownUserLabel: d("sidebar.profile.unknownUser")
+		}), [d, Ce]),
+		labels: {
+			sectionTitle: d("sidebar.profile.title"),
+			menuAriaLabel: d("sidebar.profile.menuAriaLabel"),
+			signOut: d("sidebar.profile.actions.signOut")
+		},
+		onSignOut: Se,
+		isSigningOut: R
+	}), Te = null;
+	B != null && (Te = /* @__PURE__ */ I(pe, { children: i }));
+	let Ee = null;
+	return L || (Ee = /* @__PURE__ */ I(E, {
+		value: j,
+		onChange: M,
+		placeholder: d("sidebar.search.placeholder"),
+		ariaLabel: d("sidebar.search.placeholder")
+	})), /* @__PURE__ */ I(ie, { children: /* @__PURE__ */ I(ne, {
+		sidebar: {
+			sections: be,
+			header: /* @__PURE__ */ I(T, { environment: xe }),
+			search: Ee,
+			footer: we,
+			isCollapsed: L,
+			onCollapsedChange: ae
+		},
+		topbar: { breadcrumb: /* @__PURE__ */ I("div", { ref: V }) },
+		children: /* @__PURE__ */ I(g, {
+			permissions: a,
+			children: /* @__PURE__ */ I(m, {
+				value: { target: B },
+				children: Te
+			})
+		})
+	}) });
+}, Q = ({ children: e, permissionsQuery: t, prepared: n, authStatus: r, activeGroupId: i }) => /* @__PURE__ */ I(Z, {
+	permissions: F(t, n),
+	authStatus: r,
+	activeGroupId: i,
+	children: e
+}), $ = ({ children: e, permissionsQuery: t, prepared: n, authStatus: r, activeGroupId: i }) => t != null && n != null ? /* @__PURE__ */ I(Q, {
+	permissionsQuery: t,
+	prepared: n,
+	authStatus: r,
+	activeGroupId: i,
+	children: e
+}) : /* @__PURE__ */ I(Z, {
+	permissions: null,
+	authStatus: r,
+	activeGroupId: i,
+	children: e
+});
+//#endregion
+export { $ as BackofficeLayoutPage, $ as default };
+
+//# sourceMappingURL=BackofficeLayoutPage-r6dXo9SI.js.map