webim-adapter 0.25.0 → 0.27.0

package/build/webim-adapter.js

@@ -2049,7 +2049,7 @@ function ht({ style: e, action: t, method: n, name: a, enctype: o, formSlug: s,
 					display: A === "success" ? "none" : "flex"
 				},
 				children: f && s ? /* @__PURE__ */ d(l, { children: [
-					P && /* @__PURE__ */ u(Rt, {
+					P && /* @__PURE__ */ u(Ht, {
 						steps: N.map((e) => ({ label: e.section?.label ?? "Start" })),
 						active: F + 1,
 						style: { marginBottom: 8 }
@@ -2873,7 +2873,118 @@ function Ft({ variant: e, showSystem: t, style: n, nodeRef: r, inert: a }) {
 		children: Nt(m)
 	});
 }
-var It = {
+function It(e) {
+	let t = e?.parentElement;
+	for (; t && t !== document.body;) {
+		let e = getComputedStyle(t).overflowY;
+		if ((e === "auto" || e === "scroll") && t.scrollHeight > t.clientHeight) return t;
+		t = t.parentElement;
+	}
+	return window;
+}
+var Lt = (e) => e === window ? window.scrollY : e.scrollTop, Rt = {
+	"bottom-right": (e) => ({
+		right: e,
+		bottom: e
+	}),
+	"bottom-left": (e) => ({
+		left: e,
+		bottom: e
+	}),
+	"bottom-center": (e) => ({
+		left: "50%",
+		bottom: e,
+		transform: "translateX(-50%)"
+	})
+};
+function zt({ variant: e, label: t, position: n, offset: r, showAfter: a, smooth: o, bg: s, fg: l, style: f, nodeRef: p, inert: m, frame: h }) {
+	let [g, _] = c(!!m), [v, y] = c(null), b = (e) => {
+		y(e), typeof p == "function" && p(e);
+	};
+	i(() => {
+		if (m || !v) return;
+		let e = It(v), t = Number(a) >= 0 ? Number(a) : 300, n = () => _(Lt(e) > t);
+		return n(), e.addEventListener("scroll", n, { passive: !0 }), () => e.removeEventListener("scroll", n);
+	}, [
+		m,
+		v,
+		a
+	]);
+	let x = () => {
+		if (m) return;
+		let e = It(v), t = window.matchMedia?.("(prefers-reduced-motion: reduce)").matches, n = o === !1 || t ? "auto" : "smooth";
+		e === window ? window.scrollTo({
+			top: 0,
+			behavior: n
+		}) : e.scrollTo({
+			top: 0,
+			behavior: n
+		});
+	}, S = Number(r) >= 0 ? Number(r) : 24, w = e === "pill", T = t || "Top", E = Rt[n] ? n : "bottom-right", D = h ? {
+		position: "fixed",
+		zIndex: 5,
+		bottom: (h.bottom ?? 0) + S,
+		...E === "bottom-left" ? { left: (h.left ?? 0) + S } : null,
+		...E === "bottom-right" ? { right: (h.right ?? 0) + S } : null,
+		...E === "bottom-center" ? {
+			left: (h.left ?? 0) + (h.width ?? 0) / 2,
+			transform: "translateX(-50%)"
+		} : null
+	} : {
+		position: "fixed",
+		zIndex: 2147482e3,
+		...Rt[E](S)
+	};
+	return /* @__PURE__ */ d("button", {
+		ref: b,
+		type: "button",
+		title: T,
+		"aria-label": T,
+		"aria-hidden": !g,
+		tabIndex: g ? 0 : -1,
+		onClick: x,
+		style: {
+			display: "inline-flex",
+			alignItems: "center",
+			justifyContent: "center",
+			gap: w ? 8 : 0,
+			appearance: "none",
+			font: "inherit",
+			fontSize: 14,
+			fontWeight: 600,
+			width: w ? "auto" : 44,
+			height: 44,
+			padding: w ? "0 18px" : 0,
+			borderRadius: 999,
+			border: "1px solid transparent",
+			background: s || "var(--page-accent, #111827)",
+			color: l || "var(--page-accent-text, #ffffff)",
+			boxShadow: "0 6px 20px rgba(15, 23, 42, 0.25)",
+			cursor: m ? "default" : "pointer",
+			opacity: +!!g,
+			pointerEvents: g ? "auto" : "none",
+			transition: "opacity 160ms ease, transform 160ms ease",
+			...D,
+			...C(f),
+			...D.transform ? { transform: D.transform } : null
+		},
+		children: [/* @__PURE__ */ u("svg", {
+			width: "18",
+			height: "18",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			"aria-hidden": "true",
+			children: /* @__PURE__ */ u("path", {
+				d: "M12 19V5M12 5l-7 7M12 5l7 7",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			})
+		}), w ? /* @__PURE__ */ u("span", { children: T }) : null]
+	});
+}
+var Bt = {
 	facebook: {
 		label: "Facebook",
 		color: "#1877f2",
@@ -2940,8 +3051,8 @@ var It = {
 		d: "M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zm6.93 6h-2.95c-.32-1.25-.78-2.45-1.38-3.56 1.84.63 3.37 1.91 4.33 3.56zM12 4.04c.83 1.2 1.48 2.53 1.91 3.96h-3.82c.43-1.43 1.08-2.76 1.91-3.96zM4.26 14C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2 0 .68.06 1.34.14 2H4.26zm.82 2h2.95c.32 1.25.78 2.45 1.38 3.56-1.84-.63-3.37-1.9-4.33-3.56zm2.95-8H5.08c.96-1.66 2.49-2.93 4.33-3.56C8.81 5.55 8.35 6.75 8.03 8zM12 19.96c-.83-1.2-1.48-2.53-1.91-3.96h3.82c-.43 1.43-1.08 2.76-1.91 3.96zM14.34 14H9.66c-.09-.66-.16-1.32-.16-2 0-.68.07-1.35.16-2h4.68c.09.65.16 1.32.16 2 0 .68-.07 1.34-.16 2zm.25 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95c-.96 1.65-2.49 2.93-4.33 3.56zM16.36 14c.08-.66.14-1.32.14-2 0-.68-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2h-3.38z"
 	}
 };
-function Lt({ links: e = [], variant: t, color: n, size: r, gap: i, newTab: a, style: o, nodeRef: s, inert: c }) {
-	let l = Array.isArray(e) ? e.filter((e) => e && It[e.network]) : [];
+function Vt({ links: e = [], variant: t, color: n, size: r, gap: i, newTab: a, style: o, nodeRef: s, inert: c }) {
+	let l = Array.isArray(e) ? e.filter((e) => e && Bt[e.network]) : [];
 	if (!l.length) return null;
 	let d = Math.min(Math.max(Number(r) || 18, 10), 64), f = Math.round(d * 1.9), p = Number.isFinite(Number(i)) ? Number(i) : 10, m = (e) => n === "accent" ? "var(--page-accent, #111827)" : n === "inherit" ? "currentColor" : e.color, h = c ? (e) => e.preventDefault() : void 0;
 	return /* @__PURE__ */ u("div", {
@@ -2954,7 +3065,7 @@ function Lt({ links: e = [], variant: t, color: n, size: r, gap: i, newTab: a, s
 			...C(o)
 		},
 		children: l.map((e, r) => {
-			let i = It[e.network], o = t !== "outline" && t !== "plain", s = o ? n === "accent" ? "var(--page-accent-text, #ffffff)" : n === "inherit" ? "var(--page-bg, #ffffff)" : "#ffffff" : m(i);
+			let i = Bt[e.network], o = t !== "outline" && t !== "plain", s = o ? n === "accent" ? "var(--page-accent-text, #ffffff)" : n === "inherit" ? "var(--page-bg, #ffffff)" : "#ffffff" : m(i);
 			return /* @__PURE__ */ u("a", {
 				href: e.url || "#",
 				onClick: h,
@@ -2988,7 +3099,7 @@ function Lt({ links: e = [], variant: t, color: n, size: r, gap: i, newTab: a, s
 		})
 	});
 }
-function Rt({ steps: t = [], active: n = 1, vertical: r = !1, style: i, nodeRef: a }) {
+function Ht({ steps: t = [], active: n = 1, vertical: r = !1, style: i, nodeRef: a }) {
 	if (!t.length) return null;
 	let o = Math.min(Math.max(Number(n) || 1, 1), t.length), s = (e) => ({
 		width: 32,
@@ -3066,7 +3177,7 @@ function Rt({ steps: t = [], active: n = 1, vertical: r = !1, style: i, nodeRef:
 		})
 	});
 }
-var zt = {
+var Ut = {
 	small: {
 		w: 132,
 		h: 46,
@@ -3088,10 +3199,10 @@ var zt = {
 		title: 12.5,
 		avatar: 46
 	}
-}, Bt = (e) => zt[e] ?? zt.medium;
-zt.medium.w, zt.medium.h;
-function Vt(e, { size: t = "medium", horizontal: n = !1 } = {}) {
-	let r = Bt(t), i = n ? r.h : r.w, a = n ? 16 : 20, o = (n ? r.w : r.h) + (n ? 56 : 48), s = Array.isArray(e) ? e.filter((e) => e && e.id) : [], c = new Set(s.map((e) => e.id)), l = /* @__PURE__ */ new Map(), u = [];
+}, Wt = (e) => Ut[e] ?? Ut.medium;
+Ut.medium.w, Ut.medium.h;
+function Gt(e, { size: t = "medium", horizontal: n = !1 } = {}) {
+	let r = Wt(t), i = n ? r.h : r.w, a = n ? 16 : 20, o = (n ? r.w : r.h) + (n ? 56 : 48), s = Array.isArray(e) ? e.filter((e) => e && e.id) : [], c = new Set(s.map((e) => e.id)), l = /* @__PURE__ */ new Map(), u = [];
 	for (let e of s) e.parent && c.has(e.parent) && e.parent !== e.id ? (l.has(e.parent) || l.set(e.parent, []), l.get(e.parent).push(e)) : u.push(e);
 	let d = /* @__PURE__ */ new Map(), f = (e, t) => {
 		if (t.has(e.id)) return 0;
@@ -3143,18 +3254,18 @@ function Vt(e, { size: t = "medium", horizontal: n = !1 } = {}) {
 		horizontal: n
 	};
 }
-var Ht = (e, t) => {
+var Kt = (e, t) => {
 	let n = String(e ?? "");
 	return n.length > t ? `${n.slice(0, t - 1)}…` : n;
-}, Ut = (e) => {
+}, qt = (e) => {
 	let t = /^#([0-9a-f]{6}|[0-9a-f]{3})$/i.exec(String(e ?? "").trim());
 	if (!t) return "#ffffff";
 	let n = t[1];
 	n.length === 3 && (n = [...n].map((e) => e + e).join(""));
 	let r = parseInt(n, 16);
 	return .299 * (r >> 16 & 255) + .587 * (r >> 8 & 255) + .114 * (r & 255) > 150 ? "#111827" : "#ffffff";
-}, Wt = (e) => !!(e?.cv?.trim?.() || e?.photo);
-function Gt(e, t = {}) {
+}, Jt = (e) => !!(e?.cv?.trim?.() || e?.photo);
+function Yt(e, t = {}) {
 	let n = Array.isArray(e) ? e.filter((e) => e && typeof e == "object" && e.id) : [], r = (e) => Array.isArray(e) ? e[0] : e, i = (e) => e == null ? "" : q(e);
 	return n.map((e) => {
 		let n = e.data ?? {}, a = r(n[t.parentField]), o = a && typeof a == "object" ? a.id ?? null : a || null;
@@ -3169,11 +3280,11 @@ function Gt(e, t = {}) {
 		};
 	});
 }
-var Kt = {
+var Xt = {
 	size: 36,
 	pad: 10
 };
-function qt({ node: e, onClose: t }) {
+function Zt({ node: e, onClose: t }) {
 	return i(() => {
 		let e = (e) => e.key === "Escape" && t();
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
@@ -3294,7 +3405,7 @@ function qt({ node: e, onClose: t }) {
 		})
 	});
 }
-function Jt({ nodes: e = [], source: t, nameField: n, titleField: o, photoField: s, parentField: f, cvField: p, hrefField: m, size: h = "medium", horizontal: g = !1, style: _, nodeRef: v, interactive: y = !0 }) {
+function Qt({ nodes: e = [], source: t, nameField: n, titleField: o, photoField: s, parentField: f, cvField: p, hrefField: m, size: h = "medium", horizontal: g = !1, style: _, nodeRef: v, interactive: y = !0 }) {
 	let b = a(), [x, S] = c(null), { tenant: w, apiUrl: T } = r(U), E = r(W)?.[t], [D, O] = c(null);
 	i(() => {
 		if (!t || E) return;
@@ -3311,14 +3422,14 @@ function Jt({ nodes: e = [], source: t, nameField: n, titleField: o, photoField:
 		T,
 		E
 	]);
-	let k = t ? Gt(E ?? D ?? [], {
+	let k = t ? Yt(E ?? D ?? [], {
 		nameField: n,
 		titleField: o,
 		photoField: s,
 		parentField: f,
 		cvField: p,
 		hrefField: m
-	}) : e, A = Bt(h), { boxes: j, links: M, width: N, height: P } = Vt(k, {
+	}) : e, A = Wt(h), { boxes: j, links: M, width: N, height: P } = Gt(k, {
 		size: h,
 		horizontal: g
 	});
@@ -3364,7 +3475,7 @@ function Jt({ nodes: e = [], source: t, nameField: n, titleField: o, photoField:
 				stroke: "rgba(148, 163, 184, 0.7)",
 				strokeWidth: "1.5"
 			}, t)), j.map(({ node: e, x: t, y: n }) => {
-				let r = F.has(e.id), i = !!e.color2, a = !!e.color || r || i, o = e.color || (r ? "var(--page-accent, #4f46e5)" : "var(--page-bg, #ffffff)"), s = e.color ? Ut(e.color) : r ? "var(--page-accent-text, #ffffff)" : "var(--page-text, #111827)", c = i ? Ut(e.color2) : s, f = y && (Wt(e) || e.href), p = () => Wt(e) ? S(e) : window.open(e.href, "_blank", "noreferrer"), m = e.photo ? t + Kt.pad + A.avatar + 8 : t + A.w / 2, h = e.photo ? "start" : "middle", g = e.photo ? Math.floor((A.w - A.avatar - 26) / 7) : Math.floor(A.w / 7.6), _ = A.h / 2, v = [e.name, e.title].map((e) => String(e ?? "").trim()).filter(Boolean);
+				let r = F.has(e.id), i = !!e.color2, a = !!e.color || r || i, o = e.color || (r ? "var(--page-accent, #4f46e5)" : "var(--page-bg, #ffffff)"), s = e.color ? qt(e.color) : r ? "var(--page-accent-text, #ffffff)" : "var(--page-text, #111827)", c = i ? qt(e.color2) : s, f = y && (Jt(e) || e.href), p = () => Jt(e) ? S(e) : window.open(e.href, "_blank", "noreferrer"), m = e.photo ? t + Xt.pad + A.avatar + 8 : t + A.w / 2, h = e.photo ? "start" : "middle", g = e.photo ? Math.floor((A.w - A.avatar - 26) / 7) : Math.floor(A.w / 7.6), _ = A.h / 2, v = [e.name, e.title].map((e) => String(e ?? "").trim()).filter(Boolean);
 				return /* @__PURE__ */ d("g", {
 					onClick: f ? p : void 0,
 					style: f ? { cursor: "pointer" } : void 0,
@@ -3428,13 +3539,13 @@ function Jt({ nodes: e = [], source: t, nameField: n, titleField: o, photoField:
 						e.photo && /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("clipPath", {
 							id: `${b}-${e.id}`,
 							children: /* @__PURE__ */ u("circle", {
-								cx: t + Kt.pad + A.avatar / 2,
+								cx: t + Xt.pad + A.avatar / 2,
 								cy: n + A.h / 2,
 								r: A.avatar / 2
 							})
 						}), /* @__PURE__ */ u("image", {
 							href: e.photo,
-							x: t + Kt.pad,
+							x: t + Xt.pad,
 							y: n + (A.h - A.avatar) / 2,
 							width: A.avatar,
 							height: A.avatar,
@@ -3448,7 +3559,7 @@ function Jt({ nodes: e = [], source: t, nameField: n, titleField: o, photoField:
 							fontSize: A.title,
 							fontWeight: "600",
 							fill: s,
-							children: Ht(e.title, g + 4)
+							children: Kt(e.title, g + 4)
 						}), e.name && /* @__PURE__ */ u("text", {
 							x: m,
 							y: n + _ + _ / 2 + A.name * .35,
@@ -3456,7 +3567,7 @@ function Jt({ nodes: e = [], source: t, nameField: n, titleField: o, photoField:
 							fontSize: A.name,
 							fontWeight: "600",
 							fill: c,
-							children: Ht(e.name, g)
+							children: Kt(e.name, g)
 						})] }) : /* @__PURE__ */ d(l, { children: [v[0] && /* @__PURE__ */ u("text", {
 							x: m,
 							y: n + (v[1] ? A.h * .43 : A.h * .57),
@@ -3464,7 +3575,7 @@ function Jt({ nodes: e = [], source: t, nameField: n, titleField: o, photoField:
 							fontSize: A.name,
 							fontWeight: "600",
 							fill: s,
-							children: Ht(v[0], g)
+							children: Kt(v[0], g)
 						}), v[1] && /* @__PURE__ */ u("text", {
 							x: m,
 							y: n + A.h * .73,
@@ -3472,18 +3583,18 @@ function Jt({ nodes: e = [], source: t, nameField: n, titleField: o, photoField:
 							fontSize: A.title,
 							opacity: "0.7",
 							fill: s,
-							children: Ht(v[1], g + 4)
+							children: Kt(v[1], g + 4)
 						})] })
 					]
 				}, e.id);
 			})]
-		}), x && /* @__PURE__ */ u(qt, {
+		}), x && /* @__PURE__ */ u(Zt, {
 			node: x,
 			onClose: () => S(null)
 		})]
 	});
 }
-function Yt({ columns: e = [], rows: t = [], source: n, limit: a = 10, striped: o = !0, bordered: s = !1, compact: l = !1, paged: f, emptyText: p, style: m, nodeRef: h }) {
+function $t({ columns: e = [], rows: t = [], source: n, limit: a = 10, striped: o = !0, bordered: s = !1, compact: l = !1, paged: f, emptyText: p, style: m, nodeRef: h }) {
 	let { tenant: g, apiUrl: _ } = r(U), v = r(W), y = v?.[n], b = f ? G(v) : 1, [x, S] = c(null);
 	if (i(() => {
 		if (!n || y) return;
@@ -3549,7 +3660,7 @@ function Yt({ columns: e = [], rows: t = [], source: n, limit: a = 10, striped:
 		})
 	});
 }
-var Xt = {
+var en = {
 	PageRoot: Ce,
 	Section: we,
 	Container: Te,
@@ -3567,11 +3678,12 @@ var Xt = {
 	CollectionSearch: Ot,
 	BreadcrumbsBlock: kt,
 	PaginationBlock: At,
-	StepperBlock: Rt,
-	SocialLinksBlock: Lt,
+	StepperBlock: Ht,
+	SocialLinksBlock: Vt,
 	ThemeModeBlock: Ft,
-	OrgChartBlock: Jt,
-	TableBlock: Yt,
+	ScrollTopBlock: zt,
+	OrgChartBlock: Qt,
+	TableBlock: $t,
 	MasonryBlock: nt,
 	AccordionBlock: st,
 	NavbarBlock: at,
@@ -3601,26 +3713,26 @@ var Xt = {
 	FormFile: wt,
 	FormRecaptcha: vt,
 	FormSubmit: Tt
-}, Zt = {
+}, tn = {
 	id: "auth",
 	label: "Accounts",
 	category: "Apps",
 	keys: ["SiteLoginForm", "SiteAccountMenu"],
 	ssr: "shell",
 	settings: ["site.authRedirect"]
-}, Qt = t({
+}, nn = t({
 	user: null,
 	status: "idle",
 	ensure: () => {},
 	refresh: () => {},
 	signOut: () => {}
-}), $t = () => {
-	let e = r(Qt);
+}), rn = () => {
+	let e = r(nn);
 	return i(() => {
 		e.ensure();
 	}, [e]), e;
 };
-function en({ children: e, initialUser: t, disabled: i, apiUrl: a, tenant: l }) {
+function an({ children: e, initialUser: t, disabled: i, apiUrl: a, tenant: l }) {
 	let d = r(U), f = a || d?.apiUrl || "/api", p = l || d?.tenant || "", [m, h] = c(t ?? null), [g, _] = c(t ? "user" : i ? "guest" : "idle"), v = s(!1), y = n((e, t) => fetch(`${f}${e}`, {
 		...t,
 		credentials: "include",
@@ -3653,18 +3765,18 @@ function en({ children: e, initialUser: t, disabled: i, apiUrl: a, tenant: l })
 		b,
 		x
 	]);
-	return /* @__PURE__ */ u(Qt.Provider, {
+	return /* @__PURE__ */ u(nn.Provider, {
 		value: C,
 		children: e
 	});
 }
-function tn({ when: e, children: t }) {
-	let { status: n } = $t();
+function on({ when: e, children: t }) {
+	let { status: n } = rn();
 	return !e || e === "always" ? t : n === "idle" || n === "loading" ? null : e === "user" == (n === "user") ? t : null;
 }
 //#endregion
 //#region ../ui/src/components/builder/apps/auth/views.jsx
-function nn({ mode: e = "login", redirect: t, emailLabel: n = "Email", passwordLabel: i = "Password", nameLabel: a = "Name", submitLabel: o, style: s, nodeRef: l, inert: f, linked: p, show: m }) {
+function sn({ mode: e = "login", redirect: t, emailLabel: n = "Email", passwordLabel: i = "Password", nameLabel: a = "Name", submitLabel: o, style: s, nodeRef: l, inert: f, linked: p, show: m }) {
 	let { tenant: h, apiUrl: g, settings: _ } = r(U), [v, y] = c("form"), [b, x] = c(""), [S, w] = c(!1), T = e === "register", E = f ? m || "form" : v, D = (e) => typeof e == "string" && e.startsWith("/") && !e.startsWith("//") ? e : "", O = async (e) => {
 		if (e.preventDefault(), f) return;
 		let n = new FormData(e.currentTarget);
@@ -3788,8 +3900,8 @@ function nn({ mode: e = "login", redirect: t, emailLabel: n = "Email", passwordL
 		]
 	});
 }
-function rn({ greeting: e = "Hi", signOutLabel: t = "Sign out", showEmail: n = !1, style: r, nodeRef: i, inert: a, linked: o, show: s }) {
-	let { user: c, status: l, signOut: f } = $t(), p = a ? s || "user" : l, m = a ? {
+function cn({ greeting: e = "Hi", signOutLabel: t = "Sign out", showEmail: n = !1, style: r, nodeRef: i, inert: a, linked: o, show: s }) {
+	let { user: c, status: l, signOut: f } = rn(), p = a ? s || "user" : l, m = a ? {
 		name: "Ada Lovelace",
 		email: "ada@example.com"
 	} : c;
@@ -3853,43 +3965,310 @@ function rn({ greeting: e = "Hi", signOutLabel: t = "Sign out", showEmail: n = !
 	});
 }
 //#endregion
+//#region ../ui/src/components/builder/apps/consent/manifest.js
+var ln = {
+	id: "consent",
+	label: "Cookie consent",
+	category: "Apps",
+	keys: ["CookieConsent"],
+	ssr: "shell",
+	settings: []
+}, un = "webim.cookie_consent";
+function dn() {
+	try {
+		let e = window.localStorage.getItem(un), t = e ? JSON.parse(e) : null;
+		return t?.choice === "accepted" || t?.choice === "declined" ? t.choice : "";
+	} catch {
+		return "";
+	}
+}
+function fn(e) {
+	try {
+		document.querySelectorAll(".webim-page").forEach((t) => t.setAttribute("data-webim-consent", e));
+	} catch {}
+}
+function pn(e) {
+	try {
+		window.localStorage.setItem(un, JSON.stringify({
+			choice: e,
+			at: (/* @__PURE__ */ new Date()).toISOString()
+		}));
+	} catch {}
+	fn(e);
+	try {
+		window.dispatchEvent(new CustomEvent("webim:consent", { detail: { choice: e } }));
+	} catch {}
+}
+var mn = {
+	bottom: {
+		left: 0,
+		right: 0,
+		bottom: 0
+	},
+	top: {
+		left: 0,
+		right: 0,
+		top: 0
+	},
+	"bottom-left": {
+		left: 16,
+		bottom: 16,
+		maxWidth: 400
+	},
+	"bottom-right": {
+		right: 16,
+		bottom: 16,
+		maxWidth: 400
+	}
+};
+function hn({ message: e, acceptLabel: t, rejectLabel: n, showReject: r, linkLabel: a, linkHref: o, position: s, linked: f, style: p, nodeRef: m, inert: h }) {
+	let [g, _] = c(!!h), [v, y] = c(null), b = (e) => {
+		y(e), typeof m == "function" && m(e);
+	};
+	if (i(() => {
+		if (h) return;
+		let e = dn();
+		if (e) {
+			let t = v?.closest?.(".webim-page");
+			t && t.setAttribute("data-webim-consent", e);
+		} else _(!0);
+	}, [h, v]), !g) return null;
+	let x = (e) => () => {
+		h || (pn(e, v), _(!1));
+	}, S = mn[s] ?? mn.bottom, w = {
+		appearance: "none",
+		font: "inherit",
+		fontSize: 14,
+		fontWeight: 600,
+		padding: "8px 16px",
+		borderRadius: 8,
+		cursor: h ? "default" : "pointer",
+		whiteSpace: "nowrap"
+	};
+	return /* @__PURE__ */ d("div", {
+		ref: b,
+		role: "region",
+		"aria-label": "Cookie consent",
+		style: {
+			...h ? { position: "relative" } : {
+				position: "fixed",
+				zIndex: 2147483e3,
+				...S
+			},
+			display: "flex",
+			flexWrap: "wrap",
+			alignItems: "center",
+			gap: 12,
+			padding: 16,
+			background: "var(--page-surface, #f2f2f2)",
+			color: "var(--page-text, #111827)",
+			border: "1px solid var(--page-border, rgba(148, 163, 184, 0.4))",
+			borderRadius: s === "bottom" || s === "top" ? 0 : 12,
+			boxShadow: "0 8px 30px rgba(15, 23, 42, 0.18)",
+			fontSize: 14,
+			lineHeight: 1.5,
+			...C(p)
+		},
+		children: [/* @__PURE__ */ d("div", {
+			style: {
+				flex: "1 1 260px",
+				minWidth: 0
+			},
+			children: [f?.content ?? (e || "We use cookies to run this site and to understand how it is used."), a && o ? /* @__PURE__ */ d(l, { children: [" ", /* @__PURE__ */ u("a", {
+				href: o,
+				onClick: h ? (e) => e.preventDefault() : void 0,
+				style: {
+					color: "var(--page-accent, inherit)",
+					textDecoration: "underline"
+				},
+				children: a
+			})] }) : null]
+		}), /* @__PURE__ */ d("div", {
+			style: {
+				display: "flex",
+				gap: 8,
+				flexShrink: 0
+			},
+			children: [r === !1 ? null : /* @__PURE__ */ u("button", {
+				type: "button",
+				onClick: x("declined"),
+				style: {
+					...w,
+					background: "transparent",
+					color: "inherit",
+					border: "1px solid var(--page-border, rgba(148, 163, 184, 0.6))"
+				},
+				children: n || "Decline"
+			}), /* @__PURE__ */ u("button", {
+				type: "button",
+				onClick: x("accepted"),
+				style: {
+					...w,
+					background: "var(--page-accent, #111827)",
+					color: "var(--page-accent-text, #ffffff)",
+					border: "1px solid transparent"
+				},
+				children: t || "Accept"
+			})]
+		})]
+	});
+}
+//#endregion
+//#region ../ui/src/components/builder/apps/language/manifest.js
+var gn = {
+	id: "language",
+	label: "Language",
+	category: "Apps",
+	keys: ["SiteLanguagePicker"],
+	ssr: "prefetch",
+	settings: ["locales"]
+};
+//#endregion
+//#region ../ui/src/components/builder/apps/language/views.jsx
+function _n(e) {
+	let t = e?.locales, n = [typeof t?.default == "string" && t.default.trim() ? t.default.trim() : "", ...Array.isArray(t?.enabled) ? t.enabled : []].filter((e) => typeof e == "string" && e.trim());
+	return [...new Set(n.map((e) => e.trim()))];
+}
+var vn = (e) => e && e.charAt(0).toUpperCase() + e.slice(1);
+function yn(e, t) {
+	let n = String(e ?? "").toUpperCase();
+	if (t === "code") return n;
+	let r = "";
+	try {
+		r = vn(new Intl.DisplayNames([e], { type: "language" }).of(e) ?? "");
+	} catch {}
+	return !r || r.toUpperCase() === n ? n : t === "both" ? `${n} — ${r}` : r;
+}
+function bn(e, t) {
+	let n = t ? "" : `?locale=${encodeURIComponent(e)}`;
+	if (typeof window > "u") return n || "?";
+	try {
+		let n = new URL(window.location.href);
+		return t ? n.searchParams.delete("locale") : n.searchParams.set("locale", e), n.searchParams.delete("page"), `${n.pathname}${n.search}${n.hash}`;
+	} catch {
+		return n || "/";
+	}
+}
+function xn({ variant: e, display: t, separator: n, label: i, style: a, nodeRef: o, inert: s }) {
+	let c = r(U), l = _n(c?.settings), f = l[0] ?? "", p = l.includes(c?.locale) ? c.locale : f, m = {
+		display: "inline-flex",
+		alignItems: "center",
+		gap: 8,
+		...C(a)
+	};
+	if (l.length < 2) return s ? /* @__PURE__ */ u("div", {
+		ref: o,
+		style: {
+			...m,
+			padding: "8px 12px",
+			border: "1px dashed rgba(100, 116, 139, 0.45)",
+			borderRadius: 6,
+			color: "rgba(100, 116, 139, 0.8)",
+			fontSize: 12
+		},
+		children: "Add site languages in Settings → Languages"
+	}) : null;
+	let h = i ? /* @__PURE__ */ u("span", {
+		style: { opacity: .7 },
+		children: i
+	}) : null;
+	return e === "inline" ? /* @__PURE__ */ d("div", {
+		ref: o,
+		style: m,
+		children: [h, l.map((e, r) => /* @__PURE__ */ d("span", {
+			style: {
+				display: "inline-flex",
+				alignItems: "center",
+				gap: 8
+			},
+			children: [r > 0 && /* @__PURE__ */ u("span", {
+				style: { opacity: .4 },
+				children: n ?? "·"
+			}), /* @__PURE__ */ u("a", {
+				href: bn(e, e === f),
+				hrefLang: e,
+				"aria-current": e === p ? "true" : void 0,
+				onClick: s ? (e) => e.preventDefault() : void 0,
+				style: {
+					color: e === p ? "var(--page-accent, inherit)" : "inherit",
+					fontWeight: e === p ? 600 : 400,
+					textDecoration: "none",
+					cursor: s ? "default" : "pointer"
+				},
+				children: yn(e, t)
+			})]
+		}, e))]
+	}) : /* @__PURE__ */ d("div", {
+		ref: o,
+		style: m,
+		children: [h, /* @__PURE__ */ u("select", {
+			"aria-label": i || "Language",
+			value: p,
+			onChange: s ? void 0 : (e) => {
+				let t = e.target.value;
+				window.location.assign(bn(t, t === f));
+			},
+			onKeyDown: s ? (e) => e.preventDefault() : void 0,
+			style: {
+				font: "inherit",
+				color: "inherit",
+				background: "var(--page-surface, transparent)",
+				border: "1px solid var(--page-border, rgba(148, 163, 184, 0.4))",
+				borderRadius: 6,
+				padding: "4px 8px",
+				cursor: s ? "default" : "pointer"
+			},
+			children: l.map((e) => /* @__PURE__ */ u("option", {
+				value: e,
+				children: yn(e, t)
+			}, e))
+		})]
+	});
+}
+//#endregion
 //#region ../ui/src/components/builder/apps/index.js
-var an = [Zt], on = {
-	SiteLoginForm: nn,
-	SiteAccountMenu: rn
+var Sn = [
+	tn,
+	gn,
+	ln
+], Cn = {
+	SiteLoginForm: sn,
+	SiteAccountMenu: cn,
+	SiteLanguagePicker: xn,
+	CookieConsent: hn
 };
-new Set(an.filter((e) => e.ssr === "shell").flatMap((e) => e.keys));
+new Set(Sn.filter((e) => e.ssr === "shell").flatMap((e) => e.keys));
 //#endregion
 //#region ../ui/src/components/builder/plugins/runtime.js
-var sn = /* @__PURE__ */ new Map();
-function cn(e) {
-	if (sn.has(e)) return sn.get(e);
+var wn = /* @__PURE__ */ new Map();
+function Tn(e) {
+	if (wn.has(e)) return wn.get(e);
 	let t = URL.createObjectURL(new Blob([e], { type: "text/javascript" })), n = import(
 		/* @vite-ignore */
 		/* webpackIgnore: true */
 		t
 ).finally(() => URL.revokeObjectURL(t));
-	return sn.set(e, n), n;
+	return wn.set(e, n), n;
 }
-function ln(e) {
+function En(e) {
 	let t = e && typeof e == "object" ? e.builder_plugins : null, n = t && typeof t == "object" ? t.plugins : null;
 	return n && typeof n == "object" ? n : {};
 }
 //#endregion
 //#region ../ui/src/components/builder/plugins/view.jsx
-async function un(e, t) {
-	let n = await cn(e);
+async function Dn(e, t) {
+	let n = await Tn(e);
 	return (Array.isArray(n?.default?.blocks) ? n.default.blocks : []).find((e) => e?.id === t && typeof e.mount == "function") ?? null;
 }
-var dn = {
+var On = {
 	padding: "10px 12px",
 	border: "1px dashed rgba(148, 163, 184, 0.5)",
 	borderRadius: 8,
 	fontSize: 12,
 	opacity: .6
 };
-function fn({ pluginId: e, blockId: t, props: n, style: a, nodeRef: o }) {
-	let c = r(U), l = ln(c?.settings)[e], f = s(null), p = s(null), m = {
+function kn({ pluginId: e, blockId: t, props: n, style: a, nodeRef: o }) {
+	let c = r(U), l = En(c?.settings)[e], f = s(null), p = s(null), m = {
 		tenant: c?.tenant ?? "",
 		apiUrl: c?.apiUrl ?? "/api",
 		locale: c?.locale ?? "",
@@ -3901,7 +4280,7 @@ function fn({ pluginId: e, blockId: t, props: n, style: a, nodeRef: o }) {
 		let e = f.current;
 		if (!l?.code || !e) return;
 		let n = !0;
-		return un(l.code, t).then((e) => {
+		return Dn(l.code, t).then((e) => {
 			if (!(!n || !e || !f.current)) {
 				p.current = e;
 				try {
@@ -3931,7 +4310,7 @@ function fn({ pluginId: e, blockId: t, props: n, style: a, nodeRef: o }) {
 	}) : /* @__PURE__ */ d("div", {
 		ref: o,
 		style: {
-			...dn,
+			...On,
 			...C(a)
 		},
 		children: [
@@ -3943,12 +4322,12 @@ function fn({ pluginId: e, blockId: t, props: n, style: a, nodeRef: o }) {
 }
 //#endregion
 //#region ../ui/src/components/builder/render.jsx
-var pn = {
-	...Xt,
-	...on,
-	PluginBlock: fn
+var An = {
+	...en,
+	...Cn,
+	PluginBlock: kn
 };
-function mn(t, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
+function jn(t, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
 	let o = n[t];
 	if (!o || o.hidden) return null;
 	let s = o.type?.resolvedName, c = a?.mapProps ? a.mapProps(o.props ?? {}, s) : o.props ?? {};
@@ -3956,11 +4335,11 @@ function mn(t, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
 		let n = o.props?.componentId, s = r?.[n];
 		if (!s?.template || i.has(n)) return null;
 		let c = new Set(i).add(n);
-		return /* @__PURE__ */ u(e, { children: mn(s.template.rootId, s.template.nodes, r, c, a) }, t);
+		return /* @__PURE__ */ u(e, { children: jn(s.template.rootId, s.template.nodes, r, c, a) }, t);
 	}
-	let l = pn[s];
+	let l = An[s];
 	if (!l) return null;
-	let d = (o.nodes ?? []).map((e) => mn(e, n, r, i, a)).filter(Boolean), f = Object.entries(o.linkedNodes ?? {}), p = f.length ? Object.fromEntries(f.map(([e, t]) => [e, mn(t, n, r, i)])) : void 0, m = /* @__PURE__ */ u(l, {
+	let d = (o.nodes ?? []).map((e) => jn(e, n, r, i, a)).filter(Boolean), f = Object.entries(o.linkedNodes ?? {}), p = f.length ? Object.fromEntries(f.map(([e, t]) => [e, jn(t, n, r, i)])) : void 0, m = /* @__PURE__ */ u(l, {
 		...c,
 		...s === "CollectionList" ? { templateId: o.linkedNodes?.card } : null,
 		linked: p,
@@ -3969,16 +4348,16 @@ function mn(t, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
 		},
 		children: d.length ? d : void 0
 	}, t);
-	return c.when && c.when !== "always" ? /* @__PURE__ */ u(tn, {
+	return c.when && c.when !== "always" ? /* @__PURE__ */ u(on, {
 		when: c.when,
 		children: m
 	}, t) : m;
 }
 //#endregion
 //#region ../ui/src/components/builder/PageRenderer.jsx
-var hn = (e) => Object.entries(e).map(([e, t]) => `${e}: ${t};`).join(" "), gn = (e) => `.webim-page[data-webim-mode="light"] { ${Object.entries(V(e.light)).map(([e, t]) => `${e}: ${t} !important;`).join(" ")} }
+var Mn = (e) => Object.entries(e).map(([e, t]) => `${e}: ${t};`).join(" "), Nn = (e) => `.webim-page[data-webim-mode="light"] { ${Object.entries(V(e.light)).map(([e, t]) => `${e}: ${t} !important;`).join(" ")} }
 .webim-page[data-webim-mode="dark"] { ${Object.entries(V(e.dark)).map(([e, t]) => `${e}: ${t} !important;`).join(" ")} }`;
-function _n({ blocks: e, theme: t, components: n, mode: r = "auto", style: a, custom: s, tenant: c, apiUrl: l, datasets: f, locale: p, direction: m, settings: h, siteUser: _ }) {
+function Pn({ blocks: e, theme: t, components: n, mode: r = "auto", style: a, custom: s, tenant: c, apiUrl: l, datasets: f, locale: p, direction: m, settings: h, siteUser: _ }) {
 	let v = s?.js?.trim();
 	if (i(() => {
 		if (!v) return;
@@ -3992,11 +4371,11 @@ function _n({ blocks: e, theme: t, components: n, mode: r = "auto", style: a, cu
 		minHeight: "100%",
 		display: "flex",
 		flexDirection: "column"
-	}, C = mn("ROOT", e, n), w = o(() => ({ render: (t, r) => mn(t, e, n, void 0, { mapProps: r }) }), [e, n]), T = F(e, n), E = P(e, n), D = s?.css?.trim(), O = B(t), k = [O.font, O.headingFont].filter((e) => typeof e == "string" && e.trim() && e !== "inherit" && !z[e]), A = [.../* @__PURE__ */ new Set([...y(e, n), ...k])].map((e) => /* @__PURE__ */ u("link", {
+	}, C = jn("ROOT", e, n), w = o(() => ({ render: (t, r) => jn(t, e, n, void 0, { mapProps: r }) }), [e, n]), T = F(e, n), E = P(e, n), D = s?.css?.trim(), O = B(t), k = [O.font, O.headingFont].filter((e) => typeof e == "string" && e.trim() && e !== "inherit" && !z[e]), A = [.../* @__PURE__ */ new Set([...y(e, n), ...k])].map((e) => /* @__PURE__ */ u("link", {
 		rel: "stylesheet",
 		precedence: "default",
 		href: g(e)
-	}, e)), j = gn(O);
+	}, e)), j = Nn(O);
 	return r === "auto" ? /* @__PURE__ */ u(U.Provider, {
 		value: {
 			tenant: c || "",
@@ -4004,7 +4383,7 @@ function _n({ blocks: e, theme: t, components: n, mode: r = "auto", style: a, cu
 			locale: p || "",
 			settings: h ?? null
 		},
-		children: /* @__PURE__ */ u(en, {
+		children: /* @__PURE__ */ u(an, {
 			initialUser: _,
 			children: /* @__PURE__ */ u(W.Provider, {
 				value: f ?? null,
@@ -4019,8 +4398,8 @@ function _n({ blocks: e, theme: t, components: n, mode: r = "auto", style: a, cu
 							...a
 						},
 						children: [
-							/* @__PURE__ */ u("style", { children: `.webim-page { ${hn(V(O.light))} }
-@media (prefers-color-scheme: dark) { .webim-page { ${hn(V(O.dark))} } }` }),
+							/* @__PURE__ */ u("style", { children: `.webim-page { ${Mn(V(O.light))} }
+@media (prefers-color-scheme: dark) { .webim-page { ${Mn(V(O.dark))} } }` }),
 							/* @__PURE__ */ u("style", { children: j }),
 							A,
 							/* @__PURE__ */ u("style", { children: x }),
@@ -4040,7 +4419,7 @@ function _n({ blocks: e, theme: t, components: n, mode: r = "auto", style: a, cu
 			locale: p || "",
 			settings: h ?? null
 		},
-		children: /* @__PURE__ */ u(en, {
+		children: /* @__PURE__ */ u(an, {
 			initialUser: _,
 			children: /* @__PURE__ */ u(W.Provider, {
 				value: f ?? null,
@@ -4071,8 +4450,8 @@ function _n({ blocks: e, theme: t, components: n, mode: r = "auto", style: a, cu
 }
 //#endregion
 //#region src/WebimContent.jsx
-function vn({ bundle: e, mode: t = "auto", style: n }) {
-	return e?.blocks?.ROOT ? /* @__PURE__ */ u(_n, {
+function Fn({ bundle: e, mode: t = "auto", style: n }) {
+	return e?.blocks?.ROOT ? /* @__PURE__ */ u(Pn, {
 		blocks: e.blocks,
 		theme: e.theme,
 		components: e.components,
@@ -4089,7 +4468,7 @@ function vn({ bundle: e, mode: t = "auto", style: n }) {
 }
 //#endregion
 //#region src/WebimPage.jsx
-function yn({ apiUrl: e, tenant: t, slug: n, locale: r, preview: a, token: o, mode: l = "auto", style: d, fallback: f = null, errorFallback: p = null, onLoad: m, onError: h }) {
+function In({ apiUrl: e, tenant: t, slug: n, locale: r, preview: a, token: o, mode: l = "auto", style: d, fallback: f = null, errorFallback: p = null, onLoad: m, onError: h }) {
 	let [g, _] = c({ status: "loading" }), v = s({
 		onLoad: m,
 		onError: h
@@ -4126,11 +4505,11 @@ function yn({ apiUrl: e, tenant: t, slug: n, locale: r, preview: a, token: o, mo
 		r,
 		a,
 		o
-	]), g.status === "loading" ? f : g.status === "error" ? typeof p == "function" ? p(g.error) : p : /* @__PURE__ */ u(vn, {
+	]), g.status === "loading" ? f : g.status === "error" ? typeof p == "function" ? p(g.error) : p : /* @__PURE__ */ u(Fn, {
 		bundle: g.bundle,
 		mode: l,
 		style: d
 	});
 }
 //#endregion
-export { _n as PageRenderer, vn as WebimContent, yn as WebimPage, se as fetchPage, Me as renderRichContent, ie as resolveTheme };
+export { Pn as PageRenderer, Fn as WebimContent, In as WebimPage, se as fetchPage, Me as renderRichContent, ie as resolveTheme };