@levo-so/site-runtime 0.3.19 → 0.3.21

package/dist-DEXGyFeH.js

@@ -0,0 +1,376 @@
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { a as t, t as n } from "./inlineBaseTheme-DcNdMEYp.js";
+import { c as r } from "react/compiler-runtime";
+import { Suspense as i, lazy as a, useCallback as o, useEffect as s, useRef as c, useState as l, useSyncExternalStore as u } from "react";
+import { jsx as d } from "react/jsx-runtime";
+import { $isIdentityContextReady as f } from "@levo-so/insights/stores";
+//#region ../../node_modules/.pnpm/nanostores@0.11.4/node_modules/nanostores/clean-stores/index.js
+var p = Symbol("clean"), m = [], h = 0, g = 4, _ = 0, v = (e) => {
+	let t = [], n = {
+		get() {
+			return n.lc || n.listen(() => {})(), n.value;
+		},
+		lc: 0,
+		listen(e) {
+			return n.lc = t.push(e), () => {
+				for (let t = h + g; t < m.length;) m[t] === e ? m.splice(t, g) : t += g;
+				let r = t.indexOf(e);
+				~r && (t.splice(r, 1), --n.lc || n.off());
+			};
+		},
+		notify(e, r) {
+			_++;
+			let i = !m.length;
+			for (let i of t) m.push(i, n.value, e, r);
+			if (i) {
+				for (h = 0; h < m.length; h += g) m[h](m[h + 1], m[h + 2], m[h + 3]);
+				m.length = 0;
+			}
+		},
+		off() {},
+		set(e) {
+			let t = n.value;
+			t !== e && (n.value = e, n.notify(t));
+		},
+		subscribe(e) {
+			let t = n.listen(e);
+			return e(n.value), t;
+		},
+		value: e
+	};
+	return process.env.NODE_ENV !== "production" && (n[p] = () => {
+		t = [], n.lc = 0, n.off();
+	}), n;
+}, y = 5, b = 6, x = 10, ee = (e, t, n, r) => (e.events = e.events || {}, e.events[n + x] || (e.events[n + x] = r((t) => {
+	e.events[n].reduceRight((e, t) => (t(e), e), {
+		shared: {},
+		...t
+	});
+})), e.events[n] = e.events[n] || [], e.events[n].push(t), () => {
+	let r = e.events[n], i = r.indexOf(t);
+	r.splice(i, 1), r.length || (delete e.events[n], e.events[n + x](), delete e.events[n + x]);
+}), te = 1e3, S = (e, t) => ee(e, (n) => {
+	let r = t(n);
+	r && e.events[b].push(r);
+}, y, (t) => {
+	let n = e.listen;
+	e.listen = (...r) => (!e.lc && !e.active && (e.active = !0, t()), n(...r));
+	let r = e.off;
+	if (e.events[b] = [], e.off = () => {
+		r(), setTimeout(() => {
+			if (e.active && !e.lc) {
+				e.active = !1;
+				for (let t of e.events[b]) t();
+				e.events[b] = [];
+			}
+		}, te);
+	}, process.env.NODE_ENV !== "production") {
+		let t = e[p];
+		e[p] = () => {
+			for (let t of e.events[b]) t();
+			e.events[b] = [], e.active = !1, t();
+		};
+	}
+	return () => {
+		e.listen = n, e.off = r;
+	};
+}), ne = (e, t, n) => {
+	Array.isArray(e) || (e = [e]);
+	let r, i, a = () => {
+		if (i === _) return;
+		i = _;
+		let n = e.map((e) => e.get());
+		if (!r || n.some((e, t) => e !== r[t])) {
+			r = n;
+			let e = t(...n);
+			e && e.then && e.t ? e.then((e) => {
+				r === n && o.set(e);
+			}) : (o.set(e), i = _);
+		}
+	}, o = v(void 0), s = o.get;
+	o.get = () => (a(), s());
+	let c, l = n ? () => {
+		clearTimeout(c), c = setTimeout(a);
+	} : a;
+	return S(o, () => {
+		let t = e.map((e) => e.listen(l));
+		return a(), () => {
+			for (let e of t) e();
+		};
+	}), o;
+}, C = (e, t) => ne(e, t);
+//#endregion
+//#region ../../node_modules/.pnpm/nanostores@0.11.4/node_modules/nanostores/listen-keys/index.js
+function re(e, t, n) {
+	let r = new Set(t).add(void 0);
+	return e.listen((e, t, i) => {
+		r.has(i) && n(e, t, i);
+	});
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@nanostores+persistent@1.3.3_nanostores@0.11.4/node_modules/@nanostores/persistent/index.js
+var w = (e) => e, T = {}, E = {
+	addEventListener() {},
+	removeEventListener() {}
+};
+function ie() {
+	try {
+		return typeof localStorage < "u";
+	} catch {
+		return !1;
+	}
+}
+ie() && (T = localStorage), typeof window < "u" && (E = {
+	addEventListener(e, t, n) {
+		window.addEventListener("storage", t), window.addEventListener("pageshow", n);
+	},
+	removeEventListener(e, t, n) {
+		window.removeEventListener("storage", t), window.removeEventListener("pageshow", n);
+	}
+});
+function D(e, t = void 0, n = {}) {
+	let r = n.encode || w, i = n.decode || w, a = T[e], o = v(e in T ? i(a) : t), s = o.set;
+	o.set = (t) => {
+		a = r(t), a === void 0 ? delete T[e] : T[e] = a, s(t);
+	};
+	function c(n) {
+		n.key === e ? n.newValue === null ? s(t) : s(i(n.newValue)) : T[e] || s(t);
+	}
+	function l() {
+		a !== T[e] && o.set(e in T ? i(T[e]) : t);
+	}
+	return S(o, () => {
+		if (l(), n.listen !== !1) return E.addEventListener(e, c, l), () => {
+			E.removeEventListener(e, c, l);
+		};
+	}), o;
+}
+//#endregion
+//#region ../../libraries/popups/dist/themeMapping-DH_NoXK8.js
+var O = 6e4, k = "lv_popups_session", A = {
+	active_popup_id: null,
+	shown_popup_ids: [],
+	last_closed_at: null
+}, j = D("lv_popups_state", {}, {
+	encode: JSON.stringify,
+	decode: JSON.parse
+}), ae = (e) => {
+	if (!e) return A;
+	try {
+		return {
+			...JSON.parse(e),
+			active_popup_id: null
+		};
+	} catch {
+		return A;
+	}
+}, M = v((() => {
+	if (typeof sessionStorage > "u") return A;
+	try {
+		return ae(sessionStorage.getItem(k));
+	} catch {
+		return A;
+	}
+})()), N = M.set;
+M.set = (e) => {
+	N(e);
+	try {
+		sessionStorage.setItem(k, JSON.stringify(e));
+	} catch {}
+};
+var P = C([M, j], (e, t) => ({
+	active_popup_id: e.active_popup_id,
+	shown_popup_ids: e.shown_popup_ids,
+	last_closed_at: e.last_closed_at,
+	previous_popups: t
+})), F = v([]), I = (e) => {
+	F.set(e);
+}, L = v(!0), R = (e) => {
+	L.set(e);
+}, z = () => P.get(), oe = (e, t) => e.includes(t) ? e : [...e, t], B = "manual", se = () => B, V = null, ce = () => V, H = [], U = null, W = () => {
+	if (U) return;
+	let { last_closed_at: e } = M.get();
+	if (!e) return;
+	let t = O - (Date.now() - e);
+	if (t <= 0) {
+		G();
+		return;
+	}
+	U = setTimeout(() => {
+		U = null, G();
+	}, t);
+}, G = () => {
+	let e = M.get();
+	if (!e.active_popup_id) {
+		if (e.last_closed_at && Date.now() - e.last_closed_at < 6e4) {
+			W();
+			return;
+		}
+		for (; H.length > 0;) {
+			let e = H.shift();
+			if (q(e.popup, { trigger_type: e.trigger_type })) return;
+		}
+	}
+}, le = (e, t) => {
+	H.some((t) => t.popup.id === e.id) || (H.push({
+		popup: e,
+		trigger_type: t
+	}), W());
+}, K = (e, t) => {
+	let n = z();
+	if (t?.type === "always") return !n.shown_popup_ids.includes(e);
+	let r = n.previous_popups[e];
+	return r ? !t || t.type === "once" ? !1 : t.type === "interval" && t.interval_ms ? Date.now() - r.triggered_at >= t.interval_ms : !0 : !0;
+}, q = (e, t = {}) => {
+	let { force: n = !1, trigger_type: r = "manual" } = t, i = e.id, a = e.settings?.display_frequency, o = M.get();
+	return o.active_popup_id === i ? !0 : !n && (o.active_popup_id || o.last_closed_at && Date.now() - o.last_closed_at < 6e4 || !K(i, a)) ? !1 : (U &&= (clearTimeout(U), null), B = r, V = Date.now(), M.set({
+		active_popup_id: i,
+		shown_popup_ids: oe(o.shown_popup_ids, i),
+		last_closed_at: o.last_closed_at
+	}), a?.type !== "always" && j.set({
+		...j.get(),
+		[i]: { triggered_at: Date.now() }
+	}), !0);
+}, ue = (e, t = {}) => {
+	let { trigger_type: n = "manual" } = t;
+	return q(e, { trigger_type: n }) ? !0 : (K(e.id, e.settings?.display_frequency) && le(e, n), !1);
+}, J = (e) => {
+	let t = M.get();
+	t.active_popup_id === e && (B = "manual", V = null, M.set({
+		...t,
+		active_popup_id: null,
+		last_closed_at: Date.now()
+	}), setTimeout(G, 0));
+}, Y = (e) => {
+	if (e == null) return;
+	if (typeof e == "string") return e;
+	if (typeof e != "object") return;
+	let t = e;
+	if (typeof t.l != "number" || typeof t.c != "number" || typeof t.h != "number") return;
+	let n = (e) => Math.round(e * 1e4) / 1e4, r = n(t.l), i = n(t.c), a = n(t.h), o = typeof t.alpha == "number" ? n(t.alpha) : 1;
+	return o < 1 ? `oklch(${r} ${i} ${a} / ${o})` : `oklch(${r} ${i} ${a})`;
+}, de = (e) => {
+	let t = e.colors;
+	return !t || typeof t != "object" ? !1 : Object.values(t).some((e) => e != null);
+}, fe = (e) => {
+	if (!e || !de(e)) return null;
+	let t = e.colors, n = t?.brand ?? {}, r = e.fonts, i = e.sizes;
+	return {
+		colors: {
+			brand: {
+				main: Y(n.main) ?? "",
+				foreground: Y(n.foreground) ?? ""
+			},
+			text1: Y(t.text1) ?? "",
+			text2: Y(t.text2) ?? "",
+			page: Y(t.page) ?? "",
+			border: Y(t.border) ?? ""
+		},
+		fonts: {
+			heading: r?.heading ?? "inherit",
+			body: r?.body ?? "inherit"
+		},
+		sizes: { radius: i?.radius ?? "4px" }
+	};
+}, pe = (e) => {
+	if (e) return {
+		colors: {
+			primary: e.colors?.brand?.main,
+			primaryForeground: e.colors?.brand?.foreground,
+			foreground: e.colors?.text1,
+			text: e.colors?.text1,
+			heading: e.colors?.text1,
+			mutedForeground: e.colors?.text2,
+			background: e.colors?.page,
+			card: e.colors?.page,
+			cardForeground: e.colors?.text1,
+			popover: e.colors?.page,
+			popoverForeground: e.colors?.text1,
+			border: e.colors?.border,
+			input: e.colors?.page,
+			inputForeground: e.colors?.text1
+		},
+		fonts: e.fonts,
+		radius: e.sizes?.radius
+	};
+}, me = (e) => n(pe(e)), X = (e, t) => (n) => {
+	e.current !== n && (e.current = n, t());
+};
+function Z(e, { keys: t, deps: n = [e, t] } = {}) {
+	let r = c();
+	r.current = e.get();
+	let i = o((n) => (X(r, n)(e.value), t?.length > 0 ? re(e, t, X(r, n)) : e.listen(X(r, n))), n), a = () => r.current;
+	return u(i, a, a);
+}
+//#endregion
+//#region ../../libraries/popups/dist/index.js
+var he = /* @__PURE__ */ e({
+	PopupLoader: () => _e,
+	fetchActivePopups: () => Q,
+	usePopup: () => $
+}), Q = 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 ?? [];
+}, ge = a(() => import("./PopupRenderer-BVtV4b9I-Dot4Syse.js").then((e) => e.t).then((e) => ({ default: e.PopupRenderer }))), _e = (e) => {
+	let n = r(9), { siteId: a, pageId: o } = e, { fetch: u, logger: p } = t(), [m, h] = l(null), g = c(!1), _, v;
+	if (n[0] !== u || n[1] !== p || n[2] !== a ? (_ = () => {
+		if (g.current) return;
+		let e = () => {
+			g.current || (g.current = !0, Q(u, a ? { site_id: a } : void 0).then((e) => {
+				I(e), h(e);
+			}).catch((e) => {
+				p?.error("Failed to fetch popups", { exception: e }), I([]), h([]);
+			}).finally(ve));
+		};
+		if (f.get()) {
+			e();
+			return;
+		}
+		let t = f.listen((n) => {
+			n && (t(), e());
+		});
+		return () => t();
+	}, v = [
+		u,
+		p,
+		a
+	], n[0] = u, n[1] = p, n[2] = a, n[3] = _, n[4] = v) : (_ = n[3], v = n[4]), s(_, v), !m || m.length === 0) return null;
+	let y;
+	n[5] === Symbol.for("react.memo_cache_sentinel") ? (y = {
+		position: "relative",
+		zIndex: 99999
+	}, n[5] = y) : y = n[5];
+	let b;
+	return n[6] !== o || n[7] !== m ? (b = /* @__PURE__ */ d("div", {
+		style: y,
+		children: /* @__PURE__ */ d(i, { children: /* @__PURE__ */ d(ge, {
+			popups: m,
+			pageId: o
+		}) })
+	}), n[6] = o, n[7] = m, n[8] = b) : b = n[8], b;
+};
+function ve() {
+	return R(!1);
+}
+var $ = () => {
+	let e = r(3), t = Z(F), n = Z(L), i = ye, a = be, o;
+	return e[0] !== n || e[1] !== t ? (o = {
+		popups: t,
+		isLoading: n,
+		openPopup: i,
+		closePopup: a
+	}, e[0] = n, e[1] = t, e[2] = o) : o = e[2], o;
+};
+function ye(e) {
+	let t = F.get().find((t) => t.id === e);
+	t && q(t, {
+		force: !0,
+		trigger_type: "manual"
+	});
+}
+function be() {
+	let e = M.get().active_popup_id;
+	e && J(e);
+}
+//#endregion
+export { me as a, z as c, I as d, ce as f, J as i, R as l, he as n, fe as o, se as p, Z as r, P as s, $ as t, ue as u };

