@levo-so/studio 0.1.64 → 0.1.65

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

@@ -1,56 +1,56 @@
 "use client";
 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 { useLevo as Q, useLevoInsights as X, LevoOAuth as I, successToast as Z, errorHandler as ee } 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 te } from "./index-Cwq8c9bh.js";
 import { getLevoError as B } from "@levo-so/core";
 import { useFormik as A } from "formik";
-import { parsePhoneNumberWithError as te } from "libphonenumber-js";
+import { parsePhoneNumberWithError as ne } from "libphonenumber-js";
 import * as k from "yup";
-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";
+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;
   try {
-    return te(r)?.isValid() ?? !1;
+    return ne(r)?.isValid() ?? !1;
   } catch {
     return !1;
   }
 }), K = k.object({
   email: z
-}), ie = k.object({
+}), se = k.object({
   email: z,
   otp: H
-}), se = k.object({
-  phone: U
 }), ae = k.object({
+  phone: U
+}), le = k.object({
   phone: U,
   otp: H
-}), 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
+}), 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
 }, E = ({
   className: r,
   children: c,
-  isLoading: n = !1,
+  isLoading: t = !1,
   isError: a = !1,
   loadingText: m = "Loading...",
   successText: s = "Success!",
   errorText: o = "Error!",
   variant: h = "default",
   size: u = "default",
-  disabled: t,
+  disabled: n,
   ...y
 }) => {
-  const [v, i] = _(!1), [g, C] = _(!1), [S, p] = _(n);
+  const [v, i] = _(!1), [g, C] = _(!1), [S, p] = _(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(
+    p(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(
     "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",
@@ -116,7 +116,7 @@ const z = k.string().required("Email is required").email("Please enter a valid e
       className: `${N.button} ${r || ""}`,
       "data-variant": V(),
       "data-size": u,
-      disabled: t || n,
+      disabled: n || t,
       ...y,
       children: /* @__PURE__ */ l("div", { className: N.content, children: [
         w(),
@@ -124,13 +124,13 @@ const z = k.string().required("Email is required").email("Please enter a valid e
       ] })
     }
   );
-}, 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: r, setEmail: c, otpSent: n, handleReset: a }) => /* @__PURE__ */ l("div", { className: W.container, children: [
+}, 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: [
   /* @__PURE__ */ e("label", { className: W.label, children: "Email" }),
   /* @__PURE__ */ l("div", { className: W.inputWrapper, children: [
     /* @__PURE__ */ e(
@@ -141,10 +141,10 @@ const z = k.string().required("Email is required").email("Please enter a valid e
         onChange: (m) => c(m.target.value),
         className: W.input,
         placeholder: "Enter your email",
-        disabled: n
+        disabled: t
       }
     ),
-    n && /* @__PURE__ */ e(
+    t && /* @__PURE__ */ e(
       E,
       {
         variant: "outline",
@@ -154,17 +154,17 @@ const z = k.string().required("Email is required").email("Please enter a valid e
       }
     )
   ] })
-] }), 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: r, onReset: c }) => /* @__PURE__ */ l("div", { className: x.container, children: [
+] }), 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: [
   /* @__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",
     {
@@ -183,42 +183,42 @@ const z = k.string().required("Email is required").email("Please enter a valid e
     /* @__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" }) })
-] }), 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,
+] }), 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,
   errorContainer: Oe,
-  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
+  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: [
   /* @__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" })
   ] }),
   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);
+] }) }), Ue = ({ onMagicLinkSent: r }) => {
+  const { sendMagicLink: c } = $(), [t, a] = _(!1), [m, s] = _(null);
   G(() => {
-    r?.(n);
-  }, [n, r]);
+    r?.(t);
+  }, [t, r]);
   const o = A({
     initialValues: {
       email: ""
     },
-    validationSchema: le,
+    validationSchema: ce,
     validateOnChange: !1,
     validateOnBlur: !1,
-    onSubmit: async (u, { setSubmitting: t, setFieldError: y }) => {
+    onSubmit: async (u, { setSubmitting: n, setFieldError: y }) => {
       try {
         s(null), await c(u.email), a(!0);
       } catch (v) {
@@ -227,13 +227,13 @@ const z = k.string().required("Email is required").email("Please enter a valid e
           y(g.param, g.message);
         }) : s(i);
       } finally {
-        t(!1);
+        n(!1);
       }
     }
   }), h = () => {
     a(!1), o.resetForm(), s(null);
   };
-  return n ? /* @__PURE__ */ e(Be, { email: o.values.email, onReset: h }) : /* @__PURE__ */ l(
+  return t ? /* @__PURE__ */ e(We, { email: o.values.email, onReset: h }) : /* @__PURE__ */ l(
     "form",
     {
       onSubmit: o.handleSubmit,
@@ -269,16 +269,16 @@ const z = k.string().required("Email is required").email("Please enter a valid e
       ]
     }
   );
-}, 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
+}, 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
 }, J = ({
   otpSent: r,
   isResendingOtp: c,
-  otp: n,
+  otp: t,
   resendOTP: a,
   setOtp: m
 }) => {
@@ -286,16 +286,16 @@ const z = k.string().required("Email is required").email("Please enter a valid e
     a(() => {
       o(30);
       const u = setInterval(() => {
-        o((t) => t <= 1 ? (clearInterval(u), 0) : t - 1);
+        o((n) => n <= 1 ? (clearInterval(u), 0) : n - 1);
       }, 1e3);
     });
   };
-  return r ? /* @__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,
+  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,
       {
-        value: n,
+        value: t,
         onChange: m,
         numInputs: 4,
         inputStyle: {
@@ -303,7 +303,7 @@ const z = k.string().required("Email is required").email("Please enter a valid e
         },
         inputType: "tel",
         skipDefaultStyles: !0,
-        renderInput: ({ className: u, ...t }) => /* @__PURE__ */ e("input", { className: `${O.input} ${u}`, ...t })
+        renderInput: ({ className: u, ...n }) => /* @__PURE__ */ e("input", { className: `${L.input} ${u}`, ...n })
       }
     ) }),
     /* @__PURE__ */ e(
@@ -311,18 +311,18 @@ const z = k.string().required("Email is required").email("Please enter a valid e
       {
         onClick: h,
         disabled: c || s > 0,
-        className: O.resendButton,
+        className: L.resendButton,
         children: c ? "Resending..." : s > 0 ? `Resend in ${s}s` : "Resend Code"
       }
     )
   ] }) : null;
