@levo-so/studio 0.1.101 → 0.1.103

package/{Button-XTKnNIl9.js → Button-CZycqusY.js}

@@ -1,29 +1,104 @@
 "use client";
-import { n as e } from "./AuthProvider-56TywIOB.js";
-import { n as t } from "./ModalManager-SggxCIno.js";
-import * as n from "react";
-import { createContext as r, forwardRef as i, memo as a, useContext as o, useEffect as s, useMemo as c, useRef as l, useState as u } from "react";
-import { animate as d, scroll as f } from "motion/react";
-import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
-import { cn as g } from "@levo-so/react";
-import { LoaderCircle as _ } from "lucide-react";
-import * as v from "motion/react-m";
+import "./Dialog-IrII0ugb.js";
+import { a as e, c as t, h as n, l as r, n as i, o as a, r as o } from "./PopupRenderer-C7OHYphU-Ct5T6tWM.js";
+import { n as s } from "./AuthProvider-C6bvedwF.js";
+import { n as c } from "./ModalManager-DHkd0Zdb.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";
+import * as p from "react";
+import { Suspense as m, createContext as h, forwardRef as g, lazy as _, memo as v, useContext as ee, useEffect as y, useMemo as b, useRef as x, useState as S } from "react";
+import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
+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 D } from "lucide-react";
+import * as O from "motion/react-m";
+import re from "next/link";
+//#region ../../libraries/popups/dist/index.js
+var ie = 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 ?? [];
+}, ae = _(() => import("./PopupRenderer-C7OHYphU-Ct5T6tWM.js").then((e) => e.s).then((e) => e.t).then((e) => ({ default: e.PopupRenderer }))), k = (e) => {
+	let t = l(9), { siteId: r, pageId: i } = e, { fetch: a, logger: o } = f(), [s, c] = S(null), d = x(!1), p, h;
+	if (t[0] !== a || t[1] !== o || t[2] !== r ? (p = () => {
+		if (d.current) return;
+		let e = () => {
+			d.current || (d.current = !0, ie(a, r ? { site_id: r } : void 0).then((e) => {
+				n(e), c(e);
+			}).catch((e) => {
+				o?.error("Failed to fetch popups", { exception: e }), n([]), c([]);
+			}).finally(A));
+		};
+		if (u.get()) {
+			e();
+			return;
+		}
+		let t = u.listen((n) => {
+			n && (t(), e());
+		});
+		return () => t();
+	}, h = [
+		a,
+		o,
+		r
+	], t[0] = a, t[1] = o, t[2] = r, 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",
+		zIndex: 99999
+	}, t[5] = g) : g = t[5];
+	let _;
+	return t[6] !== i || t[7] !== s ? (_ = /* @__PURE__ */ w("div", {
+		style: g,
+		children: /* @__PURE__ */ w(m, { children: /* @__PURE__ */ w(ae, {
+			popups: s,
+			pageId: i
+		}) })
+	}), t[6] = i, t[7] = s, t[8] = _) : _ = t[8], _;
+};
+function A() {
+	return r(!1);
+}
+var j = () => {
+	let e = l(3), n = E(t), r = E(o), i = M, a = N, s;
+	return e[0] !== r || e[1] !== n ? (s = {
+		popups: n,
+		isLoading: r,
+		openPopup: i,
+		closePopup: a
+	}, e[0] = r, e[1] = n, e[2] = s) : s = e[2], s;
+};
+function M(e) {
+	let n = t.get().find((t) => t.id === e);
+	n && a(n, {
+		force: !0,
+		trigger_type: "manual"
+	});
+}
+function N() {
+	let t = i.get().active_popup_id;
+	t && e(t);
+}
+//#endregion
 //#region src/providers/BlockContext.tsx
