@levo-so/site-runtime 0.2.0 → 0.2.2

package/VerifyButton-D1Mwk04d.js

@@ -0,0 +1,299 @@
+"use client";
+import { a as e, t } from "./ThemeProvider-Cm2jJC7a.js";
+import { t as n } from "./CollectionInput-5QMoXahu.js";
+import { createContext as r, useContext as i, useEffect as a, useState as o } from "react";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+import { toast as u } from "sonner";
+import { c as d } from "react/compiler-runtime";
+import f from "clsx";
+import { IconCircleCheck as p, IconLoader as m, IconX as h } from "@tabler/icons-react";
+import { Dialog as g } from "@base-ui/react/dialog";
+//#region ../react/dist/providers/LevoProvider.js
+var _ = r({
+	client: null,
+	insights: null
+}), v = ({ children: e, client: t, insights: n = null }) => /* @__PURE__ */ c(_.Provider, {
+	value: {
+		client: t,
+		insights: n
+	},
+	children: e
+}), y = () => {
+	let e = i(_);
+	if (!e.client) throw Error("useLevo must be used within a LevoProvider. Please ensure you have wrapped your component tree with LevoProvider.");
+	return e.client;
+}, b = () => i(_).client, x = () => i(_).insights, S = (e, t = "Error", n = {}) => {
+	u.error(t, {
+		description: e,
+		duration: 4e3,
+		position: "bottom-right",
+		...n
+	});
+}, C = (e, t = "Success", n = {}) => {
+	n?.id && u.dismiss(n?.id), u.success(t, {
+		description: e,
+		duration: 4e3,
+		position: "bottom-right",
+		...n
+	});
+}, w = "_1k4xirc1", T = (e) => {
+	let t = d(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 = f(w, n), t[3] = n, t[4] = i);
+	let a;
+	return t[5] !== r || t[6] !== i ? (a = /* @__PURE__ */ c(m, {
+		role: "status",
+		"aria-label": "Loading",
+		className: i,
+		...r
+	}), t[5] = r, t[6] = i, t[7] = a) : a = t[7], a;
+}, E = "_6o7s4x0", D = "qkytrb0", O = "qkytrb1", k = "qkytrb2", A = "qkytrb3", j = "qkytrb4", M = "qkytrb5", N = "qkytrb6", P = "ch8h0x0", F = "ch8h0x1", I = "ch8h0x2", L = "ch8h0x3", R = "ch8h0x5", z = (e) => {
+	let t = d(4), n;
+	t[0] === e ? n = t[1] : ({...n} = e, t[0] = e, t[1] = n);
+	let r;
+	return t[2] === n ? r = t[3] : (r = /* @__PURE__ */ c(g.Root, {
+		"data-slot": "dialog",
+		...n
+	}), t[2] = n, t[3] = r), r;
+}, B = (e) => {
+	let n = d(5), r;
+	n[0] === e ? r = n[1] : ({...r} = e, n[0] = e, n[1] = r);
+	let { portalRef: i } = t(), a;
+	return n[2] !== i || n[3] !== r ? (a = /* @__PURE__ */ c(g.Portal, {
+		container: i,
+		...r
+	}), n[2] = i, n[3] = r, n[4] = a) : a = n[4], a;
+}, V = (e) => {
+	let t = d(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 = f(F, n), t[3] = n, t[4] = i);
+	let a;
+	return t[5] !== r || t[6] !== i ? (a = /* @__PURE__ */ c(g.Viewport, {
+		"data-slot": "dialog-viewport",
+		className: i,
+		...r
+	}), t[5] = r, t[6] = i, t[7] = a) : a = t[7], a;
+}, H = (e) => {
+	let t = d(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 = f(P, n), t[3] = n, t[4] = i);
+	let a;
+	return t[5] !== r || t[6] !== i ? (a = /* @__PURE__ */ c(g.Backdrop, {
+		"data-slot": "dialog-backdrop",
+		className: i,
+		...r
+	}), t[5] = r, t[6] = i, t[7] = a) : a = t[7], a;
+}, U = (t) => {
+	let n = d(14), r, i, a, o;
+	n[0] === t ? (r = n[1], i = n[2], a = n[3], o = n[4]) : ({className: i, children: r, showCloseButton: o, ...a} = t, n[0] = t, n[1] = r, n[2] = i, n[3] = a, n[4] = o);
+	let s = o === void 0 ? !0 : o, u;
+	n[5] === i ? u = n[6] : (u = f(I, i), n[5] = i, n[6] = u);
+	let p;
+	n[7] === s ? p = n[8] : (p = s && /* @__PURE__ */ c(g.Close, {
+		"data-slot": "dialog-close",
+		render: /* @__PURE__ */ c(e, {
+			variant: "ghost",
+			size: "icon-sm",
+			className: "ch8h0x7",
+			"aria-label": "Close"
+		}),
+		children: /* @__PURE__ */ c(h, { size: 16 })
+	}), n[7] = s, n[8] = p);
+	let m;
+	return n[9] !== r || n[10] !== a || n[11] !== u || n[12] !== p ? (m = /* @__PURE__ */ l(g.Popup, {
+		"data-slot": "dialog-popup",
+		className: u,
+		...a,
+		children: [r, p]
+	}), n[9] = r, n[10] = a, n[11] = u, n[12] = p, n[13] = m) : m = n[13], m;
+}, W = (e) => {
+	let t = d(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 = f(L, n), t[3] = n, t[4] = i);
+	let a;
+	return t[5] !== r || t[6] !== i ? (a = /* @__PURE__ */ c("div", {
+		"data-slot": "dialog-header",
+		className: i,
+		...r
+	}), t[5] = r, t[6] = i, t[7] = a) : a = t[7], a;
+}, G = (e) => {
+	let t = d(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 = f(R, n), t[3] = n, t[4] = i);
+	let a;
+	return t[5] !== r || t[6] !== i ? (a = /* @__PURE__ */ c(g.Title, {
+		"data-slot": "dialog-title",
+		className: i,
+		...r
+	}), t[5] = r, t[6] = i, t[7] = a) : a = t[7], a;
+}, K = (e) => {
+	let t = d(11), n, r, i, a;
+	t[0] === e ? (n = t[1], r = t[2], i = t[3], a = t[4]) : ({className: r, children: n, showCloseButton: a, ...i} = e, t[0] = e, t[1] = n, t[2] = r, t[3] = i, t[4] = a);
+	let o = a === void 0 ? !0 : a, s;
+	t[5] === Symbol.for("react.memo_cache_sentinel") ? (s = /* @__PURE__ */ c(H, {}), t[5] = s) : s = t[5];
+	let u;
+	return t[6] !== n || t[7] !== r || t[8] !== i || t[9] !== o ? (u = /* @__PURE__ */ l(B, { children: [s, /* @__PURE__ */ c(V, { children: /* @__PURE__ */ c(U, {
+		className: r,
+		showCloseButton: o,
+		...i,
+		children: n
+	}) })] }), t[6] = n, t[7] = r, t[8] = i, t[9] = o, t[10] = u) : u = t[10], u;
+}, q = ({ isOpen: t, onClose: r, value: i, type: s = "email", onVerifySuccess: u }) => {
+	let { membership: d } = y(), [f, p] = o(""), [m, h] = o(!1), [g, _] = o(!1), [v, b] = o(30);
+	return a(() => {
+		let e;
+		return t && v > 0 && (e = setInterval(() => {
+			b((e) => e - 1);
+		}, 1e3)), () => clearInterval(e);
+	}, [t, v]), a(() => {
+		t && (p(""), b(30), h(!1), _(!1));
+	}, [t]), /* @__PURE__ */ c(z, {
+		open: t,
+		onOpenChange: (e) => {
+			e || r();
+		},
+		children: /* @__PURE__ */ l(K, {
+			className: E,
+			children: [/* @__PURE__ */ c(W, { children: /* @__PURE__ */ c(G, { children: `Verify ${s === "email" ? "Email" : "Phone"}` }) }), /* @__PURE__ */ l("div", {
+				className: D,
+				children: [
+					/* @__PURE__ */ l("div", {
+						className: O,
+						children: [
+							"Enter the 4-digit code sent to ",
+							/* @__PURE__ */ c("strong", { children: i }),
+							".",
+							" ",
+							/* @__PURE__ */ c("button", {
+								onClick: () => r(),
+								className: k,
+								children: "Change?"
+							})
+						]
+					}),
+					/* @__PURE__ */ c("div", {
+						className: A,
+						children: /* @__PURE__ */ c(n, {
+							value: f,
+							onChange: (e) => {
+								p(e.target.value.replace(/\D/g, "").slice(0, 4));
+							},
+							placeholder: "0000",
+							maxLength: 4,
+							className: M
+						})
+					}),
+					/* @__PURE__ */ l("div", {
+						className: j,
+						children: [/* @__PURE__ */ c(e, {
+							onClick: async () => {
+								if (!(!f || f.length !== 4)) {
+									h(!0);
+									try {
+										await d?.signInWithOtp({
+											content: i,
+											code: f
+										}), C("Verification successful"), u(i), r();
+									} catch (e) {
+										let t = e;
+										S(t?.message || "Invalid OTP", t?.title || "Verification Failed");
+									} finally {
+										h(!1);
+									}
+								}
+							},
+							disabled: f.length !== 4 || m,
+							className: "w-full",
+							children: m ? "Verifying..." : "Verify"
+						}), /* @__PURE__ */ c("div", {
+							className: N,
+							children: v > 0 ? /* @__PURE__ */ l("span", { children: [
+								"Resend code in ",
+								v,
+								"s"
+							] }) : /* @__PURE__ */ c("button", {
+								onClick: async () => {
+									if (!(v > 0)) {
+										_(!0);
+										try {
+											await d?.requestOtp({
+												content: i,
+												medium: s === "phone" ? "whatsapp" : "email"
+											}), C("OTP resent successfully"), b(30);
+										} catch (e) {
+											let t = e;
+											S(t?.message || "Failed to resend OTP", t?.title || "Error");
+										} finally {
+											_(!1);
+										}
+									}
+								},
+								disabled: g,
+								className: k,
+								children: g ? "Resending..." : "Resend Code"
+							})
+						})]
+					})
+				]
+			})]
+		})
+	});
+}, J = "jfrbe10", Y = "jfrbe11", X = "jfrbe12", Z = ({ value: t, type: n, isVerified: r, onVerifySuccess: i, onStateChange: a }) => {
+	let { membership: u } = y(), [d, f] = o(!1), [m, h] = o(!1), g = (e) => {
+		a && a(e);
+	}, _ = async () => {
+		let e = t?.trim()?.toLowerCase();
+		if (!e) {
+			S(`Please enter a ${n}`);
+			return;
+		}
+		if (n === "email" && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e)) {
+			S("Please enter a valid email address");
+			return;
+		}
+		h(!0), g(!0);
+		try {
+			await u?.requestOtp({
+				content: e,
+				medium: n === "phone" ? "whatsapp" : "email"
+			}), f(!0);
+		} catch (e) {
+			let t = e;
+			S(t?.message || "Failed to send OTP", t?.title || "Error"), g(!1);
+		} finally {
+			h(!1);
+		}
+	}, v = () => {
+		f(!1), g(!1);
+	};
+	return r ? /* @__PURE__ */ l("div", {
+		className: J,
+		children: [/* @__PURE__ */ c(p, { className: X }), /* @__PURE__ */ c("span", {
+			className: Y,
+			children: "Verified"
+		})]
+	}) : /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(e, {
+		size: "default",
+		variant: "ghost",
+		onClick: _,
+		onMouseDown: (e) => e.preventDefault(),
+		disabled: !t || m,
+		type: "button",
+		children: m ? /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(T, { size: 14 }), "Sending..."] }) : "Verify"
+	}), d && /* @__PURE__ */ c(q, {
+		isOpen: d,
+		onClose: v,
+		value: t?.trim()?.toLowerCase() || "",
+		type: n,
+		onVerifySuccess: (e) => {
+			i(e), v();
+		}
+	})] });
+};
+//#endregion
+export { z as a, C as c, v as d, b as f, G as i, S as l, W as n, E as o, x as p, K as r, T as s, Z as t, y as u };