@livechat/design-system-react-components 2.4.1 → 2.4.2

package/dist/index.js

@@ -9,7 +9,7 @@ var hr = (e, a, r) => a in e ? n_(e, a, { enumerable: !0, configurable: !0, writ
     for (var r of Ra(a))
       qr.call(a, r) && hr(e, r, a[r]);
   return e;
-}, T = (e, a) => i_(e, l_(a));
+}, I = (e, a) => i_(e, l_(a));
 var R = (e, a) => {
   var r = {};
   for (var o in e)
@@ -692,7 +692,7 @@ const ts = (e) => e === "dark" ? xt.Dark : xt.Light, Fo = c_(void 0), as = () =>
     to[ao],
     o && to[`${ao}--${_ ? "disabled--" : ""}${o}`]
   );
-  return /* @__PURE__ */ t("span", T(k({}, l), { className: c, children: d }));
+  return /* @__PURE__ */ t("span", I(k({}, l), { className: c, children: d }));
 }, Qe = {
   "heading-xl": "lc-Typography-module__heading-xl___jTpRq",
   "heading-lg": "lc-Typography-module__heading-lg___VGjgP",
@@ -971,7 +971,7 @@ const ts = (e) => e === "dark" ? xt.Dark : xt.Light, Fo = c_(void 0), as = () =>
   };
   return /* @__PURE__ */ b(
     "div",
-    T(k({
+    I(k({
       tabIndex: 0,
       "aria-expanded": f,
       className: $,
@@ -1078,7 +1078,7 @@ const ts = (e) => e === "dark" ? xt.Dark : xt.Light, Fo = c_(void 0), as = () =>
     "selectedOptions",
     "footer"
   ]);
-  const w = d !== void 0, [$, B] = p.useState(n), [N, S] = p.useState(null), C = p.useRef(-1), x = nr(), E = Sa(), P = p.useRef(null), O = w ? d : $, I = () => {
+  const w = d !== void 0, [$, B] = p.useState(n), [N, S] = p.useState(null), C = p.useRef(-1), x = nr(), E = Sa(), P = p.useRef(null), O = w ? d : $, T = () => {
     O ? (c == null || c(), !w && B(!1)) : (s == null || s(), !w && B(!0));
   }, { x: A, y: z, strategy: ne, refs: V, context: H } = Ba({
     nodeId: E,
@@ -1094,7 +1094,7 @@ const ts = (e) => e === "dark" ? xt.Dark : xt.Light, Fo = c_(void 0), as = () =>
     placement: _,
     open: O,
     strategy: h,
-    onOpenChange: I,
+    onOpenChange: T,
     whileElementsMounted: Ia
   }), K = Ta(H), Le = Aa(H, {
     enabled: O
@@ -1176,7 +1176,7 @@ const ts = (e) => e === "dark" ? xt.Dark : xt.Light, Fo = c_(void 0), as = () =>
   ) }, M.key), st = /* @__PURE__ */ b(ae, { children: [
     /* @__PURE__ */ t(
       "div",
-      T(k({
+      I(k({
         "aria-label": "Toggle menu",
         "data-testid": "action-menu-trigger-button",
         ref: V.setReference
@@ -1187,7 +1187,7 @@ const ts = (e) => e === "dark" ? xt.Dark : xt.Light, Fo = c_(void 0), as = () =>
     ),
     /* @__PURE__ */ t(ea, { id: E, children: O && /* @__PURE__ */ b(
       "div",
-      T(k({
+      I(k({
         ref: V.setFloating,
         className: at[rt],
         style: k(k({
@@ -1199,7 +1199,7 @@ const ts = (e) => e === "dark" ? xt.Dark : xt.Light, Fo = c_(void 0), as = () =>
         children: [
           r.length > 0 && /* @__PURE__ */ t(
             "ul",
-            T(k({}, g), {
+            I(k({}, g), {
               className: u(
                 at[`${rt}__list`],
                 {
@@ -1267,7 +1267,7 @@ const ts = (e) => e === "dark" ? xt.Dark : xt.Light, Fo = c_(void 0), as = () =>
     "className",
     "size"
   ]);
-  return /* @__PURE__ */ b("div", T(k({ className: u(_a[Go], o) }, n), { children: [
+  return /* @__PURE__ */ b("div", I(k({ className: u(_a[Go], o) }, n), { children: [
     /* @__PURE__ */ t(
       "div",
       {
@@ -1375,7 +1375,7 @@ const ts = (e) => e === "dark" ? xt.Dark : xt.Light, Fo = c_(void 0), as = () =>
       "onClick",
       "animatedLabel"
     ]);
-    const [$, B] = p.useState(0), [N, S] = p.useState(!1), C = e || a, x = !s && i, E = v && s && i, P = ["text", "link", "link-light"].includes(_), O = h ? "a" : "button", I = u(
+    const [$, B] = p.useState(0), [N, S] = p.useState(!1), C = e || a, x = !s && i, E = v && s && i, P = ["text", "link", "link-light"].includes(_), O = h ? "a" : "button", T = u(
       de[ue],
       de[`${ue}--${_}`],
       de[`${ue}--${n}`],
@@ -1393,9 +1393,9 @@ const ts = (e) => e === "dark" ? xt.Dark : xt.Light, Fo = c_(void 0), as = () =>
     );
     return /* @__PURE__ */ b(
       O,
-      T(k(k(k({
+      I(k(k(k({
         ref: f,
-        className: I,
+        className: T,
         "aria-disabled": C,
         type: r,
         disabled: C
@@ -1552,7 +1552,7 @@ const wn = (e) => {
   useDismissHookProps: E,
   useClickHookProps: P,
   hoverOutDelayTimeout: O = 100,
-  arrowOffsetY: I,
+  arrowOffsetY: T,
   arrowOffsetX: A,
   closeOnTriggerBlur: z = !1,
   floatingStrategy: ne
@@ -1611,7 +1611,7 @@ const wn = (e) => {
   const Fa = /* @__PURE__ */ b(ae, { children: [
     /* @__PURE__ */ t(
       "div",
-      T(k({
+      I(k({
         "data-testid": "tooltip-trigger",
         ref: M.setReference
       }, pr()), {
@@ -1621,7 +1621,7 @@ const wn = (e) => {
     ),
     /* @__PURE__ */ t(ea, { id: nt, children: dr && /* @__PURE__ */ b(
       "div",
-      T(k({
+      I(k({
         ref: M.setFloating,
         style: k(k({}, st), ur),
         className: St
@@ -1638,7 +1638,7 @@ const wn = (e) => {
               width: 10,
               height: 5,
               style: k({}, Cn(
-                I,
+                T,
                 A,
                 Y,
                 se
@@ -1732,7 +1732,7 @@ const wn = (e) => {
         children: [
           /* @__PURE__ */ t(
             q,
-            T(k({}, i), {
+            I(k({}, i), {
               kind: i.kind || d(_),
               onClick: i.handleClick,
               children: i.label
@@ -1740,7 +1740,7 @@ const wn = (e) => {
           ),
           l && /* @__PURE__ */ t(
             q,
-            T(k({}, l), {
+            I(k({}, l), {
               className: u(
                 L[`${pt}-footer-secondary`],
                 l.className
@@ -1920,7 +1920,7 @@ const io = 8, lo = "guide-tooltip", co = (e, a) => new In(e, a), cs = (e) => {
     ),
     /* @__PURE__ */ t(
       Gt,
-      T(k({}, e), {
+      I(k({}, e), {
         triggerRenderer: /* @__PURE__ */ t(ae, {}),
         referenceElement: {
           getBoundingClientRect: () => l,
@@ -2263,12 +2263,12 @@ const io = 8, lo = "guide-tooltip", co = (e, a) => new In(e, a), cs = (e) => {
       v();
     }, 500);
     return window.addEventListener("resize", g), v(), () => window.removeEventListener("resize", g);
-  }), /* @__PURE__ */ b("div", T(k({ ref: c, className: m }, i), { children: [
+  }), /* @__PURE__ */ b("div", I(k({ ref: c, className: m }, i), { children: [
     /* @__PURE__ */ b("div", { className: Pe[`${Fe}__content`], children: [
       /* @__PURE__ */ b("div", { className: Pe[`${Fe}__content__wrapper`], children: [
         /* @__PURE__ */ t(
           F,
-          T(k({}, Gn[_]), {
+          I(k({}, Gn[_]), {
             size: "large",
             className: Pe[`${Fe}__icon`]
           })
@@ -2509,7 +2509,7 @@ const Vn = "side-navigation-item-test-id", Wn = "side-navigation-active-item-tes
   };
   return /* @__PURE__ */ t(
     "li",
-    T(k({
+    I(k({
       className: u([He[ze], _]),
       "data-testid": l ? Wn : Vn,
       "data-active": l
@@ -2591,8 +2591,8 @@ const Vn = "side-navigation-item-test-id", Wn = "side-navigation-active-item-tes
       (A) => A.getAttribute("data-active") === "true"
     ) : !1;
     s(O);
-    const I = ((P == null ? void 0 : P.length) || 0) * Xn;
-    m(I), d(!1);
+    const T = ((P == null ? void 0 : P.length) || 0) * Xn;
+    m(T), d(!1);
   };
   return p.useEffect(() => {
     !v.current && c && S(), v.current = c;
@@ -2661,7 +2661,7 @@ const Vn = "side-navigation-item-test-id", Wn = "side-navigation-active-item-tes
   ]);
   return /* @__PURE__ */ t(
     "ul",
-    T(k({
+    I(k({
       className: u(
         so[uo],
         {
@@ -2712,7 +2712,7 @@ const qn = "lc-Badge-module__badge___ZbEBU", jn = "lc-Badge-module__badge__dot__
     alert: "!",
     dot: /* @__PURE__ */ t("span", { "data-testid": "badge-dot", className: Ga[`${Ua}__dot`] })
   }[n];
-  return /* @__PURE__ */ t("span", T(k({ className: c }, i), { children: s }));
+  return /* @__PURE__ */ t("span", I(k({ className: c }, i), { children: s }));
 }, wt = {
   "navigation-item": "lc-NavigationItem-module__navigation-item___KVL3Y",
   "navigation-item--disabled": "lc-NavigationItem-module__navigation-item--disabled___VY8pA",
@@ -2790,7 +2790,7 @@ const qn = "lc-Badge-module__badge___ZbEBU", jn = "lc-Badge-module__badge__dot__
           triggerRenderer: /* @__PURE__ */ b(ae, { children: [
             /* @__PURE__ */ b(
               "a",
-              T(k({
+              I(k({
                 tabIndex: n ? -1 : 0,
                 "aria-label": a,
                 className: u(
@@ -2830,7 +2830,7 @@ const qn = "lc-Badge-module__badge___ZbEBU", jn = "lc-Badge-module__badge__dot__
     "children",
     "className"
   ]);
-  return /* @__PURE__ */ t("nav", T(k({ className: u(ei[ti], a) }, r), { children: e }));
+  return /* @__PURE__ */ t("nav", I(k({ className: u(ei[ti], a) }, r), { children: e }));
 }, Ze = {
   "navigation-top-bar": "lc-NavigationTopBar-module__navigation-top-bar___WJzyv",
   "navigation-top-bar__title": "lc-NavigationTopBar-module__navigation-top-bar__title___ROYDp",
@@ -2885,7 +2885,7 @@ const qn = "lc-Badge-module__badge___ZbEBU", jn = "lc-Badge-module__badge__dot__
   ), v = a === "warning" ? "link-inverted" : "text", g = a === "warning" ? "plain-lock-black" : "high-contrast", f = _ == null ? void 0 : _.kind, y = n == null ? void 0 : n.kind, w = _ || n ? /* @__PURE__ */ b("div", { className: Ze[`${It}__cta-wrapper`], children: [
     _ && /* @__PURE__ */ t(
       q,
-      T(k({
+      I(k({
         size: "compact"
       }, _), {
         kind: l ? v : f || g,
@@ -2894,7 +2894,7 @@ const qn = "lc-Badge-module__badge___ZbEBU", jn = "lc-Badge-module__badge__dot__
     ),
     n && /* @__PURE__ */ t(
       q,
-      T(k({
+      I(k({
         size: "compact"
       }, n), {
         kind: l ? v : y || g,
@@ -2908,7 +2908,7 @@ const qn = "lc-Badge-module__badge___ZbEBU", jn = "lc-Badge-module__badge__dot__
     ] }),
     r && /* @__PURE__ */ t(
       "button",
-      T(k({
+      I(k({
         className: Ze[`${It}__close-button`]
       }, r), {
         children: /* @__PURE__ */ t(F, { source: Oe })
@@ -2972,7 +2972,7 @@ const Ha = {
   ]);
   return /* @__PURE__ */ t("li", { className: u(Ha[za], _), children: /* @__PURE__ */ b(
     "a",
-    T(k({
+    I(k({
       tabIndex: 0,
       href: r,
       onClick: (d) => o(d, e),
@@ -2994,7 +2994,7 @@ const Ha = {
     "children",
     "className"
   ]);
-  return /* @__PURE__ */ t("nav", T(k({ className: u(oi[_i], a) }, r), { children: e }));
+  return /* @__PURE__ */ t("nav", I(k({ className: u(oi[_i], a) }, r), { children: e }));
 }, ni = "lc-Input-module__input___505b7", qe = {
   input: ni,
   "input--focused": "lc-Input-module__input--focused___rmg2U",
@@ -3065,7 +3065,7 @@ const Ha = {
           S && mo(o, r),
           /* @__PURE__ */ t(
             "input",
-            T(k({}, i), {
+            I(k({}, i), {
               ref: s,
               onFocus: (E) => {
                 m(!0), y == null || y(E);
@@ -3113,7 +3113,7 @@ const Qt = "select-all", ci = (e, a) => {
 }, ui = "field-description", cr = (o) => {
   var _ = o, { children: e, className: a = "" } = _, r = R(_, ["children", "className"]);
   const n = u(di[ui], a);
-  return /* @__PURE__ */ t(D, T(k({ as: "span", size: "sm" }, r), { className: n, children: e }));
+  return /* @__PURE__ */ t(D, I(k({ as: "span", size: "sm" }, r), { className: n, children: e }));
 }, mi = "lc-Checkbox-module__checkbox___D0D4S", pi = "lc-Checkbox-module__checkbox__label___I472A", gi = "lc-Checkbox-module__checkbox__text___Ex7K1", hi = "lc-Checkbox-module__checkbox__input___3krUF", fi = "lc-Checkbox-module__checkbox__checkmark___eZIG1", bi = "lc-Checkbox-module__checkbox__square___yjtrH", vi = "lc-Checkbox-module__checkbox__helper___hwxAV", Pt = {
   checkbox: mi,
   checkbox__label: pi,
@@ -3138,7 +3138,7 @@ const Qt = "select-all", ci = (e, a) => {
           /* @__PURE__ */ b("label", { className: Pt[`${Ft}__label`], children: [
             /* @__PURE__ */ t(
               "input",
-              T(k({}, n), {
+              I(k({}, n), {
                 ref: i,
                 checked: e,
                 disabled: a,
@@ -3223,7 +3223,7 @@ const Qt = "select-all", ci = (e, a) => {
   if (i.groupHeader)
     return /* @__PURE__ */ t(
       "div",
-      T(k({
+      I(k({
         id: `item-${e}`,
         role: "group",
         className: ye[`${Ve}__header`]
@@ -3237,7 +3237,7 @@ const Qt = "select-all", ci = (e, a) => {
   };
   return /* @__PURE__ */ t(
     "div",
-    T(k({
+    I(k({
       id: i.key,
       tabIndex: a ? 0 : -1,
       ref: (s) => {
@@ -3306,14 +3306,14 @@ const Qt = "select-all", ci = (e, a) => {
   virtuosoProps: B
 }) => {
   const [N, S] = p.useState(0), C = Rr(null), x = _.length, E = p.useCallback(
-    (I) => {
-      I !== N && (I < o ? S(I + (x - 1) * li) : S(o));
+    (T) => {
+      T !== N && (T < o ? S(T + (x - 1) * li) : S(o));
     },
     [x]
   );
   if (Je(() => {
-    var I;
-    c && d && n !== null && ((I = C.current) == null || I.focus());
+    var T;
+    c && d && n !== null && ((T = C.current) == null || T.focus());
   }, [c, d, n]), Je(() => {
     l.current = new Array(_.length);
   }, [_.length]), _.length === 0)
@@ -3327,7 +3327,7 @@ const Qt = "select-all", ci = (e, a) => {
         children: /* @__PURE__ */ t("div", { className: la["no-results-text"], children: f })
       }
     ) });
-  const P = (I) => i.includes(I) || I === Qt && i.length === Pr(_).length, O = () => {
+  const P = (T) => i.includes(T) || T === Qt && i.length === Pr(_).length, O = () => {
     w === "multi" && s(i[i.length - 1]);
   };
   return /* @__PURE__ */ t(Er, { context: e, modal: !1, initialFocus: -1, children: /* @__PURE__ */ t(
@@ -3337,22 +3337,22 @@ const Qt = "select-all", ci = (e, a) => {
       ref: a,
       tabIndex: -1,
       className: u(la.listbox, $),
-      style: T(k({}, r), {
+      style: I(k({}, r), {
         maxHeight: o
       }),
       children: /* @__PURE__ */ t(
         "div",
-        T(k({
+        I(k({
           ref: C,
           tabIndex: 0,
           "aria-multiselectable": w === "multi",
           className: la["listbox-wrapper"]
         }, v({
-          onKeyDown(I) {
-            h(!1), I.key === "Enter" && n !== null && m(_[n].key), (I.key === "Backspace" || I.key === "Delete") && O(), I.key === " " && I.preventDefault();
+          onKeyDown(T) {
+            h(!1), T.key === "Enter" && n !== null && m(_[n].key), (T.key === "Backspace" || T.key === "Delete") && O(), T.key === " " && T.preventDefault();
           },
-          onKeyUp(I) {
-            I.key === " " && n !== null && m(_[n].key);
+          onKeyUp(T) {
+            T.key === " " && n !== null && m(_[n].key);
           },
           onPointerMove() {
             h(!0);
@@ -3360,20 +3360,20 @@ const Qt = "select-all", ci = (e, a) => {
         })), {
           children: /* @__PURE__ */ t(
             Y_,
-            T(k({
+            I(k({
               totalListHeightChanged: E,
               style: { height: `${N}px`, maxHeight: o },
               totalCount: _.length,
               data: _,
               increaseViewportBy: 200
             }, B), {
-              itemContent: (I, A) => /* @__PURE__ */ t(
+              itemContent: (T, A) => /* @__PURE__ */ t(
                 yi,
                 {
-                  index: I,
+                  index: T,
                   getItemProps: g,
                   listElementsRef: l,
-                  isActive: n === I,
+                  isActive: n === T,
                   isSelected: P(A.key),
                   onSelect: m,
                   item: A,
@@ -3435,7 +3435,7 @@ const Qt = "select-all", ci = (e, a) => {
     c || v(!1);
   }, [c]), /* @__PURE__ */ b(
     "button",
-    T(k({
+    I(k({
       tabIndex: l ? -1 : 0,
       "aria-disabled": l,
       disabled: l,
@@ -3578,7 +3578,7 @@ const Qt = "select-all", ci = (e, a) => {
   };
   return /* @__PURE__ */ b(
     D,
-    T(k(k({
+    I(k(k({
       className: w
     }, v), N()), {
       as: "div",
@@ -3700,7 +3700,7 @@ const Qt = "select-all", ci = (e, a) => {
     (E = v.current) != null && E.id && x.key === "Enter" && c((P = v.current) == null ? void 0 : P.id), n === "multi" && (x.key === "Backspace" || x.key === "Delete") && !m && _ && (_ == null ? void 0 : _.length) > 0 && d(_[_.length - 1].key);
   }, C = () => /* @__PURE__ */ t(
     "input",
-    T(k({}, y), {
+    I(k({}, y), {
       ref: f,
       className: u(
         we[`${$e}__input`],
@@ -3731,7 +3731,7 @@ const Qt = "select-all", ci = (e, a) => {
       children: [
         /* @__PURE__ */ t("div", { className: we[`${$e}__item-container`], children: n === "single" ? B(_[0]) : _.map((x) => /* @__PURE__ */ t(
           Xo,
-          {
+          I(k({
             className: u(
               we[`${$e}__tag`],
               we[`${$e}__tag--${l}`]
@@ -3739,9 +3739,10 @@ const Qt = "select-all", ci = (e, a) => {
             disabled: r,
             onRemove: (E) => {
               E.stopPropagation(), d(x.key);
-            },
+            }
+          }, x.selectedTagOptions), {
             children: B(x)
-          },
+          }),
           x.key
         )) }),
         w && C()
@@ -3796,7 +3797,7 @@ const Qt = "select-all", ci = (e, a) => {
     enabled: !e,
     keyboardHandlers: !1,
     toggle: !1
-  }, l)), P = Da(C, { role: "listbox" }), O = Aa(C, i), I = H_(C, {
+  }, l)), P = Da(C, { role: "listbox" }), O = Aa(C, i), T = H_(C, {
     enabled: a.length > 0 && !e,
     listRef: $,
     activeIndex: g,
@@ -3808,7 +3809,7 @@ const Qt = "select-all", ci = (e, a) => {
       (V) => !!V.disabled || !!V.groupHeader
     )
   }), { getReferenceProps: A, getFloatingProps: z, getItemProps: ne } = Pa(
-    [E, O, P, I]
+    [E, O, P, T]
   );
   return !d && m && v(!1), {
     getReferenceProps: A,
@@ -3913,7 +3914,7 @@ const Qt = "select-all", ci = (e, a) => {
     floatingStrategy: E,
     useDismissHookProps: P,
     useClickHookProps: O,
-    virtuosoProps: I,
+    virtuosoProps: T,
     inputProps: A
   } = V, z = R(V, [
     "id",
@@ -4056,7 +4057,7 @@ const Qt = "select-all", ci = (e, a) => {
         getFloatingProps: Ht,
         getItemProps: zt,
         emptyStateText: m,
-        virtuosoProps: I
+        virtuosoProps: T
       }
     ) }) })
   ] });
@@ -4125,9 +4126,9 @@ const Qt = "select-all", ci = (e, a) => {
           C(!1);
         }, 0);
       }
-    }, I = p.useMemo(() => n ? Ai(n) ? Di(n) : Pi(n) : [], [n]), { items: A, searchPhrase: z, handleOnFilter: ne, handleSelect: V, selectedKeys: H } = qo({
+    }, T = p.useMemo(() => n ? Ai(n) ? Di(n) : Pi(n) : [], [n]), { items: A, searchPhrase: z, handleOnFilter: ne, handleSelect: V, selectedKeys: H } = qo({
       selected: [],
-      options: I,
+      options: T,
       type: "single",
       onSelect: O,
       setOpen: S,
@@ -4165,10 +4166,10 @@ const Qt = "select-all", ci = (e, a) => {
       placement: _,
       floatingStrategy: l
     });
-    return /* @__PURE__ */ b("div", T(k({ ref: ct }, De()), { children: [
+    return /* @__PURE__ */ b("div", I(k({ ref: ct }, De()), { children: [
       /* @__PURE__ */ t(
         ii,
-        T(k({}, h), {
+        I(k({}, h), {
           ref: f,
           onChange: E,
           onKeyDown: P,
@@ -4313,7 +4314,7 @@ const Li = "lc-Avatar-module__avatar___5-kP8", Gi = "lc-Avatar-module__avatar__s
     Ee[`${me}__status--${o}`],
     Ee[`${me}__status--${_}`],
     ...i ? [Ee[`${me}__status--${i}`]] : []
-  ), I = u(
+  ), T = u(
     Ee[`${me}__icon`],
     Ee[`${me}__icon--${_}`]
   ), A = u(
@@ -4324,7 +4325,7 @@ const Li = "lc-Avatar-module__avatar___5-kP8", Gi = "lc-Avatar-module__avatar__s
     y(g);
   }, [g]), /* @__PURE__ */ b(
     "div",
-    T(k({
+    I(k({
       className: P,
       style: k(k({}, E), s)
     }, h), {
@@ -4367,7 +4368,7 @@ const Li = "lc-Avatar-module__avatar___5-kP8", Gi = "lc-Avatar-module__avatar__s
           F,
           {
             "data-testid": `${me}__icon`,
-            className: I,
+            className: T,
             source: g_
           }
         )
@@ -4452,7 +4453,7 @@ const Li = "lc-Avatar-module__avatar___5-kP8", Gi = "lc-Avatar-module__avatar__s
     "title"
   ]);
   const [h, m] = p.useState(!1), v = h ? _r : Ut, g = h ? "Hide" : "Show more", f = (a == null ? void 0 : a.length) > 0, y = !!n, w = f || y, $ = l, B = i, N = B ? "" : Ie[tl];
-  return /* @__PURE__ */ b("div", T(k({ className: u(Ie[wa], o) }, d), { children: [
+  return /* @__PURE__ */ b("div", I(k({ className: u(Ie[wa], o) }, d), { children: [
     $ && /* @__PURE__ */ b("div", { className: u(Ie[rr], N), children: [
       B && /* @__PURE__ */ t(
         "img",
@@ -4652,9 +4653,9 @@ const Li = "lc-Avatar-module__avatar___5-kP8", Gi = "lc-Avatar-module__avatar__s
   };
   if (!a || !e) return r;
   const o = Hr(a, e);
-  return o > 0 ? T(k({}, r), {
+  return o > 0 ? I(k({}, r), {
     [G[`${U}__day--end`]]: a
-  }) : o < 0 ? T(k({}, r), {
+  }) : o < 0 ? I(k({}, r), {
     [G[`${U}__day--start`]]: a
   }) : r;
 }, ya = (e, a) => {
@@ -4804,36 +4805,36 @@ const cl = (e) => {
           currentMonth: a
         };
       case te.NEW_TEMPORARY_TO_VALUE:
-        return T(k({}, n), {
+        return I(k({}, n), {
           temporaryTo: i.payload.date
         });
       case te.SELECT_FIRST_DAY:
-        return T(k({}, n), {
+        return I(k({}, n), {
           from: i.payload.date,
           to: void 0,
           temporaryTo: void 0
         });
       case te.SELECT_SECOND_DAY_AS_FROM:
-        return T(k({}, n), {
+        return I(k({}, n), {
           from: i.payload.date,
           to: n.from,
           temporaryTo: n.from
         });
       case te.SELECT_SECOND_DAY_AS_TO:
-        return T(k({}, n), {
+        return I(k({}, n), {
           to: i.payload.date,
           temporaryTo: i.payload.date
         });
       case te.CURRENT_MONTH_CHANGE:
-        return T(k({}, n), {
+        return I(k({}, n), {
           currentMonth: i.payload.date
         });
       case te.SET_FROM:
-        return T(k({}, n), {
+        return I(k({}, n), {
           from: i.payload.date
         });
       case te.SET_TO:
-        return T(k({}, n), {
+        return I(k({}, n), {
           to: i.payload.date
         });
       default:
@@ -4886,7 +4887,7 @@ const cl = (e) => {
     if (!(f && w))
       return;
     const $ = ya(y, e);
-    $ && (n == null || n(T(k({}, $), {
+    $ && (n == null || n(I(k({}, $), {
       value: {
         from: f,
         to: w
@@ -4903,7 +4904,7 @@ const cl = (e) => {
     if (!ya(f, e))
       return;
     const w = e.reduce(
-      ($, B) => T(k({}, $), { [B.id]: B }),
+      ($, B) => I(k({}, $), { [B.id]: B }),
       {}
     );
     n(w[f]);
@@ -5002,7 +5003,7 @@ const xs = (e) => {
     a,
     G["date-picker--range__calendars-wrapper"]
   );
-  return /* @__PURE__ */ t("div", T(k({}, o), { className: _, children: r }));
+  return /* @__PURE__ */ t("div", I(k({}, o), { className: _, children: r }));
 }, X = {
   "details-card": "lc-DetailsCard-module__details-card___v-Avc",
   "details-card__button--fading": "lc-DetailsCard-module__details-card__button--fading___LlMMo",
@@ -5159,7 +5160,7 @@ const xs = (e) => {
     "className"
   ]);
   const n = u(vo[ko], a);
-  return /* @__PURE__ */ b(D, T(k({ as: "span", size: "sm" }, r), { className: n, children: [
+  return /* @__PURE__ */ b(D, I(k({ as: "span", size: "sm" }, r), { className: n, children: [
     /* @__PURE__ */ t(
       F,
       {
@@ -5194,7 +5195,7 @@ const xs = (e) => {
     [yr[`${Cr}--inline`]]: _,
     [yr[`${Cr}--stretched`]]: n
   });
-  return /* @__PURE__ */ b("div", T(k({}, i), { className: c, children: [
+  return /* @__PURE__ */ b("div", I(k({}, i), { className: c, children: [
     a,
     o && /* @__PURE__ */ t(Wr, { children: o }),
     r && /* @__PURE__ */ t(cr, { children: r })
@@ -5219,7 +5220,7 @@ const xs = (e) => {
     "helperText",
     "formFooter"
   ]);
-  return /* @__PURE__ */ b("form", T(k({ className: u(ca[sa], e) }, n), { children: [
+  return /* @__PURE__ */ b("form", I(k({ className: u(ca[sa], e) }, n), { children: [
     (r || o) && /* @__PURE__ */ b("div", { className: ca[`${sa}__header`], children: [
       r && /* @__PURE__ */ t(he, { size: "sm", className: ca[`${sa}__label`], children: r }),
       o && /* @__PURE__ */ t(D, { as: "p", size: "sm", className: ca[`${sa}__helper`], children: o })
@@ -5379,7 +5380,7 @@ const xs = (e) => {
   const l = u(Ka[Ya], e);
   return /* @__PURE__ */ b(
     "div",
-    T(k(T(k({}, _), {
+    I(k(I(k({}, _), {
       role: "group"
     }), r && { "aria-label": r }), {
       className: l,
@@ -5483,12 +5484,12 @@ const xs = (e) => {
   } = qt(() => {
     const E = e.filter(
       (V) => V.status === "available"
-    ), P = yl(E), O = E.length, I = P.length > 4 ? P.slice(0, 3) : P, A = e.length > 0 && O === 0, z = E.filter(
+    ), P = yl(E), O = E.length, T = P.length > 4 ? P.slice(0, 3) : P, A = e.length > 0 && O === 0, z = E.filter(
       (V) => !V.isBot
     ).length, ne = O - z;
     return {
       availableAgentsNumber: O,
-      visibleAgents: I,
+      visibleAgents: T,
       hasOnlyUnavailableAgents: A,
       onlyAgentsNumber: z,
       onlyBotsNumber: ne
@@ -5513,7 +5514,7 @@ const xs = (e) => {
   ];
   return /* @__PURE__ */ b(
     "div",
-    T(k({}, d), {
+    I(k({}, d), {
       className: u(
         xt.Dark,
         Te[Ae],
@@ -5733,7 +5734,7 @@ const xs = (e) => {
       ),
       children: /* @__PURE__ */ t(
         "div",
-        T(k({
+        I(k({
           role: "dialog",
           "aria-modal": !0,
           className: s
@@ -5786,7 +5787,7 @@ const xs = (e) => {
   };
   return /* @__PURE__ */ b(
     El,
-    T(k({
+    I(k({
       className: h,
       fullSpaceContent: _,
       onClose: i,
@@ -5989,7 +5990,7 @@ const xs = (e) => {
   return /* @__PURE__ */ b("div", { className: v, style: l, children: [
     /* @__PURE__ */ t(
       "input",
-      T(k({
+      I(k({
         type: "text",
         ref: m
       }, c), {
@@ -6365,16 +6366,16 @@ const xs = (e) => {
     placement: i,
     strategy: g,
     whileElementsMounted: Ia
-  }), I = Ta(P, v), A = Aa(P, k({
+  }), T = Ta(P, v), A = Aa(P, k({
     escapeKey: h
   }, m)), z = Da(P), { getReferenceProps: ne, getFloatingProps: V } = Pa([
-    I,
+    T,
     A,
     z
   ]), H = u(Dl.popover, _), K = /* @__PURE__ */ b(ae, { children: [
     /* @__PURE__ */ t(
       "div",
-      T(k({
+      I(k({
         "data-testid": "popover-trigger-button",
         ref: E.setReference
       }, ne()), {
@@ -6384,7 +6385,7 @@ const xs = (e) => {
     ),
     /* @__PURE__ */ t(ea, { id: $, children: N && /* @__PURE__ */ t(Er, { context: P, modal: !1, children: /* @__PURE__ */ t(
       "div",
-      T(k({
+      I(k({
         className: H,
         ref: E.setFloating,
         style: O
@@ -6616,7 +6617,7 @@ const xs = (e) => {
       opacity: 0,
       transform: "scale(0.84) translateX(-22px)"
     }
-  }), { getReferenceProps: O, getFloatingProps: I } = Pa([
+  }), { getReferenceProps: O, getFloatingProps: T } = Pa([
     S,
     x,
     C
@@ -6631,7 +6632,7 @@ const xs = (e) => {
     (H, K) => H + (K.notificationCount || 0),
     0
   ), V = /* @__PURE__ */ b(ae, { children: [
-    /* @__PURE__ */ t("div", T(k({ ref: $.setReference }, O()), { children: /* @__PURE__ */ t(
+    /* @__PURE__ */ t("div", I(k({ ref: $.setReference }, O()), { children: /* @__PURE__ */ t(
       Gt,
       {
         isVisible: h,
@@ -6660,10 +6661,10 @@ const xs = (e) => {
     ) })),
     /* @__PURE__ */ t(ea, { id: g, children: /* @__PURE__ */ t(
       "div",
-      T(k({
+      I(k({
         ref: $.setFloating,
         style: N
-      }, I()), {
+      }, T()), {
         children: E && /* @__PURE__ */ b(
           "div",
           {
@@ -6932,7 +6933,7 @@ const xs = (e) => {
   );
   if (!i)
     throw new Error(`Product data for ${e.id} not found`);
-  return T(k({}, e), {
+  return I(k({}, e), {
     trialDaysLeft: r[e.id] && ((l = r[e.id]) == null ? void 0 : l.status) === "trial" && ((d = r[e.id]) != null && d.next_charge_at) ? Ul((s = (c = r[e.id]) == null ? void 0 : c.next_charge_at) != null ? s : "") : void 0,
     expired: ((h = r[e.id]) == null ? void 0 : h.status) === "expired",
     url: Gl(
@@ -7033,7 +7034,7 @@ const ba = {
     }, g = `${s / 2} ${s / 2} ${s} ${s}`;
     return /* @__PURE__ */ t(
       "div",
-      T(k({
+      I(k({
         className: h,
         ref: n,
         role: "progressbar"
@@ -7099,7 +7100,7 @@ const ba = {
     );
     return /* @__PURE__ */ t(
       "div",
-      T(k({}, _), {
+      I(k({}, _), {
         className: c,
         ref: n,
         role: "progressbar",
@@ -7302,7 +7303,7 @@ const ba = {
           /* @__PURE__ */ t("span", { className: kt[`${yt}__inner-circle`] }),
           /* @__PURE__ */ t(
             "input",
-            T(k({}, n), {
+            I(k({}, n), {
               className: kt[`${yt}__input`],
               ref: i,
               type: "radio",
@@ -7367,8 +7368,8 @@ const ba = {
     p.useEffect(() => {
       e && n && f(!1);
     }, [e, n]);
-    const S = (I) => {
-      const A = I.currentTarget.value;
+    const S = (T) => {
+      const A = T.currentTarget.value;
       d(A);
     }, C = () => {
       d("");
@@ -7378,8 +7379,8 @@ const ba = {
       e && f(!1), w(!0);
     }, P = () => {
       e && !n && f(!0), w(!1);
-    }, O = (I) => {
-      I.key === ke.enter && (I.preventDefault(), d(n));
+    }, O = (T) => {
+      T.key === ke.enter && (T.preventDefault(), d(n));
     };
     return /* @__PURE__ */ b(
       "div",
@@ -7458,7 +7459,7 @@ const ec = "lc-Skeleton-module__loading___fc1WK", Ot = {
   }) : l);
   return /* @__PURE__ */ t(
     "div",
-    T(k({
+    I(k({
       className: u(Ot[`${xo}`], {
         [Ot[`${xo}--vertical`]]: a
       })
@@ -7592,13 +7593,13 @@ const ec = "lc-Skeleton-module__loading___fc1WK", Ot = {
       [le[`${_e}--focused`]]: y
     },
     e
-  ), O = (I) => {
-    n == null || n(I, !$), v || (I.stopPropagation(), f((A) => !A));
+  ), O = (T) => {
+    n == null || n(T, !$), v || (T.stopPropagation(), f((A) => !A));
   };
   return /* @__PURE__ */ b("span", { className: P, children: [
     /* @__PURE__ */ t(
       "input",
-      T(k({
+      I(k({
         type: "checkbox",
         className: u(
           le[`${_e}__input`],
@@ -7700,7 +7701,7 @@ const ec = "lc-Skeleton-module__loading___fc1WK", Ot = {
   const { disabled: s } = l, h = r !== void 0 && !_, m = r !== void 0 && _;
   return /* @__PURE__ */ b(
     D,
-    T(k({}, l), {
+    I(k({}, l), {
       as: l.href ? "a" : "button",
       "aria-selected": o,
       size: "md",
@@ -7798,7 +7799,7 @@ const ec = "lc-Skeleton-module__loading___fc1WK", Ot = {
   tagProps: l
 }) => {
   const d = p.useMemo(() => o !== void 0 ? o(e) : !0, [e, o]), c = p.useRef(null), s = () => r(a), h = () => d ? l ? l.kind : "default" : "error";
-  return /* @__PURE__ */ t(Xo, T(k({ size: i }, l), { kind: h(), onRemove: s, children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ t(Xo, I(k({ size: i }, l), { kind: h(), onRemove: s, children: /* @__PURE__ */ t(
     mc,
     {
       value: e,
@@ -7852,34 +7853,34 @@ const ec = "lc-Skeleton-module__loading___fc1WK", Ot = {
     d,
     Ca[`${ja}__input`],
     Ca[`${ja}__input--${i}`]
-  ), [y, w] = p.useState(""), $ = p.useRef(null), B = (I) => {
-    I.trim() !== "" && (r([...a || [], I]), w(""));
-  }, N = (I) => {
+  ), [y, w] = p.useState(""), $ = p.useRef(null), B = (T) => {
+    T.trim() !== "" && (r([...a || [], T]), w(""));
+  }, N = (T) => {
     const A = [...a || []];
-    A.splice(I, 1), r(A);
-  }, S = (I) => w(I.target.value), C = (I) => {
-    if (gc.includes(I.key)) {
-      if (I.preventDefault(), y === "")
+    A.splice(T, 1), r(A);
+  }, S = (T) => w(T.target.value), C = (T) => {
+    if (gc.includes(T.key)) {
+      if (T.preventDefault(), y === "")
         return;
       B(y);
-    } else if (hc.includes(I.key)) {
+    } else if (hc.includes(T.key)) {
       if (y !== "" || !(a != null && a.length))
         return;
       N(a.length - 1);
     }
-  }, x = (I) => {
-    s && B(y), c == null || c(I);
-  }, E = (I, A) => {
+  }, x = (T) => {
+    s && B(y), c == null || c(T);
+  }, E = (T, A) => {
     const z = [...a || []];
     z.reduce(
-      (V, H, K) => V + (H === A && K !== I ? 1 : 0),
+      (V, H, K) => V + (H === A && K !== T ? 1 : 0),
       0
-    ) > 0 ? z.splice(I, 1) : z[I] = A, r(z);
-  }, P = (I) => {
-    I.preventDefault();
-    const z = I.clipboardData.getData("text/plain").split(/[\s,;\n]+/);
+    ) > 0 ? z.splice(T, 1) : z[T] = A, r(z);
+  }, P = (T) => {
+    T.preventDefault();
+    const z = T.clipboardData.getData("text/plain").split(/[\s,;\n]+/);
     r([...a || [], ...z]);
-  }, O = (I, A) => typeof I == "string" ? /* @__PURE__ */ t(
+  }, O = (T, A) => typeof T == "string" ? /* @__PURE__ */ t(
     Bo,
     {
       index: A,
@@ -7888,9 +7889,9 @@ const ec = "lc-Skeleton-module__loading___fc1WK", Ot = {
       inputRef: $,
       validator: o,
       size: i,
-      children: I
+      children: T
     },
-    `${A}${I}`
+    `${A}${T}`
   ) : /* @__PURE__ */ t(
     Bo,
     {
@@ -7900,17 +7901,17 @@ const ec = "lc-Skeleton-module__loading___fc1WK", Ot = {
       inputRef: $,
       validator: o,
       size: i,
-      tagProps: I,
-      children: I.value || I.children
+      tagProps: T,
+      children: T.value || T.children
     },
-    `${A}${I.children}`
+    `${A}${T.children}`
   );
   return /* @__PURE__ */ b(ae, { children: [
     /* @__PURE__ */ b(D, { as: "div", className: g, children: [
       a == null ? void 0 : a.map(O),
       /* @__PURE__ */ t(
         "input",
-        T(k({}, h), {
+        I(k({}, h), {
           id: e,
           ref: $,
           className: f,
@@ -7931,7 +7932,7 @@ const ec = "lc-Skeleton-module__loading___fc1WK", Ot = {
   } = o, a = R(o, [
     "placeholder"
   ]);
-  return /* @__PURE__ */ t(fc, T(k({}, a), { placeholder: e, validator: kc }));
+  return /* @__PURE__ */ t(fc, I(k({}, a), { placeholder: e, validator: kc }));
 }, yc = "lc-Toast-module__toast___ngbBR", Cc = "lc-Toast-module__toast__content___XGt2m", wc = "lc-Toast-module__toast__actions___iFshW", $c = "lc-Toast-module__toast__actions__button___sQIbQ", ce = {
   toast: yc,
   toast__content: Cc,
@@ -7996,8 +7997,8 @@ const ec = "lc-Skeleton-module__loading___fc1WK", Ot = {
     ce[`${At}--${_}`],
     a
   ), s = typeof r == "string", h = (m) => m && m.closesOnClick && n ? (m.onClick(), n()) : m.onClick();
-  return /* @__PURE__ */ b("div", T(k({ className: c }, i), { children: [
-    /* @__PURE__ */ t("div", { className: ce[`${At}__icon`], children: /* @__PURE__ */ t(F, T(k({}, Nc[_]), { size: "medium" })) }),
+  return /* @__PURE__ */ b("div", I(k({ className: c }, i), { children: [
+    /* @__PURE__ */ t("div", { className: ce[`${At}__icon`], children: /* @__PURE__ */ t(F, I(k({}, Nc[_]), { size: "medium" })) }),
     /* @__PURE__ */ t("div", { className: ce[`${At}__content`], children: s ? /* @__PURE__ */ t(D, { as: "div", children: r }) : r }),
     (e || o) && /* @__PURE__ */ b("div", { className: ce[`${At}__actions`], children: [
       e && /* @__PURE__ */ t(
@@ -8085,7 +8086,7 @@ const ec = "lc-Skeleton-module__loading___fc1WK", Ot = {
     };
     return /* @__PURE__ */ t(D, { as: "div", className: h, children: /* @__PURE__ */ t(
       "textarea",
-      T(k({}, r), {
+      I(k({}, r), {
         ref: o,
         onFocus: v,
         onBlur: m