@levo-so/studio 0.1.65 → 0.1.67

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

@@ -1,54 +1,54 @@
 "use client";
 import { jsx as e, jsxs as l, Fragment as q } from "react/jsx-runtime";
-import { useLevo as Q, useLevoInsights as X, LevoOAuth as I, successToast as Z, errorHandler as ee } from "@levo-so/react";
+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 te } from "./index-Cwq8c9bh.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 ne } from "libphonenumber-js";
+import { parsePhoneNumberWithError as te } from "libphonenumber-js";
 import * as k from "yup";
-import re from "react-otp-input";
-import { ChevronDown as oe } from "lucide-react";
-import { Popover as O } from "radix-ui";
-import { usePhoneInput as ie, 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;
+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", (o) => {
+  if (!o) return !1;
   try {
-    return ne(r)?.isValid() ?? !1;
+    return te(o)?.isValid() ?? !1;
   } catch {
     return !1;
   }
 }), K = k.object({
   email: z
-}), se = k.object({
+}), ie = k.object({
   email: z,
   otp: H
-}), ae = k.object({
+}), se = k.object({
   phone: U
-}), le = k.object({
+}), ae = k.object({
   phone: U,
   otp: H
-}), ce = K, de = "_button_1je4h_2", ue = "_content_1je4h_70", me = "_icon_1je4h_77", pe = "_spinner_1je4h_89", he = "_iconEnter_1je4h_103", fe = "_text_1je4h_119", N = {
-  button: de,
-  content: ue,
-  icon: me,
-  spinner: pe,
-  iconEnter: he,
-  text: fe
+}), le = K, ce = "_button_1je4h_2", de = "_content_1je4h_70", ue = "_icon_1je4h_77", me = "_spinner_1je4h_89", pe = "_iconEnter_1je4h_103", he = "_text_1je4h_119", N = {
+  button: ce,
+  content: de,
+  icon: ue,
+  spinner: me,
+  iconEnter: pe,
+  text: he
 }, E = ({
-  className: r,
+  className: o,
   children: c,
   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",
+  size: p = "default",
   disabled: n,
   ...y
 }) => {
-  const [v, i] = _(!1), [g, C] = _(!1), [S, p] = _(t);
+  const [v, i] = _(!1), [g, C] = _(!1), [S, m] = _(t);
   G(() => {
     if (S && !t)
       if (a) {
@@ -64,9 +64,9 @@ const z = k.string().required("Email is required").email("Please enter a valid e
         }, 2e3);
         return () => clearTimeout(T);
       }
-    p(t);
+    m(t);
   }, [t, S, a]);
-  const f = () => t ? m : v ? s : g ? o : 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(
+  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",
@@ -113,9 +113,9 @@ 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,
+      "data-size": p,
       disabled: n || t,
       ...y,
       children: /* @__PURE__ */ l("div", { className: N.content, children: [
@@ -124,21 +124,21 @@ const z = k.string().required("Email is required").email("Please enter a valid e
       ] })
     }
   );
-}, ge = "_container_wx5fd_1", _e = "_label_wx5fd_5", ve = "_inputWrapper_wx5fd_13", be = "_input_wx5fd_13", ye = "_editButton_wx5fd_38", W = {
-  container: ge,
-  label: _e,
-  inputWrapper: ve,
-  input: be,
-  editButton: ye
-}, Y = ({ email: r, setEmail: c, otpSent: t, handleReset: a }) => /* @__PURE__ */ l("div", { className: W.container, children: [
+}, fe = "_container_wx5fd_1", ge = "_label_wx5fd_5", _e = "_inputWrapper_wx5fd_13", ve = "_input_wx5fd_13", be = "_editButton_wx5fd_38", W = {
+  container: fe,
+  label: ge,
+  inputWrapper: _e,
+  input: ve,
+  editButton: be
+}, 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: t
@@ -154,17 +154,17 @@ const z = k.string().required("Email is required").email("Please enter a valid e
       }
     )
   ] })
