@levo-so/site-runtime 0.2.1 → 0.2.3

package/ThemeProvider-BQmIB5tr.js

@@ -0,0 +1,116 @@
+import { createContext as e, useContext as t, useEffect as n, useMemo as r, useRef as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
+import { c as o } from "react/compiler-runtime";
+import s from "clsx";
+import { createRuntimeFn as c } from "@vanilla-extract/recipes/createRuntimeFn";
+//#region ../../libraries/levocn/dist/styles/reset.cssm.js
+var l = "_1er5g5a0", u = c({
+	defaultClassName: "_1a7d0ek1 _1a7d0ek0",
+	variantClassNames: {
+		variant: {
+			default: "_1a7d0ek2",
+			outline: "_1a7d0ek3",
+			secondary: "_1a7d0ek4",
+			ghost: "_1a7d0ek5",
+			destructive: "_1a7d0ek6",
+			link: "_1a7d0ek7"
+		},
+		size: {
+			default: "_1a7d0ek8",
+			xs: "_1a7d0ek9",
+			sm: "_1a7d0eka",
+			lg: "_1a7d0ekb",
+			icon: "_1a7d0ekc",
+			"icon-xs": "_1a7d0ekd",
+			"icon-sm": "_1a7d0eke",
+			"icon-lg": "_1a7d0ekf"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	},
+	compoundVariants: []
+}), d = (e) => {
+	let t = o(14), n, r, i, c, l;
+	t[0] === e ? (n = t[1], r = t[2], i = t[3], c = t[4], l = t[5]) : ({className: n, variant: l, size: i, type: c, ...r} = e, t[0] = e, t[1] = n, t[2] = r, t[3] = i, t[4] = c, t[5] = l);
+	let d = c === void 0 ? "button" : c, f;
+	t[6] !== n || t[7] !== i || t[8] !== l ? (f = s(u({
+		variant: l,
+		size: i
+	}), n), t[6] = n, t[7] = i, t[8] = l, t[9] = f) : f = t[9];
+	let p;
+	return t[10] !== r || t[11] !== f || t[12] !== d ? (p = /* @__PURE__ */ a("button", {
+		"data-slot": "button",
+		type: d,
+		className: f,
+		...r
+	}), t[10] = r, t[11] = f, t[12] = d, t[13] = p) : p = t[13], p;
+}, f = /* @__PURE__ */ new Set(), p = {}, m = e(null), h = () => {
+	let e = o(1), n = t(m);
+	if (!n) {
+		let t;
+		return e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = {
+			portalRef: { current: null },
+			classes: f,
+			overrides: p
+		}, e[0] = t) : t = e[0], t;
+	}
+	return n;
+}, g = ({ children: e, cssReset: o, className: c, style: u, portalToThemeRoot: d, ...h }) => {
+	let g = t(m), _ = i(null), v = !g && o !== !1 ? l : "", y = g?.classes ?? f, b = g?.overrides ?? p, x = r(() => {
+		let e = c ? c.split(/\s+/).filter(Boolean) : [], t = new Set(y);
+		for (let n of e) t.add(n);
+		return {
+			portalRef: _,
+			classes: t,
+			overrides: {
+				...b,
+				...u
+			}
+		};
+	}, [
+		y,
+		c,
+		b,
+		u
+	]);
+	n(() => {
+		if (d) return;
+		let e = document.createElement("div");
+		return document.body.appendChild(e), _.current = e, () => {
+			document.body.removeChild(e), _.current = null;
+		};
+	}, [d]), n(() => {
+		if (d) return;
+		let e = _.current;
+		if (!e) return;
+		e.className = s(v, ...x.classes), e.style.cssText = "";
+		let t = {
+			display: "contents",
+			...x.overrides
+		};
+		for (let [n, r] of Object.entries(t)) r != null && e.style.setProperty(n, String(r));
+	}, [
+		x.classes,
+		x.overrides,
+		v,
+		d
+	]);
+	let S = s(v, ...c ? c.split(/\s+/).filter((e) => e && !y.has(e)) : []);
+	return /* @__PURE__ */ a(m.Provider, {
+		value: x,
+		children: /* @__PURE__ */ a("div", {
+			...d ? { ref: _ } : {},
+			...S ? { className: S } : {},
+			style: {
+				display: "contents",
+				...u
+			},
+			...h,
+			children: e
+		})
+	});
+};
+//#endregion
+export { u as i, g as n, d as r, h as t };

package/Tooltip-BIgrpetu.js

@@ -0,0 +1,67 @@
+import { i as e, t } from "./ThemeProvider-BQmIB5tr.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { c as i } from "react/compiler-runtime";
+import a from "clsx";
+import { Tooltip as o } from "@base-ui/react/tooltip";
+//#region ../../libraries/levocn/dist/ui/tooltip/Tooltip.cssm.js
+var s = "_3zwjqd0", c = "_3zwjqd1", l = "_3zwjqd2", u = (e) => {
+	let t = i(6), r, a;
+	t[0] === e ? (r = t[1], a = t[2]) : ({delay: a, ...r} = e, t[0] = e, t[1] = r, t[2] = a);
+	let s = a === void 0 ? 0 : a, c;
+	return t[3] !== s || t[4] !== r ? (c = /* @__PURE__ */ n(o.Provider, {
+		"data-slot": "tooltip-provider",
+		delay: s,
+		...r
+	}), t[3] = s, t[4] = r, t[5] = c) : c = t[5], c;
+}, d = (e) => {
+	let t = i(4), r;
+	t[0] === e ? r = t[1] : ({...r} = e, t[0] = e, t[1] = r);
+	let a;
+	return t[2] === r ? a = t[3] : (a = /* @__PURE__ */ n(o.Root, {
+		"data-slot": "tooltip",
+		...r
+	}), t[2] = r, t[3] = a), a;
+}, f = (t) => {
+	let r = i(12), s, c, l, u;
+	r[0] === t ? (s = r[1], c = r[2], l = r[3], u = r[4]) : ({className: s, variant: u, size: l, ...c} = t, r[0] = t, r[1] = s, r[2] = c, r[3] = l, r[4] = u);
+	let d;
+	r[5] !== s || r[6] !== l || r[7] !== u ? (d = a(e({
+		variant: u,
+		size: l
+	}), s), r[5] = s, r[6] = l, r[7] = u, r[8] = d) : d = r[8];
+	let f;
+	return r[9] !== c || r[10] !== d ? (f = /* @__PURE__ */ n(o.Trigger, {
+		className: d,
+		...c
+	}), r[9] = c, r[10] = d, r[11] = f) : f = r[11], f;
+}, p = (e) => {
+	let u = i(24), d, f, p, m, h, g, _;
+	u[0] === e ? (d = u[1], f = u[2], p = u[3], m = u[4], h = u[5], g = u[6], _ = u[7]) : ({className: f, side: m, sideOffset: h, align: g, alignOffset: _, children: d, ...p} = e, u[0] = e, u[1] = d, u[2] = f, u[3] = p, u[4] = m, u[5] = h, u[6] = g, u[7] = _);
+	let v = m === void 0 ? "top" : m, y = h === void 0 ? 8 : h, b = g === void 0 ? "center" : g, x = _ === void 0 ? 0 : _, { portalRef: S } = t(), C;
+	u[8] === f ? C = u[9] : (C = a(s, f), u[8] = f, u[9] = C);
+	let w;
+	u[10] === Symbol.for("react.memo_cache_sentinel") ? (w = /* @__PURE__ */ n(o.Arrow, { className: c }), u[10] = w) : w = u[10];
+	let T;
+	u[11] !== d || u[12] !== p || u[13] !== C ? (T = /* @__PURE__ */ r(o.Popup, {
+		"data-slot": "tooltip-content",
+		className: C,
+		...p,
+		children: [d, w]
+	}), u[11] = d, u[12] = p, u[13] = C, u[14] = T) : T = u[14];
+	let E;
+	u[15] !== b || u[16] !== x || u[17] !== v || u[18] !== y || u[19] !== T ? (E = /* @__PURE__ */ n(o.Positioner, {
+		align: b,
+		alignOffset: x,
+		side: v,
+		sideOffset: y,
+		className: l,
+		children: T
+	}), u[15] = b, u[16] = x, u[17] = v, u[18] = y, u[19] = T, u[20] = E) : E = u[20];
+	let D;
+	return u[21] !== S || u[22] !== E ? (D = /* @__PURE__ */ n(o.Portal, {
+		container: S,
+		children: E
+	}), u[21] = S, u[22] = E, u[23] = D) : D = u[23], D;
+};
+//#endregion
+export { u as i, f as n, p as r, d as t };

package/VerifyButton-BkP98H17.js

@@ -0,0 +1,191 @@
+"use client";
+import { d as e, i as t, n, o as r, t as i } from "./Dialog-CzVhHLEY.js";
+import { r as a } from "./ThemeProvider-BQmIB5tr.js";
+import { t as o } from "./CollectionInput-B1qV4QEH.js";
+import { useEffect as s, useState as c } from "react";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { toast as f } from "sonner";
+import { c as p } from "react/compiler-runtime";
+import m from "clsx";
+import { IconCircleCheck as h, IconLoader as g } from "@tabler/icons-react";
+//#region ../react/dist/components/Sonner.js
+var _ = (e, t = "Error", n = {}) => {
+	f.error(t, {
+		description: e,
+		duration: 4e3,
+		position: "bottom-right",
+		...n
+	});
+}, v = (e, t = "Success", n = {}) => {
+	n?.id && f.dismiss(n?.id), f.success(t, {
+		description: e,
+		duration: 4e3,
+		position: "bottom-right",
+		...n
+	});
+}, y = "_1k4xirc1", b = (e) => {
+	let t = p(8), n, r;
+	t[0] === e ? (n = t[1], r = t[2]) : ({className: n, ...r} = e, t[0] = e, t[1] = n, t[2] = r);
+	let i;
+	t[3] === n ? i = t[4] : (i = m(y, n), t[3] = n, t[4] = i);
+	let a;
+	return t[5] !== r || t[6] !== i ? (a = /* @__PURE__ */ u(g, {
+		role: "status",
+		"aria-label": "Loading",
+		className: i,
+		...r
+	}), t[5] = r, t[6] = i, t[7] = a) : a = t[7], a;
+}, x = "_6o7s4x0", S = "qkytrb0", C = "qkytrb1", w = "qkytrb2", T = "qkytrb3", E = "qkytrb4", D = "qkytrb5", O = "qkytrb6", k = ({ isOpen: l, onClose: f, value: p, type: m = "email", onVerifySuccess: h }) => {
+	let { membership: g } = e(), [y, b] = c(""), [k, A] = c(!1), [j, M] = c(!1), [N, P] = c(30);
+	return s(() => {
+		let e;
+		return l && N > 0 && (e = setInterval(() => {
+			P((e) => e - 1);
+		}, 1e3)), () => clearInterval(e);
+	}, [l, N]), s(() => {
+		l && (b(""), P(30), A(!1), M(!1));
+	}, [l]), /* @__PURE__ */ u(r, {
+		open: l,
+		onOpenChange: (e) => {
+			e || f();
+		},
+		children: /* @__PURE__ */ d(n, {
+			className: x,
+			children: [/* @__PURE__ */ u(i, { children: /* @__PURE__ */ u(t, { children: `Verify ${m === "email" ? "Email" : "Phone"}` }) }), /* @__PURE__ */ d("div", {
+				className: S,
+				children: [
+					/* @__PURE__ */ d("div", {
+						className: C,
+						children: [
+							"Enter the 4-digit code sent to ",
+							/* @__PURE__ */ u("strong", { children: p }),
+							".",
+							" ",
+							/* @__PURE__ */ u("button", {
+								onClick: () => f(),
+								className: w,
+								children: "Change?"
+							})
+						]
+					}),
+					/* @__PURE__ */ u("div", {
+						className: T,
+						children: /* @__PURE__ */ u(o, {
+							value: y,
+							onChange: (e) => {
+								b(e.target.value.replace(/\D/g, "").slice(0, 4));
+							},
+							placeholder: "0000",
+							maxLength: 4,
+							className: D
+						})
+					}),
+					/* @__PURE__ */ d("div", {
+						className: E,
+						children: [/* @__PURE__ */ u(a, {
+							onClick: async () => {
+								if (!(!y || y.length !== 4)) {
+									A(!0);
+									try {
+										await g?.signInWithOtp({
+											content: p,
+											code: y
+										}), v("Verification successful"), h(p), f();
+									} catch (e) {
+										let t = e;
+										_(t?.message || "Invalid OTP", t?.title || "Verification Failed");
+									} finally {
+										A(!1);
+									}
+								}
+							},
+							disabled: y.length !== 4 || k,
+							className: "w-full",
+							children: k ? "Verifying..." : "Verify"
+						}), /* @__PURE__ */ u("div", {
+							className: O,
+							children: N > 0 ? /* @__PURE__ */ d("span", { children: [
+								"Resend code in ",
+								N,
+								"s"
+							] }) : /* @__PURE__ */ u("button", {
+								onClick: async () => {
+									if (!(N > 0)) {
+										M(!0);
+										try {
+											await g?.requestOtp({
+												content: p,
+												medium: m === "phone" ? "whatsapp" : "email"
+											}), v("OTP resent successfully"), P(30);
+										} catch (e) {
+											let t = e;
+											_(t?.message || "Failed to resend OTP", t?.title || "Error");
+										} finally {
+											M(!1);
+										}
+									}
+								},
+								disabled: j,
+								className: w,
+								children: j ? "Resending..." : "Resend Code"
+							})
+						})]
+					})
+				]
+			})]
+		})
+	});
+}, A = "jfrbe10", j = "jfrbe11", M = "jfrbe12", N = ({ value: t, type: n, isVerified: r, onVerifySuccess: i, onStateChange: o }) => {
+	let { membership: s } = e(), [f, p] = c(!1), [m, g] = c(!1), v = (e) => {
+		o && o(e);
+	}, y = async () => {
+		let e = t?.trim()?.toLowerCase();
+		if (!e) {
+			_(`Please enter a ${n}`);
+			return;
+		}
+		if (n === "email" && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e)) {
+			_("Please enter a valid email address");
+			return;
+		}
+		g(!0), v(!0);
+		try {
+			await s?.requestOtp({
+				content: e,
+				medium: n === "phone" ? "whatsapp" : "email"
+			}), p(!0);
+		} catch (e) {
+			let t = e;
+			_(t?.message || "Failed to send OTP", t?.title || "Error"), v(!1);
+		} finally {
+			g(!1);
+		}
+	}, x = () => {
+		p(!1), v(!1);
+	};
+	return r ? /* @__PURE__ */ d("div", {
+		className: A,
+		children: [/* @__PURE__ */ u(h, { className: M }), /* @__PURE__ */ u("span", {
+			className: j,
+			children: "Verified"
+		})]
+	}) : /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(a, {
+		size: "default",
+		variant: "ghost",
+		onClick: y,
+		onMouseDown: (e) => e.preventDefault(),
+		disabled: !t || m,
+		type: "button",
+		children: m ? /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(b, { size: 14 }), "Sending..."] }) : "Verify"
+	}), f && /* @__PURE__ */ u(k, {
+		isOpen: f,
+		onClose: x,
+		value: t?.trim()?.toLowerCase() || "",
+		type: n,
+		onVerifySuccess: (e) => {
+			i(e), x();
+		}
+	})] });
+};
+//#endregion
+export { _ as a, v as i, x as n, b as r, N as t };

