@levo-so/studio 0.1.109 → 0.1.111

package/{Button-BMUB23Y7.js → Button-DjphTnCg.js}

@@ -1,8 +1,8 @@
 "use client";
 import "./Dialog-IrII0ugb.js";
-import { c as e, h as t, i as n, n as r, o as i, r as a, u as o } from "./PopupRenderer-SSn97BLs-DQfvcymq.js";
+import { d as e, i as t, l as n, n as r, o as i, r as a, u as o } from "./PopupRenderer-Dd9zoNIY-Cx663DmW.js";
 import { n as s } from "./AuthProvider-C6bvedwF.js";
-import { n as c } from "./ModalManager-Dqq7D60M.js";
+import { n as c } from "./ModalManager-DQVNPEuG.js";
 import { c as l } from "react/compiler-runtime";
 import { $isIdentityContextReady as u } from "@levo-so/insights/stores";
 import { cn as d, useLevo as f } from "@levo-so/react";
@@ -13,23 +13,25 @@ import "clsx";
 import "@tabler/icons-react";
 import { useStore as E } from "@nanostores/react";
 import { animate as te, scroll as ne } from "motion/react";
-import { LoaderCircle as re } from "lucide-react";
-import * as ie from "motion/react-m";
-import ae from "next/link";
+import re from "html-react-parser";
+import { LoaderCircle as ie } from "lucide-react";
+import * as ae from "motion/react-m";
+import oe from "next/link";
+import se from "isomorphic-dompurify";
 //#region ../../libraries/popups/dist/index.js
