webim-adapter 0.7.0 → 0.8.0

package/build/webim-ssr.js

@@ -430,7 +430,8 @@ function te(e, t) {
 //#region ../ui/src/components/builder/views.jsx
 var U = n({
 	tenant: "",
-	apiUrl: "/api"
+	apiUrl: "/api",
+	locale: ""
 }), W = n(null), G = n(null), ne = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
 function K(e, t) {
 	if (t) return t.includes(".") ? t.split(".").reduce((e, t) => e && typeof e == "object" ? e[t] : void 0, e) : e?.[t];
@@ -446,7 +447,7 @@ var re = (e) => {
 	return t;
 };
 function q(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 ie(e, t) {
 	let n = t?.data ?? {}, r = re(n);
@@ -1476,14 +1477,20 @@ var $e = {
 	width: "100%",
 	boxSizing: "border-box"
 };
-function tt({ field: e, value: t, onChange: n, inert: r }) {
-	let i = /* @__PURE__ */ u("span", {
+function tt(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 nt({ field: e, value: t, onChange: n, inert: r, values: i }) {
+	let a = /* @__PURE__ */ u("span", {
 		style: {
 			...Je,
 			fontSize: 14
 		},
 		children: [e.label, e.required ? " *" : ""]
-	}), a = {
+	}), o = {
 		name: e.name,
 		required: e.required || void 0,
 		placeholder: e.placeholder || void 0,
@@ -1531,20 +1538,21 @@ function tt({ field: e, value: t, onChange: n, inert: r }) {
 	}) : null : /* @__PURE__ */ u("label", {
 		style: $e,
 		children: [
-			i,
+			a,
 			e.type === "textarea" || e.multiline ? /* @__PURE__ */ l("textarea", {
-				...a,
+				...o,
 				rows: 4,
 				style: {
 					...et,
 					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", {
+				}), tt(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))]
@@ -1571,7 +1579,7 @@ function tt({ field: e, value: t, onChange: n, inert: r }) {
 					fontSize: 14
 				}
 			}) : /* @__PURE__ */ l("input", {
-				...a,
+				...o,
 				type: {
 					email: "email",
 					number: "number",
@@ -1591,7 +1599,7 @@ function tt({ field: e, value: t, onChange: n, inert: r }) {
 		]
 	});
 }
-function nt({ style: e, action: t, method: n, name: a, enctype: o, formSlug: d, auto: f, submitLabel: p, nodeRef: m, inert: h, children: g, linked: _, show: v }) {
+function rt({ style: e, action: t, method: n, name: a, enctype: o, formSlug: d, auto: f, submitLabel: p, nodeRef: m, inert: h, children: g, linked: _, show: v }) {
 	let { tenant: y, apiUrl: b } = r(U), [S, C] = s("form"), [w, T] = s(null), [E, D] = s({}), [O, k] = s(0), A = h ? v || "form" : S;
 	i(() => {
 		if (!f || !d) return;
@@ -1619,10 +1627,14 @@ function nt({ style: e, action: t, method: n, 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);
-	}), R = F >= N.length - 1, z = (e, t) => D((n) => ({
-		...n,
-		[e]: t
-	}));
+	}), R = F >= N.length - 1, z = (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: m,
 		style: x(e),
@@ -1673,7 +1685,7 @@ function nt({ style: e, action: t, method: n, name: a, enctype: o, formSlug: d,
 					display: A === "success" ? "none" : "flex"
 				},
 				children: f && d ? /* @__PURE__ */ u(c, { children: [
-					P && /* @__PURE__ */ l(mt, {
+					P && /* @__PURE__ */ l(ht, {
 						steps: N.map((e) => ({ label: e.section?.label ?? "Start" })),
 						active: F + 1,
 						style: { marginBottom: 8 }
@@ -1686,9 +1698,10 @@ function nt({ style: e, action: t, method: n, name: a, enctype: o, formSlug: d,
 						},
 						children: N[F].section.help
 					}),
-					I.map((e) => /* @__PURE__ */ l(tt, {
+					I.map((e) => /* @__PURE__ */ l(nt, {
 						field: e,
 						value: E[e.name],
+						values: E,
 						onChange: z,
 						inert: h
 					}, e.name)),
@@ -1758,7 +1771,7 @@ function nt({ style: e, action: t, method: n, name: a, enctype: o, formSlug: d,
 		]
 	});
 }
-function rt({ text: e, parts: t, style: n, nodeRef: r, linked: i }) {
+function it({ text: e, parts: t, style: n, nodeRef: r, linked: i }) {
 	return /* @__PURE__ */ l("label", {
 		ref: r,
 		style: {
@@ -1768,7 +1781,7 @@ function rt({ text: e, parts: t, style: n, nodeRef: r, linked: i }) {
 		children: Z(t, e, i)
 	});
 }
-function it({ type: e = "text", name: t, placeholder: n, required: r, style: i, nodeRef: a, inert: o }) {
+function at({ type: e = "text", name: t, placeholder: n, required: r, style: i, nodeRef: a, inert: o }) {
 	return /* @__PURE__ */ l("input", {
 		ref: a,
 		type: e,
@@ -1782,7 +1795,7 @@ function it({ type: e = "text", name: t, placeholder: n, required: r, style: i,
 		...Ze(o)
 	});
 }
-function at({ name: e, placeholder: t, rows: n = 4, required: r, style: i, nodeRef: a, inert: o }) {
+function ot({ 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,
@@ -1797,7 +1810,7 @@ function at({ name: e, placeholder: t, rows: n = 4, required: r, style: i, nodeR
 		...Ze(o)
 	});
 }
-function ot({ kind: e = "checkbox", label: t, name: n, value: r, required: i, style: a, nodeRef: o, inert: s }) {
+function st({ kind: e = "checkbox", label: t, name: n, value: r, required: i, style: a, nodeRef: o, inert: s }) {
 	return /* @__PURE__ */ u("label", {
 		ref: o,
 		style: {
@@ -1818,7 +1831,7 @@ function ot({ kind: e = "checkbox", label: t, name: n, value: r, required: i, st
 		}), t]
 	});
 }
-function st({ name: e, placeholder: t, options: n = [], required: r, style: i, nodeRef: a, inert: o }) {
+function ct({ name: e, placeholder: t, options: n = [], required: r, style: i, nodeRef: a, inert: o }) {
 	return /* @__PURE__ */ u("select", {
 		ref: a,
 		name: e || void 0,
@@ -1841,7 +1854,7 @@ function st({ name: e, placeholder: t, options: n = [], required: r, style: i, n
 		}, t))]
 	});
 }
-function ct({ name: e, accept: t, required: n, text: r = "Choose a file…", style: i, nodeRef: a, inert: o }) {
+function lt({ 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,
@@ -1873,7 +1886,7 @@ function ct({ name: e, accept: t, required: n, text: r = "Choose a file…", sty
 		]
 	});
 }
-function lt({ text: e = "Submit", style: t, nodeRef: n, inert: r }) {
+function ut({ text: e = "Submit", style: t, nodeRef: n, inert: r }) {
 	return /* @__PURE__ */ l("button", {
 		ref: n,
 		type: r ? "button" : "submit",
@@ -1893,7 +1906,7 @@ function lt({ text: e = "Submit", style: t, nodeRef: n, inert: r }) {
 		children: e
 	});
 }
-function ut({ cols: e = 2, rows: t = 1, style: n, nodeRef: r, linked: i }) {
+function dt({ 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,
@@ -1910,48 +1923,52 @@ function ut({ cols: e = 2, rows: t = 1, style: n, nodeRef: r, linked: i }) {
 		}, t))
 	});
 }
-function dt({ collection: e, limit: t = 6, layout: n = "grid", columns: a = 3, imageField: o, titleField: c = "name", textField: d, custom: f, templateId: p, style: m, nodeRef: h }) {
-	let { tenant: g, apiUrl: _ } = r(U), v = r(G), y = r(W)?.[e], [b, S] = s(null);
+function ft({ collection: e, limit: t = 6, layout: n = "grid", columns: a = 3, imageField: o, titleField: c = "name", textField: d, custom: f, templateId: p, style: m, nodeRef: h }) {
+	let { tenant: g, apiUrl: _, locale: v } = r(U), y = r(G), b = r(W)?.[e], [S, C] = s(null);
 	if (i(() => {
-		if (!e || y) return;
-		let t = !0, n = e.startsWith("api:") ? `${_}/data/${encodeURIComponent(e.slice(4))}` : `${_}/dynamic/${encodeURIComponent(e)}`;
-		return fetch(n, { headers: g ? { "x-tenant": g } : {} }).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 || b) return;
+		let t = !0, n = e.startsWith("api:") ? `${_}/data/${encodeURIComponent(e.slice(4))}` : `${_}/dynamic/${encodeURIComponent(e)}${v ? `?locale=${encodeURIComponent(v)}` : ""}`;
+		return fetch(n, { headers: g ? { "x-tenant": g } : {} }).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,
 		g,
 		_,
-		y
+		v,
+		b
 	]), !e) return null;
-	let C = (y ?? b ?? []).slice(0, Math.max(1, Number(t) || 6)), w = Math.min(Math.max(Number(a) || 3, 1), 6), T = n === "list" ? {
+	let w = (b ?? S ?? []).slice(0, Math.max(1, Number(t) || 6)), T = Math.min(Math.max(Number(a) || 3, 1), 6), E = n === "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 && v?.render ? /* @__PURE__ */ l("div", {
+	return f && p && y?.render ? /* @__PURE__ */ l("div", {
 		ref: h,
 		style: {
 			width: "100%",
-			...T,
+			...E,
 			...x(m)
 		},
-		children: C.map((e) => /* @__PURE__ */ l("div", {
+		children: w.map((e) => /* @__PURE__ */ l("div", {
 			style: { minWidth: 0 },
-			children: v.render(p, (t) => ie(t, e))
+			children: y.render(p, (t) => ie(t, e))
 		}, e.id ?? e?.data?.slug))
 	}) : /* @__PURE__ */ l("div", {
 		ref: h,
 		style: {
 			width: "100%",
-			...T,
+			...E,
 			...x(m)
 		},
-		children: C.map((e) => {
+		children: w.map((e) => {
 			let t = o ? K(e?.data, o) : null, r = c ? q(K(e?.data, c)) : null, i = d ? K(e?.data, d) : null, a = Array.isArray(i) ? i : null, s = a || i == null ? null : q(i), f = n === "list";
 			return /* @__PURE__ */ u("div", {
 				style: {
@@ -2007,7 +2024,7 @@ function dt({ collection: e, limit: t = 6, layout: n = "grid", columns: a = 3, i
 		})
 	});
 }
-function ft({ items: e = [], separator: t = "/", style: n, nodeRef: r }) {
+function pt({ items: e = [], separator: t = "/", style: n, nodeRef: r }) {
 	return e.length ? /* @__PURE__ */ l("nav", {
 		ref: r,
 		"aria-label": "Breadcrumb",
@@ -2057,7 +2074,7 @@ function ft({ items: e = [], separator: t = "/", style: n, nodeRef: r }) {
 		})
 	}) : null;
 }
-function pt({ pages: e = 5, current: t = 1, prevNext: n = !0, href: r = "#", style: i, nodeRef: a }) {
+function mt({ 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",
@@ -2110,7 +2127,7 @@ function pt({ pages: e = 5, current: t = 1, prevNext: n = !0, href: r = "#", sty
 		]
 	});
 }
-function mt({ steps: e = [], active: n = 1, vertical: r = !1, style: i, nodeRef: a }) {
+function ht({ steps: e = [], active: n = 1, vertical: r = !1, style: i, nodeRef: a }) {
 	if (!e.length) return null;
 	let o = Math.min(Math.max(Number(n) || 1, 1), e.length), s = (e) => ({
 		width: 32,
@@ -2188,7 +2205,7 @@ function mt({ steps: e = [], active: n = 1, vertical: r = !1, style: i, nodeRef:
 		})
 	});
 }
-var ht = {
+var gt = {
 	small: {
 		w: 132,
 		h: 46,
@@ -2210,10 +2227,10 @@ var ht = {
 		title: 12.5,
 		avatar: 46
 	}
-}, gt = (e) => ht[e] ?? ht.medium;
-ht.medium.w, ht.medium.h;
-function _t(e, { size: t = "medium", horizontal: n = !1 } = {}) {
-	let r = gt(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 = [];
+}, _t = (e) => gt[e] ?? gt.medium;
+gt.medium.w, gt.medium.h;
+function vt(e, { size: t = "medium", horizontal: n = !1 } = {}) {
+	let r = _t(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;
@@ -2265,18 +2282,18 @@ function _t(e, { size: t = "medium", horizontal: n = !1 } = {}) {
 		horizontal: n
 	};
 }
-var vt = (e, t) => {
+var yt = (e, t) => {
 	let n = String(e ?? "");
 	return n.length > t ? `${n.slice(0, t - 1)}…` : n;
-}, yt = (e) => {
+}, bt = (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";
-}, bt = (e) => !!(e?.cv?.trim?.() || e?.photo);
-function xt(e, t = {}) {
+}, xt = (e) => !!(e?.cv?.trim?.() || e?.photo);
+function St(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;
@@ -2291,11 +2308,11 @@ function xt(e, t = {}) {
 		};
 	});
 }
-var St = {
+var Ct = {
 	size: 36,
 	pad: 10
 };
-function Ct({ node: e, onClose: t }) {
+function wt({ node: e, onClose: t }) {
 	return i(() => {
 		let e = (e) => e.key === "Escape" && t();
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
@@ -2413,7 +2430,7 @@ function Ct({ node: e, onClose: t }) {
 		})
 	});
 }
-function wt({ nodes: e = [], source: t, nameField: n, titleField: o, photoField: d, parentField: f, cvField: p, hrefField: m, size: h = "medium", horizontal: g = !1, style: _, nodeRef: v, interactive: y = !0 }) {
+function Tt({ nodes: e = [], source: t, nameField: n, titleField: o, photoField: d, parentField: f, cvField: p, hrefField: m, size: h = "medium", horizontal: g = !1, style: _, nodeRef: v, interactive: y = !0 }) {
 	let b = a(), [S, C] = s(null), { tenant: w, apiUrl: T } = r(U), E = r(W)?.[t], [D, O] = s(null);
 	i(() => {
 		if (!t || E) return;
@@ -2430,14 +2447,14 @@ function wt({ nodes: e = [], source: t, nameField: n, titleField: o, photoField:
 		T,
 		E
 	]);
-	let k = t ? xt(E ?? D ?? [], {
+	let k = t ? St(E ?? D ?? [], {
 		nameField: n,
 		titleField: o,
 		photoField: d,
 		parentField: f,
 		cvField: p,
 		hrefField: m
-	}) : e, A = gt(h), { boxes: j, links: M, width: N, height: P } = _t(k, {
+	}) : e, A = _t(h), { boxes: j, links: M, width: N, height: P } = vt(k, {
 		size: h,
 		horizontal: g
 	});
@@ -2483,7 +2500,7 @@ function wt({ 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 ? yt(e.color) : r ? "var(--page-accent-text, #ffffff)" : "var(--page-text, #111827)", d = i ? yt(e.color2) : s, f = y && (bt(e) || e.href), p = () => bt(e) ? C(e) : window.open(e.href, "_blank", "noreferrer"), m = e.photo ? t + St.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 ? bt(e.color) : r ? "var(--page-accent-text, #ffffff)" : "var(--page-text, #111827)", d = i ? bt(e.color2) : s, f = y && (xt(e) || e.href), p = () => xt(e) ? C(e) : window.open(e.href, "_blank", "noreferrer"), m = e.photo ? t + Ct.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,
@@ -2547,13 +2564,13 @@ function wt({ nodes: e = [], source: t, nameField: n, titleField: o, photoField:
 						e.photo && /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l("clipPath", {
 							id: `${b}-${e.id}`,
 							children: /* @__PURE__ */ l("circle", {
-								cx: t + St.pad + A.avatar / 2,
+								cx: t + Ct.pad + A.avatar / 2,
 								cy: n + A.h / 2,
 								r: A.avatar / 2
 							})
 						}), /* @__PURE__ */ l("image", {
 							href: e.photo,
-							x: t + St.pad,
+							x: t + Ct.pad,
 							y: n + (A.h - A.avatar) / 2,
 							width: A.avatar,
 							height: A.avatar,
@@ -2567,7 +2584,7 @@ function wt({ nodes: e = [], source: t, nameField: n, titleField: o, photoField:
 							fontSize: A.title,
 							fontWeight: "600",
 							fill: s,
-							children: vt(e.title, g + 4)
+							children: yt(e.title, g + 4)
 						}), e.name && /* @__PURE__ */ l("text", {
 							x: m,
 							y: n + _ + _ / 2 + A.name * .35,
@@ -2575,7 +2592,7 @@ function wt({ nodes: e = [], source: t, nameField: n, titleField: o, photoField:
 							fontSize: A.name,
 							fontWeight: "600",
 							fill: d,
-							children: vt(e.name, g)
+							children: yt(e.name, g)
 						})] }) : /* @__PURE__ */ u(c, { children: [v[0] && /* @__PURE__ */ l("text", {
 							x: m,
 							y: n + (v[1] ? A.h * .43 : A.h * .57),
@@ -2583,7 +2600,7 @@ function wt({ nodes: e = [], source: t, nameField: n, titleField: o, photoField:
 							fontSize: A.name,
 							fontWeight: "600",
 							fill: s,
-							children: vt(v[0], g)
+							children: yt(v[0], g)
 						}), v[1] && /* @__PURE__ */ l("text", {
 							x: m,
 							y: n + A.h * .73,
@@ -2591,18 +2608,18 @@ function wt({ nodes: e = [], source: t, nameField: n, titleField: o, photoField:
 							fontSize: A.title,
 							opacity: "0.7",
 							fill: s,
-							children: vt(v[1], g + 4)
+							children: yt(v[1], g + 4)
 						})] })
 					]
 				}, e.id);
 			})]
-		}), S && /* @__PURE__ */ l(Ct, {
+		}), S && /* @__PURE__ */ l(wt, {
 			node: S,
 			onClose: () => C(null)
 		})]
 	});
 }
-function Tt({ columns: e = [], rows: t = [], source: n, limit: a = 10, striped: o = !0, bordered: c = !1, compact: d = !1, style: f, nodeRef: p }) {
+function Et({ columns: e = [], rows: t = [], source: n, limit: a = 10, striped: o = !0, bordered: c = !1, compact: d = !1, style: f, nodeRef: p }) {
 	let { tenant: m, apiUrl: h } = r(U), g = r(W)?.[n], [_, v] = s(null);
 	if (i(() => {
 		if (!n || g) return;
@@ -2653,7 +2670,7 @@ function Tt({ columns: e = [], rows: t = [], source: n, limit: a = 10, striped:
 		})
 	});
 }
-var Et = {
+var Dt = {
 	PageRoot: le,
 	Section: ue,
 	Container: de,
@@ -2666,13 +2683,13 @@ var Et = {
 	SliderBlock: Be,
 	CanvasSlider: Ve,
 	TabsBlock: Ge,
-	QuickStack: ut,
-	CollectionList: dt,
-	BreadcrumbsBlock: ft,
-	PaginationBlock: pt,
-	StepperBlock: mt,
-	OrgChartBlock: wt,
-	TableBlock: Tt,
+	QuickStack: dt,
+	CollectionList: ft,
+	BreadcrumbsBlock: pt,
+	PaginationBlock: mt,
+	StepperBlock: ht,
+	OrgChartBlock: Tt,
+	TableBlock: Et,
 	AccordionBlock: Ke,
 	NavbarBlock: We,
 	ListBlock: Se,
@@ -2685,21 +2702,21 @@ var Et = {
 	YouTubeBlock: Ae,
 	IframeBlock: je,
 	EmbedBlock: Me,
-	FormBlock: nt,
-	FormLabel: rt,
-	FormInput: it,
-	FormTextarea: at,
-	FormCheckbox: (e) => /* @__PURE__ */ l(ot, {
+	FormBlock: rt,
+	FormLabel: it,
+	FormInput: at,
+	FormTextarea: ot,
+	FormCheckbox: (e) => /* @__PURE__ */ l(st, {
 		kind: "checkbox",
 		...e
 	}),
-	FormRadio: (e) => /* @__PURE__ */ l(ot, {
+	FormRadio: (e) => /* @__PURE__ */ l(st, {
 		kind: "radio",
 		...e
 	}),
-	FormSelect: st,
-	FormFile: ct,
-	FormSubmit: lt
+	FormSelect: ct,
+	FormFile: lt,
+	FormSubmit: ut
 };
 //#endregion
 //#region ../ui/src/components/builder/render.jsx
@@ -2713,7 +2730,7 @@ function Q(e, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
 		let c = new Set(i).add(n);
 		return /* @__PURE__ */ l(t, { children: Q(s.template.rootId, s.template.nodes, r, c, a) }, e);
 	}
-	let u = Et[s];
+	let u = Dt[s];
 	if (!u) return null;
 	let d = (o.nodes ?? []).map((e) => Q(e, n, r, i, a)).filter(Boolean), f = Object.entries(o.linkedNodes ?? {}), p = f.length ? Object.fromEntries(f.map(([e, t]) => [e, Q(t, n, r, i)])) : void 0;
 	return /* @__PURE__ */ l(u, {
@@ -2728,8 +2745,8 @@ function Q(e, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
 }
 //#endregion
 //#region ../ui/src/components/builder/PageRenderer.jsx
-var Dt = (e) => Object.entries(e).map(([e, t]) => `${e}: ${t};`).join(" ");
-function Ot({ blocks: e, theme: t, components: n, mode: r = "auto", style: a, custom: s, tenant: c, apiUrl: d, datasets: f, locale: m, direction: g }) {
+var Ot = (e) => Object.entries(e).map(([e, t]) => `${e}: ${t};`).join(" ");
+function kt({ blocks: e, theme: t, components: n, mode: r = "auto", style: a, custom: s, tenant: c, apiUrl: d, datasets: f, locale: m, direction: g }) {
 	let v = s?.js?.trim();
 	if (i(() => {
 		if (!v) return;
@@ -2751,7 +2768,8 @@ function Ot({ blocks: e, theme: t, components: n, mode: r = "auto", style: a, cu
 	if (r !== "auto") return /* @__PURE__ */ l(U.Provider, {
 		value: {
 			tenant: c || "",
-			apiUrl: d || "/api"
+			apiUrl: d || "/api",
+			locale: m || ""
 		},
 		children: /* @__PURE__ */ l(W.Provider, {
 			value: f ?? null,
@@ -2779,7 +2797,8 @@ function Ot({ blocks: e, theme: t, components: n, mode: r = "auto", style: a, cu
 	return /* @__PURE__ */ l(U.Provider, {
 		value: {
 			tenant: c || "",
-			apiUrl: d || "/api"
+			apiUrl: d || "/api",
+			locale: m || ""
 		},
 		children: /* @__PURE__ */ l(W.Provider, {
 			value: f ?? null,
@@ -2794,8 +2813,8 @@ function Ot({ blocks: e, theme: t, components: n, mode: r = "auto", style: a, cu
 						...a
 					},
 					children: [
-						/* @__PURE__ */ l("style", { children: `.webim-page { ${Dt(V(D.light))} }
-@media (prefers-color-scheme: dark) { .webim-page { ${Dt(V(D.dark))} } }` }),
+						/* @__PURE__ */ l("style", { children: `.webim-page { ${Ot(V(D.light))} }
+@media (prefers-color-scheme: dark) { .webim-page { ${Ot(V(D.dark))} } }` }),
 						E,
 						C && /* @__PURE__ */ l("style", { children: C }),
 						w && /* @__PURE__ */ l("style", { children: w }),
@@ -2809,8 +2828,8 @@ function Ot({ blocks: e, theme: t, components: n, mode: r = "auto", style: a, cu
 }
 //#endregion
 //#region src/WebimContent.jsx
-function kt({ bundle: e, mode: t = "auto", style: n }) {
-	return e?.blocks?.ROOT ? /* @__PURE__ */ l(Ot, {
+function At({ bundle: e, mode: t = "auto", style: n }) {
+	return e?.blocks?.ROOT ? /* @__PURE__ */ l(kt, {
 		blocks: e.blocks,
 		theme: e.theme,
 		components: e.components,
@@ -2826,7 +2845,7 @@ function kt({ bundle: e, mode: t = "auto", style: n }) {
 }
 //#endregion
 //#region src/bundle.js
-function At({ page: e, settings: t, tenant: n, apiUrl: r, locale: i }) {
+function jt({ page: e, settings: t, tenant: n, apiUrl: r, locale: i }) {
 	let a = {
 		...t?.global ?? {},
 		...t?.tenant ?? {}
@@ -2849,18 +2868,18 @@ function At({ page: e, settings: t, tenant: n, apiUrl: r, locale: i }) {
 }
 //#endregion
 //#region src/fetchPage.js
-var jt = async (e) => {
+var Mt = async (e) => {
 	let t = await e.json().catch(() => null);
 	if (!e.ok || t?.success === !1) throw Error(t?.error?.message || `Request failed (${e.status})`);
 	return t?.payload ?? t;
 };
-async function Mt({ apiUrl: e, tenant: t, slug: n, locale: r, preview: i, token: a, fetch: o }) {
+async function Nt({ apiUrl: e, tenant: t, slug: n, locale: r, preview: i, token: a, fetch: o }) {
 	if (!e) throw Error("fetchPage: apiUrl is required");
 	if (!n) throw Error("fetchPage: slug is required");
 	let s = o ?? fetch, c = e.replace(/\/$/, ""), l = {
 		...t ? { "x-tenant": t } : {},
 		...a ? { authorization: `Bearer ${a}` } : {}
-	}, [u, d] = await Promise.all([s(`${c}/render/${encodeURIComponent(n)}${i ? `?preview=${encodeURIComponent(i)}` : ""}`, { headers: l }).then(jt), s(`${c}/settings/public`, { headers: l }).then(jt)]), f = At({
+	}, [u, d] = await Promise.all([s(`${c}/render/${encodeURIComponent(n)}${i ? `?preview=${encodeURIComponent(i)}` : ""}`, { headers: l }).then(Mt), s(`${c}/settings/public`, { headers: l }).then(Mt)]), f = jt({
 		page: u,
 		settings: d,
 		tenant: t,
@@ -2868,7 +2887,7 @@ async function Mt({ 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(jt).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(Mt).then((e) => [t, Array.isArray(e) ? e : Array.isArray(e?.data) ? e.data : []]).catch(() => [t, []])));
 		f.datasets = Object.fromEntries(t);
 	}
 	return f;
@@ -2881,14 +2900,14 @@ var $ = (e) => String(e ?? "").replace(/[&<>"]/g, (e) => ({
 	">": "&gt;",
 	"\"": "&quot;"
 })[e]);
-function Nt(t, { mode: n = "auto", style: r } = {}) {
-	return e(/* @__PURE__ */ l(kt, {
+function Pt(t, { mode: n = "auto", style: r } = {}) {
+	return e(/* @__PURE__ */ l(At, {
 		bundle: t,
 		mode: n,
 		style: r
 	}));
 }
-function Pt(e, { mode: t = "auto", lang: n } = {}) {
+function Ft(e, { mode: t = "auto", lang: n } = {}) {
 	let r = e.seo ?? {}, i = n || e.locale || "en", a = p(e.direction, i), o = r.title || e.title || e.slug || "Page", s = e.custom?.js?.trim(), c = [
 		"<meta charset=\"utf-8\"/>",
 		"<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\"/>",
@@ -2905,10 +2924,10 @@ function Pt(e, { mode: t = "auto", lang: n } = {}) {
 ${c}
 </head>
 <body>
-${Nt(e, { mode: t })}
+${Pt(e, { mode: t })}
 ${s ? `<script>${s.replaceAll("<\/script", "<\\/script")}<\/script>` : ""}
 </body>
 </html>`;
 }
 //#endregion
-export { At as assembleBundle, Mt as fetchPage, Nt as renderBundleHtml, Pt as renderPageDocument };
+export { jt as assembleBundle, Nt as fetchPage, Pt as renderBundleHtml, Ft as renderPageDocument };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "webim-adapter",
-  "version": "0.7.0",
+  "version": "0.8.0",
   "description": "Render WebIM builder pages inside any React app",
   "author": "Orhan POLAT",
   "license": "ISC",