webim-adapter 0.7.0 → 0.8.0

package/build/webim-adapter.js

@@ -326,7 +326,7 @@ async function z({ apiUrl: e, tenant: t, slug: n, locale: r, preview: i, token:
 		locale: r
 	}), p = [...new Set(Object.values(f.blocks ?? {}).map((e) => e?.type?.resolvedName === "CollectionList" ? e.props?.collection : e?.type?.resolvedName === "TableBlock" || e?.type?.resolvedName === "OrgChartBlock" ? e.props?.source : null).filter(Boolean))];
 	if (p.length) {
-		let e = (e) => e.startsWith("api:") ? `${c}/data/${encodeURIComponent(e.slice(4))}` : `${c}/dynamic/${encodeURIComponent(e)}${r ? `?locale=${encodeURIComponent(r)}` : ""}`, t = await Promise.all(p.map((t) => s(e(t), { headers: l }).then(R).then((e) => [t, Array.isArray(e) ? e : []]).catch(() => [t, []])));
+		let e = (e) => e.startsWith("api:") ? `${c}/data/${encodeURIComponent(e.slice(4))}` : `${c}/dynamic/${encodeURIComponent(e)}${r ? `?locale=${encodeURIComponent(r)}` : ""}`, t = await Promise.all(p.map((t) => s(e(t), { headers: l }).then(R).then((e) => [t, Array.isArray(e) ? e : Array.isArray(e?.data) ? e.data : []]).catch(() => [t, []])));
 		f.datasets = Object.fromEntries(t);
 	}
 	return f;