-var oe = async (e, t) => {
+var ce = async (e, t) => {
 	let n = {};
 	return t?.site_id && (n.site_id = t.site_id), t?.locale && (n.locale = t.locale), t?.country && (n.country = t.country), (await e.url("/v1/studio/popup/list-active").query(n).get().json())?.content?.data ?? [];
-}, se = _(() => import("./PopupRenderer-SSn97BLs-DQfvcymq.js").then((e) => e.s).then((e) => e.t).then((e) => ({ default: e.PopupRenderer }))), ce = (e) => {
-	let t = l(9), { siteId: n, pageId: r } = e, { fetch: i, logger: o } = f(), [s, c] = S(null), d = x(!1), p, h;
-	if (t[0] !== i || t[1] !== o || t[2] !== n ? (p = () => {
+}, le = _(() => import("./PopupRenderer-Dd9zoNIY-Cx663DmW.js").then((e) => e.s).then((e) => e.t).then((e) => ({ default: e.PopupRenderer }))), ue = (e) => {
+	let t = l(9), { siteId: n, pageId: r } = e, { fetch: i, logger: a } = f(), [s, c] = S(null), d = x(!1), p, h;
+	if (t[0] !== i || t[1] !== a || t[2] !== n ? (p = () => {
 		if (d.current) return;
 		let e = () => {
-			d.current || (d.current = !0, oe(i, n ? { site_id: n } : void 0).then((e) => {
-				a(e), c(e);
+			d.current || (d.current = !0, ce(i, n ? { site_id: n } : void 0).then((e) => {
+				o(e), c(e);
 			}).catch((e) => {
-				o?.error("Failed to fetch popups", { exception: e }), a([]), c([]);
-			}).finally(le));
+				a?.error("Failed to fetch popups", { exception: e }), o([]), c([]);
+			}).finally(de));
 		};
 		if (u.get()) {
 			e();
@@ -41,9 +43,9 @@ var oe = async (e, t) => {
 		return () => t();
 	}, h = [
 		i,
-		o,
+		a,
 		n
-	], t[0] = i, t[1] = o, t[2] = n, t[3] = p, t[4] = h) : (p = t[3], h = t[4]), y(p, h), !s || s.length === 0) return null;
+	], t[0] = i, t[1] = a, t[2] = n, t[3] = p, t[4] = h) : (p = t[3], h = t[4]), y(p, h), !s || s.length === 0) return null;
 	let g;
 	t[5] === Symbol.for("react.memo_cache_sentinel") ? (g = {
 		position: "relative",
@@ -52,38 +54,38 @@ var oe = async (e, t) => {
 	let _;
 	return t[6] !== r || t[7] !== s ? (_ = /* @__PURE__ */ w("div", {
 		style: g,
-		children: /* @__PURE__ */ w(m, { children: /* @__PURE__ */ w(se, {
+		children: /* @__PURE__ */ w(m, { children: /* @__PURE__ */ w(le, {
 			popups: s,
 			pageId: r
 		}) })
 	}), t[6] = r, t[7] = s, t[8] = _) : _ = t[8], _;
 };
-function le() {
+function de() {
 	return n(!1);
 }
-var ue = () => {
-	let n = l(3), r = E(t), i = E(e), a = de, o = fe, s;
-	return n[0] !== i || n[1] !== r ? (s = {
-		popups: r,
-		isLoading: i,
-		openPopup: a,
+var D = () => {
+	let e = l(3), n = E(a), r = E(t), i = fe, o = pe, s;
+	return e[0] !== r || e[1] !== n ? (s = {
+		popups: n,
+		isLoading: r,
+		openPopup: i,
 		closePopup: o
-	}, n[0] = i, n[1] = r, n[2] = s) : s = n[2], s;
+	}, e[0] = r, e[1] = n, e[2] = s) : s = e[2], s;
 };
-function de(e) {
-	let n = t.get().find((t) => t.id === e);
-	n && i(n, {
+function fe(e) {
+	let t = a.get().find((t) => t.id === e);
+	t && i(t, {
 		force: !0,
 		trigger_type: "manual"
 	});
 }
-function fe() {
-	let e = r.get().active_popup_id;
-	e && o(e);
+function pe() {
+	let t = r.get().active_popup_id;
+	t && e(t);
 }
 //#endregion
 //#region src/utils/getKeysWithValue.ts
-function pe(e, t) {
+function me(e, t) {
 	let n = (e, r) => {
 		let i = {};
 		if (typeof e != "object" || !e) return i;
@@ -103,7 +105,7 @@ function pe(e, t) {
 }
 //#endregion
 //#region src/utils/variableExpression.ts
-var D = (e, t) => {
+var O = (e, t) => {
 	let n = [], r = "", i = !1, a = !1;
 	for (let o of e) {
 		if (a) {
@@ -125,31 +127,31 @@ var D = (e, t) => {
 		r += o;
 	}
 	return n.push(r), n;
-}, me = (e) => {
+}, he = (e) => {
 	let t = e.trim();
 	return t.startsWith("\"") && t.endsWith("\"") ? t.slice(1, -1).replace(/\\"/g, "\"").replace(/\\\\/g, "\\") : t === "true" ? !0 : t === "false" ? !1 : t === "null" ? null : /^-?\d+(\.\d+)?$/.test(t) ? Number(t) : t;
-}, he = (e) => e === null ? "null" : typeof e == "number" || typeof e == "boolean" ? String(e) : /^[a-zA-Z_][\w-]*$/.test(e) ? e : `"${e.replace(/\\/g, "\\\\").replace(/"/g, "\\\"")}"`, ge = (e) => {
-	let t = D(e, ":").map((e) => e.trim());
+}, ge = (e) => e === null ? "null" : typeof e == "number" || typeof e == "boolean" ? String(e) : /^[a-zA-Z_][\w-]*$/.test(e) ? e : `"${e.replace(/\\/g, "\\\\").replace(/"/g, "\\\"")}"`, _e = (e) => {
+	let t = O(e, ":").map((e) => e.trim());
 	return {
 		name: t[0] ?? "",
-		args: t.slice(1).map(me)
+		args: t.slice(1).map(he)
 	};
-}, _e = (e) => {
-	let t = D(e, "|").map((e) => e.trim());
+}, ve = (e) => {
+	let t = O(e, "|").map((e) => e.trim());
 	return {
 		path: t[0] ?? "",
-		transforms: t.slice(1).filter(Boolean).map(ge)
+		transforms: t.slice(1).filter(Boolean).map(_e)
 	};
-}, ve = (e) => {
+}, ye = (e) => {
 	let t = [e.path];
-	for (let n of e.transforms) t.push([n.name, ...n.args.map(he)].join(":"));
+	for (let n of e.transforms) t.push([n.name, ...n.args.map(ge)].join(":"));
 	return t.join(" | ");
-}, O = (e) => e == null || e === "", k = [
+}, k = (e) => e == null || e === "", A = [
 	"date",
 	"time",
 	"datetime",
 	"relative"
-], A = {
+], j = {
 	date: [
 		"full",
 		"day",
@@ -161,12 +163,12 @@ var D = (e, t) => {
 	time: ["clock"],
 	datetime: ["full", "compact"],
 	relative: ["auto"]
-}, j = [
+}, M = [
 	"S",
 	"M",
 	"L",
 	"XL"
-], ye = [
+], be = [
 	{
 		value: "auto",
 		label: "Auto"
@@ -203,28 +205,28 @@ var D = (e, t) => {
 		value: "zh-CN",
 		label: "Chinese"
 	}
-], M = [
+], N = [
 	"auto",
 	"12",
 	"24"
-], be = {
+], xe = {
 	display: "date",
 	format: "full",
 	style: "M",
 	locale: "auto",
 	hour12: "auto"
-}, xe = (e) => typeof e == "string" && k.includes(e), Se = (e) => typeof e == "string" && j.includes(e), Ce = (e) => typeof e == "string" && M.includes(e), N = (e) => {
+}, Se = (e) => typeof e == "string" && A.includes(e), Ce = (e) => typeof e == "string" && M.includes(e), we = (e) => typeof e == "string" && N.includes(e), P = (e) => {
 	let [t, n, r, i, a] = e;
-	if (!xe(t)) return null;
-	let o = A[t];
+	if (!Se(t)) return null;
+	let o = j[t];
 	return {
 		display: t,
 		format: typeof n == "string" && o.includes(n) ? n : o[0] ?? "full",
-		style: Se(r) ? r : "M",
+		style: Ce(r) ? r : "M",
 		locale: typeof i == "string" && i ? i : "auto",
-		hour12: Ce(a) ? a : "auto"
+		hour12: we(a) ? a : "auto"
 	};
-}, we = (e) => {
+}, Te = (e) => {
 	let t = [
 		e.display,
 		e.format,
@@ -234,13 +236,13 @@ var D = (e, t) => {
 	];
 	for (; t.length > 1 && t[t.length - 1] === "auto";) t.pop();
 	return t;
-}, Te = (e) => {
+}, Ee = (e) => {
 	if (!(!e || e === "auto")) try {
 		return Intl.DateTimeFormat.supportedLocalesOf([e]).length ? e : void 0;
 	} catch {
 		return;
 	}
-}, Ee = (e) => e === "12" ? !0 : e === "24" ? !1 : void 0, De = (e, t) => {
+}, De = (e) => e === "12" ? !0 : e === "24" ? !1 : void 0, Oe = (e, t) => {
 	if (e === "relative") return [
 		"S",
 		"M",
@@ -284,26 +286,26 @@ var D = (e, t) => {
 			"XL"
 		];
 	}
-}, Oe = (e, t) => {
+}, ke = (e, t) => {
 	if (t.includes(e)) return e;
-	let n = j.indexOf(e), r = t[0] ?? "M", i = Math.abs(j.indexOf(r) - n);
+	let n = M.indexOf(e), r = t[0] ?? "M", i = Math.abs(M.indexOf(r) - n);
 	for (let e of t) {
-		let t = Math.abs(j.indexOf(e) - n);
+		let t = Math.abs(M.indexOf(e) - n);
 		t < i && (r = e, i = t);
 	}
 	return r;
-}, ke = {
+}, Ae = {
 	S: "narrow",
 	M: "short",
 	L: "long",
 	XL: "long"
-}, P = {
+}, F = {
 	S: "short",
 	M: "medium",
 	L: "long",
 	XL: "full"
-}, Ae = (e, t) => {
-	let n = Te(t.locale), r = (t) => new Intl.DateTimeFormat(n, t).format(e);
+}, je = (e, t) => {
+	let n = Ee(t.locale), r = (t) => new Intl.DateTimeFormat(n, t).format(e);
 	if (t.display === "relative") {
 		let r = new Intl.RelativeTimeFormat(n, {
 			numeric: "auto",
@@ -321,7 +323,7 @@ var D = (e, t) => {
 		for (let [e, t] of l) if (a >= e) return r.format(Math.round(i / e), t);
 		return r.format(Math.round(i / 1e3), "second");
 	}
-	let i = Ee(t.hour12);
+	let i = De(t.hour12);
 	if (t.display === "time") return r({
 		hour: "numeric",
 		minute: "2-digit",
@@ -330,13 +332,13 @@ var D = (e, t) => {
 		hour12: i
 	});
 	if (t.display === "datetime") return r({
-		dateStyle: t.format === "compact" ? "medium" : P[t.style],
+		dateStyle: t.format === "compact" ? "medium" : F[t.style],
 		timeStyle: t.style === "S" || t.style === "M" ? "short" : t.style === "L" ? "medium" : "full",
 		hour12: i
 	});
 	switch (t.format) {
-		case "full": return r({ dateStyle: P[t.style] });
-		case "day": return r({ weekday: ke[t.style] });
+		case "full": return r({ dateStyle: F[t.style] });
+		case "day": return r({ weekday: Ae[t.style] });
 		case "month": return t.style === "S" ? r({ month: "numeric" }) : r({ month: t.style === "M" ? "short" : "long" });
 		case "year": return r({ year: t.style === "S" ? "2-digit" : "numeric" });
 		case "day-month": return t.style === "S" ? r({
@@ -355,7 +357,7 @@ var D = (e, t) => {
 		});
 		default: return r({ dateStyle: "medium" });
 	}
-}, je = (e, t) => {
+}, Me = (e, t) => {
 	let n = [
 		"January",
 		"February",
@@ -383,46 +385,46 @@ var D = (e, t) => {
 		a: o
 	};
 	return t.replace(/YYYY|MMMM|MMM|MM|DD|D|HH|hh|h|mm|\ba\b/g, (e) => s[e] ?? e);
-}, Me = (e, t) => {
-	if (O(e)) return "";
+}, Ne = (e, t) => {
+	if (k(e)) return "";
 	let n = new Date(e);
 	if (Number.isNaN(n.getTime())) return String(e);
-	let r = N(t);
-	return r ? Ae(n, r) : je(n, typeof t[0] == "string" ? t[0] : "MMM D, YYYY");
-}, F = /* @__PURE__ */ new Map(), Ne = (e) => {
-	let t = F.get(e);
+	let r = P(t);
+	return r ? je(n, r) : Me(n, typeof t[0] == "string" ? t[0] : "MMM D, YYYY");
+}, I = /* @__PURE__ */ new Map(), Pe = (e) => {
+	let t = I.get(e);
 	if (t) return t;
 	try {
 		return t = new Intl.NumberFormat(void 0, {
 			style: "currency",
 			currency: e
-		}), F.set(e, t), t;
+		}), I.set(e, t), t;
 	} catch {
 		return null;
 	}
-}, Pe = (e, t = "USD") => {
+}, Fe = (e, t = "USD") => {
 	let n = Number(e);
 	if (Number.isNaN(n)) return String(e ?? "");
-	let r = Ne(t);
+	let r = Pe(t);
 	return r ? r.format(n) : `${t} ${n.toFixed(2)}`;
-}, Fe = (e, t = 0) => {
+}, Ie = (e, t = 0) => {
 	let n = Number(e);
 	return Number.isNaN(n) ? String(e ?? "") : n.toLocaleString(void 0, {
 		minimumFractionDigits: Number(t),
 		maximumFractionDigits: Number(t)
 	});
-}, Ie = (e) => e.replace(/\w\S*/g, (e) => e.charAt(0).toUpperCase() + e.slice(1).toLowerCase()), I = {
+}, Le = (e) => e.replace(/\w\S*/g, (e) => e.charAt(0).toUpperCase() + e.slice(1).toLowerCase()), L = {
 	default: {
 		label: "Fallback",
-		apply: (e, [t]) => O(e) ? t : e
+		apply: (e, [t]) => k(e) ? t : e
 	},
 	prefix: {
 		label: "Prefix",
-		apply: (e, [t]) => O(e) ? e : `${t}${e}`
+		apply: (e, [t]) => k(e) ? e : `${t}${e}`
 	},
 	suffix: {
 		label: "Suffix",
-		apply: (e, [t]) => O(e) ? e : `${e}${t}`
+		apply: (e, [t]) => k(e) ? e : `${e}${t}`
 	},
 	upper: {
 		label: "Uppercase",
@@ -434,44 +436,44 @@ var D = (e, t) => {
 	},
 	title: {
 		label: "Title case",
-		apply: (e) => typeof e == "string" ? Ie(e) : e
+		apply: (e) => typeof e == "string" ? Le(e) : e
 	},
 	date: {
 		label: "Date",
-		apply: (e, t) => Me(e, t)
+		apply: (e, t) => Ne(e, t)
 	},
 	number: {
 		label: "Number",
-		apply: (e, [t]) => Fe(e, Number(t ?? 0))
+		apply: (e, [t]) => Ie(e, Number(t ?? 0))
 	},
 	currency: {
 		label: "Currency",
-		apply: (e, [t]) => Pe(e, t ?? "USD")
+		apply: (e, [t]) => Fe(e, t ?? "USD")
 	},
 	text: {
 		label: "Static text",
 		apply: (e, [t]) => t
 	}
-}, L = (e, t) => {
+}, R = (e, t) => {
 	if (e === t) return !0;
 	let n = typeof e == "string" ? Number(e) : e, r = typeof t == "string" ? Number(t) : t;
 	return typeof n == "number" && typeof r == "number" && !Number.isNaN(n) && !Number.isNaN(r) ? n === r : e == t;
-}, Le = (e, t) => {
+}, Re = (e, t) => {
 	let [n, r] = t;
 	switch (n) {
 		case "truthy": return !!e;
 		case "falsy": return !e;
-		case "eq": return L(e, r);
-		case "neq": return !L(e, r);
+		case "eq": return R(e, r);
+		case "neq": return !R(e, r);
 		case "gt": return Number(e) > Number(r);
 		case "gte": return Number(e) >= Number(r);
 		case "lt": return Number(e) < Number(r);
 		case "lte": return Number(e) <= Number(r);
-		case "contains": return Array.isArray(e) ? e.some((e) => L(e, r)) : typeof e == "string" ? e.includes(String(r)) : !1;
+		case "contains": return Array.isArray(e) ? e.some((e) => R(e, r)) : typeof e == "string" ? e.includes(String(r)) : !1;
 		default: return !0;
 	}
-}, Re = (e, t) => {
-	let n = Object.hasOwn(t, e.path), r = t[e.path], i = e.transforms.find((e) => e.name === "if"), a = e.transforms.find((e) => e.name === "text"), o = i ? !Le(r, i.args) : !1;
+}, ze = (e, t) => {
+	let n = Object.hasOwn(t, e.path), r = t[e.path], i = e.transforms.find((e) => e.name === "if"), a = e.transforms.find((e) => e.name === "text"), o = i ? !Re(r, i.args) : !1;
 	if (o) {
 		let e = a?.args[1];
 		if (e === void 0) return {
@@ -494,7 +496,7 @@ var D = (e, t) => {
 	}
 	for (let t of e.transforms) {
 		if (t.name === "if" || t.name === "text") continue;
-		let e = I[t.name];
+		let e = L[t.name];
 		e && (s = e.apply(s, t.args));
 	}
 	let c;
@@ -504,12 +506,12 @@ var D = (e, t) => {
 		pathExists: n,
 		conditionFailed: !1
 	};
-}, ze = /\{([^{}]+)\}/g, Be = /^\{([^{}]+)\}$/, R = h({
+}, Be = /\{([^{}]+)\}/g, Ve = /^\{([^{}]+)\}$/, z = h({
 	isStudio: !1,
 	renderMode: "live",
 	workspace_id: "",
 	pageSource: []
-}), Ve = ({ children: e, value: t }) => {
+}), He = ({ children: e, value: t }) => {
 	let [n, r] = S(t.parsedBlockData);
 	y(() => {
 		r((e) => t.parsedBlockData === e ? e : t.parsedBlockData);
@@ -524,7 +526,9 @@ var D = (e, t) => {
 		isStudio: t.renderMode?.startsWith("studio.") ?? !1,
 		renderMode: t.renderMode,
 		workspace_id: t.workspace_id,
-		pageSource: t.pageSource
+		pageSource: t.pageSource,
+		localizedPages: t.localizedPages,
+		language: t.language
 	}), [
 		n,
 		r,
@@ -534,13 +538,21 @@ var D = (e, t) => {
 		t.blockContext,
 		t.renderMode,
 		t.workspace_id,
-		t.pageSource
+		t.pageSource,
+		t.localizedPages,
+		t.language
 	]);
-	return /* @__PURE__ */ w(R.Provider, {
+	return /* @__PURE__ */ w(z.Provider, {
 		value: i,
 		children: e
 	});
-}, z = () => ee(R), B = {
+}, B = () => ee(z), Ue = () => {
+	let { localizedPages: e, language: t } = B();
+	return {
+		localizedPages: e ?? [],
+		currentLanguage: t
+	};
+}, V = {
 	opacity: 1,
 	scale: 1,
 	rotate: 0,
@@ -550,7 +562,7 @@ var D = (e, t) => {
 	y: 0,
 	skewX: 0,
 	skewY: 0
-}, V = {
+}, H = {
 	opacity: 0,
 	scale: 1,
 	rotate: 0,
@@ -560,25 +572,25 @@ var D = (e, t) => {
 	y: 0,
 	skewX: 0,
 	skewY: 0
-}, He = {
+}, We = {
 	type: "spring",
 	duration: .5,
 	delay: 0,
 	bounce: .25,
 	ease: "easeOut"
-}, Ue = {
+}, Ge = {
 	once: !0,
 	amount: "some",
 	margin: "0px 0px -150px 0px"
-}, H = (e, t) => {
+}, U = (e, t) => {
 	if (!(!e || !t)) for (let n of e) {
 		if (n.key === t) return n;
 		if (n.fields?.length) {
-			let e = H(n.fields, t);
+			let e = U(n.fields, t);
 			if (e) return e;
 		}
 	}
-}, We = (e, t) => {
+}, Ke = (e, t) => {
 	let n = t.toLowerCase().trim(), r = [], i = (e, t, a) => {
 		if (t.children?.length) {
 			for (let n of t.children) i(e, n, [...a, t.label]);
@@ -593,7 +605,7 @@ var D = (e, t) => {
 	};
 	for (let t of e) for (let e of t.items) i(t.name, e, []);
 	return r;
-}, U = (e, t) => {
+}, W = (e, t) => {
 	if (!(!e || !t)) return t.split(".").reduce((e, t) => {
 		if (e == null) return;
 		let n = /^\d+$/.test(t), r = e;
@@ -603,7 +615,7 @@ var D = (e, t) => {
 		}
 		return r?.[t];
 	}, e);
-}, W = (e) => !!e && typeof e == "object" && "selectedVariants" in e, G = (e) => e?.replaceAll(".", "-").replace(/[^a-zA-Z0-9_-]/g, ""), K = (e) => {
+}, G = (e) => !!e && typeof e == "object" && "selectedVariants" in e, K = (e) => e?.replaceAll(".", "-").replace(/[^a-zA-Z0-9_-]/g, ""), q = (e) => {
 	let t = e.split(".");
 	for (let e = t.length - 2; e >= 1; e--) if (t[e] && /^\d+$/.test(t[e])) {
 		let n = t[e - 1], r = parseInt(t[e], 10), i = t.slice(e + 1).join("."), a = [];
@@ -625,15 +637,15 @@ var D = (e, t) => {
 		};
 	}
 	return { isGroupItem: !1 };
-}, q = (e) => {
+}, J = (e) => {
 	let t = [];
-	return W(e) && Object.entries(e.selectedVariants).forEach(([e, n]) => {
+	return G(e) && Object.entries(e.selectedVariants).forEach(([e, n]) => {
 		typeof n == "string" && t.push(`levo-variant-${e}-${n}`);
 	}), t;
-}, J = (e, t, n) => b(() => {
-	let r = q(n), i = `levo-${t}-${G(e)}`, a = K(e);
+}, Y = (e, t, n) => b(() => {
+	let r = J(n), i = `levo-${t}-${K(e)}`, a = q(e);
 	return a.isGroupItem && a.sharedPath ? [
-		`levo-${t}-${G(a.sharedPath)}`,
+		`levo-${t}-${K(a.sharedPath)}`,
 		i,
 		...r
 	].filter(Boolean).join(" ") : [i, ...r].join(" ");
@@ -641,7 +653,7 @@ var D = (e, t) => {
 	n?.selectedVariants,
 	e,
 	t
-]), Y = (e, t, n, r, i, a) => b(() => {
+]), X = (e, t, n, r, i, a) => b(() => {
 	let { className: o, style: s, config: c, styles: l, content: u, ...d } = e;
 	return {
 		...d,
@@ -666,7 +678,7 @@ var D = (e, t) => {
 	r,
 	i,
 	a
-]), Ge = {
+]), qe = {
 	id: "7074716021398640563",
 	workspace_id: "WZZKMUBH",
 	name: "Booster Applications",
@@ -1375,13 +1387,13 @@ var D = (e, t) => {
 			}
 		]
 	}]
-}, X = ({ children: e, ...t }) => {
-	let { isStudio: n } = z();
-	return n ? e : /* @__PURE__ */ w(ae, {
+}, Je = ({ children: e, ...t }) => {
+	let { isStudio: n } = B();
+	return n ? e : /* @__PURE__ */ w(oe, {
 		...t,
 		children: e
 	});
-}, Ke = (e) => {
+}, Ye = (e) => {
 	if (e?.action) switch (e.action.type) {
 		case "external_link": {
 			let t = e.action.value;
@@ -1392,8 +1404,8 @@ var D = (e, t) => {
 		case "phone": return `tel:${e.action.value}`;
 		default: return;
 	}
-}, qe = ({ children: e, config: t }) => {
-	let { openModal: n } = c(), { isLoggedIn: r } = s(), { openPopup: i } = ue(), a = t?.action?.alt;
+}, Xe = ({ children: e, config: t }) => {
+	let { openModal: n } = c(), { isLoggedIn: r } = s(), { openPopup: i } = D(), a = t?.action?.alt;
 	if (t?.action?.type === "popup") {
 		let n = t.action.value, r = () => {
 			n && i(n);
@@ -1411,7 +1423,7 @@ var D = (e, t) => {
 		});
 	}
 	if (t?.action?.type === "login") {
-		if (r) return /* @__PURE__ */ w(X, {
+		if (r) return /* @__PURE__ */ w(Je, {
 			href: t?.action?.value || "",
 			style: { display: "contents" },
 			"aria-label": a || void 0,
@@ -1432,8 +1444,8 @@ var D = (e, t) => {
 			children: e
 		});
 	}
-	let o = Ke(t), l = t?.action?.options?.openInNewTab ? "_blank" : void 0;
-	return o ? /* @__PURE__ */ w(X, {
+	let o = Ye(t), l = t?.action?.options?.openInNewTab ? "_blank" : void 0;
+	return o ? /* @__PURE__ */ w(Je, {
 		href: o,
 		style: { display: "contents" },
 		...l && {
@@ -1443,10 +1455,10 @@ var D = (e, t) => {
 		...a && { "aria-label": a },
 		children: e
 	}) : e;
-}, Je = {
+}, Ze = {
 	once: !0,
 	margin: "0px 0px -150px 0px"
-}, Ye = ({ children: e, MotionComponent: t, motionProps: n, scroll: r, entry: i, whileHover: a, exit: o }) => {
+}, Qe = ({ children: e, MotionComponent: t, motionProps: n, scroll: r, entry: i, whileHover: a, exit: o }) => {
 	let s = x(null);
 	if (y(() => {
 		if (!r) return;
@@ -1487,13 +1499,13 @@ var D = (e, t) => {
 		});
 	}
 	let c = i ? {
-		...B,
+		...V,
 		...i.to,
 		transition: i.transition
 	} : void 0, l = i ? {
-		once: i.viewport?.once ?? Je.once,
+		once: i.viewport?.once ?? Ze.once,
 		amount: i.viewport?.amount,
-		margin: i.viewport?.margin ?? Je.margin
+		margin: i.viewport?.margin ?? Ze.margin
 	} : void 0;
 	return /* @__PURE__ */ w(t, {
 		...n,
@@ -1505,8 +1517,8 @@ var D = (e, t) => {
 		children: e
 	});
 }, Z = (e) => {
-	let t = ie.create(e), n = ({ elementKey: n, children: r, ...i }) => {
-		let { parsedBlockData: a, renderMode: o } = z(), { config: s, styles: c, content: l, id: u } = a || {}, d = s ? U(s, n) : void 0, f = c ? U(c, n) : void 0, p = l ? U(l, n) : void 0, m = b(() => {
+	let t = ae.create(e), n = ({ elementKey: n, children: r, ...i }) => {
+		let { parsedBlockData: a, renderMode: o } = B(), { config: s, styles: c, content: l, id: u } = a || {}, d = s ? W(s, n) : void 0, f = c ? W(c, n) : void 0, p = l ? W(l, n) : void 0, m = b(() => {
 			let e = d || {}, t = i.config || {}, n = e.selectedVariants || {}, r = t.selectedVariants || {};
 			return {
 				...e,
@@ -1516,13 +1528,13 @@ var D = (e, t) => {
 					...r
 				}
 			};
-		}, [d, i.config]), h = Y(i, n, m, f, p, J(n, u || "", m)), g = h.config?.animation, _ = b(() => g?.scroll ? {
+		}, [d, i.config]), h = X(i, n, m, f, p, Y(n, u || "", m)), g = h.config?.animation, _ = b(() => g?.scroll ? {
 			from: {
-				...V,
+				...H,
 				...g.scroll.from
 			},
 			to: {
-				...B,
+				...V,
 				...g.scroll.to
 			},
 			offset: g.scroll.offset ?? {
@@ -1531,19 +1543,19 @@ var D = (e, t) => {
 			}
 		} : void 0, [g?.scroll]), v = b(() => g?.entry ? {
 			from: {
-				...V,
+				...H,
 				...g.entry.from
 			},
 			to: {
-				...B,
+				...V,
 				...g.entry.to
 			},
 			transition: g.entry.transition,
 			viewport: g.entry.viewport
 		} : void 0, [g?.entry]);
-		return !a || h.config?.enabled === !1 ? null : g && Object.keys(g).length > 0 && o !== "studio.block" ? /* @__PURE__ */ w(qe, {
+		return !a || h.config?.enabled === !1 ? null : g && Object.keys(g).length > 0 && o !== "studio.block" ? /* @__PURE__ */ w(Xe, {
 			config: h?.config || {},
-			children: /* @__PURE__ */ w(Ye, {
+			children: /* @__PURE__ */ w(Qe, {
 				MotionComponent: t,
 				motionProps: h,
 				scroll: _,
@@ -1552,7 +1564,7 @@ var D = (e, t) => {
 				exit: g.exit,
 				children: r
 			})
-		}) : /* @__PURE__ */ w(qe, {
+		}) : /* @__PURE__ */ w(Xe, {
 			config: h?.config || {},
 			children: /* @__PURE__ */ w(e, {
 				...h,
@@ -1561,7 +1573,7 @@ var D = (e, t) => {
 		});
 	};
 	return n.displayName = `withBlockProps(${e.displayName || e.name || "Component"})`, v(n);
-}, Xe = g(({ className: e, config: t, content: n, elementKey: r, generatedClassName: i, styles: a, noElementKey: o, ...s }, c) => {
+}, $e = g(({ className: e, config: t, content: n, elementKey: r, generatedClassName: i, styles: a, noElementKey: o, ...s }, c) => {
 	if (!n) return /* @__PURE__ */ w("span", {
 		ref: c,
 		style: { display: "none" }
@@ -1617,9 +1629,9 @@ var D = (e, t) => {
 		});
 	}
 });
-Xe.displayName = "BaseIcon";
-var Q = Z(Xe), $ = p.forwardRef(({ className: e, isLoading: t, loadingText: n, children: r, config: i = {}, styles: a, content: o, elementKey: s, generatedClassName: c, ...l }, u) => {
-	let f = r ?? o, p = i, m = (e, t) => e?.enabled ? /* @__PURE__ */ w(Q, {
+$e.displayName = "BaseIcon";
+var Q = Z($e), $ = p.forwardRef(({ className: e, isLoading: t, loadingText: n, children: r, config: i = {}, styles: a, content: o, elementKey: s, generatedClassName: c, ...l }, u) => {
+	let f = r ?? o, p = i, m = typeof f == "string" ? re(se.sanitize(f)) : f, h = (e, t) => e?.enabled ? /* @__PURE__ */ w(Q, {
 		noElementKey: !0,
 		elementKey: `${s}_${t}Icon`
 	}) : null;
@@ -1630,13 +1642,13 @@ var Q = Z(Xe), $ = p.forwardRef(({ className: e, isLoading: t, loadingText: n, c
 		className: d("inline-flex items-center justify-center", e, c),
 		ref: u,
 		...l,
-		children: t ? /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w(re, { className: d("h-4 w-4 animate-spin", n ? "mr-2" : "") }), n] }) : /* @__PURE__ */ T(C, { children: [
-			m(p?.button_icons?.left, "left"),
+		children: t ? /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w(ie, { className: d("h-4 w-4 animate-spin", n ? "mr-2" : "") }), n] }) : /* @__PURE__ */ T(C, { children: [
+			h(p?.button_icons?.left, "left"),
 			/* @__PURE__ */ w("span", {
 				className: "button-content",
-				children: f
+				children: m
 			}),
-			m(p?.button_icons?.right, "right")
+			h(p?.button_icons?.right, "right")
 		] })
 	}) : /* @__PURE__ */ w("span", {
 		ref: u,
@@ -1644,6 +1656,6 @@ var Q = Z(Xe), $ = p.forwardRef(({ className: e, isLoading: t, loadingText: n, c
 	});
 });
 $.displayName = "BaseButton";
-var Ze = Z($);
+var et = Z($);
 //#endregion
-export { we as A, M as C, Be as D, be as E, De as F, ve as I, pe as L, N as M, _e as N, ze as O, Oe as P, ce as R, A as S, j as T, Ue as _, Ge as a, z as b, W as c, Y as d, J as f, He as g, V as h, Z as i, Re as j, I as k, K as l, H as m, Ze as n, q as o, We as p, Q as r, U as s, $ as t, G as u, B as v, ye as w, k as x, Ve as y };
+export { L as A, ue as B, j as C, xe as D, M as E, ke as F, Oe as I, ye as L, ze as M, P as N, Ve as O, ve as P, me as R, A as S, be as T, Ge as _, qe as a, B as b, G as c, X as d, Y as f, We as g, H as h, Z as i, Te as j, Be as k, q as l, U as m, et as n, J as o, Ke as p, Q as r, W as s, $ as t, K as u, V as v, N as w, Ue as x, He as y, D as z };