@levo-so/studio 0.1.102 → 0.1.103

package/VerifyButton-D21AOIX3.js

@@ -1,273 +0,0 @@
-"use client";
-import { n as e } from "./getFieldValidations-DZnDgNI0.js";
-import { u as t } from "./CollectionField-7uXvhxYK.js";
-import { t as n } from "./CollectionInput-lHOvWWav.js";
-import { useEffect as r, useState as i } from "react";
-import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
-import { errorToast as c, successToast as l, useLevo as u } from "@levo-so/react";
-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 ../../libraries/levocn/dist/ui/spinner/Spinner.cssm.js
-var _ = "_1k4xirc1", 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(_, n), t[3] = n, t[4] = i);
-	let a;
-	return t[5] !== r || t[6] !== i ? (a = /* @__PURE__ */ o(m, {
-		role: "status",
-		"aria-label": "Loading",
-		className: i,
-		...r
-	}), t[5] = r, t[6] = i, t[7] = a) : a = t[7], a;
-}, y = "_6o7s4x0", b = "qkytrb0", x = "qkytrb1", S = "qkytrb2", C = "qkytrb3", w = "qkytrb4", T = "qkytrb5", E = "qkytrb6", D = "ch8h0x0", O = "ch8h0x1", k = "ch8h0x2", A = "ch8h0x3", j = "ch8h0x5", M = (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__ */ o(g.Root, {
-		"data-slot": "dialog",
-		...n
-	}), t[2] = n, t[3] = r), r;
-}, N = (t) => {
-	let n = d(5), r;
-	n[0] === t ? r = n[1] : ({...r} = t, n[0] = t, n[1] = r);
-	let { portalRef: i } = e(), a;
-	return n[2] !== i || n[3] !== r ? (a = /* @__PURE__ */ o(g.Portal, {
-		container: i,
-		...r
-	}), n[2] = i, n[3] = r, n[4] = a) : a = n[4], a;
-}, P = (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(O, n), t[3] = n, t[4] = i);
-	let a;
-	return t[5] !== r || t[6] !== i ? (a = /* @__PURE__ */ o(g.Viewport, {
-		"data-slot": "dialog-viewport",
-		className: i,
-		...r
-	}), t[5] = r, t[6] = i, t[7] = a) : a = t[7], a;
-}, F = (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(D, n), t[3] = n, t[4] = i);
-	let a;
-	return t[5] !== r || t[6] !== i ? (a = /* @__PURE__ */ o(g.Backdrop, {
-		"data-slot": "dialog-backdrop",
-		className: i,
-		...r
-	}), t[5] = r, t[6] = i, t[7] = a) : a = t[7], a;
-}, I = (e) => {
-	let n = d(14), r, i, a, c;
-	n[0] === e ? (r = n[1], i = n[2], a = n[3], c = n[4]) : ({className: i, children: r, showCloseButton: c, ...a} = e, n[0] = e, n[1] = r, n[2] = i, n[3] = a, n[4] = c);
-	let l = c === void 0 ? !0 : c, u;
-	n[5] === i ? u = n[6] : (u = f(k, i), n[5] = i, n[6] = u);
-	let p;
-	n[7] === l ? p = n[8] : (p = l && /* @__PURE__ */ o(g.Close, {
-		"data-slot": "dialog-close",
-		render: /* @__PURE__ */ o(t, {
-			variant: "ghost",
-			size: "icon-sm",
-			className: "ch8h0x7",
-			"aria-label": "Close"
-		}),
-		children: /* @__PURE__ */ o(h, { size: 16 })
-	}), n[7] = l, n[8] = p);
-	let m;
-	return n[9] !== r || n[10] !== a || n[11] !== u || n[12] !== p ? (m = /* @__PURE__ */ s(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;
-}, L = (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(A, n), t[3] = n, t[4] = i);
-	let a;
-	return t[5] !== r || t[6] !== i ? (a = /* @__PURE__ */ o("div", {
-		"data-slot": "dialog-header",
-		className: i,
-		...r
-	}), t[5] = r, t[6] = i, t[7] = a) : a = t[7], a;
-}, R = (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(j, n), t[3] = n, t[4] = i);
-	let a;
-	return t[5] !== r || t[6] !== i ? (a = /* @__PURE__ */ o(g.Title, {
-		"data-slot": "dialog-title",
-		className: i,
-		...r
-	}), t[5] = r, t[6] = i, t[7] = a) : a = t[7], a;
-}, z = (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 c = a === void 0 ? !0 : a, l;
-	t[5] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ o(F, {}), t[5] = l) : l = t[5];
-	let u;
-	return t[6] !== n || t[7] !== r || t[8] !== i || t[9] !== c ? (u = /* @__PURE__ */ s(N, { children: [l, /* @__PURE__ */ o(P, { children: /* @__PURE__ */ o(I, {
-		className: r,
-		showCloseButton: c,
-		...i,
-		children: n
-	}) })] }), t[6] = n, t[7] = r, t[8] = i, t[9] = c, t[10] = u) : u = t[10], u;
-}, B = ({ isOpen: e, onClose: a, value: d, type: f = "email", onVerifySuccess: p }) => {
-	let { membership: m } = u(), [h, g] = i(""), [_, v] = i(!1), [D, O] = i(!1), [k, A] = i(30);
-	return r(() => {
-		let t;
-		return e && k > 0 && (t = setInterval(() => {
-			A((e) => e - 1);
-		}, 1e3)), () => clearInterval(t);
-	}, [e, k]), r(() => {
-		e && (g(""), A(30), v(!1), O(!1));
-	}, [e]), /* @__PURE__ */ o(M, {
-		open: e,
-		onOpenChange: (e) => {
-			e || a();
-		},
-		children: /* @__PURE__ */ s(z, {
-			className: y,
-			children: [/* @__PURE__ */ o(L, { children: /* @__PURE__ */ o(R, { children: `Verify ${f === "email" ? "Email" : "Phone"}` }) }), /* @__PURE__ */ s("div", {
-				className: b,
-				children: [
-					/* @__PURE__ */ s("div", {
-						className: x,
-						children: [
-							"Enter the 4-digit code sent to ",
-							/* @__PURE__ */ o("strong", { children: d }),
-							".",
-							" ",
-							/* @__PURE__ */ o("button", {
-								onClick: () => a(),
-								className: S,
-								children: "Change?"
-							})
-						]
-					}),
-					/* @__PURE__ */ o("div", {
-						className: C,
-						children: /* @__PURE__ */ o(n, {
-							value: h,
-							onChange: (e) => {
-								g(e.target.value.replace(/\D/g, "").slice(0, 4));
-							},
-							placeholder: "0000",
-							maxLength: 4,
-							className: T
-						})
-					}),
-					/* @__PURE__ */ s("div", {
-						className: w,
-						children: [/* @__PURE__ */ o(t, {
-							onClick: async () => {
-								if (!(!h || h.length !== 4)) {
-									v(!0);
-									try {
-										await m?.signInWithOtp({
-											content: d,
-											code: h
-										}), l("Verification successful"), p(d), a();
-									} catch (e) {
-										let t = e;
-										c(t?.message || "Invalid OTP", t?.title || "Verification Failed");
-									} finally {
-										v(!1);
-									}
-								}
-							},
-							disabled: h.length !== 4 || _,
-							className: "w-full",
-							children: _ ? "Verifying..." : "Verify"
-						}), /* @__PURE__ */ o("div", {
-							className: E,
-							children: k > 0 ? /* @__PURE__ */ s("span", { children: [
-								"Resend code in ",
-								k,
-								"s"
-							] }) : /* @__PURE__ */ o("button", {
-								onClick: async () => {
-									if (!(k > 0)) {
-										O(!0);
-										try {
-											await m?.requestOtp({
-												content: d,
-												medium: f === "phone" ? "whatsapp" : "email"
-											}), l("OTP resent successfully"), A(30);
-										} catch (e) {
-											let t = e;
-											c(t?.message || "Failed to resend OTP", t?.title || "Error");
-										} finally {
-											O(!1);
-										}
-									}
-								},
-								disabled: D,
-								className: S,
-								children: D ? "Resending..." : "Resend Code"
-							})
-						})]
-					})
-				]
-			})]
-		})
-	});
-}, V = "jfrbe10", H = "jfrbe11", U = "jfrbe12", W = ({ value: e, type: n, isVerified: r, onVerifySuccess: l, onStateChange: d }) => {
-	let { membership: f } = u(), [m, h] = i(!1), [g, _] = i(!1), y = (e) => {
-		d && d(e);
-	}, b = async () => {
-		let t = e?.trim()?.toLowerCase();
-		if (!t) {
-			c(`Please enter a ${n}`);
-			return;
-		}
-		if (n === "email" && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(t)) {
-			c("Please enter a valid email address");
-			return;
-		}
-		_(!0), y(!0);
-		try {
-			await f?.requestOtp({
-				content: t,
-				medium: n === "phone" ? "whatsapp" : "email"
-			}), h(!0);
-		} catch (e) {
-			let t = e;
-			c(t?.message || "Failed to send OTP", t?.title || "Error"), y(!1);
-		} finally {
-			_(!1);
-		}
-	}, x = () => {
-		h(!1), y(!1);
-	};
-	return r ? /* @__PURE__ */ s("div", {
-		className: V,
-		children: [/* @__PURE__ */ o(p, { className: U }), /* @__PURE__ */ o("span", {
-			className: H,
-			children: "Verified"
-		})]
-	}) : /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(t, {
-		size: "default",
-		variant: "ghost",
-		onClick: b,
-		onMouseDown: (e) => e.preventDefault(),
-		disabled: !e || g,
-		type: "button",
-		children: g ? /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(v, { size: 14 }), "Sending..."] }) : "Verify"
-	}), m && /* @__PURE__ */ o(B, {
-		isOpen: m,
-		onClose: x,
-		value: e?.trim()?.toLowerCase() || "",
-		type: n,
-		onVerifySuccess: (e) => {
-			l(e), x();
-		}
-	})] });
-};
-//#endregion
-export { M as a, R as i, L as n, y as o, z as r, v as s, W as t };