@snmt-react-ui/user-select 2.5.11 → 2.6.0

package/dist/user-select.js

@@ -3,7 +3,7 @@ var ue = (i, e, t) => e in i ? ge(i, e, { enumerable: !0, configurable: !0, writ
 var V1 = (i, e, t) => ue(i, typeof e != "symbol" ? e + "" : e, t);
 import "./index.css";
 import { jsx as o, Fragment as n1, jsxs as u } from "react/jsx-runtime";
-import { createContext as o1, forwardRef as k1, useState as j, useRef as X, useEffect as P, useCallback as D, useImperativeHandle as Ce, useContext as e1 } from "react";
+import { createContext as o1, forwardRef as k1, useState as j, useRef as X, useEffect as K, useCallback as T, useImperativeHandle as Ce, useContext as e1 } from "react";
 import { Select as pe, Flex as fe, Avatar as we, Checkbox as me, Typography as ke, Tag as Le, Popover as ve } from "antd";
 import { SNMTUiContext as Ne } from "@snmt-react-ui/core";
 var xe = Object.defineProperty, Re = (i, e, t) => e in i ? xe(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t, Me = (i, e, t) => Re(i, e + "", t), ye = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
@@ -41,9 +41,9 @@ const q1 = (i, e) => () => {
   let t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
   const s = e.languages[0], n = e.options ? e.options.fallbackLng : !1, a = e.languages[e.languages.length - 1];
   if (s.toLowerCase() === "cimode") return !0;
-  const c = (r, g) => {
-    const d = e.services.backendConnector.state[`${r}|${g}`];
-    return d === -1 || d === 2;
+  const c = (r, d) => {
+    const g = e.services.backendConnector.state[`${r}|${d}`];
+    return g === -1 || g === 2;
   };
   return t.bindI18n && t.bindI18n.indexOf("languageChanging") > -1 && e.services.backendConnector.backend && e.isLanguageChangingTo && !c(e.isLanguageChangingTo, i) ? !1 : !!(e.hasResourceBundle(s, i) || !e.services.backendConnector.backend || e.options.resources && !e.options.partialBundledLanguages || c(s, i) && (!n || c(a, i)));
 }, _e = function(i, e) {
@@ -101,10 +101,10 @@ class De {
 }
 const Te = (i, e) => {
   const t = X();
-  return P(() => {
+  return K(() => {
     t.current = i;
   }, [i, e]), t.current;
-}, X1 = (i, e, t, s) => i.getFixedT(e, t, s), Ge = (i, e, t, s) => D(X1(i, e, t, s), [i, e, t, s]), Ke = function(i) {
+}, X1 = (i, e, t, s) => i.getFixedT(e, t, s), Ge = (i, e, t, s) => T(X1(i, e, t, s), [i, e, t, s]), Ke = function(i) {
   let e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
   const {
     i18n: t
@@ -114,7 +114,7 @@ const Te = (i, e) => {
   } = e1(je) || {}, a = t || s || We();
   if (a && !a.reportNamespaces && (a.reportNamespaces = new De()), !a) {
     M1("You will need to pass in an i18next instance by using initReactI18next");
-    const f = (m, w) => Q(w) ? w : He(w) && Q(w.defaultValue) ? w.defaultValue : Array.isArray(m) ? m[m.length - 1] : m, R = [f, {}, !1];
+    const f = (b, w) => Q(w) ? w : He(w) && Q(w.defaultValue) ? w.defaultValue : Array.isArray(b) ? b[b.length - 1] : b, R = [f, {}, !1];
     return R.t = f, R.i18n = {}, R.ready = !1, R;
   }
   a.options.react && a.options.react.wait !== void 0 && M1("It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");
@@ -124,37 +124,37 @@ const Te = (i, e) => {
     ...e
   }, {
     useSuspense: r,
-    keyPrefix: g
+    keyPrefix: d
   } = c;
-  let d = i;
-  d = Q(d) ? [d] : d || ["translation"], a.reportNamespaces.addUsedNamespaces && a.reportNamespaces.addUsedNamespaces(d);
-  const l = (a.isInitialized || a.initializedStoreOnce) && d.every((f) => _e(f, a, c)), h = Ge(a, e.lng || null, c.nsMode === "fallback" ? d : d[0], g), C = () => h, p = () => X1(a, e.lng || null, c.nsMode === "fallback" ? d : d[0], g), [L, N] = j(C);
-  let k = d.join();
-  e.lng && (k = `${e.lng}${k}`);
-  const E = Te(k), b = X(!0);
-  P(() => {
+  let g = i;
+  g = Q(g) ? [g] : g || ["translation"], a.reportNamespaces.addUsedNamespaces && a.reportNamespaces.addUsedNamespaces(g);
+  const l = (a.isInitialized || a.initializedStoreOnce) && g.every((f) => _e(f, a, c)), h = Ge(a, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), C = () => h, p = () => X1(a, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), [k, N] = j(C);
+  let m = g.join();
+  e.lng && (m = `${e.lng}${m}`);
+  const E = Te(m), x = X(!0);
+  K(() => {
     const {
       bindI18n: f,
       bindI18nStore: R
     } = c;
-    b.current = !0, !l && !r && (e.lng ? O1(a, e.lng, d, () => {
-      b.current && N(p);
-    }) : S1(a, d, () => {
-      b.current && N(p);
-    })), l && E && E !== k && b.current && N(p);
-    const m = () => {
-      b.current && N(p);
+    x.current = !0, !l && !r && (e.lng ? O1(a, e.lng, g, () => {
+      x.current && N(p);
+    }) : S1(a, g, () => {
+      x.current && N(p);
+    })), l && E && E !== m && x.current && N(p);
+    const b = () => {
+      x.current && N(p);
     };
-    return f && a && a.on(f, m), R && a && a.store.on(R, m), () => {
-      b.current = !1, f && a && f.split(" ").forEach((w) => a.off(w, m)), R && a && R.split(" ").forEach((w) => a.store.off(w, m));
+    return f && a && a.on(f, b), R && a && a.store.on(R, b), () => {
+      x.current = !1, f && a && f.split(" ").forEach((w) => a.off(w, b)), R && a && R.split(" ").forEach((w) => a.store.off(w, b));
     };
-  }, [a, k]), P(() => {
-    b.current && l && N(C);
-  }, [a, g, l]);
-  const _ = [L, a, l];
-  if (_.t = L, _.i18n = a, _.ready = l, l || !l && !r) return _;
+  }, [a, m]), K(() => {
+    x.current && l && N(C);
+  }, [a, d, l]);
+  const _ = [k, a, l];
+  if (_.t = k, _.i18n = a, _.ready = l, l || !l && !r) return _;
   throw new Promise((f) => {
-    e.lng ? O1(a, e.lng, d, () => f()) : S1(a, d, () => f());
+    e.lng ? O1(a, e.lng, g, () => f()) : S1(a, g, () => f());
   });
 }, u1 = ({
   children: i,
@@ -206,9 +206,9 @@ const $e = ({
   disabled: n = !1,
   disableUncheck: a = !1
 }) => {
-  const [c, r] = j(i), [g, d] = j(e);
-  P(() => {
-    r(i), d(e);
+  const [c, r] = j(i), [d, g] = j(e);
+  K(() => {
+    r(i), g(e);
   }, [i, e]);
   const { theme: l } = e1(_1);
   return /* @__PURE__ */ o(
@@ -216,9 +216,9 @@ const $e = ({
     {
       className: `snmt-checkbox snmt-checkbox-${l}`,
       checked: c,
-      indeterminate: g,
+      indeterminate: d,
       onChange: (h) => {
-        a && c || (d(!1), r(h.target.checked), s && s(h));
+        a && c || (g(!1), r(h.target.checked), s && s(h));
       },
       disabled: n,
       children: t
@@ -3283,13 +3283,13 @@ const Fe = ({
   disabled: a = !1,
   onClick: c
 }) => {
-  const [r, g] = j(n), { theme: d } = e1(ee), l = a ? d && d === "dark" ? M.GREY_LIGHT_4 : M.GREY_DARK_1 : s, h = a ? void 0 : c;
-  return P(() => {
+  const [r, d] = j(n), { theme: g } = e1(ee), l = a ? g && g === "dark" ? M.GREY_LIGHT_4 : M.GREY_DARK_1 : s, h = a ? void 0 : c;
+  return K(() => {
     if (n) {
-      h && !a && g(`${n} clickable`);
+      h && !a && d(`${n} clickable`);
       return;
     }
-    h && !a && g("clickable");
+    h && !a && d("clickable");
   }, [h, n, a]), /* @__PURE__ */ o(n1, { children: (() => {
     switch (i) {
       case "nextIcon":
@@ -3551,12 +3551,12 @@ const Fe = ({
     collapsed: a,
     whiteSpace: c = "normal"
   }, r) => {
-    const g = e === "h1" || e === "h2" || e === "h3" || e === "h4";
-    let d = `snmt-typography snmt-typography-${e}`;
-    return i && i !== "inherit" && (d += ` snmt-typography-align-${i}`), a && (d += " collapsed"), g ? /* @__PURE__ */ o(
+    const d = e === "h1" || e === "h2" || e === "h3" || e === "h4";
+    let g = `snmt-typography snmt-typography-${e}`;
+    return i && i !== "inherit" && (g += ` snmt-typography-align-${i}`), a && (g += " collapsed"), d ? /* @__PURE__ */ o(
       N2,
       {
-        className: d,
+        className: g,
         style: { color: t, whiteSpace: c },
         onClick: n,
         level: R2[e],
@@ -3566,7 +3566,7 @@ const Fe = ({
     ) : /* @__PURE__ */ o(
       x2,
       {
-        className: d,
+        className: g,
         style: { color: t, whiteSpace: c },
         onClick: n,
         ref: r,
@@ -6633,13 +6633,13 @@ const y2 = ({
   disabled: a = !1,
   onClick: c
 }) => {
-  const [r, g] = j(n), { theme: d } = e1(te), l = a ? d && d === "dark" ? y.GREY_LIGHT_4 : y.GREY_DARK_1 : s, h = a ? void 0 : c;
-  return P(() => {
+  const [r, d] = j(n), { theme: g } = e1(te), l = a ? g && g === "dark" ? y.GREY_LIGHT_4 : y.GREY_DARK_1 : s, h = a ? void 0 : c;
+  return K(() => {
     if (n) {
-      h && !a && g(`${n} clickable`);
+      h && !a && d(`${n} clickable`);
       return;
     }
-    h && !a && g("clickable");
+    h && !a && d("clickable");
   }, [h, n, a]), /* @__PURE__ */ o(n1, { children: (() => {
     switch (i) {
       case "nextIcon":
@@ -6949,8 +6949,8 @@ const ie = ({
       trigger: "click",
       overlayClassName: `snmt-popover ${a ? "" : "padding"}`,
       open: t ?? c,
-      onOpenChange: (g) => {
-        r(g), s == null || s(g);
+      onOpenChange: (d) => {
+        r(d), s == null || s(d);
       },
       children: /* @__PURE__ */ o("div", { className: "wrapper", children: i })
     }
@@ -6976,14 +6976,14 @@ const r3 = ({
   options: a,
   extraOptions: c
 }) => {
-  const { locale: r } = e1(_1), { t: g } = Ke("common", { lng: r }), [d, l] = j(!1);
-  if (P(() => {
+  const { locale: r } = e1(_1), { t: d } = Ke("common", { lng: r }), [g, l] = j(!1);
+  if (K(() => {
     i.length || l(!1);
   }, [i]), !i.length)
     return null;
   const h = (C) => {
-    var p, L;
-    return ((p = a == null ? void 0 : a.find((N) => N.value === C)) == null ? void 0 : p.label) || ((L = c == null ? void 0 : c.find((N) => N.value === C)) == null ? void 0 : L.label) || C;
+    var p, k;
+    return ((p = a == null ? void 0 : a.find((N) => N.value === C)) == null ? void 0 : p.label) || ((k = c == null ? void 0 : c.find((N) => N.value === C)) == null ? void 0 : k.label) || C;
   };
   return /* @__PURE__ */ u(
     n3,
@@ -7002,12 +7002,12 @@ const r3 = ({
         )) }) })
       ),
       placement: "bottomRight",
-      isOpen: d,
+      isOpen: g,
       setIsOpen: l,
       children: [
         i.length,
         " ",
-        g("more")
+        d("more")
       ]
     }
   );
@@ -7029,105 +7029,105 @@ const r3 = ({
     options: a,
     width: c,
     disabled: r = !1,
-    required: g = !1,
-    clearable: d = !1,
+    required: d = !1,
+    clearable: g = !1,
     scrollThresholdValue: l = 50,
     onSearchChange: h,
     onDropdownVisibleChange: C,
     onScrollToEnd: p,
-    onPopupScroll: L,
+    onPopupScroll: k,
     id: N,
-    extraOptions: k,
+    extraOptions: m,
     dropdownRender: E,
-    optionRender: b,
+    optionRender: x,
     isLoading: _,
     readOnly: f
   }, R) => {
-    const [m, w] = j(!1), [Z, W] = j(!1), [O, V] = j(!0), [I, G] = j(i), K = X(null);
-    P(() => {
-      G(i);
+    const [b, w] = j(!1), [I, Z] = j(!1), [D, S] = j(!0), [H, P] = j(i), A = X(null);
+    K(() => {
+      P(i);
     }, [i]);
-    const H = (x) => {
-      w(x), C && C(x);
-    }, Y = (x, S) => {
-      var $;
-      return !!(($ = S == null ? void 0 : S.label) != null && $.toString().toLowerCase().includes(x.toLowerCase()));
+    const V = (v) => {
+      w(v), C && C(v);
+    }, $ = (v, O) => {
+      var F;
+      return !!((F = O == null ? void 0 : O.label) != null && F.toString().toLowerCase().includes(v.toLowerCase()));
     }, t1 = () => {
-      W(!0);
-    }, B = () => {
-      W(!1);
-    }, A = D(
-      (x) => {
-        if (G(x), s) {
-          const $ = x;
-          e == null || e($);
+      Z(!0);
+    }, W = () => {
+      Z(!1);
+    }, B = T(
+      (v) => {
+        if (P(v), s) {
+          const F = v;
+          e == null || e(F);
           return;
         }
-        const S = x;
-        e == null || e(S);
+        const O = v;
+        e == null || e(O);
       },
       [s, e]
-    ), U = D(() => {
+    ), U = T(() => {
       if (!f) {
         if (s) {
-          A([]);
+          B([]);
           return;
         }
-        A("");
+        B("");
       }
-    }, [A, s, f]), z = D(
-      (x) => {
-        const S = I.filter(($) => $ !== x);
-        A(S), G(S);
+    }, [B, s, f]), z = T(
+      (v) => {
+        const O = H.filter((F) => F !== v);
+        B(O), P(O);
       },
-      [A, I]
-    ), H1 = D(
-      (x) => (I == null ? void 0 : I.indexOf(x)) === 0 ? (
+      [B, H]
+    ), H1 = T(
+      (v) => (H == null ? void 0 : H.indexOf(v)) === 0 ? (
         // if the search input is empty
         // then display the placeholder, else do not display it
-        /* @__PURE__ */ o("span", { className: "custom-placeholder", children: O ? t : "" })
+        /* @__PURE__ */ o("span", { className: "custom-placeholder", children: D ? t : "" })
       ) : /* @__PURE__ */ o(n1, {}),
-      [O, I, t]
-    ), le = (x) => {
-      x.preventDefault(), x.stopPropagation();
-    }, he = async (x) => {
-      const { target: S } = x;
-      S.scrollTop + S.offsetHeight >= S.scrollHeight - l && (p == null || p(!0)), L && await L(x);
-    }, v1 = D(
-      (x) => {
-        var S, $;
-        return ((S = a.find((N1) => N1.value === x)) == null ? void 0 : S.label) || (($ = k == null ? void 0 : k.find(
-          (N1) => N1.value === x
-        )) == null ? void 0 : $.label) || x;
+      [D, H, t]
+    ), le = (v) => {
+      v.preventDefault(), v.stopPropagation();
+    }, he = async (v) => {
+      const { target: O } = v;
+      O.scrollTop + O.offsetHeight >= O.scrollHeight - l && (p == null || p(!0)), k && await k(v);
+    }, v1 = T(
+      (v) => {
+        var O, F;
+        return ((O = a.find((N1) => N1.value === v)) == null ? void 0 : O.label) || ((F = m == null ? void 0 : m.find(
+          (N1) => N1.value === v
+        )) == null ? void 0 : F.label) || v;
       },
-      [k, a]
-    ), ce = D(
-      (x) => {
-        var S;
+      [m, a]
+    ), ce = T(
+      (v) => {
+        var O;
         return /* @__PURE__ */ o(
           r3,
           {
-            values: x,
+            values: v,
             onTagClose: z,
-            maxWidth: ((S = K.current) == null ? void 0 : S.clientWidth) || 0,
+            maxWidth: ((O = A.current) == null ? void 0 : O.clientWidth) || 0,
             disabled: r,
             closable: !f,
             options: a,
-            extraOptions: k
+            extraOptions: m
           }
         );
       },
-      [r, k, z, a, f]
-    ), de = D(
-      ({ label: x, value: S, mode: $ }) => $ === "filter" ? H1(S) : /* @__PURE__ */ o("div", { onMouseDown: le, className: "tag-wrapper", children: /* @__PURE__ */ o(ie, { onClose: () => z(S), disabled: r, children: typeof x == "object" ? x : v1(S) }) }),
+      [r, m, z, a, f]
+    ), de = T(
+      ({ label: v, value: O, mode: F }) => F === "filter" ? H1(O) : /* @__PURE__ */ o("div", { onMouseDown: le, className: "tag-wrapper", children: /* @__PURE__ */ o(ie, { onClose: () => z(O), disabled: r, children: typeof v == "object" ? v : v1(O) }) }),
       [r, v1, z, H1]
     );
     return /* @__PURE__ */ u(
       "div",
       {
-        className: `snmt-select ${Z ? "snmt-select-focused" : ""} 
+        className: `snmt-select ${I ? "snmt-select-focused" : ""} 
                 ${s ? "" : "snmt-select-single"} ${f ? "snmt-select-read-only" : ""}`,
-        ref: K,
+        ref: A,
         style: { width: c },
         children: [
           /* @__PURE__ */ o(
@@ -7138,28 +7138,28 @@ const r3 = ({
               id: N,
               ref: R,
               showSearch: !!n,
-              filterOption: n && Y,
-              onDropdownVisibleChange: H,
-              placeholder: t ? g ? `${t}*` : t : void 0,
+              filterOption: n && $,
+              onDropdownVisibleChange: V,
+              placeholder: t ? d ? `${t}*` : t : void 0,
               disabled: r,
-              value: I || void 0,
-              labelRender: (x) => v1(x.value),
+              value: H || void 0,
+              labelRender: (v) => v1(v.value),
               mode: s === "filter" ? "multiple" : s,
-              onChange: A,
+              onChange: B,
               onFocus: t1,
-              onBlur: B,
-              onSearch: (x) => {
-                V(!x), h && h(x);
+              onBlur: W,
+              onSearch: (v) => {
+                S(!v), h && h(v);
               },
-              onSelect: () => V(!0),
-              onDeselect: () => V(!0),
-              tagRender: (x) => de({ ...x, mode: s }),
+              onSelect: () => S(!0),
+              onDeselect: () => S(!0),
+              tagRender: (v) => de({ ...v, mode: s }),
               maxTagCount: "responsive",
               maxTagPlaceholder: ce,
               onPopupScroll: he,
               prefix: _ && /* @__PURE__ */ o(A1, { size: 15 }),
               suffixIcon: /* @__PURE__ */ o("div", { className: "wrapper-suffix-icon", children: s !== "filter" && /* @__PURE__ */ u(n1, { children: [
-                I && !!I.length && (s || d) && /* @__PURE__ */ o("div", { onClick: U, children: /* @__PURE__ */ o(
+                H && !!H.length && (s || g) && /* @__PURE__ */ o("div", { onClick: U, children: /* @__PURE__ */ o(
                   d1,
                   {
                     name: "cancel",
@@ -7171,27 +7171,27 @@ const r3 = ({
                   {
                     name: "selectArrowIcon",
                     color: r ? J.GREY_DARK_1 : J.GREY_DARK_5,
-                    className: m ? "select-arrow-rotated" : "select-arrow",
-                    onClick: () => w(!m)
+                    className: b ? "select-arrow-rotated" : "select-arrow",
+                    onClick: () => w(!b)
                   }
                 )
               ] }) }),
               removeIcon: /* @__PURE__ */ o(d1, { name: "errorSmall", color: J.GREY_DARK_2 }),
               options: a,
-              optionRender: (x) => b ? b(x.data) : /* @__PURE__ */ u(u1, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
+              optionRender: (v) => x ? x(v.data) : /* @__PURE__ */ u(u1, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
                 /* @__PURE__ */ u(u1, { alignItems: "center", gap: 12, children: [
                   s && /* @__PURE__ */ o(
                     $e,
                     {
-                      checked: !!(I != null && I.includes(x.value))
+                      checked: !!(H != null && H.includes(v.value))
                     }
                   ),
                   /* @__PURE__ */ u(u1, { alignItems: "center", gap: 8, children: [
-                    x.data.image && /* @__PURE__ */ o(Pe, { src: x.data.image, size: 20 }),
-                    /* @__PURE__ */ o("span", { children: x.label })
+                    v.data.image && /* @__PURE__ */ o(Pe, { src: v.data.image, size: 20 }),
+                    /* @__PURE__ */ o("span", { children: v.label })
                   ] })
                 ] }),
-                !s && I === x.value && /* @__PURE__ */ o(
+                !s && H === v.value && /* @__PURE__ */ o(
                   d1,
                   {
                     name: "ok",
@@ -7211,17 +7211,17 @@ const r3 = ({
                   },
                   children: /* @__PURE__ */ o(A1, { size: 28 })
                 }
-              ) : (x) => E ? E(x) : x
+              ) : (v) => E ? E(v) : v
             }
           ),
           /* @__PURE__ */ o(
             "fieldset",
             {
-              className: `${Z ? "fieldset-focused" : ""}
+              className: `${I ? "fieldset-focused" : ""}
                      ${r ? "fieldset-disabled" : ""} 
                      ${typeof i == "string" && i ? "fieldset-filled" : ""} 
                      ${typeof i == "object" && i != null && i.length ? "fieldset-filled" : ""}`,
-              children: /* @__PURE__ */ o("legend", { children: t ? /* @__PURE__ */ o("span", { children: g ? `${t}*` : t }) : "" })
+              children: /* @__PURE__ */ o("legend", { children: t ? /* @__PURE__ */ o("span", { children: d ? `${t}*` : t }) : "" })
             }
           )
         ]
@@ -7231,7 +7231,7 @@ const r3 = ({
 );
 function a3(i, e = 500) {
   const t = X();
-  return P(() => () => {
+  return K(() => () => {
     t.current && clearTimeout(t.current);
   }, []), (...s) => {
     const n = setTimeout(() => {
@@ -7253,77 +7253,77 @@ const r1 = {
     disabled: a,
     scrollThresholdValue: c,
     placeholder: r,
-    mode: g,
-    loadOnClosedState: d,
+    mode: d,
+    loadOnClosedState: g,
     extraOptions: l,
     onDropdownVisibleChange: h,
     optionRender: C,
     dropdownRender: p,
-    readOnly: L,
+    readOnly: k,
     clearable: N
-  }, k) => {
-    const [E, b] = j([]), [_, f] = j(r1), [R, m] = j(!1), [w, Z] = j(null), W = D(
-      async (H = !1, Y) => {
+  }, m) => {
+    const [E, x] = j([]), [_, f] = j(r1), [R, b] = j(!1), [w, I] = j(null), Z = T(
+      async (V = !1, $) => {
         if (!R) {
-          m(!0);
+          b(!0);
           try {
-            const t1 = H ? { ...r1, search: Y } : _, B = await i(t1);
-            b(
-              (A) => H ? B.options : [...A, ...B.options]
-            ), Z(B.count), f((A) => ({
-              ...A,
-              offset: A.offset + A.limit
+            const t1 = V ? { ...r1, search: $ } : _, W = await i(t1);
+            x(
+              (B) => V ? W.options : [...B, ...W.options]
+            ), I(W.count), f((B) => ({
+              ...B,
+              offset: B.offset + B.limit
             }));
           } finally {
-            m(!1);
+            b(!1);
           }
         }
       },
       [_, i, R]
-    ), O = a3(W), V = D(
-      (H) => {
-        H === "" || H === void 0 || H === null ? (f(r1), O(!0)) : O(!0, H);
+    ), D = a3(Z), S = T(
+      (V) => {
+        V === "" || V === void 0 || V === null ? (f(r1), D(!0)) : D(!0, V);
       },
-      [O]
-    ), I = async (H) => {
-      H && w !== null && w > E.length && await W(!1);
-    }, G = D(
-      (H) => {
-        H && !d && (b([]), f(r1), W(!0)), h == null || h(H);
+      [D]
+    ), H = async (V) => {
+      V && w !== null && w > E.length && await Z(!1);
+    }, P = T(
+      (V) => {
+        V && !g && (x([]), f(r1), Z(!0)), h == null || h(V);
       },
       // eslint-disable-next-line
-      [d]
+      [g]
     );
-    P(() => {
-      d && W(!1);
+    K(() => {
+      g && Z(!1);
     }, []);
-    const K = {
+    const A = {
       id: n,
       width: e,
       options: E,
       onChange: t,
-      ref: k,
+      ref: m,
       placeholder: r,
       search: !0,
       value: s,
-      onSearchChange: V,
-      onDropdownVisibleChange: G,
+      onSearchChange: S,
+      onDropdownVisibleChange: P,
       scrollThresholdValue: c,
-      onScrollToEnd: I,
-      loadOnClosedState: d,
+      onScrollToEnd: H,
+      loadOnClosedState: g,
       disabled: a,
       extraOptions: l,
       isLoading: R,
       optionRender: C,
       dropdownRender: p,
-      readOnly: L,
+      readOnly: k,
       clearable: N
     };
-    return Ce(k, () => ({
+    return Ce(m, () => ({
       refetchOptions: async () => {
-        f(r1), await W(!0);
+        f(r1), await Z(!0);
       }
-    })), g ? /* @__PURE__ */ o(B1, { ...K, onChange: t, value: s, mode: g }) : /* @__PURE__ */ o("div", { className: "snmt-async-select", children: /* @__PURE__ */ o(B1, { ...K, onChange: t, value: s }) });
+    })), d ? /* @__PURE__ */ o(B1, { ...A, onChange: t, value: s, mode: d }) : /* @__PURE__ */ o("div", { className: "snmt-async-select", children: /* @__PURE__ */ o(B1, { ...A, onChange: t, value: s }) });
   }
 );
 var C1 = /* @__PURE__ */ ((i) => (i.ACTIVE = "Active", i.ARCHIVED = "Archived", i))(C1 || {});
@@ -7370,9 +7370,9 @@ const se = (i, e) => () => {
   let t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
   const s = e.languages[0], n = e.options ? e.options.fallbackLng : !1, a = e.languages[e.languages.length - 1];
   if (s.toLowerCase() === "cimode") return !0;
-  const c = (r, g) => {
-    const d = e.services.backendConnector.state[`${r}|${g}`];
-    return d === -1 || d === 2;
+  const c = (r, d) => {
+    const g = e.services.backendConnector.state[`${r}|${d}`];
+    return g === -1 || g === 2;
   };
   return t.bindI18n && t.bindI18n.indexOf("languageChanging") > -1 && e.services.backendConnector.backend && e.isLanguageChangingTo && !c(e.isLanguageChangingTo, i) ? !1 : !!(e.hasResourceBundle(s, i) || !e.services.backendConnector.backend || e.options.resources && !e.options.partialBundledLanguages || c(s, i) && (!n || c(a, i)));
 }, d3 = function(i, e) {
@@ -7444,10 +7444,10 @@ class x3 {
 }
 const R3 = (i, e) => {
   const t = X();
-  return P(() => {
+  return K(() => {
     t.current = i;
   }, [i, e]), t.current;
-}, oe = (i, e, t, s) => i.getFixedT(e, t, s), M3 = (i, e, t, s) => D(oe(i, e, t, s), [i, e, t, s]), y3 = function(i) {
+}, oe = (i, e, t, s) => i.getFixedT(e, t, s), M3 = (i, e, t, s) => T(oe(i, e, t, s), [i, e, t, s]), y3 = function(i) {
   let e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
   const {
     i18n: t
@@ -7457,7 +7457,7 @@ const R3 = (i, e) => {
   } = e1(N3) || {}, a = t || s || L3();
   if (a && !a.reportNamespaces && (a.reportNamespaces = new x3()), !a) {
     y1("You will need to pass in an i18next instance by using initReactI18next");
-    const f = (m, w) => q(w) ? w : g3(w) && q(w.defaultValue) ? w.defaultValue : Array.isArray(m) ? m[m.length - 1] : m, R = [f, {}, !1];
+    const f = (b, w) => q(w) ? w : g3(w) && q(w.defaultValue) ? w.defaultValue : Array.isArray(b) ? b[b.length - 1] : b, R = [f, {}, !1];
     return R.t = f, R.i18n = {}, R.ready = !1, R;
   }
   a.options.react && a.options.react.wait !== void 0 && y1("It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");
@@ -7467,39 +7467,39 @@ const R3 = (i, e) => {
     ...e
   }, {
     useSuspense: r,
-    keyPrefix: g
+    keyPrefix: d
   } = c;
-  let d = i;
-  d = q(d) ? [d] : d || ["translation"], a.reportNamespaces.addUsedNamespaces && a.reportNamespaces.addUsedNamespaces(d);
-  const l = (a.isInitialized || a.initializedStoreOnce) && d.every((f) => d3(f, a, c)), h = M3(a, e.lng || null, c.nsMode === "fallback" ? d : d[0], g), C = () => h, p = () => oe(a, e.lng || null, c.nsMode === "fallback" ? d : d[0], g), [L, N] = j(C);
-  let k = d.join();
-  e.lng && (k = `${e.lng}${k}`);
-  const E = R3(k), b = X(!0);
-  P(() => {
+  let g = i;
+  g = q(g) ? [g] : g || ["translation"], a.reportNamespaces.addUsedNamespaces && a.reportNamespaces.addUsedNamespaces(g);
+  const l = (a.isInitialized || a.initializedStoreOnce) && g.every((f) => d3(f, a, c)), h = M3(a, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), C = () => h, p = () => oe(a, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), [k, N] = j(C);
+  let m = g.join();
+  e.lng && (m = `${e.lng}${m}`);
+  const E = R3(m), x = X(!0);
+  K(() => {
     const {
       bindI18n: f,
       bindI18nStore: R
     } = c;
-    b.current = !0, !l && !r && (e.lng ? D1(a, e.lng, d, () => {
-      b.current && N(p);
-    }) : j1(a, d, () => {
-      b.current && N(p);
-    })), l && E && E !== k && b.current && N(p);
-    const m = () => {
-      b.current && N(p);
+    x.current = !0, !l && !r && (e.lng ? D1(a, e.lng, g, () => {
+      x.current && N(p);
+    }) : j1(a, g, () => {
+      x.current && N(p);
+    })), l && E && E !== m && x.current && N(p);
+    const b = () => {
+      x.current && N(p);
     };
-    return f && a && a.on(f, m), R && a && a.store.on(R, m), () => {
-      b.current = !1, f && a && f.split(" ").forEach((w) => a.off(w, m)), R && a && R.split(" ").forEach((w) => a.store.off(w, m));
+    return f && a && a.on(f, b), R && a && a.store.on(R, b), () => {
+      x.current = !1, f && a && f.split(" ").forEach((w) => a.off(w, b)), R && a && R.split(" ").forEach((w) => a.store.off(w, b));
     };
-  }, [a, k]), P(() => {
-    b.current && l && N(C);
-  }, [a, g, l]);
-  const _ = [L, a, l];
-  if (_.t = L, _.i18n = a, _.ready = l, l || !l && !r) return _;
+  }, [a, m]), K(() => {
+    x.current && l && N(C);
+  }, [a, d, l]);
+  const _ = [k, a, l];
+  if (_.t = k, _.i18n = a, _.ready = l, l || !l && !r) return _;
   throw new Promise((f) => {
-    e.lng ? D1(a, e.lng, d, () => f()) : j1(a, d, () => f());
+    e.lng ? D1(a, e.lng, g, () => f()) : j1(a, g, () => f());
   });
-}, v = (i) => typeof i == "string", a1 = () => {
+}, L = (i) => typeof i == "string", a1 = () => {
   let i, e;
   const t = new Promise((s, n) => {
     i = s, e = n;
@@ -7509,8 +7509,8 @@ const R3 = (i, e) => {
   i.forEach((s) => {
     e[s] && (t[s] = e[s]);
   });
-}, E3 = /###/g, G1 = (i) => i && i.indexOf("###") > -1 ? i.replace(E3, ".") : i, K1 = (i) => !i || v(i), h1 = (i, e, t) => {
-  const s = v(e) ? e.split(".") : e;
+}, E3 = /###/g, G1 = (i) => i && i.indexOf("###") > -1 ? i.replace(E3, ".") : i, K1 = (i) => !i || L(i), h1 = (i, e, t) => {
+  const s = L(e) ? e.split(".") : e;
   let n = 0;
   for (; n < s.length - 1; ) {
     if (K1(i)) return {};
@@ -7552,7 +7552,7 @@ const R3 = (i, e) => {
   return s !== void 0 ? s : p1(e, t);
 }, re = (i, e, t) => {
   for (const s in e)
-    s !== "__proto__" && s !== "constructor" && (s in i ? v(i[s]) || i[s] instanceof String || v(e[s]) || e[s] instanceof String ? t && (i[s] = e[s]) : re(i[s], e[s], t) : i[s] = e[s]);
+    s !== "__proto__" && s !== "constructor" && (s in i ? L(i[s]) || i[s] instanceof String || L(e[s]) || e[s] instanceof String ? t && (i[s] = e[s]) : re(i[s], e[s], t) : i[s] = e[s]);
   return i;
 }, i1 = (i) => i.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
 var V3 = {
@@ -7563,7 +7563,7 @@ var V3 = {
   "'": "&#39;",
   "/": "&#x2F;"
 };
-const I3 = (i) => v(i) ? i.replace(/[&<>"'\/]/g, (e) => V3[e]) : i;
+const I3 = (i) => L(i) ? i.replace(/[&<>"'\/]/g, (e) => V3[e]) : i;
 class S3 {
   constructor(e) {
     this.capacity = e, this.regExpMap = /* @__PURE__ */ new Map(), this.regExpQueue = [];
@@ -7597,11 +7597,11 @@ const O3 = [" ", ",", "?", "!", ";"], A3 = new S3(20), B3 = (i, e, t) => {
     if (!n || typeof n != "object")
       return;
     let c, r = "";
-    for (let g = a; g < s.length; ++g)
-      if (g !== a && (r += t), r += s[g], c = n[r], c !== void 0) {
-        if (["string", "number", "boolean"].indexOf(typeof c) > -1 && g < s.length - 1)
+    for (let d = a; d < s.length; ++d)
+      if (d !== a && (r += t), r += s[d], c = n[r], c !== void 0) {
+        if (["string", "number", "boolean"].indexOf(typeof c) > -1 && d < s.length - 1)
           continue;
-        a += g - a + 1;
+        a += d - a + 1;
         break;
       }
     n = c;
@@ -7652,7 +7652,7 @@ class w1 {
     return this.forward(t, "warn", "WARNING DEPRECATED: ", !0);
   }
   forward(e, t, s, n) {
-    return n && !this.debug ? null : (v(e[0]) && (e[0] = `${s}${this.prefix} ${e[0]}`), this.logger[t](e));
+    return n && !this.debug ? null : (L(e[0]) && (e[0] = `${s}${this.prefix} ${e[0]}`), this.logger[t](e));
   }
   create(e) {
     return new w1(this.logger, {
@@ -7664,7 +7664,7 @@ class w1 {
     return e = e || this.options, e.prefix = e.prefix || this.prefix, new w1(this.logger, e);
   }
 }
-var F = new w1();
+var Y = new w1();
 class L1 {
   constructor() {
     this.observers = {};
@@ -7689,12 +7689,12 @@ class L1 {
     for (var t = arguments.length, s = new Array(t > 1 ? t - 1 : 0), n = 1; n < t; n++)
       s[n - 1] = arguments[n];
     this.observers[e] && Array.from(this.observers[e].entries()).forEach((c) => {
-      let [r, g] = c;
-      for (let d = 0; d < g; d++)
+      let [r, d] = c;
+      for (let g = 0; g < d; g++)
         r(...s);
     }), this.observers["*"] && Array.from(this.observers["*"].entries()).forEach((c) => {
-      let [r, g] = c;
-      for (let d = 0; d < g; d++)
+      let [r, d] = c;
+      for (let g = 0; g < d; g++)
         r.apply(r, [e, ...s]);
     });
   }
@@ -7718,9 +7718,9 @@ class $1 extends L1 {
     let n = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : {};
     const a = n.keySeparator !== void 0 ? n.keySeparator : this.options.keySeparator, c = n.ignoreJSONStructure !== void 0 ? n.ignoreJSONStructure : this.options.ignoreJSONStructure;
     let r;
-    e.indexOf(".") > -1 ? r = e.split(".") : (r = [e, t], s && (Array.isArray(s) ? r.push(...s) : v(s) && a ? r.push(...s.split(a)) : r.push(s)));
-    const g = p1(this.data, r);
-    return !g && !t && !s && e.indexOf(".") > -1 && (e = r[0], t = r[1], s = r.slice(2).join(".")), g || !c || !v(s) ? g : E1(this.data && this.data[e] && this.data[e][t], s, a);
+    e.indexOf(".") > -1 ? r = e.split(".") : (r = [e, t], s && (Array.isArray(s) ? r.push(...s) : L(s) && a ? r.push(...s.split(a)) : r.push(s)));
+    const d = p1(this.data, r);
+    return !d && !t && !s && e.indexOf(".") > -1 && (e = r[0], t = r[1], s = r.slice(2).join(".")), d || !c || !L(s) ? d : E1(this.data && this.data[e] && this.data[e][t], s, a);
   }
   addResource(e, t, s, n) {
     let a = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : {
@@ -7735,7 +7735,7 @@ class $1 extends L1 {
       silent: !1
     };
     for (const a in s)
-      (v(s[a]) || Array.isArray(s[a])) && this.addResource(e, t, a, s[a], {
+      (L(s[a]) || Array.isArray(s[a])) && this.addResource(e, t, a, s[a], {
         silent: !0
       });
     n.silent || this.emit("added", e, t, s);
@@ -7746,11 +7746,11 @@ class $1 extends L1 {
       skipCopy: !1
     }, r = [e, t];
     e.indexOf(".") > -1 && (r = e.split("."), n = s, s = t, t = r[1]), this.addNamespaces(t);
-    let g = p1(this.data, r) || {};
-    c.skipCopy || (s = JSON.parse(JSON.stringify(s))), n ? re(g, s, a) : g = {
-      ...g,
+    let d = p1(this.data, r) || {};
+    c.skipCopy || (s = JSON.parse(JSON.stringify(s))), n ? re(d, s, a) : d = {
+      ...d,
       ...s
-    }, P1(this.data, r, g), c.silent || this.emit("added", e, t, s);
+    }, P1(this.data, r, 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);
@@ -7789,7 +7789,7 @@ const F1 = {};
 class m1 extends L1 {
   constructor(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    super(), b3(["resourceStore", "languageUtils", "pluralResolver", "interpolator", "backendConnector", "i18nFormat", "utils"], e, this), this.options = t, this.options.keySeparator === void 0 && (this.options.keySeparator = "."), this.logger = F.create("translator");
+    super(), b3(["resourceStore", "languageUtils", "pluralResolver", "interpolator", "backendConnector", "i18nFormat", "utils"], e, this), this.options = t, this.options.keySeparator === void 0 && (this.options.keySeparator = "."), this.logger = Y.create("translator");
   }
   changeLanguage(e) {
     e && (this.language = e);
@@ -7810,18 +7810,18 @@ class m1 extends L1 {
     let a = t.ns || this.options.defaultNS || [];
     const c = s && e.indexOf(s) > -1, r = !this.options.userDefinedKeySeparator && !t.keySeparator && !this.options.userDefinedNsSeparator && !t.nsSeparator && !B3(e, s, n);
     if (c && !r) {
-      const g = e.match(this.interpolator.nestingRegexp);
-      if (g && g.length > 0)
+      const d = e.match(this.interpolator.nestingRegexp);
+      if (d && d.length > 0)
         return {
           key: e,
-          namespaces: v(a) ? [a] : a
+          namespaces: L(a) ? [a] : a
         };
-      const d = e.split(s);
-      (s !== n || s === n && this.options.ns.indexOf(d[0]) > -1) && (a = d.shift()), e = d.join(n);
+      const g = e.split(s);
+      (s !== n || s === n && this.options.ns.indexOf(g[0]) > -1) && (a = g.shift()), e = g.join(n);
     }
     return {
       key: e,
-      namespaces: v(a) ? [a] : a
+      namespaces: L(a) ? [a] : a
     };
   }
   translate(e, t, s) {
@@ -7832,32 +7832,32 @@ class m1 extends L1 {
     const n = t.returnDetails !== void 0 ? t.returnDetails : this.options.returnDetails, a = t.keySeparator !== void 0 ? t.keySeparator : this.options.keySeparator, {
       key: c,
       namespaces: r
-    } = this.extractFromKey(e[e.length - 1], t), g = r[r.length - 1], d = t.lng || this.language, l = t.appendNamespaceToCIMode || this.options.appendNamespaceToCIMode;
-    if (d && d.toLowerCase() === "cimode") {
+    } = this.extractFromKey(e[e.length - 1], t), d = r[r.length - 1], g = t.lng || this.language, l = t.appendNamespaceToCIMode || this.options.appendNamespaceToCIMode;
+    if (g && g.toLowerCase() === "cimode") {
       if (l) {
         const f = t.nsSeparator || this.options.nsSeparator;
         return n ? {
-          res: `${g}${f}${c}`,
+          res: `${d}${f}${c}`,
           usedKey: c,
           exactUsedKey: c,
-          usedLng: d,
-          usedNS: g,
+          usedLng: g,
+          usedNS: d,
           usedParams: this.getUsedParamsDetails(t)
-        } : `${g}${f}${c}`;
+        } : `${d}${f}${c}`;
       }
       return n ? {
         res: c,
         usedKey: c,
         exactUsedKey: c,
-        usedLng: d,
-        usedNS: g,
+        usedLng: g,
+        usedNS: d,
         usedParams: this.getUsedParamsDetails(t)
       } : c;
     }
     const h = this.resolve(e, t);
     let C = h && h.res;
-    const p = h && h.usedKey || c, L = h && h.exactUsedKey || c, N = Object.prototype.toString.apply(C), k = ["[object Number]", "[object Function]", "[object RegExp]"], E = t.joinArrays !== void 0 ? t.joinArrays : this.options.joinArrays, b = !this.i18nFormat || this.i18nFormat.handleAsObject, _ = !v(C) && typeof C != "boolean" && typeof C != "number";
-    if (b && C && _ && k.indexOf(N) < 0 && !(v(E) && Array.isArray(C))) {
+    const p = h && h.usedKey || c, k = h && h.exactUsedKey || c, N = Object.prototype.toString.apply(C), m = ["[object Number]", "[object Function]", "[object RegExp]"], E = t.joinArrays !== void 0 ? t.joinArrays : this.options.joinArrays, x = !this.i18nFormat || this.i18nFormat.handleAsObject, _ = !L(C) && typeof C != "boolean" && typeof C != "number";
+    if (x && C && _ && m.indexOf(N) < 0 && !(L(E) && Array.isArray(C))) {
       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, C, {
@@ -7867,53 +7867,53 @@ class m1 extends L1 {
         return n ? (h.res = f, h.usedParams = this.getUsedParamsDetails(t), h) : f;
       }
       if (a) {
-        const f = Array.isArray(C), R = f ? [] : {}, m = f ? L : p;
+        const f = Array.isArray(C), R = f ? [] : {}, b = f ? k : p;
         for (const w in C)
           if (Object.prototype.hasOwnProperty.call(C, w)) {
-            const Z = `${m}${a}${w}`;
-            R[w] = this.translate(Z, {
+            const I = `${b}${a}${w}`;
+            R[w] = this.translate(I, {
               ...t,
               joinArrays: !1,
               ns: r
-            }), R[w] === Z && (R[w] = C[w]);
+            }), R[w] === I && (R[w] = C[w]);
           }
         C = R;
       }
-    } else if (b && v(E) && Array.isArray(C))
+    } else if (x && L(E) && Array.isArray(C))
       C = C.join(E), C && (C = this.extendTranslation(C, e, t, s));
     else {
       let f = !1, R = !1;
-      const m = t.count !== void 0 && !v(t.count), w = m1.hasDefaultValue(t), Z = m ? this.pluralResolver.getSuffix(d, t.count, t) : "", W = t.ordinal && m ? this.pluralResolver.getSuffix(d, t.count, {
+      const b = t.count !== void 0 && !L(t.count), w = m1.hasDefaultValue(t), I = b ? this.pluralResolver.getSuffix(g, t.count, t) : "", Z = t.ordinal && b ? this.pluralResolver.getSuffix(g, t.count, {
         ordinal: !1
-      }) : "", O = m && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), V = O && t[`defaultValue${this.options.pluralSeparator}zero`] || t[`defaultValue${Z}`] || t[`defaultValue${W}`] || t.defaultValue;
-      !this.isValidLookup(C) && w && (f = !0, C = V), this.isValidLookup(C) || (R = !0, C = c);
-      const G = (t.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey) && R ? void 0 : C, K = w && V !== C && this.options.updateMissing;
-      if (R || f || K) {
-        if (this.logger.log(K ? "updateKey" : "missingKey", d, g, c, K ? V : C), a) {
-          const B = this.resolve(c, {
+      }) : "", D = b && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), S = D && t[`defaultValue${this.options.pluralSeparator}zero`] || t[`defaultValue${I}`] || t[`defaultValue${Z}`] || t.defaultValue;
+      !this.isValidLookup(C) && w && (f = !0, C = S), this.isValidLookup(C) || (R = !0, C = c);
+      const P = (t.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey) && R ? void 0 : C, A = w && S !== C && this.options.updateMissing;
+      if (R || f || A) {
+        if (this.logger.log(A ? "updateKey" : "missingKey", g, d, c, A ? S : C), a) {
+          const W = this.resolve(c, {
             ...t,
             keySeparator: !1
           });
-          B && B.res && this.logger.warn("Seems the loaded translations were in flat JSON format instead of nested. Either set keySeparator: false on init or make sure your translations are published in nested format.");
-        }
-        let H = [];
-        const Y = this.languageUtils.getFallbackCodes(this.options.fallbackLng, t.lng || this.language);
-        if (this.options.saveMissingTo === "fallback" && Y && Y[0])
-          for (let B = 0; B < Y.length; B++)
-            H.push(Y[B]);
-        else this.options.saveMissingTo === "all" ? H = this.languageUtils.toResolveHierarchy(t.lng || this.language) : H.push(t.lng || this.language);
-        const t1 = (B, A, U) => {
-          const z = w && U !== C ? U : G;
-          this.options.missingKeyHandler ? this.options.missingKeyHandler(B, g, A, z, K, t) : this.backendConnector && this.backendConnector.saveMissing && this.backendConnector.saveMissing(B, g, A, z, K, t), this.emit("missingKey", B, g, A, C);
+          W && W.res && this.logger.warn("Seems the loaded translations were in flat JSON format instead of nested. Either set keySeparator: false on init or make sure your translations are published in nested format.");
+        }
+        let V = [];
+        const $ = this.languageUtils.getFallbackCodes(this.options.fallbackLng, t.lng || this.language);
+        if (this.options.saveMissingTo === "fallback" && $ && $[0])
+          for (let W = 0; W < $.length; W++)
+            V.push($[W]);
+        else this.options.saveMissingTo === "all" ? V = this.languageUtils.toResolveHierarchy(t.lng || this.language) : V.push(t.lng || this.language);
+        const t1 = (W, B, U) => {
+          const z = w && U !== C ? U : P;
+          this.options.missingKeyHandler ? this.options.missingKeyHandler(W, d, B, z, A, t) : this.backendConnector && this.backendConnector.saveMissing && this.backendConnector.saveMissing(W, d, B, z, A, t), this.emit("missingKey", W, d, B, C);
         };
-        this.options.saveMissing && (this.options.saveMissingPlurals && m ? H.forEach((B) => {
-          const A = this.pluralResolver.getSuffixes(B, t);
-          O && t[`defaultValue${this.options.pluralSeparator}zero`] && A.indexOf(`${this.options.pluralSeparator}zero`) < 0 && A.push(`${this.options.pluralSeparator}zero`), A.forEach((U) => {
-            t1([B], c + U, t[`defaultValue${U}`] || V);
+        this.options.saveMissing && (this.options.saveMissingPlurals && b ? V.forEach((W) => {
+          const B = this.pluralResolver.getSuffixes(W, t);
+          D && t[`defaultValue${this.options.pluralSeparator}zero`] && B.indexOf(`${this.options.pluralSeparator}zero`) < 0 && B.push(`${this.options.pluralSeparator}zero`), B.forEach((U) => {
+            t1([W], c + U, t[`defaultValue${U}`] || S);
           });
-        }) : t1(H, c, V));
+        }) : t1(V, c, S));
       }
-      C = this.extendTranslation(C, e, t, h, s), R && C === c && this.options.appendNamespaceToMissingKey && (C = `${g}:${c}`), (R || f) && this.options.parseMissingKeyHandler && (this.options.compatibilityAPI !== "v1" ? C = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${g}:${c}` : c, f ? C : void 0) : C = this.options.parseMissingKeyHandler(C));
+      C = this.extendTranslation(C, e, t, h, s), R && C === c && this.options.appendNamespaceToMissingKey && (C = `${d}:${c}`), (R || f) && this.options.parseMissingKeyHandler && (this.options.compatibilityAPI !== "v1" ? C = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${d}:${c}` : c, f ? C : void 0) : C = this.options.parseMissingKeyHandler(C));
     }
     return n ? (h.res = C, h.usedParams = this.getUsedParamsDetails(t), h) : C;
   }
@@ -7934,28 +7934,28 @@ class m1 extends L1 {
           ...s.interpolation
         }
       });
-      const d = v(e) && (s && s.interpolation && s.interpolation.skipOnVariables !== void 0 ? s.interpolation.skipOnVariables : this.options.interpolation.skipOnVariables);
+      const g = L(e) && (s && s.interpolation && s.interpolation.skipOnVariables !== void 0 ? s.interpolation.skipOnVariables : this.options.interpolation.skipOnVariables);
       let l;
-      if (d) {
+      if (g) {
         const C = e.match(this.interpolator.nestingRegexp);
         l = C && C.length;
       }
-      let h = s.replace && !v(s.replace) ? s.replace : s;
+      let h = s.replace && !L(s.replace) ? s.replace : s;
       if (this.options.interpolation.defaultVariables && (h = {
         ...this.options.interpolation.defaultVariables,
         ...h
-      }), e = this.interpolator.interpolate(e, h, s.lng || this.language || n.usedLng, s), d) {
+      }), e = this.interpolator.interpolate(e, h, s.lng || this.language || n.usedLng, s), g) {
         const C = e.match(this.interpolator.nestingRegexp), p = C && C.length;
         l < p && (s.nest = !1);
       }
       !s.lng && this.options.compatibilityAPI !== "v1" && n && n.res && (s.lng = this.language || n.usedLng), s.nest !== !1 && (e = this.interpolator.nest(e, function() {
-        for (var C = arguments.length, p = new Array(C), L = 0; L < C; L++)
-          p[L] = arguments[L];
+        for (var C = arguments.length, p = new Array(C), k = 0; k < C; k++)
+          p[k] = arguments[k];
         return a && a[0] === p[0] && !s.context ? (c.logger.warn(`It seems you are nesting recursively key: ${p[0]} in key: ${t[0]}`), null) : c.translate(...p, t);
       }, s)), s.interpolation && this.interpolator.reset();
     }
-    const r = s.postProcess || this.options.postProcess, g = v(r) ? [r] : r;
-    return e != null && g && g.length && s.applyPostProcessor !== !1 && (e = ae.handle(g, e, t, this.options && this.options.postProcessPassResolved ? {
+    const r = s.postProcess || this.options.postProcess, d = L(r) ? [r] : r;
+    return e != null && d && d.length && s.applyPostProcessor !== !1 && (e = ae.handle(d, e, t, this.options && this.options.postProcessPassResolved ? {
       i18nResolved: {
         ...n,
         usedParams: this.getUsedParamsDetails(s)
@@ -7965,32 +7965,32 @@ class m1 extends L1 {
   }
   resolve(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, s, n, a, c, r;
-    return v(e) && (e = [e]), e.forEach((g) => {
+    return L(e) && (e = [e]), e.forEach((d) => {
       if (this.isValidLookup(s)) return;
-      const d = this.extractFromKey(g, t), l = d.key;
+      const g = this.extractFromKey(d, t), l = g.key;
       n = l;
-      let h = d.namespaces;
+      let h = g.namespaces;
       this.options.fallbackNS && (h = h.concat(this.options.fallbackNS));
-      const C = t.count !== void 0 && !v(t.count), p = C && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), L = t.context !== void 0 && (v(t.context) || typeof t.context == "number") && t.context !== "", N = t.lngs ? t.lngs : this.languageUtils.toResolveHierarchy(t.lng || this.language, t.fallbackLng);
-      h.forEach((k) => {
-        this.isValidLookup(s) || (r = k, !F1[`${N[0]}-${k}`] && this.utils && this.utils.hasLoadedNamespace && !this.utils.hasLoadedNamespace(r) && (F1[`${N[0]}-${k}`] = !0, this.logger.warn(`key "${n}" for languages "${N.join(", ")}" won't get resolved as namespace "${r}" was not yet loaded`, "This means something IS WRONG in your setup. You access the t function before i18next.init / i18next.loadNamespace / i18next.changeLanguage was done. Wait for the callback or Promise to resolve before accessing it!!!")), N.forEach((E) => {
+      const C = t.count !== void 0 && !L(t.count), p = C && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), k = t.context !== void 0 && (L(t.context) || typeof t.context == "number") && t.context !== "", N = t.lngs ? t.lngs : this.languageUtils.toResolveHierarchy(t.lng || this.language, t.fallbackLng);
+      h.forEach((m) => {
+        this.isValidLookup(s) || (r = m, !F1[`${N[0]}-${m}`] && this.utils && this.utils.hasLoadedNamespace && !this.utils.hasLoadedNamespace(r) && (F1[`${N[0]}-${m}`] = !0, this.logger.warn(`key "${n}" for languages "${N.join(", ")}" won't get resolved as namespace "${r}" was not yet loaded`, "This means something IS WRONG in your setup. You access the t function before i18next.init / i18next.loadNamespace / i18next.changeLanguage was done. Wait for the callback or Promise to resolve before accessing it!!!")), N.forEach((E) => {
           if (this.isValidLookup(s)) return;
           c = E;
-          const b = [l];
+          const x = [l];
           if (this.i18nFormat && this.i18nFormat.addLookupKeys)
-            this.i18nFormat.addLookupKeys(b, l, E, k, t);
+            this.i18nFormat.addLookupKeys(x, l, E, m, t);
           else {
             let f;
             C && (f = this.pluralResolver.getSuffix(E, t.count, t));
-            const R = `${this.options.pluralSeparator}zero`, m = `${this.options.pluralSeparator}ordinal${this.options.pluralSeparator}`;
-            if (C && (b.push(l + f), t.ordinal && f.indexOf(m) === 0 && b.push(l + f.replace(m, this.options.pluralSeparator)), p && b.push(l + R)), L) {
+            const R = `${this.options.pluralSeparator}zero`, b = `${this.options.pluralSeparator}ordinal${this.options.pluralSeparator}`;
+            if (C && (x.push(l + f), t.ordinal && f.indexOf(b) === 0 && x.push(l + f.replace(b, this.options.pluralSeparator)), p && x.push(l + R)), k) {
               const w = `${l}${this.options.contextSeparator}${t.context}`;
-              b.push(w), C && (b.push(w + f), t.ordinal && f.indexOf(m) === 0 && b.push(w + f.replace(m, this.options.pluralSeparator)), p && b.push(w + R));
+              x.push(w), C && (x.push(w + f), t.ordinal && f.indexOf(b) === 0 && x.push(w + f.replace(b, this.options.pluralSeparator)), p && x.push(w + R));
             }
           }
           let _;
-          for (; _ = b.pop(); )
-            this.isValidLookup(s) || (a = _, s = this.getResource(E, k, _, t));
+          for (; _ = x.pop(); )
+            this.isValidLookup(s) || (a = _, s = this.getResource(E, m, _, t));
         }));
       });
     }), {
@@ -8010,7 +8010,7 @@ class m1 extends L1 {
   }
   getUsedParamsDetails() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    const t = ["defaultValue", "ordinal", "context", "replace", "lng", "lngs", "fallbackLng", "ns", "keySeparator", "nsSeparator", "returnObjects", "returnDetails", "joinArrays", "postProcess", "interpolation"], s = e.replace && !v(e.replace);
+    const t = ["defaultValue", "ordinal", "context", "replace", "lng", "lngs", "fallbackLng", "ns", "keySeparator", "nsSeparator", "returnObjects", "returnDetails", "joinArrays", "postProcess", "interpolation"], s = e.replace && !L(e.replace);
     let n = s ? e.replace : e;
     if (s && typeof e.count < "u" && (n.count = e.count), this.options.interpolation.defaultVariables && (n = {
       ...this.options.interpolation.defaultVariables,
@@ -8035,7 +8035,7 @@ class m1 extends L1 {
 const x1 = (i) => i.charAt(0).toUpperCase() + i.slice(1);
 class Y1 {
   constructor(e) {
-    this.options = e, this.supportedLngs = this.options.supportedLngs || !1, this.logger = F.create("languageUtils");
+    this.options = e, this.supportedLngs = this.options.supportedLngs || !1, this.logger = Y.create("languageUtils");
   }
   getScriptPartFromCode(e) {
     if (e = f1(e), !e || e.indexOf("-") < 0) return null;
@@ -8048,7 +8048,7 @@ class Y1 {
     return this.formatLanguageCode(t[0]);
   }
   formatLanguageCode(e) {
-    if (v(e) && e.indexOf("-") > -1) {
+    if (L(e) && e.indexOf("-") > -1) {
       if (typeof Intl < "u" && typeof Intl.getCanonicalLocales < "u")
         try {
           let n = Intl.getCanonicalLocales(e)[0];
@@ -8084,7 +8084,7 @@ class Y1 {
   }
   getFallbackCodes(e, t) {
     if (!e) return [];
-    if (typeof e == "function" && (e = e(t)), v(e) && (e = [e]), Array.isArray(e)) return e;
+    if (typeof e == "function" && (e = e(t)), L(e) && (e = [e]), Array.isArray(e)) return e;
     if (!t) return e.default || [];
     let s = e[t];
     return s || (s = e[this.getScriptPartFromCode(t)]), s || (s = e[this.formatLanguageCode(t)]), s || (s = e[this.getLanguagePartFromCode(t)]), s || (s = e.default), s || [];
@@ -8093,7 +8093,7 @@ class Y1 {
     const s = this.getFallbackCodes(t || this.options.fallbackLng || [], e), n = [], a = (c) => {
       c && (this.isSupportedCode(c) ? n.push(c) : this.logger.warn(`rejecting language code not found in supportedLngs: ${c}`));
     };
-    return v(e) && (e.indexOf("-") > -1 || e.indexOf("_") > -1) ? (this.options.load !== "languageOnly" && a(this.formatLanguageCode(e)), this.options.load !== "languageOnly" && this.options.load !== "currentOnly" && a(this.getScriptPartFromCode(e)), this.options.load !== "currentOnly" && a(this.getLanguagePartFromCode(e))) : v(e) && a(this.formatLanguageCode(e)), s.forEach((c) => {
+    return L(e) && (e.indexOf("-") > -1 || e.indexOf("_") > -1) ? (this.options.load !== "languageOnly" && a(this.formatLanguageCode(e)), this.options.load !== "languageOnly" && this.options.load !== "currentOnly" && a(this.getScriptPartFromCode(e)), this.options.load !== "currentOnly" && a(this.getLanguagePartFromCode(e))) : L(e) && a(this.formatLanguageCode(e)), s.forEach((c) => {
       n.indexOf(c) < 0 && a(this.formatLanguageCode(c));
     }), n;
   }
@@ -8235,7 +8235,7 @@ const D3 = ["v1", "v2", "v3"], T3 = ["v4"], U1 = {
 class K3 {
   constructor(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    this.languageUtils = e, this.options = t, this.logger = F.create("pluralResolver"), (!this.options.compatibilityJSON || T3.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 = G3(), this.pluralRulesCache = {};
+    this.languageUtils = e, this.options = t, this.logger = Y.create("pluralResolver"), (!this.options.compatibilityJSON || T3.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 = G3(), this.pluralRulesCache = {};
   }
   addRule(e, t) {
     this.rules[e] = t;
@@ -8259,8 +8259,8 @@ class K3 {
         });
       } catch {
         if (!e.match(/-|_/)) return;
-        const g = this.languageUtils.getLanguagePartFromCode(e);
-        c = this.getRule(g, t);
+        const d = this.languageUtils.getLanguagePartFromCode(e);
+        c = this.getRule(d, t);
       }
       return this.pluralRulesCache[a] = c, c;
     }
@@ -8298,12 +8298,12 @@ class K3 {
 }
 const z1 = function(i, e, t) {
   let s = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : ".", n = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : !0, a = H3(i, e, t);
-  return !a && n && v(t) && (a = E1(i, t, s), a === void 0 && (a = E1(e, t, s))), a;
+  return !a && n && L(t) && (a = E1(i, t, s), a === void 0 && (a = E1(e, t, s))), a;
 }, R1 = (i) => i.replace(/\$/g, "$$$$");
 class P3 {
   constructor() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    this.logger = F.create("interpolator"), this.options = e, this.format = e.interpolation && e.interpolation.format || ((t) => t), this.init(e);
+    this.logger = Y.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] : {};
@@ -8317,19 +8317,19 @@ class P3 {
       prefix: a,
       prefixEscaped: c,
       suffix: r,
-      suffixEscaped: g,
-      formatSeparator: d,
+      suffixEscaped: d,
+      formatSeparator: g,
       unescapeSuffix: l,
       unescapePrefix: h,
       nestingPrefix: C,
       nestingPrefixEscaped: p,
-      nestingSuffix: L,
+      nestingSuffix: k,
       nestingSuffixEscaped: N,
-      nestingOptionsSeparator: k,
+      nestingOptionsSeparator: m,
       maxReplaces: E,
-      alwaysFormat: b
+      alwaysFormat: x
     } = e.interpolation;
-    this.escape = t !== void 0 ? t : I3, this.escapeValue = s !== void 0 ? s : !0, this.useRawValueToEscape = n !== void 0 ? n : !1, this.prefix = a ? i1(a) : c || "{{", this.suffix = r ? i1(r) : g || "}}", this.formatSeparator = d || ",", this.unescapePrefix = l ? "" : h || "-", this.unescapeSuffix = this.unescapePrefix ? "" : l || "", this.nestingPrefix = C ? i1(C) : p || i1("$t("), this.nestingSuffix = L ? i1(L) : N || i1(")"), this.nestingOptionsSeparator = k || ",", this.maxReplaces = E || 1e3, this.alwaysFormat = b !== void 0 ? b : !1, this.resetRegExp();
+    this.escape = t !== void 0 ? t : I3, this.escapeValue = s !== void 0 ? s : !0, this.useRawValueToEscape = n !== void 0 ? n : !1, this.prefix = a ? i1(a) : c || "{{", this.suffix = r ? i1(r) : d || "}}", this.formatSeparator = g || ",", this.unescapePrefix = l ? "" : h || "-", this.unescapeSuffix = this.unescapePrefix ? "" : l || "", this.nestingPrefix = C ? i1(C) : p || i1("$t("), this.nestingSuffix = k ? i1(k) : N || i1(")"), this.nestingOptionsSeparator = m || ",", this.maxReplaces = E || 1e3, this.alwaysFormat = x !== void 0 ? x : !1, this.resetRegExp();
   }
   reset() {
     this.options && this.init(this.options);
@@ -8340,17 +8340,17 @@ class P3 {
   }
   interpolate(e, t, s, n) {
     let a, c, r;
-    const g = this.options && this.options.interpolation && this.options.interpolation.defaultVariables || {}, d = (p) => {
+    const d = this.options && this.options.interpolation && this.options.interpolation.defaultVariables || {}, g = (p) => {
       if (p.indexOf(this.formatSeparator) < 0) {
-        const E = z1(t, g, p, this.options.keySeparator, this.options.ignoreJSONStructure);
+        const E = z1(t, d, p, this.options.keySeparator, this.options.ignoreJSONStructure);
         return this.alwaysFormat ? this.format(E, void 0, s, {
           ...n,
           ...t,
           interpolationkey: p
         }) : E;
       }
-      const L = p.split(this.formatSeparator), N = L.shift().trim(), k = L.join(this.formatSeparator).trim();
-      return this.format(z1(t, g, N, this.options.keySeparator, this.options.ignoreJSONStructure), k, s, {
+      const k = p.split(this.formatSeparator), N = k.shift().trim(), m = k.join(this.formatSeparator).trim();
+      return this.format(z1(t, d, N, this.options.keySeparator, this.options.ignoreJSONStructure), m, s, {
         ...n,
         ...t,
         interpolationkey: N
@@ -8366,19 +8366,19 @@ class P3 {
       safeValue: (p) => this.escapeValue ? R1(this.escape(p)) : R1(p)
     }].forEach((p) => {
       for (r = 0; a = p.regex.exec(e); ) {
-        const L = a[1].trim();
-        if (c = d(L), c === void 0)
+        const k = a[1].trim();
+        if (c = g(k), c === void 0)
           if (typeof l == "function") {
-            const k = l(e, a, n);
-            c = v(k) ? k : "";
-          } else if (n && Object.prototype.hasOwnProperty.call(n, L))
+            const m = l(e, a, n);
+            c = L(m) ? m : "";
+          } else if (n && Object.prototype.hasOwnProperty.call(n, k))
             c = "";
           else if (h) {
             c = a[0];
             continue;
           } else
-            this.logger.warn(`missed to pass in variable ${L} for interpolating ${e}`), c = "";
-        else !v(c) && !this.useRawValueToEscape && (c = T1(c));
+            this.logger.warn(`missed to pass in variable ${k} for interpolating ${e}`), c = "";
+        else !L(c) && !this.useRawValueToEscape && (c = T1(c));
         const N = p.safeValue(c);
         if (e = e.replace(a[0], N), h ? (p.regex.lastIndex += c.length, p.regex.lastIndex -= a[0].length) : p.regex.lastIndex = 0, r++, r >= this.maxReplaces)
           break;
@@ -8387,36 +8387,36 @@ class P3 {
   }
   nest(e, t) {
     let s = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, n, a, c;
-    const r = (g, d) => {
+    const r = (d, g) => {
       const l = this.nestingOptionsSeparator;
-      if (g.indexOf(l) < 0) return g;
-      const h = g.split(new RegExp(`${l}[ ]*{`));
+      if (d.indexOf(l) < 0) return d;
+      const h = d.split(new RegExp(`${l}[ ]*{`));
       let C = `{${h[1]}`;
-      g = h[0], C = this.interpolate(C, c);
-      const p = C.match(/'/g), L = C.match(/"/g);
-      (p && p.length % 2 === 0 && !L || L.length % 2 !== 0) && (C = C.replace(/'/g, '"'));
+      d = h[0], C = this.interpolate(C, c);
+      const p = C.match(/'/g), k = C.match(/"/g);
+      (p && p.length % 2 === 0 && !k || k.length % 2 !== 0) && (C = C.replace(/'/g, '"'));
       try {
-        c = JSON.parse(C), d && (c = {
-          ...d,
+        c = JSON.parse(C), g && (c = {
+          ...g,
           ...c
         });
       } catch (N) {
-        return this.logger.warn(`failed parsing options string in nesting for key ${g}`, N), `${g}${l}${C}`;
+        return this.logger.warn(`failed parsing options string in nesting for key ${d}`, N), `${d}${l}${C}`;
       }
-      return c.defaultValue && c.defaultValue.indexOf(this.prefix) > -1 && delete c.defaultValue, g;
+      return c.defaultValue && c.defaultValue.indexOf(this.prefix) > -1 && delete c.defaultValue, d;
     };
     for (; n = this.nestingRegexp.exec(e); ) {
-      let g = [];
+      let d = [];
       c = {
         ...s
-      }, c = c.replace && !v(c.replace) ? c.replace : c, c.applyPostProcessor = !1, delete c.defaultValue;
-      let d = !1;
+      }, c = c.replace && !L(c.replace) ? c.replace : c, c.applyPostProcessor = !1, delete c.defaultValue;
+      let g = !1;
       if (n[0].indexOf(this.formatSeparator) !== -1 && !/{.*}/.test(n[1])) {
         const l = n[1].split(this.formatSeparator).map((h) => h.trim());
-        n[1] = l.shift(), g = l, d = !0;
+        n[1] = l.shift(), d = l, g = !0;
       }
-      if (a = t(r.call(this, n[1].trim(), c), c), a && n[0] === e && !v(a)) return a;
-      v(a) || (a = T1(a)), a || (this.logger.warn(`missed to resolve ${n[1]} for nesting ${e}`), a = ""), d && (a = g.reduce((l, h) => this.format(l, h, s.lng, {
+      if (a = t(r.call(this, n[1].trim(), c), c), a && n[0] === e && !L(a)) return a;
+      L(a) || (a = T1(a)), a || (this.logger.warn(`missed to resolve ${n[1]} for nesting ${e}`), a = ""), g && (a = d.reduce((l, h) => this.format(l, h, s.lng, {
         ...s,
         interpolationkey: n[1].trim()
       }), a.trim())), e = e.replace(n[0], a), this.regexp.lastIndex = 0;
@@ -8433,8 +8433,8 @@ const $3 = (i) => {
     const n = s[1].substring(0, s[1].length - 1);
     e === "currency" && n.indexOf(":") < 0 ? t.currency || (t.currency = n.trim()) : e === "relativetime" && n.indexOf(":") < 0 ? t.range || (t.range = n.trim()) : n.split(";").forEach((c) => {
       if (c) {
-        const [r, ...g] = c.split(":"), d = g.join(":").trim().replace(/^'+|'+$/g, ""), l = r.trim();
-        t[l] || (t[l] = d), d === "false" && (t[l] = !1), d === "true" && (t[l] = !0), isNaN(d) || (t[l] = parseInt(d, 10));
+        const [r, ...d] = c.split(":"), g = d.join(":").trim().replace(/^'+|'+$/g, ""), l = r.trim();
+        t[l] || (t[l] = g), g === "false" && (t[l] = !1), g === "true" && (t[l] = !0), isNaN(g) || (t[l] = parseInt(g, 10));
       }
     });
   }
@@ -8458,7 +8458,7 @@ const $3 = (i) => {
 class F3 {
   constructor() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    this.logger = F.create("formatter"), this.options = e, this.formats = {
+    this.logger = Y.create("formatter"), this.options = e, this.formats = {
       number: s1((t, s) => {
         const n = new Intl.NumberFormat(t, {
           ...s
@@ -8508,19 +8508,19 @@ class F3 {
     let n = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : {};
     const a = t.split(this.formatSeparator);
     if (a.length > 1 && a[0].indexOf("(") > 1 && a[0].indexOf(")") < 0 && a.find((r) => r.indexOf(")") > -1)) {
-      const r = a.findIndex((g) => g.indexOf(")") > -1);
+      const r = a.findIndex((d) => d.indexOf(")") > -1);
       a[0] = [a[0], ...a.splice(1, r)].join(this.formatSeparator);
     }
-    return a.reduce((r, g) => {
+    return a.reduce((r, d) => {
       const {
-        formatName: d,
+        formatName: g,
         formatOptions: l
-      } = $3(g);
-      if (this.formats[d]) {
+      } = $3(d);
+      if (this.formats[g]) {
         let h = r;
         try {
           const C = n && n.formatParams && n.formatParams[n.interpolationkey] || {}, p = C.locale || C.lng || n.locale || n.lng || s;
-          h = this.formats[d](r, p, {
+          h = this.formats[g](r, p, {
             ...l,
             ...n,
             ...C
@@ -8530,7 +8530,7 @@ class F3 {
         }
         return h;
       } else
-        this.logger.warn(`there was no format function for ${d}`);
+        this.logger.warn(`there was no format function for ${g}`);
       return r;
     }, e);
   }
@@ -8541,16 +8541,16 @@ const Y3 = (i, e) => {
 class U3 extends L1 {
   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 = F.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 = Y.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 a = {}, c = {}, r = {}, g = {};
-    return e.forEach((d) => {
+    const a = {}, c = {}, r = {}, d = {};
+    return e.forEach((g) => {
       let l = !0;
       t.forEach((h) => {
-        const C = `${d}|${h}`;
-        !s.reload && this.store.hasResourceBundle(d, h) ? this.state[C] = 2 : this.state[C] < 0 || (this.state[C] === 1 ? c[C] === void 0 && (c[C] = !0) : (this.state[C] = 1, l = !1, c[C] === void 0 && (c[C] = !0), a[C] === void 0 && (a[C] = !0), g[h] === void 0 && (g[h] = !0)));
-      }), l || (r[d] = !0);
+        const C = `${g}|${h}`;
+        !s.reload && this.store.hasResourceBundle(g, h) ? this.state[C] = 2 : this.state[C] < 0 || (this.state[C] === 1 ? c[C] === void 0 && (c[C] = !0) : (this.state[C] = 1, l = !1, c[C] === void 0 && (c[C] = !0), a[C] === void 0 && (a[C] = !0), d[h] === void 0 && (d[h] = !0)));
+      }), l || (r[g] = !0);
     }), (Object.keys(a).length || Object.keys(c).length) && this.queue.push({
       pending: c,
       pendingCount: Object.keys(c).length,
@@ -8561,7 +8561,7 @@ class U3 extends L1 {
       toLoad: Object.keys(a),
       pending: Object.keys(c),
       toLoadLanguages: Object.keys(r),
-      toLoadNamespaces: Object.keys(g)
+      toLoadNamespaces: Object.keys(d)
     };
   }
   loaded(e, t, s) {
@@ -8570,15 +8570,15 @@ class U3 extends L1 {
       skipCopy: !0
     }), this.state[e] = t ? -1 : 2, t && s && (this.state[e] = 0);
     const r = {};
-    this.queue.forEach((g) => {
-      _3(g.loaded, [a], c), Y3(g, e), t && g.errors.push(t), g.pendingCount === 0 && !g.done && (Object.keys(g.loaded).forEach((d) => {
-        r[d] || (r[d] = {});
-        const l = g.loaded[d];
+    this.queue.forEach((d) => {
+      _3(d.loaded, [a], c), Y3(d, e), t && d.errors.push(t), d.pendingCount === 0 && !d.done && (Object.keys(d.loaded).forEach((g) => {
+        r[g] || (r[g] = {});
+        const l = d.loaded[g];
         l.length && l.forEach((h) => {
-          r[d][h] === void 0 && (r[d][h] = !0);
+          r[g][h] === void 0 && (r[g][h] = !0);
         });
-      }), g.done = !0, g.errors.length ? g.callback(g.errors) : g.callback());
-    }), this.emit("loaded", r), this.queue = this.queue.filter((g) => !g.done);
+      }), d.done = !0, d.errors.length ? d.callback(d.errors) : d.callback());
+    }), this.emit("loaded", r), this.queue = this.queue.filter((d) => !d.done);
   }
   read(e, t, s) {
     let n = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : 0, a = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : this.retryTimeout, c = arguments.length > 5 ? arguments[5] : void 0;
@@ -8595,35 +8595,35 @@ class U3 extends L1 {
       return;
     }
     this.readingCalls++;
-    const r = (d, l) => {
+    const r = (g, l) => {
       if (this.readingCalls--, this.waitingReads.length > 0) {
         const h = this.waitingReads.shift();
         this.read(h.lng, h.ns, h.fcName, h.tried, h.wait, h.callback);
       }
-      if (d && l && n < this.maxRetries) {
+      if (g && l && n < this.maxRetries) {
         setTimeout(() => {
           this.read.call(this, e, t, s, n + 1, a * 2, c);
         }, a);
         return;
       }
-      c(d, l);
-    }, g = this.backend[s].bind(this.backend);
-    if (g.length === 2) {
+      c(g, l);
+    }, d = this.backend[s].bind(this.backend);
+    if (d.length === 2) {
       try {
-        const d = g(e, t);
-        d && typeof d.then == "function" ? d.then((l) => r(null, l)).catch(r) : r(null, d);
-      } catch (d) {
-        r(d);
+        const g = d(e, t);
+        g && typeof g.then == "function" ? g.then((l) => r(null, l)).catch(r) : r(null, g);
+      } catch (g) {
+        r(g);
       }
       return;
     }
-    return g(e, t, r);
+    return d(e, t, r);
   }
   prepareLoading(e, t) {
     let s = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, n = arguments.length > 3 ? arguments[3] : void 0;
     if (!this.backend)
       return this.logger.warn("No backend was added via i18next.use. Will not load resources."), n && n();
-    v(e) && (e = this.languageUtils.toResolveHierarchy(e)), v(t) && (t = [t]);
+    L(e) && (e = this.languageUtils.toResolveHierarchy(e)), L(t) && (t = [t]);
     const a = this.queueLoad(e, t, s, n);
     if (!a.toLoad.length)
       return a.pending.length || n(), null;
@@ -8655,19 +8655,19 @@ class U3 extends L1 {
     }
     if (!(s == null || s === "")) {
       if (this.backend && this.backend.create) {
-        const g = {
+        const d = {
           ...c,
           isUpdate: a
-        }, d = this.backend.create.bind(this.backend);
-        if (d.length < 6)
+        }, g = this.backend.create.bind(this.backend);
+        if (g.length < 6)
           try {
             let l;
-            d.length === 5 ? l = d(e, t, s, n, g) : l = d(e, t, s, n), l && typeof l.then == "function" ? l.then((h) => r(null, h)).catch(r) : r(null, l);
+            g.length === 5 ? l = g(e, t, s, n, d) : l = g(e, t, s, n), l && typeof l.then == "function" ? l.then((h) => r(null, h)).catch(r) : r(null, l);
           } catch (l) {
             r(l);
           }
         else
-          d(e, t, s, n, r, g);
+          g(e, t, s, n, r, d);
       }
       !e || !e[0] || this.store.addResource(e[0], t, s, n);
     }
@@ -8708,7 +8708,7 @@ const J1 = () => ({
   appendNamespaceToCIMode: !1,
   overloadTranslationOptionHandler: (i) => {
     let e = {};
-    if (typeof i[1] == "object" && (e = i[1]), v(i[1]) && (e.defaultValue = i[1]), v(i[2]) && (e.tDescription = i[2]), typeof i[2] == "object" || typeof i[3] == "object") {
+    if (typeof i[1] == "object" && (e = i[1]), L(i[1]) && (e.defaultValue = i[1]), L(i[2]) && (e.tDescription = i[2]), typeof i[2] == "object" || typeof i[3] == "object") {
       const t = i[3] || i[2];
       Object.keys(t).forEach((s) => {
         e[s] = t[s];
@@ -8729,7 +8729,7 @@ const J1 = () => ({
     maxReplaces: 1e3,
     skipOnVariables: !0
   }
-}), Q1 = (i) => (v(i.ns) && (i.ns = [i.ns]), v(i.fallbackLng) && (i.fallbackLng = [i.fallbackLng]), v(i.fallbackNS) && (i.fallbackNS = [i.fallbackNS]), i.supportedLngs && i.supportedLngs.indexOf("cimode") < 0 && (i.supportedLngs = i.supportedLngs.concat(["cimode"])), i), g1 = () => {
+}), Q1 = (i) => (L(i.ns) && (i.ns = [i.ns]), L(i.fallbackLng) && (i.fallbackLng = [i.fallbackLng]), L(i.fallbackNS) && (i.fallbackNS = [i.fallbackNS]), i.supportedLngs && i.supportedLngs.indexOf("cimode") < 0 && (i.supportedLngs = i.supportedLngs.concat(["cimode"])), i), g1 = () => {
 }, z3 = (i) => {
   Object.getOwnPropertyNames(Object.getPrototypeOf(i)).forEach((t) => {
     typeof i[t] == "function" && (i[t] = i[t].bind(i));
@@ -8738,7 +8738,7 @@ const J1 = () => ({
 class c1 extends L1 {
   constructor() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = arguments.length > 1 ? arguments[1] : void 0;
-    if (super(), this.options = Q1(e), this.services = {}, this.logger = F, this.modules = {
+    if (super(), this.options = Q1(e), this.services = {}, this.logger = Y, this.modules = {
       external: []
     }, z3(this), t && !this.isInitialized && !e.isClone) {
       if (!this.options.initImmediate)
@@ -8751,7 +8751,7 @@ class c1 extends L1 {
   init() {
     var e = this;
     let t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, s = arguments.length > 1 ? arguments[1] : void 0;
-    this.isInitializing = !0, typeof t == "function" && (s = t, t = {}), !t.defaultNS && t.defaultNS !== !1 && t.ns && (v(t.ns) ? t.defaultNS = t.ns : t.ns.indexOf("translation") < 0 && (t.defaultNS = t.ns[0]));
+    this.isInitializing = !0, typeof t == "function" && (s = t, t = {}), !t.defaultNS && t.defaultNS !== !1 && t.ns && (L(t.ns) ? t.defaultNS = t.ns : t.ns.indexOf("translation") < 0 && (t.defaultNS = t.ns[0]));
     const n = J1();
     this.options = {
       ...n,
@@ -8763,25 +8763,25 @@ class c1 extends L1 {
     }), t.keySeparator !== void 0 && (this.options.userDefinedKeySeparator = t.keySeparator), t.nsSeparator !== void 0 && (this.options.userDefinedNsSeparator = t.nsSeparator);
     const a = (l) => l ? typeof l == "function" ? new l() : l : null;
     if (!this.options.isClone) {
-      this.modules.logger ? F.init(a(this.modules.logger), this.options) : F.init(null, this.options);
+      this.modules.logger ? Y.init(a(this.modules.logger), this.options) : Y.init(null, this.options);
       let l;
       this.modules.formatter ? l = this.modules.formatter : typeof Intl < "u" && (l = F3);
       const h = new Y1(this.options);
       this.store = new $1(this.options.resources, this.options);
       const C = this.services;
-      C.logger = F, C.resourceStore = this.store, C.languageUtils = h, C.pluralResolver = new K3(h, {
+      C.logger = Y, C.resourceStore = this.store, C.languageUtils = h, C.pluralResolver = new K3(h, {
         prepend: this.options.pluralSeparator,
         compatibilityJSON: this.options.compatibilityJSON,
         simplifyPluralSuffix: this.options.simplifyPluralSuffix
       }), l && (!this.options.interpolation.format || this.options.interpolation.format === n.interpolation.format) && (C.formatter = a(l), C.formatter.init(C, this.options), this.options.interpolation.format = C.formatter.format.bind(C.formatter)), C.interpolator = new P3(this.options), C.utils = {
         hasLoadedNamespace: this.hasLoadedNamespace.bind(this)
       }, C.backendConnector = new U3(a(this.modules.backend), C.resourceStore, C, this.options), C.backendConnector.on("*", function(p) {
-        for (var L = arguments.length, N = new Array(L > 1 ? L - 1 : 0), k = 1; k < L; k++)
-          N[k - 1] = arguments[k];
+        for (var k = arguments.length, N = new Array(k > 1 ? k - 1 : 0), m = 1; m < k; m++)
+          N[m - 1] = arguments[m];
         e.emit(p, ...N);
       }), this.modules.languageDetector && (C.languageDetector = a(this.modules.languageDetector), C.languageDetector.init && C.languageDetector.init(C, this.options.detection, this.options)), this.modules.i18nFormat && (C.i18nFormat = a(this.modules.i18nFormat), C.i18nFormat.init && C.i18nFormat.init(this)), this.translator = new m1(this.services, this.options), this.translator.on("*", function(p) {
-        for (var L = arguments.length, N = new Array(L > 1 ? L - 1 : 0), k = 1; k < L; k++)
-          N[k - 1] = arguments[k];
+        for (var k = arguments.length, N = new Array(k > 1 ? k - 1 : 0), m = 1; m < k; m++)
+          N[m - 1] = arguments[m];
         e.emit(p, ...N);
       }), this.modules.external.forEach((p) => {
         p.init && p.init(this);
@@ -8800,27 +8800,27 @@ class c1 extends L1 {
         return e.store[l](...arguments), e;
       };
     });
-    const g = a1(), d = () => {
+    const d = a1(), g = () => {
       const l = (h, C) => {
-        this.isInitializing = !1, this.isInitialized && !this.initializedStoreOnce && this.logger.warn("init: i18next is already initialized. You should call init just once!"), this.isInitialized = !0, this.options.isClone || this.logger.log("initialized", this.options), this.emit("initialized", this.options), g.resolve(C), s(h, C);
+        this.isInitializing = !1, this.isInitialized && !this.initializedStoreOnce && this.logger.warn("init: i18next is already initialized. You should call init just once!"), this.isInitialized = !0, this.options.isClone || this.logger.log("initialized", this.options), this.emit("initialized", this.options), d.resolve(C), s(h, C);
       };
       if (this.languages && this.options.compatibilityAPI !== "v1" && !this.isInitialized) return l(null, this.t.bind(this));
       this.changeLanguage(this.options.lng, l);
     };
-    return this.options.resources || !this.options.initImmediate ? d() : setTimeout(d, 0), g;
+    return this.options.resources || !this.options.initImmediate ? g() : setTimeout(g, 0), d;
   }
   loadResources(e) {
     let s = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : g1;
-    const n = v(e) ? e : this.language;
+    const n = L(e) ? e : this.language;
     if (typeof e == "function" && (s = e), !this.options.resources || this.options.partialBundledLanguages) {
       if (n && n.toLowerCase() === "cimode" && (!this.options.preload || this.options.preload.length === 0)) return s();
       const a = [], c = (r) => {
         if (!r || r === "cimode") return;
-        this.services.languageUtils.toResolveHierarchy(r).forEach((d) => {
-          d !== "cimode" && a.indexOf(d) < 0 && a.push(d);
+        this.services.languageUtils.toResolveHierarchy(r).forEach((g) => {
+          g !== "cimode" && a.indexOf(g) < 0 && a.push(g);
         });
       };
-      n ? c(n) : this.services.languageUtils.getFallbackCodes(this.options.fallbackLng).forEach((g) => c(g)), this.options.preload && this.options.preload.forEach((r) => c(r)), this.services.backendConnector.load(a, this.options.ns, (r) => {
+      n ? c(n) : this.services.languageUtils.getFallbackCodes(this.options.fallbackLng).forEach((d) => c(d)), this.options.preload && this.options.preload.forEach((r) => c(r)), this.services.backendConnector.load(a, this.options.ns, (r) => {
         !r && !this.resolvedLanguage && this.language && this.setResolvedLanguage(this.language), s(r);
       });
     } else
@@ -8852,19 +8852,19 @@ class c1 extends L1 {
     this.isLanguageChangingTo = e;
     const n = a1();
     this.emit("languageChanging", e);
-    const a = (g) => {
-      this.language = g, this.languages = this.services.languageUtils.toResolveHierarchy(g), this.resolvedLanguage = void 0, this.setResolvedLanguage(g);
-    }, c = (g, d) => {
-      d ? (a(d), this.translator.changeLanguage(d), this.isLanguageChangingTo = void 0, this.emit("languageChanged", d), this.logger.log("languageChanged", d)) : this.isLanguageChangingTo = void 0, n.resolve(function() {
+    const a = (d) => {
+      this.language = d, this.languages = this.services.languageUtils.toResolveHierarchy(d), this.resolvedLanguage = void 0, this.setResolvedLanguage(d);
+    }, c = (d, g) => {
+      g ? (a(g), this.translator.changeLanguage(g), this.isLanguageChangingTo = void 0, this.emit("languageChanged", g), this.logger.log("languageChanged", g)) : this.isLanguageChangingTo = void 0, n.resolve(function() {
         return s.t(...arguments);
-      }), t && t(g, function() {
+      }), t && t(d, function() {
         return s.t(...arguments);
       });
-    }, r = (g) => {
-      !e && !g && this.services.languageDetector && (g = []);
-      const d = v(g) ? g : this.services.languageUtils.getBestMatchFromCodes(g);
-      d && (this.language || a(d), this.translator.language || this.translator.changeLanguage(d), this.services.languageDetector && this.services.languageDetector.cacheUserLanguage && this.services.languageDetector.cacheUserLanguage(d)), this.loadResources(d, (l) => {
-        c(l, d);
+    }, r = (d) => {
+      !e && !d && this.services.languageDetector && (d = []);
+      const g = L(d) ? d : this.services.languageUtils.getBestMatchFromCodes(d);
+      g && (this.language || a(g), this.translator.language || this.translator.changeLanguage(g), this.services.languageDetector && this.services.languageDetector.cacheUserLanguage && this.services.languageDetector.cacheUserLanguage(g)), this.loadResources(g, (l) => {
+        c(l, g);
       });
     };
     return !e && this.services.languageDetector && !this.services.languageDetector.async ? r(this.services.languageDetector.detect()) : !e && this.services.languageDetector && this.services.languageDetector.async ? this.services.languageDetector.detect.length === 0 ? this.services.languageDetector.detect().then(r) : this.services.languageDetector.detect(r) : r(e), n;
@@ -8872,21 +8872,21 @@ class c1 extends L1 {
   getFixedT(e, t, s) {
     var n = this;
     const a = function(c, r) {
-      let g;
+      let d;
       if (typeof r != "object") {
-        for (var d = arguments.length, l = new Array(d > 2 ? d - 2 : 0), h = 2; h < d; h++)
+        for (var g = arguments.length, l = new Array(g > 2 ? g - 2 : 0), h = 2; h < g; h++)
           l[h - 2] = arguments[h];
-        g = n.options.overloadTranslationOptionHandler([c, r].concat(l));
+        d = n.options.overloadTranslationOptionHandler([c, r].concat(l));
       } else
-        g = {
+        d = {
           ...r
         };
-      g.lng = g.lng || a.lng, g.lngs = g.lngs || a.lngs, g.ns = g.ns || a.ns, g.keyPrefix !== "" && (g.keyPrefix = g.keyPrefix || s || a.keyPrefix);
+      d.lng = d.lng || a.lng, d.lngs = d.lngs || a.lngs, d.ns = d.ns || a.ns, d.keyPrefix !== "" && (d.keyPrefix = d.keyPrefix || s || a.keyPrefix);
       const C = n.options.keySeparator || ".";
       let p;
-      return g.keyPrefix && Array.isArray(c) ? p = c.map((L) => `${g.keyPrefix}${C}${L}`) : p = g.keyPrefix ? `${g.keyPrefix}${C}${c}` : c, n.t(p, g);
+      return d.keyPrefix && Array.isArray(c) ? p = c.map((k) => `${d.keyPrefix}${C}${k}`) : p = d.keyPrefix ? `${d.keyPrefix}${C}${c}` : c, n.t(p, d);
     };
-    return v(e) ? a.lng = e : a.lngs = e, a.ns = t, a.keyPrefix = s, a;
+    return L(e) ? a.lng = e : a.lngs = e, a.ns = t, a.keyPrefix = s, a;
   }
   t() {
     return this.translator && this.translator.translate(...arguments);
@@ -8905,9 +8905,9 @@ class c1 extends L1 {
       return this.logger.warn("hasLoadedNamespace: i18n.languages were undefined or empty", this.languages), !1;
     const s = t.lng || this.resolvedLanguage || this.languages[0], n = this.options ? this.options.fallbackLng : !1, a = this.languages[this.languages.length - 1];
     if (s.toLowerCase() === "cimode") return !0;
-    const c = (r, g) => {
-      const d = this.services.backendConnector.state[`${r}|${g}`];
-      return d === -1 || d === 0 || d === 2;
+    const c = (r, d) => {
+      const g = this.services.backendConnector.state[`${r}|${d}`];
+      return g === -1 || g === 0 || g === 2;
     };
     if (t.precheck) {
       const r = t.precheck(this, c);
@@ -8917,7 +8917,7 @@ class c1 extends L1 {
   }
   loadNamespaces(e, t) {
     const s = a1();
-    return this.options.ns ? (v(e) && (e = [e]), e.forEach((n) => {
+    return this.options.ns ? (L(e) && (e = [e]), e.forEach((n) => {
       this.options.ns.indexOf(n) < 0 && this.options.ns.push(n);
     }), this.loadResources((n) => {
       s.resolve(), t && t(n);
@@ -8925,7 +8925,7 @@ class c1 extends L1 {
   }
   loadLanguages(e, t) {
     const s = a1();
-    v(e) && (e = [e]);
+    L(e) && (e = [e]);
     const n = this.options.preload || [], a = e.filter((c) => n.indexOf(c) < 0 && this.services.languageUtils.isSupportedCode(c));
     return a.length ? (this.options.preload = n.concat(a), this.loadResources((c) => {
       s.resolve(), t && t(c);
@@ -8956,9 +8956,9 @@ class c1 extends L1 {
     }, a.services.utils = {
       hasLoadedNamespace: a.hasLoadedNamespace.bind(a)
     }, s && (a.store = new $1(this.store.data, n), a.services.resourceStore = a.store), a.translator = new m1(a.services, n), a.translator.on("*", function(r) {
-      for (var g = arguments.length, d = new Array(g > 1 ? g - 1 : 0), l = 1; l < g; l++)
-        d[l - 1] = arguments[l];
-      a.emit(r, ...d);
+      for (var d = arguments.length, g = new Array(d > 1 ? d - 1 : 0), l = 1; l < d; l++)
+        g[l - 1] = arguments[l];
+      a.emit(r, ...g);
     }), a.init(n, t), a.translator.options = n, a.translator.backendConnector.services.utils = {
       hasLoadedNamespace: a.hasLoadedNamespace.bind(a)
     }, a;
@@ -8973,22 +8973,22 @@ class c1 extends L1 {
     };
   }
 }
-const T = c1.createInstance();
-T.createInstance = c1.createInstance;
-T.createInstance;
-T.dir;
-T.init;
-T.loadResources;
-T.reloadResources;
-T.use;
-T.changeLanguage;
-T.getFixedT;
-T.t;
-T.exists;
-T.setDefaultNamespace;
-T.hasLoadedNamespace;
-T.loadNamespaces;
-T.loadLanguages;
+const G = c1.createInstance();
+G.createInstance = c1.createInstance;
+G.createInstance;
+G.dir;
+G.init;
+G.loadResources;
+G.reloadResources;
+G.use;
+G.changeLanguage;
+G.getFixedT;
+G.t;
+G.exists;
+G.setDefaultNamespace;
+G.hasLoadedNamespace;
+G.loadNamespaces;
+G.loadLanguages;
 const J3 = "Archived", Q3 = "Deleted", q3 = {
   archived: J3,
   deleted: Q3
@@ -8996,7 +8996,7 @@ const J3 = "Archived", Q3 = "Deleted", q3 = {
   archived: X3,
   deleted: e0
 };
-T.use(v3).init({
+G.use(v3).init({
   defaultNS: "common",
   lng: "en",
   resources: {
@@ -9017,116 +9017,119 @@ const l0 = k1(
     value: n,
     onChange: a,
     onError: c,
-    allowEmpty: r = !1
+    allowEmpty: r = !1,
+    showAvatar: d = !1
   }, g) => {
-    const { axiosPeople: d, locale: l } = e1(Ne), { t: h } = y3("common", { lng: l }), [C, p] = j([]), [L, N] = j(!0), k = X(C);
-    if (!d)
+    const { axiosPeople: l, locale: h } = e1(Ne), { t: C } = y3("common", { lng: h }), [p, k] = j([]), [N, m] = j(!0), E = X(p);
+    if (!l)
       throw new Error(
         `UserSelect requires "axiosPeople" to fetch users. 
                 Please provide it via SNMTUiContext.`
       );
-    const E = D(
-      (m) => {
-        let w = "";
-        return m.deletedAt && (w += `[${h("deleted")}] `), m.status === C1.ARCHIVED && (w += `[${h("archived")}] `), `${w}${m.firstName} ${m.lastName}`;
+    const x = T(
+      (w) => {
+        let I = "";
+        return w.deletedAt && (I += `[${C("deleted")}] `), w.status === C1.ARCHIVED && (I += `[${C("archived")}] `), `${I}${w.firstName} ${w.lastName}`;
       },
-      [h]
-    ), b = D(
+      [C]
+    ), _ = T(
       async ({
-        offset: m,
-        limit: w,
+        offset: w,
+        limit: I,
         search: Z
       }) => {
-        var W, O, V;
+        var D, S, H;
         try {
-          const I = await d.post("v1/users/search", {
-            offset: m,
-            limit: w,
+          const P = await l.post("v1/users/search", {
+            offset: w,
+            limit: I,
             search: Z,
             ...i,
             includeCount: !0
-          }), { data: G, metadata: K } = I.data;
+          }), { data: A, metadata: V } = P.data;
           return {
-            options: G.map((H) => ({
-              value: H.id,
-              label: E(H)
+            options: A.map(($) => ({
+              value: $.id,
+              label: x($),
+              image: d ? $.avatarUrl : void 0
             })),
-            count: K.count
+            count: V.count
           };
-        } catch (I) {
+        } catch (P) {
           return c && c({
-            status: ((W = I.response) == null ? void 0 : W.status) ?? 500,
-            message: ((V = (O = I.response) == null ? void 0 : O.data) == null ? void 0 : V.message) ?? "Error while fetching options"
+            status: ((D = P.response) == null ? void 0 : D.status) ?? 500,
+            message: ((H = (S = P.response) == null ? void 0 : S.data) == null ? void 0 : H.message) ?? "Error while fetching options"
           }), {
             options: [],
             count: 0
           };
         }
       },
-      [d, i, c, E]
-    ), _ = D(
-      async (m) => {
-        var w, Z, W;
+      [l, i, x, d, c]
+    ), f = T(
+      async (w) => {
+        var I, Z, D;
         try {
-          const O = m.filter(
-            (G) => !k.current.some((K) => K.value === G)
+          const S = w.filter(
+            (A) => !E.current.some((V) => V.value === A)
           );
-          let V = [];
-          O.length && (V = (await d.post("v1/users/search", {
+          let H = [];
+          S.length && (H = (await l.post("v1/users/search", {
             filters: {
-              id: O,
+              id: S,
               status: [C1.ACTIVE, C1.ARCHIVED]
             }
           })).data.data);
-          const I = V.map((G) => ({
-            value: G.id,
-            label: E(G)
+          const P = H.map((A) => ({
+            value: A.id,
+            label: x(A),
+            image: d ? A.avatarUrl : void 0
           }));
-          return [...k.current, ...I];
-        } catch (O) {
+          return [...E.current, ...P];
+        } catch (S) {
           return c && c({
-            status: ((w = O.response) == null ? void 0 : w.status) ?? 500,
-            message: ((W = (Z = O.response) == null ? void 0 : Z.data) == null ? void 0 : W.message) ?? "Error while fetching selected items"
+            status: ((I = S.response) == null ? void 0 : I.status) ?? 500,
+            message: ((D = (Z = S.response) == null ? void 0 : Z.data) == null ? void 0 : D.message) ?? "Error while fetching selected items"
           }), [];
         }
       },
-      [d, E, c]
+      [l, x, c, d]
     );
-    P(() => {
-      k.current = C;
-    }, [C]), P(() => {
+    K(() => {
+      E.current = p;
+    }, [p]), K(() => {
       if (!n) {
-        N(!1);
+        m(!1);
         return;
       }
       (async () => {
-        const w = Array.isArray(n) ? n : [n], Z = await _(w);
-        p(Z), N(!1);
+        const I = Array.isArray(n) ? n : [n], Z = await f(I);
+        k(Z), m(!1);
       })();
-    }, [_, n]);
-    const f = D(
+    }, [f, n]);
+    const R = T(
       async ({
-        limit: m,
-        offset: w,
+        limit: w,
+        offset: I,
         search: Z
       }) => {
-        const { count: W, ...O } = await b({
-          offset: w,
-          limit: m,
+        const { count: D, ...S } = await _({
+          offset: I,
+          limit: w,
           search: Z
         });
-        let V = O.options;
-        return r && w === 0 && (V = [{ value: null, label: "None" }, ...V]), {
-          options: V,
-          count: W,
-          limit: m
+        let H = S.options;
+        return r && I === 0 && (H = [{ value: null, label: "None" }, ...H]), {
+          options: H,
+          count: D,
+          limit: w
         };
       },
-      [r, b]
+      [r, _]
     );
-    if (L)
+    if (N)
       return /* @__PURE__ */ o(l3, {});
-    const R = {
+    const b = {
       ref: g,
       placeholder: t,
       disabled: s
@@ -9134,24 +9137,24 @@ const l0 = k1(
     return e ? /* @__PURE__ */ o(
       Z1,
       {
-        ...R,
+        ...b,
         mode: e,
         value: n,
         onChange: a,
-        loadOptions: f,
+        loadOptions: R,
         loadOnClosedState: !0,
-        extraOptions: C
+        extraOptions: p
       }
     ) : /* @__PURE__ */ o(
       Z1,
       {
-        ...R,
+        ...b,
         value: n,
         mode: void 0,
         onChange: a,
-        loadOptions: f,
+        loadOptions: R,
         loadOnClosedState: !0,
-        extraOptions: C
+        extraOptions: p
       }
     );
   }