@snmt-react-ui/country-select 2.6.6 → 2.6.8

package/dist/country-select.js

@@ -5,7 +5,7 @@ import "./index.css";
 import { jsx as o, Fragment as Y, jsxs as C } from "react/jsx-runtime";
 import { SNMTUiContext as ue } from "@snmt-react-ui/core";
 import { Select as Ce, Flex as pe, Avatar as fe, Checkbox as we, Typography as J1, Tag as me, Popover as ke } from "antd";
-import { createContext as e1, forwardRef as m1, useState as V, useRef as l1, useEffect as A, useCallback as j, useContext as J } from "react";
+import { createContext as e1, forwardRef as m1, useState as V, useRef as l1, useEffect as A, useCallback as D, useContext as J } from "react";
 var Le = Object.defineProperty, ve = (i, e, t) => e in i ? Le(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t, Ne = (i, e, t) => ve(i, e + "", t), xe = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function Re() {
   if (console && console.warn) {
@@ -99,12 +99,12 @@ class Be {
     });
   }
 }
-const Ze = (i, e) => {
+const je = (i, e) => {
   const t = l1();
   return A(() => {
     t.current = i;
   }, [i, e]), t.current;
-}, Q1 = (i, e, t, s) => i.getFixedT(e, t, s), je = (i, e, t, s) => j(Q1(i, e, t, s), [i, e, t, s]), De = function(i) {
+}, Q1 = (i, e, t, s) => i.getFixedT(e, t, s), Ze = (i, e, t, s) => D(Q1(i, e, t, s), [i, e, t, s]), De = function(i) {
   let e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
   const {
     i18n: t
@@ -128,10 +128,10 @@ const Ze = (i, e) => {
   } = c;
   let g = i;
   g = U(g) ? [g] : g || ["translation"], r.reportNamespaces.addUsedNamespaces && r.reportNamespaces.addUsedNamespaces(g);
-  const l = (r.isInitialized || r.initializedStoreOnce) && g.every((f) => ye(f, r, c)), h = je(r, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), u = () => h, p = () => Q1(r, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), [m, R] = V(u);
+  const l = (r.isInitialized || r.initializedStoreOnce) && g.every((f) => ye(f, r, c)), h = Ze(r, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), u = () => h, p = () => Q1(r, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), [m, R] = V(u);
   let w = g.join();
   e.lng && (w = `${e.lng}${w}`);
-  const E = Ze(w), M = l1(!0);
+  const E = je(w), M = l1(!0);
   A(() => {
     const {
       bindI18n: f,
@@ -151,8 +151,8 @@ const Ze = (i, e) => {
   }, [r, w]), A(() => {
     M.current && l && R(u);
   }, [r, d, l]);
-  const H = [m, r, l];
-  if (H.t = m, H.i18n = r, H.ready = l, l || !l && !a) return H;
+  const _ = [m, r, l];
+  if (_.t = m, _.i18n = r, _.ready = l, l || !l && !a) return _;
   throw new Promise((f) => {
     e.lng ? V1(r, e.lng, g, () => f()) : S1(r, g, () => f());
   });
@@ -192,7 +192,7 @@ const Ze = (i, e) => {
     }
   );
 };
-var P = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_1 = "var(--grey-light-1)", i.GREY_LIGHT_2 = "var(--grey-light-2)", i.GREY_LIGHT_3 = "var(--grey-light-3)", i.GREY_LIGHT_4 = "var(--grey-light-4)", i.GREY_DARK_1 = "var(--grey-dark-1)", i.GREY_DARK_2 = "var(--grey-dark-2)", i.GREY_DARK_3 = "var(--grey-dark-3)", i.GREY_DARK_4 = "var(--grey-dark-4)", i.GREY_DARK_5 = "var(--grey-dark-5)", i.BLUE_PRIMARY = "var(--blue-primary)", i.BLUE_HOVER = "var(--blue-hover)", i.BLUE_LIGHT_1 = "var(--blue-light-1)", i.BLUE_LIGHT_2 = "var(--blue-light-2)", i.BLUE_LIGHT_3 = "var(--blue-light-3)", i.BLUE_LIGHT_4 = "var(--blue-light-4)", i.BLUE_DARK_1 = "var(--blue-dark-1)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_DARK = "var(--purple-dark)", i.NOTIFICATION_WARNING_LIGHT = "var(--notification-warning-light)", i.NOTIFICATION_WARNING_DARK = "var(--notification-warning-dark)", i.NOTIFICATION_SUCCESS_LIGHT = "var(--notification-success-light)", i.NOTIFICATION_SUCCESS_DARK = "var(--notification-success-dark)", i.NOTIFICATION_ERROR_LIGHT = "var(--notification-error-light)", i.NOTIFICATION_ERROR_DARK = "var(--notification-error-dark)", i.NOTIFICATION_ERROR_DARK_MODE = "var(--notification-error-dark-mode)", i))(P || {});
+var Z = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_1 = "var(--grey-light-1)", i.GREY_LIGHT_2 = "var(--grey-light-2)", i.GREY_LIGHT_3 = "var(--grey-light-3)", i.GREY_LIGHT_4 = "var(--grey-light-4)", i.GREY_DARK_1 = "var(--grey-dark-1)", i.GREY_DARK_2 = "var(--grey-dark-2)", i.GREY_DARK_3 = "var(--grey-dark-3)", i.GREY_DARK_4 = "var(--grey-dark-4)", i.GREY_DARK_5 = "var(--grey-dark-5)", i.BLUE_PRIMARY = "var(--blue-primary)", i.BLUE_HOVER = "var(--blue-hover)", i.BLUE_LIGHT_1 = "var(--blue-light-1)", i.BLUE_LIGHT_2 = "var(--blue-light-2)", i.BLUE_LIGHT_3 = "var(--blue-light-3)", i.BLUE_LIGHT_4 = "var(--blue-light-4)", i.BLUE_DARK_1 = "var(--blue-dark-1)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_DARK = "var(--purple-dark)", i.NOTIFICATION_WARNING_LIGHT = "var(--notification-warning-light)", i.NOTIFICATION_WARNING_DARK = "var(--notification-warning-dark)", i.NOTIFICATION_SUCCESS_LIGHT = "var(--notification-success-light)", i.NOTIFICATION_SUCCESS_DARK = "var(--notification-success-dark)", i.NOTIFICATION_ERROR_LIGHT = "var(--notification-error-light)", i.NOTIFICATION_ERROR_DARK = "var(--notification-error-dark)", i.NOTIFICATION_ERROR_DARK_MODE = "var(--notification-error-dark-mode)", i))(Z || {});
 const E1 = e1({
   locale: "en",
   theme: "light"
@@ -1977,7 +1977,7 @@ const Ke = ({
       )
     ]
   }
-), Zt = ({
+), jt = ({
   className: i,
   color: e = y.GREY_DARK_5,
   height: t = 24,
@@ -2003,7 +2003,7 @@ const Ke = ({
       }
     )
   }
-), jt = ({
+), Zt = ({
   className: i,
   color: e = y.GREY_DARK_5,
   height: t = 24,
@@ -2889,9 +2889,9 @@ const Ke = ({
       case "warning":
         return Bt({ width: e, height: t, color: l, className: a, onClick: h });
       case "back":
-        return Zt({ width: e, height: t, color: l, className: a, onClick: h });
-      case "bell":
         return jt({ width: e, height: t, color: l, className: a, onClick: h });
+      case "bell":
+        return Zt({ width: e, height: t, color: l, className: a, onClick: h });
       case "contract":
         return Wt({ width: e, height: t, color: l, className: a, onClick: h });
       case "trash2":
@@ -4064,7 +4064,7 @@ const l2 = ({
       }
     )
   }
-), Z2 = ({
+), j2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#F2F2F7",
@@ -4093,7 +4093,7 @@ const l2 = ({
       )
     ]
   }
-), j2 = ({
+), Z2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#004ED7",
@@ -5589,7 +5589,7 @@ const l2 = ({
           onClick: h
         });
       case "expandArrowIcon":
-        return Z2({
+        return j2({
           width: e,
           height: t,
           color: l,
@@ -5597,7 +5597,7 @@ const l2 = ({
           onClick: h
         });
       case "expandActiveArrowIcon":
-        return j2({
+        return Z2({
           width: e,
           height: t,
           color: l,
@@ -5870,49 +5870,49 @@ const Ii = ({
     extraOptions: w,
     dropdownRender: E,
     optionRender: M,
-    isLoading: H,
+    isLoading: _,
     readOnly: f,
     error: x
   }, L) => {
-    const [v, B] = V(!1), [W, t1] = V(!1), [$, h1] = V(!0), [I, G] = V(i), F = l1(null);
+    const [v, B] = V(!1), [G, t1] = V(!1), [$, h1] = V(!0), [I, K] = V(i), F = l1(null);
     A(() => {
-      G(i);
+      K(i);
     }, [i]);
     const q = (N) => {
       B(N), u && u(N);
-    }, c1 = (N, _) => {
-      var Z;
-      return !!((Z = _ == null ? void 0 : _.label) != null && Z.toString().toLowerCase().includes(N.toLowerCase()));
+    }, c1 = (N, H) => {
+      var j;
+      return !!((j = H == null ? void 0 : H.label) != null && j.toString().toLowerCase().includes(N.toLowerCase()));
     }, S = () => {
       t1(!0);
-    }, K = () => {
+    }, P = () => {
       t1(!1);
-    }, T = j(
+    }, T = D(
       (N) => {
-        if (G(N), s) {
-          const Z = N;
-          e == null || e(Z);
+        if (K(N), s) {
+          const j = N;
+          e == null || e(j);
           return;
         }
-        const _ = N;
-        e == null || e(_);
+        const H = N;
+        e == null || e(H);
       },
       [s, e]
-    ), d1 = j(() => {
-      if (!f) {
+    ), d1 = D(() => {
+      if (!(f || a)) {
         if (s) {
           T([]);
           return;
         }
         T("");
       }
-    }, [T, s, f]), g1 = j(
+    }, [a, T, s, f]), g1 = D(
       (N) => {
-        const _ = I.filter((Z) => Z !== N);
-        T(_), G(_);
+        const H = I.filter((j) => j !== N);
+        T(H), K(H);
       },
       [T, I]
-    ), H1 = j(
+    ), H1 = D(
       (N) => (I == null ? void 0 : I.indexOf(N)) === 0 ? (
         // if the search input is empty
         // then display the placeholder, else do not display it
@@ -5922,25 +5922,25 @@ const Ii = ({
     ), ae = (N) => {
       N.preventDefault(), N.stopPropagation();
     }, le = async (N) => {
-      const { target: _ } = N;
-      _.scrollTop + _.offsetHeight >= _.scrollHeight - l && (p == null || p(!0)), m && await m(N);
-    }, L1 = j(
+      const { target: H } = N;
+      H.scrollTop + H.offsetHeight >= H.scrollHeight - l && (p == null || p(!0)), m && await m(N);
+    }, L1 = D(
       (N) => {
-        var _, Z;
-        return ((_ = r.find((v1) => v1.value === N)) == null ? void 0 : _.label) || ((Z = w == null ? void 0 : w.find(
+        var H, j;
+        return ((H = r.find((v1) => v1.value === N)) == null ? void 0 : H.label) || ((j = w == null ? void 0 : w.find(
           (v1) => v1.value === N
-        )) == null ? void 0 : Z.label) || N;
+        )) == null ? void 0 : j.label) || N;
       },
       [w, r]
-    ), he = j(
+    ), he = D(
       (N) => {
-        var _;
+        var H;
         return /* @__PURE__ */ o(
           Ii,
           {
             values: N,
             onTagClose: g1,
-            maxWidth: ((_ = F.current) == null ? void 0 : _.clientWidth) || 0,
+            maxWidth: ((H = F.current) == null ? void 0 : H.clientWidth) || 0,
             disabled: a,
             closable: !f,
             options: r,
@@ -5949,15 +5949,15 @@ const Ii = ({
         );
       },
       [a, w, g1, r, f]
-    ), ce = j(
-      ({ label: N, value: _, mode: Z }) => Z === "filter" ? H1(_) : /* @__PURE__ */ o("div", { onMouseDown: ae, className: "tag-wrapper", children: /* @__PURE__ */ o(te, { onClose: () => g1(_), disabled: a, children: typeof N == "object" ? N : L1(_) }) }),
+    ), ce = D(
+      ({ label: N, value: H, mode: j }) => j === "filter" ? H1(H) : /* @__PURE__ */ o("div", { onMouseDown: ae, className: "tag-wrapper", children: /* @__PURE__ */ o(te, { onClose: () => g1(H), disabled: a, children: typeof N == "object" ? N : L1(H) }) }),
       [a, L1, g1, H1]
     ), _1 = Array.isArray(I) && I.length > 0 || !!I && typeof I == "string" && I.trim() !== "";
     return /* @__PURE__ */ C("div", { className: "snmt-select-container", children: [
       /* @__PURE__ */ C(
         "div",
         {
-          className: `snmt-select-1-15-6 ${W ? "snmt-select-focused" : ""}
+          className: `snmt-select-1-15-6 ${G ? "snmt-select-focused" : ""}
                         ${s ? "" : "snmt-select-single"} ${f ? "snmt-select-read-only" : ""}`,
           ref: F,
           style: { width: c },
@@ -5974,11 +5974,14 @@ const Ii = ({
                 onDropdownVisibleChange: q,
                 disabled: a,
                 value: I || void 0,
-                labelRender: (N) => L1(N.value),
+                labelRender: (N) => {
+                  const H = L1(N.value);
+                  return a ? /* @__PURE__ */ o("span", { style: { color: Z.GREY_DARK_2 }, children: H }) : H;
+                },
                 mode: s === "filter" ? "multiple" : s,
                 onChange: T,
                 onFocus: S,
-                onBlur: K,
+                onBlur: P,
                 onSearch: (N) => {
                   h1(!N), h && h(N);
                 },
@@ -5988,26 +5991,35 @@ const Ii = ({
                 maxTagCount: "responsive",
                 maxTagPlaceholder: he,
                 onPopupScroll: le,
-                prefix: H && /* @__PURE__ */ o(A1, { size: 15 }),
+                prefix: _ && /* @__PURE__ */ o(A1, { size: 15 }),
                 suffixIcon: /* @__PURE__ */ o("div", { className: "wrapper-suffix-icon", children: s !== "filter" && /* @__PURE__ */ C(Y, { children: [
-                  I && !!I.length && (s || g) && /* @__PURE__ */ o("div", { onClick: d1, children: /* @__PURE__ */ o(
-                    i1,
+                  I && !!I.length && (s || g) && /* @__PURE__ */ o(
+                    "div",
                     {
-                      name: "cancel",
-                      color: a ? P.GREY_DARK_1 : P.GREY_DARK_5
+                      onClick: d1,
+                      style: {
+                        cursor: a ? "not-allowed" : "pointer"
+                      },
+                      children: /* @__PURE__ */ o(
+                        i1,
+                        {
+                          name: "cancel",
+                          color: a ? Z.GREY_DARK_1 : Z.GREY_DARK_5
+                        }
+                      )
                     }
-                  ) }),
+                  ),
                   /* @__PURE__ */ o(
                     i1,
                     {
                       name: "selectArrowIcon",
-                      color: a ? P.GREY_DARK_1 : P.GREY_DARK_5,
+                      color: a ? Z.GREY_DARK_1 : Z.GREY_DARK_5,
                       className: v ? "select-arrow-rotated" : "select-arrow",
                       onClick: () => B(!v)
                     }
                   )
                 ] }) }),
-                removeIcon: /* @__PURE__ */ o(i1, { name: "errorSmall", color: P.GREY_DARK_2 }),
+                removeIcon: /* @__PURE__ */ o(i1, { name: "errorSmall", color: Z.GREY_DARK_2 }),
                 options: r,
                 optionRender: (N) => M ? M(N.data) : /* @__PURE__ */ C(n1, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
                   /* @__PURE__ */ C(n1, { alignItems: "center", gap: 12, children: [
@@ -6026,7 +6038,7 @@ const Ii = ({
                     i1,
                     {
                       name: "ok",
-                      color: P.BLUE_PRIMARY,
+                      color: Z.BLUE_PRIMARY,
                       width: 16,
                       height: 16
                     }
@@ -6034,7 +6046,7 @@ const Ii = ({
                 ] }),
                 dropdownRender: (N) => /* @__PURE__ */ C("div", { className: "dropdown-container", children: [
                   /* @__PURE__ */ o("div", { className: "dropdown-menu", children: E ? E(N) : N }),
-                  H && /* @__PURE__ */ o("div", { className: "loading-overlay", children: /* @__PURE__ */ o(A1, { size: 28 }) })
+                  _ && /* @__PURE__ */ o("div", { className: "loading-overlay", children: /* @__PURE__ */ o(A1, { size: 28 }) })
                 ] })
               }
             ),
@@ -6042,14 +6054,14 @@ const Ii = ({
               /* @__PURE__ */ o(
                 "label",
                 {
-                  className: `${W || _1 ? "label-floating" : ""} ${a ? "label-disabled" : ""} ${W ? "label-focused" : ""} ${H ? "label-loading" : ""} ${x ? "label-error" : ""}`,
+                  className: `${G || _1 ? "label-floating" : ""} ${a ? "label-disabled" : ""} ${G ? "label-focused" : ""} ${_ ? "label-loading" : ""} ${x ? "label-error" : ""}`,
                   children: d ? `${t}*` : t
                 }
               ),
               /* @__PURE__ */ o(
                 "fieldset",
                 {
-                  className: `${W ? "fieldset-focused" : ""} ${a ? "fieldset-disabled" : ""} ${_1 ? "fieldset-filled" : ""} ${x ? "fieldset-error" : ""}`,
+                  className: `${G ? "fieldset-focused" : ""} ${a ? "fieldset-disabled" : ""} ${_1 ? "fieldset-filled" : ""} ${x ? "fieldset-error" : ""}`,
                   children: /* @__PURE__ */ o("legend", { children: /* @__PURE__ */ o("span", { children: d ? `${t}*` : t }) })
                 }
               )
@@ -6058,8 +6070,8 @@ const Ii = ({
         }
       ),
       x && /* @__PURE__ */ C(n1, { justifyContent: "flex-start", gap: 6, children: [
-        /* @__PURE__ */ o(i1, { name: "attention", color: P.NOTIFICATION_ERROR_DARK }),
-        typeof x == "string" ? /* @__PURE__ */ o(Ei, { color: P.NOTIFICATION_ERROR_DARK, variant: "body4", children: x }) : x
+        /* @__PURE__ */ o(i1, { name: "attention", color: Z.NOTIFICATION_ERROR_DARK }),
+        typeof x == "string" ? /* @__PURE__ */ o(Ei, { color: Z.NOTIFICATION_ERROR_DARK, variant: "body4", children: x }) : x
       ] })
     ] });
   }
@@ -6073,19 +6085,19 @@ const Ii = ({
   i.forEach((s) => {
     e[s] && (t[s] = e[s]);
   });
-}, Vi = /###/g, B1 = (i) => i && i.indexOf("###") > -1 ? i.replace(Vi, ".") : i, Z1 = (i) => !i || k(i), r1 = (i, e, t) => {
+}, Vi = /###/g, B1 = (i) => i && i.indexOf("###") > -1 ? i.replace(Vi, ".") : i, j1 = (i) => !i || k(i), r1 = (i, e, t) => {
   const s = k(e) ? e.split(".") : e;
   let n = 0;
   for (; n < s.length - 1; ) {
-    if (Z1(i)) return {};
+    if (j1(i)) return {};
     const r = B1(s[n]);
     !i[r] && t && (i[r] = new t()), Object.prototype.hasOwnProperty.call(i, r) ? i = i[r] : i = {}, ++n;
   }
-  return Z1(i) ? {} : {
+  return j1(i) ? {} : {
     obj: i,
     k: B1(s[n])
   };
-}, j1 = (i, e, t) => {
+}, Z1 = (i, e, t) => {
   const {
     obj: s,
     k: n
@@ -6127,8 +6139,8 @@ var Bi = {
   "'": "&#39;",
   "/": "&#x2F;"
 };
-const Zi = (i) => k(i) ? i.replace(/[&<>"'\/]/g, (e) => Bi[e]) : i;
-class ji {
+const ji = (i) => k(i) ? i.replace(/[&<>"'\/]/g, (e) => Bi[e]) : i;
+class Zi {
   constructor(e) {
     this.capacity = e, this.regExpMap = /* @__PURE__ */ new Map(), this.regExpQueue = [];
   }
@@ -6140,7 +6152,7 @@ class ji {
     return this.regExpQueue.length === this.capacity && this.regExpMap.delete(this.regExpQueue.shift()), this.regExpMap.set(e, s), this.regExpQueue.push(e), s;
   }
 }
-const Di = [" ", ",", "?", "!", ";"], Wi = new ji(20), Gi = (i, e, t) => {
+const Di = [" ", ",", "?", "!", ";"], Wi = new Zi(20), Gi = (i, e, t) => {
   e = e || "", t = t || "";
   const s = Di.filter((c) => e.indexOf(c) < 0 && t.indexOf(c) < 0);
   if (s.length === 0) return !0;
@@ -6228,7 +6240,7 @@ class f1 {
     return e = e || this.options, e.prefix = e.prefix || this.prefix, new f1(this.logger, e);
   }
 }
-var D = new f1();
+var W = new f1();
 class k1 {
   constructor() {
     this.observers = {};
@@ -6292,7 +6304,7 @@ class D1 extends k1 {
     };
     const c = r.keySeparator !== void 0 ? r.keySeparator : this.options.keySeparator;
     let a = [e, t];
-    s && (a = a.concat(c ? s.split(c) : s)), e.indexOf(".") > -1 && (a = e.split("."), n = t, t = a[1]), this.addNamespaces(t), j1(this.data, a, n), r.silent || this.emit("added", e, t, s, n);
+    s && (a = a.concat(c ? s.split(c) : s)), e.indexOf(".") > -1 && (a = e.split("."), n = t, t = a[1]), this.addNamespaces(t), Z1(this.data, a, n), r.silent || this.emit("added", e, t, s, n);
   }
   addResources(e, t, s) {
     let n = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : {
@@ -6314,7 +6326,7 @@ class D1 extends k1 {
     c.skipCopy || (s = JSON.parse(JSON.stringify(s))), n ? ie(d, s, r) : d = {
       ...d,
       ...s
-    }, j1(this.data, a, d), c.silent || this.emit("added", e, t, s);
+    }, Z1(this.data, a, d), c.silent || this.emit("added", e, t, s);
   }
   removeResourceBundle(e, t) {
     this.hasResourceBundle(e, t) && delete this.data[e][t], this.removeNamespaces(t), this.emit("removed", e, t);
@@ -6353,7 +6365,7 @@ const W1 = {};
 class w1 extends k1 {
   constructor(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    super(), Si(["resourceStore", "languageUtils", "pluralResolver", "interpolator", "backendConnector", "i18nFormat", "utils"], e, this), this.options = t, this.options.keySeparator === void 0 && (this.options.keySeparator = "."), this.logger = D.create("translator");
+    super(), Si(["resourceStore", "languageUtils", "pluralResolver", "interpolator", "backendConnector", "i18nFormat", "utils"], e, this), this.options = t, this.options.keySeparator === void 0 && (this.options.keySeparator = "."), this.logger = W.create("translator");
   }
   changeLanguage(e) {
     e && (this.language = e);
@@ -6420,8 +6432,8 @@ class w1 extends k1 {
     }
     const h = this.resolve(e, t);
     let u = h && h.res;
-    const p = h && h.usedKey || c, m = h && h.exactUsedKey || c, R = Object.prototype.toString.apply(u), w = ["[object Number]", "[object Function]", "[object RegExp]"], E = t.joinArrays !== void 0 ? t.joinArrays : this.options.joinArrays, M = !this.i18nFormat || this.i18nFormat.handleAsObject, H = !k(u) && typeof u != "boolean" && typeof u != "number";
-    if (M && u && H && w.indexOf(R) < 0 && !(k(E) && Array.isArray(u))) {
+    const p = h && h.usedKey || c, m = h && h.exactUsedKey || c, R = Object.prototype.toString.apply(u), w = ["[object Number]", "[object Function]", "[object RegExp]"], E = t.joinArrays !== void 0 ? t.joinArrays : this.options.joinArrays, M = !this.i18nFormat || this.i18nFormat.handleAsObject, _ = !k(u) && typeof u != "boolean" && typeof u != "number";
+    if (M && u && _ && w.indexOf(R) < 0 && !(k(E) && Array.isArray(u))) {
       if (!t.returnObjects && !this.options.returnObjects) {
         this.options.returnedObjectHandler || this.logger.warn("accessing an object - but returnObjects options is not enabled!");
         const f = this.options.returnedObjectHandler ? this.options.returnedObjectHandler(p, u, {
@@ -6447,13 +6459,13 @@ class w1 extends k1 {
       u = u.join(E), u && (u = this.extendTranslation(u, e, t, s));
     else {
       let f = !1, x = !1;
-      const L = t.count !== void 0 && !k(t.count), v = w1.hasDefaultValue(t), B = L ? this.pluralResolver.getSuffix(g, t.count, t) : "", W = t.ordinal && L ? this.pluralResolver.getSuffix(g, t.count, {
+      const L = t.count !== void 0 && !k(t.count), v = w1.hasDefaultValue(t), B = L ? this.pluralResolver.getSuffix(g, t.count, t) : "", G = t.ordinal && L ? this.pluralResolver.getSuffix(g, t.count, {
         ordinal: !1
-      }) : "", t1 = L && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), $ = t1 && t[`defaultValue${this.options.pluralSeparator}zero`] || t[`defaultValue${B}`] || t[`defaultValue${W}`] || t.defaultValue;
+      }) : "", t1 = L && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), $ = t1 && t[`defaultValue${this.options.pluralSeparator}zero`] || t[`defaultValue${B}`] || t[`defaultValue${G}`] || t.defaultValue;
       !this.isValidLookup(u) && v && (f = !0, u = $), this.isValidLookup(u) || (x = !0, u = c);
-      const I = (t.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey) && x ? void 0 : u, G = v && $ !== u && this.options.updateMissing;
-      if (x || f || G) {
-        if (this.logger.log(G ? "updateKey" : "missingKey", g, d, c, G ? $ : u), r) {
+      const I = (t.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey) && x ? void 0 : u, K = v && $ !== u && this.options.updateMissing;
+      if (x || f || K) {
+        if (this.logger.log(K ? "updateKey" : "missingKey", g, d, c, K ? $ : u), r) {
           const S = this.resolve(c, {
             ...t,
             keySeparator: !1
@@ -6466,13 +6478,13 @@ class w1 extends k1 {
           for (let S = 0; S < q.length; S++)
             F.push(q[S]);
         else this.options.saveMissingTo === "all" ? F = this.languageUtils.toResolveHierarchy(t.lng || this.language) : F.push(t.lng || this.language);
-        const c1 = (S, K, T) => {
+        const c1 = (S, P, T) => {
           const d1 = v && T !== u ? T : I;
-          this.options.missingKeyHandler ? this.options.missingKeyHandler(S, d, K, d1, G, t) : this.backendConnector && this.backendConnector.saveMissing && this.backendConnector.saveMissing(S, d, K, d1, G, t), this.emit("missingKey", S, d, K, u);
+          this.options.missingKeyHandler ? this.options.missingKeyHandler(S, d, P, d1, K, t) : this.backendConnector && this.backendConnector.saveMissing && this.backendConnector.saveMissing(S, d, P, d1, K, t), this.emit("missingKey", S, d, P, u);
         };
         this.options.saveMissing && (this.options.saveMissingPlurals && L ? F.forEach((S) => {
-          const K = this.pluralResolver.getSuffixes(S, t);
-          t1 && t[`defaultValue${this.options.pluralSeparator}zero`] && K.indexOf(`${this.options.pluralSeparator}zero`) < 0 && K.push(`${this.options.pluralSeparator}zero`), K.forEach((T) => {
+          const P = this.pluralResolver.getSuffixes(S, t);
+          t1 && t[`defaultValue${this.options.pluralSeparator}zero`] && P.indexOf(`${this.options.pluralSeparator}zero`) < 0 && P.push(`${this.options.pluralSeparator}zero`), P.forEach((T) => {
             c1([S], c + T, t[`defaultValue${T}`] || $);
           });
         }) : c1(F, c, $));
@@ -6552,9 +6564,9 @@ class w1 extends k1 {
               M.push(v), u && (M.push(v + f), t.ordinal && f.indexOf(L) === 0 && M.push(v + f.replace(L, this.options.pluralSeparator)), p && M.push(v + x));
             }
           }
-          let H;
-          for (; H = M.pop(); )
-            this.isValidLookup(s) || (r = H, s = this.getResource(E, w, H, t));
+          let _;
+          for (; _ = M.pop(); )
+            this.isValidLookup(s) || (r = _, s = this.getResource(E, w, _, t));
         }));
       });
     }), {
@@ -6599,7 +6611,7 @@ class w1 extends k1 {
 const N1 = (i) => i.charAt(0).toUpperCase() + i.slice(1);
 class G1 {
   constructor(e) {
-    this.options = e, this.supportedLngs = this.options.supportedLngs || !1, this.logger = D.create("languageUtils");
+    this.options = e, this.supportedLngs = this.options.supportedLngs || !1, this.logger = W.create("languageUtils");
   }
   getScriptPartFromCode(e) {
     if (e = p1(e), !e || e.indexOf("-") < 0) return null;
@@ -6799,7 +6811,7 @@ const Fi = ["v1", "v2", "v3"], Yi = ["v4"], K1 = {
 class zi {
   constructor(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    this.languageUtils = e, this.options = t, this.logger = D.create("pluralResolver"), (!this.options.compatibilityJSON || Yi.includes(this.options.compatibilityJSON)) && (typeof Intl > "u" || !Intl.PluralRules) && (this.options.compatibilityJSON = "v3", this.logger.error("Your environment seems not to be Intl API compatible, use an Intl.PluralRules polyfill. Will fallback to the compatibilityJSON v3 format handling.")), this.rules = Ui(), this.pluralRulesCache = {};
+    this.languageUtils = e, this.options = t, this.logger = W.create("pluralResolver"), (!this.options.compatibilityJSON || Yi.includes(this.options.compatibilityJSON)) && (typeof Intl > "u" || !Intl.PluralRules) && (this.options.compatibilityJSON = "v3", this.logger.error("Your environment seems not to be Intl API compatible, use an Intl.PluralRules polyfill. Will fallback to the compatibilityJSON v3 format handling.")), this.rules = Ui(), this.pluralRulesCache = {};
   }
   addRule(e, t) {
     this.rules[e] = t;
@@ -6867,7 +6879,7 @@ const P1 = function(i, e, t) {
 class Ji {
   constructor() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    this.logger = D.create("interpolator"), this.options = e, this.format = e.interpolation && e.interpolation.format || ((t) => t), this.init(e);
+    this.logger = W.create("interpolator"), this.options = e, this.format = e.interpolation && e.interpolation.format || ((t) => t), this.init(e);
   }
   init() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
@@ -6893,7 +6905,7 @@ class Ji {
       maxReplaces: E,
       alwaysFormat: M
     } = e.interpolation;
-    this.escape = t !== void 0 ? t : Zi, this.escapeValue = s !== void 0 ? s : !0, this.useRawValueToEscape = n !== void 0 ? n : !1, this.prefix = r ? Q(r) : c || "{{", this.suffix = a ? Q(a) : d || "}}", this.formatSeparator = g || ",", this.unescapePrefix = l ? "" : h || "-", this.unescapeSuffix = this.unescapePrefix ? "" : l || "", this.nestingPrefix = u ? Q(u) : p || Q("$t("), this.nestingSuffix = m ? Q(m) : R || Q(")"), this.nestingOptionsSeparator = w || ",", this.maxReplaces = E || 1e3, this.alwaysFormat = M !== void 0 ? M : !1, this.resetRegExp();
+    this.escape = t !== void 0 ? t : ji, this.escapeValue = s !== void 0 ? s : !0, this.useRawValueToEscape = n !== void 0 ? n : !1, this.prefix = r ? Q(r) : c || "{{", this.suffix = a ? Q(a) : d || "}}", this.formatSeparator = g || ",", this.unescapePrefix = l ? "" : h || "-", this.unescapeSuffix = this.unescapePrefix ? "" : l || "", this.nestingPrefix = u ? Q(u) : p || Q("$t("), this.nestingSuffix = m ? Q(m) : R || Q(")"), this.nestingOptionsSeparator = w || ",", this.maxReplaces = E || 1e3, this.alwaysFormat = M !== void 0 ? M : !1, this.resetRegExp();
   }
   reset() {
     this.options && this.init(this.options);
@@ -7022,7 +7034,7 @@ const qi = (i) => {
 class Qi {
   constructor() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    this.logger = D.create("formatter"), this.options = e, this.formats = {
+    this.logger = W.create("formatter"), this.options = e, this.formats = {
       number: X((t, s) => {
         const n = new Intl.NumberFormat(t, {
           ...s
@@ -7105,7 +7117,7 @@ const Xi = (i, e) => {
 class e5 extends k1 {
   constructor(e, t, s) {
     let n = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : {};
-    super(), this.backend = e, this.store = t, this.services = s, this.languageUtils = s.languageUtils, this.options = n, this.logger = D.create("backendConnector"), this.waitingReads = [], this.maxParallelReads = n.maxParallelReads || 10, this.readingCalls = 0, this.maxRetries = n.maxRetries >= 0 ? n.maxRetries : 5, this.retryTimeout = n.retryTimeout >= 1 ? n.retryTimeout : 350, this.state = {}, this.queue = [], this.backend && this.backend.init && this.backend.init(s, n.backend, n);
+    super(), this.backend = e, this.store = t, this.services = s, this.languageUtils = s.languageUtils, this.options = n, this.logger = W.create("backendConnector"), this.waitingReads = [], this.maxParallelReads = n.maxParallelReads || 10, this.readingCalls = 0, this.maxRetries = n.maxRetries >= 0 ? n.maxRetries : 5, this.retryTimeout = n.retryTimeout >= 1 ? n.retryTimeout : 350, this.state = {}, this.queue = [], this.backend && this.backend.init && this.backend.init(s, n.backend, n);
   }
   queueLoad(e, t, s, n) {
     const r = {}, c = {}, a = {}, d = {};
@@ -7302,7 +7314,7 @@ const $1 = () => ({
 class a1 extends k1 {
   constructor() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = arguments.length > 1 ? arguments[1] : void 0;
-    if (super(), this.options = F1(e), this.services = {}, this.logger = D, this.modules = {
+    if (super(), this.options = F1(e), this.services = {}, this.logger = W, this.modules = {
       external: []
     }, t5(this), t && !this.isInitialized && !e.isClone) {
       if (!this.options.initImmediate)
@@ -7327,13 +7339,13 @@ class a1 extends k1 {
     }), t.keySeparator !== void 0 && (this.options.userDefinedKeySeparator = t.keySeparator), t.nsSeparator !== void 0 && (this.options.userDefinedNsSeparator = t.nsSeparator);
     const r = (l) => l ? typeof l == "function" ? new l() : l : null;
     if (!this.options.isClone) {
-      this.modules.logger ? D.init(r(this.modules.logger), this.options) : D.init(null, this.options);
+      this.modules.logger ? W.init(r(this.modules.logger), this.options) : W.init(null, this.options);
       let l;
       this.modules.formatter ? l = this.modules.formatter : typeof Intl < "u" && (l = Qi);
       const h = new G1(this.options);
       this.store = new D1(this.options.resources, this.options);
       const u = this.services;
-      u.logger = D, u.resourceStore = this.store, u.languageUtils = h, u.pluralResolver = new zi(h, {
+      u.logger = W, u.resourceStore = this.store, u.languageUtils = h, u.pluralResolver = new zi(h, {
         prepend: this.options.pluralSeparator,
         compatibilityJSON: this.options.compatibilityJSON,
         simplifyPluralSuffix: this.options.simplifyPluralSuffix
@@ -7664,7 +7676,7 @@ const w5 = (i, e) => {
   return A(() => {
     t.current = i;
   }, [i, e]), t.current;
-}, re = (i, e, t, s) => i.getFixedT(e, t, s), m5 = (i, e, t, s) => j(re(i, e, t, s), [i, e, t, s]), k5 = function(i) {
+}, re = (i, e, t, s) => i.getFixedT(e, t, s), m5 = (i, e, t, s) => D(re(i, e, t, s), [i, e, t, s]), k5 = function(i) {
   let e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
   const {
     i18n: t
@@ -7711,8 +7723,8 @@ const w5 = (i, e) => {
   }, [r, w]), A(() => {
     M.current && l && R(u);
   }, [r, d, l]);
-  const H = [m, r, l];
-  if (H.t = m, H.i18n = r, H.ready = l, l || !l && !a) return H;
+  const _ = [m, r, l];
+  if (_.t = m, _.i18n = r, _.ready = l, l || !l && !a) return _;
   throw new Promise((f) => {
     e.lng ? z1(r, e.lng, g, () => f()) : U1(r, g, () => f());
   });
@@ -7752,7 +7764,7 @@ const I5 = m1(
         `CountrySelect requires "axiosPeople" to fetch counties. 
                 Please provide it via SNMTUiContext.`
       );
-    const { t: H } = k5("common", { lng: E }), f = j(async () => {
+    const { t: _ } = k5("common", { lng: E }), f = D(async () => {
       w(!0);
       try {
         const L = await M.post("v1/countries/search");
@@ -7771,9 +7783,9 @@ const I5 = m1(
           (B) => B.name.includes(L)
         );
         if (v.length) {
-          const B = v.map((W) => ({
-            label: W.name,
-            value: W.name
+          const B = v.map((G) => ({
+            label: G.name,
+            value: G.name
           }));
           s(B[0].value);
         }
@@ -7793,7 +7805,7 @@ const I5 = m1(
       {
         id: r,
         width: i,
-        placeholder: H("placeholder"),
+        placeholder: _("placeholder"),
         value: n,
         ref: l,
         onChange: x,

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@snmt-react-ui/country-select",
     "private": false,
-    "version": "2.6.6",
+    "version": "2.6.8",
     "type": "module",
     "main": "dist/country-select.js",
     "types": "dist/index.d.ts",
@@ -18,7 +18,7 @@
         "build": "tsc && vite build"
     },
     "dependencies": {
-        "@snmt-react-ui/city-select": "^2.6.6",
+        "@snmt-react-ui/city-select": "^2.6.8",
         "@snmt-react-ui/core": "^2.2.0",
         "@snmt-react-ui/flex": "^1.5.1",
         "i18next": "^23.11.5",
@@ -27,5 +27,5 @@
     "peerDependencies": {
         "antd": "^5.18.3"
     },
-    "gitHead": "1292201e0621ef8c1a3c5d7eceac56fe68213648"
+    "gitHead": "80d3cbe0d67b94370191b14fa1618cdf126ece68"
 }