@alfadocs/ui-kit 1.79.0 → 1.81.0

package/dist/_chunks/{phone-input-C3NrD-nl.js → phone-input-DJ4BN8tG.js}

@@ -8,7 +8,7 @@ import { u as ot, f as rt } from "./non-modal-tab-exit-j3CPOuE3.js";
 import { R as at, _ as I } from "./index-4xgbg-sn.js";
 import { c as pe } from "./index-D2ZczOXr.js";
 import { useTranslation as it } from "react-i18next";
-import { getCountries as dt, parsePhoneNumberFromString as T, AsYouType as W, getCountryCallingCode as lt } from "libphonenumber-js/min";
+import { getCountries as dt, parsePhoneNumberFromString as V, AsYouType as W, getCountryCallingCode as lt } from "libphonenumber-js/min";
 import { u as ut, F as ct, a as pt } from "./form-field-context-DtiROUJV.js";
 import { c as ft } from "./compose-refs-C0k0tdqF.js";
 import { n as le } from "./normalize-diacritics-BNGbFNlJ.js";
@@ -257,10 +257,10 @@ const Et = Xe(
     disabled: b,
     readOnly: x,
     placeholder: Se,
-    popularCountries: V,
-    allowedCountries: D,
+    popularCountries: D,
+    allowedCountries: L,
     className: Ee,
-    id: L,
+    id: j,
     name: Y,
     nameFormat: ke = "national",
     required: Pe,
@@ -272,10 +272,10 @@ const Et = Xe(
       () => new Set(dt()),
       []
     ), p = v(() => {
-      if (!D || D.length === 0) return null;
-      const e = /* @__PURE__ */ new Set(), t = D.filter((n) => !h.has(n) || e.has(n) ? !1 : (e.add(n), !0));
+      if (!L || L.length === 0) return null;
+      const e = /* @__PURE__ */ new Set(), t = L.filter((n) => !h.has(n) || e.has(n) ? !1 : (e.add(n), !0));
       return t.length > 0 ? t : null;
-    }, [D, h]), Ve = p !== null && p.length === 1, J = v(() => {
+    }, [L, h]), Ve = p !== null && p.length === 1, J = v(() => {
       const e = Re(
         o,
         h,
@@ -284,7 +284,7 @@ const Et = Xe(
         p
       ), t = a ?? c;
       if (t) {
-        const n = T(t);
+        const n = V(t);
         return n != null && n.country ? !p || p.includes(n.country) ? {
           country: n.country,
           display: n.formatNational(),
@@ -298,11 +298,11 @@ const Et = Xe(
         } : { country: e, display: t, pinned: !1 };
       }
       return { country: e, display: "", pinned: !1 };
-    }, []), [l, j] = G(J.country), [Q, g] = G(
+    }, []), [l, A] = G(J.country), [Q, g] = G(
       J.display
-    ), [X, A] = G(!1), [De, fe] = G(""), me = a !== void 0, ee = y(""), B = y(null), $ = y(J.pinned), P = y(null), Le = ft(Te, P), je = st(P, Q), he = y(null), ge = y(null);
+    ), [X, B] = G(!1), [De, fe] = G(""), me = a !== void 0, ee = y(""), $ = y(null), H = y(J.pinned), P = y(null), Le = ft(Te, P), je = st(P, Q), he = y(null), ge = y(null);
     de(() => {
-      if ($.current) return;
+      if (H.current) return;
       const e = Re(
         o,
         h,
@@ -310,7 +310,7 @@ const Et = Xe(
         E.language,
         p
       );
-      j((t) => t === e ? t : e);
+      A((t) => t === e ? t : e);
     }, [
       E.language,
       o,
@@ -325,18 +325,18 @@ const Et = Xe(
         g("");
         return;
       }
-      const t = T(e);
-      t != null && t.country && (!p || p.includes(t.country)) ? ($.current = !0, j(t.country), g(t.formatNational())) : g(t ? t.formatNational() : e);
+      const t = V(e);
+      t != null && t.country && (!p || p.includes(t.country)) ? (H.current = !0, A(t.country), g(t.formatNational())) : g(t ? t.formatNational() : e);
     }, [a, me, p]), nt(() => {
-      if (B.current == null) return;
-      const e = B.current;
-      B.current = null;
+      if ($.current == null) return;
+      const e = $.current;
+      $.current = null;
       const t = P.current;
       t && document.activeElement === t && t.setSelectionRange(e, e);
     });
     const N = U(
       (e, t) => {
-        const n = T(e, t), u = (n == null ? void 0 : n.number) ?? "";
+        const n = V(e, t), u = (n == null ? void 0 : n.number) ?? "";
         ee.current = u, i == null || i(u, {
           country: t,
           isValid: (n == null ? void 0 : n.isValid()) ?? !1,
@@ -345,9 +345,9 @@ const Et = Xe(
         });
       },
       [i]
-    ), Ae = pt(R, L), Be = L ?? (k ? Ae : void 0), te = (k ? R.disabled : !1) || !!b, $e = (k ? R.required : !1) || !!Pe, ve = k ? R.invalid : !1, He = ve ? "error" : C, Ke = k && R.describedBy ? R.describedBy : void 0, Me = Se ?? z("inputs.phone.placeholder", "Phone number"), H = y(Z);
-    H.current = Z;
-    const ne = y(!1), K = y(!1), M = U(
+    ), Ae = pt(R, j), Be = j ?? (k ? Ae : void 0), te = (k ? R.disabled : !1) || !!b, $e = (k ? R.required : !1) || !!Pe, ve = k ? R.invalid : !1, He = ve ? "error" : C, Ke = k && R.describedBy ? R.describedBy : void 0, Me = Se ?? z("inputs.phone.placeholder", "Phone number"), K = y(Z);
+    K.current = Z;
+    const ne = y(!1), M = y(!1), _ = U(
       (e) => {
         var t, n;
         return e instanceof Node && !!((t = he.current) != null && t.contains(e) || (n = ge.current) != null && n.contains(e));
@@ -355,31 +355,31 @@ const Et = Xe(
       []
     ), se = U(() => {
       var e;
-      ne.current && (ne.current = !1, (e = H.current) == null || e.call(H));
+      ne.current && (ne.current = !1, (e = K.current) == null || e.call(K));
     }, []), _e = () => {
       ne.current = !0;
     }, qe = (e) => {
       const t = e.relatedTarget;
-      M(t) || t === null && K.current || se();
+      _(t) || t === null && M.current || se();
     }, ye = Z !== void 0;
     de(() => {
       if (!ye) return;
       let e;
       const t = (u) => {
-        K.current = M(u.target), !K.current && (e = window.setTimeout(() => {
-          M(document.activeElement) || se();
+        M.current = _(u.target), !M.current && (e = window.setTimeout(() => {
+          _(document.activeElement) || se();
         }, 0));
       }, n = () => {
-        K.current = !1;
+        M.current = !1;
       };
       return document.addEventListener("pointerdown", t, !0), document.addEventListener("pointerup", n, !0), document.addEventListener("pointercancel", n, !0), () => {
         window.clearTimeout(e), document.removeEventListener("pointerdown", t, !0), document.removeEventListener("pointerup", n, !0), document.removeEventListener("pointercancel", n, !0);
       };
-    }, [ye, M, se]);
-    const oe = ke === "e164" && Y !== void 0, Ge = oe ? ((Ne = T(Q, l)) == null ? void 0 : Ne.number) ?? "" : "", Ue = (e) => {
+    }, [ye, _, se]);
+    const oe = ke === "e164" && Y !== void 0, Ge = oe ? ((Ne = V(Q, l)) == null ? void 0 : Ne.number) ?? "" : "", Ue = (e) => {
       if (je(), x) return;
       const t = e.target, n = t.value, u = t.selectionStart ?? n.length, S = zt(n, u), ie = new W(l).input(n);
-      B.current = Rt(ie, S), g(ie), N(ie, l);
+      $.current = Rt(ie, S), g(ie), N(ie, l);
     }, be = ee, Oe = v(
       () => ({
         getValue: () => be.current,
@@ -388,9 +388,9 @@ const Et = Xe(
             g(""), N("", l);
             return;
           }
-          const t = T(e);
+          const t = V(e);
           if (t != null && t.country)
-            $.current = !0, j(t.country), g(t.formatNational()), N(t.formatNational(), t.country);
+            H.current = !0, A(t.country), g(t.formatNational()), N(t.formatNational(), t.country);
           else {
             const u = new W(l).input(e);
             g(u), N(u, l);
@@ -406,17 +406,17 @@ const Et = Xe(
       }),
       [l, N, be]
     );
-    tt(gt, Oe, L);
+    tt(gt, Oe, j);
     const We = ot(!0, {
       getAnchor: rt,
-      onReturnToTrigger: () => A(!1)
+      onReturnToTrigger: () => B(!1)
     }), Ye = (e) => {
       if (e === l) {
-        A(!1);
+        B(!1);
         return;
       }
       const t = Q.replace(/\D/g, ""), n = new W(e), u = t ? n.input(t) : "";
-      $.current = !0, j(e), g(u), A(!1), fe(""), N(u, e), requestAnimationFrame(() => {
+      H.current = !0, A(e), g(u), B(!1), fe(""), N(u, e), requestAnimationFrame(() => {
         var S;
         (S = P.current) == null || S.focus();
       });
@@ -427,19 +427,19 @@ const Et = Xe(
       ),
       [E.language, h, p]
     ), F = v(() => {
-      if (!V || V.length === 0) return [];
+      if (!D || D.length === 0) return [];
       const e = new Map(w.map((t) => [t.code, t]));
-      return V.filter((t) => h.has(t)).map((t) => e.get(t)).filter((t) => !!t);
-    }, [V, w, h]), re = v(
+      return D.filter((t) => h.has(t)).map((t) => e.get(t)).filter((t) => !!t);
+    }, [D, w, h]), re = v(
       () => new Set(F.map((e) => e.code)),
       [F]
     ), Ze = v(
       () => re.size > 0 ? w.filter((e) => !re.has(e.code)) : w,
       [w, re]
-    ), _ = v(
+    ), q = v(
       () => w.find((e) => e.code === l),
       [w, l]
-    ), ae = _ ? _.dialCode : "", Ce = _ ? _.name : l, q = z("inputs.phone.countryPickerLabel", "Country"), Je = `${q}: ${Ce}, +${ae}`, Qe = U(
+    ), ae = q ? q.dialCode : "", Ce = q ? q.name : l, T = z("inputs.phone.countryPickerLabel", "Country"), Je = `${T}: ${Ce}, +${ae}`, Qe = U(
       (e, t, n) => {
         const u = le(e), S = le(t), we = n == null ? void 0 : n.map(le);
         return at(
@@ -478,7 +478,7 @@ const Et = Xe(
         onFocus: _e,
         onBlur: qe,
         "data-component": "phone-input",
-        "data-component-id": L,
+        "data-component-id": j,
         "data-slot": "phone-input",
         "data-read-only": x ? "" : void 0,
         className: vt({
@@ -493,7 +493,7 @@ const Et = Xe(
               "data-slot": "phone-country-fixed",
               className: `${Ie({ size: d })} ds:cursor-default ds:hover:bg-transparent`,
               children: [
-                /* @__PURE__ */ r("span", { className: "ds:sr-only", children: `${q}: ${Ce}` }),
+                /* @__PURE__ */ r("span", { className: "ds:sr-only", children: `${T}: ${Ce}` }),
                 /* @__PURE__ */ r(ue, { country: l, size: ce[d] }),
                 /* @__PURE__ */ m("bdi", { dir: "ltr", className: "ds:tabular-nums", children: [
                   "+",
@@ -501,7 +501,7 @@ const Et = Xe(
                 ] })
               ]
             }
-          ) : /* @__PURE__ */ m(O.Root, { open: X, onOpenChange: A, children: [
+          ) : /* @__PURE__ */ m(O.Root, { open: X, onOpenChange: B, children: [
             /* @__PURE__ */ r(O.Trigger, { asChild: !0, children: /* @__PURE__ */ m(
               "button",
               {
@@ -539,7 +539,7 @@ const Et = Xe(
                 onKeyDown: We,
                 sideOffset: 6,
                 align: "start",
-                "aria-label": q,
+                "aria-label": T,
                 className: bt,
                 children: /* @__PURE__ */ m(
                   I,
@@ -547,7 +547,7 @@ const Et = Xe(
                     filter: Qe,
                     shouldFilter: !0,
                     loop: !0,
-                    label: q,
+                    label: T,
                     children: [
                       /* @__PURE__ */ r(
                         I.Input,
@@ -572,23 +572,30 @@ const Et = Xe(
                           )
                         }
                       ),
-                      /* @__PURE__ */ m(I.List, { className: xt, children: [
-                        /* @__PURE__ */ r(I.Empty, { className: wt, children: z("inputs.phone.noCountryFound", "No country found") }),
-                        F.length > 0 ? /* @__PURE__ */ r(
-                          I.Group,
-                          {
-                            heading: /* @__PURE__ */ r("span", { className: ze, children: z("inputs.phone.popularCountries", "Popular") }),
-                            children: F.map(xe)
-                          }
-                        ) : null,
-                        /* @__PURE__ */ r(
-                          I.Group,
-                          {
-                            heading: F.length > 0 ? /* @__PURE__ */ r("span", { className: ze, children: z("inputs.phone.allCountries", "All countries") }) : void 0,
-                            children: Ze.map(xe)
-                          }
-                        )
-                      ] })
+                      /* @__PURE__ */ m(
+                        I.List,
+                        {
+                          label: T,
+                          className: xt,
+                          children: [
+                            /* @__PURE__ */ r(I.Empty, { className: wt, children: z("inputs.phone.noCountryFound", "No country found") }),
+                            F.length > 0 ? /* @__PURE__ */ r(
+                              I.Group,
+                              {
+                                heading: /* @__PURE__ */ r("span", { className: ze, children: z("inputs.phone.popularCountries", "Popular") }),
+                                children: F.map(xe)
+                              }
+                            ) : null,
+                            /* @__PURE__ */ r(
+                              I.Group,
+                              {
+                                heading: F.length > 0 ? /* @__PURE__ */ r("span", { className: ze, children: z("inputs.phone.allCountries", "All countries") }) : void 0,
+                                children: Ze.map(xe)
+                              }
+                            )
+                          ]
+                        }
+                      )
                     ]
                   }
                 )
@@ -636,4 +643,4 @@ export {
   Ie as c,
   vt as p
 };
-//# sourceMappingURL=phone-input-C3NrD-nl.js.map
+//# sourceMappingURL=phone-input-DJ4BN8tG.js.map