@snmt-react-ui/user-select 2.12.0 → 2.12.1

package/dist/user-select.js

@@ -3,22 +3,22 @@ var H2 = (i, e, t) => e in i ? Z2(i, e, { enumerable: !0, configurable: !0, writ
 var T1 = (i, e, t) => H2(i, typeof e != "symbol" ? e + "" : e, t);
 import "./index.css";
 import { jsx as o, Fragment as i1, jsxs as g } from "react/jsx-runtime";
-import { forwardRef as l1, useState as B, useRef as z, useCallback as $, useEffect as G, useMemo as P1, useImperativeHandle as c1, useContext as n1, createContext as w2 } from "react";
-import { Select as _2, Tag as W1, Flex as b2, Checkbox as y2, Avatar as E2, Typography as v1, Popover as A2 } from "antd";
-import { COLORS as c, SNMTUiContext as C1 } from "@snmt-react-ui/core";
-var D2 = Object.defineProperty, B2 = (i, e, t) => e in i ? D2(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t, K2 = (i, e, t) => B2(i, e + "", t), S2 = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+import { forwardRef as r1, useState as K, useRef as J, useCallback as $, useEffect as G, useMemo as P1, useImperativeHandle as C1, useContext as o1, createContext as w2 } from "react";
+import { Select as _2, Tag as $1, Flex as b2, Checkbox as y2, Avatar as A2, Typography as v1, Popover as E2 } from "antd";
+import { COLORS as c, SNMTUiContext as d1 } from "@snmt-react-ui/core";
+var D2 = Object.defineProperty, K2 = (i, e, t) => e in i ? D2(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t, B2 = (i, e, t) => K2(i, e + "", t), S2 = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function G2() {
   if (console && console.warn) {
     for (var i = arguments.length, e = new Array(i), t = 0; t < i; t++)
       e[t] = arguments[t];
-    a1(e[0]) && (e[0] = `react-i18next:: ${e[0]}`), console.warn(...e);
+    h1(e[0]) && (e[0] = `react-i18next:: ${e[0]}`), console.warn(...e);
   }
 }
 const F1 = {};
-function O1() {
+function I1() {
   for (var i = arguments.length, e = new Array(i), t = 0; t < i; t++)
     e[t] = arguments[t];
-  a1(e[0]) && F1[e[0]] || (a1(e[0]) && (F1[e[0]] = /* @__PURE__ */ new Date()), G2(...e));
+  h1(e[0]) && F1[e[0]] || (h1(e[0]) && (F1[e[0]] = /* @__PURE__ */ new Date()), G2(...e));
 }
 const p2 = (i, e) => () => {
   if (i.isInitialized)
@@ -34,7 +34,7 @@ const p2 = (i, e) => () => {
 }, U1 = (i, e, t) => {
   i.loadNamespaces(e, p2(i, t));
 }, z1 = (i, e, t, s) => {
-  a1(t) && (t = [t]), t.forEach((n) => {
+  h1(t) && (t = [t]), t.forEach((n) => {
     i.options.ns.indexOf(n) < 0 && i.options.ns.push(n);
   }), i.loadLanguages(e, p2(i, s));
 }, O2 = function(i, e) {
@@ -48,13 +48,13 @@ const p2 = (i, e) => () => {
   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(h, i)));
 }, I2 = function(i, e) {
   let t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
-  return !e.languages || !e.languages.length ? (O1("i18n.languages were undefined or empty", e.languages), !0) : e.options.ignoreJSONStructure !== void 0 ? e.hasLoadedNamespace(i, {
+  return !e.languages || !e.languages.length ? (I1("i18n.languages were undefined or empty", e.languages), !0) : e.options.ignoreJSONStructure !== void 0 ? e.hasLoadedNamespace(i, {
     lng: t.lng,
     precheck: (s, n) => {
       if (t.bindI18n && t.bindI18n.indexOf("languageChanging") > -1 && s.services.backendConnector.backend && s.isLanguageChangingTo && !n(s.isLanguageChangingTo, i)) return !1;
     }
   }) : O2(i, e, t);
-}, a1 = (i) => typeof i == "string", Y2 = (i) => typeof i == "object" && i !== null, j2 = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g, W2 = {
+}, h1 = (i) => typeof i == "string", Y2 = (i) => typeof i == "object" && i !== null, j2 = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g, W2 = {
   "&amp;": "&",
   "&#38;": "&",
   "&lt;": "<",
@@ -91,7 +91,7 @@ let U2;
 const z2 = () => U2, J2 = w2();
 class q2 {
   constructor() {
-    K2(this, "getUsedNamespaces", () => Object.keys(this.usedNamespaces)), this.usedNamespaces = {};
+    B2(this, "getUsedNamespaces", () => Object.keys(this.usedNamespaces)), this.usedNamespaces = {};
   }
   addUsedNamespaces(e) {
     e.forEach((t) => {
@@ -100,7 +100,7 @@ class q2 {
   }
 }
 const Q2 = (i, e) => {
-  const t = z();
+  const t = J();
   return G(() => {
     t.current = i;
   }, [i, e]), t.current;
@@ -111,13 +111,13 @@ const Q2 = (i, e) => {
   } = e, {
     i18n: s,
     defaultNS: n
-  } = n1(J2) || {}, h = t || s || z2();
+  } = o1(J2) || {}, h = t || s || z2();
   if (h && !h.reportNamespaces && (h.reportNamespaces = new q2()), !h) {
-    O1("You will need to pass in an i18next instance by using initReactI18next");
-    const k = (R, x) => a1(x) ? x : Y2(x) && a1(x.defaultValue) ? x.defaultValue : Array.isArray(R) ? R[R.length - 1] : R, N = [k, {}, !1];
+    I1("You will need to pass in an i18next instance by using initReactI18next");
+    const k = (R, x) => h1(x) ? x : Y2(x) && h1(x.defaultValue) ? x.defaultValue : Array.isArray(R) ? R[R.length - 1] : R, N = [k, {}, !1];
     return N.t = k, N.i18n = {}, N.ready = !1, N;
   }
-  h.options.react && h.options.react.wait !== void 0 && O1("It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");
+  h.options.react && h.options.react.wait !== void 0 && I1("It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");
   const C = {
     ...F2(),
     ...h.options.react,
@@ -127,11 +127,11 @@ const Q2 = (i, e) => {
     keyPrefix: r
   } = C;
   let l = i;
-  l = a1(l) ? [l] : l || ["translation"], h.reportNamespaces.addUsedNamespaces && h.reportNamespaces.addUsedNamespaces(l);
-  const a = (h.isInitialized || h.initializedStoreOnce) && l.every((k) => I2(k, h, C)), p = X2(h, e.lng || null, C.nsMode === "fallback" ? l : l[0], r), u = () => p, w = () => f2(h, e.lng || null, C.nsMode === "fallback" ? l : l[0], r), [L, m] = B(u);
+  l = h1(l) ? [l] : l || ["translation"], h.reportNamespaces.addUsedNamespaces && h.reportNamespaces.addUsedNamespaces(l);
+  const a = (h.isInitialized || h.initializedStoreOnce) && l.every((k) => I2(k, h, C)), p = X2(h, e.lng || null, C.nsMode === "fallback" ? l : l[0], r), u = () => p, w = () => f2(h, e.lng || null, C.nsMode === "fallback" ? l : l[0], r), [L, m] = K(u);
   let f = l.join();
   e.lng && (f = `${e.lng}${f}`);
-  const M = Q2(f), Z = z(!0);
+  const M = Q2(f), Z = J(!0);
   G(() => {
     const {
       bindI18n: k,
@@ -151,8 +151,8 @@ const Q2 = (i, e) => {
   }, [h, f]), G(() => {
     Z.current && a && m(u);
   }, [h, r, a]);
-  const y = [L, h, a];
-  if (y.t = L, y.i18n = h, y.ready = a, a || !a && !d) return y;
+  const A = [L, h, a];
+  if (A.t = L, A.i18n = h, A.ready = a, a || !a && !d) return A;
   throw new Promise((k) => {
     e.lng ? z1(h, e.lng, l, () => k()) : U1(h, l, () => k());
   });
@@ -183,7 +183,7 @@ const Q2 = (i, e) => {
   h2: 2,
   h3: 3,
   h4: 4
-}, J1 = l1(
+}, J1 = r1(
   ({
     align: i = "inherit",
     variant: e = "body1",
@@ -195,9 +195,9 @@ const Q2 = (i, e) => {
     /** This prop allows you to enable tooltip if text size is too big */
     trim: d = !1
   }, r) => {
-    const l = z(null);
-    c1(r, () => l.current);
-    const [a, p] = B(!1);
+    const l = J(null);
+    C1(r, () => l.current);
+    const [a, p] = K(!1);
     G(() => {
       var m;
       if (!d) return;
@@ -251,7 +251,7 @@ const Q2 = (i, e) => {
       style: { gap: i ? e === "large" || e === "medium" ? 12 : 8 : 0 },
       children: [
         /* @__PURE__ */ o(
-          E2,
+          A2,
           {
             className: `snmt-avatar ${n ? "image" : ""}`,
             src: n,
@@ -275,7 +275,7 @@ const Q2 = (i, e) => {
   h2: 2,
   h3: 3,
   h4: 4
-}, a5 = l1(
+}, a5 = r1(
   ({
     align: i = "inherit",
     variant: e = "body1",
@@ -287,9 +287,9 @@ const Q2 = (i, e) => {
     /** This prop allows you to enable tooltip if text size is too big */
     trim: d = !1
   }, r) => {
-    const l = z(null);
-    c1(r, () => l.current);
-    const [a, p] = B(!1);
+    const l = J(null);
+    C1(r, () => l.current);
+    const [a, p] = K(!1);
     G(() => {
       var m;
       if (!d) return;
@@ -327,11 +327,11 @@ const Q2 = (i, e) => {
   disabled: n = !1,
   disableUncheck: h = !1
 }) => {
-  const [C, d] = B(i), [r, l] = B(e);
+  const [C, d] = K(i), [r, l] = K(e);
   G(() => {
     d(i), l(e);
   }, [i, e]);
-  const { theme: a } = n1(C1);
+  const { theme: a } = o1(d1);
   return /* @__PURE__ */ o(
     y2,
     {
@@ -1143,7 +1143,7 @@ const Q2 = (i, e) => {
       )
     ]
   }
-), E5 = ({
+), A5 = ({
   width: i = 20,
   height: e = 20,
   color: t = c.GREY_DARK_5,
@@ -1176,7 +1176,7 @@ const Q2 = (i, e) => {
       )
     ]
   }
-), A5 = ({
+), E5 = ({
   width: i = 20,
   height: e = 20,
   color: t = c.GREY_DARK_5,
@@ -1249,7 +1249,7 @@ const Q2 = (i, e) => {
       )
     ]
   }
-), B5 = ({
+), K5 = ({
   width: i = 20,
   height: e = 20,
   color: t = c.GREY_DARK_5,
@@ -1282,7 +1282,7 @@ const Q2 = (i, e) => {
       )
     ]
   }
-), K5 = ({
+), B5 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#070739",
@@ -2609,7 +2609,7 @@ const Q2 = (i, e) => {
   disabled: h = !1,
   onClick: C
 }) => {
-  const { theme: d } = n1(C1), r = h ? d && d === "dark" ? c.GREY_LIGHT_4 : c.GREY_DARK_1 : s, l = h ? void 0 : C, a = C && !h ? `${n || ""} clickable` : n;
+  const { theme: d } = o1(d1), r = h ? d && d === "dark" ? c.GREY_LIGHT_4 : c.GREY_DARK_1 : s, l = h ? void 0 : C, a = C && !h ? `${n || ""} clickable` : n;
   return /* @__PURE__ */ o(i1, { children: (() => {
     switch (i) {
       case "nextIcon":
@@ -2665,15 +2665,15 @@ const Q2 = (i, e) => {
       case "settings":
         return y5({ width: e, height: t, color: r, className: a, onClick: l });
       case "trash":
-        return E5({ width: e, height: t, color: r, className: a, onClick: l });
-      case "settings2":
         return A5({ width: e, height: t, color: r, className: a, onClick: l });
+      case "settings2":
+        return E5({ width: e, height: t, color: r, className: a, onClick: l });
       case "checkCircle":
         return D5({ width: e, height: t, color: r, className: a, onClick: l });
       case "cancelCircle":
-        return B5({ width: e, height: t, color: r, className: a, onClick: l });
+        return K5({ width: e, height: t, color: r, className: a, onClick: l });
       case "visibilityIcon":
-        return K5({
+        return B5({
           width: e,
           height: t,
           color: r,
@@ -2791,7 +2791,7 @@ const Q2 = (i, e) => {
   h2: 2,
   h3: 3,
   h4: 4
-}, x7 = l1(
+}, x7 = r1(
   ({
     align: i = "inherit",
     variant: e = "body1",
@@ -2803,9 +2803,9 @@ const Q2 = (i, e) => {
     /** This prop allows you to enable tooltip if text size is too big */
     trim: d = !1
   }, r) => {
-    const l = z(null);
-    c1(r, () => l.current);
-    const [a, p] = B(!1);
+    const l = J(null);
+    C1(r, () => l.current);
+    const [a, p] = K(!1);
     G(() => {
       var m;
       if (!d) return;
@@ -3086,7 +3086,7 @@ const Q2 = (i, e) => {
       )
     ]
   }
-), E7 = ({
+), A7 = ({
   width: i = 20,
   height: e = 20,
   color: t = c.GREY_DARK_5,
@@ -3110,7 +3110,7 @@ const Q2 = (i, e) => {
       }
     )
   }
-), A7 = ({
+), E7 = ({
   width: i = 20,
   height: e = 20,
   color: t = c.GREY_DARK_5,
@@ -3158,7 +3158,7 @@ const Q2 = (i, e) => {
       }
     )
   }
-), B7 = ({
+), K7 = ({
   width: i = 20,
   height: e = 20,
   color: t = c.GREY_DARK_5,
@@ -3219,7 +3219,7 @@ const Q2 = (i, e) => {
       )
     ]
   }
-), K7 = ({
+), B7 = ({
   width: i = 20,
   height: e = 20,
   color: t = c.GREY_DARK_5,
@@ -5029,7 +5029,7 @@ const Q2 = (i, e) => {
       )
     ]
   }
-), E0 = ({
+), A0 = ({
   width: i = 24,
   height: e = 24,
   color: t = c.GREY_DARK_2,
@@ -5056,7 +5056,7 @@ const Q2 = (i, e) => {
       }
     )
   }
-), A0 = ({
+), E0 = ({
   width: i = 24,
   height: e = 24,
   color: t = c.GREY_DARK_2,
@@ -5092,7 +5092,7 @@ const Q2 = (i, e) => {
   disabled: h = !1,
   onClick: C
 }) => {
-  const { theme: d } = n1(C1), r = h ? d && d === "dark" ? c.GREY_LIGHT_4 : c.GREY_DARK_1 : s, l = h ? void 0 : C, a = C && !h ? `${n || ""} clickable` : n;
+  const { theme: d } = o1(d1), r = h ? d && d === "dark" ? c.GREY_LIGHT_4 : c.GREY_DARK_1 : s, l = h ? void 0 : C, a = C && !h ? `${n || ""} clickable` : n;
   return /* @__PURE__ */ o(i1, { children: (() => {
     switch (i) {
       case "nextIcon":
@@ -5108,15 +5108,15 @@ const Q2 = (i, e) => {
       case "calendar":
         return y7({ width: e, height: t, color: r, className: a, onClick: l });
       case "check":
-        return E7({ width: e, height: t, color: r, className: a, onClick: l });
-      case "cancel":
         return A7({ width: e, height: t, color: r, className: a, onClick: l });
+      case "cancel":
+        return E7({ width: e, height: t, color: r, className: a, onClick: l });
       case "add":
         return D7({ width: e, height: t, color: r, className: a, onClick: l });
       case "list":
-        return B7({ width: e, height: t, color: r, className: a, onClick: l });
-      case "dragAndDrop":
         return K7({ width: e, height: t, color: r, className: a, onClick: l });
+      case "dragAndDrop":
+        return B7({ width: e, height: t, color: r, className: a, onClick: l });
       case "filter":
         return S7({ width: e, height: t, color: r, className: a, onClick: l });
       case "attention":
@@ -5262,9 +5262,9 @@ const Q2 = (i, e) => {
       case "openPointCircle":
         return y0({ width: e, height: t, color: r, className: a, onClick: l });
       case "community":
-        return E0({ width: e, height: t, color: r, className: a, onClick: l });
-      case "docs":
         return A0({ width: e, height: t, color: r, className: a, onClick: l });
+      case "docs":
+        return E0({ width: e, height: t, color: r, className: a, onClick: l });
       default:
         return /* @__PURE__ */ o(i1, { children: "No Icon provided" });
     }
@@ -5281,7 +5281,7 @@ const Q2 = (i, e) => {
     h || s == null || s();
   };
   return /* @__PURE__ */ o(
-    W1,
+    $1,
     {
       className: `snmt-tag ${t} ${h ? "disabled" : ""}`,
       closeIcon: /* @__PURE__ */ o(
@@ -5307,12 +5307,12 @@ const Q2 = (i, e) => {
       ) : i
     }
   );
-}, { Title: B0, Text: K0 } = v1, S0 = {
+}, { Title: K0, Text: B0 } = v1, S0 = {
   h1: 1,
   h2: 2,
   h3: 3,
   h4: 4
-}, G0 = l1(
+}, G0 = r1(
   ({
     align: i = "inherit",
     variant: e = "body1",
@@ -5324,9 +5324,9 @@ const Q2 = (i, e) => {
     /** This prop allows you to enable tooltip if text size is too big */
     trim: d = !1
   }, r) => {
-    const l = z(null);
-    c1(r, () => l.current);
-    const [a, p] = B(!1);
+    const l = J(null);
+    C1(r, () => l.current);
+    const [a, p] = K(!1);
     G(() => {
       var m;
       if (!d) return;
@@ -5354,7 +5354,7 @@ const Q2 = (i, e) => {
         }
       } : void 0
     };
-    return u ? /* @__PURE__ */ o(B0, { level: S0[e], ...L, children: s }) : /* @__PURE__ */ o(K0, { ...L, children: s });
+    return u ? /* @__PURE__ */ o(K0, { level: S0[e], ...L, children: s }) : /* @__PURE__ */ o(B0, { ...L, children: s });
   }
 ), O0 = ({
   children: i,
@@ -5365,9 +5365,9 @@ const Q2 = (i, e) => {
   noPadding: h = !1,
   trigger: C = "click"
 }) => {
-  const [d, r] = B(!1);
+  const [d, r] = K(!1);
   return /* @__PURE__ */ o(
-    A2,
+    E2,
     {
       content: e,
       arrow: !1,
@@ -5386,7 +5386,7 @@ const Q2 = (i, e) => {
   h2: 2,
   h3: 3,
   h4: 4
-}, m2 = l1(
+}, m2 = r1(
   ({
     align: i = "inherit",
     variant: e = "body1",
@@ -5398,9 +5398,9 @@ const Q2 = (i, e) => {
     /** This prop allows you to enable tooltip if text size is too big */
     trim: d = !1
   }, r) => {
-    const l = z(null);
-    c1(r, () => l.current);
-    const [a, p] = B(!1);
+    const l = J(null);
+    C1(r, () => l.current);
+    const [a, p] = K(!1);
     G(() => {
       var m;
       if (!d) return;
@@ -6909,7 +6909,7 @@ const Q2 = (i, e) => {
       )
     ]
   }
-), E9 = ({
+), A9 = ({
   className: i,
   color: e = c.GREY_DARK_3,
   height: t = 14,
@@ -6946,7 +6946,7 @@ const Q2 = (i, e) => {
       )
     ]
   }
-), A9 = ({
+), E9 = ({
   className: i,
   color: e = c.GREY_DARK_5,
   height: t = 18,
@@ -7025,7 +7025,7 @@ const Q2 = (i, e) => {
       )
     ]
   }
-), B9 = ({
+), K9 = ({
   className: i,
   color: e = c.GREY_DARK_5,
   height: t = 24,
@@ -7062,7 +7062,7 @@ const Q2 = (i, e) => {
       )
     ]
   }
-), K9 = ({
+), B9 = ({
   className: i,
   color: e = c.NOTIFICATION_WARNING_DARK,
   height: t = 37,
@@ -7678,7 +7678,7 @@ const Q2 = (i, e) => {
       }
     )
   }
-), H1 = ({
+), _1 = ({
   name: i,
   width: e,
   height: t,
@@ -7687,7 +7687,7 @@ const Q2 = (i, e) => {
   disabled: h = !1,
   onClick: C
 }) => {
-  const { theme: d } = n1(C1), r = h ? d && d === "dark" ? c.GREY_LIGHT_4 : c.GREY_DARK_1 : s, l = h ? void 0 : C, a = C && !h ? `${n || ""} clickable` : n;
+  const { theme: d } = o1(d1), r = h ? d && d === "dark" ? c.GREY_LIGHT_4 : c.GREY_DARK_1 : s, l = h ? void 0 : C, a = C && !h ? `${n || ""} clickable` : n;
   return /* @__PURE__ */ o(i1, { children: (() => {
     switch (i) {
       case "nextIcon":
@@ -7819,15 +7819,15 @@ const Q2 = (i, e) => {
       case "linkedIn":
         return b9({ width: e, height: t, color: r, className: a, onClick: l });
       case "emptyStateIcon":
-        return E9({ width: e, height: t, color: r, className: a, onClick: l });
-      case "filtersIcon":
         return A9({ width: e, height: t, color: r, className: a, onClick: l });
+      case "filtersIcon":
+        return E9({ width: e, height: t, color: r, className: a, onClick: l });
       case "dotMenuIcon":
         return D9({ width: e, height: t, color: r, className: a, onClick: l });
       case "plusCircle":
-        return B9({ width: e, height: t, color: r, className: a, onClick: l });
-      case "warning":
         return K9({ width: e, height: t, color: r, className: a, onClick: l });
+      case "warning":
+        return B9({ width: e, height: t, color: r, className: a, onClick: l });
       case "back":
         return S9({ width: e, height: t, color: r, className: a, onClick: l });
       case "bell":
@@ -7880,7 +7880,7 @@ const Q2 = (i, e) => {
     purple: c.PURPLE_LIGHT
   };
   return /* @__PURE__ */ o(
-    W1,
+    $1,
     {
       className: `snmt-regular-badge snmt-regular-badge--${t}`,
       style: {
@@ -7898,7 +7898,7 @@ const Q2 = (i, e) => {
 }) => {
   const n = {
     approved: /* @__PURE__ */ o(
-      H1,
+      _1,
       {
         name: "checkCircle",
         width: 14,
@@ -7906,9 +7906,9 @@ const Q2 = (i, e) => {
         color: c.NOTIFICATION_SUCCESS_DARK
       }
     ),
-    pending: /* @__PURE__ */ o(H1, { name: "history", width: 14, height: 14, color: c.NOTIFICATION_WARNING_DARK }),
+    pending: /* @__PURE__ */ o(_1, { name: "history", width: 14, height: 14, color: c.NOTIFICATION_WARNING_DARK }),
     rejected: /* @__PURE__ */ o(
-      H1,
+      _1,
       {
         name: "cancelCircle",
         width: 14,
@@ -7916,7 +7916,7 @@ const Q2 = (i, e) => {
         color: c.NOTIFICATION_ERROR_DARK
       }
     ),
-    canceled: /* @__PURE__ */ o(H1, { name: "cancelCircle", width: 14, height: 14, color: c.GREY_DARK_2 })
+    canceled: /* @__PURE__ */ o(_1, { name: "cancelCircle", width: 14, height: 14, color: c.GREY_DARK_2 })
   }, h = {
     approved: c.NOTIFICATION_SUCCESS_LIGHT,
     pending: c.NOTIFICATION_WARNING_LIGHT,
@@ -7929,7 +7929,7 @@ const Q2 = (i, e) => {
     canceled: c.GREY_DARK_3
   };
   return /* @__PURE__ */ g(
-    W1,
+    $1,
     {
       className: `snmt-status-badge snmt-status-badge--${t ? "with-icon" : "without-icon"}`,
       style: { background: h[e], width: s ?? "fit-content" },
@@ -7961,7 +7961,7 @@ const i4 = ({
   extraOptions: C,
   selectedItemVariant: d = "default"
 }) => {
-  const { locale: r } = n1(C1), { t: l } = e5("common", { lng: r }), [a, p] = B(!1);
+  const { locale: r } = o1(d1), { t: l } = e5("common", { lng: r }), [a, p] = K(!1);
   if (G(() => {
     i.length || p(!1);
   }, [i]), !i.length)
@@ -9020,7 +9020,7 @@ const i4 = ({
       )
     ]
   }
-), E4 = ({
+), A4 = ({
   width: i = 9,
   height: e = 5,
   color: t = "#001E52",
@@ -9046,7 +9046,7 @@ const i4 = ({
       }
     )
   }
-), A4 = ({
+), E4 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#F2F2F7",
@@ -9104,7 +9104,7 @@ const i4 = ({
       )
     ]
   }
-), B4 = ({
+), K4 = ({
   width: i = 10,
   height: e = 10,
   color: t = "#001E52",
@@ -9133,7 +9133,7 @@ const i4 = ({
       )
     ]
   }
-), K4 = ({
+), B4 = ({
   width: i = 10,
   height: e = 10,
   color: t = "#001E52",
@@ -10279,7 +10279,7 @@ const i4 = ({
   disabled: h = !1,
   onClick: C
 }) => {
-  const { theme: d } = n1(C1), r = h ? d && d === "dark" ? c.GREY_LIGHT_4 : c.GREY_DARK_1 : s, l = h ? void 0 : C, a = C && !h ? `${n || ""} clickable` : n;
+  const { theme: d } = o1(d1), r = h ? d && d === "dark" ? c.GREY_LIGHT_4 : c.GREY_DARK_1 : s, l = h ? void 0 : C, a = C && !h ? `${n || ""} clickable` : n;
   return /* @__PURE__ */ o(i1, { children: (() => {
     switch (i) {
       case "nextIcon":
@@ -10359,7 +10359,7 @@ const i4 = ({
           onClick: l
         });
       case "selectArrowIcon":
-        return E4({
+        return A4({
           width: e,
           height: t,
           color: r,
@@ -10367,7 +10367,7 @@ const i4 = ({
           onClick: l
         });
       case "expandArrowIcon":
-        return A4({
+        return E4({
           width: e,
           height: t,
           color: r,
@@ -10383,9 +10383,9 @@ const i4 = ({
           onClick: l
         });
       case "sortUp":
-        return B4({ width: e, height: t, color: r, className: a, onClick: l });
-      case "sortDown":
         return K4({ width: e, height: t, color: r, className: a, onClick: l });
+      case "sortDown":
+        return B4({ width: e, height: t, color: r, className: a, onClick: l });
       case "search":
         return S4({ width: e, height: t, color: r, className: a, onClick: l });
       case "arrowUpFilled":
@@ -10487,7 +10487,7 @@ function p3(i, e) {
 function f3(i, e) {
   return e ? c.GREY_DARK_2 : i ? c.GREY_LIGHT_0 : c.GREY_DARK_4;
 }
-const L3 = l1((i, e) => {
+const L3 = r1((i, e) => {
   const {
     value: t,
     onChange: s,
@@ -10506,25 +10506,25 @@ const L3 = l1((i, e) => {
     onPopupScroll: f,
     id: M,
     extraOptions: Z,
-    dropdownRender: y,
+    dropdownRender: A,
     optionRender: k,
     isLoading: N,
     readOnly: R,
     error: x,
-    selectedItemVariant: K = "default",
+    selectedItemVariant: B = "default",
     variant: Y = "outlined"
   } = i;
   let Q;
   h && h !== "single" && (Q = i.overflowBehaviour ?? "responsive");
-  const [H, S] = B(!1), [j, W] = B(!1), [E, I] = B(!1), [P, _] = B(!0), [b, O] = B(t), o1 = z(null);
+  const [H, S] = K(!1), [j, W] = K(!1), [E, I] = K(!1), [F, b] = K(!0), [_, O] = K(t), l1 = J(null);
   G(() => {
     O(t);
   }, [t]);
   const N1 = (v) => {
     S(v), L && L(v);
-  }, x1 = (v, D) => {
-    var q;
-    return !!((q = D == null ? void 0 : D.label) != null && q.toString().toLowerCase().includes(v.toLowerCase()));
+  }, x1 = (v, y) => {
+    var T;
+    return !!((T = y == null ? void 0 : y.label) != null && T.toString().toLowerCase().includes(v.toLowerCase()));
   }, M1 = () => {
     W(!0);
   }, R1 = () => {
@@ -10532,14 +10532,14 @@ const L3 = l1((i, e) => {
   }, s1 = $(
     (v) => {
       if (O(v), h && h !== "single") {
-        const q = v;
-        s == null || s(q);
+        const T = v;
+        s == null || s(T);
         return;
       }
-      let D = null;
-      Array.isArray(v) && K === "badge" ? D = v.length > 0 ? v[0] : null : Array.isArray(v) || (D = v || null), s == null || s(D);
+      let y = null;
+      Array.isArray(v) && B === "badge" ? y = v.length > 0 ? v[0] : null : Array.isArray(v) || (y = v || null), s == null || s(y);
     },
-    [h, s, K]
+    [h, s, B]
   ), V1 = $(() => {
     if (!(R || l)) {
       if (h) {
@@ -10548,67 +10548,67 @@ const L3 = l1((i, e) => {
       }
       s1("");
     }
-  }, [l, s1, h, R]), r1 = $(
+  }, [l, s1, h, R]), a1 = $(
     (v) => {
-      const D = b.filter((q) => q !== v);
-      s1(D), O(D);
+      const y = _.filter((T) => T !== v);
+      s1(y), O(y);
     },
-    [s1, b]
+    [s1, _]
   ), Z1 = $(
-    (v) => (b == null ? void 0 : b.indexOf(v)) === 0 ? (
+    (v) => (_ == null ? void 0 : _.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: P ? n : "" })
+      /* @__PURE__ */ o("span", { className: "custom-placeholder", children: F ? n : "" })
     ) : /* @__PURE__ */ o(i1, {}),
-    [P, b, n]
-  ), A = (v) => {
+    [F, _, n]
+  ), D = (v) => {
     v.preventDefault(), v.stopPropagation();
-  }, F = async (v) => {
-    const { target: D } = v;
-    D.scrollTop + D.offsetHeight >= D.scrollHeight - u && (m == null || m(!0)), f && await f(v);
+  }, U = async (v) => {
+    const { target: y } = v;
+    y.scrollTop + y.offsetHeight >= y.scrollHeight - u && (m == null || m(!0)), f && await f(v);
   }, X = $(
     (v) => {
-      var D, q;
-      return ((D = d.find((d1) => d1.value === v)) == null ? void 0 : D.label) || ((q = Z == null ? void 0 : Z.find((d1) => d1.value === v)) == null ? void 0 : q.label) || v;
+      var y, T;
+      return ((y = d.find((n1) => n1.value === v)) == null ? void 0 : y.label) || ((T = Z == null ? void 0 : Z.find((n1) => n1.value === v)) == null ? void 0 : T.label) || v;
     },
     [Z, d]
-  ), U = $(
-    (v, D = "default") => {
-      var q;
+  ), z = $(
+    (v, y = "default") => {
+      var T;
       return /* @__PURE__ */ o(
         i4,
         {
           values: v,
-          onTagClose: r1,
-          maxWidth: ((q = o1.current) == null ? void 0 : q.clientWidth) || 0,
+          onTagClose: a1,
+          maxWidth: ((T = l1.current) == null ? void 0 : T.clientWidth) || 0,
           disabled: l,
           closable: !R,
           options: d,
           extraOptions: Z,
-          selectedItemVariant: D
+          selectedItemVariant: y
         }
       );
     },
-    [l, Z, r1, d, R]
-  ), J = $(
-    ({ label: v, value: D, mode: q }) => {
-      if (q === "filter")
-        return Z1(D);
+    [l, Z, a1, d, R]
+  ), q = $(
+    ({ label: v, value: y, mode: T }) => {
+      if (T === "filter")
+        return Z1(y);
       {
-        const d1 = K === "badge" && d.find((V2) => V2.label === v), $1 = typeof v == "object" ? v : X(D);
-        return /* @__PURE__ */ o("div", { onMouseDown: A, className: "tag-wrapper", children: K === "badge" ? /* @__PURE__ */ o(
+        const n1 = B === "badge" && d.find((V2) => V2.label === v), H1 = typeof v == "object" ? v : X(y);
+        return /* @__PURE__ */ o("div", { onMouseDown: D, className: "tag-wrapper", children: B === "badge" ? /* @__PURE__ */ o(
           k2,
           {
             variant: "regular",
             size: "small",
-            color: d1 ? d1.color : "cyan",
-            text: $1
+            color: n1 ? n1.color : "cyan",
+            text: H1
           }
-        ) : /* @__PURE__ */ o(L2, { onClose: () => r1(D), disabled: l, children: $1 }) });
+        ) : /* @__PURE__ */ o(L2, { onClose: () => a1(y), disabled: l, children: H1 }) });
       }
     },
-    [l, X, r1, Z1, K, d]
-  ), e1 = Array.isArray(b) && b.length > 0 || !!b && typeof b == "string" && b.trim() !== "";
+    [l, X, a1, Z1, B, d]
+  ), e1 = Array.isArray(_) && _.length > 0 || !!_ && typeof _ == "string" && _.trim() !== "";
   return /* @__PURE__ */ g(
     "div",
     {
@@ -10622,7 +10622,7 @@ const L3 = l1((i, e) => {
                     ${R ? "snmt-select-read-only" : ""} 
                     ${Q === "static" ? "snmt-select-static" : ""} 
                     ${Y === "borderless" ? "snmt-select-borderless" : ""}`,
-            ref: o1,
+            ref: l1,
             style: { width: r },
             children: [
               /* @__PURE__ */ o(
@@ -10636,12 +10636,12 @@ const L3 = l1((i, e) => {
                   filterOption: C && x1,
                   onDropdownVisibleChange: N1,
                   disabled: l,
-                  value: b || void 0,
+                  value: _ || void 0,
                   labelRender: (v) => {
-                    const D = X(v.value);
-                    return l ? /* @__PURE__ */ o("span", { style: { color: c.GREY_DARK_1 }, children: D }) : D;
+                    const y = X(v.value);
+                    return l ? /* @__PURE__ */ o("span", { style: { color: c.GREY_DARK_1 }, children: y }) : y;
                   },
-                  mode: m3(h, K),
+                  mode: m3(h, B),
                   variant: Y,
                   onChange: s1,
                   onFocus: M1,
@@ -10649,18 +10649,18 @@ const L3 = l1((i, e) => {
                   onMouseEnter: () => I(!0),
                   onMouseLeave: () => I(!1),
                   onSearch: (v) => {
-                    _(!v), w && w(v);
+                    b(!v), w && w(v);
                   },
-                  onSelect: () => _(!0),
-                  onDeselect: () => _(!0),
-                  tagRender: (v) => J({ ...v, mode: h }),
+                  onSelect: () => b(!0),
+                  onDeselect: () => b(!0),
+                  tagRender: (v) => q({ ...v, mode: h }),
                   maxTagCount: Q === "responsive" ? "responsive" : void 0,
-                  maxCount: h === "single" && K === "badge" ? 1 : void 0,
-                  maxTagPlaceholder: (v) => U(v, K),
-                  onPopupScroll: F,
+                  maxCount: h === "single" && B === "badge" ? 1 : void 0,
+                  maxTagPlaceholder: (v) => z(v, B),
+                  onPopupScroll: U,
                   prefix: N && /* @__PURE__ */ o(q1, { size: "small" }),
                   suffixIcon: /* @__PURE__ */ o("div", { className: "wrapper-suffix-icon", children: h !== "filter" && /* @__PURE__ */ g(i1, { children: [
-                    b && !!b.length && p && /* @__PURE__ */ o(
+                    _ && !!_.length && p && /* @__PURE__ */ o(
                       "div",
                       {
                         onClick: V1,
@@ -10695,30 +10695,28 @@ const L3 = l1((i, e) => {
                   ] }) }),
                   removeIcon: /* @__PURE__ */ o(p1, { name: "cancelCircle", color: c.GREY_DARK_1 }),
                   options: d,
-                  optionRender: (v) => k ? k(v.data) : /* @__PURE__ */ g(L1, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
-                    /* @__PURE__ */ g(L1, { alignItems: "center", gap: 12, children: [
-                      h && /* @__PURE__ */ o(
-                        h5,
-                        {
-                          checked: !!(b != null && b.includes(v.value))
-                        }
-                      ),
-                      /* @__PURE__ */ g(L1, { alignItems: "center", gap: 8, children: [
-                        v.data.image !== void 0 && /* @__PURE__ */ o(
-                          n5,
-                          {
-                            src: v.data.image,
-                            variant: "xsmall",
-                            fallbackText: v.data.imageFallbackText ? v.data.imageFallbackText : ""
-                          }
-                        ),
-                        /* @__PURE__ */ o("span", { children: v.label })
-                      ] })
-                    ] }),
-                    !h && b === v.value && /* @__PURE__ */ o(p1, { name: "check", color: c.BLUE_DARK_1 })
-                  ] }),
+                  optionRender: (v) => {
+                    const y = h === "single" && B === "badge", T = Array.isArray(_) ? !!(_ != null && _.includes(v.value)) : _ === v.value, n1 = y ? _ : void 0, H1 = y ? ((n1 == null ? void 0 : n1.length) || 0) > 0 : !1;
+                    return k ? k(v.data) : /* @__PURE__ */ g(L1, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
+                      /* @__PURE__ */ g(L1, { alignItems: "center", gap: 12, children: [
+                        h && h !== "single" || y ? /* @__PURE__ */ o(h5, { checked: T, disabled: y && H1 && !T }) : null,
+                        /* @__PURE__ */ g(L1, { alignItems: "center", gap: 8, children: [
+                          v.data.image !== void 0 && /* @__PURE__ */ o(
+                            n5,
+                            {
+                              src: v.data.image,
+                              variant: "xsmall",
+                              fallbackText: v.data.imageFallbackText ? v.data.imageFallbackText : ""
+                            }
+                          ),
+                          /* @__PURE__ */ o("span", { children: v.label })
+                        ] })
+                      ] }),
+                      !h && _ === v.value && /* @__PURE__ */ o(p1, { name: "check", color: c.BLUE_DARK_1 })
+                    ] });
+                  },
                   dropdownRender: (v) => /* @__PURE__ */ g("div", { className: "dropdown-container", children: [
-                    /* @__PURE__ */ o("div", { className: "dropdown-menu", children: y ? y(v) : v }),
+                    /* @__PURE__ */ o("div", { className: "dropdown-menu", children: A ? A(v) : v }),
                     N && /* @__PURE__ */ o("div", { className: "loading-overlay", children: /* @__PURE__ */ o(q1, {}) })
                   ] })
                 }
@@ -10761,7 +10759,7 @@ function m3(i, e) {
   return i === "filter" || i === "single" && e === "badge" ? "multiple" : i === "single" ? void 0 : i;
 }
 function k3(i, e = 500) {
-  const t = z();
+  const t = J();
   return G(() => () => {
     t.current && clearTimeout(t.current);
   }, []), (...s) => {
@@ -10772,14 +10770,14 @@ function k3(i, e = 500) {
   };
 }
 function Q1(i) {
-  const e = z(i);
+  const e = J(i);
   return G(() => {
     e.current = i;
   }, [i]), e.current;
 }
-const K1 = 100, g1 = {
+const S1 = 100, g1 = {
   offset: 0
-}, X1 = l1((i, e) => {
+}, X1 = r1((i, e) => {
   const {
     loadOptions: t,
     width: s,
@@ -10798,91 +10796,91 @@ const K1 = 100, g1 = {
     readOnly: f,
     clearable: M = !0,
     required: Z = !1,
-    error: y,
+    error: A,
     variant: k = "outlined"
-  } = i, [N, R] = B(), [x, K] = B(g1), [Y, Q] = B(!1), [H, S] = B(), [j, W] = B(!1), [E, I] = B(
+  } = i, [N, R] = K(), [x, B] = K(g1), [Y, Q] = K(!1), [H, S] = K(), [j, W] = K(!1), [E, I] = K(
     u ?? []
-  ), P = Q1(x.offset), _ = Q1(H), [b, O] = B(!1), o1 = z(!1), N1 = $(
+  ), F = Q1(x.offset), b = Q1(H), [_, O] = K(!1), l1 = J(!1), N1 = $(
     async ({
-      limit: A = K1,
-      offset: F,
+      limit: D = S1,
+      offset: U,
       search: X
     }) => {
       Q(!0);
       try {
-        const U = await t({
-          limit: A,
-          offset: F,
+        const z = await t({
+          limit: D,
+          offset: U,
           search: X
         });
         R(
-          (J) => F === 0 ? U.options : [...J ?? [], ...U.options]
-        ), K((J) => ({
-          ...J,
-          count: U.count
+          (q) => U === 0 ? z.options : [...q ?? [], ...z.options]
+        ), B((q) => ({
+          ...q,
+          count: z.count
         }));
-      } catch (U) {
-        return console.error("AsyncSelect. fetchOptions error", U), [];
+      } catch (z) {
+        return console.error("AsyncSelect. fetchOptions error", z), [];
       } finally {
         Q(!1);
       }
     },
     [t]
-  ), x1 = k3((A) => {
-    S(A), A || K(g1);
+  ), x1 = k3((D) => {
+    S(D), D || B(g1);
   }), M1 = $(
-    (A) => x1(A),
+    (D) => x1(D),
     [x1]
   ), R1 = $(
-    async (A) => {
-      Y || A && x.count && x.count > ((N == null ? void 0 : N.length) ?? 0) && K((F) => ({
-        ...F,
-        offset: F.offset + K1
+    async (D) => {
+      Y || D && x.count && x.count > ((N == null ? void 0 : N.length) ?? 0) && B((U) => ({
+        ...U,
+        offset: U.offset + S1
       }));
     },
     [Y, N == null ? void 0 : N.length, x.count]
   ), s1 = $(
-    (A) => {
-      W(A), !A && H && (S(void 0), K(g1), O(!0)), w == null || w(A);
+    (D) => {
+      W(D), !D && H && (S(void 0), B(g1), O(!0)), w == null || w(D);
     },
     [w, H]
   );
   G(() => {
-    !o1.current || Y || (b || j && (P !== x.offset || _ !== H || !N)) && (N1({ offset: x.offset, limit: K1, search: H }), b && O(!1));
-  }, [b, j, x.offset, H, P, _, N, Y]), G(() => {
-    (a || p) && N1(g1), o1.current = !0;
+    !l1.current || Y || (_ || j && (F !== x.offset || b !== H || !N)) && (N1({ offset: x.offset, limit: S1, search: H }), _ && O(!1));
+  }, [_, j, x.offset, H, F, b, N, Y]), G(() => {
+    (a || p) && N1(g1), l1.current = !0;
   }, []), G(() => {
-    u && I((A) => {
-      const F = u.filter(
-        (X) => !A.some((U) => U.value === X.value)
+    u && I((D) => {
+      const U = u.filter(
+        (X) => !D.some((z) => z.value === X.value)
       );
-      return [...A, ...F];
+      return [...D, ...U];
     });
   }, [u]);
   const V1 = $(
-    (A) => {
-      n && n(A);
-      let F = [];
-      if (l ? F = Array.isArray(A) ? A : [] : F = A ? [A] : [], H) {
-        const X = F.filter(
-          (U) => !(E != null && E.some((J) => J.value === U))
+    (D) => {
+      n && n(D);
+      let U = [];
+      if (l ? U = Array.isArray(D) ? D : [] : U = D ? [D] : [], H) {
+        const X = U.filter(
+          (z) => !(E != null && E.some((q) => q.value === z))
         );
-        X.length > 0 && I((U = []) => [
-          ...U,
-          ...X.map((J) => {
-            const e1 = N == null ? void 0 : N.find((v) => v.value === J);
+        X.length > 0 && I((z = []) => [
+          ...z,
+          ...X.map((q) => {
+            const e1 = N == null ? void 0 : N.find((v) => v.value === q);
             return {
-              value: J,
-              label: (e1 == null ? void 0 : e1.label) ?? J,
+              value: q,
+              label: (e1 == null ? void 0 : e1.label) ?? q,
               imageFallbackText: (e1 == null ? void 0 : e1.imageFallbackText) ?? "",
               image: (e1 == null ? void 0 : e1.image) ?? void 0
             };
           })
-        ]), S(void 0), K(g1), O(!0);
+        ]), S(void 0), B(g1), O(!0);
       }
     },
     [n, H, l, N, E]
-  ), r1 = P1(
+  ), a1 = P1(
     () => ({
       id: h,
       width: s,
@@ -10901,7 +10899,7 @@ const K1 = 100, g1 = {
       readOnly: f,
       clearable: M,
       required: Z,
-      error: y,
+      error: A,
       variant: k
     }),
     [
@@ -10921,35 +10919,35 @@ const K1 = 100, g1 = {
       f,
       M,
       Z,
-      y,
+      A,
       k
     ]
   );
-  c1(e, () => ({
+  C1(e, () => ({
     refetchOptions: async () => {
-      K(g1), S(void 0), O(!0);
+      B(g1), S(void 0), O(!0);
     }
   }));
   const Z1 = P1(() => {
-    const A = l && l !== "single", F = i.selectedItemVariant === "badge", X = F ? N || [] : N || [], U = E, J = i, e1 = A ? {
+    const D = l && l !== "single", U = i.selectedItemVariant === "badge", X = U ? N || [] : N || [], z = E, q = i, e1 = D ? {
       mode: l,
-      overflowBehaviour: J.overflowBehaviour,
-      value: J.value
+      overflowBehaviour: q.overflowBehaviour,
+      value: q.value
     } : {
       mode: l,
       value: i.value
     };
     return {
-      ...r1,
+      ...a1,
       ...e1,
       selectedItemVariant: i.selectedItemVariant,
       options: X,
-      extraOptions: U
+      extraOptions: z
     };
-  }, [l, i, r1, E, N]);
+  }, [l, i, a1, E, N]);
   return /* @__PURE__ */ o("div", { className: "snmt-async-select", children: /* @__PURE__ */ o(L3, { ...Z1 }) });
 });
-var b1 = /* @__PURE__ */ ((i) => (i.ACTIVE = "Active", i.ARCHIVED = "Archived", i))(b1 || {});
+var y1 = /* @__PURE__ */ ((i) => (i.ACTIVE = "Active", i.ARCHIVED = "Archived", i))(y1 || {});
 const v3 = {
   small: 20,
   medium: 28,
@@ -10967,14 +10965,14 @@ function x3() {
   if (console && console.warn) {
     for (var i = arguments.length, e = new Array(i), t = 0; t < i; t++)
       e[t] = arguments[t];
-    h1(e[0]) && (e[0] = `react-i18next:: ${e[0]}`), console.warn(...e);
+    c1(e[0]) && (e[0] = `react-i18next:: ${e[0]}`), console.warn(...e);
   }
 }
 const e2 = {};
-function I1() {
+function Y1() {
   for (var i = arguments.length, e = new Array(i), t = 0; t < i; t++)
     e[t] = arguments[t];
-  h1(e[0]) && e2[e[0]] || (h1(e[0]) && (e2[e[0]] = /* @__PURE__ */ new Date()), x3(...e));
+  c1(e[0]) && e2[e[0]] || (c1(e[0]) && (e2[e[0]] = /* @__PURE__ */ new Date()), x3(...e));
 }
 const v2 = (i, e) => () => {
   if (i.isInitialized)
@@ -10990,7 +10988,7 @@ const v2 = (i, e) => () => {
 }, t2 = (i, e, t) => {
   i.loadNamespaces(e, v2(i, t));
 }, i2 = (i, e, t, s) => {
-  h1(t) && (t = [t]), t.forEach((n) => {
+  c1(t) && (t = [t]), t.forEach((n) => {
     i.options.ns.indexOf(n) < 0 && i.options.ns.push(n);
   }), i.loadLanguages(e, v2(i, s));
 }, M3 = function(i, e) {
@@ -11004,13 +11002,13 @@ const v2 = (i, e) => () => {
   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(h, i)));
 }, R3 = function(i, e) {
   let t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
-  return !e.languages || !e.languages.length ? (I1("i18n.languages were undefined or empty", e.languages), !0) : e.options.ignoreJSONStructure !== void 0 ? e.hasLoadedNamespace(i, {
+  return !e.languages || !e.languages.length ? (Y1("i18n.languages were undefined or empty", e.languages), !0) : e.options.ignoreJSONStructure !== void 0 ? e.hasLoadedNamespace(i, {
     lng: t.lng,
     precheck: (n, h) => {
       if (t.bindI18n && t.bindI18n.indexOf("languageChanging") > -1 && n.services.backendConnector.backend && n.isLanguageChangingTo && !h(n.isLanguageChangingTo, i)) return !1;
     }
   }) : M3(i, e, t);
-}, h1 = (i) => typeof i == "string", V3 = (i) => typeof i == "object" && i !== null, Z3 = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g, H3 = {
+}, c1 = (i) => typeof i == "string", V3 = (i) => typeof i == "object" && i !== null, Z3 = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g, H3 = {
   "&amp;": "&",
   "&#38;": "&",
   "&lt;": "<",
@@ -11032,7 +11030,7 @@ const v2 = (i, e) => () => {
   "&#x2F;": "/",
   "&#47;": "/"
 }, _3 = (i) => H3[i], b3 = (i) => i.replace(Z3, _3);
-let Y1 = {
+let j1 = {
   bindI18n: "languageChanged",
   bindI18nStore: "",
   transEmptyNodeValue: "",
@@ -11044,20 +11042,20 @@ let Y1 = {
 };
 const y3 = function() {
   let i = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-  Y1 = {
-    ...Y1,
+  j1 = {
+    ...j1,
     ...i
   };
-}, E3 = () => Y1;
+}, A3 = () => j1;
 let N2;
-const A3 = (i) => {
+const E3 = (i) => {
   N2 = i;
-}, D3 = () => N2, B3 = {
+}, D3 = () => N2, K3 = {
   type: "3rdParty",
   init(i) {
-    y3(i.options.react), A3(i);
+    y3(i.options.react), E3(i);
   }
-}, K3 = w2();
+}, B3 = w2();
 class S3 {
   constructor() {
     T1(this, "getUsedNamespaces", () => Object.keys(this.usedNamespaces));
@@ -11070,7 +11068,7 @@ class S3 {
   }
 }
 const G3 = (i, e) => {
-  const t = z();
+  const t = J();
   return G(() => {
     t.current = i;
   }, [i, e]), t.current;
@@ -11081,15 +11079,15 @@ const G3 = (i, e) => {
   } = e, {
     i18n: s,
     defaultNS: n
-  } = n1(K3) || {}, h = t || s || D3();
+  } = o1(B3) || {}, h = t || s || D3();
   if (h && !h.reportNamespaces && (h.reportNamespaces = new S3()), !h) {
-    I1("You will need to pass in an i18next instance by using initReactI18next");
-    const k = (R, x) => h1(x) ? x : V3(x) && h1(x.defaultValue) ? x.defaultValue : Array.isArray(R) ? R[R.length - 1] : R, N = [k, {}, !1];
+    Y1("You will need to pass in an i18next instance by using initReactI18next");
+    const k = (R, x) => c1(x) ? x : V3(x) && c1(x.defaultValue) ? x.defaultValue : Array.isArray(R) ? R[R.length - 1] : R, N = [k, {}, !1];
     return N.t = k, N.i18n = {}, N.ready = !1, N;
   }
-  h.options.react && h.options.react.wait !== void 0 && I1("It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");
+  h.options.react && h.options.react.wait !== void 0 && Y1("It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");
   const C = {
-    ...E3(),
+    ...A3(),
     ...h.options.react,
     ...e
   }, {
@@ -11097,11 +11095,11 @@ const G3 = (i, e) => {
     keyPrefix: r
   } = C;
   let l = i;
-  l = h1(l) ? [l] : l || ["translation"], h.reportNamespaces.addUsedNamespaces && h.reportNamespaces.addUsedNamespaces(l);
-  const a = (h.isInitialized || h.initializedStoreOnce) && l.every((k) => R3(k, h, C)), p = O3(h, e.lng || null, C.nsMode === "fallback" ? l : l[0], r), u = () => p, w = () => x2(h, e.lng || null, C.nsMode === "fallback" ? l : l[0], r), [L, m] = B(u);
+  l = c1(l) ? [l] : l || ["translation"], h.reportNamespaces.addUsedNamespaces && h.reportNamespaces.addUsedNamespaces(l);
+  const a = (h.isInitialized || h.initializedStoreOnce) && l.every((k) => R3(k, h, C)), p = O3(h, e.lng || null, C.nsMode === "fallback" ? l : l[0], r), u = () => p, w = () => x2(h, e.lng || null, C.nsMode === "fallback" ? l : l[0], r), [L, m] = K(u);
   let f = l.join();
   e.lng && (f = `${e.lng}${f}`);
-  const M = G3(f), Z = z(!0);
+  const M = G3(f), Z = J(!0);
   G(() => {
     const {
       bindI18n: k,
@@ -11121,8 +11119,8 @@ const G3 = (i, e) => {
   }, [h, f]), G(() => {
     Z.current && a && m(u);
   }, [h, r, a]);
-  const y = [L, h, a];
-  if (y.t = L, y.i18n = h, y.ready = a, a || !a && !d) return y;
+  const A = [L, h, a];
+  if (A.t = L, A.i18n = h, A.ready = a, a || !a && !d) return A;
   throw new Promise((k) => {
     e.lng ? i2(h, e.lng, l, () => k()) : t2(h, l, () => k());
   });
@@ -11167,7 +11165,7 @@ const G3 = (i, e) => {
     k: h
   } = m1(i, e, Object);
   n[h] = n[h] || [], n[h].push(t);
-}, y1 = (i, e) => {
+}, A1 = (i, e) => {
   const {
     obj: t,
     k: s
@@ -11175,8 +11173,8 @@ const G3 = (i, e) => {
   if (t)
     return t[s];
 }, $3 = (i, e, t) => {
-  const s = y1(i, t);
-  return s !== void 0 ? s : y1(e, t);
+  const s = A1(i, t);
+  return s !== void 0 ? s : A1(e, t);
 }, M2 = (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]) : M2(i[s], e[s], t) : i[s] = e[s]);
@@ -11214,7 +11212,7 @@ const U3 = [" ", ",", "?", "!", ";"], z3 = new F3(20), J3 = (i, e, t) => {
     C > 0 && !n.test(i.substring(0, C)) && (h = !0);
   }
   return h;
-}, j1 = function(i, e) {
+}, W1 = function(i, e) {
   let t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : ".";
   if (!i) return;
   if (i[e]) return i[e];
@@ -11249,7 +11247,7 @@ const U3 = [" ", ",", "?", "!", ";"], z3 = new F3(20), J3 = (i, e, t) => {
     console && console[i] && console[i].apply(console, e);
   }
 };
-class A1 {
+class D1 {
   constructor(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     this.init(e, t);
@@ -11282,16 +11280,16 @@ class A1 {
     return n && !this.debug ? null : (V(e[0]) && (e[0] = `${s}${this.prefix} ${e[0]}`), this.logger[t](e));
   }
   create(e) {
-    return new A1(this.logger, {
+    return new D1(this.logger, {
       prefix: `${this.prefix}:${e}:`,
       ...this.options
     });
   }
   clone(e) {
-    return e = e || this.options, e.prefix = e.prefix || this.prefix, new A1(this.logger, e);
+    return e = e || this.options, e.prefix = e.prefix || this.prefix, new D1(this.logger, e);
   }
 }
-var t1 = new A1();
+var t1 = new D1();
 class B1 {
   constructor() {
     this.observers = {};
@@ -11346,8 +11344,8 @@ class r2 extends B1 {
     const h = n.keySeparator !== void 0 ? n.keySeparator : this.options.keySeparator, C = n.ignoreJSONStructure !== void 0 ? n.ignoreJSONStructure : this.options.ignoreJSONStructure;
     let d;
     e.indexOf(".") > -1 ? d = e.split(".") : (d = [e, t], s && (Array.isArray(s) ? d.push(...s) : V(s) && h ? d.push(...s.split(h)) : d.push(s)));
-    const r = y1(this.data, d);
-    return !r && !t && !s && e.indexOf(".") > -1 && (e = d[0], t = d[1], s = d.slice(2).join(".")), r || !C || !V(s) ? r : j1(this.data && this.data[e] && this.data[e][t], s, h);
+    const r = A1(this.data, d);
+    return !r && !t && !s && e.indexOf(".") > -1 && (e = d[0], t = d[1], s = d.slice(2).join(".")), r || !C || !V(s) ? r : W1(this.data && this.data[e] && this.data[e][t], s, h);
   }
   addResource(e, t, s, n) {
     let h = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : {
@@ -11373,7 +11371,7 @@ class r2 extends B1 {
       skipCopy: !1
     }, d = [e, t];
     e.indexOf(".") > -1 && (d = e.split("."), n = s, s = t, t = d[1]), this.addNamespaces(t);
-    let r = y1(this.data, d) || {};
+    let r = A1(this.data, d) || {};
     C.skipCopy || (s = JSON.parse(JSON.stringify(s))), n ? M2(r, s, h) : r = {
       ...r,
       ...s
@@ -11413,7 +11411,7 @@ var R2 = {
   }
 };
 const a2 = {};
-class D1 extends B1 {
+class K1 extends B1 {
   constructor(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     super(), Y3(["resourceStore", "languageUtils", "pluralResolver", "interpolator", "backendConnector", "i18nFormat", "utils"], e, this), this.options = t, this.options.keySeparator === void 0 && (this.options.keySeparator = "."), this.logger = t1.create("translator");
@@ -11483,8 +11481,8 @@ class D1 extends B1 {
     }
     const p = this.resolve(e, t);
     let u = p && p.res;
-    const w = p && p.usedKey || C, L = p && p.exactUsedKey || C, m = Object.prototype.toString.apply(u), f = ["[object Number]", "[object Function]", "[object RegExp]"], M = t.joinArrays !== void 0 ? t.joinArrays : this.options.joinArrays, Z = !this.i18nFormat || this.i18nFormat.handleAsObject, y = !V(u) && typeof u != "boolean" && typeof u != "number";
-    if (Z && u && y && f.indexOf(m) < 0 && !(V(M) && Array.isArray(u))) {
+    const w = p && p.usedKey || C, L = p && p.exactUsedKey || C, m = Object.prototype.toString.apply(u), f = ["[object Number]", "[object Function]", "[object RegExp]"], M = t.joinArrays !== void 0 ? t.joinArrays : this.options.joinArrays, Z = !this.i18nFormat || this.i18nFormat.handleAsObject, A = !V(u) && typeof u != "boolean" && typeof u != "number";
+    if (Z && u && A && f.indexOf(m) < 0 && !(V(M) && Array.isArray(u))) {
       if (!t.returnObjects && !this.options.returnObjects) {
         this.options.returnedObjectHandler || this.logger.warn("accessing an object - but returnObjects options is not enabled!");
         const k = this.options.returnedObjectHandler ? this.options.returnedObjectHandler(w, u, {
@@ -11497,12 +11495,12 @@ class D1 extends B1 {
         const k = Array.isArray(u), N = k ? [] : {}, R = k ? L : w;
         for (const x in u)
           if (Object.prototype.hasOwnProperty.call(u, x)) {
-            const K = `${R}${h}${x}`;
-            N[x] = this.translate(K, {
+            const B = `${R}${h}${x}`;
+            N[x] = this.translate(B, {
               ...t,
               joinArrays: !1,
               ns: d
-            }), N[x] === K && (N[x] = u[x]);
+            }), N[x] === B && (N[x] = u[x]);
           }
         u = N;
       }
@@ -11510,35 +11508,35 @@ class D1 extends B1 {
       u = u.join(M), u && (u = this.extendTranslation(u, e, t, s));
     else {
       let k = !1, N = !1;
-      const R = t.count !== void 0 && !V(t.count), x = D1.hasDefaultValue(t), K = R ? this.pluralResolver.getSuffix(l, t.count, t) : "", Y = t.ordinal && R ? this.pluralResolver.getSuffix(l, t.count, {
+      const R = t.count !== void 0 && !V(t.count), x = K1.hasDefaultValue(t), B = R ? this.pluralResolver.getSuffix(l, t.count, t) : "", Y = t.ordinal && R ? this.pluralResolver.getSuffix(l, t.count, {
         ordinal: !1
-      }) : "", Q = R && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), H = Q && t[`defaultValue${this.options.pluralSeparator}zero`] || t[`defaultValue${K}`] || t[`defaultValue${Y}`] || t.defaultValue;
+      }) : "", Q = R && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), H = Q && t[`defaultValue${this.options.pluralSeparator}zero`] || t[`defaultValue${B}`] || t[`defaultValue${Y}`] || t.defaultValue;
       !this.isValidLookup(u) && x && (k = !0, u = H), this.isValidLookup(u) || (N = !0, u = C);
       const j = (t.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey) && N ? void 0 : u, W = x && H !== u && this.options.updateMissing;
       if (N || k || W) {
         if (this.logger.log(W ? "updateKey" : "missingKey", l, r, C, W ? H : u), h) {
-          const _ = this.resolve(C, {
+          const b = this.resolve(C, {
             ...t,
             keySeparator: !1
           });
-          _ && _.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.");
+          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 E = [];
         const I = this.languageUtils.getFallbackCodes(this.options.fallbackLng, t.lng || this.language);
         if (this.options.saveMissingTo === "fallback" && I && I[0])
-          for (let _ = 0; _ < I.length; _++)
-            E.push(I[_]);
+          for (let b = 0; b < I.length; b++)
+            E.push(I[b]);
         else this.options.saveMissingTo === "all" ? E = this.languageUtils.toResolveHierarchy(t.lng || this.language) : E.push(t.lng || this.language);
-        const P = (_, b, O) => {
-          const o1 = x && O !== u ? O : j;
-          this.options.missingKeyHandler ? this.options.missingKeyHandler(_, r, b, o1, W, t) : this.backendConnector && this.backendConnector.saveMissing && this.backendConnector.saveMissing(_, r, b, o1, W, t), this.emit("missingKey", _, r, b, u);
+        const F = (b, _, O) => {
+          const l1 = x && O !== u ? O : j;
+          this.options.missingKeyHandler ? this.options.missingKeyHandler(b, r, _, l1, W, t) : this.backendConnector && this.backendConnector.saveMissing && this.backendConnector.saveMissing(b, r, _, l1, W, t), this.emit("missingKey", b, r, _, u);
         };
-        this.options.saveMissing && (this.options.saveMissingPlurals && R ? E.forEach((_) => {
-          const b = this.pluralResolver.getSuffixes(_, t);
-          Q && t[`defaultValue${this.options.pluralSeparator}zero`] && b.indexOf(`${this.options.pluralSeparator}zero`) < 0 && b.push(`${this.options.pluralSeparator}zero`), b.forEach((O) => {
-            P([_], C + O, t[`defaultValue${O}`] || H);
+        this.options.saveMissing && (this.options.saveMissingPlurals && R ? E.forEach((b) => {
+          const _ = this.pluralResolver.getSuffixes(b, t);
+          Q && t[`defaultValue${this.options.pluralSeparator}zero`] && _.indexOf(`${this.options.pluralSeparator}zero`) < 0 && _.push(`${this.options.pluralSeparator}zero`), _.forEach((O) => {
+            F([b], C + O, t[`defaultValue${O}`] || H);
           });
-        }) : P(E, C, H));
+        }) : F(E, C, H));
       }
       u = this.extendTranslation(u, e, t, p, s), N && u === C && this.options.appendNamespaceToMissingKey && (u = `${r}:${C}`), (N || k) && this.options.parseMissingKeyHandler && (this.options.compatibilityAPI !== "v1" ? u = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${r}:${C}` : C, k ? u : void 0) : u = this.options.parseMissingKeyHandler(u));
     }
@@ -11615,9 +11613,9 @@ class D1 extends B1 {
               Z.push(x), u && (Z.push(x + k), t.ordinal && k.indexOf(R) === 0 && Z.push(x + k.replace(R, this.options.pluralSeparator)), w && Z.push(x + N));
             }
           }
-          let y;
-          for (; y = Z.pop(); )
-            this.isValidLookup(s) || (h = y, s = this.getResource(M, f, y, t));
+          let A;
+          for (; A = Z.pop(); )
+            this.isValidLookup(s) || (h = A, s = this.getResource(M, f, A, t));
         }));
       });
     }), {
@@ -11659,7 +11657,7 @@ class D1 extends B1 {
     return !1;
   }
 }
-const S1 = (i) => i.charAt(0).toUpperCase() + i.slice(1);
+const G1 = (i) => i.charAt(0).toUpperCase() + i.slice(1);
 class h2 {
   constructor(e) {
     this.options = e, this.supportedLngs = this.options.supportedLngs || !1, this.logger = t1.create("languageUtils");
@@ -11684,7 +11682,7 @@ class h2 {
         }
       const t = ["hans", "hant", "latn", "cyrl", "cans", "mong", "arab"];
       let s = e.split("-");
-      return this.options.lowerCaseLng ? s = s.map((n) => n.toLowerCase()) : s.length === 2 ? (s[0] = s[0].toLowerCase(), s[1] = s[1].toUpperCase(), t.indexOf(s[1].toLowerCase()) > -1 && (s[1] = S1(s[1].toLowerCase()))) : s.length === 3 && (s[0] = s[0].toLowerCase(), s[1].length === 2 && (s[1] = s[1].toUpperCase()), s[0] !== "sgn" && s[2].length === 2 && (s[2] = s[2].toUpperCase()), t.indexOf(s[1].toLowerCase()) > -1 && (s[1] = S1(s[1].toLowerCase())), t.indexOf(s[2].toLowerCase()) > -1 && (s[2] = S1(s[2].toLowerCase()))), s.join("-");
+      return this.options.lowerCaseLng ? s = s.map((n) => n.toLowerCase()) : s.length === 2 ? (s[0] = s[0].toLowerCase(), s[1] = s[1].toUpperCase(), t.indexOf(s[1].toLowerCase()) > -1 && (s[1] = G1(s[1].toLowerCase()))) : s.length === 3 && (s[0] = s[0].toLowerCase(), s[1].length === 2 && (s[1] = s[1].toUpperCase()), s[0] !== "sgn" && s[2].length === 2 && (s[2] = s[2].toUpperCase()), t.indexOf(s[1].toLowerCase()) > -1 && (s[1] = G1(s[1].toLowerCase())), t.indexOf(s[2].toLowerCase()) > -1 && (s[2] = G1(s[2].toLowerCase()))), s.join("-");
     }
     return this.options.cleanCode || this.options.lowerCaseLng ? e.toLowerCase() : e;
   }
@@ -11925,8 +11923,8 @@ class s6 {
 }
 const C2 = 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, h = $3(i, e, t);
-  return !h && n && V(t) && (h = j1(i, t, s), h === void 0 && (h = j1(e, t, s))), h;
-}, G1 = (i) => i.replace(/\$/g, "$$$$");
+  return !h && n && V(t) && (h = W1(i, t, s), h === void 0 && (h = W1(e, t, s))), h;
+}, O1 = (i) => i.replace(/\$/g, "$$$$");
 class n6 {
   constructor() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
@@ -11987,10 +11985,10 @@ class n6 {
     const a = n && n.missingInterpolationHandler || this.options.missingInterpolationHandler, p = n && n.interpolation && n.interpolation.skipOnVariables !== void 0 ? n.interpolation.skipOnVariables : this.options.interpolation.skipOnVariables;
     return [{
       regex: this.regexpUnescape,
-      safeValue: (w) => G1(w)
+      safeValue: (w) => O1(w)
     }, {
       regex: this.regexp,
-      safeValue: (w) => this.escapeValue ? G1(this.escape(w)) : G1(w)
+      safeValue: (w) => this.escapeValue ? O1(this.escape(w)) : O1(w)
     }].forEach((w) => {
       for (d = 0; h = w.regex.exec(e); ) {
         const L = h[1].trim();
@@ -12356,7 +12354,7 @@ const d2 = () => ({
     maxReplaces: 1e3,
     skipOnVariables: !0
   }
-}), g2 = (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), _1 = () => {
+}), g2 = (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), b1 = () => {
 }, h6 = (i) => {
   Object.getOwnPropertyNames(Object.getPrototypeOf(i)).forEach((t) => {
     typeof i[t] == "function" && (i[t] = i[t].bind(i));
@@ -12406,7 +12404,7 @@ class k1 extends B1 {
         for (var L = arguments.length, m = new Array(L > 1 ? L - 1 : 0), f = 1; f < L; f++)
           m[f - 1] = arguments[f];
         e.emit(w, ...m);
-      }), this.modules.languageDetector && (u.languageDetector = h(this.modules.languageDetector), u.languageDetector.init && u.languageDetector.init(u, this.options.detection, this.options)), this.modules.i18nFormat && (u.i18nFormat = h(this.modules.i18nFormat), u.i18nFormat.init && u.i18nFormat.init(this)), this.translator = new D1(this.services, this.options), this.translator.on("*", function(w) {
+      }), this.modules.languageDetector && (u.languageDetector = h(this.modules.languageDetector), u.languageDetector.init && u.languageDetector.init(u, this.options.detection, this.options)), this.modules.i18nFormat && (u.i18nFormat = h(this.modules.i18nFormat), u.i18nFormat.init && u.i18nFormat.init(this)), this.translator = new K1(this.services, this.options), this.translator.on("*", function(w) {
         for (var L = arguments.length, m = new Array(L > 1 ? L - 1 : 0), f = 1; f < L; f++)
           m[f - 1] = arguments[f];
         e.emit(w, ...m);
@@ -12414,7 +12412,7 @@ class k1 extends B1 {
         w.init && w.init(this);
       });
     }
-    if (this.format = this.options.interpolation.format, s || (s = _1), this.options.fallbackLng && !this.services.languageDetector && !this.options.lng) {
+    if (this.format = this.options.interpolation.format, s || (s = b1), this.options.fallbackLng && !this.services.languageDetector && !this.options.lng) {
       const a = this.services.languageUtils.getFallbackCodes(this.options.fallbackLng);
       a.length > 0 && a[0] !== "dev" && (this.options.lng = a[0]);
     }
@@ -12437,7 +12435,7 @@ class k1 extends B1 {
     return this.options.resources || !this.options.initImmediate ? l() : setTimeout(l, 0), r;
   }
   loadResources(e) {
-    let s = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : _1;
+    let s = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : b1;
     const n = V(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();
@@ -12455,7 +12453,7 @@ class k1 extends B1 {
   }
   reloadResources(e, t, s) {
     const n = f1();
-    return typeof e == "function" && (s = e, e = void 0), typeof t == "function" && (s = t, t = void 0), e || (e = this.languages), t || (t = this.options.ns), s || (s = _1), this.services.backendConnector.reload(e, t, (h) => {
+    return typeof e == "function" && (s = e, e = void 0), typeof t == "function" && (s = t, t = void 0), e || (e = this.languages), t || (t = this.options.ns), s || (s = b1), this.services.backendConnector.reload(e, t, (h) => {
       n.resolve(), s(h);
     }), n;
   }
@@ -12568,7 +12566,7 @@ class k1 extends B1 {
     return new k1(e, t);
   }
   cloneInstance() {
-    let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : _1;
+    let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : b1;
     const s = e.forkResourceStore;
     s && delete e.forkResourceStore;
     const n = {
@@ -12582,7 +12580,7 @@ class k1 extends B1 {
       ...this.services
     }, h.services.utils = {
       hasLoadedNamespace: h.hasLoadedNamespace.bind(h)
-    }, s && (h.store = new r2(this.store.data, n), h.services.resourceStore = h.store), h.translator = new D1(h.services, n), h.translator.on("*", function(d) {
+    }, s && (h.store = new r2(this.store.data, n), h.services.resourceStore = h.store), h.translator = new K1(h.services, n), h.translator.on("*", function(d) {
       for (var r = arguments.length, l = new Array(r > 1 ? r - 1 : 0), a = 1; a < r; a++)
         l[a - 1] = arguments[a];
       h.emit(d, ...l);
@@ -12600,22 +12598,22 @@ class k1 extends B1 {
     };
   }
 }
-const T = k1.createInstance();
-T.createInstance = k1.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 P = k1.createInstance();
+P.createInstance = k1.createInstance;
+P.createInstance;
+P.dir;
+P.init;
+P.loadResources;
+P.reloadResources;
+P.use;
+P.changeLanguage;
+P.getFixedT;
+P.t;
+P.exists;
+P.setDefaultNamespace;
+P.hasLoadedNamespace;
+P.loadNamespaces;
+P.loadLanguages;
 const c6 = "Archived", C6 = "Deleted", d6 = {
   archived: c6,
   deleted: C6
@@ -12623,7 +12621,7 @@ const c6 = "Archived", C6 = "Deleted", d6 = {
   archived: g6,
   deleted: u6
 };
-T.use(B3).init({
+P.use(K3).init({
   defaultNS: "common",
   lng: "en",
   resources: {
@@ -12635,7 +12633,7 @@ T.use(B3).init({
     }
   }
 });
-const N6 = l1(
+const N6 = r1(
   ({
     fetchParams: i,
     mode: e = void 0,
@@ -12650,8 +12648,8 @@ const N6 = l1(
     required: a,
     error: p
   }, u) => {
-    const { axiosPeople: w, locale: L } = n1(C1), { t: m } = I3("common", { lng: L }), [f, M] = B([]), [Z, y] = B(!0), k = z(f), N = z(null);
-    if (c1(u, () => N.current), !w)
+    const { axiosPeople: w, locale: L } = o1(d1), { t: m } = I3("common", { lng: L }), [f, M] = K([]), [Z, A] = K(!0), k = J(f), N = J(null);
+    if (C1(u, () => N.current), !w)
       throw new Error(
         `UserSelect requires "axiosPeople" to fetch users. 
                 Please provide it via SNMTUiContext.`
@@ -12659,7 +12657,7 @@ const N6 = l1(
     const R = $(
       (H) => {
         let S = "";
-        return H.deletedAt && (S += `[${m("deleted")}] `), H.status === b1.ARCHIVED && (S += `[${m("archived")}] `), `${S}${H.firstName} ${H.lastName}`;
+        return H.deletedAt && (S += `[${m("deleted")}] `), H.status === y1.ARCHIVED && (S += `[${m("archived")}] `), `${S}${H.firstName} ${H.lastName}`;
       },
       [m]
     ), x = $(
@@ -12670,26 +12668,26 @@ const N6 = l1(
       }) => {
         var W, E, I;
         try {
-          const P = await w.post("v1/users/search", {
+          const F = await w.post("v1/users/search", {
             offset: H,
             limit: S,
             search: j,
             ...i,
             includeCount: !0
-          }), { data: _, metadata: b } = P.data;
+          }), { data: b, metadata: _ } = F.data;
           return {
-            options: _.map((O) => ({
+            options: b.map((O) => ({
               value: O.id,
               label: R(O),
               image: r ? O.avatarUrl : void 0,
               imageFallbackText: O.avatarUrl ? "" : u2(`${O.firstName} ${O.lastName}`)
             })),
-            count: b.count
+            count: _.count
           };
-        } catch (P) {
+        } catch (F) {
           return C && C({
-            status: ((W = P.response) == null ? void 0 : W.status) ?? 500,
-            message: ((I = (E = P.response) == null ? void 0 : E.data) == null ? void 0 : I.message) ?? "Error while fetching options"
+            status: ((W = F.response) == null ? void 0 : W.status) ?? 500,
+            message: ((I = (E = F.response) == null ? void 0 : E.data) == null ? void 0 : I.message) ?? "Error while fetching options"
           }), {
             options: [],
             count: 0
@@ -12697,27 +12695,27 @@ const N6 = l1(
         }
       },
       [w, i, R, r, C]
-    ), K = $(
+    ), B = $(
       async (H) => {
         var S, j, W;
         try {
           const E = H.filter(
-            (_) => !k.current.some((b) => b.value === _)
+            (b) => !k.current.some((_) => _.value === b)
           );
           let I = [];
           E.length && (I = (await w.post("v1/users/search", {
             filters: {
               id: E,
-              status: [b1.ACTIVE, b1.ARCHIVED]
+              status: [y1.ACTIVE, y1.ARCHIVED]
             }
           })).data.data);
-          const P = I.map((_) => ({
-            value: _.id,
-            label: R(_),
-            image: r ? _.avatarUrl : void 0,
-            imageFallbackText: _.avatarUrl ? "" : u2(`${_.firstName} ${_.lastName}`)
+          const F = I.map((b) => ({
+            value: b.id,
+            label: R(b),
+            image: r ? b.avatarUrl : void 0,
+            imageFallbackText: b.avatarUrl ? "" : u2(`${b.firstName} ${b.lastName}`)
           }));
-          return [...k.current, ...P];
+          return [...k.current, ...F];
         } catch (E) {
           return C && C({
             status: ((S = E.response) == null ? void 0 : S.status) ?? 500,
@@ -12734,14 +12732,14 @@ const N6 = l1(
       (H = N.current) == null || H.refetchOptions();
     }, [i]), G(() => {
       if (!n) {
-        y(!1);
+        A(!1);
         return;
       }
       (async () => {
-        const S = Array.isArray(n) ? n : [n], j = await K(S);
-        M(j), y(!1);
+        const S = Array.isArray(n) ? n : [n], j = await B(S);
+        M(j), A(!1);
       })();
-    }, [K, n]);
+    }, [B, n]);
     const Y = $(
       async ({
         limit: H,