-] }), Ne = "_container_x1dec_1", Se = "_iconWrapper_x1dec_9", xe = "_icon_x1dec_9", Ce = "_content_x1dec_26", we = "_title_x1dec_30", Ee = "_message_x1dec_37", Te = "_submessage_x1dec_49", ke = "_actions_x1dec_55", Be = "_resetButton_x1dec_59", x = {
-  container: Ne,
-  iconWrapper: Se,
-  icon: xe,
-  content: Ce,
-  title: we,
-  message: Ee,
-  submessage: Te,
-  actions: ke,
-  resetButton: Be
-}, We = ({ email: r, onReset: c }) => /* @__PURE__ */ l("div", { className: x.container, children: [
+] }), ye = "_container_x1dec_1", Ne = "_iconWrapper_x1dec_9", Se = "_icon_x1dec_9", xe = "_content_x1dec_26", Ce = "_title_x1dec_30", we = "_message_x1dec_37", Ee = "_submessage_x1dec_49", Te = "_actions_x1dec_55", ke = "_resetButton_x1dec_59", x = {
+  container: ye,
+  iconWrapper: Ne,
+  icon: Se,
+  content: xe,
+  title: Ce,
+  message: we,
+  submessage: Ee,
+  actions: Te,
+  resetButton: ke
+}, 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,49 +178,49 @@ 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." })
   ] }),
   /* @__PURE__ */ e("div", { className: x.actions, children: /* @__PURE__ */ e(E, { variant: "outline", onClick: c, className: x.resetButton, children: "Use a different email" }) })
-] }), Le = "_container_1mfd3_1", Oe = "_errorContainer_1mfd3_5", Ie = "_divider_1mfd3_9", $e = "_dividerLine_1mfd3_15", Ve = "_dividerText_1mfd3_21", Ae = "_formSection_1mfd3_27", De = "_buttonWrapper_1mfd3_33", Re = "_fullWidthButton_1mfd3_36", Fe = "_oauthContainer_1mfd3_41", Pe = "_googleButton_1mfd3_54", Me = "_googleIcon_1mfd3_78", je = "_errorContent_1mfd3_90", qe = "_errorText_1mfd3_107", Ge = "_errorTitle_1mfd3_112", ze = "_errorMessage_1mfd3_119", He = "_errorDismiss_1mfd3_125", d = {
-  container: Le,
+] }), We = "_container_1mfd3_1", Oe = "_errorContainer_1mfd3_5", Le = "_divider_1mfd3_9", Ie = "_dividerLine_1mfd3_15", $e = "_dividerText_1mfd3_21", Ve = "_formSection_1mfd3_27", Ae = "_buttonWrapper_1mfd3_33", De = "_fullWidthButton_1mfd3_36", Re = "_oauthContainer_1mfd3_41", Fe = "_googleButton_1mfd3_54", Pe = "_googleIcon_1mfd3_78", Me = "_errorContent_1mfd3_90", je = "_errorText_1mfd3_107", qe = "_errorTitle_1mfd3_112", Ge = "_errorMessage_1mfd3_119", ze = "_errorDismiss_1mfd3_125", d = {
+  container: We,
   errorContainer: Oe,
-  divider: Ie,
-  dividerLine: $e,
-  dividerText: Ve,
-  formSection: Ae,
-  buttonWrapper: De,
-  fullWidthButton: Re,
-  oauthContainer: Fe,
-  googleButton: Pe,
-  googleIcon: Me,
-  errorContent: je,
-  errorText: qe,
-  errorTitle: Ge,
-  errorMessage: ze,
-  errorDismiss: He
-}, D = ({ error: r, onDismiss: c }) => /* @__PURE__ */ e("div", { className: d.errorContainer, children: /* @__PURE__ */ l("div", { className: d.errorContent, children: [
+  divider: Le,
+  dividerLine: Ie,
+  dividerText: $e,
+  formSection: Ve,
+  buttonWrapper: Ae,
+  fullWidthButton: De,
+  oauthContainer: Re,
+  googleButton: Fe,
+  googleIcon: Pe,
+  errorContent: Me,
+  errorText: je,
+  errorTitle: qe,
+  errorMessage: Ge,
+  errorDismiss: ze
+}, 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: "×" })
-] }) }), Ue = ({ onMagicLinkSent: r }) => {
-  const { sendMagicLink: c } = $(), [t, a] = _(!1), [m, s] = _(null);
+] }) }), He = ({ onMagicLinkSent: o }) => {
+  const { sendMagicLink: c } = $(), [t, a] = _(!1), [u, s] = _(null);
   G(() => {
-    r?.(t);
-  }, [t, r]);
-  const o = A({
+    o?.(t);
+  }, [t, o]);
+  const r = A({
     initialValues: {
       email: ""
     },
-    validationSchema: ce,
+    validationSchema: le,
     validateOnChange: !1,
     validateOnBlur: !1,
-    onSubmit: async (u, { setSubmitting: n, 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) => {
@@ -231,12 +231,12 @@ const z = k.string().required("Email is required").email("Please enter a valid e
       }
     }
   }), h = () => {
-    a(!1), o.resetForm(), s(null);
+    a(!1), r.resetForm(), s(null);
   };
-  return t ? /* @__PURE__ */ e(We, { 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,54 +256,54 @@ 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) })
       ]
     }
   );