-}, Xe = () => {
-  const { sendOTP: r, verifyOTP: c, resendOTP: n } = $(), [a, m] = _(!1), [s, o] = _(null), [h, u] = _(!1), t = A({
+}, Ze = () => {
+  const { sendOTP: r, verifyOTP: c, resendOTP: t } = $(), [a, m] = _(!1), [s, o] = _(null), [h, u] = _(!1), n = A({
     initialValues: {
       email: "",
       otp: ""
     },
-    validationSchema: a ? ie : K,
+    validationSchema: a ? se : K,
     validateOnChange: !1,
     validateOnBlur: !1,
     onSubmit: async (i, { setSubmitting: g, setFieldError: C }) => {
@@ -338,10 +338,10 @@ const z = k.string().required("Email is required").email("Please enter a valid e
       }
     }
   }), y = () => {
-    m(!1), t.resetForm(), o(null);
+    m(!1), n.resetForm(), o(null);
   }, v = async () => {
     try {
-      u(!0), o(null), await n({ email: t.values.email });
+      u(!0), o(null), await t({ email: n.values.email });
     } catch (i) {
       const g = B(i);
       o(g);
@@ -352,7 +352,7 @@ const z = k.string().required("Email is required").email("Please enter a valid e
   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,9 +394,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",
@@ -407,20 +407,20 @@ const z = k.string().required("Email is required").email("Please enter a valid e
       ]
     }
   );
-}, 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: 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({
+}, 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({
     defaultCountry: "in",
     value: r,
     countries: P,
@@ -437,26 +437,26 @@ const z = k.string().required("Email is required").email("Please enter a valid e
     /* @__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(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__ */ e(j, { iso2: g.iso2, style: { width: "24px", height: "16px" } }),
-            /* @__PURE__ */ e(re, { size: 16, style: { marginLeft: "4px", opacity: 0.5 } })
+            /* @__PURE__ */ e(oe, { size: 16, style: { marginLeft: "4px", opacity: 0.5 } })
           ] }) }),
-          /* @__PURE__ */ e(L.Portal, { children: /* @__PURE__ */ l(
-            L.Content,
+          /* @__PURE__ */ e(O.Portal, { children: /* @__PURE__ */ l(
+            O.Content,
             {
               className: b.dropdownContent,
               align: "start",
               side: "bottom",
               sideOffset: 4,
               onOpenAutoFocus: (p) => {
-                p.preventDefault(), t.current?.focus();
+                p.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,
@@ -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",
@@ -544,13 +544,13 @@ 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({
+}, mt = () => {
+  const { sendOTP: r, verifyOTP: c, resendOTP: t } = $(), [a, m] = _(!1), [s, o] = _(null), [h, u] = _(!1), n = A({
     initialValues: {
       phone: "",
       otp: ""
     },
-    validationSchema: a ? ae : se,
+    validationSchema: a ? le : ae,
     validateOnChange: !1,
     validateOnBlur: !1,
     onSubmit: async (i, { setSubmitting: g, setFieldError: C }) => {
@@ -566,10 +566,10 @@ const z = k.string().required("Email is required").email("Please enter a valid e
       }
     }
   }), y = () => {
-    m(!1), t.resetForm(), o(null);
+    m(!1), n.resetForm(), o(null);
   }, v = async () => {
     try {
-      u(!0), o(null), await n({ phone: t.values.phone, medium: "whatsapp" });
+      u(!0), o(null), await t({ phone: n.values.phone, medium: "whatsapp" });
     } catch (i) {
       const g = B(i);
       o(g);
@@ -580,7 +580,7 @@ const z = k.string().required("Email is required").email("Please enter a valid e
   return /* @__PURE__ */ l(
     "form",
     {
-      onSubmit: t.handleSubmit,
+      onSubmit: n.handleSubmit,
       style: {
         display: "flex",
         flexDirection: "column",
@@ -588,10 +588,10 @@ const z = k.string().required("Email is required").email("Please enter a valid e
       },
       children: [
         /* @__PURE__ */ e(
-          dt,
+          ut,
           {
-            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",
@@ -635,21 +635,21 @@ const z = k.string().required("Email is required").email("Please enter a valid e
       ]
     }
   );
-}, mt = ({
+}, pt = ({
   method: r,
   onMagicLinkSent: c
 }) => {
   switch (r) {
     case "otp":
-      return /* @__PURE__ */ e(Xe, {});
+      return /* @__PURE__ */ e(Ze, {});
     case "whatsapp":
-      return /* @__PURE__ */ e(ut, {});
+      return /* @__PURE__ */ e(mt, {});
     case "magiclink":
-      return /* @__PURE__ */ e(He, { onMagicLinkSent: c });
+      return /* @__PURE__ */ e(Ue, { onMagicLinkSent: c });
     default:
       return null;
   }
-}, pt = ({ method: r }) => {
+}, ht = ({ method: r }) => {
   switch (r) {
     case "google":
       return /* @__PURE__ */ e(I.Button, { provider: "google", children: /* @__PURE__ */ l("button", { className: d.googleButton, children: [
@@ -670,65 +670,65 @@ const z = k.string().required("Email is required").email("Please enter a valid e
     default:
       return /* @__PURE__ */ e(q, {});
   }
-}, ht = ({
+}, ft = ({
   otpSent: r,
   oAuthTitle: c,
-  onOAuthSuccess: n,
+  onOAuthSuccess: t,
   onOAuthError: a,
   oAuthMethods: m
 }) => {
-  const { client: s, insights: o } = Q(), { logger: h } = s;
+  const { logger: s } = Q(), o = X();
   return /* @__PURE__ */ e("div", { className: d.oauthContainer, children: !r && /* @__PURE__ */ e(
     I.Container,
     {
       title: c,
       onSuccess: () => {
-        X("You are logged in successfully", "Login Successful", {
+        Z("You are logged in successfully", "Login Successful", {
           position: "top-right"
-        }), o?.identify(), n && n();
+        }), o?.identify(), t && t();
       },
-      onError: (u) => {
-        const t = B(u);
-        h?.error("OAuth login failed", t.message), a && a(t);
+      onError: (h) => {
+        const u = B(h);
+        s?.error("OAuth login failed", u.message), a && a(u);
       },
-      children: m?.map((u) => /* @__PURE__ */ e(pt, { method: u }, u))
+      children: m?.map((h) => /* @__PURE__ */ e(ht, { method: h }, h))
     }
   ) });
-}, ft = ({
+}, gt = ({
   oAuthMethods: r,
   oAuthTitle: c = "Studio",
-  showDivider: n,
+  showDivider: t,
   dividerText: a,
   onOAuthSuccess: m,
   onOAuthError: s
 }) => /* @__PURE__ */ l(q, { children: [
   /* @__PURE__ */ e(
-    ht,
+    ft,
     {
-      otpSent: !n,
+      otpSent: !t,
       oAuthTitle: c,
       onOAuthSuccess: m,
       onOAuthError: s,
       oAuthMethods: r
     }
   ),
-  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 = ({
+] }), kt = ({
   className: r,
   oAuthTitle: c = "Studio",
-  page: n,
+  page: t,
   magicLinkSent: a,
   setMagicLinkSent: m,
   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 = () => {
+  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();
   }, y = (i) => {
-    Z(i);
+    ee(i);
   }, v = () => {
     switch (h) {
       case "whatsapp":
@@ -741,18 +741,18 @@ const z = k.string().required("Email is required").email("Please enter a valid e
   };
   return /* @__PURE__ */ l("div", { className: `${d.container} ${r || ""}`, children: [
     u.length > 0 && !a && /* @__PURE__ */ e(
-      ft,
+      gt,
       {
         oAuthMethods: u,
         oAuthTitle: c,
         showDivider: !0,
         dividerText: v(),
-        onOAuthSuccess: t,
+        onOAuthSuccess: n,
         onOAuthError: y
       }
     ),
     /* @__PURE__ */ e("div", { className: d.formSection, children: /* @__PURE__ */ e(
-      mt,
+      pt,
       {
         method: h,
         onMagicLinkSent: m
@@ -761,5 +761,5 @@ const z = k.string().required("Email is required").email("Please enter a valid e
   ] });
 };
 export {
-  Tt as L
+  kt as L
 };