@levo-so/site-runtime 0.2.2 → 0.3.0

package/VerifyButton-D1Mwk04d.js

@@ -1,299 +0,0 @@
-"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 };