-var y = r({
+var P = h({
 	isStudio: !1,
 	renderMode: "live",
 	workspace_id: "",
 	pageSource: []
-}), b = ({ children: e, value: t }) => {
-	let [n, r] = u(t.parsedBlockData);
-	s(() => {
+}), oe = ({ children: e, value: t }) => {
+	let [n, r] = S(t.parsedBlockData);
+	y(() => {
 		r((e) => t.parsedBlockData === e ? e : t.parsedBlockData);
 	}, [t.parsedBlockData]);
-	let i = c(() => ({
+	let i = b(() => ({
 		parsedBlockData: n,
 		setParsedBlockData: r,
 		blockData: t.blockData,
 		pageContext: t.pageContext,
+		pageMeta: t.pageMeta,
 		blockContext: t.blockContext,
 		isStudio: t.renderMode?.startsWith("studio.") ?? !1,
 		renderMode: t.renderMode,
@@ -34,16 +109,17 @@ var y = r({
 		r,
 		t.blockData,
 		t.pageContext,
+		t.pageMeta,
 		t.blockContext,
 		t.renderMode,
 		t.workspace_id,
 		t.pageSource
 	]);
-	return /* @__PURE__ */ m(y.Provider, {
+	return /* @__PURE__ */ w(P.Provider, {
 		value: i,
 		children: e
 	});
-}, x = () => o(y), S = {
+}, F = () => ee(P), I = {
 	opacity: 1,
 	scale: 1,
 	rotate: 0,
@@ -53,7 +129,7 @@ var y = r({
 	y: 0,
 	skewX: 0,
 	skewY: 0
-}, C = {
+}, L = {
 	opacity: 0,
 	scale: 1,
 	rotate: 0,
@@ -63,25 +139,25 @@ var y = r({
 	y: 0,
 	skewX: 0,
 	skewY: 0
-}, w = {
+}, R = {
 	type: "spring",
 	duration: .5,
 	delay: 0,
 	bounce: .25,
 	ease: "easeOut"
-}, T = {
+}, se = {
 	once: !0,
 	amount: "some",
 	margin: "0px 0px -150px 0px"
-}, E = (e, t) => {
+}, z = (e, t) => {
 	if (!(!e || !t)) for (let n of e) {
 		if (n.key === t) return n;
 		if (n.fields?.length) {
-			let e = E(n.fields, t);
+			let e = z(n.fields, t);
 			if (e) return e;
 		}
 	}
-}, D = (e, t) => {
+}, B = (e, t) => {
 	if (!(!e || !t)) return t.split(".").reduce((e, t) => {
 		if (e == null) return;
 		let n = /^\d+$/.test(t), r = e;
@@ -91,7 +167,7 @@ var y = r({
 		}
 		return r?.[t];
 	}, e);
-}, O = (e) => !!e && typeof e == "object" && "selectedVariants" in e, k = (e) => e?.replaceAll(".", "-").replace(/[^a-zA-Z0-9_-]/g, ""), A = (e) => {
+}, V = (e) => !!e && typeof e == "object" && "selectedVariants" in e, H = (e) => e?.replaceAll(".", "-").replace(/[^a-zA-Z0-9_-]/g, ""), U = (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 = [];
@@ -113,15 +189,15 @@ var y = r({
 		};
 	}
 	return { isGroupItem: !1 };
-}, j = (e) => {
+}, W = (e) => {
 	let t = [];
-	return O(e) && Object.entries(e.selectedVariants).forEach(([e, n]) => {
+	return V(e) && Object.entries(e.selectedVariants).forEach(([e, n]) => {
 		typeof n == "string" && t.push(`levo-variant-${e}-${n}`);
 	}), t;
-}, M = (e, t, n) => c(() => {
-	let r = j(n), i = `levo-${t}-${k(e)}`, a = A(e);
+}, G = (e, t, n) => b(() => {
+	let r = W(n), i = `levo-${t}-${H(e)}`, a = U(e);
 	return a.isGroupItem && a.sharedPath ? [
-		`levo-${t}-${k(a.sharedPath)}`,
+		`levo-${t}-${H(a.sharedPath)}`,
 		i,
 		...r
 	].filter(Boolean).join(" ") : [i, ...r].join(" ");
@@ -129,7 +205,7 @@ var y = r({
 	n?.selectedVariants,
 	e,
 	t
-]), N = (e, t, n, r, i, a) => c(() => {
+]), K = (e, t, n, r, i, a) => b(() => {
 	let { className: o, style: s, config: c, styles: l, content: u, ...d } = e;
 	return {
 		...d,
@@ -154,7 +230,7 @@ var y = r({
 	r,
 	i,
 	a
-]), P = {
+]), ce = {
 	id: "7074716021398640563",
 	workspace_id: "WZZKMUBH",
 	name: "Booster Applications",
@@ -863,7 +939,13 @@ var y = r({
 			}
 		]
 	}]
-}, F = (e) => {
+}, q = ({ children: e, ...t }) => {
+	let { isStudio: n } = F();
+	return n ? e : /* @__PURE__ */ w(re, {
+		...t,
+		children: e
+	});
+}, le = (e) => {
 	if (e?.action) switch (e.action.type) {
 		case "external_link": {
 			let t = e.action.value;
@@ -874,46 +956,65 @@ var y = r({
 		case "phone": return `tel:${e.action.value}`;
 		default: return;
 	}
-}, I = ({ children: n, config: r }) => {
-	let { openModal: i } = t(), { isLoggedIn: a } = e();
-	if (r?.action?.type === "login") return a ? /* @__PURE__ */ m("a", {
-		style: { display: "contents" },
-		href: r?.action?.value,
-		children: n
-	}) : /* @__PURE__ */ m("div", {
-		style: { display: "contents" },
-		onClick: () => {
-			i("login", { redirect_uri: r?.action?.value });
-		},
-		children: n
-	});
-	let o = F(r), s = r?.action?.options?.openInNewTab ? "_blank" : void 0;
-	if (o) {
-		let e = {
-			href: o,
-			...s && {
-				target: s,
-				rel: "noopener noreferrer"
-			}
+}, J = ({ children: e, config: t }) => {
+	let { openModal: n } = c(), { isLoggedIn: r } = s(), { openPopup: i } = j(), a = t?.action?.alt;
+	if (t?.action?.type === "popup") {
+		let n = t.action.value, r = () => {
+			n && i(n);
 		};
-		return /* @__PURE__ */ m("a", {
-			style: {
-				display: "contents",
-				...e.style
+		return /* @__PURE__ */ w("div", {
+			style: { display: "contents" },
+			role: "button",
+			tabIndex: 0,
+			"aria-label": a || void 0,
+			onClick: r,
+			onKeyDown: (e) => {
+				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), r());
 			},
-			...e,
-			children: n
+			children: e
 		});
 	}
-	return n;
-}, L = {
+	if (t?.action?.type === "login") {
+		if (r) return /* @__PURE__ */ w(q, {
+			href: t?.action?.value || "",
+			style: { display: "contents" },
+			"aria-label": a || void 0,
+			children: e
+		});
+		let i = () => {
+			n("login", { redirect_uri: t?.action?.value });
+		};
+		return /* @__PURE__ */ w("div", {
+			style: { display: "contents" },
+			role: "button",
+			tabIndex: 0,
+			"aria-label": a || void 0,
+			onClick: i,
+			onKeyDown: (e) => {
+				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), i());
+			},
+			children: e
+		});
+	}
+	let o = le(t), l = t?.action?.options?.openInNewTab ? "_blank" : void 0;
+	return o ? /* @__PURE__ */ w(q, {
+		href: o,
+		style: { display: "contents" },
+		...l && {
+			target: l,
+			rel: "noopener noreferrer"
+		},
+		...a && { "aria-label": a },
+		children: e
+	}) : e;
+}, Y = {
 	once: !0,
 	margin: "0px 0px -150px 0px"
-}, R = ({ children: e, MotionComponent: t, motionProps: n, scroll: r, entry: i, whileHover: a, exit: o }) => {
-	let c = l(null);
-	if (s(() => {
+}, ue = ({ children: e, MotionComponent: t, motionProps: n, scroll: r, entry: i, whileHover: a, exit: o }) => {
+	let s = x(null);
+	if (y(() => {
 		if (!r) return;
-		let e = c.current;
+		let e = s.current;
 		if (!e || !(e instanceof Element)) return;
 		let { from: t, to: n, offset: i } = r, a = {}, o = Array.from(new Set([...Object.keys(t), ...Object.keys(n)]));
 		for (let e of o) {
@@ -921,9 +1022,9 @@ var y = r({
 			r !== i && typeof r == "number" && typeof i == "number" && (a[e] = [r, i]);
 		}
 		if (Object.keys(a).length === 0) return;
-		let s = d(e, a, { ease: "linear" });
+		let c = te(e, a, { ease: "linear" });
 		try {
-			return f(s, {
+			return ne(c, {
 				target: e,
 				offset: [i.start, i.end]
 			});
@@ -937,8 +1038,8 @@ var y = r({
 	}, [r]), r) {
 		let i = {};
 		for (let [e, t] of Object.entries(r.from)) t !== void 0 && (i[e] = t);
-		return /* @__PURE__ */ m(t, {
-			ref: c,
+		return /* @__PURE__ */ w(t, {
+			ref: s,
 			...n,
 			style: {
 				...n.style || {},
@@ -949,154 +1050,164 @@ var y = r({
 			children: e
 		});
 	}
-	let u = i ? {
-		...S,
+	let c = i ? {
+		...I,
 		...i.to,
 		transition: i.transition
-	} : void 0, p = i ? {
-		once: i.viewport?.once ?? L.once,
+	} : void 0, l = i ? {
+		once: i.viewport?.once ?? Y.once,
 		amount: i.viewport?.amount,
-		margin: i.viewport?.margin ?? L.margin
+		margin: i.viewport?.margin ?? Y.margin
 	} : void 0;
-	return /* @__PURE__ */ m(t, {
+	return /* @__PURE__ */ w(t, {
 		...n,
 		initial: i?.from,
-		whileInView: u,
-		viewport: p,
+		whileInView: c,
+		viewport: l,
 		whileHover: a,
 		exit: o,
 		children: e
 	});
-}, z = (e) => {
-	let t = v.create(e), n = ({ elementKey: n, children: r, ...i }) => {
-		let { parsedBlockData: a, renderMode: o } = x(), { config: s, styles: l, content: u, id: d } = a || {}, f = s ? D(s, n) : void 0, p = N(i, n, f, l ? D(l, n) : void 0, u ? D(u, n) : void 0, M(n, d || "", f)), h = p.config?.animation, g = c(() => h?.scroll ? {
+}, X = (e) => {
+	let t = O.create(e), n = ({ elementKey: n, children: r, ...i }) => {
+		let { parsedBlockData: a, renderMode: o } = F(), { config: s, styles: c, content: l, id: u } = a || {}, d = s ? B(s, n) : void 0, f = c ? B(c, n) : void 0, p = l ? B(l, n) : void 0, m = b(() => {
+			let e = d || {}, t = i.config || {}, n = e.selectedVariants || {}, r = t.selectedVariants || {};
+			return {
+				...e,
+				...t,
+				selectedVariants: {
+					...n,
+					...r
+				}
+			};
+		}, [d, i.config]), h = K(i, n, m, f, p, G(n, u || "", m)), g = h.config?.animation, _ = b(() => g?.scroll ? {
 			from: {
-				...C,
-				...h.scroll.from
+				...L,
+				...g.scroll.from
 			},
 			to: {
-				...S,
-				...h.scroll.to
+				...I,
+				...g.scroll.to
 			},
-			offset: h.scroll.offset ?? {
+			offset: g.scroll.offset ?? {
 				start: "start end",
 				end: "end center"
 			}
-		} : void 0, [h?.scroll]), _ = c(() => h?.entry ? {
+		} : void 0, [g?.scroll]), v = b(() => g?.entry ? {
 			from: {
-				...C,
-				...h.entry.from
+				...L,
+				...g.entry.from
 			},
 			to: {
-				...S,
-				...h.entry.to
+				...I,
+				...g.entry.to
 			},
-			transition: h.entry.transition,
-			viewport: h.entry.viewport
-		} : void 0, [h?.entry]);
-		return !a || p.config?.enabled === !1 ? null : h && Object.keys(h).length > 0 && o !== "studio.block" ? /* @__PURE__ */ m(I, {
-			config: p?.config || {},
-			children: /* @__PURE__ */ m(R, {
+			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(J, {
+			config: h?.config || {},
+			children: /* @__PURE__ */ w(ue, {
 				MotionComponent: t,
-				motionProps: p,
-				scroll: g,
-				entry: _,
-				whileHover: h.whileHover,
-				exit: h.exit,
+				motionProps: h,
+				scroll: _,
+				entry: v,
+				whileHover: g.whileHover,
+				exit: g.exit,
 				children: r
 			})
-		}) : /* @__PURE__ */ m(I, {
-			config: p?.config || {},
-			children: /* @__PURE__ */ m(e, {
-				...p,
+		}) : /* @__PURE__ */ w(J, {
+			config: h?.config || {},
+			children: /* @__PURE__ */ w(e, {
+				...h,
 				children: r
 			})
 		});
 	};
-	return n.displayName = `withBlockProps(${e.displayName || e.name || "Component"})`, a(n);
-}, B = i(({ className: e, config: t, content: n, elementKey: r, generatedClassName: i, styles: a, noElementKey: o, ...s }, c) => {
-	if (!n) return /* @__PURE__ */ m("span", {
+	return n.displayName = `withBlockProps(${e.displayName || e.name || "Component"})`, v(n);
+}, Z = 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" }
 	});
-	let { kind: l, data: u } = n, d = t?.icon?.alt, f = g(e, i), p = {
+	let { kind: l, data: u } = n, f = t?.icon?.alt, p = d(e, i), m = {
 		"data-levo_element_key": o ? void 0 : r,
 		"data-levo_element_type": "Icon",
-		className: f,
+		className: p,
 		...s
-	}, h = d ? {
-		"aria-label": d,
+	}, h = f ? {
+		"aria-label": f,
 		role: "img"
 	} : {};
 	switch (l) {
-		case "emoji": return /* @__PURE__ */ m("p", {
+		case "emoji": return /* @__PURE__ */ w("p", {
 			style: {
 				width: "auto",
 				height: "auto",
-				...p.style
+				...m.style
 			},
 			ref: c,
-			...p,
+			...m,
 			...h,
 			children: u?.unicode
 		});
 		case "icon": {
 			let e = u;
-			return e?.svgCode ? /* @__PURE__ */ m("div", {
+			return e?.svgCode ? /* @__PURE__ */ w("div", {
 				ref: c,
-				...p,
+				...m,
 				...h,
 				style: {
 					display: a?.display ? void 0 : "inline-block",
-					...p.style
+					...m.style
 				},
 				dangerouslySetInnerHTML: { __html: e.svgCode }
-			}) : /* @__PURE__ */ m("span", {
+			}) : /* @__PURE__ */ w("span", {
 				ref: c,
-				...p
+				...m
 			});
 		}
-		case "custom": return /* @__PURE__ */ m("img", {
+		case "custom": return /* @__PURE__ */ w("img", {
 			ref: c,
 			src: u?.location,
 			srcSet: u?.srcset?.path,
 			decoding: "async",
-			alt: d ?? "icon",
-			...p
+			alt: f ?? "icon",
+			...m
 		});
-		default: return /* @__PURE__ */ m("span", {
+		default: return /* @__PURE__ */ w("span", {
 			ref: c,
-			...p
+			...m
 		});
 	}
 });
-B.displayName = "BaseIcon";
-var V = z(B), H = n.forwardRef(({ className: e, isLoading: t, loadingText: n, children: r, config: i = {}, styles: a, content: o, elementKey: s, generatedClassName: c, ...l }, u) => {
-	let d = r ?? o, f = i, v = (e, t) => e?.enabled ? /* @__PURE__ */ m(V, {
+Z.displayName = "BaseIcon";
+var Q = X(Z), $ = 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, {
 		noElementKey: !0,
 		elementKey: `${s}_${t}Icon`
 	}) : null;
-	return d ? /* @__PURE__ */ m("button", {
+	return f ? /* @__PURE__ */ w("button", {
 		"data-levo_element_key": s,
 		"data-levo_element_type": "Button",
 		type: "button",
-		className: g("inline-flex items-center justify-center", e, c),
+		className: d("inline-flex items-center justify-center", e, c),
 		ref: u,
 		...l,
-		children: t ? /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(_, { className: g("h-4 w-4 animate-spin", n ? "mr-2" : "") }), n] }) : /* @__PURE__ */ h(p, { children: [
-			v(f?.button_icons?.left, "left"),
-			/* @__PURE__ */ m("span", {
+		children: t ? /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w(D, { className: d("h-4 w-4 animate-spin", n ? "mr-2" : "") }), n] }) : /* @__PURE__ */ T(C, { children: [
+			m(p?.button_icons?.left, "left"),
+			/* @__PURE__ */ w("span", {
 				className: "button-content",
-				children: d
+				children: f
 			}),
-			v(f?.button_icons?.right, "right")
+			m(p?.button_icons?.right, "right")
 		] })
-	}) : /* @__PURE__ */ m("span", {
+	}) : /* @__PURE__ */ w("span", {
 		ref: u,
 		style: { display: "none" }
 	});
 });
-H.displayName = "BaseButton";
-var U = z(H);
+$.displayName = "BaseButton";
+var de = X($);
 //#endregion
-export { S as _, P as a, O as c, N as d, M as f, T as g, w as h, z as i, A as l, C as m, U as n, j as o, E as p, V as r, D as s, H as t, k as u, b as v, x as y };
+export { I as _, ce as a, k as b, V as c, K as d, G as f, se as g, R as h, X as i, U as l, L as m, de as n, W as o, z as p, Q as r, B as s, $ as t, H as u, oe as v, F as y };