@levo-so/studio 0.1.64 → 0.1.66

package/dist/{index-BqEvx8Yg.js → index-gIohjnj8.js}

@@ -2,7 +2,7 @@
 import { jsx as e, jsxs as l, Fragment as q } from "react/jsx-runtime";
 import { useLevo as Q, LevoOAuth as I, successToast as X, errorHandler as Z } from "@levo-so/react";
 import { useState as _, useEffect as G, useRef as R, useMemo as F } from "react";
-import { h as $, A as ee } from "./index-D_r8laYN.js";
+import { h as $, A as ee } from "./index-C75foZeA.js";
 import { getLevoError as B } from "@levo-so/core";
 import { useFormik as A } from "formik";
 import { parsePhoneNumberWithError as te } from "libphonenumber-js";
@@ -11,10 +11,10 @@ import ne from "react-otp-input";
 import { ChevronDown as re } from "lucide-react";
 import { Popover as L } from "radix-ui";
 import { usePhoneInput as oe, defaultCountries as P, parseCountry as M, FlagImage as j } from "react-international-phone";
-const z = k.string().required("Email is required").email("Please enter a valid email address").trim(), H = k.string().required("Please enter the verification code").length(4, "Verification code must be 4 digits").matches(/^\d+$/, "Verification code must contain only numbers"), U = k.string().required("Phone number is required").test("phone", "The phone number has incorrect format", (r) => {
-  if (!r) return !1;
+const z = k.string().required("Email is required").email("Please enter a valid email address").trim(), H = k.string().required("Please enter the verification code").length(4, "Verification code must be 4 digits").matches(/^\d+$/, "Verification code must contain only numbers"), U = k.string().required("Phone number is required").test("phone", "The phone number has incorrect format", (o) => {
+  if (!o) return !1;
   try {
-    return te(r)?.isValid() ?? !1;
+    return te(o)?.isValid() ?? !1;
   } catch {
     return !1;
   }
@@ -36,21 +36,21 @@ const z = k.string().required("Email is required").email("Please enter a valid e
   iconEnter: pe,
   text: he
 }, E = ({
-  className: r,
+  className: o,
   children: c,
-  isLoading: n = !1,
+  isLoading: t = !1,
   isError: a = !1,
-  loadingText: m = "Loading...",
+  loadingText: u = "Loading...",
   successText: s = "Success!",
-  errorText: o = "Error!",
+  errorText: r = "Error!",
   variant: h = "default",
-  size: u = "default",
-  disabled: t,
+  size: p = "default",
+  disabled: n,
   ...y
 }) => {
-  const [v, i] = _(!1), [g, C] = _(!1), [S, p] = _(n);
+  const [v, i] = _(!1), [g, C] = _(!1), [S, m] = _(t);
   G(() => {
-    if (S && !n)
+    if (S && !t)
       if (a) {
         C(!0);
         const T = setTimeout(() => {
@@ -64,9 +64,9 @@ const z = k.string().required("Email is required").email("Please enter a valid e
         }, 2e3);
         return () => clearTimeout(T);
       }
-    p(n);
-  }, [n, S, a]);
-  const f = () => n ? m : v ? s : g ? o : c, V = () => g ? "destructive" : v ? "success" : h, w = () => n ? /* @__PURE__ */ e("div", { className: `${N.icon} ${N.iconEnter}`, children: /* @__PURE__ */ e("svg", { className: N.spinner, viewBox: "0 0 24 24", children: /* @__PURE__ */ e(
+    m(t);
+  }, [t, S, a]);
+  const f = () => t ? u : v ? s : g ? r : c, V = () => g ? "destructive" : v ? "success" : h, w = () => t ? /* @__PURE__ */ e("div", { className: `${N.icon} ${N.iconEnter}`, children: /* @__PURE__ */ e("svg", { className: N.spinner, viewBox: "0 0 24 24", children: /* @__PURE__ */ e(
     "circle",
     {
       cx: "12",
@@ -78,7 +78,7 @@ const z = k.string().required("Email is required").email("Please enter a valid e
       strokeDasharray: "32",
       strokeDashoffset: "32"
     }
-  ) }) }) : v && !n ? /* @__PURE__ */ e("div", { className: `${N.icon} ${N.iconEnter}`, children: /* @__PURE__ */ l("svg", { viewBox: "0 0 24 24", children: [
+  ) }) }) : v && !t ? /* @__PURE__ */ e("div", { className: `${N.icon} ${N.iconEnter}`, children: /* @__PURE__ */ l("svg", { viewBox: "0 0 24 24", children: [
     /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "10", fill: "currentColor" }),
     /* @__PURE__ */ e(
       "path",
@@ -91,7 +91,7 @@ const z = k.string().required("Email is required").email("Please enter a valid e
         strokeLinejoin: "round"
       }
     )
-  ] }) }) : g && !n ? /* @__PURE__ */ e("div", { className: `${N.icon} ${N.iconEnter}`, children: /* @__PURE__ */ l(
+  ] }) }) : g && !t ? /* @__PURE__ */ e("div", { className: `${N.icon} ${N.iconEnter}`, children: /* @__PURE__ */ l(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -113,10 +113,10 @@ const z = k.string().required("Email is required").email("Please enter a valid e
   return /* @__PURE__ */ e(
     "button",
     {
-      className: `${N.button} ${r || ""}`,
+      className: `${N.button} ${o || ""}`,
       "data-variant": V(),
-      "data-size": u,
-      disabled: t || n,
+      "data-size": p,
+      disabled: n || t,
       ...y,
       children: /* @__PURE__ */ l("div", { className: N.content, children: [
         w(),
@@ -130,21 +130,21 @@ const z = k.string().required("Email is required").email("Please enter a valid e
   inputWrapper: _e,
   input: ve,
   editButton: be
-}, Y = ({ email: r, setEmail: c, otpSent: n, handleReset: a }) => /* @__PURE__ */ l("div", { className: W.container, children: [
+}, Y = ({ email: o, setEmail: c, otpSent: t, handleReset: a }) => /* @__PURE__ */ l("div", { className: W.container, children: [
   /* @__PURE__ */ e("label", { className: W.label, children: "Email" }),
   /* @__PURE__ */ l("div", { className: W.inputWrapper, children: [
     /* @__PURE__ */ e(
       "input",
       {
         type: "email",
-        value: r,
-        onChange: (m) => c(m.target.value),
+        value: o,
+        onChange: (u) => c(u.target.value),
         className: W.input,
         placeholder: "Enter your email",
-        disabled: n
+        disabled: t
       }
     ),
-    n && /* @__PURE__ */ e(
+    t && /* @__PURE__ */ e(
       E,
       {
         variant: "outline",
@@ -164,7 +164,7 @@ const z = k.string().required("Email is required").email("Please enter a valid e
   submessage: Ee,
   actions: Te,
   resetButton: ke
-}, Be = ({ email: r, onReset: c }) => /* @__PURE__ */ l("div", { className: x.container, children: [
+}, Be = ({ email: o, onReset: c }) => /* @__PURE__ */ l("div", { className: x.container, children: [
   /* @__PURE__ */ e("div", { className: x.iconWrapper, children: /* @__PURE__ */ e("svg", { className: x.icon, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e(
     "path",
     {
@@ -178,7 +178,7 @@ const z = k.string().required("Email is required").email("Please enter a valid e
     /* @__PURE__ */ e("h3", { className: x.title, children: "Check your email" }),
     /* @__PURE__ */ l("p", { className: x.message, children: [
       "We've sent a magic link to ",
-      /* @__PURE__ */ e("strong", { children: r })
+      /* @__PURE__ */ e("strong", { children: o })
     ] }),
     /* @__PURE__ */ e("p", { className: x.submessage, children: "Click the link in your email to sign in. The link will expire in 15 minutes." })
   ] }),
@@ -200,43 +200,43 @@ const z = k.string().required("Email is required").email("Please enter a valid e
   errorTitle: qe,
   errorMessage: Ge,
   errorDismiss: ze
-}, D = ({ error: r, onDismiss: c }) => /* @__PURE__ */ e("div", { className: d.errorContainer, children: /* @__PURE__ */ l("div", { className: d.errorContent, children: [
+}, D = ({ error: o, onDismiss: c }) => /* @__PURE__ */ e("div", { className: d.errorContainer, children: /* @__PURE__ */ l("div", { className: d.errorContent, children: [
   /* @__PURE__ */ l("div", { className: d.errorText, children: [
-    r.title && /* @__PURE__ */ e("div", { className: d.errorTitle, children: r.title }),
-    /* @__PURE__ */ e("div", { className: d.errorMessage, children: r.message || "An unexpected error occurred" })
+    o.title && /* @__PURE__ */ e("div", { className: d.errorTitle, children: o.title }),
+    /* @__PURE__ */ e("div", { className: d.errorMessage, children: o.message || "An unexpected error occurred" })
   ] }),
   c && /* @__PURE__ */ e("button", { onClick: c, className: d.errorDismiss, "aria-label": "Dismiss error", children: "×" })
-] }) }), He = ({ onMagicLinkSent: r }) => {
-  const { sendMagicLink: c } = $(), [n, a] = _(!1), [m, s] = _(null);
+] }) }), He = ({ onMagicLinkSent: o }) => {
+  const { sendMagicLink: c } = $(), [t, a] = _(!1), [u, s] = _(null);
   G(() => {
-    r?.(n);
-  }, [n, r]);
-  const o = A({
+    o?.(t);
+  }, [t, o]);
+  const r = A({
     initialValues: {
       email: ""
     },
     validationSchema: le,
     validateOnChange: !1,
     validateOnBlur: !1,
-    onSubmit: async (u, { setSubmitting: t, setFieldError: y }) => {
+    onSubmit: async (p, { setSubmitting: n, setFieldError: y }) => {
       try {
-        s(null), await c(u.email), a(!0);
+        s(null), await c(p.email), a(!0);
       } catch (v) {
         const i = B(v);
         i.hasFieldErrors ? i.fieldErrors.forEach((g) => {
           y(g.param, g.message);
         }) : s(i);
       } finally {
-        t(!1);
+        n(!1);
       }
     }
   }), h = () => {
-    a(!1), o.resetForm(), s(null);
+    a(!1), r.resetForm(), s(null);
   };
-  return n ? /* @__PURE__ */ e(Be, { email: o.values.email, onReset: h }) : /* @__PURE__ */ l(
+  return t ? /* @__PURE__ */ e(Be, { email: r.values.email, onReset: h }) : /* @__PURE__ */ l(
     "form",
     {
-      onSubmit: o.handleSubmit,
+      onSubmit: r.handleSubmit,
       style: {
         display: "flex",
         flexDirection: "column",
@@ -246,8 +246,8 @@ const z = k.string().required("Email is required").email("Please enter a valid e
         /* @__PURE__ */ e(
           Y,
           {
-            email: o.values.email,
-            setEmail: (u) => o.setFieldValue("email", u),
+            email: r.values.email,
+            setEmail: (p) => r.setFieldValue("email", p),
             otpSent: !1,
             handleReset: h
           }
@@ -256,16 +256,16 @@ const z = k.string().required("Email is required").email("Please enter a valid e
           E,
           {
             type: "submit",
-            isLoading: o.isSubmitting,
-            isError: !!m,
-            disabled: o.isSubmitting,
+            isLoading: r.isSubmitting,
+            isError: !!u,
+            disabled: r.isSubmitting,
             className: d.fullWidthButton,
             loadingText: "Sending Magic Link...",
             errorText: "Failed to Send",
             children: "Send Magic Link"
           }
         ) }),
-        m && /* @__PURE__ */ e(D, { error: m, onDismiss: () => s(null) })
+        u && /* @__PURE__ */ e(D, { error: u, onDismiss: () => s(null) })
       ]
     }
   );
@@ -276,34 +276,34 @@ const z = k.string().required("Email is required").email("Please enter a valid e
   input: Je,
   resendButton: Qe
 }, J = ({
-  otpSent: r,
+  otpSent: o,
   isResendingOtp: c,
-  otp: n,
+  otp: t,
   resendOTP: a,
-  setOtp: m
+  setOtp: u
 }) => {
-  const [s, o] = _(0), h = () => {
+  const [s, r] = _(0), h = () => {
     a(() => {
-      o(30);
-      const u = setInterval(() => {
-        o((t) => t <= 1 ? (clearInterval(u), 0) : t - 1);
+      r(30);
+      const p = setInterval(() => {
+        r((n) => n <= 1 ? (clearInterval(p), 0) : n - 1);
       }, 1e3);
     });
   };
-  return r ? /* @__PURE__ */ l("div", { className: O.container, children: [
+  return o ? /* @__PURE__ */ l("div", { className: O.container, children: [
     /* @__PURE__ */ e("label", { className: O.label, children: "Verification Code" }),
     /* @__PURE__ */ e("div", { className: O.inputGroup, children: /* @__PURE__ */ e(
       ne,
       {
-        value: n,
-        onChange: m,
+        value: t,
+        onChange: u,
         numInputs: 4,
         inputStyle: {
           marginRight: "12px"
         },
         inputType: "tel",
         skipDefaultStyles: !0,
-        renderInput: ({ className: u, ...t }) => /* @__PURE__ */ e("input", { className: `${O.input} ${u}`, ...t })
+        renderInput: ({ className: p, ...n }) => /* @__PURE__ */ e("input", { className: `${O.input} ${p}`, ...n })
       }
     ) }),
     /* @__PURE__ */ e(
@@ -317,7 +317,7 @@ const z = k.string().required("Email is required").email("Please enter a valid e
     )
   ] }) : null;
 }, Xe = () => {
-  const { sendOTP: r, verifyOTP: c, resendOTP: n } = $(), [a, m] = _(!1), [s, o] = _(null), [h, u] = _(!1), t = A({
+  const { sendOTP: o, verifyOTP: c, resendOTP: t } = $(), [a, u] = _(!1), [s, r] = _(null), [h, p] = _(!1), n = A({
     initialValues: {
       email: "",
       otp: ""
@@ -327,32 +327,32 @@ const z = k.string().required("Email is required").email("Please enter a valid e
     validateOnBlur: !1,
     onSubmit: async (i, { setSubmitting: g, setFieldError: C }) => {
       try {
-        o(null), a ? await c(i.email, i.otp) : (await r({ email: i.email }), m(!0));
+        r(null), a ? await c(i.email, i.otp) : (await o({ email: i.email }), u(!0));
       } catch (S) {
-        const p = B(S);
-        p.hasFieldErrors ? p.fieldErrors.forEach((f) => {
+        const m = B(S);
+        m.hasFieldErrors ? m.fieldErrors.forEach((f) => {
           C(f.param, f.message);
-        }) : o(p);
+        }) : r(m);
       } finally {
         g(!1);
       }
     }
   }), y = () => {
-    m(!1), t.resetForm(), o(null);
+    u(!1), n.resetForm(), r(null);
   }, v = async () => {
     try {
-      u(!0), o(null), await n({ email: t.values.email });
+      p(!0), r(null), await t({ email: n.values.email });
     } catch (i) {
       const g = B(i);
-      o(g);
+      r(g);
     } finally {
-      u(!1);
+      p(!1);
     }
   };
   return /* @__PURE__ */ l(
     "form",
     {
-      onSubmit: t.handleSubmit,
+      onSubmit: n.handleSubmit,
       style: {
         display: "flex",
         flexDirection: "column",
@@ -362,8 +362,8 @@ const z = k.string().required("Email is required").email("Please enter a valid e
         /* @__PURE__ */ e(
           Y,
           {
-            email: t.values.email,
-            setEmail: (i) => t.setFieldValue("email", i),
+            email: n.values.email,
+            setEmail: (i) => n.setFieldValue("email", i),
             otpSent: a,
             handleReset: y
           }
@@ -372,8 +372,8 @@ const z = k.string().required("Email is required").email("Please enter a valid e
           J,
           {
             otpSent: a,
-            otp: t.values.otp,
-            setOtp: (i) => t.setFieldValue("otp", i),
+            otp: n.values.otp,
+            setOtp: (i) => n.setFieldValue("otp", i),
             isResendingOtp: h,
             resendOTP: v
           }
@@ -382,9 +382,9 @@ const z = k.string().required("Email is required").email("Please enter a valid e
           E,
           {
             type: "submit",
-            isLoading: t.isSubmitting,
+            isLoading: n.isSubmitting,
             isError: !!s,
-            disabled: t.isSubmitting,
+            disabled: n.isSubmitting,
             className: d.fullWidthButton,
             loadingText: "Verifying...",
             errorText: "Verification Failed",
@@ -394,16 +394,16 @@ const z = k.string().required("Email is required").email("Please enter a valid e
           E,
           {
             type: "submit",
-            isLoading: t.isSubmitting,
+            isLoading: n.isSubmitting,
             isError: !!s,
-            disabled: t.isSubmitting,
+            disabled: n.isSubmitting,
             className: d.fullWidthButton,
             loadingText: "Sending Code...",
             errorText: "Failed to Send",
             children: "Send Code"
           }
         ) }),
-        s && /* @__PURE__ */ e(D, { error: s, onDismiss: () => o(null) })
+        s && /* @__PURE__ */ e(D, { error: s, onDismiss: () => r(null) })
       ]
     }
   );
@@ -419,26 +419,26 @@ const z = k.string().required("Email is required").email("Please enter a valid e
   flag: at,
   countryName: lt,
   dialCode: ct
-}, dt = ({ phone: r, setPhone: c, otpSent: n, handleReset: a }) => {
-  const [m, s] = _(!1), [o, h] = _(""), u = R(null), t = R(null), { inputValue: y, handlePhoneValueChange: v, inputRef: i, country: g, setCountry: C } = oe({
+}, dt = ({ phone: o, setPhone: c, otpSent: t, handleReset: a }) => {
+  const [u, s] = _(!1), [r, h] = _(""), p = R(null), n = R(null), { inputValue: y, handlePhoneValueChange: v, inputRef: i, country: g, setCountry: C } = oe({
     defaultCountry: "in",
-    value: r,
+    value: o,
     countries: P,
-    onChange: (p) => {
-      c(p.phone);
+    onChange: (m) => {
+      c(m.phone);
     },
     disableDialCodePrefill: !0,
     forceDialCode: !0
-  }), S = P.filter((p) => {
-    const f = M(p);
-    return f.name.toLowerCase().includes(o.toLowerCase()) || f.dialCode.includes(o);
+  }), S = P.filter((m) => {
+    const f = M(m);
+    return f.name.toLowerCase().includes(r.toLowerCase()) || f.dialCode.includes(r);
   });
   return /* @__PURE__ */ l("div", { children: [
     /* @__PURE__ */ e("label", { className: b.label, children: "Phone Number" }),
     /* @__PURE__ */ l("div", { className: b.inputWrapper, children: [
       /* @__PURE__ */ l("div", { className: b.phoneInputWrapper, children: [
-        /* @__PURE__ */ l(L.Root, { open: m, onOpenChange: s, children: [
-          /* @__PURE__ */ e(L.Trigger, { asChild: !0, disabled: n, children: /* @__PURE__ */ l("button", { type: "button", className: b.selector, disabled: n, children: [
+        /* @__PURE__ */ l(L.Root, { open: u, onOpenChange: s, children: [
+          /* @__PURE__ */ e(L.Trigger, { asChild: !0, disabled: t, children: /* @__PURE__ */ l("button", { type: "button", className: b.selector, disabled: t, children: [
             /* @__PURE__ */ e(j, { iso2: g.iso2, style: { width: "24px", height: "16px" } }),
             /* @__PURE__ */ e(re, { size: 16, style: { marginLeft: "4px", opacity: 0.5 } })
           ] }) }),
@@ -449,20 +449,20 @@ const z = k.string().required("Email is required").email("Please enter a valid e
               align: "start",
               side: "bottom",
               sideOffset: 4,
-              onOpenAutoFocus: (p) => {
-                p.preventDefault(), t.current?.focus();
+              onOpenAutoFocus: (m) => {
+                m.preventDefault(), n.current?.focus();
               },
               children: [
                 /* @__PURE__ */ e("div", { style: { padding: "0.5rem" }, children: /* @__PURE__ */ e(
                   "input",
                   {
-                    ref: t,
+                    ref: n,
                     type: "text",
                     placeholder: "Search country...",
-                    value: o,
-                    onChange: (p) => h(p.target.value),
-                    onKeyDown: (p) => {
-                      p.key === "ArrowDown" && (p.preventDefault(), u.current?.firstElementChild?.focus());
+                    value: r,
+                    onChange: (m) => h(m.target.value),
+                    onKeyDown: (m) => {
+                      m.key === "ArrowDown" && (m.preventDefault(), p.current?.firstElementChild?.focus());
                     },
                     className: b.input,
                     style: {
@@ -471,9 +471,9 @@ const z = k.string().required("Email is required").email("Please enter a valid e
                     }
                   }
                 ) }),
-                /* @__PURE__ */ l("div", { ref: u, style: { overflowY: "auto", flex: 1 }, children: [
-                  S.map((p) => {
-                    const f = M(p), V = f.iso2 === g.iso2;
+                /* @__PURE__ */ l("div", { ref: p, style: { overflowY: "auto", flex: 1 }, children: [
+                  S.map((m) => {
+                    const f = M(m), V = f.iso2 === g.iso2;
                     return /* @__PURE__ */ l(
                       "button",
                       {
@@ -489,7 +489,7 @@ const z = k.string().required("Email is required").email("Please enter a valid e
                           else if (w.key === "ArrowUp") {
                             w.preventDefault();
                             const T = w.currentTarget.previousElementSibling;
-                            T ? T.focus() : t.current?.focus();
+                            T ? T.focus() : n.current?.focus();
                           }
                         },
                         children: [
@@ -529,11 +529,11 @@ const z = k.string().required("Email is required").email("Please enter a valid e
             value: y,
             onChange: v,
             className: b.input,
-            disabled: n
+            disabled: t
           }
         )
       ] }),
-      n && /* @__PURE__ */ e(
+      t && /* @__PURE__ */ e(
         E,
         {
           variant: "outline",
@@ -545,7 +545,7 @@ const z = k.string().required("Email is required").email("Please enter a valid e
     ] })
   ] });
 }, ut = () => {
-  const { sendOTP: r, verifyOTP: c, resendOTP: n } = $(), [a, m] = _(!1), [s, o] = _(null), [h, u] = _(!1), t = A({
+  const { sendOTP: o, verifyOTP: c, resendOTP: t } = $(), [a, u] = _(!1), [s, r] = _(null), [h, p] = _(!1), n = A({
     initialValues: {
       phone: "",
       otp: ""
@@ -555,32 +555,32 @@ const z = k.string().required("Email is required").email("Please enter a valid e
     validateOnBlur: !1,
     onSubmit: async (i, { setSubmitting: g, setFieldError: C }) => {
       try {
-        o(null), a ? await c(i.phone, i.otp) : (await r({ phone: i.phone, medium: "whatsapp" }), m(!0));
+        r(null), a ? await c(i.phone, i.otp) : (await o({ phone: i.phone, medium: "whatsapp" }), u(!0));
       } catch (S) {
-        const p = B(S);
-        p.hasFieldErrors ? p.fieldErrors.forEach((f) => {
+        const m = B(S);
+        m.hasFieldErrors ? m.fieldErrors.forEach((f) => {
           C(f.param, f.message);
-        }) : o(p);
+        }) : r(m);
       } finally {
         g(!1);
       }
     }
   }), y = () => {
-    m(!1), t.resetForm(), o(null);
+    u(!1), n.resetForm(), r(null);
   }, v = async () => {
     try {
-      u(!0), o(null), await n({ phone: t.values.phone, medium: "whatsapp" });
+      p(!0), r(null), await t({ phone: n.values.phone, medium: "whatsapp" });
     } catch (i) {
       const g = B(i);
-      o(g);
+      r(g);
     } finally {
-      u(!1);
+      p(!1);
     }
   };
   return /* @__PURE__ */ l(
     "form",
     {
-      onSubmit: t.handleSubmit,
+      onSubmit: n.handleSubmit,
       style: {
         display: "flex",
         flexDirection: "column",
@@ -590,8 +590,8 @@ const z = k.string().required("Email is required").email("Please enter a valid e
         /* @__PURE__ */ e(
           dt,
           {
-            phone: t.values.phone,
-            setPhone: (i) => t.setFieldValue("phone", i),
+            phone: n.values.phone,
+            setPhone: (i) => n.setFieldValue("phone", i),
             otpSent: a,
             handleReset: y
           }
@@ -600,8 +600,8 @@ const z = k.string().required("Email is required").email("Please enter a valid e
           J,
           {
             otpSent: a,
-            otp: t.values.otp,
-            setOtp: (i) => t.setFieldValue("otp", i),
+            otp: n.values.otp,
+            setOtp: (i) => n.setFieldValue("otp", i),
             isResendingOtp: h,
             resendOTP: v
           }
@@ -610,9 +610,9 @@ const z = k.string().required("Email is required").email("Please enter a valid e
           E,
           {
             type: "submit",
-            isLoading: t.isSubmitting,
+            isLoading: n.isSubmitting,
             isError: !!s,
-            disabled: t.isSubmitting,
+            disabled: n.isSubmitting,
             className: d.fullWidthButton,
             loadingText: "Verifying...",
             errorText: "Verification Failed",
@@ -622,9 +622,9 @@ const z = k.string().required("Email is required").email("Please enter a valid e
           E,
           {
             type: "submit",
-            isLoading: t.isSubmitting,
+            isLoading: n.isSubmitting,
             isError: !!s,
-            disabled: t.isSubmitting,
+            disabled: n.isSubmitting,
             className: d.fullWidthButton,
             loadingText: "Sending Code...",
             errorText: "Failed to Send",
@@ -636,10 +636,10 @@ const z = k.string().required("Email is required").email("Please enter a valid e
     }
   );
 }, mt = ({
-  method: r,
+  method: o,
   onMagicLinkSent: c
 }) => {
-  switch (r) {
+  switch (o) {
     case "otp":
       return /* @__PURE__ */ e(Xe, {});
     case "whatsapp":
@@ -649,20 +649,20 @@ const z = k.string().required("Email is required").email("Please enter a valid e
     default:
       return null;
   }
-}, pt = ({ method: r }) => {
-  switch (r) {
+}, pt = ({ method: o }) => {
+  switch (o) {
     case "google":
-      return /* @__PURE__ */ e(I.Button, { provider: "google", children: /* @__PURE__ */ l("button", { className: d.googleButton, children: [
+      return /* @__PURE__ */ e(I.Button, { provider: "google", children: /* @__PURE__ */ l("button", { type: "button", className: d.googleButton, children: [
         /* @__PURE__ */ e("img", { className: d.googleIcon, src: "https://static.levocdn.com/png/google.png" }),
         "Continue with Google"
       ] }) });
     case "microsoft":
-      return /* @__PURE__ */ e(I.Button, { provider: "microsoft", children: /* @__PURE__ */ l("button", { className: d.googleButton, children: [
+      return /* @__PURE__ */ e(I.Button, { provider: "microsoft", children: /* @__PURE__ */ l("button", { type: "button", className: d.googleButton, children: [
         /* @__PURE__ */ e("img", { className: d.googleIcon, src: "https://static.levocdn.com/png/microsoft.png" }),
         "Continue with Microsoft"
       ] }) });
     case "linkedin":
-      return /* @__PURE__ */ e(I.Button, { provider: "linkedin", children: /* @__PURE__ */ l("button", { className: d.googleButton, children: [
+      return /* @__PURE__ */ e(I.Button, { provider: "linkedin", children: /* @__PURE__ */ l("button", { type: "button", className: d.googleButton, children: [
         /* @__PURE__ */ e("img", { className: d.googleIcon, src: "https://static.levocdn.com/png/linkedin.png" }),
         "Continue with LinkedIn"
       ] }) });
@@ -671,62 +671,62 @@ const z = k.string().required("Email is required").email("Please enter a valid e
       return /* @__PURE__ */ e(q, {});
   }
 }, ht = ({
-  otpSent: r,
+  otpSent: o,
   oAuthTitle: c,
-  onOAuthSuccess: n,
+  onOAuthSuccess: t,
   onOAuthError: a,
-  oAuthMethods: m
+  oAuthMethods: u
 }) => {
-  const { client: s, insights: o } = Q(), { logger: h } = s;
-  return /* @__PURE__ */ e("div", { className: d.oauthContainer, children: !r && /* @__PURE__ */ e(
+  const { logger: s } = Q();
+  return /* @__PURE__ */ e("div", { className: d.oauthContainer, children: !o && /* @__PURE__ */ e(
     I.Container,
     {
       title: c,
       onSuccess: () => {
         X("You are logged in successfully", "Login Successful", {
           position: "top-right"
-        }), o?.identify(), n && n();
+        }), t && t();
       },
-      onError: (u) => {
-        const t = B(u);
-        h?.error("OAuth login failed", t.message), a && a(t);
+      onError: (r) => {
+        const h = B(r);
+        s?.error("OAuth login failed", h.message), a && a(h);
       },
-      children: m?.map((u) => /* @__PURE__ */ e(pt, { method: u }, u))
+      children: u?.map((r) => /* @__PURE__ */ e(pt, { method: r }, r))
     }
   ) });
 }, ft = ({
-  oAuthMethods: r,
+  oAuthMethods: o,
   oAuthTitle: c = "Studio",
-  showDivider: n,
+  showDivider: t,
   dividerText: a,
-  onOAuthSuccess: m,
+  onOAuthSuccess: u,
   onOAuthError: s
 }) => /* @__PURE__ */ l(q, { children: [
   /* @__PURE__ */ e(
     ht,
     {
-      otpSent: !n,
+      otpSent: !t,
       oAuthTitle: c,
-      onOAuthSuccess: m,
+      onOAuthSuccess: u,
       onOAuthError: s,
-      oAuthMethods: r
+      oAuthMethods: o
     }
   ),
-  n && /* @__PURE__ */ l("div", { className: d.divider, children: [
+  t && /* @__PURE__ */ l("div", { className: d.divider, children: [
     /* @__PURE__ */ e("div", { className: d.dividerLine }),
     /* @__PURE__ */ e("div", { className: d.dividerText, children: a }),
     /* @__PURE__ */ e("div", { className: d.dividerLine })
   ] })
 ] }), Tt = ({
-  className: r,
+  className: o,
   oAuthTitle: c = "Studio",
-  page: n,
+  page: t,
   magicLinkSent: a,
-  setMagicLinkSent: m,
+  setMagicLinkSent: u,
   oAuthMethods: s
 }) => {
-  const { refetchLoginStatus: o } = $(), h = F(() => n?.access?.[0]?.kind === "authentication" && n?.access?.[0]?.options?.primary_method || "otp", [n?.access]), u = F(() => s || (n?.access?.[0]?.kind === "authentication" ? n?.access?.[0]?.options?.methods?.filter((i) => ee.includes(i)) || [] : []), [n?.access, s]), t = () => {
-    o();
+  const { refetchLoginStatus: r } = $(), h = F(() => t?.access?.[0]?.kind === "authentication" && t?.access?.[0]?.options?.primary_method || "otp", [t?.access]), p = F(() => s || (t?.access?.[0]?.kind === "authentication" ? t?.access?.[0]?.options?.methods?.filter((i) => ee.includes(i)) || [] : []), [t?.access, s]), n = () => {
+    r();
   }, y = (i) => {
     Z(i);
   }, v = () => {
@@ -739,15 +739,15 @@ const z = k.string().required("Email is required").email("Please enter a valid e
         return "or sign in with email";
     }
   };
-  return /* @__PURE__ */ l("div", { className: `${d.container} ${r || ""}`, children: [
-    u.length > 0 && !a && /* @__PURE__ */ e(
+  return /* @__PURE__ */ l("div", { className: `${d.container} ${o || ""}`, children: [
+    p.length > 0 && !a && /* @__PURE__ */ e(
       ft,
       {
-        oAuthMethods: u,
+        oAuthMethods: p,
         oAuthTitle: c,
         showDivider: !0,
         dividerText: v(),
-        onOAuthSuccess: t,
+        onOAuthSuccess: n,
         onOAuthError: y
       }
     ),
@@ -755,7 +755,7 @@ const z = k.string().required("Email is required").email("Please enter a valid e
       mt,
       {
         method: h,
-        onMagicLinkSent: m
+        onMagicLinkSent: u
       }
     ) })
   ] });