-}, Ke = "_container_1c9qn_1", Ye = "_label_1c9qn_5", Je = "_inputGroup_1c9qn_13", Qe = "_input_1c9qn_13", Xe = "_resendButton_1c9qn_36", L = {
-  container: Ke,
-  label: Ye,
-  inputGroup: Je,
-  input: Qe,
-  resendButton: Xe
+}, Ue = "_container_1c9qn_1", Ke = "_label_1c9qn_5", Ye = "_inputGroup_1c9qn_13", Je = "_input_1c9qn_13", Qe = "_resendButton_1c9qn_36", O = {
+  container: Ue,
+  label: Ke,
+  inputGroup: Ye,
+  input: Je,
+  resendButton: Qe
 }, J = ({
-  otpSent: r,
+  otpSent: o,
   isResendingOtp: c,
   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((n) => n <= 1 ? (clearInterval(u), 0) : n - 1);
+      r(30);
+      const p = setInterval(() => {
+        r((n) => n <= 1 ? (clearInterval(p), 0) : n - 1);
       }, 1e3);
     });
   };
-  return r ? /* @__PURE__ */ l("div", { className: L.container, children: [
-    /* @__PURE__ */ e("label", { className: L.label, children: "Verification Code" }),
-    /* @__PURE__ */ e("div", { className: L.inputGroup, children: /* @__PURE__ */ e(
-      re,
+  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: t,
-        onChange: m,
+        onChange: u,
         numInputs: 4,
         inputStyle: {
           marginRight: "12px"
         },
         inputType: "tel",
         skipDefaultStyles: !0,
-        renderInput: ({ className: u, ...n }) => /* @__PURE__ */ e("input", { className: `${L.input} ${u}`, ...n })
+        renderInput: ({ className: p, ...n }) => /* @__PURE__ */ e("input", { className: `${O.input} ${p}`, ...n })
       }
     ) }),
     /* @__PURE__ */ e(
@@ -311,42 +311,42 @@ const z = k.string().required("Email is required").email("Please enter a valid e
       {
         onClick: h,
         disabled: c || s > 0,
-        className: L.resendButton,
+        className: O.resendButton,
         children: c ? "Resending..." : s > 0 ? `Resend in ${s}s` : "Resend Code"
       }
     )
   ] }) : null;