@@ -475,7 +475,8 @@ var ie = /* @__PURE__ */ new Set([
 	"ckb"
 ]), ae = (e) => ie.has(String(e || "").toLowerCase().split(/[-_]/)[0]) ? "rtl" : "ltr", oe = (e, t) => e === "ltr" || e === "rtl" ? e : t ? ae(t) : void 0, V = t({
 	tenant: "",
-	apiUrl: "/api"
+	apiUrl: "/api",
+	locale: ""
 }), H = t(null), U = t(null), se = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
 function W(e, t) {
 	if (t) return t.includes(".") ? t.split(".").reduce((e, t) => e && typeof e == "object" ? e[t] : void 0, e) : e?.[t];
@@ -491,7 +492,7 @@ var G = (e) => {
 	return t;
 };
 function K(e) {
-	return e == null ? "" : typeof e == "string" || typeof e == "number" || typeof e == "boolean" ? String(e) : typeof e == "object" && !Array.isArray(e) && ("name" in e || "slug" in e) ? String(e.name ?? e.slug ?? "") : Array.isArray(e) ? e.map((e) => typeof e == "string" ? e : Array.isArray(e?.parts) ? e.parts.map((e) => e?.text ?? "").join("") : Array.isArray(e?.items) ? e.items.map((e) => e?.text ?? "").join(" ") : e && (e.name != null || e.slug != null) ? String(e.name ?? e.slug) : "").filter(Boolean).join(" ") : "";
+	return e == null ? "" : typeof e == "string" || typeof e == "number" || typeof e == "boolean" ? String(e) : typeof e == "object" && !Array.isArray(e) && ("label" in e || "name" in e || "slug" in e) ? String(e.label ?? e.name ?? e.slug ?? "") : Array.isArray(e) ? e.map((e) => typeof e == "string" ? e : Array.isArray(e?.parts) ? e.parts.map((e) => e?.text ?? "").join("") : Array.isArray(e?.items) ? e.items.map((e) => e?.text ?? "").join(" ") : e && (e.label != null || e.name != null || e.slug != null) ? String(e.label ?? e.name ?? e.slug) : "").filter(Boolean).join(" ") : "";
 }
 function ce(e, t) {
 	let n = t?.data ?? {}, r = G(n);
@@ -1521,14 +1522,20 @@ var tt = {
 	width: "100%",
 	boxSizing: "border-box"
 };
-function rt({ field: e, value: t, onChange: n, inert: r }) {
-	let i = /* @__PURE__ */ u("span", {
+function rt(e, t) {
+	let n = Array.isArray(e?.options) ? e.options : [];
+	if (!e?.parentField) return n;
+	let r = t?.[e.parentField];
+	return r ? n.filter((e) => typeof e == "string" ? !1 : !e.parent || e.parent === r) : [];
+}
+function it({ field: e, value: t, onChange: n, inert: r, values: i }) {
+	let a = /* @__PURE__ */ u("span", {
 		style: {
 			...Ze,
 			fontSize: 14
 		},
 		children: [e.label, e.required ? " *" : ""]
-	}), a = {
+	}), o = {
 		name: e.name,
 		required: e.required || void 0,
 		placeholder: e.placeholder || void 0,
@@ -1576,20 +1583,21 @@ function rt({ field: e, value: t, onChange: n, inert: r }) {
 	}) : null : /* @__PURE__ */ u("label", {
 		style: tt,
 		children: [
-			i,
+			a,
 			e.type === "textarea" || e.multiline ? /* @__PURE__ */ l("textarea", {
-				...a,
+				...o,
 				rows: 4,
 				style: {
 					...nt,
 					resize: "vertical"
 				}
 			}) : e.type === "select" ? /* @__PURE__ */ u("select", {
-				...a,
+				...o,
+				disabled: o.disabled || !!e.parentField && !i?.[e.parentField],
 				children: [/* @__PURE__ */ l("option", {
 					value: "",
 					children: e.placeholder || "—"
-				}), (e.options ?? []).map((e, t) => /* @__PURE__ */ l("option", {
+				}), rt(e, i).map((e, t) => /* @__PURE__ */ l("option", {
 					value: typeof e == "string" ? e : e.value,
 					children: typeof e == "string" ? e : e.label ?? e.value
 				}, t))]
@@ -1616,7 +1624,7 @@ function rt({ field: e, value: t, onChange: n, inert: r }) {
 					fontSize: 14
 				}
 			}) : /* @__PURE__ */ l("input", {
-				...a,
+				...o,
 				type: {
 					email: "email",
 					number: "number",
@@ -1636,7 +1644,7 @@ function rt({ field: e, value: t, onChange: n, inert: r }) {
 		]
 	});
 }
-function it({ style: e, action: t, method: i, name: a, enctype: o, formSlug: d, auto: f, submitLabel: p, nodeRef: h, inert: g, children: _, linked: v, show: y }) {
+function at({ style: e, action: t, method: i, name: a, enctype: o, formSlug: d, auto: f, submitLabel: p, nodeRef: h, inert: g, children: _, linked: v, show: y }) {
 	let { tenant: b, apiUrl: x } = n(V), [S, C] = s("form"), [w, T] = s(null), [E, D] = s({}), [O, k] = s(0), A = g ? y || "form" : S;
 	r(() => {
 		if (!f || !d) return;
@@ -1664,10 +1672,14 @@ function it({ style: e, action: t, method: i, name: a, enctype: o, formSlug: d,
 	})), P = M.length > 1, F = Math.min(O, Math.max(0, N.length - 1)), I = P ? N[F]?.fields ?? [] : N.flatMap((e) => e.fields), L = I.filter((e) => {
 		let t = E[e.name];
 		return e.required && (t == null || t === "" || t === !1);
-	}), ee = F >= N.length - 1, R = (e, t) => D((n) => ({
-		...n,
-		[e]: t
-	}));
+	}), ee = F >= N.length - 1, R = (e, t) => D((n) => {
+		let r = {
+			...n,
+			[e]: t
+		};
+		for (let t of Array.isArray(w?.fields) ? w.fields : []) t?.parentField === e && delete r[t.name];
+		return r;
+	});
 	return /* @__PURE__ */ u("div", {
 		ref: h,
 		style: m(e),
@@ -1718,7 +1730,7 @@ function it({ style: e, action: t, method: i, name: a, enctype: o, formSlug: d,
 					display: A === "success" ? "none" : "flex"
 				},
 				children: f && d ? /* @__PURE__ */ u(c, { children: [
-					P && /* @__PURE__ */ l(gt, {
+					P && /* @__PURE__ */ l(_t, {
 						steps: N.map((e) => ({ label: e.section?.label ?? "Start" })),
 						active: F + 1,
 						style: { marginBottom: 8 }
@@ -1731,9 +1743,10 @@ function it({ style: e, action: t, method: i, name: a, enctype: o, formSlug: d,
 						},
 						children: N[F].section.help
 					}),
-					I.map((e) => /* @__PURE__ */ l(rt, {
+					I.map((e) => /* @__PURE__ */ l(it, {
 						field: e,
 						value: E[e.name],
+						values: E,
 						onChange: R,
 						inert: g
 					}, e.name)),
@@ -1803,7 +1816,7 @@ function it({ style: e, action: t, method: i, name: a, enctype: o, formSlug: d,
 		]
 	});
 }
-function at({ text: e, parts: t, style: n, nodeRef: r, linked: i }) {
+function ot({ text: e, parts: t, style: n, nodeRef: r, linked: i }) {
 	return /* @__PURE__ */ l("label", {
 		ref: r,
 		style: {
@@ -1813,7 +1826,7 @@ function at({ text: e, parts: t, style: n, nodeRef: r, linked: i }) {
 		children: X(t, e, i)
 	});
 }
-function ot({ type: e = "text", name: t, placeholder: n, required: r, style: i, nodeRef: a, inert: o }) {
+function st({ type: e = "text", name: t, placeholder: n, required: r, style: i, nodeRef: a, inert: o }) {
 	return /* @__PURE__ */ l("input", {
 		ref: a,
 		type: e,
@@ -1827,7 +1840,7 @@ function ot({ type: e = "text", name: t, placeholder: n, required: r, style: i,
 		...$e(o)
 	});
 }
-function st({ name: e, placeholder: t, rows: n = 4, required: r, style: i, nodeRef: a, inert: o }) {
+function ct({ name: e, placeholder: t, rows: n = 4, required: r, style: i, nodeRef: a, inert: o }) {
 	return /* @__PURE__ */ l("textarea", {
 		ref: a,
 		name: e || void 0,
@@ -1842,7 +1855,7 @@ function st({ name: e, placeholder: t, rows: n = 4, required: r, style: i, nodeR
 		...$e(o)
 	});
 }
-function ct({ kind: e = "checkbox", label: t, name: n, value: r, required: i, style: a, nodeRef: o, inert: s }) {
+function lt({ kind: e = "checkbox", label: t, name: n, value: r, required: i, style: a, nodeRef: o, inert: s }) {
 	return /* @__PURE__ */ u("label", {
 		ref: o,
 		style: {
@@ -1863,7 +1876,7 @@ function ct({ kind: e = "checkbox", label: t, name: n, value: r, required: i, st
 		}), t]
 	});
 }
-function lt({ name: e, placeholder: t, options: n = [], required: r, style: i, nodeRef: a, inert: o }) {
+function ut({ name: e, placeholder: t, options: n = [], required: r, style: i, nodeRef: a, inert: o }) {
 	return /* @__PURE__ */ u("select", {
 		ref: a,
 		name: e || void 0,
@@ -1886,7 +1899,7 @@ function lt({ name: e, placeholder: t, options: n = [], required: r, style: i, n
 		}, t))]
 	});
 }
-function ut({ name: e, accept: t, required: n, text: r = "Choose a file…", style: i, nodeRef: a, inert: o }) {
+function dt({ name: e, accept: t, required: n, text: r = "Choose a file…", style: i, nodeRef: a, inert: o }) {
 	let [c, d] = s(null);
 	return /* @__PURE__ */ u("label", {
 		ref: a,
@@ -1918,7 +1931,7 @@ function ut({ name: e, accept: t, required: n, text: r = "Choose a file…", sty
 		]
 	});
 }
-function dt({ text: e = "Submit", style: t, nodeRef: n, inert: r }) {
+function ft({ text: e = "Submit", style: t, nodeRef: n, inert: r }) {
 	return /* @__PURE__ */ l("button", {
 		ref: n,
 		type: r ? "button" : "submit",
@@ -1938,7 +1951,7 @@ function dt({ text: e = "Submit", style: t, nodeRef: n, inert: r }) {
 		children: e
 	});
 }
-function ft({ cols: e = 2, rows: t = 1, style: n, nodeRef: r, linked: i }) {
+function pt({ cols: e = 2, rows: t = 1, style: n, nodeRef: r, linked: i }) {
 	let a = Math.max(1, (Number(e) || 1) * (Number(t) || 1));
 	return /* @__PURE__ */ l("div", {
 		ref: r,
@@ -1955,48 +1968,52 @@ function ft({ cols: e = 2, rows: t = 1, style: n, nodeRef: r, linked: i }) {
 		}, t))
 	});
 }
-function pt({ collection: e, limit: t = 6, layout: i = "grid", columns: a = 3, imageField: o, titleField: c = "name", textField: d, custom: f, templateId: p, style: h, nodeRef: g }) {
-	let { tenant: _, apiUrl: v } = n(V), y = n(U), b = n(H)?.[e], [x, S] = s(null);
+function mt({ collection: e, limit: t = 6, layout: i = "grid", columns: a = 3, imageField: o, titleField: c = "name", textField: d, custom: f, templateId: p, style: h, nodeRef: g }) {
+	let { tenant: _, apiUrl: v, locale: y } = n(V), b = n(U), x = n(H)?.[e], [S, C] = s(null);
 	if (r(() => {
-		if (!e || b) return;
-		let t = !0, n = e.startsWith("api:") ? `${v}/data/${encodeURIComponent(e.slice(4))}` : `${v}/dynamic/${encodeURIComponent(e)}`;
-		return fetch(n, { headers: _ ? { "x-tenant": _ } : {} }).then((e) => e.json()).then((e) => t && S(Array.isArray(e?.payload) ? e.payload.filter((e) => e && typeof e == "object") : [])).catch(() => t && S([])), () => {
+		if (!e || x) return;
+		let t = !0, n = e.startsWith("api:") ? `${v}/data/${encodeURIComponent(e.slice(4))}` : `${v}/dynamic/${encodeURIComponent(e)}${y ? `?locale=${encodeURIComponent(y)}` : ""}`;
+		return fetch(n, { headers: _ ? { "x-tenant": _ } : {} }).then((e) => e.json()).then((e) => {
+			let n = Array.isArray(e?.payload) ? e.payload : Array.isArray(e?.payload?.data) ? e.payload.data : [];
+			return t && C(n.filter((e) => e && typeof e == "object"));
+		}).catch(() => t && C([])), () => {
 			t = !1;
 		};
 	}, [
 		e,
 		_,
 		v,
-		b
+		y,
+		x
 	]), !e) return null;
-	let C = (b ?? x ?? []).slice(0, Math.max(1, Number(t) || 6)), w = Math.min(Math.max(Number(a) || 3, 1), 6), T = i === "list" ? {
+	let w = (x ?? S ?? []).slice(0, Math.max(1, Number(t) || 6)), T = Math.min(Math.max(Number(a) || 3, 1), 6), E = i === "list" ? {
 		display: "flex",
 		flexDirection: "column",
 		gap: 20
 	} : {
 		display: "grid",
-		gridTemplateColumns: `repeat(${w}, minmax(0, 1fr))`,
+		gridTemplateColumns: `repeat(${T}, minmax(0, 1fr))`,
 		gap: 24
 	};
-	return f && p && y?.render ? /* @__PURE__ */ l("div", {
+	return f && p && b?.render ? /* @__PURE__ */ l("div", {
 		ref: g,
 		style: {
 			width: "100%",
-			...T,
+			...E,
 			...m(h)
 		},
-		children: C.map((e) => /* @__PURE__ */ l("div", {
+		children: w.map((e) => /* @__PURE__ */ l("div", {
 			style: { minWidth: 0 },
-			children: y.render(p, (t) => ce(t, e))
+			children: b.render(p, (t) => ce(t, e))
 		}, e.id ?? e?.data?.slug))
 	}) : /* @__PURE__ */ l("div", {
 		ref: g,
 		style: {
 			width: "100%",
-			...T,
+			...E,
 			...m(h)
 		},
-		children: C.map((e) => {
+		children: w.map((e) => {
 			let t = o ? W(e?.data, o) : null, n = c ? K(W(e?.data, c)) : null, r = d ? W(e?.data, d) : null, a = Array.isArray(r) ? r : null, s = a || r == null ? null : K(r), f = i === "list";
 			return /* @__PURE__ */ u("div", {
 				style: {
@@ -2052,7 +2069,7 @@ function pt({ collection: e, limit: t = 6, layout: i = "grid", columns: a = 3, i
 		})
 	});
 }
-function mt({ items: e = [], separator: t = "/", style: n, nodeRef: r }) {
+function ht({ items: e = [], separator: t = "/", style: n, nodeRef: r }) {
 	return e.length ? /* @__PURE__ */ l("nav", {
 		ref: r,
 		"aria-label": "Breadcrumb",
@@ -2102,7 +2119,7 @@ function mt({ items: e = [], separator: t = "/", style: n, nodeRef: r }) {
 		})
 	}) : null;
 }
-function ht({ pages: e = 5, current: t = 1, prevNext: n = !0, href: r = "#", style: i, nodeRef: a }) {
+function gt({ pages: e = 5, current: t = 1, prevNext: n = !0, href: r = "#", style: i, nodeRef: a }) {
 	let o = Math.min(Math.max(Number(e) || 1, 1), 50), s = Math.min(Math.max(Number(t) || 1, 1), o), c = (e) => r && r !== "#" ? r.replace("{page}", String(e)) : "#", d = (e) => ({
 		display: "inline-flex",
 		alignItems: "center",
@@ -2155,7 +2172,7 @@ function ht({ pages: e = 5, current: t = 1, prevNext: n = !0, href: r = "#", sty
 		]
 	});
 }
-function gt({ steps: t = [], active: n = 1, vertical: r = !1, style: i, nodeRef: a }) {
+function _t({ 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,
@@ -2233,7 +2250,7 @@ function gt({ steps: t = [], active: n = 1, vertical: r = !1, style: i, nodeRef:
 		})
 	});
 }
-var _t = {
+var vt = {
 	small: {
 		w: 132,
 		h: 46,
@@ -2255,10 +2272,10 @@ var _t = {
 		title: 12.5,
 		avatar: 46
 	}
-}, vt = (e) => _t[e] ?? _t.medium;
-_t.medium.w, _t.medium.h;
-function yt(e, { size: t = "medium", horizontal: n = !1 } = {}) {
-	let r = vt(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 = [];
+}, yt = (e) => vt[e] ?? vt.medium;
+vt.medium.w, vt.medium.h;
+function bt(e, { size: t = "medium", horizontal: n = !1 } = {}) {
+	let r = yt(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;
@@ -2310,18 +2327,18 @@ function yt(e, { size: t = "medium", horizontal: n = !1 } = {}) {
 		horizontal: n
 	};
 }
-var bt = (e, t) => {
+var xt = (e, t) => {
 	let n = String(e ?? "");
 	return n.length > t ? `${n.slice(0, t - 1)}…` : n;
-}, xt = (e) => {
+}, St = (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";
-}, St = (e) => !!(e?.cv?.trim?.() || e?.photo);
-function Ct(e, t = {}) {
+}, Ct = (e) => !!(e?.cv?.trim?.() || e?.photo);
+function wt(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 ? "" : K(e);
 	return n.map((e) => {
 		let n = e.data ?? {}, a = r(n[t.parentField]), o = a && typeof a == "object" ? a.id ?? null : a || null;
@@ -2336,11 +2353,11 @@ function Ct(e, t = {}) {
 		};
 	});
 }
-var wt = {
+var Tt = {
 	size: 36,
 	pad: 10
 };
-function Tt({ node: e, onClose: t }) {
+function Et({ node: e, onClose: t }) {
 	return r(() => {
 		let e = (e) => e.key === "Escape" && t();
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
@@ -2458,7 +2475,7 @@ function Tt({ node: e, onClose: t }) {
 		})
 	});
 }
-function Et({ nodes: e = [], source: t, nameField: a, titleField: o, photoField: d, parentField: f, cvField: p, hrefField: h, size: g = "medium", horizontal: _ = !1, style: v, nodeRef: y, interactive: b = !0 }) {
+function Dt({ nodes: e = [], source: t, nameField: a, titleField: o, photoField: d, parentField: f, cvField: p, hrefField: h, size: g = "medium", horizontal: _ = !1, style: v, nodeRef: y, interactive: b = !0 }) {
 	let x = i(), [S, C] = s(null), { tenant: w, apiUrl: T } = n(V), E = n(H)?.[t], [D, O] = s(null);
 	r(() => {
 		if (!t || E) return;
@@ -2475,14 +2492,14 @@ function Et({ nodes: e = [], source: t, nameField: a, titleField: o, photoField:
 		T,
 		E
 	]);
-	let k = t ? Ct(E ?? D ?? [], {
+	let k = t ? wt(E ?? D ?? [], {
 		nameField: a,
 		titleField: o,
 		photoField: d,
 		parentField: f,
 		cvField: p,
 		hrefField: h
-	}) : e, A = vt(g), { boxes: j, links: M, width: N, height: P } = yt(k, {
+	}) : e, A = yt(g), { boxes: j, links: M, width: N, height: P } = bt(k, {
 		size: g,
 		horizontal: _
 	});
@@ -2528,7 +2545,7 @@ function Et({ nodes: e = [], source: t, nameField: a, 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 ? xt(e.color) : r ? "var(--page-accent-text, #ffffff)" : "var(--page-text, #111827)", d = i ? xt(e.color2) : s, f = b && (St(e) || e.href), p = () => St(e) ? C(e) : window.open(e.href, "_blank", "noreferrer"), m = e.photo ? t + wt.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 ? St(e.color) : r ? "var(--page-accent-text, #ffffff)" : "var(--page-text, #111827)", d = i ? St(e.color2) : s, f = b && (Ct(e) || e.href), p = () => Ct(e) ? C(e) : window.open(e.href, "_blank", "noreferrer"), m = e.photo ? t + Tt.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__ */ u("g", {
 					onClick: f ? p : void 0,
 					style: f ? { cursor: "pointer" } : void 0,
@@ -2592,13 +2609,13 @@ function Et({ nodes: e = [], source: t, nameField: a, titleField: o, photoField:
 						e.photo && /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l("clipPath", {
 							id: `${x}-${e.id}`,
 							children: /* @__PURE__ */ l("circle", {
-								cx: t + wt.pad + A.avatar / 2,
+								cx: t + Tt.pad + A.avatar / 2,
 								cy: n + A.h / 2,
 								r: A.avatar / 2
 							})
 						}), /* @__PURE__ */ l("image", {
 							href: e.photo,
-							x: t + wt.pad,
+							x: t + Tt.pad,
 							y: n + (A.h - A.avatar) / 2,
 							width: A.avatar,
 							height: A.avatar,
@@ -2612,7 +2629,7 @@ function Et({ nodes: e = [], source: t, nameField: a, titleField: o, photoField:
 							fontSize: A.title,
 							fontWeight: "600",
 							fill: s,
-							children: bt(e.title, g + 4)
+							children: xt(e.title, g + 4)
 						}), e.name && /* @__PURE__ */ l("text", {
 							x: m,
 							y: n + _ + _ / 2 + A.name * .35,
@@ -2620,7 +2637,7 @@ function Et({ nodes: e = [], source: t, nameField: a, titleField: o, photoField:
 							fontSize: A.name,
 							fontWeight: "600",
 							fill: d,
-							children: bt(e.name, g)
+							children: xt(e.name, g)
 						})] }) : /* @__PURE__ */ u(c, { children: [v[0] && /* @__PURE__ */ l("text", {
 							x: m,
 							y: n + (v[1] ? A.h * .43 : A.h * .57),
@@ -2628,7 +2645,7 @@ function Et({ nodes: e = [], source: t, nameField: a, titleField: o, photoField:
 							fontSize: A.name,
 							fontWeight: "600",
 							fill: s,
-							children: bt(v[0], g)
+							children: xt(v[0], g)
 						}), v[1] && /* @__PURE__ */ l("text", {
 							x: m,
 							y: n + A.h * .73,
@@ -2636,18 +2653,18 @@ function Et({ nodes: e = [], source: t, nameField: a, titleField: o, photoField:
 							fontSize: A.title,
 							opacity: "0.7",
 							fill: s,
-							children: bt(v[1], g + 4)
+							children: xt(v[1], g + 4)
 						})] })
 					]
 				}, e.id);
 			})]
-		}), S && /* @__PURE__ */ l(Tt, {
+		}), S && /* @__PURE__ */ l(Et, {
 			node: S,
 			onClose: () => C(null)
 		})]
 	});
 }
-function Dt({ columns: e = [], rows: t = [], source: i, limit: a = 10, striped: o = !0, bordered: c = !1, compact: d = !1, style: f, nodeRef: p }) {
+function Ot({ columns: e = [], rows: t = [], source: i, limit: a = 10, striped: o = !0, bordered: c = !1, compact: d = !1, style: f, nodeRef: p }) {
 	let { tenant: h, apiUrl: g } = n(V), _ = n(H)?.[i], [v, y] = s(null);
 	if (r(() => {
 		if (!i || _) return;
@@ -2698,7 +2715,7 @@ function Dt({ columns: e = [], rows: t = [], source: i, limit: a = 10, striped:
 		})
 	});
 }
-var Ot = {
+var kt = {
 	PageRoot: pe,
 	Section: me,
 	Container: he,
@@ -2711,13 +2728,13 @@ var Ot = {
 	SliderBlock: We,
 	CanvasSlider: Ge,
 	TabsBlock: Je,
-	QuickStack: ft,
-	CollectionList: pt,
-	BreadcrumbsBlock: mt,
-	PaginationBlock: ht,
-	StepperBlock: gt,
-	OrgChartBlock: Et,
-	TableBlock: Dt,
+	QuickStack: pt,
+	CollectionList: mt,
+	BreadcrumbsBlock: ht,
+	PaginationBlock: gt,
+	StepperBlock: _t,
+	OrgChartBlock: Dt,
+	TableBlock: Ot,
 	AccordionBlock: Ye,
 	NavbarBlock: qe,
 	ListBlock: Ee,
@@ -2730,21 +2747,21 @@ var Ot = {
 	YouTubeBlock: Pe,
 	IframeBlock: Fe,
 	EmbedBlock: Ie,
-	FormBlock: it,
-	FormLabel: at,
-	FormInput: ot,
-	FormTextarea: st,
-	FormCheckbox: (e) => /* @__PURE__ */ l(ct, {
+	FormBlock: at,
+	FormLabel: ot,
+	FormInput: st,
+	FormTextarea: ct,
+	FormCheckbox: (e) => /* @__PURE__ */ l(lt, {
 		kind: "checkbox",
 		...e
 	}),
-	FormRadio: (e) => /* @__PURE__ */ l(ct, {
+	FormRadio: (e) => /* @__PURE__ */ l(lt, {
 		kind: "radio",
 		...e
 	}),
-	FormSelect: lt,
-	FormFile: ut,
-	FormSubmit: dt
+	FormSelect: ut,
+	FormFile: dt,
+	FormSubmit: ft
 };
 //#endregion
 //#region ../ui/src/components/builder/render.jsx
@@ -2758,7 +2775,7 @@ function $(t, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
 		let c = new Set(i).add(n);
 		return /* @__PURE__ */ l(e, { children: $(s.template.rootId, s.template.nodes, r, c, a) }, t);
 	}
-	let u = Ot[s];
+	let u = kt[s];
 	if (!u) return null;
 	let d = (o.nodes ?? []).map((e) => $(e, n, r, i, a)).filter(Boolean), f = Object.entries(o.linkedNodes ?? {}), p = f.length ? Object.fromEntries(f.map(([e, t]) => [e, $(t, n, r, i)])) : void 0;
 	return /* @__PURE__ */ l(u, {
@@ -2773,8 +2790,8 @@ function $(t, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
 }
 //#endregion
 //#region ../ui/src/components/builder/PageRenderer.jsx
-var kt = (e) => Object.entries(e).map(([e, t]) => `${e}: ${t};`).join(" ");
-function At({ blocks: e, theme: t, components: n, mode: i = "auto", style: o, custom: s, tenant: c, apiUrl: d, datasets: f, locale: p, direction: m }) {
+var At = (e) => Object.entries(e).map(([e, t]) => `${e}: ${t};`).join(" ");
+function jt({ blocks: e, theme: t, components: n, mode: i = "auto", style: o, custom: s, tenant: c, apiUrl: d, datasets: f, locale: p, direction: m }) {
 	let h = s?.js?.trim();
 	if (r(() => {
 		if (!h) return;
@@ -2796,7 +2813,8 @@ function At({ blocks: e, theme: t, components: n, mode: i = "auto", style: o, cu
 	if (i !== "auto") return /* @__PURE__ */ l(V.Provider, {
 		value: {
 			tenant: c || "",
-			apiUrl: d || "/api"
+			apiUrl: d || "/api",
+			locale: p || ""
 		},
 		children: /* @__PURE__ */ l(H.Provider, {
 			value: f ?? null,
@@ -2824,7 +2842,8 @@ function At({ blocks: e, theme: t, components: n, mode: i = "auto", style: o, cu
 	return /* @__PURE__ */ l(V.Provider, {
 		value: {
 			tenant: c || "",
-			apiUrl: d || "/api"
+			apiUrl: d || "/api",
+			locale: p || ""
 		},
 		children: /* @__PURE__ */ l(H.Provider, {
 			value: f ?? null,
@@ -2839,8 +2858,8 @@ function At({ blocks: e, theme: t, components: n, mode: i = "auto", style: o, cu
 						...o
 					},
 					children: [
-						/* @__PURE__ */ l("style", { children: `.webim-page { ${kt(P(w.light))} }
-@media (prefers-color-scheme: dark) { .webim-page { ${kt(P(w.dark))} } }` }),
+						/* @__PURE__ */ l("style", { children: `.webim-page { ${At(P(w.light))} }
+@media (prefers-color-scheme: dark) { .webim-page { ${At(P(w.dark))} } }` }),
 						C,
 						b && /* @__PURE__ */ l("style", { children: b }),
 						x && /* @__PURE__ */ l("style", { children: x }),
@@ -2854,8 +2873,8 @@ function At({ blocks: e, theme: t, components: n, mode: i = "auto", style: o, cu
 }
 //#endregion
 //#region src/WebimContent.jsx
-function jt({ bundle: e, mode: t = "auto", style: n }) {
-	return e?.blocks?.ROOT ? /* @__PURE__ */ l(At, {
+function Mt({ bundle: e, mode: t = "auto", style: n }) {
+	return e?.blocks?.ROOT ? /* @__PURE__ */ l(jt, {
 		blocks: e.blocks,
 		theme: e.theme,
 		components: e.components,
@@ -2871,7 +2890,7 @@ function jt({ bundle: e, mode: t = "auto", style: n }) {
 }
 //#endregion
 //#region src/WebimPage.jsx
-function Mt({ apiUrl: e, tenant: t, slug: n, locale: i, preview: a, token: c, mode: u = "auto", style: d, fallback: f = null, errorFallback: p = null, onLoad: m, onError: h }) {
+function Nt({ apiUrl: e, tenant: t, slug: n, locale: i, preview: a, token: c, mode: u = "auto", style: d, fallback: f = null, errorFallback: p = null, onLoad: m, onError: h }) {
 	let [g, _] = s({ status: "loading" }), v = o({
 		onLoad: m,
 		onError: h
@@ -2908,11 +2927,11 @@ function Mt({ apiUrl: e, tenant: t, slug: n, locale: i, preview: a, token: c, mo
 		i,
 		a,
 		c
-	]), g.status === "loading" ? f : g.status === "error" ? typeof p == "function" ? p(g.error) : p : /* @__PURE__ */ l(jt, {
+	]), g.status === "loading" ? f : g.status === "error" ? typeof p == "function" ? p(g.error) : p : /* @__PURE__ */ l(Mt, {
 		bundle: g.bundle,
 		mode: u,
 		style: d
 	});
 }
 //#endregion
-export { At as PageRenderer, jt as WebimContent, Mt as WebimPage, z as fetchPage, Se as renderRichContent, L as resolveTheme };
+export { jt as PageRenderer, Mt as WebimContent, Nt as WebimPage, z as fetchPage, Se as renderRichContent, L as resolveTheme };