@plumile/backoffice-react 0.1.105 → 0.1.107

package/lib/esm/BackofficeLayoutPage-Bq2bKkYF.js

@@ -1,783 +0,0 @@
-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-BgCBLJLv.js";
-import { t as p } from "./BackofficeErrorBoundary-BwRVSDHU.js";
-import { t as m } from "./BackofficeTopbarPortalContext-Da5XFatM.js";
-import { t as h } from "./backofficeAuthPaths-2hHNn8D3.js";
-import { t as g } from "./BackofficePermissionsContext-C2bdxy2z.js";
-import { Suspense as _, useCallback as v, useContext as ee, useEffect as y, useMemo as b, useState as x } from "react";
-import { useTranslation as S } from "react-i18next";
-import { RoutingContext as te, useLocation as ne } from "@plumile/router";
-import { AdminShellLayout as re, BackofficeSidebarHistorySvg as C, BackofficeSidebarProfileMenu as w, Button as T, EnvironmentBadge as E, GlobalSearchInput as D, GripDotsSvg as O, InlineBanner as k, PinFilledSvg as A, PinSvg as j, SidebarHomeSvg as ie, SidebarTasksSvg as M, Skeleton as N, ToastProvider as P } from "@plumile/ui";
-import { commitMutation as F, usePreloadedQuery as I } from "react-relay";
-import { jsx as L, jsxs as R } from "react/jsx-runtime";
-//#region src/hooks/useBackofficeSidebarPins.ts
-var z = "backoffice.sidebar.pins.v1", B = (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 [];
-	}
-}, V = (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;
-}, ae = (e) => {
-	let { enabled: t = !0, storageKey: n = z, visibleEntityIds: r } = e, i = b(() => new Set(r), [r]), [a, o] = x(() => t ? V(B(n), i) : []);
-	y(() => {
-		if (!t) {
-			o([]);
-			return;
-		}
-		o((e) => {
-			let t = V(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]), y(() => {
-		if (!t) {
-			o([]);
-			return;
-		}
-		o(V(B(n), i));
-	}, [
-		t,
-		n,
-		i
-	]), y(() => {
-		if (!(!t || typeof window > "u")) try {
-			window.localStorage.setItem(n, JSON.stringify(a));
-		} catch {}
-	}, [
-		t,
-		a,
-		n
-	]);
-	let s = b(() => 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
-	};
-}, oe = (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;
-	}
-}, H = (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 = b(() => [...r], [r]), [s, c] = x(() => {
-		if (i) {
-			let e = oe(a);
-			if (e != null) return {
-				...H(o, t, n),
-				...e
-			};
-		}
-		return H(o, t, n);
-	});
-	return y(() => {
-		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
-	]), y(() => {
-		if (!(!i || a == null || typeof window > "u")) try {
-			window.localStorage.setItem(a, JSON.stringify(s));
-		} catch {}
-	}, [
-		s,
-		i,
-		a
-	]), y(() => {
-		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
-			});
-		}, [])
-	};
-}, U = "_1xws1b00 txvbqb9jg txvbqbcp txvbqbdoy txvbqbtxp txvbqbc6p txvbqb1rg txvbqb12g txvbqb1py txvbqblag txvbqbv0t txvbqbva1 txvbqbv txvbqb78 txvbqb6x txvbqb7k", W = (e, t, n = 18) => e == null ? t ?? null : /* @__PURE__ */ L(e, {
-	width: n,
-	height: n,
-	"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: ee, collapsedByGroupId: y, onGroupCollapsedChange: b, sidebarCollapsed: x = !1 } = e, S = u(r, l), te = Object.entries(S), ne = new Set(g), re = h("sidebar.actions.pin"), w = h("sidebar.actions.unpin"), T = h("sidebar.actions.reorder"), E = d(S, l), D = p?.trim().toLowerCase() ?? "", k = (e) => D === "" || e.toLowerCase().includes(D), N = (e) => {
-		if (v == null) return null;
-		let t = ne.has(e), n = re, r = j;
-		return t && (n = w, r = A), /* @__PURE__ */ L("button", {
-			type: "button",
-			className: U,
-			"aria-pressed": t,
-			"aria-label": n,
-			title: n,
-			onClick: (t) => {
-				t.preventDefault(), t.stopPropagation(), v(e);
-			},
-			children: /* @__PURE__ */ L(r, {
-				width: 14,
-				height: 14,
-				"aria-hidden": "true"
-			})
-		});
-	}, P = (e) => {
-		if (l?.isItemVisible?.({
-			kind: "dashboard",
-			id: "dashboard"
-		}, f) === !1) return null;
-		let r = h("sidebar.items.dashboard");
-		return k(r) ? {
-			id: "dashboard",
-			data: {
-				kind: "dashboard",
-				id: "dashboard",
-				groupId: e
-			},
-			label: r,
-			href: t,
-			icon: W(void 0, /* @__PURE__ */ L(ie, {
-				width: 18,
-				height: 18,
-				"aria-hidden": "true"
-			})),
-			isActive: s(n, t),
-			ariaLabel: r
-		} : null;
-	}, F = (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 D !== "" && !e.toLowerCase().includes(D) ? null : {
-				id: `tool-${t}`,
-				data: {
-					kind: "tool",
-					id: t,
-					groupId: i
-				},
-				label: e,
-				href: p.routes.list,
-				icon: W(o ?? a, /* @__PURE__ */ L(M, {
-					width: 18,
-					height: 18,
-					"aria-hidden": "true"
-				})),
-				isActive: s(n, p.routes.list),
-				ariaLabel: e,
-				actionSlot: N(t)
-			};
-		}
-		if (!p.hasList) return null;
-		let g = u ?? c(p.label, m);
-		if (D !== "" && !g.toLowerCase().includes(D)) return null;
-		let _, v, y, b, x = !1;
-		d === !0 && ee != null && (x = !0, _ = /* @__PURE__ */ L(O, {
-			width: 14,
-			height: 14,
-			"aria-hidden": "true"
-		}), v = (e) => {
-			let { dataTransfer: n } = e;
-			n.effectAllowed = "move", n.setData("text/plain", t);
-		}, y = (e) => {
-			e.preventDefault();
-			let { dataTransfer: t } = e;
-			t.dropEffect = "move";
-		}, b = (e) => {
-			e.preventDefault();
-			let n = e.dataTransfer.getData("text/plain");
-			n === "" || n === t || ee(n, t);
-		});
-		let S;
-		return _ != null && (S = T), {
-			id: t,
-			data: {
-				kind: "entity",
-				id: t,
-				groupId: i
-			},
-			label: g,
-			href: p.routes.list,
-			icon: W(o ?? a, /* @__PURE__ */ L(M, {
-				width: 18,
-				height: 18,
-				"aria-hidden": "true"
-			})),
-			isActive: s(n, p.routes.list),
-			ariaLabel: g,
-			actionSlot: N(t),
-			dragHandleSlot: _,
-			dragHandleLabel: S,
-			draggable: x,
-			onDragStart: v,
-			onDragOver: y,
-			onDrop: b
-		};
-	}, I = (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 = k(h), _ = p.some((e) => k(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: W(o, /* @__PURE__ */ L(M, {
-				width: 18,
-				height: 18,
-				"aria-hidden": "true"
-			})),
-			isActive: v,
-			ariaLabel: h
-		};
-	}, R = [], z = l?.primaryItems ?? [];
-	if (z.length > 0) {
-		let e = z.map((e) => {
-			if (e.kind === "dashboard") return P();
-			if (e.kind === "hub") return I({
-				hub: a(e, l),
-				icon: e.icon
-			});
-			let t;
-			return e.label != null && (t = c(e.label, m)), F({
-				entityId: e.id,
-				itemIcon: e.icon,
-				itemLabel: t
-			});
-		}).filter((e) => e != null);
-		e.length > 0 && R.push({
-			id: "primary",
-			items: e,
-			collapsible: !1
-		});
-	}
-	if (g.length > 0) {
-		let e = g.map((e) => {
-			let t = E.get(e);
-			return F({
-				entityId: e,
-				groupId: t?.groupId,
-				groupIcon: t?.groupIcon,
-				itemIcon: t?.itemIcon,
-				enableReorder: !0
-			});
-		}).filter((e) => e != null);
-		e.length > 0 && R.push({
-			id: "pinned",
-			title: h("sidebar.sections.pinned"),
-			icon: W(void 0, /* @__PURE__ */ L(j, {
-				width: 16,
-				height: 16,
-				"aria-hidden": "true"
-			})),
-			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 || D !== "" && !e.label.toLowerCase().includes(D)) return null;
-			let i = E.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: W(i?.itemIcon ?? i?.groupIcon, /* @__PURE__ */ L(M, {
-					width: 18,
-					height: 18,
-					"aria-hidden": "true"
-				})),
-				isActive: s(n, e.href),
-				ariaLabel: e.label
-			};
-		}).filter((e) => e != null);
-		e.length > 0 && R.push({
-			id: "recent",
-			title: h("sidebar.sections.recent"),
-			icon: W(void 0, /* @__PURE__ */ L(C, {
-				width: 16,
-				height: 16,
-				"aria-hidden": "true"
-			})),
-			items: e,
-			collapsible: !1
-		});
-	}
-	return te.forEach(([e, t]) => {
-		if (t.isVisible != null && !t.isVisible(f)) return;
-		let n = [], r = o(t);
-		r.length > 0 && r.forEach((r) => {
-			if (r.kind === "dashboard") {
-				let t = P(e);
-				t != null && n.push(t);
-				return;
-			}
-			if (r.kind === "hub") {
-				let i = I({
-					hub: a(r, l),
-					groupId: e,
-					icon: r.icon ?? t.icon
-				});
-				i != null && n.push(i);
-				return;
-			}
-			let i;
-			r.label != null && (i = c(r.label, m));
-			let o = F({
-				entityId: r.id,
-				groupId: e,
-				groupIcon: t.icon,
-				itemIcon: r.icon,
-				itemLabel: i
-			});
-			o != null && n.push(o);
-		});
-		let i = n;
-		if (x && t.behavior?.showInCollapsedRail !== !0 && (i = n.filter((e) => e.id === "dashboard" || e.isActive === !0)), i.length === 0) return;
-		let s;
-		t.title != null && (s = c(t.title, m));
-		let u = y?.[e], d;
-		b != null && (d = (t) => {
-			b(e, t);
-		}), R.push({
-			id: e,
-			title: s,
-			icon: W(t.icon, void 0, 16),
-			items: i,
-			collapsible: t.behavior?.collapsible ?? !0,
-			defaultCollapsed: t.behavior?.defaultCollapsed ?? !0,
-			isCollapsed: u,
-			onCollapsedChange: d
-		});
-	}), R;
-}
-//#endregion
-//#region src/components/backoffice/routing/backofficeContentError.css.ts
-var G = "txvbqb9ip txvbqbai7 txvbqbu7g", K = "txvbqbwy", le = ({ onRetry: e }) => {
-	let { t } = r();
-	return /* @__PURE__ */ L("div", {
-		className: G,
-		children: /* @__PURE__ */ L(k, {
-			tone: "danger",
-			className: K,
-			actions: /* @__PURE__ */ L(T, {
-				type: "button",
-				variant: "secondary",
-				size: "small",
-				onClick: e,
-				children: t("common.actions.retry")
-			}),
-			children: t("common.errors.unexpected")
-		})
-	});
-}, 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__ */ R("div", {
-	className: q,
-	role: "status",
-	"aria-live": "polite",
-	"aria-busy": "true",
-	children: [
-		/* @__PURE__ */ L(N, {
-			variant: "text",
-			width: "38%",
-			className: ue
-		}),
-		/* @__PURE__ */ L(N, {
-			variant: "text",
-			width: "62%"
-		}),
-		/* @__PURE__ */ L("div", {
-			className: de,
-			children: Array.from({ length: 4 }, (e, t) => /* @__PURE__ */ R("div", {
-				className: fe,
-				children: [
-					/* @__PURE__ */ L(N, {
-						variant: "text",
-						width: "46%"
-					}),
-					/* @__PURE__ */ L(N, {
-						variant: "text",
-						width: "82%",
-						lines: 2
-					}),
-					/* @__PURE__ */ L(N, {
-						variant: "block",
-						width: "100%",
-						height: 120
-					})
-				]
-			}, `content-skeleton-${t}`))
-		})
-	]
-}), Y = "txvbqb9ip txvbqbai7 txvbqbjs7 txvbqbu7g txvbqbk5y", pe = ({ children: e }) => /* @__PURE__ */ L("div", {
-	className: Y,
-	children: /* @__PURE__ */ L(p, {
-		fallback: ({ error: e, reset: t }) => /* @__PURE__ */ L(le, {
-			error: e,
-			onRetry: t
-		}),
-		children: /* @__PURE__ */ L(_, {
-			fallback: /* @__PURE__ */ L(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 } = S(), { t: d } = r(), { pathname: p } = ne(), _ = ee(te), C = t(), { auth: T, basePath: O, entities: k, sidebar: A } = n(), [j, ie] = x(""), M = A?.preferences?.storageKey ?? ge, N = A?.preferences?.persistCollapsed === !0, [I, R] = x(() => {
-		if (!N || typeof window > "u") return !1;
-		try {
-			return window.localStorage.getItem(`${M}:collapsed`) === "true";
-		} catch {
-			return !1;
-		}
-	}), [z, B] = x(!1), [V, oe] = x(null), H = A?.recentItems, U = H?.enabled === !0, W = H?.storageKey ?? he, G = H?.maxItems ?? 8, [K, le] = x(() => U ? _e(W) : []);
-	y(() => {
-		if (!(!N || typeof window > "u")) try {
-			window.localStorage.setItem(`${M}:collapsed`, String(I));
-		} catch {}
-	}, [
-		I,
-		N,
-		M
-	]);
-	let q = b(() => u(k, A), [k, A]), ue = b(() => Object.keys(q), [q]), de = b(() => Object.fromEntries(Object.entries(q).map(([e, t]) => [e, t.behavior?.defaultCollapsed ?? !0])), [q]), fe = b(() => f(q, k, A, a), [
-		k,
-		q,
-		a,
-		A
-	]), J = b(() => l(p, k), [k, p]);
-	y(() => {
-		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 } = ae({
-		enabled: A?.pinnedItems?.enabled === !0,
-		storageKey: A?.pinnedItems?.storageKey,
-		visibleEntityIds: fe
-	}), ye;
-	A?.preferences?.storageKey != null && (ye = `${A.preferences.storageKey}:groups`);
-	let { collapsedByGroupId: Q, setCollapsed: $ } = se({
-		groupIds: ue,
-		activeGroupId: s,
-		defaultCollapsedByGroupId: de,
-		persist: A?.preferences?.persistGroups === !0,
-		storageKey: ye
-	}), be = b(() => 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: Q,
-		onGroupCollapsedChange: $,
-		sidebarCollapsed: !1
-	}), [
-		O,
-		Q,
-		k,
-		p,
-		a,
-		Y,
-		K,
-		Z,
-		$,
-		A,
-		j,
-		d,
-		c,
-		X
-	]), xe = b(() => 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: Q,
-		onGroupCollapsedChange: $,
-		sidebarCollapsed: !1
-	}), [
-		O,
-		Q,
-		k,
-		p,
-		a,
-		Y,
-		K,
-		Z,
-		$,
-		A,
-		j,
-		d,
-		c,
-		X
-	]), Se = b(() => import.meta.env?.DEV === !0 ? "dev" : "prod", []), Ce = v(() => {
-		z || (B(!0), (async () => {
-			try {
-				let t = await T.logout.load();
-				await new Promise((e, n) => {
-					F(C, {
-						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 {
-				B(!1);
-			}
-		})().catch(() => {}));
-	}, [
-		T.logout,
-		O,
-		z,
-		C,
-		_
-	]), we = o?.me ?? null, Te = b(() => me({
-		viewer: we,
-		unknownUserLabel: d("sidebar.profile.unknownUser")
-	}), [d, we]), Ee = /* @__PURE__ */ L(w, {
-		collapsed: !1,
-		viewer: Te,
-		labels: {
-			sectionTitle: d("sidebar.profile.title"),
-			menuAriaLabel: d("sidebar.profile.menuAriaLabel"),
-			signOut: d("sidebar.profile.actions.signOut")
-		},
-		onSignOut: Ce,
-		isSigningOut: z
-	}), De = /* @__PURE__ */ L(w, {
-		collapsed: !1,
-		viewer: Te,
-		labels: {
-			sectionTitle: d("sidebar.profile.title"),
-			menuAriaLabel: d("sidebar.profile.menuAriaLabel"),
-			signOut: d("sidebar.profile.actions.signOut")
-		},
-		onSignOut: Ce,
-		isSigningOut: z
-	}), Oe = null;
-	V != null && (Oe = /* @__PURE__ */ L(pe, { children: i }));
-	let ke = /* @__PURE__ */ L(D, {
-		value: j,
-		onChange: ie,
-		placeholder: d("sidebar.search.placeholder"),
-		ariaLabel: d("sidebar.search.placeholder")
-	});
-	return /* @__PURE__ */ L(P, { children: /* @__PURE__ */ L(re, {
-		sidebar: {
-			sections: be,
-			header: /* @__PURE__ */ L(E, { environment: Se }),
-			search: ke,
-			footer: Ee,
-			isCollapsed: I,
-			onCollapsedChange: R,
-			collapseToggleLabel: d("sidebar.actions.collapseSidebar"),
-			expandToggleLabel: d("sidebar.actions.expandSidebar"),
-			navigationAriaLabel: d("sidebar.navigationAriaLabel")
-		},
-		mobileSidebar: {
-			sections: xe,
-			header: /* @__PURE__ */ L(E, { environment: Se }),
-			search: ke,
-			footer: De,
-			isCollapsed: !1,
-			hideCollapseToggle: !0,
-			navigationAriaLabel: d("sidebar.navigationAriaLabel")
-		},
-		topbar: { breadcrumb: /* @__PURE__ */ L("div", { ref: oe }) },
-		children: /* @__PURE__ */ L(g, {
-			permissions: a,
-			children: /* @__PURE__ */ L(m, {
-				value: {
-					target: V,
-					dashboardHref: O,
-					dashboardLabel: d("sidebar.items.dashboard")
-				},
-				children: Oe
-			})
-		})
-	}) });
-}, ye = ({ children: e, permissionsQuery: t, prepared: n, authStatus: r, activeGroupId: i }) => /* @__PURE__ */ L(Z, {
-	permissions: I(t, n),
-	authStatus: r,
-	activeGroupId: i,
-	children: e
-}), Q = ({ children: e, permissionsQuery: t, prepared: n, authStatus: r, activeGroupId: i }) => t != null && n != null ? /* @__PURE__ */ L(ye, {
-	permissionsQuery: t,
-	prepared: n,
-	authStatus: r,
-	activeGroupId: i,
-	children: e
-}) : /* @__PURE__ */ L(Z, {
-	permissions: null,
-	authStatus: r,
-	activeGroupId: i,
-	children: e
-});
-//#endregion
-export { Q as BackofficeLayoutPage, Q as default };
-
-//# sourceMappingURL=BackofficeLayoutPage-Bq2bKkYF.js.map