@levo-so/site-runtime 0.3.1 → 0.3.8

package/PopupRenderer-BjW1jg70-W2y-PEPH.js

@@ -0,0 +1,387 @@
+import { n as e } from "./ThemeProvider-DutrjSTF.js";
+import { i as t } from "./LevoProvider-Bsjkcwc8.js";
+import { a as n, c as r, l as i, o as a, s as o, u as s } from "./Dialog-dT7y641z.js";
+import { t as c } from "./theme.cssm-DUzmx76l.js";
+import { d as l, f as u, l as d, n as f, o as p } from "./popupState-JmpeKzgM-qhNTV79U.js";
+import { n as m, r as h, t as g } from "./react-CV3jf2mc.js";
+import { _, c as ee, 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 te, u as D } from "./usePopupRedirect-BThP_YPW-COUseDik.js";
+import { t as O } from "./rteTheme.cssm-xg0gJ28J.js";
+import { c as k } from "react/compiler-runtime";
+import A from "clsx";
+import { Fragment as j, jsx as M, jsxs as N } from "react/jsx-runtime";
+import { Suspense as P, lazy as F, useEffect as I, useRef as L } from "react";
+import { IconX as R } from "@tabler/icons-react";
+import { $activity as z, $isIdentityContextReady as B, $pageLifecycle as ne, $scrollBehavior as V, $session as re, getTabCount as ie } from "@levo-so/insights/stores";
+//#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), I(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__ */ M("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__ */ M("button", {
+		type: "button",
+		className: A("_1gklkndj", "_1gklkndk"),
+		style: f,
+		onClick: o ?? void 0,
+		"aria-label": a.action?.type === "redirect" ? a.action.label : void 0,
+		children: l
+	}) : /* @__PURE__ */ M("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__ */ N("div", {
+		className: y,
+		children: [p, i]
+	}), t[15] = i, t[16] = p, t[17] = m) : m = t[17], m;
+}, le = (t) => {
+	let n = k(19), r, i, a, o, s;
+	n[0] === t ? (r = n[1], i = n[2], a = n[3], o = n[4], s = n[5]) : ({children: r, popupTheme: i, siteTheme: o, style: s, ...a} = t, n[0] = t, n[1] = r, n[2] = i, n[3] = a, n[4] = o, n[5] = s);
+	let l;
+	n[6] !== i || n[7] !== o ? (l = i ?? (o ? h(o) : null), n[6] = i, n[7] = o, n[8] = l) : l = n[8];
+	let u = l;
+	q(u?.fonts?.heading, u?.fonts?.body);
+	let d;
+	n[9] === Symbol.for("react.memo_cache_sentinel") ? (d = A(c, O), n[9] = d) : d = n[9];
+	let f;
+	n[10] === u ? f = n[11] : (f = m(u), n[10] = u, n[11] = f);
+	let p;
+	n[12] !== s || n[13] !== f ? (p = {
+		...f,
+		...s
+	}, n[12] = s, n[13] = f, n[14] = p) : p = n[14];
+	let g;
+	return n[15] !== r || n[16] !== a || n[17] !== p ? (g = /* @__PURE__ */ M(e, {
+		className: d,
+		cssReset: !0,
+		style: p,
+		...a,
+		children: r
+	}), n[15] = r, n[16] = a, n[17] = p, n[18] = g) : g = n[18], g;
+}, X = F(() => import("./PopupBody-DZVwDLkg-Cfy3lWGs.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__ */ M("div", { className: S }), o = /* @__PURE__ */ M("div", { className: w }), s = /* @__PURE__ */ M("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__ */ N("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__ */ M(ue, { size: t.content.size }), e[0] = t.content.size, e[1] = n);
+	let r;
+	e[2] === t ? r = e[3] : (r = /* @__PURE__ */ M(X, { popup: t }), e[2] = t, e[3] = r);
+	let i;
+	e[4] !== n || e[5] !== r ? (i = /* @__PURE__ */ M(P, {
+		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__ */ M(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 e = k(32), { popup: t, callbacks: c } = x(), { placement: d, id: f } = t, p = g(l).active_popup_id === f, m = L(!1), h, _;
+	e[0] !== c || e[1] !== p || e[2] !== t ? (h = () => {
+		p && !m.current && (m.current = !0, c?.onPopupOpen?.(t, { trigger_type: u() })), p || (m.current = !1);
+	}, _ = [
+		p,
+		t,
+		c
+	], e[0] = c, e[1] = p, e[2] = t, e[3] = h, e[4] = _) : (h = e[3], _ = e[4]), I(h, _);
+	let v = te(), y, b, S, C, w, E, O, j;
+	if (e[5] !== v || e[6] !== p || e[7] !== d || e[8] !== t) {
+		let c = de(t), l = d === "popup", u = d === "slide_in";
+		b = a, w = p, e[17] === v ? E = e[18] : (E = (e, t) => !e && v(fe(t?.reason)), e[17] = v, e[18] = E), O = l, j = !l, y = r, e[19] === l ? S = e[20] : (S = l && /* @__PURE__ */ M(i, {}), e[19] = l, e[20] = S), C = l ? /* @__PURE__ */ M(s, {
+			className: ee,
+			children: /* @__PURE__ */ N(o.Popup, {
+				className: D({ placement: d }),
+				children: [/* @__PURE__ */ M(n, {
+					variant: "ghost",
+					size: "icon-xs",
+					className: T,
+					"aria-label": "Close popup",
+					children: /* @__PURE__ */ M(R, { size: 16 })
+				}), /* @__PURE__ */ M(Z, {})]
+			})
+		}) : /* @__PURE__ */ N(o.Popup, {
+			className: A(D({
+				placement: d,
+				position: c
+			}), u && "_1gklkndd"),
+			children: [/* @__PURE__ */ M(n, {
+				variant: "ghost",
+				size: "icon-xs",
+				className: T,
+				"aria-label": "Close popup",
+				children: /* @__PURE__ */ M(R, { size: 16 })
+			}), /* @__PURE__ */ M(Z, {})]
+		}), e[5] = v, e[6] = p, e[7] = d, e[8] = t, e[9] = y, e[10] = b, e[11] = S, e[12] = C, e[13] = w, e[14] = E, e[15] = O, e[16] = j;
+	} else y = e[9], b = e[10], S = e[11], C = e[12], w = e[13], E = e[14], O = e[15], j = e[16];
+	let P;
+	e[21] !== y || e[22] !== S || e[23] !== C ? (P = /* @__PURE__ */ N(y, { children: [S, C] }), e[21] = y, e[22] = S, e[23] = C, e[24] = P) : P = e[24];
+	let F;
+	return e[25] !== b || e[26] !== w || e[27] !== E || e[28] !== O || e[29] !== j || e[30] !== P ? (F = /* @__PURE__ */ M(b, {
+		open: w,
+		onOpenChange: E,
+		modal: O,
+		disablePointerDismissal: j,
+		children: P
+	}), e[25] = b, e[26] = w, e[27] = E, e[28] = O, e[29] = j, e[30] = P, e[31] = F) : F = e[31], F;
+}, 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 = ne.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(() => f(t, { trigger_type: "time_on_page" }), e);
+	return () => clearTimeout(n);
+}, Se = (e, t) => {
+	if (e === void 0) return null;
+	let n = !1;
+	return V.listen((r) => {
+		n || r.depth >= e && (n = !0, f(t, { trigger_type: "scroll_depth" }));
+	});
+}, Ce = (e) => {
+	let t = !1;
+	return z.listen((n) => {
+		t || n.status === "idle" && (t = !0, f(e, { trigger_type: "inactivity" }));
+	});
+}, we = (e, t) => {
+	let n = k(11), r = t === void 0 ? !0 : t, { triggers: i, id: a } = e, o = g(B), s;
+	n[0] === Symbol.for("react.memo_cache_sentinel") ? (s = [], n[0] = s) : s = n[0];
+	let c = L(s), l;
+	n[1] !== r || n[2] !== o || n[3] !== e || n[4] !== i ? (l = () => {
+		if (!r || !o || !i) return;
+		let t = [];
+		if (i.time_on_page.enabled) {
+			let n = xe(i.time_on_page.delay_ms, e);
+			n && t.push(n);
+		}
+		if (i.scroll_depth.enabled) {
+			let n = Se(i.scroll_depth.percent, e);
+			n && t.push(n);
+		}
+		return i.exit_intent.enabled && t.push(be(() => f(e, { trigger_type: "exit_intent" }))), i.inactivity.enabled && t.push(Ce(e)), c.current = t, () => {
+			t.forEach(Te), c.current = [];
+		};
+	}, n[1] = r, n[2] = o, n[3] = e, n[4] = i, n[5] = l) : l = n[5];
+	let u;
+	n[6] !== r || n[7] !== o || n[8] !== a || n[9] !== i ? (u = [
+		r,
+		o,
+		a,
+		i
+	], n[6] = r, n[7] = o, n[8] = a, n[9] = i, n[10] = u) : u = n[10], I(l, u);
+};
+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 = re.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__ */ M(pe, {}), t[3] = o) : o = t[3], o;
+}, Oe = () => {
+	let e = V.get(), t = z.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: ie()
+	};
+}, ke = (e) => {
+	let n = k(16), { popups: r, pageId: i } = e, a = t(), o, s;
+	n[0] === r ? (o = n[1], s = n[2]) : (o = () => {
+		p(r), d(!1);
+	}, s = [r], n[0] = r, n[1] = o, n[2] = s), I(o, s);
+	let c;
+	n[3] === a ? c = n[4] : (c = (e, t) => {
+		!a || typeof a.track != "function" || a?.track(e, t);
+	}, n[3] = a, n[4] = c);
+	let l = c, u = Ae, f;
+	n[5] === l ? f = n[6] : (f = {
+		onPopupOpen: (e, t) => {
+			l("popup.view", {
+				...u(e),
+				trigger_type: t.trigger_type,
+				language: e.language,
+				...Oe()
+			});
+		},
+		onPopupClose: (e, t) => {
+			l("popup.close", {
+				...u(e),
+				trigger_type: t.trigger_type,
+				dismiss_reason: t.dismiss_reason,
+				time_shown_ms: t.time_shown_ms
+			});
+		},
+		onAction: (e, t) => {
+			l("popup.action", {
+				...u(e),
+				...t
+			});
+		}
+	}, n[5] = l, n[6] = f);
+	let m = f, h;
+	if (n[7] !== m || n[8] !== i || n[9] !== r) {
+		let e;
+		n[11] !== m || n[12] !== i ? (e = (e) => /* @__PURE__ */ M(le, {
+			popupTheme: e.theme,
+			siteTheme: e.site?.theme,
+			children: /* @__PURE__ */ M(E, {
+				popup: e,
+				callbacks: m,
+				children: /* @__PURE__ */ M(De, { pageId: i })
+			})
+		}, e.id), n[11] = m, n[12] = i, n[13] = e) : e = n[13], h = r.map(e), n[7] = m, n[8] = i, n[9] = r, n[10] = h;
+	} else h = n[10];
+	let g;
+	return n[14] === h ? g = n[15] : (g = /* @__PURE__ */ M(j, { children: h }), n[14] = h, n[15] = g), g;
+};
+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__ */ _({ PopupRenderer: () => ke });
+//#endregion
+export { je as t };