package/index.d.ts

@@ -635,6 +635,21 @@ export declare interface ILevoEntryFormProps {
     className?: string;
 }
 
+declare interface ILevoEventRegisterProps {
+    /** Event id (or slug the single-event endpoint resolves). */
+    eventID: string;
+    /** Event name, shown in the sheet header and on the calendar entry. */
+    title?: string;
+    /** External ticketing URL — when set, renders a link out instead of the sheet. */
+    external?: string;
+    buttonText?: string;
+    /** Event start/end (`starts_at` / `ends_at`), shown in the viewer's own timezone and used for the calendar entry. */
+    startsAt?: string | Date | null;
+    endsAt?: string | Date | null;
+    /** Joining link (`url`), attached to the calendar entry so it is one tap away at start time. */
+    eventUrl?: string | null;
+}
+
 /**
  * A form binding — the fields + submit for a collection. `LevoForm` renders it (the schema
  * drives which inputs appear); submissions go to the collection. Forms only bind to
@@ -1709,23 +1724,18 @@ export declare const LevoEntryForm: React.FC<ILevoEntryFormProps>;
 
 /**
  * Self-contained event registration widget for generated Studio v3 sites — ticket
- * selection, coupons, attendee details, payment (Razorpay by default; Stripe Embedded
- * Checkout when the booking API returns `provider: "stripe"`), and a booking confirmation.
+ * choice, coupons, attendee details, payment (Razorpay by default; Stripe Embedded
+ * Checkout when the booking API returns `provider: "stripe"`), and the confirmation, all
+ * on one sheet that stays open from the first tap to "You're in".
  *
  * The AI drops this onto an event page and NEVER rebuilds the flow: it owns the entire
  * booking + payment path against the Levo event API. The site client (`useLevoClient`)
  * auto-stamps the workspace on every request, so no auth/workspace wiring is needed.
  * `external` turns it into a plain link out to a third-party ticketing URL.
+ *
+ * `?register=1` on the page URL opens the sheet on load, for campaign links and second CTAs.
  */
-export declare const LevoEventRegister: ({ eventID, title, external, buttonText, }: {
-    /** Event id (or slug the single-event endpoint resolves). */
-    eventID: string;
-    /** Event name, shown in the modal header. */
-    title?: string;
-    /** External ticketing URL — when set, renders a link out instead of the modal flow. */
-    external?: string;
-    buttonText?: string;
-}) => JSX.Element;
+export declare const LevoEventRegister: ({ eventID, title, external, buttonText, startsAt, endsAt, eventUrl, }: ILevoEventRegisterProps) => JSX.Element;
 
 /**
  * A collection-backed form for generated Studio v3 sites — renders the collection's fields