docthub-core-components 3.3.16 → 3.3.17

package/dist/components/overrides/ui/mobile-number-dialog/mobile-number-dialog.js

@@ -1,427 +1,439 @@
 "use client";
-import { jsx as i, jsxs as H } from "react/jsx-runtime";
-import { c as B } from "react-compiler-runtime";
-import { Smartphone as gt, X as _t } from "lucide-react";
-import * as D from "react";
-import { CircularProgress as ct } from "../circular-progress.js";
-import { DoctButton as Ce } from "../../../ui/button.js";
-import { DialogHeader as vt, DialogTitle as Lt, DialogContent as Nt, Dialog as Et } from "../../../ui/dialog.js";
-import { DrawerHeader as Ct, DrawerTitle as yt, DrawerContent as xt, Drawer as Dt } from "../../../ui/drawer.js";
-import { DoctTypography as ye } from "../../../ui/typography.js";
-import { useIsMobile as Mt } from "../../../../hooks/use-mobile.js";
-import { cn as Ve } from "../../../../lib/utils.js";
-import { DoctPhoneInput as Ot } from "../inputs/phone-input.js";
-import { MobileNumberDialogOtpSurface as dt } from "./otp-dialog.js";
-import { MOBILE_NUMBER_DIALOG_DEFAULT_COUNTRY_CODE as wt, buildMobileNumberDisplay as At, MOBILE_NUMBER_DIALOG_DEFAULT_PHONE_PLACEHOLDER as It, MOBILE_NUMBER_DIALOG_BODY_TITLE as Rt, MOBILE_NUMBER_DIALOG_HEADER_TITLE as Bt, MOBILE_NUMBER_DIALOG_DEFAULT_INFO_MESSAGE as ft, MOBILE_NUMBER_DIALOG_OTP_HEADER_TITLE as St, MOBILE_NUMBER_DIALOG_OTP_SUBMIT_LABEL as Tt, MOBILE_NUMBER_DIALOG_OTP_TITLE as Pt, MOBILE_NUMBER_DIALOG_OTP_RESEND_LABEL as kt, MOBILE_NUMBER_DIALOG_PRIMARY_LABEL as Ft, buildLoginWithMobileNumberLabel as Ut, MOBILE_NUMBER_DIALOG_LOGIN_UNIFY_HINT as Gt, isMobileNumberDialogPrimaryDisabled as Ht, MOBILE_NUMBER_DIALOG_SECONDARY_LABEL as zt, MOBILE_NUMBER_DIALOG_ICON_BUTTON_CLASS as $t } from "./presets.js";
-import { MOBILE_NUMBER_DIALOG_DRAWER_BACKDROP_CLASS as nt } from "./types.js";
-const Wt = "[&>div:first-child]:pointer-events-none [&>div:first-child]:sr-only [&>div:first-child]:m-0 [&>div:first-child]:h-0 [&>div:first-child]:w-0 [&>div:first-child]:overflow-hidden", Yt = "flex w-full flex-col overflow-hidden border border-black/[0.12] bg-white";
-function jt(r) {
-  const e = B(3), {
-    onClose: l
+import { jsx as l, jsxs as W } from "react/jsx-runtime";
+import { c as P } from "react-compiler-runtime";
+import { Smartphone as vt, X as Nt } from "lucide-react";
+import * as w from "react";
+import { CircularProgress as ft } from "../circular-progress.js";
+import { DoctButton as De } from "../../../ui/button.js";
+import { DialogHeader as Et, DialogTitle as Ct, DialogContent as yt, Dialog as xt } from "../../../ui/dialog.js";
+import { DrawerHeader as Dt, DrawerTitle as Mt, DrawerContent as Ot, Drawer as wt } from "../../../ui/drawer.js";
+import { DoctTypography as Me } from "../../../ui/typography.js";
+import { useIsMobile as At } from "../../../../hooks/use-mobile.js";
+import { cn as Xe } from "../../../../lib/utils.js";
+import { DoctPhoneInput as It } from "../inputs/phone-input.js";
+import { MobileNumberDialogOtpSurface as mt } from "./otp-dialog.js";
+import { MOBILE_NUMBER_DIALOG_DEFAULT_COUNTRY_CODE as Rt, buildMobileNumberDisplay as Bt, MOBILE_NUMBER_DIALOG_DEFAULT_PHONE_PLACEHOLDER as St, MOBILE_NUMBER_DIALOG_BODY_TITLE as Tt, MOBILE_NUMBER_DIALOG_HEADER_TITLE as Pt, MOBILE_NUMBER_DIALOG_DEFAULT_INFO_MESSAGE as pt, MOBILE_NUMBER_DIALOG_OTP_HEADER_TITLE as kt, MOBILE_NUMBER_DIALOG_OTP_SUBMIT_LABEL as Ft, MOBILE_NUMBER_DIALOG_OTP_TITLE as Ut, MOBILE_NUMBER_DIALOG_OTP_RESEND_LABEL as Gt, MOBILE_NUMBER_DIALOG_PRIMARY_LABEL as Ht, buildLoginWithMobileNumberLabel as zt, MOBILE_NUMBER_DIALOG_LOGIN_UNIFY_HINT as $t, isMobileNumberDialogPrimaryDisabled as Wt, MOBILE_NUMBER_DIALOG_SECONDARY_LABEL as Yt, MOBILE_NUMBER_DIALOG_ICON_BUTTON_CLASS as jt } from "./presets.js";
+import { MOBILE_NUMBER_DIALOG_DRAWER_BACKDROP_CLASS as at } from "./types.js";
+const Vt = "[&>div:first-child]:pointer-events-none [&>div:first-child]:sr-only [&>div:first-child]:m-0 [&>div:first-child]:h-0 [&>div:first-child]:w-0 [&>div:first-child]:overflow-hidden", qt = "flex w-full flex-col overflow-hidden border border-black/[0.12] bg-white";
+function Kt(r) {
+  const e = P(3), {
+    onClose: i
   } = r;
   let t;
-  e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ i(_t, { className: "size-6", "aria-hidden": !0 }), e[0] = t) : t = e[0];
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ l(Nt, { className: "size-6", "aria-hidden": !0 }), e[0] = t) : t = e[0];
   let o;
-  return e[1] !== l ? (o = /* @__PURE__ */ i(Ce, { type: "button", variant: "ghost", onClick: l, className: $t, "aria-label": "Close", icon: t }), e[1] = l, e[2] = o) : o = e[2], o;
+  return e[1] !== i ? (o = /* @__PURE__ */ l(De, { type: "button", variant: "ghost", onClick: i, className: jt, "aria-label": "Close", icon: t }), e[1] = i, e[2] = o) : o = e[2], o;
 }