-}, Ze = () => {
-  const { sendOTP: r, verifyOTP: c, resendOTP: t } = $(), [a, m] = _(!1), [s, o] = _(null), [h, u] = _(!1), n = A({
+}, Xe = () => {
+  const { sendOTP: o, verifyOTP: c, resendOTP: t } = $(), [a, u] = _(!1), [s, r] = _(null), [h, p] = _(!1), n = A({
     initialValues: {
       email: "",
       otp: ""
     },
-    validationSchema: a ? se : K,
+    validationSchema: a ? ie : K,
     validateOnChange: !1,
     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), n.resetForm(), o(null);
+    u(!1), n.resetForm(), r(null);
   }, v = async () => {
     try {
-      u(!0), o(null), await t({ email: n.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(
@@ -403,54 +403,54 @@ const z = k.string().required("Email is required").email("Please enter a valid e
             children: "Send Code"
           }
         ) }),
-        s && /* @__PURE__ */ e(D, { error: s, onDismiss: () => o(null) })
+        s && /* @__PURE__ */ e(D, { error: s, onDismiss: () => r(null) })
       ]
     }
   );
-}, et = "_label_1fvbo_1", tt = "_inputWrapper_1fvbo_9", nt = "_phoneInputWrapper_1fvbo_14", rt = "_input_1fvbo_9", ot = "_selector_1fvbo_41", it = "_editButton_1fvbo_69", st = "_dropdownContent_1fvbo_73", at = "_countryItem_1fvbo_89", lt = "_flag_1fvbo_111", ct = "_countryName_1fvbo_118", dt = "_dialCode_1fvbo_125", b = {
-  label: et,
-  inputWrapper: tt,
-  phoneInputWrapper: nt,
-  input: rt,
-  selector: ot,
-  editButton: it,
-  dropdownContent: st,
-  countryItem: at,
-  flag: lt,
-  countryName: ct,
-  dialCode: dt
-}, ut = ({ phone: r, setPhone: c, otpSent: t, handleReset: a }) => {
-  const [m, s] = _(!1), [o, h] = _(""), u = R(null), n = R(null), { inputValue: y, handlePhoneValueChange: v, inputRef: i, country: g, setCountry: C } = ie({
+}, Ze = "_label_1fvbo_1", et = "_inputWrapper_1fvbo_9", tt = "_phoneInputWrapper_1fvbo_14", nt = "_input_1fvbo_9", rt = "_selector_1fvbo_41", ot = "_editButton_1fvbo_69", it = "_dropdownContent_1fvbo_73", st = "_countryItem_1fvbo_89", at = "_flag_1fvbo_111", lt = "_countryName_1fvbo_118", ct = "_dialCode_1fvbo_125", b = {
+  label: Ze,
+  inputWrapper: et,
+  phoneInputWrapper: tt,
+  input: nt,
+  selector: rt,
+  editButton: ot,
+  dropdownContent: it,
+  countryItem: st,
+  flag: at,
+  countryName: lt,
+  dialCode: ct
+}, 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(O.Root, { open: m, onOpenChange: s, children: [
-          /* @__PURE__ */ e(O.Trigger, { asChild: !0, disabled: t, children: /* @__PURE__ */ l("button", { type: "button", className: b.selector, disabled: t, 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(oe, { size: 16, style: { marginLeft: "4px", opacity: 0.5 } })
+            /* @__PURE__ */ e(re, { size: 16, style: { marginLeft: "4px", opacity: 0.5 } })
           ] }) }),
-          /* @__PURE__ */ e(O.Portal, { children: /* @__PURE__ */ l(
-            O.Content,
+          /* @__PURE__ */ e(L.Portal, { children: /* @__PURE__ */ l(
+            L.Content,
             {
               className: b.dropdownContent,
               align: "start",
               side: "bottom",
               sideOffset: 4,
-              onOpenAutoFocus: (p) => {
-                p.preventDefault(), n.current?.focus();
+              onOpenAutoFocus: (m) => {
+                m.preventDefault(), n.current?.focus();
               },
               children: [
                 /* @__PURE__ */ e("div", { style: { padding: "0.5rem" }, children: /* @__PURE__ */ e(
@@ -459,10 +459,10 @@ const z = k.string().required("Email is required").email("Please enter a valid e
                     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",
                       {
@@ -544,37 +544,37 @@ const z = k.string().required("Email is required").email("Please enter a valid e
       )
     ] })
   ] });
-}, mt = () => {
-  const { sendOTP: r, verifyOTP: c, resendOTP: t } = $(), [a, m] = _(!1), [s, o] = _(null), [h, u] = _(!1), n = A({
+}, ut = () => {
+  const { sendOTP: o, verifyOTP: c, resendOTP: t } = $(), [a, u] = _(!1), [s, r] = _(null), [h, p] = _(!1), n = A({
     initialValues: {
       phone: "",
       otp: ""
     },
-    validationSchema: a ? le : ae,
+    validationSchema: a ? ae : se,
     validateOnChange: !1,
     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), n.resetForm(), o(null);
+    u(!1), n.resetForm(), r(null);
   }, v = async () => {
     try {
-      u(!0), o(null), await t({ phone: n.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(
@@ -588,7 +588,7 @@ const z = k.string().required("Email is required").email("Please enter a valid e
       },
       children: [
         /* @__PURE__ */ e(
-          ut,
+          dt,
           {
             phone: n.values.phone,
             setPhone: (i) => n.setFieldValue("phone", i),
@@ -635,34 +635,34 @@ const z = k.string().required("Email is required").email("Please enter a valid e
       ]
     }
   );
-}, pt = ({
-  method: r,
+}, mt = ({
+  method: o,
   onMagicLinkSent: c
 }) => {
-  switch (r) {
+  switch (o) {
     case "otp":
-      return /* @__PURE__ */ e(Ze, {});
+      return /* @__PURE__ */ e(Xe, {});
     case "whatsapp":
-      return /* @__PURE__ */ e(mt, {});
+      return /* @__PURE__ */ e(ut, {});
     case "magiclink":
-      return /* @__PURE__ */ e(Ue, { onMagicLinkSent: c });
+      return /* @__PURE__ */ e(He, { onMagicLinkSent: c });
     default:
       return null;
   }
-}, ht = ({ 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"
       ] }) });
@@ -670,46 +670,46 @@ const z = k.string().required("Email is required").email("Please enter a valid e
     default:
       return /* @__PURE__ */ e(q, {});
   }
-}, ft = ({
-  otpSent: r,
+}, ht = ({
+  otpSent: o,
   oAuthTitle: c,
   onOAuthSuccess: t,
   onOAuthError: a,
-  oAuthMethods: m
+  oAuthMethods: u
 }) => {
-  const { logger: s } = Q(), o = X();
-  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: () => {
-        Z("You are logged in successfully", "Login Successful", {
+        X("You are logged in successfully", "Login Successful", {
           position: "top-right"
-        }), o?.identify(), t && t();
+        }), t && t();
       },
-      onError: (h) => {
-        const u = B(h);
-        s?.error("OAuth login failed", u.message), a && a(u);
+      onError: (r) => {
+        const h = B(r);
+        s?.error("OAuth login failed", h.message), a && a(h);
       },
-      children: m?.map((h) => /* @__PURE__ */ e(ht, { method: h }, h))
+      children: u?.map((r) => /* @__PURE__ */ e(pt, { method: r }, r))
     }
   ) });
-}, gt = ({
-  oAuthMethods: r,
+}, ft = ({
+  oAuthMethods: o,
   oAuthTitle: c = "Studio",
   showDivider: t,
   dividerText: a,
-  onOAuthSuccess: m,
+  onOAuthSuccess: u,
   onOAuthError: s
 }) => /* @__PURE__ */ l(q, { children: [
   /* @__PURE__ */ e(
-    ft,
+    ht,
     {
       otpSent: !t,
       oAuthTitle: c,
-      onOAuthSuccess: m,
+      onOAuthSuccess: u,
       onOAuthError: s,
-      oAuthMethods: r
+      oAuthMethods: o
     }
   ),
   t && /* @__PURE__ */ l("div", { className: d.divider, children: [
@@ -717,18 +717,18 @@ const z = k.string().required("Email is required").email("Please enter a valid e
     /* @__PURE__ */ e("div", { className: d.dividerText, children: a }),
     /* @__PURE__ */ e("div", { className: d.dividerLine })
   ] })
-] }), kt = ({
-  className: r,
+] }), Tt = ({
+  className: o,
   oAuthTitle: c = "Studio",
   page: t,
   magicLinkSent: a,
-  setMagicLinkSent: m,
+  setMagicLinkSent: u,
   oAuthMethods: s
 }) => {
-  const { refetchLoginStatus: o } = $(), h = F(() => t?.access?.[0]?.kind === "authentication" && t?.access?.[0]?.options?.primary_method || "otp", [t?.access]), u = F(() => s || (t?.access?.[0]?.kind === "authentication" ? t?.access?.[0]?.options?.methods?.filter((i) => te.includes(i)) || [] : []), [t?.access, s]), n = () => {
-    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) => {
-    ee(i);
+    Z(i);
   }, v = () => {
     switch (h) {
       case "whatsapp":
@@ -739,11 +739,11 @@ 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(
-      gt,
+  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(),
@@ -752,14 +752,14 @@ const z = k.string().required("Email is required").email("Please enter a valid e
       }
     ),
     /* @__PURE__ */ e("div", { className: d.formSection, children: /* @__PURE__ */ e(
-      pt,
+      mt,
       {
         method: h,
-        onMagicLinkSent: m
+        onMagicLinkSent: u
       }
     ) })
   ] });
 };
 export {
-  kt as L
+  Tt as L
 };