@rpcbase/ui 0.226.0 → 0.227.0

package/dist/index18.js

@@ -1,488 +1,451 @@
-import { j as V } from "./index30.js";
-import * as n from "react";
-import Gt from "react-select";
-import { cn as Oe } from "./index2.js";
-import { resolveMessages as Yt } from "./index43.js";
-import { getLocaleCacheKey as Xt, parseLocaleCacheKey as Zt, getCachedCountryOptions as en, toSelectedCountry as tn, buildFallbackSelectedCountry as nn, getValidCountry as on, DEFAULT_COUNTRY as ct, COMMON_IDD_PREFIXES as rn, normalizeSearchValue as sn, optionMatchIndex as dt } from "./index44.js";
-import { normalizeInputValue as Me, formatWithAsYouType as ve, sanitizeDigits as F, detectNationalPrefixForDisplay as te, getSuggestionState as Le, injectNationalPrefixDisplay as ze, shouldDisplayExplicitCountrySelection as Be, getLengthIssue as Ae, stripPrefix as ft } from "./index45.js";
-import { captureSelectionSnapshot as ln, resolveSelection as Se, skipFormattingCharactersLeft as pt, skipFormattingCharactersRight as an } from "./index46.js";
-import { suggestionSelectStyles as un, SuggestionOption as cn, NullComponent as Ie, HiddenControl as dn, formatCountryOption as fn, SuggestionContext as pn } from "./index47.js";
-import { getCountryCallingCode as T } from "./index48.js";
-const mn = n.forwardRef(function(mt, ht) {
+import { j as x } from "./index30.js";
+import * as t from "react";
+import vt from "react-select";
+import { cn as we } from "./index2.js";
+import { resolveMessages as xt } from "./index43.js";
+import { getLocaleCacheKey as Nt, parseLocaleCacheKey as wt, getCachedCountryOptions as Ot, toSelectedCountry as Vt, buildFallbackSelectedCountry as Pt, getValidCountry as Rt, DEFAULT_COUNTRY as qe, normalizeSearchValue as Mt, optionMatchIndex as Qe, COMMON_IDD_PREFIXES as kt } from "./index44.js";
+import { sanitizeDigits as N, formatWithAsYouType as ue, stripPrefix as Ft, getLengthIssue as Ze } from "./index45.js";
+import { resolveSelection as Dt, captureSelectionSnapshot as Et, skipFormattingCharactersLeft as Ge, skipFormattingCharactersRight as Tt } from "./index46.js";
+import { suggestionSelectStyles as Lt, SuggestionOption as zt, NullComponent as ae, HiddenControl as Bt, formatCountryOption as jt, SuggestionContext as At } from "./index47.js";
+import { getCountryCallingCode as se } from "./index48.js";
+const $t = /[\u061C\u200B-\u200F\u202A-\u202E\u2066-\u2069\uFEFF]/g;
+function ie(a) {
+  return a.replace($t, "");
+}
+function Ye(a) {
+  for (const r of kt)
+    if (a.startsWith(r))
+      return a.slice(r.length);
+  return a;
+}
+function Kt(a) {
+  const r = `+${a}`, {
+    phoneNumber: s,
+    detectedCountry: u
+  } = ue(r);
+  return s?.isValid() && u ? r : null;
+}
+function Oe(a) {
+  const r = ie(a).trim();
+  if (!r)
+    return null;
+  if (r.startsWith("+")) {
+    const O = N(r);
+    if (!O)
+      return "+";
+    const c = Ye(O);
+    return c ? `+${c}` : "+";
+  }
+  const s = N(r);
+  if (!s)
+    return null;
+  const u = Ye(s);
+  return u !== s ? u ? `+${u}` : "+" : null;
+}
+function _e(a) {
+  const r = Oe(a);
+  if (r != null)
+    return r;
+  const s = ie(a).trim(), u = N(s);
+  return u ? Kt(u) : null;
+}
+function Wt(a, r) {
+  return r || (a ? se(a) : null);
+}
+function Xe(a, r, s) {
+  const u = ie(a).trim(), O = N(u);
+  if (!O)
+    return `+${r.dialCode}`;
+  const c = s?.allowImplicitInternational === !1 ? Oe(u) : _e(u);
+  if (c) {
+    const V = N(c);
+    if (V.startsWith(r.dialCode))
+      return c;
+    const {
+      phoneNumber: D
+    } = ue(c), b = D?.countryCallingCode, z = b && V.startsWith(b) ? V.slice(b.length) : D?.nationalNumber ?? V;
+    return `+${r.dialCode}${z}`;
+  }
   const {
-    value: _,
-    defaultCountry: De,
-    country: O,
-    locale: gt,
-    onChange: je,
-    onCountryChange: We,
-    className: Ct,
-    inputClassName: yt,
-    disabled: ne,
-    readOnly: se,
-    selectProps: xt,
-    autofillShimName: bt,
-    messages: He,
-    renderValidationMessage: vt,
-    ...St
-  } = mt, {
-    onFocus: Ke,
-    onBlur: $e,
-    onKeyDown: qe,
-    name: Pe,
-    autoComplete: It,
-    ...Dt
-  } = St, M = typeof De == "string" || typeof O == "string", le = Xt(gt), ae = n.useMemo(() => Zt(le), [le]), ie = n.useMemo(() => Yt(ae, He), [ae, He]), P = n.useMemo(() => en(ae, le), [le, ae]), ue = n.useCallback((e) => {
-    const t = P.find((r) => r.value === e);
-    return t ? tn(t) : nn(e);
-  }, [P]), m = n.useMemo(() => {
-    const e = on(De ?? O ?? ct);
-    return P.some((t) => t.value === e) ? e : P[0]?.value ?? ct;
-  }, [P, O, De]), E = n.useRef(M), oe = n.useRef(null), L = n.useRef("");
-  if (!oe.current)
-    if (!_)
-      oe.current = {
-        country: m,
-        inputValue: "",
-        normalizedValue: "",
-        hasExplicitCountrySelection: !1
-      }, L.current = "";
-    else {
-      const e = M ? m : void 0, t = Me(_, e, {
-        allowJustPlus: !0
-      });
-      if (!t)
-        oe.current = {
-          country: m,
-          inputValue: "",
-          normalizedValue: "",
-          hasExplicitCountrySelection: !1
-        }, L.current = "";
-      else {
-        const {
-          international: r,
-          phoneNumber: u,
-          detectedCountry: l,
-          inferredCountry: c,
-          hasExplicitInternationalPrefix: a
-        } = ve(t, e), o = l ?? void 0;
-        let s = o ?? m;
-        const i = F(_ ?? ""), x = typeof _ == "string" ? /^\s*\+/.test(_) : !1, g = F(r), q = T(s), D = te(i, g, q, x), W = Le(t, e, u ?? void 0, {
-          hasRemovedNationalPrefix: D,
-          detectedCountry: o,
-          hasExplicitInternationalPrefix: a
-        }), R = !W.shouldSuggest && !o ? c : void 0;
-        R && (s = R), (o || R) && (E.current = !0);
-        const H = T(s), ge = R ? te(i, g, H, x) : D, Y = ze(r, H, {
-          force: ge
-        }), K = o ?? void 0, k = E.current;
-        oe.current = {
-          country: s,
-          inputValue: Y,
-          normalizedValue: t,
-          hasExplicitCountrySelection: k && Be(W, {
-            detectedCountry: K,
-            hasExplicitInternationalPrefix: a
-          })
-        }, L.current = t;
-      }
-    }
-  const Ne = oe.current, [b, z] = n.useState(Ne.country), [ce, B] = n.useState(Ne.inputValue), [de, v] = n.useState(""), [Q, h] = n.useState(!1), [fe, C] = n.useState(-1), [Pt, Ue] = n.useState(!1), [Nt, A] = n.useState(null), [Qe, j] = n.useState(Ne.hasExplicitCountrySelection), y = n.useRef(null), S = n.useRef(""), X = n.useRef(null), Z = n.useRef("smooth"), J = n.useRef(null), Je = n.useCallback(() => {
-    const e = Z.current;
-    return Z.current = "smooth", e;
-  }, []), I = typeof O == "string", we = I ? O : b, f = we ?? m, ee = n.useRef(null);
-  n.useImperativeHandle(ht, () => ee.current, []), n.useLayoutEffect(() => {
-    const e = J.current;
+    phoneNumber: L
+  } = ue(u, r.value);
+  return `+${r.dialCode}${L?.nationalNumber ?? O}`;
+}
+function Je(a, r) {
+  return {
+    ...a,
+    country: r.value,
+    countryCallingCode: r.dialCode,
+    lengthIssue: Ze(a.rawInput, r.value)
+  };
+}
+function U(a, r) {
+  const s = ie(a ?? "").trim();
+  if (!s) {
+    const W = r ?? null, Q = W ? se(W) : null;
+    return {
+      displayValue: "",
+      formattedInternational: "",
+      formattedNational: "",
+      e164: null,
+      country: W,
+      countryCallingCode: Q,
+      nationalNumber: "",
+      rawInput: "",
+      isValid: !1,
+      lengthIssue: null
+    };
+  }
+  const u = _e(s);
+  if (!(u != null || r != null))
+    return {
+      displayValue: s,
+      formattedInternational: s,
+      formattedNational: s,
+      e164: null,
+      country: null,
+      countryCallingCode: null,
+      nationalNumber: N(s),
+      rawInput: s,
+      isValid: !1,
+      lengthIssue: null
+    };
+  const c = u ?? s, {
+    international: L,
+    national: V,
+    formatted: D,
+    phoneNumber: b,
+    detectedCountry: z
+  } = ue(c, r), M = u != null, P = M ? z ?? r ?? null : r ?? z ?? null, K = Wt(P, b?.countryCallingCode), ce = N(c), q = b?.nationalNumber ?? (K && c.startsWith("+") ? Ft(ce, K) : N(s));
+  return {
+    displayValue: M ? L : D,
+    formattedInternational: b?.formatInternational() ?? L,
+    formattedNational: b?.formatNational() ?? V,
+    e164: b?.number ?? null,
+    country: P,
+    countryCallingCode: K,
+    nationalNumber: q,
+    rawInput: c,
+    isValid: b?.isValid() ?? !1,
+    lengthIssue: P ? Ze(c, P) : null
+  };
+}
+const Ht = t.forwardRef(function(r, s) {
+  const {
+    value: u,
+    defaultCountry: O,
+    country: c,
+    locale: L,
+    onChange: V,
+    onCountryChange: D,
+    className: b,
+    inputClassName: z,
+    disabled: M,
+    readOnly: P,
+    selectProps: K,
+    autofillShimName: ce,
+    messages: q,
+    renderValidationMessage: Ve,
+    ...W
+  } = r, {
+    onFocus: Q,
+    onBlur: Pe,
+    onKeyDown: Re,
+    name: fe,
+    autoComplete: et,
+    ...tt
+  } = W, g = typeof c == "string" ? c : null, G = Nt(L), Y = t.useMemo(() => wt(G), [G]), X = t.useMemo(() => xt(Y, q), [Y, q]), h = t.useMemo(() => Ot(Y, G), [G, Y]), J = t.useCallback((e) => {
+    const n = h.find((o) => o.value === e);
+    return n ? Vt(n) : Pt(e);
+  }, [h]), Me = t.useMemo(() => {
+    const e = Rt(O ?? c ?? qe);
+    return h.some((n) => n.value === e) ? e : h[0]?.value ?? qe;
+  }, [h, c, O]), de = t.useRef(null);
+  if (!de.current) {
+    const e = U(u, g ?? void 0);
+    de.current = e;
+  }
+  const me = de.current, [H, pe] = t.useState(g ? null : me.country), [Z, ge] = t.useState(me.displayValue), [_, k] = t.useState(""), [E, w] = t.useState(!1), [ee, C] = t.useState(-1), [nt, ke] = t.useState(!1), [rt, he] = t.useState(me.lengthIssue), B = t.useRef(null), m = t.useRef(""), j = t.useRef(null), A = t.useRef("smooth"), te = t.useRef(null), Ce = t.useRef(!1), Fe = t.useRef(null), $ = t.useRef(null), I = g ?? H, De = g ?? B.current ?? void 0;
+  t.useImperativeHandle(s, () => $.current, []), t.useLayoutEffect(() => {
+    const e = te.current;
     if (!e)
       return;
-    const t = ee.current;
-    if (J.current = null, !t)
+    const n = $.current;
+    if (te.current = null, !n)
       return;
     const {
-      start: r,
-      end: u
+      start: o,
+      end: f
     } = e;
-    t.setSelectionRange(r, u);
-  }, [ce]);
-  const Ge = xt ?? {}, {
-    styles: Ee,
-    components: Ye,
-    classNamePrefix: wt,
-    formatOptionLabel: _e,
-    menuPortalTarget: Et,
-    menuPosition: _t,
-    ...Rt
-  } = Ge, {
-    noOptionsMessage: kt,
-    ...Vt
-  } = Rt, [Tt, Ft] = n.useState(null), Re = "menuPortalTarget" in Ge, Xe = Re ? Et : Tt, Ot = n.useMemo(() => {
-    const e = Ee?.menuPortal;
+    n.setSelectionRange(o, f);
+  }, [Z]);
+  const Ee = K ?? {}, {
+    styles: ye,
+    components: Te,
+    classNamePrefix: ot,
+    formatOptionLabel: be,
+    menuPortalTarget: lt,
+    menuPosition: at,
+    ...ut
+  } = Ee, {
+    noOptionsMessage: st,
+    ...it
+  } = ut, [ct, ft] = t.useState(null), Ie = "menuPortalTarget" in Ee, Le = Ie ? lt : ct, dt = t.useMemo(() => {
+    const e = ye?.menuPortal;
     return {
-      ...un,
-      ...Ee ?? {},
-      menuPortal: (t, r) => {
-        const u = {
-          ...t,
+      ...Lt,
+      ...ye ?? {},
+      menuPortal: (n, o) => {
+        const f = {
+          ...n,
           zIndex: 1300
         };
-        return e ? e(u, r) : u;
+        return e ? e(f, o) : f;
       }
     };
-  }, [Ee]);
-  n.useLayoutEffect(() => {
-    if (Re || typeof document > "u")
+  }, [ye]);
+  t.useLayoutEffect(() => {
+    if (Ie || typeof document > "u")
       return;
-    const e = ee.current?.closest("[data-slot='dialog-content'], [data-slot='sheet-content'], [role='dialog']") ?? document.body;
-    Ft(e);
-  }, [Re]);
-  const Mt = n.useMemo(() => {
+    const e = $.current?.closest("[data-slot='dialog-content'], [data-slot='sheet-content'], [role='dialog']") ?? document.body;
+    ft(e);
+  }, [Ie]);
+  const mt = t.useMemo(() => {
     const e = {
-      Control: dn,
-      IndicatorsContainer: Ie,
-      DropdownIndicator: Ie,
-      IndicatorSeparator: Ie,
-      ValueContainer: Ie
-    }, t = Ye ?? {};
-    return t.Option ? {
+      Control: Bt,
+      IndicatorsContainer: ae,
+      DropdownIndicator: ae,
+      IndicatorSeparator: ae,
+      ValueContainer: ae
+    }, n = Te ?? {};
+    return n.Option ? {
       ...e,
-      ...t
+      ...n
     } : {
       ...e,
-      ...t,
-      Option: cn
+      ...n,
+      Option: zt
     };
-  }, [Ye]), Ze = n.useRef(!1), N = n.useCallback((e) => {
-    Ze.current = !0;
-    const t = ue(e);
-    return We?.(e, t), t;
-  }, [We, ue]);
-  n.useEffect(() => () => {
-    X.current != null && typeof window < "u" && window.clearTimeout(X.current);
-  }, []), n.useEffect(() => {
-    if (_ == null)
-      return;
-    const e = E.current ? f : void 0, t = L.current, r = Me(_, e, {
-      allowJustPlus: !0,
-      previousValue: t
-    });
-    if (L.current = r, S.current = "", !r) {
-      B(""), h(!1), v(""), A(null), y.current = null, j(!1);
-      const w = M ? m : f;
-      !I && b !== w && (z(w), N(w));
-      return;
-    }
-    if (r === "0") {
-      B("0"), h(!1), v(""), A(null), y.current = null, j(!1);
-      return;
-    }
-    if (r === "+") {
-      B("+"), h(!0), v(""), A(null), y.current = null, j(!1);
-      const w = M ? m : f;
-      !I && b !== w && (z(w), N(w));
-      return;
-    }
-    const {
-      international: u,
-      phoneNumber: l,
-      detectedCountry: c,
-      inferredCountry: a,
-      hasExplicitInternationalPrefix: o
-    } = ve(r, e), s = c ?? void 0;
-    let i = s ?? e ?? f;
-    const x = F(_ ?? ""), g = typeof _ == "string" ? /^\s*\+/.test(_) : !1, q = F(u), D = T(i), W = te(x, q, D, g), R = Le(r, e, l ?? void 0, {
-      hasRemovedNationalPrefix: W,
-      detectedCountry: s,
-      hasExplicitInternationalPrefix: o
-    }), U = !R.shouldSuggest && !s ? a : void 0, H = U ?? i;
-    (s || U) && (E.current = !0), !I && H !== b && (z(H), N(H)), i = H, y.current && y.current !== i && (y.current = null);
-    const Y = T(i), K = U ? te(x, q, Y, g) : W, k = ze(u, Y, {
-      force: K
-    }), Ce = s ?? void 0, ye = y.current != null || Be(R, {
-      detectedCountry: Ce,
-      hasExplicitInternationalPrefix: o
-    });
-    B(k), h(R.shouldSuggest), v(R.query), A(E.current ? Ae(r, i) : null), j(E.current && ye);
-  }, [_, f, m, M, I, N, b]), n.useEffect(() => {
-    if (Ze.current || !E.current)
+  }, [Te]);
+  t.useEffect(() => () => {
+    j.current != null && typeof window < "u" && window.clearTimeout(j.current);
+  }, []), t.useEffect(() => {
+    if (u == null)
       return;
-    const e = we ?? m;
-    e && N(e);
-  }, [m, N, we]), n.useEffect(() => {
-    I && O && O !== b && z(O);
-  }, [O, I, b]);
-  const G = n.useCallback((e) => {
-    const t = ue(e.country);
-    je?.({
+    const e = U(u, De);
+    m.current = "", ge(e.displayValue), w(!1), k(""), C(-1), he(e.lengthIssue), !g && e.country !== H && pe(e.country);
+  }, [g, De, H, u]), t.useEffect(() => {
+    const e = I ?? null;
+    !Ce.current && e == null || Ce.current && Fe.current === e || (Ce.current = !0, Fe.current = e, D?.(e, e ? J(e) : null));
+  }, [I, D, J]);
+  const ne = t.useCallback((e) => {
+    V?.({
       ...e,
-      selectedCountry: t
+      selectedCountry: e.country ? J(e.country) : null
     });
-  }, [je, ue]), pe = n.useCallback(() => {
-    typeof window > "u" || (X.current != null && window.clearTimeout(X.current), X.current = window.setTimeout(() => {
-      S.current = "", X.current = null;
+  }, [V, J]), re = t.useCallback(() => {
+    typeof window > "u" || (j.current != null && window.clearTimeout(j.current), j.current = window.setTimeout(() => {
+      m.current = "", j.current = null;
     }, 800));
-  }, []), Lt = n.useCallback((e) => {
-    const t = e.target, r = ln(t), u = t.value;
-    S.current = "";
-    const l = E.current ? f : void 0, c = l ? T(l) : "", a = F(u), o = u.trim().startsWith("+"), s = c ? a.startsWith(c) : !1, i = a.startsWith("0"), x = rn.some((p) => a.startsWith(p)), g = !!l && !x && (s && a.slice(c.length).startsWith("0") || !o && i && a.length > 1 || o && i && a.length > 1 && !s), q = L.current, D = Me(u, l, {
-      allowJustPlus: !0,
-      removeNationalPrefix: g,
-      previousValue: q
+  }, []), Se = t.useCallback((e, n) => {
+    ge(e.displayValue), w(!1), k(""), C(-1), he(e.lengthIssue), !g && e.country !== H && pe(e.country), n && (te.current = Dt(n, e.displayValue)), ne({
+      formattedInternational: e.formattedInternational,
+      formattedNational: e.formattedNational,
+      e164: e.e164,
+      country: e.country,
+      countryCallingCode: e.countryCallingCode,
+      nationalNumber: e.nationalNumber,
+      rawInput: e.rawInput,
+      isValid: e.isValid
     });
-    if (L.current = D, !D) {
-      B(""), h(!1), v(""), C(-1), A(null), y.current = null, j(!1), J.current = Se(r, "");
-      const p = M ? m : f;
-      !I && b !== p && (z(p), N(p));
-      const re = T(p);
-      G({
-        formattedInternational: "",
-        formattedNational: "",
-        e164: null,
-        country: p,
-        countryCallingCode: re,
-        nationalNumber: "",
-        rawInput: "",
-        isValid: !1
-      });
+  }, [g, ne, H]), pt = t.useCallback((e) => {
+    const n = e.target, o = Et(n), f = n.value;
+    m.current = "";
+    const p = Oe(f), S = B.current;
+    if (p != null && S) {
+      const v = se(S);
+      N(p).startsWith(v) || (B.current = null);
+    } else p != null && (B.current = null);
+    const d = B.current, l = N(f);
+    if (!g && d && p == null && l) {
+      const v = {
+        value: d,
+        dialCode: se(d)
+      }, T = Je(U(Xe(f, {
+        value: v.value,
+        dialCode: v.dialCode
+      }, {
+        allowImplicitInternational: !1
+      }), d), v);
+      Se(T, o);
       return;
     }
-    if (D === "0") {
-      B("0"), h(!1), v(""), C(-1), A(null), y.current = null, j(!1), J.current = Se(r, "0");
-      const p = M ? m : f;
-      !I && b !== p && (z(p), N(p));
-      const re = T(p);
-      G({
-        formattedInternational: "0",
-        formattedNational: "0",
-        e164: null,
-        country: p,
-        countryCallingCode: re,
-        nationalNumber: "0",
-        rawInput: "0",
-        isValid: !1
-      });
-      return;
-    }
-    if (D === "+") {
-      B("+"), h(!0), v(""), C(0), A(null), y.current = null, j(!1), J.current = Se(r, "+");
-      const p = M ? m : f;
-      !I && b !== p && (z(p), N(p));
-      const re = T(p);
-      G({
-        formattedInternational: "+",
-        formattedNational: "",
-        e164: null,
-        country: p,
-        countryCallingCode: re,
-        nationalNumber: "",
-        rawInput: "+",
-        isValid: !1
-      });
-      return;
-    }
-    const {
-      international: W,
-      national: R,
-      phoneNumber: U,
-      detectedCountry: H,
-      inferredCountry: ge,
-      hasExplicitInternationalPrefix: Y
-    } = ve(D, l), K = H ?? void 0;
-    let k = K ?? l ?? f;
-    const Ce = F(W), it = T(k), ye = te(a, Ce, it, o), w = Le(D, l, U ?? void 0, {
-      hasRemovedNationalPrefix: ye,
-      detectedCountry: K,
-      hasExplicitInternationalPrefix: Y
-    }), Fe = !w.shouldSuggest && !K ? ge : void 0, xe = Fe ?? k;
-    (K || Fe) && (E.current = !0), !I && xe !== b && (z(xe), N(xe)), k = xe, y.current && y.current !== k && (y.current = null);
-    const be = T(k), $t = F(D), qt = ft($t, be), Ut = Fe ? te(a, Ce, be, o) : ye, ut = ze(W, be, {
-      force: Ut
-    }), Qt = K ?? void 0;
-    J.current = Se(r, ut), B(ut), h(w.shouldSuggest), v(w.query), C(w.shouldSuggest ? 0 : -1), A(E.current ? Ae(D, k) : null);
-    const Jt = y.current != null || Be(w, {
-      detectedCountry: Qt,
-      hasExplicitInternationalPrefix: Y
-    });
-    j(E.current && Jt), G({
-      formattedInternational: W,
-      formattedNational: R,
-      e164: U?.number ?? null,
-      country: k,
-      countryCallingCode: be,
-      nationalNumber: qt,
-      rawInput: D,
-      isValid: U?.isValid() ?? !1
-    });
-  }, [f, G, m, M, I, N, b]), ke = n.useCallback((e) => {
+    const R = U(f, g ?? d ?? void 0);
+    Se(R, o);
+  }, [Se, g]), ve = t.useCallback((e) => {
     if (!e)
       return;
-    const t = F(L.current || ce), r = T(f);
-    let l = t.startsWith(r) ? t.slice(r.length) : t;
-    l ? l.startsWith(e.dialCode) || (l = `${e.dialCode}${l}`) : l = e.dialCode;
-    const c = `+${l}`;
-    L.current = c;
-    const {
-      international: a,
-      national: o,
-      phoneNumber: s
-    } = ve(c, e.value), i = e.value;
-    y.current = i, E.current = !0, B(a), J.current = {
-      start: a.length,
-      end: a.length
-    }, h(!1), v(""), C(-1), A(Ae(c, i)), !I && i !== b && z(i), N(i);
-    const x = F(c), g = s?.countryCallingCode ?? e.dialCode, q = ft(x, g);
-    j(!0), G({
-      formattedInternational: a,
-      formattedNational: o,
-      e164: s?.number ?? null,
-      country: i,
-      countryCallingCode: g,
-      nationalNumber: q,
-      rawInput: c,
-      isValid: s?.isValid() ?? !1
+    B.current = e.value;
+    const n = Xe(Z, e), o = Je(U(n, e.value), e);
+    ge(o.displayValue), te.current = {
+      start: o.displayValue.length,
+      end: o.displayValue.length
+    }, w(!1), k(""), C(-1), he(o.lengthIssue), g || pe(e.value), ne({
+      formattedInternational: o.formattedInternational,
+      formattedNational: o.formattedNational,
+      e164: o.e164,
+      country: o.country,
+      countryCallingCode: o.countryCallingCode,
+      nationalNumber: o.nationalNumber,
+      rawInput: o.rawInput,
+      isValid: o.isValid
     }), requestAnimationFrame(() => {
-      ee.current?.focus();
+      $.current?.focus();
     });
-  }, [f, G, ce, I, N, b]), d = n.useMemo(() => {
-    if (!Q)
+  }, [g, ne, Z]), i = t.useMemo(() => {
+    if (!E)
       return [];
-    const e = [], t = (o) => {
-      e.some((s) => s.value === o.value) || e.push(o);
-    }, r = P.find((o) => o.value === m), u = P.find((o) => o.value === f), l = de.trim(), c = F(l), a = sn(l);
-    return !c && !a ? (r && t(r), u && t(u), P.forEach(t), e) : (c && P.filter((s) => s.dialCode.startsWith(c)).sort((s, i) => {
-      const x = s.dialCode === c, g = i.dialCode === c;
-      return x && !g ? -1 : !x && g ? 1 : s.dialCode.length - i.dialCode.length;
-    }).forEach(t), a && P.filter((s) => s.normalizedSearchableTokens.some((i) => i.includes(a))).sort((s, i) => {
-      const x = dt(s.normalizedSearchableTokens, a), g = dt(i.normalizedSearchableTokens, a);
-      return x !== g ? x - g : s.name.localeCompare(i.name);
-    }).forEach(t), u && t(u), r && t(r), e.length === 0 && P.forEach(t), e);
-  }, [f, P, de, m, Q]), $ = Pt && Q && d.length > 0;
-  n.useEffect(() => {
-    $ || (Z.current = "smooth");
-  }, [$]), n.useEffect(() => {
-    if (!$) {
+    const e = [], n = (l) => {
+      l && !e.some((y) => y.value === l.value) && e.push(l);
+    }, o = h.find((l) => l.value === Me), f = I ? h.find((l) => l.value === I) : void 0, p = _.trim(), S = N(p), d = Mt(p);
+    return !S && !d ? (n(f), n(o), h.forEach(n), e) : (S && h.filter((y) => y.dialCode.startsWith(S)).sort((y, R) => {
+      const v = y.dialCode === S, T = R.dialCode === S;
+      return v && !T ? -1 : !v && T ? 1 : y.dialCode.length - R.dialCode.length;
+    }).forEach(n), d && h.filter((y) => y.normalizedSearchableTokens.some((R) => R.includes(d))).sort((y, R) => {
+      const v = Qe(y.normalizedSearchableTokens, d), T = Qe(R.normalizedSearchableTokens, d);
+      return v !== T ? v - T : y.name.localeCompare(R.name);
+    }).forEach(n), n(f), n(o), e.length === 0 && h.forEach(n), e);
+  }, [I, h, _, Me, E]), F = nt && E && i.length > 0;
+  t.useEffect(() => {
+    F || (A.current = "smooth");
+  }, [F]), t.useEffect(() => {
+    if (!F) {
       C(-1);
       return;
     }
-    if (d.length === 0) {
+    if (i.length === 0) {
       C(-1);
       return;
     }
-    C((e) => e < 0 || e >= d.length ? 0 : e);
-  }, [d, $]);
-  const me = fe >= 0 ? d[fe] ?? null : null;
-  n.useEffect(() => {
-    fe < 0 && (Z.current = "smooth");
-  }, [fe]);
-  const et = n.useCallback((e) => {
-    const t = d.findIndex((r) => r.value === e.value);
-    t !== -1 && C(t);
-  }, [d]), Ve = n.useCallback((e, t) => _e ? _e(e, t) : fn(e), [_e]), tt = n.useCallback((e) => Ve(e, {
+    C((e) => e < 0 || e >= i.length ? 0 : e);
+  }, [i, F]);
+  const oe = ee >= 0 ? i[ee] ?? null : null;
+  t.useEffect(() => {
+    ee < 0 && (A.current = "smooth");
+  }, [ee]);
+  const ze = t.useCallback(() => {
+    const e = A.current;
+    return A.current = "smooth", e;
+  }, []), Be = t.useCallback((e) => {
+    const n = i.findIndex((o) => o.value === e.value);
+    n !== -1 && C(n);
+  }, [i]), xe = t.useCallback((e, n) => be ? be(e, n) : jt(e), [be]), je = t.useCallback((e) => xe(e, {
     context: "menu",
-    inputValue: de,
+    inputValue: _,
     selectValue: []
-  }), [de, Ve]), zt = n.useMemo(() => ({
-    highlightedValue: me?.value ?? null,
-    setHighlightedOption: et,
-    renderOptionLabel: tt,
-    consumeScrollBehavior: Je
-  }), [Je, me, tt, et]), he = P.find((e) => e.value === f), nt = he?.flag ?? "", Bt = Qe ? ie.selectedCountryLabel(he?.name ?? f ?? null) : ie.selectCountryLabel, ot = Qe && !!nt, Te = Nt === "TOO_LONG" ? ie.lengthTooLong(he?.name ?? f ?? null) : null, At = he?.name ?? f ?? null;
-  let rt = null;
-  if (Te) {
-    const e = vt?.({
-      message: Te,
+  }), [_, xe]), gt = t.useMemo(() => ({
+    highlightedValue: oe?.value ?? null,
+    setHighlightedOption: Be,
+    renderOptionLabel: je,
+    consumeScrollBehavior: ze
+  }), [ze, oe, je, Be]), le = I ? h.find((e) => e.value === I) : void 0, Ae = le?.flag ?? "", ht = I ? X.selectedCountryLabel(le?.name ?? I) : X.selectCountryLabel, $e = !!(I && Ae), Ne = rt === "TOO_LONG" ? X.lengthTooLong(le?.name ?? I ?? null) : null, Ct = le?.name ?? I ?? null;
+  let Ke = null;
+  if (Ne) {
+    const e = Ve?.({
+      message: Ne,
       code: "TOO_LONG",
-      countryName: At
+      countryName: Ct
     });
-    rt = e === void 0 ? /* @__PURE__ */ V.jsx("p", { className: "mt-1 text-xs text-destructive", children: /* @__PURE__ */ V.jsx("span", { children: Te }) }) : e;
+    Ke = e === void 0 ? /* @__PURE__ */ x.jsx("p", { className: "mt-1 text-xs text-destructive", children: /* @__PURE__ */ x.jsx("span", { children: Ne }) }) : e;
   }
-  const st = n.useCallback((e) => {
-    S.current = `${S.current}${e}`.slice(-12), v(S.current), h(!0), pe();
-  }, [pe]), lt = n.useCallback(() => {
-    const e = S.current;
-    e && (S.current = e.slice(0, -1), v(S.current), S.current && pe());
-  }, [pe]), jt = n.useCallback((e) => {
-    if (qe?.(e), e.defaultPrevented)
+  const We = t.useCallback((e) => {
+    m.current = `${m.current}${e}`.slice(-12), k(m.current), w(!0), re();
+  }, [re]), He = t.useCallback(() => {
+    const e = m.current;
+    e && (m.current = e.slice(0, -1), k(m.current), m.current && re());
+  }, [re]), yt = t.useCallback((e) => {
+    if (Re?.(e), e.defaultPrevented)
       return;
-    const t = e.key;
+    const n = e.key;
     if (e.metaKey || e.ctrlKey || e.altKey)
       return;
-    const r = e.currentTarget, u = r.value, l = r.selectionStart ?? 0, c = r.selectionEnd ?? l, a = l === c;
-    if (t === "Backspace" && a) {
-      const o = pt(u, l);
-      o !== l && r.setSelectionRange(o, o);
-    } else if (t === "ArrowLeft" && a) {
-      const o = pt(u, l);
-      if (o !== l) {
-        e.preventDefault(), r.setSelectionRange(o, o);
+    const o = e.currentTarget, f = o.value, p = o.selectionStart ?? 0, S = o.selectionEnd ?? p, d = p === S;
+    if (n === "Backspace" && d) {
+      const l = Ge(f, p);
+      l !== p && o.setSelectionRange(l, l);
+    } else if (n === "ArrowLeft" && d) {
+      const l = Ge(f, p);
+      if (l !== p) {
+        e.preventDefault(), o.setSelectionRange(l, l);
         return;
       }
-    } else if (t === "ArrowRight" && a) {
-      const o = an(u, c);
-      if (o !== c) {
-        e.preventDefault(), r.setSelectionRange(o, o);
+    } else if (n === "ArrowRight" && d) {
+      const l = Tt(f, S);
+      if (l !== S) {
+        e.preventDefault(), o.setSelectionRange(l, l);
         return;
       }
     }
-    if (t === "ArrowDown") {
-      if (Z.current = e.repeat ? "auto" : "smooth", e.preventDefault(), !Q) {
-        h(!0), C(d.length > 0 ? 0 : -1);
+    if (n === "ArrowDown") {
+      if (A.current = e.repeat ? "auto" : "smooth", e.preventDefault(), !E) {
+        w(!0), C(i.length > 0 ? 0 : -1);
         return;
       }
-      d.length > 0 && C((o) => o < 0 ? 0 : (o + 1) % d.length);
+      i.length > 0 && C((l) => l < 0 ? 0 : (l + 1) % i.length);
       return;
     }
-    if (t === "ArrowUp") {
-      if (Z.current = e.repeat ? "auto" : "smooth", e.preventDefault(), !Q) {
-        h(!0), C(d.length > 0 ? d.length - 1 : -1);
+    if (n === "ArrowUp") {
+      if (A.current = e.repeat ? "auto" : "smooth", e.preventDefault(), !E) {
+        w(!0), C(i.length > 0 ? i.length - 1 : -1);
         return;
       }
-      d.length > 0 && C((o) => o < 0 ? d.length - 1 : (o - 1 + d.length) % d.length);
+      i.length > 0 && C((l) => l < 0 ? i.length - 1 : (l - 1 + i.length) % i.length);
       return;
     }
-    if (/^[a-z]$/i.test(t)) {
-      e.preventDefault(), Q || (h(!0), C(d.length > 0 ? 0 : -1)), st(t.toLowerCase());
+    if (/^[a-z]$/i.test(n)) {
+      e.preventDefault(), E || (w(!0), C(i.length > 0 ? 0 : -1)), We(n.toLowerCase());
       return;
     }
-    if ($) {
-      if (t === "Backspace" && S.current) {
-        e.preventDefault(), lt();
+    if (F) {
+      if (n === "Backspace" && m.current) {
+        e.preventDefault(), He();
         return;
       }
-      if (t === "Escape") {
-        e.preventDefault(), S.current = "", v(""), h(!1);
+      if (n === "Escape") {
+        e.preventDefault(), m.current = "", k(""), w(!1);
         return;
       }
-      if (t === "Enter" && d.length > 0) {
+      if (n === "Enter" && i.length > 0) {
         e.preventDefault();
-        const o = me ?? d[0];
-        ke(o);
+        const l = oe ?? i[0];
+        ve(l);
         return;
       }
     }
-  }, [st, d, ke, me, qe, lt, Q, $]), Wt = n.useCallback((e) => {
-    Ue(!0), Ke?.(e);
-  }, [Ke]), Ht = n.useCallback((e) => {
-    Ue(!1), h(!1), S.current = "", v(""), $e?.(e);
-  }, [$e]), Kt = n.useCallback(() => {
-    ne || se || (S.current = "", v(""), h(!0), C((e) => e < 0 ? 0 : e), requestAnimationFrame(() => {
-      ee.current?.focus();
+  }, [We, i, ve, oe, Re, He, E, F]), bt = t.useCallback((e) => {
+    ke(!0), Q?.(e);
+  }, [Q]), It = t.useCallback((e) => {
+    ke(!1), w(!1), m.current = "", k(""), Pe?.(e);
+  }, [Pe]), St = t.useCallback(() => {
+    M || P || (m.current = "", k(""), w(!0), C((e) => e < 0 ? 0 : e), requestAnimationFrame(() => {
+      $.current?.focus();
     }));
-  }, [ne, se]), at = bt ?? (Pe ? `${Pe}_shim` : void 0);
-  return /* @__PURE__ */ V.jsxs("div", { className: Oe("relative flex flex-col", Ct), children: [
-    /* @__PURE__ */ V.jsxs("div", { className: "relative", children: [
-      /* @__PURE__ */ V.jsx("input", { ...Dt, ref: ee, type: "tel", className: Oe("flex h-10 w-full rounded-md border border-input bg-background py-2 text-base ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", "pl-11 pr-3", yt), name: Pe, value: ce, onChange: Lt, onFocus: Wt, onBlur: Ht, onKeyDown: jt, disabled: ne, readOnly: se, autoComplete: It ?? "off" }),
-      /* @__PURE__ */ V.jsx("button", { type: "button", className: Oe("absolute left-3 top-1/2 flex h-6 w-6 -translate-y-1/2 items-center justify-center rounded border text-lg leading-none transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", ot ? "border-transparent" : "border-dashed border-border text-muted-foreground", ne ? "cursor-not-allowed opacity-50" : se ? "cursor-default" : "cursor-pointer hover:bg-muted"), "aria-label": Bt, onMouseDown: (e) => e.preventDefault(), onClick: Kt, tabIndex: -1, disabled: ne, children: /* @__PURE__ */ V.jsx("span", { "aria-hidden": "true", children: ot ? nt : "?" }) })
+  }, [M, P]), Ue = ce ?? (fe ? `${fe}_shim` : void 0);
+  return /* @__PURE__ */ x.jsxs("div", { className: we("relative flex flex-col", b), children: [
+    /* @__PURE__ */ x.jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ x.jsx("input", { ...tt, ref: $, type: "tel", className: we("flex h-10 w-full rounded-md border border-input bg-background py-2 text-base ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", "pl-11 pr-3", z), name: fe, value: Z, onChange: pt, onFocus: bt, onBlur: It, onKeyDown: yt, disabled: M, readOnly: P, autoComplete: et ?? "off" }),
+      /* @__PURE__ */ x.jsx("button", { type: "button", className: we("absolute left-3 top-1/2 flex h-6 w-6 -translate-y-1/2 items-center justify-center rounded border text-lg leading-none transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", $e ? "border-transparent" : "border-dashed border-border text-muted-foreground", M ? "cursor-not-allowed opacity-50" : P ? "cursor-default" : "cursor-pointer hover:bg-muted"), "aria-label": ht, onMouseDown: (e) => e.preventDefault(), onClick: St, tabIndex: -1, disabled: M, children: /* @__PURE__ */ x.jsx("span", { "aria-hidden": "true", children: $e ? Ae : "?" }) })
     ] }),
-    at ? /* @__PURE__ */ V.jsx("input", { tabIndex: -1, autoComplete: "tel", name: at, "aria-hidden": "true", className: "pointer-events-none absolute left-0 top-0 h-0 w-0 opacity-0" }) : null,
-    /* @__PURE__ */ V.jsx("div", { className: "absolute left-0 top-full z-30 mt-1", style: {
-      pointerEvents: $ ? "auto" : "none",
+    Ue ? /* @__PURE__ */ x.jsx("input", { tabIndex: -1, autoComplete: "tel", name: Ue, "aria-hidden": "true", className: "pointer-events-none absolute left-0 top-0 h-0 w-0 opacity-0" }) : null,
+    /* @__PURE__ */ x.jsx("div", { className: "absolute left-0 top-full z-30 mt-1", style: {
+      pointerEvents: F ? "auto" : "none",
       width: "min(260px, 100%)"
-    }, onMouseDown: (e) => e.preventDefault(), children: /* @__PURE__ */ V.jsx(pn.Provider, { value: zt, children: /* @__PURE__ */ V.jsx(Gt, { ...Vt, menuIsOpen: $, options: d, value: null, components: Mt, styles: Ot, isClearable: !1, isSearchable: !1, backspaceRemovesValue: !1, tabSelectsValue: !1, menuShouldScrollIntoView: !1, menuPortalTarget: Xe, menuPosition: _t ?? (Xe ? "fixed" : "absolute"), onChange: ke, classNamePrefix: wt ?? "phone-number-suggestions", placeholder: "", formatOptionLabel: Ve, noOptionsMessage: kt ?? (() => ie.noMatches) }) }) }),
-    rt
+    }, onMouseDown: (e) => e.preventDefault(), children: /* @__PURE__ */ x.jsx(At.Provider, { value: gt, children: /* @__PURE__ */ x.jsx(vt, { ...it, menuIsOpen: F, options: i, value: null, components: mt, styles: dt, isClearable: !1, isSearchable: !1, backspaceRemovesValue: !1, tabSelectsValue: !1, menuShouldScrollIntoView: !1, menuPortalTarget: Le, menuPosition: at ?? (Le ? "fixed" : "absolute"), onChange: ve, classNamePrefix: ot ?? "phone-number-suggestions", placeholder: "", formatOptionLabel: xe, noOptionsMessage: st ?? (() => X.noMatches) }) }) }),
+    Ke
   ] });
 });
-mn.displayName = "PhoneNumberInput";
+Ht.displayName = "PhoneNumberInput";
 export {
-  mn as PhoneNumberInput
+  Ht as PhoneNumberInput
 };
 //# sourceMappingURL=index18.js.map