-function Vt(r) {
-  const e = B(7), {
-    title: l,
+function Xt(r) {
+  const e = P(7), {
+    title: i,
     onClose: t
   } = r;
   let o;
-  e[0] !== l ? (o = /* @__PURE__ */ i("div", { className: "flex min-h-12 min-w-0 flex-1 items-center py-[18px]", children: /* @__PURE__ */ i(ye, { as: "p", variant: "textLabel1", weight: "semiBold", align: "left", className: "min-w-0 !text-black/80", children: l }) }), e[0] = l, e[1] = o) : o = e[1];
+  e[0] !== i ? (o = /* @__PURE__ */ l("div", { className: "flex min-h-12 min-w-0 flex-1 items-center py-[18px]", children: /* @__PURE__ */ l(Me, { as: "p", variant: "textLabel1", weight: "semiBold", align: "left", className: "min-w-0 !text-black/80", children: i }) }), e[0] = i, e[1] = o) : o = e[1];
   let s;
-  e[2] !== t ? (s = /* @__PURE__ */ i(jt, { onClose: t }), e[2] = t, e[3] = s) : s = e[3];
+  e[2] !== t ? (s = /* @__PURE__ */ l(Kt, { onClose: t }), e[2] = t, e[3] = s) : s = e[3];
   let n;
-  return e[4] !== o || e[5] !== s ? (n = /* @__PURE__ */ H("div", { className: "flex w-full shrink-0 items-start justify-between overflow-hidden pl-4", children: [
+  return e[4] !== o || e[5] !== s ? (n = /* @__PURE__ */ W("div", { className: "flex w-full shrink-0 items-start justify-between overflow-hidden pl-4", children: [
     o,
     s
   ] }), e[4] = o, e[5] = s, e[6] = n) : n = e[6], n;
 }
-function qt(r) {
-  const e = B(4), {
-    icon: l
+function Jt(r) {
+  const e = P(4), {
+    icon: i
   } = r;
   let t;
-  e[0] !== l ? (t = l ?? /* @__PURE__ */ i(gt, { className: "size-6 text-white", strokeWidth: 1.75, "aria-hidden": !0 }), e[0] = l, e[1] = t) : t = e[1];
+  e[0] !== i ? (t = i ?? /* @__PURE__ */ l(vt, { className: "size-6 text-white", strokeWidth: 1.75, "aria-hidden": !0 }), e[0] = i, e[1] = t) : t = e[1];
   let o;
-  return e[2] !== t ? (o = /* @__PURE__ */ i("div", { className: "flex size-12 shrink-0 items-center justify-center rounded-xl bg-[#00A0C0] px-3", children: t }), e[2] = t, e[3] = o) : o = e[3], o;
+  return e[2] !== t ? (o = /* @__PURE__ */ l("div", { className: "flex size-12 shrink-0 items-center justify-center rounded-xl bg-[#00A0C0] px-3", children: t }), e[2] = t, e[3] = o) : o = e[3], o;
 }
-function Kt() {
-  const r = B(1);
+function Qt() {
+  const r = P(1);
   let e;
-  return r[0] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ i(ye, { as: "p", variant: "textLabel3", weight: "medium", align: "left", className: "w-full !text-[#4389FF]", children: ft }), r[0] = e) : e = r[0], e;
+  return r[0] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ l(Me, { as: "p", variant: "textLabel3", weight: "medium", align: "left", className: "w-full !text-[#4389FF]", children: pt }), r[0] = e) : e = r[0], e;
 }
-function Xt(r) {
-  const e = B(3), {
-    message: l,
+function Zt(r) {
+  const e = P(3), {
+    message: i,
     isDefaultMessage: t
   } = r;
   let o;
-  return e[0] !== t || e[1] !== l ? (o = /* @__PURE__ */ i("div", { className: "w-full self-stretch rounded-xl bg-[rgba(67,137,255,0.12)] p-[14px]", children: t ? /* @__PURE__ */ i(Kt, {}) : /* @__PURE__ */ i(ye, { as: "p", variant: "textLabel3", weight: "medium", align: "left", className: "w-full !text-[#4389FF]", children: l }) }), e[0] = t, e[1] = l, e[2] = o) : o = e[2], o;
+  return e[0] !== t || e[1] !== i ? (o = /* @__PURE__ */ l("div", { className: "w-full self-stretch rounded-xl bg-[rgba(67,137,255,0.12)] p-[14px]", children: t ? /* @__PURE__ */ l(Qt, {}) : /* @__PURE__ */ l(Me, { as: "p", variant: "textLabel3", weight: "medium", align: "left", className: "w-full !text-[#4389FF]", children: i }) }), e[0] = t, e[1] = i, e[2] = o) : o = e[2], o;
 }
-function Jt(r) {
-  const e = B(19), {
-    countryCode: l,
+function eo(r) {
+  const e = P(22), {
+    countryCode: i,
     placeholder: t,
     value: o,
     onChange: s,
     onCountryCodeChange: n,
-    countries: d,
-    defaultCountry: L,
+    countries: c,
+    defaultCountry: N,
     onCountryChange: u,
-    onValuesChange: g,
-    inputRef: N,
-    error: f
+    onValuesChange: p,
+    countriesLoading: E,
+    onCountrySearch: f,
+    noDataText: m,
+    inputRef: b,
+    error: g
   } = r;
-  let m;
-  e[0] !== l ? (m = l.replace(/\D/g, "") || void 0, e[0] = l, e[1] = m) : m = e[1];
-  const _ = m;
-  let h;
-  e[2] !== n ? (h = (M) => n == null ? void 0 : n(`+${M}`), e[2] = n, e[3] = h) : h = e[3];
-  const c = !f && "[&>div>button]:border-black/10 [&>div>input]:border-black/10";
-  let p;
-  e[4] !== c ? (p = Ve("w-full space-y-1 [&>div>button]:h-[44px] [&>div>button]:rounded-l-lg [&>div>input]:h-[44px] [&>div>input]:rounded-r-lg [&>div>input]:shadow-none [&>div>input]:placeholder:text-black/40 [&>div>input]:focus-visible:ring-0", c), e[4] = c, e[5] = p) : p = e[5];
-  let E;
-  return e[6] !== d || e[7] !== L || e[8] !== f || e[9] !== N || e[10] !== _ || e[11] !== s || e[12] !== u || e[13] !== g || e[14] !== t || e[15] !== h || e[16] !== p || e[17] !== o ? (E = /* @__PURE__ */ i(Ot, { countryCode: _, placeholder: t, value: o, onPhoneChange: s, onCountryCodeChange: h, countries: d, defaultCountry: L, onCountryChange: u, onValuesChange: g, inputRef: N, error: f, "aria-label": "Mobile number", className: p }), e[6] = d, e[7] = L, e[8] = f, e[9] = N, e[10] = _, e[11] = s, e[12] = u, e[13] = g, e[14] = t, e[15] = h, e[16] = p, e[17] = o, e[18] = E) : E = e[18], E;
+  let d;
+  e[0] !== i ? (d = i.replace(/\D/g, "") || void 0, e[0] = i, e[1] = d) : d = e[1];
+  const _ = d;
+  let C;
+  e[2] !== n ? (C = (A) => n == null ? void 0 : n(`+${A}`), e[2] = n, e[3] = C) : C = e[3];
+  const L = !g && "[&>div>button]:border-black/10 [&>div>input]:border-black/10";
+  let x;
+  e[4] !== L ? (x = Xe("w-full space-y-1 [&>div>button]:h-[44px] [&>div>button]:rounded-l-lg [&>div>input]:h-[44px] [&>div>input]:rounded-r-lg [&>div>input]:shadow-none [&>div>input]:placeholder:text-black/40 [&>div>input]:focus-visible:ring-0", L), e[4] = L, e[5] = x) : x = e[5];
+  let y;
+  return e[6] !== c || e[7] !== E || e[8] !== N || e[9] !== g || e[10] !== b || e[11] !== m || e[12] !== _ || e[13] !== s || e[14] !== u || e[15] !== f || e[16] !== p || e[17] !== t || e[18] !== C || e[19] !== x || e[20] !== o ? (y = /* @__PURE__ */ l(It, { countryCode: _, placeholder: t, value: o, onPhoneChange: s, onCountryCodeChange: C, countries: c, defaultCountry: N, onCountryChange: u, onValuesChange: p, loading: E, onCountrySearch: f, noDataText: m, inputRef: b, error: g, "aria-label": "Mobile number", className: x }), e[6] = c, e[7] = E, e[8] = N, e[9] = g, e[10] = b, e[11] = m, e[12] = _, e[13] = s, e[14] = u, e[15] = f, e[16] = p, e[17] = t, e[18] = C, e[19] = x, e[20] = o, e[21] = y) : y = e[21], y;
 }
-function Qt(r) {
-  const e = B(8), {
-    phoneDisplay: l,
+function to(r) {
+  const e = P(8), {
+    phoneDisplay: i,
     onLogin: t
   } = r;
   let o;
-  e[0] !== l ? (o = Ut(l), e[0] = l, e[1] = o) : o = e[1];
+  e[0] !== i ? (o = zt(i), e[0] = i, e[1] = o) : o = e[1];
   let s;
-  e[2] !== t || e[3] !== o ? (s = /* @__PURE__ */ i(Ce, { type: "button", variant: "outline", size: "medium", fullWidth: !0, onClick: t, children: o }), e[2] = t, e[3] = o, e[4] = s) : s = e[4];
+  e[2] !== t || e[3] !== o ? (s = /* @__PURE__ */ l(De, { type: "button", variant: "outline", size: "medium", fullWidth: !0, onClick: t, children: o }), e[2] = t, e[3] = o, e[4] = s) : s = e[4];
   let n;
-  e[5] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ i(ye, { as: "p", variant: "body5", weight: "regular", className: "w-full !text-center !text-black/44", children: Gt }), e[5] = n) : n = e[5];
-  let d;
-  return e[6] !== s ? (d = /* @__PURE__ */ H("div", { className: "flex w-full flex-col items-center gap-1.5 rounded-xl bg-black/[0.04] p-3", children: [
+  e[5] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ l(Me, { as: "p", variant: "body5", weight: "regular", className: "w-full !text-center !text-black/44", children: $t }), e[5] = n) : n = e[5];
+  let c;
+  return e[6] !== s ? (c = /* @__PURE__ */ W("div", { className: "flex w-full flex-col items-center gap-1.5 rounded-xl bg-black/[0.04] p-3", children: [
     s,
     n
-  ] }), e[6] = s, e[7] = d) : d = e[7], d;
+  ] }), e[6] = s, e[7] = c) : c = e[7], c;
 }
-function Zt(r) {
-  const e = B(24), {
-    trigger: l,
+function oo(r) {
+  const e = P(24), {
+    trigger: i,
     state: t,
     onPrimaryClick: o,
     onSecondaryClick: s,
     isPrimaryLoading: n
-  } = r, d = Ft[l][t];
-  let L;
-  e[0] !== n || e[1] !== t ? (L = Ht(t) || n, e[0] = n, e[1] = t, e[2] = L) : L = e[2];
-  const u = L;
-  if (l === "action") {
-    const h = u ? "disabled" : "primary";
-    let c;
-    e[3] !== n || e[4] !== d ? (c = n ? /* @__PURE__ */ i(ct, { size: 24, strokeWidth: 2 }) : d, e[3] = n, e[4] = d, e[5] = c) : c = e[5];
-    let p;
-    return e[6] !== o || e[7] !== u || e[8] !== h || e[9] !== c ? (p = /* @__PURE__ */ i(Ce, { type: "button", size: "medium", fullWidth: !0, variant: h, disabled: u, onClick: o, children: c }), e[6] = o, e[7] = u, e[8] = h, e[9] = c, e[10] = p) : p = e[10], p;
+  } = r, c = Ht[i][t];
+  let N;
+  e[0] !== n || e[1] !== t ? (N = Wt(t) || n, e[0] = n, e[1] = t, e[2] = N) : N = e[2];
+  const u = N;
+  if (i === "action") {
+    const g = u ? "disabled" : "primary";
+    let d;
+    e[3] !== n || e[4] !== c ? (d = n ? /* @__PURE__ */ l(ft, { size: 24, strokeWidth: 2 }) : c, e[3] = n, e[4] = c, e[5] = d) : d = e[5];
+    let _;
+    return e[6] !== o || e[7] !== u || e[8] !== g || e[9] !== d ? (_ = /* @__PURE__ */ l(De, { type: "button", size: "medium", fullWidth: !0, variant: g, disabled: u, onClick: o, children: d }), e[6] = o, e[7] = u, e[8] = g, e[9] = d, e[10] = _) : _ = e[10], _;
   }
-  let g;
-  e[11] !== s ? (g = /* @__PURE__ */ i(Ce, { type: "button", size: "medium", variant: "secondary", className: "shrink-0", onClick: s, children: zt }), e[11] = s, e[12] = g) : g = e[12];
-  const N = u ? "disabled" : "primary";
+  let p;
+  e[11] !== s ? (p = /* @__PURE__ */ l(De, { type: "button", size: "medium", variant: "secondary", className: "shrink-0", onClick: s, children: Yt }), e[11] = s, e[12] = p) : p = e[12];
+  const E = u ? "disabled" : "primary";
   let f;
-  e[13] !== n || e[14] !== d ? (f = n ? /* @__PURE__ */ i(ct, { size: 24, strokeWidth: 2 }) : d, e[13] = n, e[14] = d, e[15] = f) : f = e[15];
+  e[13] !== n || e[14] !== c ? (f = n ? /* @__PURE__ */ l(ft, { size: 24, strokeWidth: 2 }) : c, e[13] = n, e[14] = c, e[15] = f) : f = e[15];
   let m;
-  e[16] !== o || e[17] !== u || e[18] !== N || e[19] !== f ? (m = /* @__PURE__ */ i(Ce, { type: "button", size: "medium", fullWidth: !0, variant: N, disabled: u, className: "min-w-0 flex-1", onClick: o, children: f }), e[16] = o, e[17] = u, e[18] = N, e[19] = f, e[20] = m) : m = e[20];
-  let _;
-  return e[21] !== g || e[22] !== m ? (_ = /* @__PURE__ */ H("div", { className: "flex w-full items-start gap-2.5", children: [
-    g,
+  e[16] !== o || e[17] !== u || e[18] !== E || e[19] !== f ? (m = /* @__PURE__ */ l(De, { type: "button", size: "medium", fullWidth: !0, variant: E, disabled: u, className: "min-w-0 flex-1", onClick: o, children: f }), e[16] = o, e[17] = u, e[18] = E, e[19] = f, e[20] = m) : m = e[20];
+  let b;
+  return e[21] !== p || e[22] !== m ? (b = /* @__PURE__ */ W("div", { className: "flex w-full items-start gap-2.5", children: [
+    p,
     m
-  ] }), e[21] = g, e[22] = m, e[23] = _) : _ = e[23], _;
+  ] }), e[21] = p, e[22] = m, e[23] = b) : b = e[23], b;
 }
-function ut(r) {
-  const e = B(57), {
-    trigger: l,
+function ht(r) {
+  const e = P(60), {
+    trigger: i,
     state: t,
     headerTitle: o,
     bodyTitle: s,
     infoMessage: n,
-    isDefaultInfoMessage: d,
-    phoneNumber: L,
+    isDefaultInfoMessage: c,
+    phoneNumber: N,
     onPhoneNumberChange: u,
-    existingAccountErrorMessage: g,
-    phoneErrorMessage: N,
+    existingAccountErrorMessage: p,
+    phoneErrorMessage: E,
     phoneDisplay: f,
     phonePlaceholder: m,
-    countryCode: _,
-    onCountryCodeChange: h,
-    countries: c,
-    defaultCountry: p,
-    onCountryChange: E,
-    onValuesChange: M,
-    onExistingAccountLogin: z,
-    onPrimaryClick: $,
-    onSecondaryClick: W,
-    isPrimaryLoading: Y,
-    icon: j,
-    onClose: ne,
-    className: V,
-    surface: se
-  } = r, P = t === "existingAccount", re = D.useRef(null), xe = D.useRef(t), q = D.useRef(!1), [S, K] = D.useState(0);
-  let X;
-  e[0] === Symbol.for("react.memo_cache_sentinel") ? (X = () => {
-    var ie;
-    const b = re.current;
-    b && (b.focus({
+    countryCode: b,
+    onCountryCodeChange: g,
+    countries: d,
+    defaultCountry: _,
+    onCountryChange: C,
+    onValuesChange: L,
+    countriesLoading: x,
+    onCountrySearch: y,
+    noDataText: A,
+    onExistingAccountLogin: Y,
+    onPrimaryClick: j,
+    onSecondaryClick: V,
+    isPrimaryLoading: q,
+    icon: K,
+    onClose: ae,
+    className: X,
+    surface: ce
+  } = r, U = t === "existingAccount", ue = w.useRef(null), Oe = w.useRef(t), J = w.useRef(!1), [k, Q] = w.useState(0);
+  let Z;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (Z = () => {
+    var re;
+    const h = ue.current;
+    h && (h.focus({
       preventScroll: !0
-    }), (ie = b.setSelectionRange) == null || ie.call(b, b.value.length, b.value.length));
-  }, e[0] = X) : X = e[0];
-  const J = X;
-  let Q, Z;
-  e[1] !== S || e[2] !== t ? (Q = () => {
-    const b = xe.current === "existingAccount";
-    if (xe.current = t, !(S > 0 && q.current || b && t !== "existingAccount"))
+    }), (re = h.setSelectionRange) == null || re.call(h, h.value.length, h.value.length));
+  }, e[0] = Z) : Z = e[0];
+  const ee = Z;
+  let te, oe;
+  e[1] !== k || e[2] !== t ? (te = () => {
+    const h = Oe.current === "existingAccount";
+    if (Oe.current = t, !(k > 0 && J.current || h && t !== "existingAccount"))
       return;
-    J();
-    const G = () => {
-      J(), q.current = !1;
+    ee();
+    const $ = () => {
+      ee(), J.current = !1;
     };
     if (typeof window > "u" || typeof window.requestAnimationFrame != "function") {
-      G();
+      $();
       return;
     }
-    const w = window.requestAnimationFrame(G);
-    return () => window.cancelAnimationFrame(w);
-  }, Z = [S, J, t], e[1] = S, e[2] = t, e[3] = Q, e[4] = Z) : (Q = e[3], Z = e[4]), D.useLayoutEffect(Q, Z);
-  let ee;
-  e[5] !== u ? (ee = (b) => {
-    q.current = !0, K(eo), u == null || u(b);
-  }, e[5] = u, e[6] = ee) : ee = e[6];
-  const te = ee, ae = se === "drawer" ? "h-auto max-h-[inherit] max-w-none rounded-t-[16px]" : "!max-w-[384px] rounded-[16px] shadow-[0_8px_24px_rgba(0,0,0,0.12)]";
-  let oe;
-  e[7] !== V || e[8] !== ae ? (oe = Ve(Yt, ae, V), e[7] = V, e[8] = ae, e[9] = oe) : oe = e[9];
-  const le = oe;
-  let k;
-  e[10] !== o || e[11] !== ne ? (k = /* @__PURE__ */ i(Vt, { title: o, onClose: ne }), e[10] = o, e[11] = ne, e[12] = k) : k = e[12];
-  const ce = se === "drawer" && "min-h-0 flex-1 overflow-y-auto overscroll-contain";
-  let C;
-  e[13] !== ce ? (C = Ve("flex w-full flex-col items-center gap-4 px-4 pb-5 pt-4", ce), e[13] = ce, e[14] = C) : C = e[14];
-  let x;
-  e[15] !== j ? (x = /* @__PURE__ */ i(qt, { icon: j }), e[15] = j, e[16] = x) : x = e[16];
+    const R = window.requestAnimationFrame($);
+    return () => window.cancelAnimationFrame(R);
+  }, oe = [k, ee, t], e[1] = k, e[2] = t, e[3] = te, e[4] = oe) : (te = e[3], oe = e[4]), w.useLayoutEffect(te, oe);
+  let ie;
+  e[5] !== u ? (ie = (h) => {
+    J.current = !0, Q(io), u == null || u(h);
+  }, e[5] = u, e[6] = ie) : ie = e[6];
+  const le = ie, de = ce === "drawer" ? "h-auto max-h-[inherit] max-w-none rounded-t-[16px]" : "!max-w-[384px] rounded-[16px] shadow-[0_8px_24px_rgba(0,0,0,0.12)]";
+  let ne;
+  e[7] !== X || e[8] !== de ? (ne = Xe(qt, de, X), e[7] = X, e[8] = de, e[9] = ne) : ne = e[9];
+  const se = ne;
+  let G;
+  e[10] !== o || e[11] !== ae ? (G = /* @__PURE__ */ l(Xt, { title: o, onClose: ae }), e[10] = o, e[11] = ae, e[12] = G) : G = e[12];
+  const fe = ce === "drawer" && "min-h-0 flex-1 overflow-y-auto overscroll-contain";
+  let D;
+  e[13] !== fe ? (D = Xe("flex w-full flex-col items-center gap-4 px-4 pb-5 pt-4", fe), e[13] = fe, e[14] = D) : D = e[14];
   let O;
-  e[17] !== s ? (O = /* @__PURE__ */ i(ye, { as: "h2", variant: "textLabel1", weight: "semiBold", align: "center", className: "shrink-0 whitespace-nowrap !text-black/80", children: s }), e[17] = s, e[18] = O) : O = e[18];
-  let y;
-  e[19] !== n || e[20] !== d ? (y = /* @__PURE__ */ i(Xt, { message: n, isDefaultMessage: d }), e[19] = n, e[20] = d, e[21] = y) : y = e[21];
-  const T = P ? g : N;
-  let A;
-  e[22] !== c || e[23] !== _ || e[24] !== p || e[25] !== te || e[26] !== E || e[27] !== h || e[28] !== M || e[29] !== L || e[30] !== m || e[31] !== T ? (A = /* @__PURE__ */ i("div", { className: "flex w-full flex-col items-start gap-1.5", children: /* @__PURE__ */ i(Jt, { countryCode: _, placeholder: m, value: L, onChange: te, onCountryCodeChange: h, countries: c, defaultCountry: p, onCountryChange: E, onValuesChange: M, inputRef: re, error: T }) }), e[22] = c, e[23] = _, e[24] = p, e[25] = te, e[26] = E, e[27] = h, e[28] = M, e[29] = L, e[30] = m, e[31] = T, e[32] = A) : A = e[32];
-  let a;
-  e[33] !== P || e[34] !== z || e[35] !== f ? (a = P ? /* @__PURE__ */ i(Qt, { phoneDisplay: f, onLogin: z }) : null, e[33] = P, e[34] = z, e[35] = f, e[36] = a) : a = e[36];
+  e[15] !== K ? (O = /* @__PURE__ */ l(Jt, { icon: K }), e[15] = K, e[16] = O) : O = e[16];
   let I;
-  e[37] !== A || e[38] !== a ? (I = /* @__PURE__ */ H("div", { className: "flex w-full flex-col items-start gap-4", children: [
-    A,
+  e[17] !== s ? (I = /* @__PURE__ */ l(Me, { as: "h2", variant: "textLabel1", weight: "semiBold", align: "center", className: "shrink-0 whitespace-nowrap !text-black/80", children: s }), e[17] = s, e[18] = I) : I = e[18];
+  let M;
+  e[19] !== n || e[20] !== c ? (M = /* @__PURE__ */ l(Zt, { message: n, isDefaultMessage: c }), e[19] = n, e[20] = c, e[21] = M) : M = e[21];
+  const F = U ? p : E;
+  let B;
+  e[22] !== d || e[23] !== x || e[24] !== b || e[25] !== _ || e[26] !== le || e[27] !== A || e[28] !== C || e[29] !== g || e[30] !== y || e[31] !== L || e[32] !== N || e[33] !== m || e[34] !== F ? (B = /* @__PURE__ */ l("div", { className: "flex w-full flex-col items-start gap-1.5", children: /* @__PURE__ */ l(eo, { countryCode: b, placeholder: m, value: N, onChange: le, onCountryCodeChange: g, countries: d, defaultCountry: _, onCountryChange: C, onValuesChange: L, countriesLoading: x, onCountrySearch: y, noDataText: A, inputRef: ue, error: F }) }), e[22] = d, e[23] = x, e[24] = b, e[25] = _, e[26] = le, e[27] = A, e[28] = C, e[29] = g, e[30] = y, e[31] = L, e[32] = N, e[33] = m, e[34] = F, e[35] = B) : B = e[35];
+  let a;
+  e[36] !== U || e[37] !== Y || e[38] !== f ? (a = U ? /* @__PURE__ */ l(to, { phoneDisplay: f, onLogin: Y }) : null, e[36] = U, e[37] = Y, e[38] = f, e[39] = a) : a = e[39];
+  let S;
+  e[40] !== B || e[41] !== a ? (S = /* @__PURE__ */ W("div", { className: "flex w-full flex-col items-start gap-4", children: [
+    B,
     a
-  ] }), e[37] = A, e[38] = a, e[39] = I) : I = e[39];
-  let F;
-  e[40] !== x || e[41] !== O || e[42] !== y || e[43] !== I || e[44] !== C ? (F = /* @__PURE__ */ H("div", { className: C, children: [
-    x,
+  ] }), e[40] = B, e[41] = a, e[42] = S) : S = e[42];
+  let H;
+  e[43] !== O || e[44] !== I || e[45] !== M || e[46] !== S || e[47] !== D ? (H = /* @__PURE__ */ W("div", { className: D, children: [
     O,
-    y,
-    I
-  ] }), e[40] = x, e[41] = O, e[42] = y, e[43] = I, e[44] = C, e[45] = F) : F = e[45];
-  let R;
-  e[46] !== Y || e[47] !== $ || e[48] !== W || e[49] !== t || e[50] !== l ? (R = /* @__PURE__ */ i("div", { className: "flex w-full shrink-0 flex-col items-start border-t border-black/10 bg-[#FAFAFA] p-4", children: /* @__PURE__ */ i(Zt, { trigger: l, state: t, onPrimaryClick: $, onSecondaryClick: W, isPrimaryLoading: Y }) }), e[46] = Y, e[47] = $, e[48] = W, e[49] = t, e[50] = l, e[51] = R) : R = e[51];
-  let U;
-  return e[52] !== le || e[53] !== F || e[54] !== R || e[55] !== k ? (U = /* @__PURE__ */ H("div", { className: le, children: [
-    k,
-    F,
-    R
-  ] }), e[52] = le, e[53] = F, e[54] = R, e[55] = k, e[56] = U) : U = e[56], U;
+    I,
+    M,
+    S
+  ] }), e[43] = O, e[44] = I, e[45] = M, e[46] = S, e[47] = D, e[48] = H) : H = e[48];
+  let T;
+  e[49] !== q || e[50] !== j || e[51] !== V || e[52] !== t || e[53] !== i ? (T = /* @__PURE__ */ l("div", { className: "flex w-full shrink-0 flex-col items-start border-t border-black/10 bg-[#FAFAFA] p-4", children: /* @__PURE__ */ l(oo, { trigger: i, state: t, onPrimaryClick: j, onSecondaryClick: V, isPrimaryLoading: q }) }), e[49] = q, e[50] = j, e[51] = V, e[52] = t, e[53] = i, e[54] = T) : T = e[54];
+  let z;
+  return e[55] !== se || e[56] !== H || e[57] !== T || e[58] !== G ? (z = /* @__PURE__ */ W("div", { className: se, children: [
+    G,
+    H,
+    T
+  ] }), e[55] = se, e[56] = H, e[57] = T, e[58] = G, e[59] = z) : z = e[59], z;
 }
-function eo(r) {
+function io(r) {
   return r + 1;
 }
-function je(r) {
+function Ke(r) {
   return Array.from({
     length: r
   }, () => "");
 }
-function mt(r) {
-  const e = B(110), {
-    open: l,
+function bt(r) {
+  const e = P(113), {
+    open: i,
     onOpenChange: t,
     trigger: o,
     state: s,
     headerTitle: n,
-    bodyTitle: d,
-    infoMessage: L,
+    bodyTitle: c,
+    infoMessage: N,
     phoneNumber: u,
-    onPhoneNumberChange: g,
-    onCountryCodeChange: N,
+    onPhoneNumberChange: p,
+    onCountryCodeChange: E,
     countries: f,
     defaultCountry: m,
-    onCountryChange: _,
-    onValuesChange: h,
-    step: c,
-    defaultStep: p,
-    onStepChange: E,
-    onExistingAccountLoginClick: M,
-    phoneErrorMessage: z,
-    onPrimaryClick: $,
-    onSecondaryClick: W,
-    isPrimaryLoading: Y,
-    maskedRecipient: j,
-    otpHeaderTitle: ne,
-    onOtpBack: V,
-    otpError: se,
-    otpCanResend: P,
-    onOtpResend: re,
-    otpTimerText: xe,
-    isOtpSubmitting: q,
-    otpValue: S,
-    onOtpChange: K,
-    otpLength: X,
-    onOtpSubmit: J,
-    otpTitle: Q,
-    otpResendLabel: Z,
-    otpSubmitLabel: ee,
-    existingAccountErrorMessage: te,
-    phonePlaceholder: ae,
-    countryCode: oe,
-    icon: le,
-    isMobileOverride: k,
-    closeOnOutsideClick: ce,
-    className: C
-  } = r, x = o === void 0 ? "action" : o, O = s === void 0 ? "addNumber" : s, y = u === void 0 ? "" : u, T = p === void 0 ? "mobileNumber" : p, A = ne === void 0 ? St : ne, a = X === void 0 ? 6 : X, I = Q === void 0 ? Pt : Q, F = Z === void 0 ? kt : Z, R = ee === void 0 ? Tt : ee, U = ae === void 0 ? It : ae, b = oe === void 0 ? wt : oe, ie = ce === void 0 ? !0 : ce, st = Mt(), G = k ?? st, w = n ?? Bt[x], qe = d ?? Rt[x], Ke = L ?? ft, Xe = L == null, [de, rt] = D.useState(b), [ht, at] = D.useState(T);
-  let De;
-  e[0] !== a ? (De = () => je(a), e[0] = a, e[1] = De) : De = e[1];
-  const [pt, Je] = D.useState(De), bt = c ?? ht, Qe = S ?? pt;
-  let Me;
-  e[2] !== a || e[3] !== Qe ? (Me = Qe.slice(0, a).concat(je(a)).slice(0, a), e[2] = a, e[3] = Qe, e[4] = Me) : Me = e[4];
-  const Ze = Me;
-  let Oe;
-  e[5] !== de || e[6] !== j || e[7] !== y ? (Oe = j ?? At(de, y), e[5] = de, e[6] = j, e[7] = y, e[8] = Oe) : Oe = e[8];
-  const ue = Oe;
+    onCountryChange: b,
+    onValuesChange: g,
+    countriesLoading: d,
+    onCountrySearch: _,
+    noDataText: C,
+    step: L,
+    defaultStep: x,
+    onStepChange: y,
+    onExistingAccountLoginClick: A,
+    phoneErrorMessage: Y,
+    onPrimaryClick: j,
+    onSecondaryClick: V,
+    isPrimaryLoading: q,
+    maskedRecipient: K,
+    otpHeaderTitle: ae,
+    onOtpBack: X,
+    otpError: ce,
+    otpCanResend: U,
+    onOtpResend: ue,
+    otpTimerText: Oe,
+    isOtpSubmitting: J,
+    otpValue: k,
+    onOtpChange: Q,
+    otpLength: Z,
+    onOtpSubmit: ee,
+    otpTitle: te,
+    otpResendLabel: oe,
+    otpSubmitLabel: ie,
+    existingAccountErrorMessage: le,
+    phonePlaceholder: de,
+    countryCode: ne,
+    icon: se,
+    isMobileOverride: G,
+    closeOnOutsideClick: fe,
+    className: D
+  } = r, O = o === void 0 ? "action" : o, I = s === void 0 ? "addNumber" : s, M = u === void 0 ? "" : u, F = x === void 0 ? "mobileNumber" : x, B = ae === void 0 ? kt : ae, a = Z === void 0 ? 6 : Z, S = te === void 0 ? Ut : te, H = oe === void 0 ? Gt : oe, T = ie === void 0 ? Ft : ie, z = de === void 0 ? St : de, h = ne === void 0 ? Rt : ne, re = fe === void 0 ? !0 : fe, ct = At(), $ = G ?? ct, R = n ?? Pt[O], Je = c ?? Tt[O], Qe = N ?? pt, Ze = N == null, [me, ut] = w.useState(h), [gt, dt] = w.useState(F);
   let we;
-  e[9] !== t ? (we = () => {
-    t(!1);
-  }, e[9] = t, e[10] = we) : we = e[10];
-  const et = we;
-  let Ae, Ie;
-  e[11] !== b ? (Ae = () => {
-    rt(b);
-  }, Ie = [b], e[11] = b, e[12] = Ae, e[13] = Ie) : (Ae = e[12], Ie = e[13]), D.useEffect(Ae, Ie);
+  e[0] !== a ? (we = () => Ke(a), e[0] = a, e[1] = we) : we = e[1];
+  const [_t, et] = w.useState(we), Lt = L ?? gt, tt = k ?? _t;
+  let Ae;
+  e[2] !== a || e[3] !== tt ? (Ae = tt.slice(0, a).concat(Ke(a)).slice(0, a), e[2] = a, e[3] = tt, e[4] = Ae) : Ae = e[4];
+  const ot = Ae;
+  let Ie;
+  e[5] !== me || e[6] !== K || e[7] !== M ? (Ie = K ?? Bt(me, M), e[5] = me, e[6] = K, e[7] = M, e[8] = Ie) : Ie = e[8];
+  const he = Ie;
   let Re;
-  e[14] !== N ? (Re = (v) => {
-    rt(v), N == null || N(v);
-  }, e[14] = N, e[15] = Re) : Re = e[15];
-  const tt = Re;
-  let Be;
-  e[16] !== E || e[17] !== c ? (Be = (v) => {
-    c == null && at(v), E == null || E(v);
-  }, e[16] = E, e[17] = c, e[18] = Be) : Be = e[18];
-  const fe = Be;
-  let Se;
-  e[19] !== K || e[20] !== S ? (Se = (v) => {
-    S == null && Je(v), K == null || K(v);
-  }, e[19] = K, e[20] = S, e[21] = Se) : Se = e[21];
-  const ot = Se;
+  e[9] !== t ? (Re = () => {
+    t(!1);
+  }, e[9] = t, e[10] = Re) : Re = e[10];
+  const it = Re;
+  let Be, Se;
+  e[11] !== h ? (Be = () => {
+    ut(h);
+  }, Se = [h], e[11] = h, e[12] = Be, e[13] = Se) : (Be = e[12], Se = e[13]), w.useEffect(Be, Se);
   let Te;
-  e[22] !== fe || e[23] !== M ? (Te = () => {
-    M == null || M(), fe("otp");
-  }, e[22] = fe, e[23] = M, e[24] = Te) : Te = e[24];
+  e[14] !== E ? (Te = (v) => {
+    ut(v), E == null || E(v);
+  }, e[14] = E, e[15] = Te) : Te = e[15];
   const lt = Te;
-  let Pe, ke;
-  e[25] !== T || e[26] !== l || e[27] !== a || e[28] !== c ? (Pe = () => {
-    l || (c == null && at(T), Je(je(a)));
-  }, ke = [T, l, a, c], e[25] = T, e[26] = l, e[27] = a, e[28] = c, e[29] = Pe, e[30] = ke) : (Pe = e[29], ke = e[30]), D.useEffect(Pe, ke);
-  let Fe, Ue;
-  e[31] !== a ? (Fe = () => {
-    Je((v) => v.length === a ? v : je(a));
-  }, Ue = [a], e[31] = a, e[32] = Fe, e[33] = Ue) : (Fe = e[32], Ue = e[33]), D.useEffect(Fe, Ue);
-  let Ge, He;
-  e[34] !== G || e[35] !== l ? (Ge = () => {
-    if (G)
-      return l ? document.body.classList.add(nt) : document.body.classList.remove(nt), to;
-  }, He = [G, l], e[34] = G, e[35] = l, e[36] = Ge, e[37] = He) : (Ge = e[36], He = e[37]), D.useEffect(Ge, He);
-  let ze;
-  e[38] !== de || e[39] !== C || e[40] !== f || e[41] !== m || e[42] !== te || e[43] !== et || e[44] !== tt || e[45] !== lt || e[46] !== le || e[47] !== Xe || e[48] !== Y || e[49] !== _ || e[50] !== g || e[51] !== $ || e[52] !== W || e[53] !== h || e[54] !== z || e[55] !== y || e[56] !== U || e[57] !== qe || e[58] !== w || e[59] !== Ke || e[60] !== ue || e[61] !== O || e[62] !== x ? (ze = {
-    trigger: x,
-    state: O,
-    headerTitle: w,
-    bodyTitle: qe,
-    infoMessage: Ke,
-    isDefaultInfoMessage: Xe,
-    phoneNumber: y,
-    onPhoneNumberChange: g,
-    existingAccountErrorMessage: te,
-    phoneErrorMessage: z,
-    phoneDisplay: ue,
-    phonePlaceholder: U,
-    countryCode: de,
-    onCountryCodeChange: tt,
+  let Pe;
+  e[16] !== y || e[17] !== L ? (Pe = (v) => {
+    L == null && dt(v), y == null || y(v);
+  }, e[16] = y, e[17] = L, e[18] = Pe) : Pe = e[18];
+  const pe = Pe;
+  let ke;
+  e[19] !== Q || e[20] !== k ? (ke = (v) => {
+    k == null && et(v), Q == null || Q(v);
+  }, e[19] = Q, e[20] = k, e[21] = ke) : ke = e[21];
+  const nt = ke;
+  let Fe;
+  e[22] !== pe || e[23] !== A ? (Fe = () => {
+    A == null || A(), pe("otp");
+  }, e[22] = pe, e[23] = A, e[24] = Fe) : Fe = e[24];
+  const st = Fe;
+  let Ue, Ge;
+  e[25] !== F || e[26] !== i || e[27] !== a || e[28] !== L ? (Ue = () => {
+    i || (L == null && dt(F), et(Ke(a)));
+  }, Ge = [F, i, a, L], e[25] = F, e[26] = i, e[27] = a, e[28] = L, e[29] = Ue, e[30] = Ge) : (Ue = e[29], Ge = e[30]), w.useEffect(Ue, Ge);
+  let He, ze;
+  e[31] !== a ? (He = () => {
+    et((v) => v.length === a ? v : Ke(a));
+  }, ze = [a], e[31] = a, e[32] = He, e[33] = ze) : (He = e[32], ze = e[33]), w.useEffect(He, ze);
+  let $e, We;
+  e[34] !== $ || e[35] !== i ? ($e = () => {
+    if ($)
+      return i ? document.body.classList.add(at) : document.body.classList.remove(at), lo;
+  }, We = [$, i], e[34] = $, e[35] = i, e[36] = $e, e[37] = We) : ($e = e[36], We = e[37]), w.useEffect($e, We);
+  let Ye;
+  e[38] !== me || e[39] !== D || e[40] !== f || e[41] !== d || e[42] !== m || e[43] !== le || e[44] !== it || e[45] !== lt || e[46] !== st || e[47] !== se || e[48] !== Ze || e[49] !== q || e[50] !== C || e[51] !== b || e[52] !== _ || e[53] !== p || e[54] !== j || e[55] !== V || e[56] !== g || e[57] !== Y || e[58] !== M || e[59] !== z || e[60] !== Je || e[61] !== R || e[62] !== Qe || e[63] !== he || e[64] !== I || e[65] !== O ? (Ye = {
+    trigger: O,
+    state: I,
+    headerTitle: R,
+    bodyTitle: Je,
+    infoMessage: Qe,
+    isDefaultInfoMessage: Ze,
+    phoneNumber: M,
+    onPhoneNumberChange: p,
+    existingAccountErrorMessage: le,
+    phoneErrorMessage: Y,
+    phoneDisplay: he,
+    phonePlaceholder: z,
+    countryCode: me,
+    onCountryCodeChange: lt,
     countries: f,
     defaultCountry: m,
-    onCountryChange: _,
-    onValuesChange: h,
-    onExistingAccountLogin: lt,
-    onPrimaryClick: $,
-    onSecondaryClick: W,
-    isPrimaryLoading: Y,
-    icon: le,
-    onClose: et,
-    className: C
-  }, e[38] = de, e[39] = C, e[40] = f, e[41] = m, e[42] = te, e[43] = et, e[44] = tt, e[45] = lt, e[46] = le, e[47] = Xe, e[48] = Y, e[49] = _, e[50] = g, e[51] = $, e[52] = W, e[53] = h, e[54] = z, e[55] = y, e[56] = U, e[57] = qe, e[58] = w, e[59] = Ke, e[60] = ue, e[61] = O, e[62] = x, e[63] = ze) : ze = e[63];
-  const me = ze;
-  let he;
-  e[64] !== fe || e[65] !== V ? (he = V ?? (() => fe("mobileNumber")), e[64] = fe, e[65] = V, e[66] = he) : he = e[66];
-  const it = xe ?? F;
-  let $e;
-  e[67] !== C || e[68] !== ot || e[69] !== q || e[70] !== re || e[71] !== J || e[72] !== Ze || e[73] !== P || e[74] !== se || e[75] !== A || e[76] !== R || e[77] !== I || e[78] !== ue || e[79] !== he || e[80] !== it ? ($e = {
-    headerTitle: A,
-    title: I,
-    phoneDisplay: ue,
-    otp: Ze,
-    onOtpChange: ot,
-    onOtpSubmit: J,
-    onBack: he,
-    otpError: se,
-    canResend: P,
-    onResend: re,
-    timerText: it,
-    submitLabel: R,
-    isSubmitting: q,
-    className: C
-  }, e[67] = C, e[68] = ot, e[69] = q, e[70] = re, e[71] = J, e[72] = Ze, e[73] = P, e[74] = se, e[75] = A, e[76] = R, e[77] = I, e[78] = ue, e[79] = he, e[80] = it, e[81] = $e) : $e = e[81];
-  const pe = $e, be = bt === "otp" && O === "existingAccount";
-  if (G) {
+    onCountryChange: b,
+    onValuesChange: g,
+    countriesLoading: d,
+    onCountrySearch: _,
+    noDataText: C,
+    onExistingAccountLogin: st,
+    onPrimaryClick: j,
+    onSecondaryClick: V,
+    isPrimaryLoading: q,
+    icon: se,
+    onClose: it,
+    className: D
+  }, e[38] = me, e[39] = D, e[40] = f, e[41] = d, e[42] = m, e[43] = le, e[44] = it, e[45] = lt, e[46] = st, e[47] = se, e[48] = Ze, e[49] = q, e[50] = C, e[51] = b, e[52] = _, e[53] = p, e[54] = j, e[55] = V, e[56] = g, e[57] = Y, e[58] = M, e[59] = z, e[60] = Je, e[61] = R, e[62] = Qe, e[63] = he, e[64] = I, e[65] = O, e[66] = Ye) : Ye = e[66];
+  const be = Ye;
+  let ge;
+  e[67] !== pe || e[68] !== X ? (ge = X ?? (() => pe("mobileNumber")), e[67] = pe, e[68] = X, e[69] = ge) : ge = e[69];
+  const rt = Oe ?? H;
+  let je;
+  e[70] !== D || e[71] !== nt || e[72] !== J || e[73] !== ue || e[74] !== ee || e[75] !== ot || e[76] !== U || e[77] !== ce || e[78] !== B || e[79] !== T || e[80] !== S || e[81] !== he || e[82] !== ge || e[83] !== rt ? (je = {
+    headerTitle: B,
+    title: S,
+    phoneDisplay: he,
+    otp: ot,
+    onOtpChange: nt,
+    onOtpSubmit: ee,
+    onBack: ge,
+    otpError: ce,
+    canResend: U,
+    onResend: ue,
+    timerText: rt,
+    submitLabel: T,
+    isSubmitting: J,
+    className: D
+  }, e[70] = D, e[71] = nt, e[72] = J, e[73] = ue, e[74] = ee, e[75] = ot, e[76] = U, e[77] = ce, e[78] = B, e[79] = T, e[80] = S, e[81] = he, e[82] = ge, e[83] = rt, e[84] = je) : je = e[84];
+  const _e = je, Le = Lt === "otp" && I === "existingAccount";
+  if ($) {
     let v;
-    e[82] === Symbol.for("react.memo_cache_sentinel") ? (v = Ve(Wt, "flex h-auto max-h-[90vh] max-h-[90dvh] w-full flex-col overflow-hidden rounded-t-[16px] border-0 p-0"), e[82] = v) : v = e[82];
-    let Le;
-    e[83] !== w ? (Le = /* @__PURE__ */ i(Ct, { className: "sr-only", children: /* @__PURE__ */ i(yt, { children: w }) }), e[83] = w, e[84] = Le) : Le = e[84];
-    let Ne;
-    e[85] !== pe || e[86] !== be || e[87] !== me ? (Ne = be ? /* @__PURE__ */ i(dt, { ...pe, surface: "drawer" }) : /* @__PURE__ */ i(ut, { ...me, surface: "drawer" }), e[85] = pe, e[86] = be, e[87] = me, e[88] = Ne) : Ne = e[88];
-    let Ee;
-    e[89] !== Le || e[90] !== Ne ? (Ee = /* @__PURE__ */ H(xt, { "aria-describedby": void 0, className: v, "data-mobile-number-dialog-drawer-content": !0, children: [
-      Le,
-      Ne
-    ] }), e[89] = Le, e[90] = Ne, e[91] = Ee) : Ee = e[91];
-    let Ye;
-    return e[92] !== t || e[93] !== l || e[94] !== Ee ? (Ye = /* @__PURE__ */ i(Dt, { dismissible: !0, open: l, onOpenChange: t, children: Ee }), e[92] = t, e[93] = l, e[94] = Ee, e[95] = Ye) : Ye = e[95], Ye;
+    e[85] === Symbol.for("react.memo_cache_sentinel") ? (v = Xe(Vt, "flex h-auto max-h-[90vh] max-h-[90dvh] w-full flex-col overflow-hidden rounded-t-[16px] border-0 p-0"), e[85] = v) : v = e[85];
+    let Ce;
+    e[86] !== R ? (Ce = /* @__PURE__ */ l(Dt, { className: "sr-only", children: /* @__PURE__ */ l(Mt, { children: R }) }), e[86] = R, e[87] = Ce) : Ce = e[87];
+    let ye;
+    e[88] !== _e || e[89] !== Le || e[90] !== be ? (ye = Le ? /* @__PURE__ */ l(mt, { ..._e, surface: "drawer" }) : /* @__PURE__ */ l(ht, { ...be, surface: "drawer" }), e[88] = _e, e[89] = Le, e[90] = be, e[91] = ye) : ye = e[91];
+    let xe;
+    e[92] !== Ce || e[93] !== ye ? (xe = /* @__PURE__ */ W(Ot, { "aria-describedby": void 0, className: v, "data-mobile-number-dialog-drawer-content": !0, children: [
+      Ce,
+      ye
+    ] }), e[92] = Ce, e[93] = ye, e[94] = xe) : xe = e[94];
+    let qe;
+    return e[95] !== t || e[96] !== i || e[97] !== xe ? (qe = /* @__PURE__ */ l(wt, { dismissible: !0, open: i, onOpenChange: t, children: xe }), e[95] = t, e[96] = i, e[97] = xe, e[98] = qe) : qe = e[98], qe;
   }
-  let ge;
-  e[96] !== w ? (ge = /* @__PURE__ */ i(vt, { className: "sr-only", children: /* @__PURE__ */ i(Lt, { children: w }) }), e[96] = w, e[97] = ge) : ge = e[97];
-  let _e;
-  e[98] !== pe || e[99] !== be || e[100] !== me ? (_e = be ? /* @__PURE__ */ i(dt, { ...pe, surface: "dialog" }) : /* @__PURE__ */ i(ut, { ...me, surface: "dialog" }), e[98] = pe, e[99] = be, e[100] = me, e[101] = _e) : _e = e[101];
   let ve;
-  e[102] !== ie || e[103] !== ge || e[104] !== _e ? (ve = /* @__PURE__ */ H(Nt, { "aria-describedby": void 0, className: "max-w-[384px] overflow-visible rounded-[16px] border-0 bg-transparent p-0 shadow-none outline-none focus:outline-none focus-visible:outline-none", closeOnOutsideClick: ie, showCloseButton: !1, size: "sm", children: [
-    ge,
-    _e
-  ] }), e[102] = ie, e[103] = ge, e[104] = _e, e[105] = ve) : ve = e[105];
-  let We;
-  return e[106] !== t || e[107] !== l || e[108] !== ve ? (We = /* @__PURE__ */ i(Et, { open: l, onOpenChange: t, modal: !0, children: ve }), e[106] = t, e[107] = l, e[108] = ve, e[109] = We) : We = e[109], We;
+  e[99] !== R ? (ve = /* @__PURE__ */ l(Et, { className: "sr-only", children: /* @__PURE__ */ l(Ct, { children: R }) }), e[99] = R, e[100] = ve) : ve = e[100];
+  let Ne;
+  e[101] !== _e || e[102] !== Le || e[103] !== be ? (Ne = Le ? /* @__PURE__ */ l(mt, { ..._e, surface: "dialog" }) : /* @__PURE__ */ l(ht, { ...be, surface: "dialog" }), e[101] = _e, e[102] = Le, e[103] = be, e[104] = Ne) : Ne = e[104];
+  let Ee;
+  e[105] !== re || e[106] !== ve || e[107] !== Ne ? (Ee = /* @__PURE__ */ W(yt, { "aria-describedby": void 0, className: "max-w-[384px] overflow-visible rounded-[16px] border-0 bg-transparent p-0 shadow-none outline-none focus:outline-none focus-visible:outline-none", closeOnOutsideClick: re, showCloseButton: !1, size: "sm", children: [
+    ve,
+    Ne
+  ] }), e[105] = re, e[106] = ve, e[107] = Ne, e[108] = Ee) : Ee = e[108];
+  let Ve;
+  return e[109] !== t || e[110] !== i || e[111] !== Ee ? (Ve = /* @__PURE__ */ l(xt, { open: i, onOpenChange: t, modal: !0, children: Ee }), e[109] = t, e[110] = i, e[111] = Ee, e[112] = Ve) : Ve = e[112], Ve;
 }
-function to() {
-  return document.body.classList.remove(nt);
+function lo() {
+  return document.body.classList.remove(at);
 }
-const go = mt, _o = mt;
+const vo = bt, No = bt;
 export {
-  _o as DoctAccountConflictPrompt,
-  go as DoctMobileNumberDialog,
-  mt as MobileNumberDialog
+  No as DoctAccountConflictPrompt,
+  vo as DoctMobileNumberDialog,
+  bt as MobileNumberDialog
 };