package/dist-CJknSbJK.js

@@ -0,0 +1,80 @@
+import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
+import { d as t } from "./Dialog-CzVhHLEY.js";
+import { a as n, c as r, g as i, h as a, l as o, n as s, r as c, t as l } from "./PopupRenderer-Bncp54gB-DuCULkBK.js";
+import { Suspense as u, lazy as d, useEffect as f, useRef as p, useState as m } from "react";
+import { jsx as h } from "react/jsx-runtime";
+import { c as g } from "react/compiler-runtime";
+import "clsx";
+import "@tabler/icons-react";
+import { $isIdentityContextReady as _ } from "@levo-so/insights/stores";
+//#region ../../libraries/popups/dist/index.js
+var v = /* @__PURE__ */ e({
+	PopupLoader: () => x,
+	fetchActivePopups: () => y,
+	usePopup: () => C
+}), y = 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 ?? [];
+}, b = d(() => import("./PopupRenderer-Bncp54gB-DuCULkBK.js").then((e) => e.o).then((e) => e.t).then((e) => ({ default: e.PopupRenderer }))), x = (e) => {
+	let n = g(9), { siteId: r, pageId: i } = e, { fetch: a, logger: o } = t(), [c, l] = m(null), d = p(!1), v, x;
+	if (n[0] !== a || n[1] !== o || n[2] !== r ? (v = () => {
+		if (d.current) return;
+		let e = () => {
+			d.current || (d.current = !0, y(a, r ? { site_id: r } : void 0).then((e) => {
+				s(e), l(e);
+			}).catch((e) => {
+				o?.error("Failed to fetch popups", { exception: e }), s([]), l([]);
+			}).finally(S));
+		};
+		if (_.get()) {
+			e();
+			return;
+		}
+		let t = _.listen((n) => {
+			n && (t(), e());
+		});
+		return () => t();
+	}, x = [
+		a,
+		o,
+		r
+	], n[0] = a, n[1] = o, n[2] = r, n[3] = v, n[4] = x) : (v = n[3], x = n[4]), f(v, x), !c || c.length === 0) return null;
+	let C;
+	n[5] === Symbol.for("react.memo_cache_sentinel") ? (C = {
+		position: "relative",
+		zIndex: 99999
+	}, n[5] = C) : C = n[5];
+	let w;
+	return n[6] !== i || n[7] !== c ? (w = /* @__PURE__ */ h("div", {
+		style: C,
+		children: /* @__PURE__ */ h(u, { children: /* @__PURE__ */ h(b, {
+			popups: c,
+			pageId: i
+		}) })
+	}), n[6] = i, n[7] = c, n[8] = w) : w = n[8], w;
+};
+function S() {
+	return c(!1);
+}
+var C = () => {
+	let e = g(3), t = i(r), n = i(o), a = w, s = T, c;
+	return e[0] !== n || e[1] !== t ? (c = {
+		popups: t,
+		isLoading: n,
+		openPopup: a,
+		closePopup: s
+	}, e[0] = n, e[1] = t, e[2] = c) : c = e[2], c;
+};
+function w(e) {
+	let t = r.get().find((t) => t.id === e);
+	t && n(t, {
+		force: !0,
+		trigger_type: "manual"
+	});
+}
+function T() {
+	let e = a.get().active_popup_id;
+	e && l(e);
+}
+//#endregion
+export { v as n, C as t };