@levo-so/studio 0.1.81 → 0.1.82

package/dist/index-BuNQ7dUE.js

@@ -1,765 +0,0 @@
-"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 { useState as _, useEffect as G, useRef as R, useMemo as F } from "react";
-import { g as $, A as ee } from "./index-Ch9QPTz1.js";
-import { getLevoError as B } from "@levo-so/core";
-import { useFormik as A } from "formik";
-import { parsePhoneNumberWithError as te } 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";
-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(o)?.isValid() ?? !1;
-  } catch {
-    return !1;
-  }
-}), K = k.object({
-  email: z
-}), ie = k.object({
-  email: z,
-  otp: H
-}), se = k.object({
-  phone: U
-}), ae = 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
-}, E = ({
-  className: o,
-  children: c,
-  isLoading: t = !1,
-  isError: a = !1,
-  loadingText: u = "Loading...",
-  successText: s = "Success!",
-  errorText: r = "Error!",
-  variant: h = "default",
-  size: p = "default",
-  disabled: n,
-  ...y
-}) => {
-  const [v, i] = _(!1), [g, C] = _(!1), [S, m] = _(t);
-  G(() => {
-    if (S && !t)
-      if (a) {
-        C(!0);
-        const T = setTimeout(() => {
-          C(!1);
-        }, 2e3);
-        return () => clearTimeout(T);
-      } else {
-        i(!0);
-        const T = setTimeout(() => {
-          i(!1);
-        }, 2e3);
-        return () => clearTimeout(T);
-      }
-    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",
-      cy: "12",
-      r: "10",
-      stroke: "currentColor",
-      strokeWidth: "4",
-      fill: "none",
-      strokeDasharray: "32",
-      strokeDashoffset: "32"
-    }
-  ) }) }) : 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",
-      {
-        d: "m9 12 2 2 4-4",
-        stroke: "white",
-        strokeWidth: "2",
-        fill: "none",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      }
-    )
-  ] }) }) : g && !t ? /* @__PURE__ */ e("div", { className: `${N.icon} ${N.iconEnter}`, children: /* @__PURE__ */ l(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "24",
-      height: "24",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      children: [
-        /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "10" }),
-        /* @__PURE__ */ e("path", { d: "m15 9-6 6" }),
-        /* @__PURE__ */ e("path", { d: "m9 9 6 6" })
-      ]
-    }
-  ) }) : null;
-  return /* @__PURE__ */ e(
-    "button",
-    {
-      className: `${N.button} ${o || ""}`,
-      "data-variant": V(),
-      "data-size": p,
-      disabled: n || t,
-      ...y,
-      children: /* @__PURE__ */ l("div", { className: N.content, children: [
-        w(),
-        /* @__PURE__ */ e("span", { className: N.text, children: f() })
-      ] })
-    }
-  );
-}, 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: o,
-        onChange: (u) => c(u.target.value),
-        className: W.input,
-        placeholder: "Enter your email",
-        disabled: t
-      }
-    ),
-    t && /* @__PURE__ */ e(
-      E,
-      {
-        variant: "outline",
-        onClick: () => a(),
-        className: W.editButton,
-        children: "Edit"
-      }
-    )
-  ] })
-] }), 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",
-    {
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 2,
-      d: "M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"
-    }
-  ) }) }),
-  /* @__PURE__ */ l("div", { className: x.content, children: [
-    /* @__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: 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" }) })
-] }), 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: 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: [
-    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: o }) => {
-  const { sendMagicLink: c } = $(), [t, a] = _(!1), [u, s] = _(null);
-  G(() => {
-    o?.(t);
-  }, [t, o]);
-  const r = A({
-    initialValues: {
-      email: ""
-    },
-    validationSchema: le,
-    validateOnChange: !1,
-    validateOnBlur: !1,
-    onSubmit: async (p, { setSubmitting: n, setFieldError: y }) => {
-      try {
-        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 {
-        n(!1);
-      }
-    }
-  }), h = () => {
-    a(!1), r.resetForm(), s(null);
-  };
-  return t ? /* @__PURE__ */ e(Be, { email: r.values.email, onReset: h }) : /* @__PURE__ */ l(
-    "form",
-    {
-      onSubmit: r.handleSubmit,
-      style: {
-        display: "flex",
-        flexDirection: "column",
-        gap: "1rem"
-      },
-      children: [
-        /* @__PURE__ */ e(
-          Y,
-          {
-            email: r.values.email,
-            setEmail: (p) => r.setFieldValue("email", p),
-            otpSent: !1,
-            handleReset: h
-          }
-        ),
-        /* @__PURE__ */ e("div", { className: d.buttonWrapper, children: /* @__PURE__ */ e(
-          E,
-          {
-            type: "submit",
-            isLoading: r.isSubmitting,
-            isError: !!u,
-            disabled: r.isSubmitting,
-            className: d.fullWidthButton,
-            loadingText: "Sending Magic Link...",
-            errorText: "Failed to Send",
-            children: "Send Magic Link"
-          }
-        ) }),
-        u && /* @__PURE__ */ e(D, { error: u, onDismiss: () => s(null) })
-      ]
-    }
-  );
-}, 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: o,
-  isResendingOtp: c,
-  otp: t,
-  resendOTP: a,
-  setOtp: u
-}) => {
-  const [s, r] = _(0), h = () => {
-    a(() => {
-      r(30);
-      const p = setInterval(() => {
-        r((n) => n <= 1 ? (clearInterval(p), 0) : n - 1);
-      }, 1e3);
-    });
-  };
-  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: u,
-        numInputs: 4,
-        inputStyle: {
-          marginRight: "12px"
-        },
-        inputType: "tel",
-        skipDefaultStyles: !0,
-        renderInput: ({ className: p, ...n }) => /* @__PURE__ */ e("input", { className: `${O.input} ${p}`, ...n })
-      }
-    ) }),
-    /* @__PURE__ */ e(
-      "button",
-      {
-        onClick: h,
-        disabled: c || s > 0,
-        className: O.resendButton,
-        children: c ? "Resending..." : s > 0 ? `Resend in ${s}s` : "Resend Code"
-      }
-    )
-  ] }) : null;
-}, Xe = () => {
-  const { sendOTP: o, verifyOTP: c, resendOTP: t } = $(), [a, u] = _(!1), [s, r] = _(null), [h, p] = _(!1), n = A({
-    initialValues: {
-      email: "",
-      otp: ""
-    },
-    validationSchema: a ? ie : K,
-    validateOnChange: !1,
-    validateOnBlur: !1,
-    onSubmit: async (i, { setSubmitting: g, setFieldError: C }) => {
-      try {
-        r(null), a ? await c(i.email, i.otp) : (await o({ email: i.email }), u(!0));
-      } catch (S) {
-        const m = B(S);
-        m.hasFieldErrors ? m.fieldErrors.forEach((f) => {
-          C(f.param, f.message);
-        }) : r(m);
-      } finally {
-        g(!1);
-      }
-    }
-  }), y = () => {
-    u(!1), n.resetForm(), r(null);
-  }, v = async () => {
-    try {
-      p(!0), r(null), await t({ email: n.values.email });
-    } catch (i) {
-      const g = B(i);
-      r(g);
-    } finally {
-      p(!1);
-    }
-  };
-  return /* @__PURE__ */ l(
-    "form",
-    {
-      onSubmit: n.handleSubmit,
-      style: {
-        display: "flex",
-        flexDirection: "column",
-        gap: "1rem"
-      },
-      children: [
-        /* @__PURE__ */ e(
-          Y,
-          {
-            email: n.values.email,
-            setEmail: (i) => n.setFieldValue("email", i),
-            otpSent: a,
-            handleReset: y
-          }
-        ),
-        /* @__PURE__ */ e(
-          J,
-          {
-            otpSent: a,
-            otp: n.values.otp,
-            setOtp: (i) => n.setFieldValue("otp", i),
-            isResendingOtp: h,
-            resendOTP: v
-          }
-        ),
-        /* @__PURE__ */ e("div", { className: d.buttonWrapper, children: a ? /* @__PURE__ */ e(
-          E,
-          {
-            type: "submit",
-            isLoading: n.isSubmitting,
-            isError: !!s,
-            disabled: n.isSubmitting || !n.values.otp,
-            className: d.fullWidthButton,
-            loadingText: "Verifying...",
-            errorText: "Verification Failed",
-            children: "Verify & Sign In"
-          }
-        ) : /* @__PURE__ */ e(
-          E,
-          {
-            type: "submit",
-            isLoading: n.isSubmitting,
-            isError: !!s,
-            disabled: n.isSubmitting,
-            className: d.fullWidthButton,
-            loadingText: "Sending Code...",
-            errorText: "Failed to Send",
-            children: "Send Code"
-          }
-        ) }),
-        s && /* @__PURE__ */ e(D, { error: s, onDismiss: () => r(null) })
-      ]
-    }
-  );
-}, 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: o,
-    countries: P,
-    onChange: (m) => {
-      c(m.phone);
-    },
-    disableDialCodePrefill: !0,
-    forceDialCode: !0
-  }), 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: 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 } })
-          ] }) }),
-          /* @__PURE__ */ e(L.Portal, { children: /* @__PURE__ */ l(
-            L.Content,
-            {
-              className: b.dropdownContent,
-              align: "start",
-              side: "bottom",
-              sideOffset: 4,
-              onOpenAutoFocus: (m) => {
-                m.preventDefault(), n.current?.focus();
-              },
-              children: [
-                /* @__PURE__ */ e("div", { style: { padding: "0.5rem" }, children: /* @__PURE__ */ e(
-                  "input",
-                  {
-                    ref: n,
-                    type: "text",
-                    placeholder: "Search country...",
-                    value: r,
-                    onChange: (m) => h(m.target.value),
-                    onKeyDown: (m) => {
-                      m.key === "ArrowDown" && (m.preventDefault(), p.current?.firstElementChild?.focus());
-                    },
-                    className: b.input,
-                    style: {
-                      borderRadius: "0.375rem",
-                      borderLeft: "1px solid #d1d5db"
-                    }
-                  }
-                ) }),
-                /* @__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",
-                      {
-                        type: "button",
-                        className: b.countryItem,
-                        "data-selected": V,
-                        onClick: () => {
-                          C(f.iso2), s(!1), h("");
-                        },
-                        onKeyDown: (w) => {
-                          if (w.key === "ArrowDown")
-                            w.preventDefault(), w.currentTarget.nextElementSibling?.focus();
-                          else if (w.key === "ArrowUp") {
-                            w.preventDefault();
-                            const T = w.currentTarget.previousElementSibling;
-                            T ? T.focus() : n.current?.focus();
-                          }
-                        },
-                        children: [
-                          /* @__PURE__ */ e(j, { iso2: f.iso2, className: b.flag }),
-                          /* @__PURE__ */ e("span", { className: b.countryName, children: f.name }),
-                          /* @__PURE__ */ l("span", { className: b.dialCode, children: [
-                            "+",
-                            f.dialCode
-                          ] })
-                        ]
-                      },
-                      f.iso2
-                    );
-                  }),
-                  S.length === 0 && /* @__PURE__ */ e(
-                    "div",
-                    {
-                      style: {
-                        padding: "1rem",
-                        textAlign: "center",
-                        color: "#6b7280",
-                        fontSize: "0.875rem"
-                      },
-                      children: "No countries found"
-                    }
-                  )
-                ] })
-              ]
-            }
-          ) })
-        ] }),
-        /* @__PURE__ */ e(
-          "input",
-          {
-            ref: i,
-            type: "tel",
-            value: y,
-            onChange: v,
-            className: b.input,
-            disabled: t
-          }
-        )
-      ] }),
-      t && /* @__PURE__ */ e(
-        E,
-        {
-          variant: "outline",
-          onClick: () => a(),
-          className: b.editButton,
-          children: "Edit"
-        }
-      )
-    ] })
-  ] });
-}, ut = () => {
-  const { sendOTP: o, verifyOTP: c, resendOTP: t } = $(), [a, u] = _(!1), [s, r] = _(null), [h, p] = _(!1), n = A({
-    initialValues: {
-      phone: "",
-      otp: ""
-    },
-    validationSchema: a ? ae : se,
-    validateOnChange: !1,
-    validateOnBlur: !1,
-    onSubmit: async (i, { setSubmitting: g, setFieldError: C }) => {
-      try {
-        r(null), a ? await c(i.phone, i.otp) : (await o({ phone: i.phone, medium: "whatsapp" }), u(!0));
-      } catch (S) {
-        const m = B(S);
-        m.hasFieldErrors ? m.fieldErrors.forEach((f) => {
-          C(f.param, f.message);
-        }) : r(m);
-      } finally {
-        g(!1);
-      }
-    }
-  }), y = () => {
-    u(!1), n.resetForm(), r(null);
-  }, v = async () => {
-    try {
-      p(!0), r(null), await t({ phone: n.values.phone, medium: "whatsapp" });
-    } catch (i) {
-      const g = B(i);
-      r(g);
-    } finally {
-      p(!1);
-    }
-  };
-  return /* @__PURE__ */ l(
-    "form",
-    {
-      onSubmit: n.handleSubmit,
-      style: {
-        display: "flex",
-        flexDirection: "column",
-        gap: "1rem"
-      },
-      children: [
-        /* @__PURE__ */ e(
-          dt,
-          {
-            phone: n.values.phone,
-            setPhone: (i) => n.setFieldValue("phone", i),
-            otpSent: a,
-            handleReset: y
-          }
-        ),
-        /* @__PURE__ */ e(
-          J,
-          {
-            otpSent: a,
-            otp: n.values.otp,
-            setOtp: (i) => n.setFieldValue("otp", i),
-            isResendingOtp: h,
-            resendOTP: v
-          }
-        ),
-        /* @__PURE__ */ e("div", { className: d.buttonWrapper, children: a ? /* @__PURE__ */ e(
-          E,
-          {
-            type: "submit",
-            isLoading: n.isSubmitting,
-            isError: !!s,
-            disabled: n.isSubmitting,
-            className: d.fullWidthButton,
-            loadingText: "Verifying...",
-            errorText: "Verification Failed",
-            children: "Verify & Sign In"
-          }
-        ) : /* @__PURE__ */ e(
-          E,
-          {
-            type: "submit",
-            isLoading: n.isSubmitting,
-            isError: !!s,
-            disabled: n.isSubmitting,
-            className: d.fullWidthButton,
-            loadingText: "Sending Code...",
-            errorText: "Failed to Send",
-            children: "Send Code"
-          }
-        ) }),
-        s && /* @__PURE__ */ e(D, { error: s })
-      ]
-    }
-  );
-}, mt = ({
-  method: o,
-  onMagicLinkSent: c
-}) => {
-  switch (o) {
-    case "otp":
-      return /* @__PURE__ */ e(Xe, {});
-    case "whatsapp":
-      return /* @__PURE__ */ e(ut, {});
-    case "magiclink":
-      return /* @__PURE__ */ e(He, { onMagicLinkSent: c });
-    default:
-      return null;
-  }
-}, pt = ({ method: o }) => {
-  switch (o) {
-    case "google":
-      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", { 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", { type: "button", className: d.googleButton, children: [
-        /* @__PURE__ */ e("img", { className: d.googleIcon, src: "https://static.levocdn.com/png/linkedin.png" }),
-        "Continue with LinkedIn"
-      ] }) });
-    case "oauth":
-    default:
-      return /* @__PURE__ */ e(q, {});
-  }
-}, ht = ({
-  otpSent: o,
-  oAuthTitle: c,
-  onOAuthSuccess: t,
-  onOAuthError: a,
-  oAuthMethods: u
-}) => {
-  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"
-        }), t && t();
-      },
-      onError: (r) => {
-        const h = B(r);
-        s?.error("OAuth login failed", h.message), a && a(h);
-      },
-      children: u?.map((r) => /* @__PURE__ */ e(pt, { method: r }, r))
-    }
-  ) });
-}, ft = ({
-  oAuthMethods: o,
-  oAuthTitle: c = "Studio",
-  showDivider: t,
-  dividerText: a,
-  onOAuthSuccess: u,
-  onOAuthError: s
-}) => /* @__PURE__ */ l(q, { children: [
-  /* @__PURE__ */ e(
-    ht,
-    {
-      otpSent: !t,
-      oAuthTitle: c,
-      onOAuthSuccess: u,
-      onOAuthError: s,
-      oAuthMethods: o
-    }
-  ),
-  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: o,
-  oAuthTitle: c = "Studio",
-  page: t,
-  magicLinkSent: a,
-  setMagicLinkSent: u,
-  oAuthMethods: s
-}) => {
-  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 = () => {
-    switch (h) {
-      case "whatsapp":
-        return "or sign in with WhatsApp";
-      case "magiclink":
-      case "otp":
-      default:
-        return "or sign in with email";
-    }
-  };
-  return /* @__PURE__ */ l("div", { className: `${d.container} ${o || ""}`, children: [
-    p.length > 0 && !a && /* @__PURE__ */ e(
-      ft,
-      {
-        oAuthMethods: p,
-        oAuthTitle: c,
-        showDivider: !0,
-        dividerText: v(),
-        onOAuthSuccess: n,
-        onOAuthError: y
-      }
-    ),
-    /* @__PURE__ */ e("div", { className: d.formSection, children: /* @__PURE__ */ e(
-      mt,
-      {
-        method: h,
-        onMagicLinkSent: u
-      }
-    ) })
-  ] });
-};
-export {
-  Tt as L
-};