@levo-so/studio 0.3.6 → 0.3.8

package/PopupRenderer-BjW1jg70-C1UDgSfJ.js

@@ -0,0 +1,388 @@
+import { d as e, f as t, l as n, n as r, o as i } from "./popupState-JmpeKzgM-UECLsSbL.js";
+import { n as a } from "./ThemeProvider-CqPHzkW9.js";
+import { n as o, t as s } from "./themeMapping-Bi9Rcr5G-C7UXWE6o.js";
+import { t as c } from "./theme.cssm-Czj9sF4X.js";
+import { a as l, c as u, l as d, o as f, s as p, u as m } from "./Dialog-CPE8yUqK.js";
+import { t as h } from "./rteTheme.cssm-W4gTOijw.js";
+import { _ as g, c as _, d as v, f as y, g as b, h as x, m as S, n as C, o as w, p as T, s as E, t as D, u as O } from "./usePopupRedirect-BThP_YPW-jXtfhYu6.js";
+import { c as k } from "react/compiler-runtime";
+import { $activity as A, $isIdentityContextReady as j, $pageLifecycle as M, $scrollBehavior as N, $session as ee, getTabCount as te } from "@levo-so/insights/stores";
+import { useLevoInsights as ne } from "@levo-so/react";
+import { Suspense as re, lazy as ie, useEffect as P, useRef as F } from "react";
+import { Fragment as I, jsx as L, jsxs as R } from "react/jsx-runtime";
+import { useStore as z } from "@nanostores/react";
+import B from "clsx";
+import { IconX as V } from "@tabler/icons-react";
+//#region ../../libraries/levocn/dist/theme/utils/googleFonts.js
+var H = "wght@300;400;500;600;700;900", U = (e) => !!e && e !== "inherit" && !e.includes(",") && !e.includes("var("), W = (...e) => {
+	let t = Array.from(new Set(e.filter((e) => typeof e == "string").map((e) => e.trim()).filter(U)));
+	return t.length === 0 ? null : `https://fonts.googleapis.com/css2?${t.map((e) => `family=${e.replace(/ /g, "+")}:${H}`).join("&")}&display=swap`;
+}, G = (e) => {
+	if (document.querySelector(`link[rel="preconnect"][href="${e}"]`)) return;
+	let t = document.createElement("link");
+	t.rel = "preconnect", t.href = e, t.crossOrigin = "anonymous", document.head.appendChild(t);
+}, K = (e) => {
+	let t = `family=${e.replace(/ /g, "+")}:`;
+	return Array.from(document.querySelectorAll("link[rel=\"stylesheet\"][href*=\"fonts.googleapis.com\"]")).some((e) => e.href.includes(t));
+}, q = (...e) => {
+	let t = k(5), n = e, r;
+	t[0] === n ? r = t[1] : (r = n.filter(J).map(Y).join("|"), t[0] = n, t[1] = r);
+	let i = r, a, o;
+	t[2] === i ? (a = t[3], o = t[4]) : (a = () => {
+		let e = W(...(i ? i.split("|") : []).filter(ae));
+		if (!e) return;
+		G("https://fonts.googleapis.com"), G("https://fonts.gstatic.com");
+		let t = document.createElement("link");
+		t.rel = "stylesheet", t.href = e, t.crossOrigin = "anonymous", t.setAttribute("data-levo-fonts", e), document.head.appendChild(t);
+	}, o = [i], t[2] = i, t[3] = a, t[4] = o), P(a, o);
+};
+function J(e) {
+	return typeof e == "string" && e.trim() !== "";
+}
+function Y(e) {
+	return e.trim();
+}
+function ae(e) {
+	return !K(e);
+}
+//#endregion
+//#region ../../libraries/popups/dist/PopupDialog-ofRpHB1v.js
+var oe = (e) => (e ?? "16:9").replace(":", " / "), se = (e) => {
+	if (e.content.coverImage?.srcset) return Object.entries(e.content.coverImage.srcset).filter(([e]) => e !== "path").map(([e, t]) => `${t} ${e}`).join(", ");
+}, ce = (e) => {
+	let t = k(18), { popup: n, disableInteraction: r, children: i } = e, { content: a } = n, o = b(n), s = !!o && !r, c;
+	t[0] !== a.coverImage || t[1] !== a.coverImageFocus || t[2] !== n ? (c = a.coverImage && /* @__PURE__ */ L("img", {
+		src: a.coverImage.location,
+		srcSet: se(n),
+		alt: "",
+		className: "_1gklkndl",
+		style: a.coverImageFocus ? { objectPosition: a.coverImageFocus.replace("-", " ") } : void 0
+	}), t[0] = a.coverImage, t[1] = a.coverImageFocus, t[2] = n, t[3] = c) : c = t[3];
+	let l = c, u;
+	t[4] === a.coverImageRatio ? u = t[5] : (u = oe(a.coverImageRatio), t[4] = a.coverImageRatio, t[5] = u);
+	let d;
+	t[6] === u ? d = t[7] : (d = { aspectRatio: u }, t[6] = u, t[7] = d);
+	let f = d, p;
+	t[8] !== a.action || t[9] !== a.coverImage || t[10] !== s || t[11] !== l || t[12] !== f || t[13] !== o ? (p = a.coverImage && (s ? /* @__PURE__ */ L("button", {
+		type: "button",
+		className: B("_1gklkndj", "_1gklkndk"),
+		style: f,
+		onClick: o ?? void 0,
+		"aria-label": a.action?.type === "redirect" ? a.action.label : void 0,
+		children: l
+	}) : /* @__PURE__ */ L("div", {
+		className: "_1gklkndj",
+		style: f,
+		children: l
+	})), t[8] = a.action, t[9] = a.coverImage, t[10] = s, t[11] = l, t[12] = f, t[13] = o, t[14] = p) : p = t[14];
+	let m;
+	return t[15] !== i || t[16] !== p ? (m = /* @__PURE__ */ R("div", {
+		className: y,
+		children: [p, i]
+	}), t[15] = i, t[16] = p, t[17] = m) : m = t[17], m;
+}, le = (e) => {
+	let t = k(19), n, r, i, l, u;
+	t[0] === e ? (n = t[1], r = t[2], i = t[3], l = t[4], u = t[5]) : ({children: n, popupTheme: r, siteTheme: l, style: u, ...i} = e, t[0] = e, t[1] = n, t[2] = r, t[3] = i, t[4] = l, t[5] = u);
+	let d;
+	t[6] !== r || t[7] !== l ? (d = r ?? (l ? o(l) : null), t[6] = r, t[7] = l, t[8] = d) : d = t[8];
+	let f = d;
+	q(f?.fonts?.heading, f?.fonts?.body);
+	let p;
+	t[9] === Symbol.for("react.memo_cache_sentinel") ? (p = B(c, h), t[9] = p) : p = t[9];
+	let m;
+	t[10] === f ? m = t[11] : (m = s(f), t[10] = f, t[11] = m);
+	let g;
+	t[12] !== u || t[13] !== m ? (g = {
+		...m,
+		...u
+	}, t[12] = u, t[13] = m, t[14] = g) : g = t[14];
+	let _;
+	return t[15] !== n || t[16] !== i || t[17] !== g ? (_ = /* @__PURE__ */ L(a, {
+		className: p,
+		cssReset: !0,
+		style: g,
+		...i,
+		children: n
+	}), t[15] = n, t[16] = i, t[17] = g, t[18] = _) : _ = t[18], _;
+}, X = ie(() => import("./PopupBody-DZVwDLkg-PiECxgmc.js").then((e) => e.n).then((e) => ({ default: e.PopupBody }))), ue = (e) => {
+	let t = k(7), { size: n } = e, r = n ?? "medium", i;
+	t[0] === r ? i = t[1] : (i = v({ size: r }), t[0] = r, t[1] = i);
+	let a, o, s;
+	t[2] === Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */ L("div", { className: S }), o = /* @__PURE__ */ L("div", { className: w }), s = /* @__PURE__ */ L("div", { className: C }), t[2] = a, t[3] = o, t[4] = s) : (a = t[2], o = t[3], s = t[4]);
+	let c;
+	return t[5] === i ? c = t[6] : (c = /* @__PURE__ */ R("div", {
+		className: i,
+		children: [
+			a,
+			o,
+			s
+		]
+	}), t[5] = i, t[6] = c), c;
+}, Z = () => {
+	let e = k(10), { popup: t } = x(), n;
+	e[0] === t.content.size ? n = e[1] : (n = /* @__PURE__ */ L(ue, { size: t.content.size }), e[0] = t.content.size, e[1] = n);
+	let r;
+	e[2] === t ? r = e[3] : (r = /* @__PURE__ */ L(X, { popup: t }), e[2] = t, e[3] = r);
+	let i;
+	e[4] !== n || e[5] !== r ? (i = /* @__PURE__ */ L(re, {
+		fallback: n,
+		children: r
+	}), e[4] = n, e[5] = r, e[6] = i) : i = e[6];
+	let a;
+	return e[7] !== t || e[8] !== i ? (a = /* @__PURE__ */ L(ce, {
+		popup: t,
+		children: i
+	}), e[7] = t, e[8] = i, e[9] = a) : a = e[9], a;
+}, de = (e) => e.content.position || "top-right", fe = (e) => {
+	switch (e) {
+		case "close-press": return "close_button";
+		case "outside-press": return "outside_click";
+		case "escape-key": return "escape_key";
+		default: return "programmatic";
+	}
+}, pe = () => {
+	let n = k(32), { popup: r, callbacks: i } = x(), { placement: a, id: o } = r, s = z(e).active_popup_id === o, c = F(!1), h, g;
+	n[0] !== i || n[1] !== s || n[2] !== r ? (h = () => {
+		s && !c.current && (c.current = !0, i?.onPopupOpen?.(r, { trigger_type: t() })), s || (c.current = !1);
+	}, g = [
+		s,
+		r,
+		i
+	], n[0] = i, n[1] = s, n[2] = r, n[3] = h, n[4] = g) : (h = n[3], g = n[4]), P(h, g);
+	let v = D(), y, b, S, C, w, E, A, j;
+	if (n[5] !== v || n[6] !== s || n[7] !== a || n[8] !== r) {
+		let e = de(r), t = a === "popup", i = a === "slide_in";
+		b = f, w = s, n[17] === v ? E = n[18] : (E = (e, t) => !e && v(fe(t?.reason)), n[17] = v, n[18] = E), A = t, j = !t, y = u, n[19] === t ? S = n[20] : (S = t && /* @__PURE__ */ L(d, {}), n[19] = t, n[20] = S), C = t ? /* @__PURE__ */ L(m, {
+			className: _,
+			children: /* @__PURE__ */ R(p.Popup, {
+				className: O({ placement: a }),
+				children: [/* @__PURE__ */ L(l, {
+					variant: "ghost",
+					size: "icon-xs",
+					className: T,
+					"aria-label": "Close popup",
+					children: /* @__PURE__ */ L(V, { size: 16 })
+				}), /* @__PURE__ */ L(Z, {})]
+			})
+		}) : /* @__PURE__ */ R(p.Popup, {
+			className: B(O({
+				placement: a,
+				position: e
+			}), i && "_1gklkndd"),
+			children: [/* @__PURE__ */ L(l, {
+				variant: "ghost",
+				size: "icon-xs",
+				className: T,
+				"aria-label": "Close popup",
+				children: /* @__PURE__ */ L(V, { size: 16 })
+			}), /* @__PURE__ */ L(Z, {})]
+		}), n[5] = v, n[6] = s, n[7] = a, n[8] = r, n[9] = y, n[10] = b, n[11] = S, n[12] = C, n[13] = w, n[14] = E, n[15] = A, n[16] = j;
+	} else y = n[9], b = n[10], S = n[11], C = n[12], w = n[13], E = n[14], A = n[15], j = n[16];
+	let M;
+	n[21] !== y || n[22] !== S || n[23] !== C ? (M = /* @__PURE__ */ R(y, { children: [S, C] }), n[21] = y, n[22] = S, n[23] = C, n[24] = M) : M = n[24];
+	let N;
+	return n[25] !== b || n[26] !== w || n[27] !== E || n[28] !== A || n[29] !== j || n[30] !== M ? (N = /* @__PURE__ */ L(b, {
+		open: w,
+		onOpenChange: E,
+		modal: A,
+		disablePointerDismissal: j,
+		children: M
+	}), n[25] = b, n[26] = w, n[27] = E, n[28] = A, n[29] = j, n[30] = M, n[31] = N) : N = n[31], N;
+}, me = 3e4, he = 5e3, ge = 5e3, _e = 100, ve = .5, ye = 5, be = (e) => {
+	if (typeof document > "u") return () => {};
+	let t = !1, n = Date.now(), r = [], i = 0, a = null, o = () => Date.now() - n >= me, s = () => {
+		t || (t = !0, c(), e());
+	}, c = () => {
+		a &&= (clearTimeout(a), null);
+	}, l = () => {
+		if (r.length < 2) return 0;
+		let e = r[0], t = r[r.length - 1], n = t.t - e.t;
+		return n === 0 ? 0 : (e.y - t.y) / n;
+	}, u = () => r.reduce((e, t) => t.y > e ? t.y : e, 0), d = (e) => {
+		r.push({
+			y: e.clientY,
+			t: Date.now()
+		}), r.length > ye && r.shift();
+	}, f = (e) => {
+		t || !o() || e.clientY > 0 || u() < _e || Date.now() - i < ge || l() < ve || (c(), a = setTimeout(s, he));
+	}, p = () => {
+		c();
+	}, m = () => {
+		i = Date.now();
+	}, h = M.listen((e) => {
+		o() && (e === "hidden" || e === "frozen") && s();
+	});
+	return document.addEventListener("mousemove", d, { passive: !0 }), document.addEventListener("mouseleave", f), document.addEventListener("mouseenter", p), window.addEventListener("scroll", m, { passive: !0 }), () => {
+		c(), document.removeEventListener("mousemove", d), document.removeEventListener("mouseleave", f), document.removeEventListener("mouseenter", p), window.removeEventListener("scroll", m), h();
+	};
+}, xe = (e, t) => {
+	if (!e) return null;
+	let n = setTimeout(() => r(t, { trigger_type: "time_on_page" }), e);
+	return () => clearTimeout(n);
+}, Se = (e, t) => {
+	if (e === void 0) return null;
+	let n = !1;
+	return N.listen((i) => {
+		n || i.depth >= e && (n = !0, r(t, { trigger_type: "scroll_depth" }));
+	});
+}, Ce = (e) => {
+	let t = !1;
+	return A.listen((n) => {
+		t || n.status === "idle" && (t = !0, r(e, { trigger_type: "inactivity" }));
+	});
+}, we = (e, t) => {
+	let n = k(11), i = t === void 0 ? !0 : t, { triggers: a, id: o } = e, s = z(j), c;
+	n[0] === Symbol.for("react.memo_cache_sentinel") ? (c = [], n[0] = c) : c = n[0];
+	let l = F(c), u;
+	n[1] !== i || n[2] !== s || n[3] !== e || n[4] !== a ? (u = () => {
+		if (!i || !s || !a) return;
+		let t = [];
+		if (a.time_on_page.enabled) {
+			let n = xe(a.time_on_page.delay_ms, e);
+			n && t.push(n);
+		}
+		if (a.scroll_depth.enabled) {
+			let n = Se(a.scroll_depth.percent, e);
+			n && t.push(n);
+		}
+		return a.exit_intent.enabled && t.push(be(() => r(e, { trigger_type: "exit_intent" }))), a.inactivity.enabled && t.push(Ce(e)), l.current = t, () => {
+			t.forEach(Te), l.current = [];
+		};
+	}, n[1] = i, n[2] = s, n[3] = e, n[4] = a, n[5] = u) : u = n[5];
+	let d;
+	n[6] !== i || n[7] !== s || n[8] !== o || n[9] !== a ? (d = [
+		i,
+		s,
+		o,
+		a
+	], n[6] = i, n[7] = s, n[8] = o, n[9] = a, n[10] = d) : d = n[10], P(u, d);
+};
+function Te(e) {
+	return e();
+}
+var Q = (e, t) => {
+	switch (e.match_type) {
+		case "is_all_pages": return !0;
+		case "is": return e.page_id ? t.pageId === e.page_id ? e.value == null || e.value === t.path : !1 : e.value != null && e.value === t.path;
+		case "contains": return e.value != null && t.path.includes(e.value);
+		case "begins_with": return e.value != null && t.path.startsWith(e.value);
+		default: return !1;
+	}
+}, $ = (e, t) => {
+	switch (e.match_type) {
+		case "exact": return t === e.value;
+		case "contains": return t.includes(e.value);
+		case "domain": try {
+			let n = new URL(t).hostname, r = e.value.toLowerCase();
+			return n === r || n.endsWith(`.${r}`);
+		} catch {
+			return !1;
+		}
+		default: return !1;
+	}
+}, Ee = (e, t, n) => {
+	let r = e.pages?.exclude ?? [];
+	if (r.length > 0 && r.some((e) => Q(e, t))) return !1;
+	let i = e.pages?.include ?? [];
+	if (i.length > 0 && !i.some((e) => Q(e, t))) return !1;
+	let a = e.referrer?.include ?? [];
+	if (a.length > 0 && (!n || !a.some((e) => $(e, n)))) return !1;
+	let o = e.referrer?.exclude ?? [];
+	return !(o.length > 0 && n && o.some((e) => $(e, n)));
+}, De = (e) => {
+	let t = k(4), { pageId: n } = e, { popup: r } = x(), i;
+	bb0: {
+		if (!r.target) {
+			i = !0;
+			break bb0;
+		}
+		if (typeof window > "u") {
+			i = !1;
+			break bb0;
+		}
+		let e;
+		if (t[0] !== n || t[1] !== r.target) {
+			let i = ee.get().identity?.referrer?.raw || document.referrer || null, a = new URL(window.location.href, window.location.origin);
+			e = Ee(r.target, {
+				pageId: n,
+				path: a.pathname
+			}, i), t[0] = n, t[1] = r.target, t[2] = e;
+		} else e = t[2];
+		i = e;
+	}
+	let a = i;
+	if (we(r, a), !a) return null;
+	let o;
+	return t[3] === Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ L(pe, {}), t[3] = o) : o = t[3], o;
+}, Oe = () => {
+	let e = N.get(), t = A.get();
+	return {
+		trigger_scroll_depth: e.depth,
+		trigger_scroll_speed: e.speedCategory,
+		trigger_scroll_direction: e.direction,
+		trigger_activity_status: t.status,
+		trigger_activity_seconds: t.seconds,
+		trigger_tab_count: te()
+	};
+}, ke = (e) => {
+	let t = k(16), { popups: r, pageId: a } = e, o = ne(), s, c;
+	t[0] === r ? (s = t[1], c = t[2]) : (s = () => {
+		i(r), n(!1);
+	}, c = [r], t[0] = r, t[1] = s, t[2] = c), P(s, c);
+	let l;
+	t[3] === o ? l = t[4] : (l = (e, t) => {
+		!o || typeof o.track != "function" || o?.track(e, t);
+	}, t[3] = o, t[4] = l);
+	let u = l, d = Ae, f;
+	t[5] === u ? f = t[6] : (f = {
+		onPopupOpen: (e, t) => {
+			u("popup.view", {
+				...d(e),
+				trigger_type: t.trigger_type,
+				language: e.language,
+				...Oe()
+			});
+		},
+		onPopupClose: (e, t) => {
+			u("popup.close", {
+				...d(e),
+				trigger_type: t.trigger_type,
+				dismiss_reason: t.dismiss_reason,
+				time_shown_ms: t.time_shown_ms
+			});
+		},
+		onAction: (e, t) => {
+			u("popup.action", {
+				...d(e),
+				...t
+			});
+		}
+	}, t[5] = u, t[6] = f);
+	let p = f, m;
+	if (t[7] !== p || t[8] !== a || t[9] !== r) {
+		let e;
+		t[11] !== p || t[12] !== a ? (e = (e) => /* @__PURE__ */ L(le, {
+			popupTheme: e.theme,
+			siteTheme: e.site?.theme,
+			children: /* @__PURE__ */ L(E, {
+				popup: e,
+				callbacks: p,
+				children: /* @__PURE__ */ L(De, { pageId: a })
+			})
+		}, e.id), t[11] = p, t[12] = a, t[13] = e) : e = t[13], m = r.map(e), t[7] = p, t[8] = a, t[9] = r, t[10] = m;
+	} else m = t[10];
+	let h;
+	return t[14] === m ? h = t[15] : (h = /* @__PURE__ */ L(I, { children: m }), t[14] = m, t[15] = h), h;
+};
+function Ae(e) {
+	return {
+		resource: "builder.popup",
+		identifier: e.id,
+		popup_title: e.title,
+		placement: e.placement,
+		popup_action_kind: e.content.action?.type || "none"
+	};
+}
+var je = /* @__PURE__ */ g({ PopupRenderer: () => ke });
+//#endregion
+export { je as t };

package/{ProfileCard-DFgmQMUO.js → ProfileCard-DzEBPrax.js}

@@ -1,9 +1,9 @@
 "use client";
-import { r as e } from "./dist-Ckw19x6H.js";
-import { n as t } from "./AuthProvider-CFQqiIf1.js";
-import { t as n } from "./Spinner-HCqR1eGW.js";
-import { t as r } from "./card-Cb4m0p4i.js";
-import { t as i } from "./MessageFooter-CrhrI-su.js";
+import { c as e } from "./dist-2bXx8eVI.js";
+import { n as t } from "./AuthProvider-B5NfFwbG.js";
+import { t as n } from "./Spinner-D5spB_Mv.js";
+import { t as r } from "./card-5ooLmYSr.js";
+import { t as i } from "./MessageFooter-K4Zd_eFO.js";
 import { useLevo as a } from "@levo-so/react";
 import { useEffect as o, useState as s } from "react";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";