your-ai-workflow-firebase-os 2.0.2 → 2.0.3

package/dist/DashboardNav-Dmn7PVSp.js

@@ -0,0 +1,886 @@
+import { d as e, f as t } from "./PageTitle-D93YCiN8.js";
+import { Na as n, cr as r, di as i, dr as a, ka as o, pi as s, sr as c } from "./TimeZoneField-DkI1Bkcz.js";
+import { A as l, E as u, F as d, I as f, N as p, O as m, c as h, w as ee, y as g } from "./verifiedAccount-DRbRFJ6H.js";
+import { Ct as te, I as ne, Nt as re, R as _, Tt as v, V as y, Wt as ie, et as ae, h as oe, kt as se, lt as ce, pn as b, qt as le, t as ue, tt as x } from "./lucide-react-CA7GD7Nv.js";
+import { v as de } from "./scheduleData-ATN8w5hI.js";
+import { c as fe, n as S, o as pe, r as C, t as w } from "./tabAudience-CRyMvv0v.js";
+import { createContext as me, useContext as he, useEffect as T, useLayoutEffect as ge, useMemo as _e, useRef as E, useState as D } from "react";
+import { Fragment as ve, jsx as O, jsxs as k } from "react/jsx-runtime";
+import { collection as A, deleteDoc as ye, doc as j, getDoc as be, getDocs as xe, onSnapshot as M, setDoc as N } from "firebase/firestore";
+import { Link as Se, useLocation as Ce } from "react-router-dom";
+//#region src/lib/ThemeContext.tsx
+var we = typeof window < "u" ? ge : T, Te = me(void 0), Ee = "'Inter', system-ui, sans-serif", De = (e) => e.trim().replace(/\s+/g, "+");
+function Oe(e, t) {
+	let n = [["--display-family", String(t?.display || "").trim()], ["--body-family", String(t?.body || "").trim()]];
+	for (let [t, r] of n) {
+		if (!r) {
+			e.style.removeProperty(t);
+			continue;
+		}
+		let n = `theme-font-${De(r).toLowerCase().replace(/[^a-z0-9+]/g, "")}`;
+		if (typeof document < "u" && !document.getElementById(n)) {
+			let e = document.createElement("link");
+			e.id = n, e.rel = "stylesheet", e.href = `https://fonts.googleapis.com/css2?family=${De(r)}:wght@300;400;500;600;700;800&display=swap`, document.head.appendChild(e);
+		}
+		e.style.setProperty(t, `'${r.replace(/'/g, "")}', ${Ee}`);
+	}
+}
+var ke = (e) => {
+	let t = e?.defaultTheme;
+	return t !== "light" && t !== "dark" || e?.showThemeToggle ? null : t;
+}, P = {
+	get(e) {
+		try {
+			return localStorage.getItem(e);
+		} catch {
+			return null;
+		}
+	},
+	set(e, t) {
+		try {
+			localStorage.setItem(e, t);
+		} catch {}
+	},
+	drop(e) {
+		try {
+			localStorage.removeItem(e);
+		} catch {}
+	}
+};
+function Ae({ children: r, scopeSelector: i }) {
+	let a = n(), o = _e(() => a?.themeConfig || t, [a?.themeConfig]), s = ke(o), c = !!o.showThemeToggle;
+	T(() => {
+		try {
+			localStorage.removeItem("theme_config_cache"), localStorage.removeItem("theme_saved_cache");
+		} catch {}
+		console.info(`Your AI Firebase ${e} · colours from theme.config.ts`);
+	}, []);
+	let [l, u] = D(() => {
+		if (s) return s;
+		if (typeof window > "u") return o.defaultTheme || "system";
+		let e = P.get("theme-mode"), t = P.get("last-seen-default-theme");
+		return o.defaultTheme && o.defaultTheme !== t ? (P.set("last-seen-default-theme", o.defaultTheme), P.drop("theme-mode"), o.defaultTheme) : e || o.defaultTheme || "system";
+	}), [d, f] = D(() => {
+		if (s) return s;
+		if (typeof window > "u") return o.defaultTheme === "light" ? "light" : "dark";
+		let e = P.get("theme-mode"), t = P.get("last-seen-default-theme"), n = e || o.defaultTheme || "system";
+		return o.defaultTheme && o.defaultTheme !== t && (n = o.defaultTheme), n === "system" ? window.matchMedia("(prefers-color-scheme: light)").matches ? "light" : "dark" : n;
+	});
+	return T(() => {
+		let e = o.defaultTheme;
+		e && (s && u(s), e !== P.get("last-seen-default-theme") && (P.set("last-seen-default-theme", e), P.drop("theme-mode"), u(e)));
+	}, [o.defaultTheme, s]), T(() => {
+		let e = (e) => {
+			l === "system" && f(e.matches ? "light" : "dark");
+		}, t = window.matchMedia("(prefers-color-scheme: light)");
+		return l === "system" ? (f(t.matches ? "light" : "dark"), t.addEventListener("change", e)) : f(l), () => t.removeEventListener("change", e);
+	}, [l]), we(() => {
+		let e = (i ? document.querySelector(i) : document.documentElement) || document.documentElement, t = d === "dark" ? o.colors.dark : o.colors.light;
+		e.style.setProperty("--bg-color", t.background), e.style.setProperty("--bg-secondary-color", t.backgroundSecondary || t.background), e.style.setProperty("--fg-color", t.foreground), e.style.setProperty("--accent-color", t.accent);
+		let n = d === "dark";
+		e.style.setProperty("--panel-bg", t.panelBg || `color-mix(in srgb, ${t.accent} ${n ? "5%" : "4%"}, transparent)`), e.style.setProperty("--panel-border", t.panelBorder || `color-mix(in srgb, ${t.accent} 15%, transparent)`);
+		let r = (e, t, n) => {
+			if (!e || e.length === 0) return t || "transparent";
+			if (e.length === 1) return e[0];
+			let r = e.map((t, n) => `${t} ${Math.round(n / (e.length - 1) * 100)}%`).join(", ");
+			return n === "conic" ? `conic-gradient(from 180deg at 50% 100%, ${r})` : `linear-gradient(135deg, ${r})`;
+		}, a = `linear-gradient(135deg, color-mix(in oklab, ${t.accent} ${n ? "70%" : "78%"}, black) 0%, ${t.accent} 100%)`, s = `linear-gradient(135deg, color-mix(in oklab, ${t.accent} ${n ? "80%" : "85%"}, black) 0%, color-mix(in oklab, ${t.accent} 72%, white) 100%)`;
+		e.style.setProperty("--button-bg", r(t.buttonGradient, a, t.buttonGradientShape)), e.style.setProperty("--button-fg", t.buttonText || "#ffffff"), e.style.setProperty("--button-hover-bg", r(t.buttonHoverGradient || t.buttonGradient, s, t.buttonGradientShape)), e.style.setProperty("--text-gradient", r(t.textGradient, `linear-gradient(135deg, ${t.foreground} 0%, ${t.accent} 100%)`)), e.style.setProperty("--glow-color", t.glowColor || `color-mix(in srgb, ${t.accent} ${n ? "40%" : "30%"}, transparent)`), e.style.setProperty("--notification-icon-color", t.notificationIconColor || t.accent);
+		let c = t.secondaryButton?.bg || (d === "dark" ? "rgba(255, 255, 255, 0.05)" : "rgba(0, 0, 0, 0.03)"), u = t.secondaryButton?.border || (d === "dark" ? "rgba(255, 255, 255, 0.1)" : "rgba(0, 0, 0, 0.06)"), f = t.secondaryButton?.text || t.foreground;
+		if (e.style.setProperty("--btn-sec-bg", c), e.style.setProperty("--btn-sec-border", u), e.style.setProperty("--btn-sec-text", f), e.style.setProperty("--selection-bg", t.selectionBg || "color-mix(in srgb, var(--accent-color) 40%, transparent)"), e.style.setProperty("--selection-text", t.selectionText || "#ffffff"), e.setAttribute("data-theme", d), P.set("theme-mode", l), o.cornerRounding === "custom" && o.cornerRadii ? (e.style.setProperty("--btn-radius", `${parseFloat(String(o.cornerRadii.buttonRadius)) || 0}rem`), e.style.setProperty("--card-radius", `${parseFloat(String(o.cornerRadii.cardRadius)) || 0}rem`), e.style.setProperty("--input-radius", `${parseFloat(String(o.cornerRadii.inputRadius)) || 0}rem`), e.style.setProperty("--modal-radius", `${parseFloat(String(o.cornerRadii.modalRadius)) || 0}rem`)) : (e.style.setProperty("--btn-radius", "0.75rem"), e.style.setProperty("--card-radius", "1.5rem"), e.style.setProperty("--input-radius", "0.75rem"), e.style.setProperty("--modal-radius", "1.5rem")), !document.getElementById("inter-font")) {
+			let e = document.createElement("link");
+			e.id = "inter-font", e.rel = "stylesheet", e.href = "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap", document.head.appendChild(e);
+		}
+		Oe(e, o.fonts), e.style.fontSize = "16px", e.style.setProperty("--weight-h1", "800"), e.style.setProperty("--weight-h2", "700"), e.style.setProperty("--weight-h3", "700"), e.style.setProperty("--leading-normal", "1.5");
+		let p = document.querySelector("link[rel*='icon']");
+		p || (p = document.createElement("link"), p.rel = "icon", document.head.appendChild(p)), o.faviconUrl && (p.href = o.faviconUrl), o.appName && (document.title = o.appName);
+	}, [
+		d,
+		l,
+		o
+	]), /* @__PURE__ */ O(Te.Provider, {
+		value: {
+			theme: d,
+			setTheme: (e) => {
+				s || u(e);
+			},
+			toggleTheme: () => {
+				s || u(d === "light" ? "dark" : "light");
+			},
+			isSystem: l === "system",
+			setIsSystem: (e) => {
+				s || u(e ? "system" : d);
+			},
+			config: o,
+			activeConfig: o,
+			canSwitchTheme: c
+		},
+		children: r
+	});
+}
+var je = () => {
+	let e = he(Te);
+	if (!e) throw Error("useTheme must be used within ThemeProvider");
+	return e;
+};
+//#endregion
+//#region src/lib/pageRegistry.ts
+function Me() {
+	return (typeof window < "u" ? window.__FBOS_PAGES__ : null) || {};
+}
+function Ne(e = Me()) {
+	let t = /* @__PURE__ */ new Set(), n = [];
+	for (let [r, i] of Object.entries(e)) !i || t.has(i) || (t.add(i), n.push([r, i]));
+	return n;
+}
+//#endregion
+//#region src/lib/menuVisibility.ts
+var F = (e) => e?.inMenu === !1, Pe = (e, t, n) => {
+	let r = e.find((e) => e.id === t);
+	return r ? r.hidden === !0 : F(n);
+}, Fe = (e) => e.split("-").map((e) => e ? e.charAt(0).toUpperCase() + e.slice(1) : "").join(""), I = (e) => {
+	let t = String(e ?? "").trim();
+	if (!t) return null;
+	let n = ue;
+	return n[Fe(t)] || n[t] || null;
+}, L = "sys_groups", Ie = "fbos_groups", Le = (e, t) => ({
+	id: e,
+	name: String(t?.name || e),
+	roles: h(t?.roles),
+	...typeof t?.createdAt == "number" ? { createdAt: t.createdAt } : {}
+}), Re = (e, t) => e.name.localeCompare(t.name), ze = () => {
+	try {
+		let e = localStorage.getItem(Ie), t = e ? JSON.parse(e) : null;
+		return Array.isArray(t) ? t.filter((e) => g(e?.id)).map((e) => Le(e.id, e)) : null;
+	} catch {
+		return null;
+	}
+}, R = null, z = null, B = null, V = (e) => {
+	R = e, z?.forEach((t) => t(e));
+};
+function Be(e) {
+	let t = !z;
+	return z ||= /* @__PURE__ */ new Set(), z.add(e), t ? B = M(A(o, L), (e) => {
+		let t = [];
+		e.forEach((e) => {
+			g(e.id) && t.push(Le(e.id, e.data()));
+		}), t.sort(Re);
+		try {
+			localStorage.setItem(Ie, JSON.stringify(t));
+		} catch {}
+		V({
+			groups: t,
+			live: !0
+		});
+	}, () => V({
+		groups: R?.groups ?? ze() ?? [],
+		live: !0
+	})) : R?.live && e(R), () => {
+		z?.delete(e), !z?.size && (B?.(), B = null, z = null);
+	};
+}
+function H() {
+	let [e, t] = D(() => {
+		if (R) return R;
+		let e = ze();
+		return e ? {
+			groups: e,
+			live: !1
+		} : null;
+	});
+	return T(() => Be(t), []), {
+		groups: e?.groups ?? [],
+		loaded: !!e,
+		live: !!e?.live
+	};
+}
+function Ve(e, t, n = "") {
+	let r = String(e || "").trim();
+	if (!r) return "Type a name for the group first — Sales, say, or North branch.";
+	if (!g(m(r))) return "Use a name with at least two letters in it.";
+	let i = t.find((e) => e.id !== n && (e.name.trim().toLowerCase() === r.toLowerCase() || !n && e.id === m(r)));
+	return i ? `You already have a group called ${i.name}.` : "";
+}
+async function He(e) {
+	let t = String(e || "").trim().slice(0, 48), n = {
+		id: m(t),
+		name: t,
+		roles: [],
+		createdAt: Date.now()
+	};
+	return await N(j(o, L, n.id), {
+		name: n.name,
+		roles: [],
+		createdAt: n.createdAt
+	}), n;
+}
+async function Ue(e, t) {
+	let n = String(t || "").trim().slice(0, 48);
+	!n || !g(e) || await N(j(o, L, e), { name: n }, { merge: !0 });
+}
+async function We(e, t) {
+	if (!g(e)) return;
+	let n = h(t), r = R;
+	R && V({
+		...R,
+		groups: R.groups.map((t) => t.id === e ? {
+			...t,
+			roles: n
+		} : t)
+	});
+	try {
+		await N(j(o, L, e), { roles: n }, { merge: !0 });
+	} catch (e) {
+		throw r && V(r), e;
+	}
+}
+async function Ge(e) {
+	let t = [];
+	return g(e) && (await xe(A(o, "sys_tabs"))).forEach((n) => {
+		ee(n.data()) === e && t.push(n.id);
+	}), t;
+}
+async function Ke(e) {
+	if (g(e)) {
+		for (let t of await Ge(e)) await N(j(o, "sys_tabs", t), { group: "" }, { merge: !0 });
+		await ye(j(o, L, e));
+	}
+}
+async function qe(e) {
+	let t = await xe(A(o, L));
+	for (let n of t.docs) {
+		let t = h(n.data()?.roles);
+		t.includes(e) && await N(j(o, L, n.id), { roles: t.filter((t) => t !== e) }, { merge: !0 });
+	}
+}
+//#endregion
+//#region src/lib/tabIcons.ts
+var U = {
+	collection: "sys_configs",
+	doc: "tab_icons"
+}, Je = "fbos_tab_icons", Ye = (e) => {
+	let t = {};
+	if (e && typeof e == "object") for (let [n, r] of Object.entries(e)) {
+		let e = typeof r == "string" ? r.trim() : "";
+		e && (t[n] = e);
+	}
+	return t;
+}, Xe = () => {
+	try {
+		let e = localStorage.getItem(Je);
+		return e ? Ye(JSON.parse(e)) : null;
+	} catch {
+		return null;
+	}
+}, W = null, G = null, Ze = null, K = (e) => {
+	W = e, G?.forEach((t) => t(e));
+};
+function Qe(e) {
+	let t = !G;
+	return G ||= /* @__PURE__ */ new Set(), G.add(e), t ? Ze = M(j(o, U.collection, U.doc), (e) => {
+		let t = Ye(e.exists() ? e.data() : {});
+		try {
+			localStorage.setItem(Je, JSON.stringify(t));
+		} catch {}
+		K(t);
+	}, () => K(W ?? Xe() ?? {})) : W && e(W), () => {
+		G?.delete(e), !G?.size && (Ze?.(), Ze = null, G = null);
+	};
+}
+function $e() {
+	let [e, t] = D(() => W ?? Xe() ?? {});
+	return T(() => Qe(t), []), e;
+}
+async function et(e, t) {
+	let n = String(t || "").trim(), r = W, i = { ...W ?? Xe() ?? {} };
+	n ? i[e] = n : delete i[e], K(i);
+	try {
+		await N(j(o, U.collection, U.doc), { [e]: n }, { merge: !0 });
+	} catch (e) {
+		throw r && K(r), e;
+	}
+}
+//#endregion
+//#region src/configs/pages/tabOrders.config.ts
+var tt = {
+	drive: "assets",
+	submissions: "inbox",
+	requests: "inbox"
+}, nt = new Set(["setup"]), rt = (e) => {
+	let t = (e || []).map((e) => typeof e == "string" ? {
+		id: e,
+		hidden: !1
+	} : {
+		id: String(e.id),
+		hidden: !!e.hidden
+	}).map((e) => ({
+		...e,
+		id: tt[e.id] || e.id
+	})).filter((e) => !nt.has(e.id));
+	return t.filter((e, n) => t.findIndex((t) => t.id === e.id) === n);
+}, it = [
+	{
+		id: "inbox",
+		hidden: !1
+	},
+	{
+		id: "users",
+		hidden: !1
+	},
+	{
+		id: "signin",
+		hidden: !1
+	},
+	{
+		id: "pages",
+		hidden: !1
+	},
+	{
+		id: "mybookings",
+		hidden: !1
+	},
+	{
+		id: "billing",
+		hidden: !1
+	},
+	{
+		id: "payments",
+		hidden: !1
+	},
+	{
+		id: "transactions",
+		hidden: !1
+	},
+	{
+		id: "email",
+		hidden: !1
+	},
+	{
+		id: "schedule",
+		hidden: !1
+	},
+	{
+		id: "forms",
+		hidden: !1
+	},
+	{
+		id: "theme",
+		hidden: !1
+	},
+	{
+		id: "assets",
+		hidden: !1
+	},
+	{
+		id: "publish",
+		hidden: !1
+	}
+], at = /^#(?:[0-9a-f]{3}|[0-9a-f]{6}|[0-9a-f]{8})$/i, q = (e) => {
+	let t = String(e ?? "").trim();
+	return at.test(t) ? t : "";
+};
+function ot(e, t) {
+	let n = String(e ?? "").trim();
+	if (!n || /^data:/i.test(n)) return "";
+	try {
+		let e = new URL(n, t || void 0);
+		return /^https?:$/.test(e.protocol) ? e.href : "";
+	} catch {
+		return "";
+	}
+}
+function st(e, t) {
+	let n = e?.colors?.light || {}, r = Array.isArray(n.buttonGradient) ? n.buttonGradient.map(q).filter(Boolean).slice(0, 2) : [];
+	return {
+		appName: String(e?.appName || "").replace(/\s+/g, " ").trim().slice(0, 60),
+		logoUrl: ot(e?.logoUrl, t),
+		appUrl: ot(t, ""),
+		accent: q(n.accent),
+		foreground: q(n.foreground),
+		buttonText: q(n.buttonText),
+		buttonGradient: r,
+		panelBg: q(n.panelBg),
+		panelBorder: q(n.panelBorder)
+	};
+}
+function ct(e) {
+	return {
+		appName: String(e?.appName || ""),
+		logoUrl: String(e?.logoUrl || ""),
+		appUrl: String(e?.appUrl || ""),
+		accent: String(e?.accent || ""),
+		foreground: String(e?.foreground || ""),
+		buttonText: String(e?.buttonText || ""),
+		buttonGradient: Array.isArray(e?.buttonGradient) ? e.buttonGradient.map(String) : [],
+		panelBg: String(e?.panelBg || ""),
+		panelBorder: String(e?.panelBorder || "")
+	};
+}
+var lt = "", ut = (e) => /^https?:\/\/(localhost|127\.0\.0\.1)(:\d+)?$/i.test(e);
+function dt() {
+	let e = null;
+	try {
+		e = je().activeConfig;
+	} catch {
+		e = null;
+	}
+	let t = !!a()?.isAdmin, n = typeof window < "u" ? window.location.origin : "", r = e && t ? JSON.stringify(st(e, n)) : "";
+	T(() => {
+		if (!r || !o || r === lt) return;
+		let e = !1;
+		return (async () => {
+			try {
+				let t = j(o, "sys_configs", "emailBrand"), i = await be(t);
+				if (e) return;
+				let a = i.exists() ? ct(i.data()) : null, s = JSON.parse(r);
+				ut(n) && a?.appUrl && (s.appUrl = a.appUrl), (!a || JSON.stringify(a) !== JSON.stringify(s)) && await N(t, s), lt = r;
+			} catch {}
+		})(), () => {
+			e = !0;
+		};
+	}, [r]);
+}
+//#endregion
+//#region src/components/navOverflow.ts
+function ft(e, t, n, r) {
+	let i = 0, a = !0;
+	for (let r = 0; r < e.length; r++) if (i += e[r] + (r > 0 ? n : 0), i > t) {
+		a = !1;
+		break;
+	}
+	if (a) return e.length;
+	let o = 0, s = 0;
+	for (let i = 0; i < e.length; i++) {
+		let a = o + e[i] + (i > 0 ? n : 0);
+		if (a + r > t) break;
+		o = a, s++;
+	}
+	return Math.max(s, 1);
+}
+function pt({ count: e, listKey: t, shown: n, gap: r, moreButtonWidth: i }) {
+	let a = E(null), o = E(null), [s, c] = D(null);
+	return ge(() => {
+		if (!n) return;
+		let s = !0, l = 0, u = () => {
+			let n = a.current, l = o.current;
+			if (!s || !n || !l) return;
+			let u = window.getComputedStyle(n), d = n.clientWidth - (parseFloat(u.paddingLeft) || 0) - (parseFloat(u.paddingRight) || 0);
+			if (d <= 0) return;
+			let f = l.querySelectorAll("[data-measure]");
+			if (f.length !== e) return;
+			let p = parseFloat(u.columnGap);
+			c({
+				listKey: t,
+				count: ft(Array.from(f, (e) => e.offsetWidth), d, Number.isFinite(p) ? p : r, i)
+			});
+		}, d = () => {
+			cancelAnimationFrame(l), l = requestAnimationFrame(u);
+		};
+		u(), document.fonts?.ready.then(d).catch(() => {});
+		let f = typeof ResizeObserver > "u" ? null : new ResizeObserver(d);
+		return f && a.current && f.observe(a.current), () => {
+			s = !1, cancelAnimationFrame(l), f?.disconnect();
+		};
+	}, [
+		e,
+		t,
+		n,
+		r,
+		i
+	]), {
+		rowRef: a,
+		measureRef: o,
+		visible: s && s.listKey === t ? Math.min(s.count, e) : e
+	};
+}
+//#endregion
+//#region src/lib/tabAccess.ts
+var mt = "fbos_tab_access", ht = () => {
+	try {
+		let e = localStorage.getItem(mt), t = e ? JSON.parse(e) : null;
+		return t && typeof t == "object" ? t : null;
+	} catch {
+		return null;
+	}
+}, J = null, Y = null, gt = null, X = (e) => {
+	J = e, Y?.forEach((t) => t(e));
+};
+function _t(e) {
+	let t = !Y;
+	return Y ||= /* @__PURE__ */ new Set(), Y.add(e), t ? gt = M(j(o, w.collection, w.doc), (e) => {
+		let t = e.exists() ? e.data() : {};
+		try {
+			localStorage.setItem(mt, JSON.stringify(t));
+		} catch {}
+		X({
+			access: t,
+			live: !0
+		});
+	}, () => X({
+		access: J?.access ?? ht() ?? {},
+		live: !0
+	})) : J?.live && e(J), () => {
+		Y?.delete(e), !Y?.size && (gt?.(), gt = null, Y = null);
+	};
+}
+function vt() {
+	let [e, t] = D(() => {
+		if (J) return J;
+		let e = ht();
+		return e ? {
+			access: e,
+			live: !1
+		} : null;
+	});
+	return T(() => _t(t), []), {
+		access: e?.access ?? {},
+		loaded: !!e,
+		live: !!e?.live
+	};
+}
+function yt(e) {
+	let { access: t, loaded: n, live: r } = vt();
+	return {
+		audience: pe(t, e),
+		loaded: n,
+		live: r
+	};
+}
+async function bt(e, t) {
+	let n = J, r = S(t);
+	X({
+		access: {
+			...J?.access ?? ht() ?? {},
+			[e]: r
+		},
+		live: J?.live ?? !1
+	});
+	try {
+		await N(j(o, w.collection, w.doc), { [e]: r }, { merge: !0 });
+	} catch (e) {
+		throw n && X(n), e;
+	}
+}
+//#endregion
+//#region src/components/DashboardNav.tsx
+var Z = l("admin"), Q = {
+	inbox: {
+		path: "/inbox",
+		label: "Inbox",
+		icon: v,
+		roles: Z
+	},
+	users: {
+		path: "/users",
+		label: "Users",
+		icon: oe,
+		roles: Z
+	},
+	signin: {
+		path: "/sign-in",
+		label: "Sign in",
+		icon: re,
+		roles: Z
+	},
+	pages: {
+		path: "/pages",
+		label: "Pages",
+		icon: te,
+		roles: Z
+	},
+	mybookings: {
+		path: "/my-bookings",
+		label: "My bookings",
+		icon: b,
+		roles: l("user")
+	},
+	billing: {
+		path: "/billing",
+		label: "Billing",
+		icon: x,
+		roles: l("user")
+	},
+	payments: {
+		path: "/payments",
+		label: "Payments",
+		icon: le,
+		roles: Z
+	},
+	transactions: {
+		path: "/transactions",
+		label: "Transactions",
+		icon: x,
+		roles: Z
+	},
+	email: {
+		path: "/email",
+		label: "Email",
+		icon: ce,
+		roles: Z
+	},
+	schedule: {
+		path: "/schedule",
+		label: "Schedule",
+		icon: ne,
+		roles: l("internal")
+	},
+	forms: {
+		path: "/forms",
+		label: "Forms",
+		icon: y,
+		roles: Z
+	},
+	theme: {
+		path: "/theme",
+		label: "Theme",
+		icon: ae,
+		roles: Z
+	},
+	assets: {
+		path: "/assets",
+		label: "Assets",
+		icon: se,
+		roles: Z
+	},
+	publish: {
+		path: "/publish",
+		label: "Publish App",
+		icon: _,
+		roles: Z
+	}
+}, xt = (e) => {
+	let t = (e) => e.id in Q;
+	return [...e.filter((e) => !t(e)), ...e.filter(t)];
+};
+function $(e) {
+	try {
+		let t = localStorage.getItem(e);
+		return t ? JSON.parse(t) : null;
+	} catch {
+		return null;
+	}
+}
+function St() {
+	let [e, t] = D(() => $("fbos_nav_tabs") ?? {}), [n, r] = D(() => {
+		let e = $("fbos_nav_order");
+		return Array.isArray(e) ? rt(e) : it;
+	}), [i, a] = D(() => $("fbos_nav_tabs") !== null), [s, c] = D(() => $("fbos_nav_order") !== null);
+	return T(() => {
+		let e = M(A(o, "sys_tabs"), (e) => {
+			let n = {};
+			e.forEach((e) => {
+				n[e.id] = e.data();
+			}), t(n), a(!0);
+			try {
+				localStorage.setItem("fbos_nav_tabs", JSON.stringify(n));
+			} catch {}
+		}, () => {
+			a(!0);
+		}), n = M(j(o, "sys_configs", "tab_order"), (e) => {
+			let t = e.exists() && Array.isArray(e.data().order) ? rt(e.data().order) : it;
+			r(t), c(!0);
+			try {
+				localStorage.setItem("fbos_nav_order", JSON.stringify(t));
+			} catch {}
+		}, () => {
+			c(!0);
+		}), i = setTimeout(() => {
+			a(!0), c(!0);
+		}, 3e3);
+		return () => {
+			e(), n(), clearTimeout(i);
+		};
+	}, []), {
+		tabOverrides: e,
+		tabOrder: n,
+		loaded: i && s
+	};
+}
+function Ct({ tabOverrides: e, tabOrder: t, hasBooking: n = !1, hasBought: r = !1, paymentsOn: i = !1, tabIcons: a = {}, tabAccess: o }) {
+	let s = {};
+	Object.entries(Q).forEach(([e, t]) => {
+		e === "mybookings" && !n || e === "billing" && !r || e === "transactions" && !i || (s[e] = {
+			id: e,
+			...t,
+			icon: I(a[e]) ?? t.icon
+		}, C(e) && (s[e].roles = fe(pe(o, e))));
+	});
+	let c = { ...e };
+	for (let [t, n] of Ne()) n.isPublic || (c[t] = {
+		...n.config,
+		...e[t]
+	});
+	for (let [t, n] of Object.entries(e)) {
+		let r = String(n?.fileId || "");
+		r && r !== t && !e[r] && (F(c[r]) && c[t]?.inMenu === void 0 && (c[t] = {
+			...c[t],
+			inMenu: !1
+		}), delete c[r]);
+	}
+	Object.entries(c).forEach(([e, t]) => {
+		let n = s[e], r = I(t?.iconName) ?? n?.icon ?? te, i = n?.roles ?? Z;
+		t?.pageType && !Q[e] && (i = d(t));
+		let a = t?.route ? t.route.startsWith("/") ? t.route : "/" + t.route : n?.path ?? "/" + e, o = t?.tabName || t?.pageTitle || t?.pageName || n?.label || e, c = Q[e] ? "" : ee(t);
+		s[e] = {
+			id: e,
+			path: a,
+			label: o,
+			icon: r,
+			roles: i,
+			group: c
+		};
+	});
+	let l = [], u = /* @__PURE__ */ new Set();
+	t.forEach((e) => {
+		e.hidden || u.has(e.id) || s[e.id] && (l.push(s[e.id]), u.add(e.id));
+	});
+	let f = [], p = [];
+	return Object.keys(s).forEach((e) => {
+		if (u.has(e)) return;
+		let n = t.find((t) => t.id === e);
+		n?.hidden || !n && F(c[e]) || (e in c && !n ? f.push(s[e]) : p.push(s[e]));
+	}), f.length > 0 && l.unshift(...f), p.length > 0 && l.push(...p), xt(l);
+}
+function wt(e, t, n, r) {
+	return p(e.roles, f(t, n)) ? e.group ? !r.live && !r.groups.some((t) => t.id === e.group) ? !1 : u(t, { group: e.group }, r.groups) : !0 : !1;
+}
+function Tt() {
+	let { user: e, userRole: t } = a(), { tabOverrides: n, tabOrder: r, loaded: i } = St(), o = H();
+	return i ? Ct({
+		tabOverrides: n,
+		tabOrder: r
+	}).filter((e) => !(e.id in Q)).filter((n) => wt(n, t, !!e, o)) : [];
+}
+function Et({ customTabs: e = [] }) {
+	let { pathname: t } = Ce(), { user: n, userRole: o, roleResolved: l } = a();
+	dt();
+	let u = de("", n?.email || "").bookings.length > 0, d = s(), [f] = D(() => $("fbos_nav_payments") === !0), p = d.loading ? f : d.configured;
+	T(() => {
+		if (!d.loading) try {
+			localStorage.setItem("fbos_nav_payments", JSON.stringify(d.configured));
+		} catch {}
+	}, [d.loading, d.configured]);
+	let m = n?.uid || "", h = i(m), [ee] = D(() => {
+		let e = $("fbos_nav_billing");
+		return !!m && e?.uid === m && e?.bought === !0;
+	}), g = h.loading ? ee : h.bought;
+	T(() => {
+		if (!(h.loading || !m)) try {
+			localStorage.setItem("fbos_nav_billing", JSON.stringify({
+				uid: m,
+				bought: h.bought
+			}));
+		} catch {}
+	}, [
+		h.loading,
+		h.bought,
+		m
+	]);
+	let te = vt(), ne = $e(), re = H(), [_, v] = D(!1), y = E(null), { tabOverrides: ae, tabOrder: oe, loaded: se } = St(), ce = l !== !1 && se;
+	T(() => {
+		function e(e) {
+			y.current && !y.current.contains(e.target) && v(!1);
+		}
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, []);
+	let b = [...Ct({
+		tabOverrides: ae,
+		tabOrder: oe,
+		hasBooking: u,
+		hasBought: g,
+		paymentsOn: p,
+		tabIcons: ne,
+		tabAccess: te.access
+	}), ...e.map((e) => ({
+		...e,
+		id: e.path
+	}))].filter((e) => wt(e, o, !!n, re)), { rowRef: le, measureRef: ue, visible: x } = pt({
+		count: b.length,
+		listKey: b.map((e) => e.id + e.label).join("|"),
+		shown: ce && b.length > 0,
+		gap: 40,
+		moreButtonWidth: 52
+	}), fe = b.slice(0, x), S = b.slice(x), pe = b.map((e) => e.path).filter((e) => {
+		let n = e.replace(/\/+$/, "");
+		return t === e || n !== "" && t.startsWith(n + "/");
+	}).sort((e, t) => t.length - e.length)[0], C = (e) => e.path === pe, w = S.some((e) => C(e));
+	return ce ? b.length === 0 ? null : /* @__PURE__ */ k(ve, { children: [/* @__PURE__ */ O("div", {
+		ref: ue,
+		"aria-hidden": "true",
+		className: "flex items-center gap-5 md:gap-10 whitespace-nowrap px-1",
+		style: {
+			position: "fixed",
+			top: -9999,
+			left: 0,
+			visibility: "hidden",
+			pointerEvents: "none"
+		},
+		children: b.map((e, t) => {
+			let n = e.icon;
+			return /* @__PURE__ */ k("span", {
+				"data-measure": !0,
+				className: "flex items-center gap-2 text-[13px] md:text-[14.5px] font-semibold shrink-0 pb-2.5 md:pb-3",
+				children: [/* @__PURE__ */ O(n, { className: "w-4 h-4 md:w-[18px] md:h-[18px]" }), e.label]
+			}, t);
+		})
+	}), /* @__PURE__ */ k("div", {
+		ref: le,
+		className: "w-full flex items-center gap-5 md:gap-10 mb-5 border-b border-[var(--panel-border)] px-1 whitespace-nowrap relative",
+		children: [fe.map((e) => {
+			let t = C(e), n = e.icon;
+			return /* @__PURE__ */ k(Se, {
+				to: e.path || "/",
+				className: `flex items-center gap-2 text-[13px] md:text-[14.5px] font-semibold transition-all duration-300 pb-2.5 md:pb-3 -mb-[1px] border-b-2 shrink-0 ${t ? "text-accent border-accent" : "text-foreground/50 hover:text-foreground/80 border-transparent"}`,
+				children: [/* @__PURE__ */ O(n, { className: "w-4 h-4 md:w-[18px] md:h-[18px]" }), e.label]
+			}, e.path || e.id);
+		}), S.length > 0 && /* @__PURE__ */ k("div", {
+			className: "relative shrink-0 ml-auto",
+			ref: y,
+			children: [/* @__PURE__ */ O("button", {
+				onClick: () => v(!_),
+				className: `flex items-center justify-center transition-all duration-300 pb-2.5 md:pb-3 -mb-[1px] border-b-2 cursor-pointer ${w ? "text-accent border-accent" : "text-foreground/50 hover:text-foreground/80 border-transparent"}`,
+				title: "More items",
+				children: /* @__PURE__ */ O(ie, { className: "w-[18px] h-[18px] md:w-5 md:h-5" })
+			}), /* @__PURE__ */ O(r, { children: _ && /* @__PURE__ */ O(c.div, {
+				initial: {
+					opacity: 0,
+					y: 10
+				},
+				animate: {
+					opacity: 1,
+					y: 0
+				},
+				exit: {
+					opacity: 0,
+					y: 10
+				},
+				className: "absolute top-[100%] right-0 mt-2 min-w-[200px] glass-popover border border-[var(--panel-border)] rounded-2xl z-50 flex flex-col py-2 overflow-hidden",
+				children: S.map((e) => {
+					let t = C(e), n = e.icon;
+					return /* @__PURE__ */ k(Se, {
+						to: e.path || "/",
+						onClick: () => v(!1),
+						className: `flex items-center gap-3 px-5 py-3 text-[14px] font-medium transition-colors ${t ? "text-accent bg-accent/5" : "text-foreground/70 hover:text-foreground hover:bg-foreground/5"}`,
+						children: [/* @__PURE__ */ O(n, { className: "w-4 h-4" }), e.label]
+					}, e.path || e.id);
+				})
+			}) })]
+		})]
+	})] }) : /* @__PURE__ */ O("div", {
+		className: "w-full flex items-center gap-5 md:gap-10 mb-5 border-b border-[var(--panel-border)] px-1 whitespace-nowrap relative",
+		children: [
+			56,
+			72,
+			64
+		].map((e, t) => /* @__PURE__ */ k("span", {
+			className: "flex items-center gap-2 pb-2.5 md:pb-3 h-[30px] md:h-[33px] shrink-0",
+			"aria-hidden": "true",
+			children: [/* @__PURE__ */ O("span", { className: "w-4 h-4 md:w-[18px] md:h-[18px] rounded-md bg-foreground/5 animate-pulse" }), /* @__PURE__ */ O("span", {
+				className: "h-3.5 rounded bg-foreground/5 animate-pulse",
+				style: { width: e }
+			})]
+		}, t))
+	});
+}
+//#endregion
+export { Ae as C, Ne as S, Ge as _, vt as a, F as b, rt as c, He as d, Ke as f, We as g, Ue as h, bt as i, et as l, Ve as m, Q as n, yt as o, qe as p, Tt as r, pt as s, Et as t, $e as u, H as v, je as w, Pe as x, I as y };