docthub-core-components 3.3.11 → 3.3.12

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

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