@livechat/design-system-react-components 1.33.4 → 1.33.6

package/dist/index.es.js

@@ -780,7 +780,7 @@ const Mc = {
   ]);
   const y = d !== void 0, [E, $] = e.useState(l), [w, C] = e.useState(null), g = e.useRef(-1), N = Ga(), S = sa(), M = e.useRef(null), G = y ? d : E, I = () => {
     G ? (i == null || i(), !y && $(!1)) : (s == null || s(), !y && $(!0));
-  }, { x: O, y: Y, strategy: X, refs: L, context: U } = da({
+  }, { x: O, y: Y, strategy: j, refs: L, context: U } = da({
     nodeId: S,
     middleware: [
       ua(4),
@@ -887,7 +887,7 @@ const Mc = {
       ref: L.setFloating,
       className: He[ze],
       style: k(k({
-        position: X,
+        position: j,
         top: Y != null ? Y : "",
         left: O != null ? O : ""
       }, !!w && { maxHeight: w }), ft)
@@ -1197,7 +1197,7 @@ const Co = (t) => {
   arrowOffsetY: I,
   arrowOffsetX: O,
   closeOnTriggerBlur: Y = !1,
-  floatingStrategy: X
+  floatingStrategy: j
 }) => {
   const L = c !== void 0, [U, $e] = e.useState(!1), Ke = e.useRef(null), Ue = L ? c : U, Ne = l || o, $t = Ga(), ft = sa(), Nt = u(
     A[ya],
@@ -1221,7 +1221,7 @@ const Co = (t) => {
     ],
     placement: n,
     open: Ue,
-    strategy: X,
+    strategy: j,
     onOpenChange: lt,
     whileElementsMounted: ma
   }), qe = X_(V, {
@@ -2596,7 +2596,7 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
   ), I = u(
     Ee[`${_e}__rim`],
     Ee[`${_e}__rim--${o}`]
-  ), O = (X) => w ? "2xs" : ["medium"].includes(X) ? "xs" : ["large", "xlarge"].includes(X) ? "sm" : ["xxlarge"].includes(X) ? "lg" : "xl", Y = e.useCallback(() => v(!0), []);
+  ), O = (j) => w ? "2xs" : ["medium"].includes(j) ? "xs" : ["large", "xlarge"].includes(j) ? "sm" : ["xxlarge"].includes(j) ? "lg" : "xl", Y = e.useCallback(() => v(!0), []);
   return e.useEffect(() => {
     v(f);
   }, [f]), /* @__PURE__ */ e.createElement("div", k({ className: S, style: N }, s), i && /* @__PURE__ */ e.createElement(
@@ -3064,7 +3064,7 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
   (t, a) => /* @__PURE__ */ e.createElement(Ll, k({ innerRef: a }, t))
 );
 Ol.displayName = "DatePicker";
-var Z = /* @__PURE__ */ ((t) => (t.NEW_SELECTED_ITEM = "NEW_SELECTED_ITEM", t.NEW_TEMPORARY_TO_VALUE = "NEW_TEMPORARY_TO_VALUE", t.CLEAR = "CLEAR", t.SET_FROM = "SET_FROM", t.SET_TO = "SET_TO", t.SELECT_FIRST_DAY = "SELECT_FIRST_DAY", t.SELECT_SECOND_DAY_AS_FROM = "SELECT_SECOND_DAY_AS_FROM", t.SELECT_SECOND_DAY_AS_TO = "SELECT_SECOND_DAY_AS_TO", t.CURRENT_MONTH_CHANGE = "CURRENT_MONTH_CHANGE", t))(Z || {});
+var J = /* @__PURE__ */ ((t) => (t.NEW_SELECTED_ITEM = "NEW_SELECTED_ITEM", t.NEW_TEMPORARY_TO_VALUE = "NEW_TEMPORARY_TO_VALUE", t.CLEAR = "CLEAR", t.SET_FROM = "SET_FROM", t.SET_TO = "SET_TO", t.SELECT_FIRST_DAY = "SELECT_FIRST_DAY", t.SELECT_SECOND_DAY_AS_FROM = "SELECT_SECOND_DAY_AS_FROM", t.SELECT_SECOND_DAY_AS_TO = "SELECT_SECOND_DAY_AS_TO", t.CURRENT_MONTH_CHANGE = "CURRENT_MONTH_CHANGE", t))(J || {});
 const Gl = (t) => {
   const a = b_(
     t.initialFromDate,
@@ -3079,7 +3079,7 @@ const Gl = (t) => {
   }), Fl(t));
   function o(l, n) {
     switch (n.type) {
-      case Z.NEW_SELECTED_ITEM:
+      case J.NEW_SELECTED_ITEM:
         return {
           selectedItem: n.payload.selectedItem,
           from: void 0,
@@ -3087,36 +3087,36 @@ const Gl = (t) => {
           temporaryTo: void 0,
           currentMonth: a
         };
-      case Z.NEW_TEMPORARY_TO_VALUE:
+      case J.NEW_TEMPORARY_TO_VALUE:
         return T(k({}, l), {
           temporaryTo: n.payload.date
         });
-      case Z.SELECT_FIRST_DAY:
+      case J.SELECT_FIRST_DAY:
         return T(k({}, l), {
           from: n.payload.date,
           to: void 0,
           temporaryTo: void 0
         });
-      case Z.SELECT_SECOND_DAY_AS_FROM:
+      case J.SELECT_SECOND_DAY_AS_FROM:
         return T(k({}, l), {
           from: n.payload.date,
           to: l.from,
           temporaryTo: l.from
         });
-      case Z.SELECT_SECOND_DAY_AS_TO:
+      case J.SELECT_SECOND_DAY_AS_TO:
         return T(k({}, l), {
           to: n.payload.date,
           temporaryTo: n.payload.date
         });
-      case Z.CURRENT_MONTH_CHANGE:
+      case J.CURRENT_MONTH_CHANGE:
         return T(k({}, l), {
           currentMonth: n.payload.date
         });
-      case Z.SET_FROM:
+      case J.SET_FROM:
         return T(k({}, l), {
           from: n.payload.date
         });
-      case Z.SET_TO:
+      case J.SET_TO:
         return T(k({}, l), {
           to: n.payload.date
         });
@@ -3147,12 +3147,12 @@ const Gl = (t) => {
   });
   Ft(() => {
     i({
-      type: Z.SET_FROM,
+      type: J.SET_FROM,
       payload: { date: r }
     });
   }, [r]), Ft(() => {
     i({
-      type: Z.SET_TO,
+      type: J.SET_TO,
       payload: { date: _ }
     });
   }, [_]), Ft(() => {
@@ -3162,7 +3162,7 @@ const Gl = (t) => {
       o
     );
     i({
-      type: Z.CURRENT_MONTH_CHANGE,
+      type: J.CURRENT_MONTH_CHANGE,
       payload: { date: v }
     });
   }, [o, r, _]), Ft(() => {
@@ -3196,7 +3196,7 @@ const Gl = (t) => {
     (v) => {
       const h = o ? wr(o, v) >= 0 : !0;
       !zr(d.from, d.to) && h && i({
-        type: Z.NEW_TEMPORARY_TO_VALUE,
+        type: J.NEW_TEMPORARY_TO_VALUE,
         payload: { date: v }
       });
     },
@@ -3205,13 +3205,13 @@ const Gl = (t) => {
     (v) => {
       const { from: h, to: y } = d;
       f_(v, { to: o }) && (zr(h, y) ? i({
-        type: Z.SELECT_FIRST_DAY,
+        type: J.SELECT_FIRST_DAY,
         payload: { date: v }
       }) : h && gr(v, h) || h && fr(v, h) ? i({
-        type: Z.SELECT_SECOND_DAY_AS_TO,
+        type: J.SELECT_SECOND_DAY_AS_TO,
         payload: { date: v }
       }) : i({
-        type: Z.SELECT_SECOND_DAY_AS_FROM,
+        type: J.SELECT_SECOND_DAY_AS_FROM,
         payload: { date: v }
       }));
     },
@@ -3220,20 +3220,20 @@ const Gl = (t) => {
     (v) => {
       if (v === null) {
         i({
-          type: Z.NEW_SELECTED_ITEM,
+          type: J.NEW_SELECTED_ITEM,
           payload: { selectedItem: null }
         });
         return;
       }
       oa(v, t) && i({
-        type: Z.NEW_SELECTED_ITEM,
+        type: J.NEW_SELECTED_ITEM,
         payload: { selectedItem: v }
       });
     },
     [t]
   ), f = ka((v) => {
     i({
-      type: Z.CURRENT_MONTH_CHANGE,
+      type: J.CURRENT_MONTH_CHANGE,
       payload: { date: v }
     });
   }, []);
@@ -3491,7 +3491,7 @@ const ci = (t) => {
     "formFooter"
   ]);
   return /* @__PURE__ */ e.createElement("form", k({ className: u(Kt[Yt], t) }, l), (r || _) && /* @__PURE__ */ e.createElement("div", { className: Kt[`${Yt}__header`] }, r && /* @__PURE__ */ e.createElement(ne, { size: "sm", className: Kt[`${Yt}__label`] }, r), _ && /* @__PURE__ */ e.createElement(B, { as: "p", size: "sm", className: Kt[`${Yt}__helper`] }, _)), a, o && /* @__PURE__ */ e.createElement("div", { className: Kt[`${Yt}__footer`] }, o));
-}, J = {
+}, Q = {
   "form-field": "lc-FormField-module__form-field___JqnX6",
   "form-field--inline": "lc-FormField-module__form-field--inline___4DgIq",
   "form-field__wrapper--inline": "lc-FormField-module__form-field__wrapper--inline___Ubvrn",
@@ -3508,7 +3508,7 @@ const ci = (t) => {
   "form-field__row-break": "lc-FormField-module__form-field__row-break___DCBjC",
   "form-field__content": "lc-FormField-module__form-field__content___XaOx3",
   "form-field__content__description": "lc-FormField-module__form-field__content__description___NpVw4"
-}, j = "form-field", mi = ({
+}, ee = "form-field", mi = ({
   inline: t,
   error: a,
   description: r,
@@ -3520,9 +3520,9 @@ const ci = (t) => {
   labelRightNode: d
 }) => {
   const i = e.useRef(null), [s, p] = e.useState("auto"), m = u(
-    J[j],
+    Q[ee],
     {
-      [J[`${j}--inline`]]: t
+      [Q[`${ee}--inline`]]: t
     },
     l
   );
@@ -3535,34 +3535,34 @@ const ci = (t) => {
       as: "div",
       size: "sm",
       className: u(
-        J[`${j}__label-right-node`],
-        J[`${j}__label-right-node--inline`]
+        Q[`${ee}__label-right-node`],
+        Q[`${ee}__label-right-node--inline`]
       )
     },
     d
-  ), /* @__PURE__ */ e.createElement("div", { className: J[`${j}__row-break`] })), /* @__PURE__ */ e.createElement(
+  ), /* @__PURE__ */ e.createElement("div", { className: Q[`${ee}__row-break`] })), /* @__PURE__ */ e.createElement(
     "div",
     {
       className: u(
-        J[`${j}__wrapper`],
-        t && J[`${j}__wrapper--inline`]
+        Q[`${ee}__wrapper`],
+        t && Q[`${ee}__wrapper--inline`]
       )
     },
     (_ || d) && /* @__PURE__ */ e.createElement(
       "div",
       {
         className: u(
-          J[`${j}__label`],
-          t && J[`${j}__label--inline`],
-          !_ && J[`${j}__label--no-text`]
+          Q[`${ee}__label`],
+          t && Q[`${ee}__label--inline`],
+          !_ && Q[`${ee}__label--no-text`]
         )
       },
       _ && /* @__PURE__ */ e.createElement(
         "div",
         {
           className: u(
-            J[`${j}__label-wrapper`],
-            t && J[`${j}__label-wrapper--inline`]
+            Q[`${ee}__label-wrapper`],
+            t && Q[`${ee}__label-wrapper--inline`]
           ),
           style: {
             height: s
@@ -3571,7 +3571,7 @@ const ci = (t) => {
         /* @__PURE__ */ e.createElement(
           "label",
           {
-            className: J[`${j}__label-left-node`],
+            className: Q[`${ee}__label-left-node`],
             htmlFor: n
           },
           /* @__PURE__ */ e.createElement(B, { as: "span", size: "sm" }, _)
@@ -3582,8 +3582,8 @@ const ci = (t) => {
             as: "div",
             size: "sm",
             className: u(
-              J[`${j}__label-adornment`],
-              t && J[`${j}__label-adornment--inline`]
+              Q[`${ee}__label-adornment`],
+              t && Q[`${ee}__label-adornment--inline`]
             )
           },
           o
@@ -3594,15 +3594,15 @@ const ci = (t) => {
         {
           as: "div",
           size: "sm",
-          className: u(J[`${j}__label-right-node`])
+          className: u(Q[`${ee}__label-right-node`])
         },
         d
       )
     ),
-    /* @__PURE__ */ e.createElement("div", { className: u(J[`${j}__content`]) }, /* @__PURE__ */ e.createElement("div", { ref: i }, c), a && /* @__PURE__ */ e.createElement(Sr, null, a), !a && r && /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: u(Q[`${ee}__content`]) }, /* @__PURE__ */ e.createElement("div", { ref: i }, c), a && /* @__PURE__ */ e.createElement(Sr, null, a), !a && r && /* @__PURE__ */ e.createElement(
       za,
       {
-        className: u(J[`${j}__content__description`])
+        className: u(Q[`${ee}__content__description`])
       },
       r
     ))
@@ -4119,6 +4119,7 @@ const ci = (t) => {
   "checklist-item__content__label": "lc-CheckListItem-module__checklist-item__content__label___79MZg",
   "checklist-item__content__label--open": "lc-CheckListItem-module__checklist-item__content__label--open___go30G",
   "checklist-item__content__label--checked": "lc-CheckListItem-module__checklist-item__content__label--checked___-P-5P",
+  "checklist-item__content__hint": "lc-CheckListItem-module__checklist-item__content__hint___s2ISh",
   "checklist-item__content__inner": "lc-CheckListItem-module__checklist-item__content__inner___idZ9Y",
   "checklist-item__content__inner--open": "lc-CheckListItem-module__checklist-item__content__inner--open___hwIrI",
   "checklist-item__content__inner__description": "lc-CheckListItem-module__checklist-item__content__inner__description___FBp5h",
@@ -4180,7 +4181,7 @@ const ci = (t) => {
           [oe[`${le}__content--open`]]: a
         })
       },
-      /* @__PURE__ */ e.createElement(
+      /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
         ne,
         {
           size: "xs",
@@ -4200,8 +4201,7 @@ const ci = (t) => {
           },
           l
         )
-      ),
-      /* @__PURE__ */ e.createElement(
+      ), /* @__PURE__ */ e.createElement(
         "div",
         {
           className: u(oe[`${le}__content__inner`], {
@@ -4217,11 +4217,11 @@ const ci = (t) => {
           },
           n
         ), /* @__PURE__ */ e.createElement("div", { className: oe[`${le}__content__inner__cta`] }, d))
-      ),
+      )),
       !a && /* @__PURE__ */ e.createElement("div", { className: oe[`${le}__chevron`] }, /* @__PURE__ */ e.createElement(x, { source: La }))
     )
   );
-}, Q = {
+}, Z = {
   "onboarding-checklist": "lc-OnboardingChecklist-module__onboarding-checklist___xwJSs",
   "onboarding-checklist--complete": "lc-OnboardingChecklist-module__onboarding-checklist--complete___7guKi",
   "onboarding-checklist__complete": "lc-OnboardingChecklist-module__onboarding-checklist__complete___MWabe",
@@ -4230,6 +4230,7 @@ const ci = (t) => {
   "onboarding-checklist__complete__title": "lc-OnboardingChecklist-module__onboarding-checklist__complete__title___Fenvu",
   "onboarding-checklist__column": "lc-OnboardingChecklist-module__onboarding-checklist__column___Uzq7i",
   "onboarding-checklist__column--right": "lc-OnboardingChecklist-module__onboarding-checklist__column--right___CZCfy",
+  "onboarding-checklist__column--right--completed": "lc-OnboardingChecklist-module__onboarding-checklist__column--right--completed___8LSA8",
   "onboarding-checklist__header": "lc-OnboardingChecklist-module__onboarding-checklist__header___GlTPZ",
   "onboarding-checklist__header__label": "lc-OnboardingChecklist-module__onboarding-checklist__header__label___YpUEt",
   "onboarding-checklist__header__title": "lc-OnboardingChecklist-module__onboarding-checklist__header__title___23C6-",
@@ -4238,7 +4239,7 @@ const ci = (t) => {
   "onboarding-checklist__button": "lc-OnboardingChecklist-module__onboarding-checklist__button___Gnl9l",
   "onboarding-checklist__button__icon": "lc-OnboardingChecklist-module__onboarding-checklist__button__icon___oW59S",
   "onboarding-checklist__button__icon--open": "lc-OnboardingChecklist-module__onboarding-checklist__button__icon--open___HrIjs"
-}, ee = "onboarding-checklist", yi = ({
+}, X = "onboarding-checklist", yi = ({
   activeItemId: t,
   completedItemsIds: a,
   title: r,
@@ -4271,9 +4272,9 @@ const ci = (t) => {
     {
       ref: h,
       className: u(
-        Q[ee],
+        Z[X],
         {
-          [Q[`${ee}--complete`]]: s && !m
+          [Z[`${X}--complete`]]: s && !m
         },
         i
       ),
@@ -4281,21 +4282,21 @@ const ci = (t) => {
         height: !s || m ? b : y
       }
     },
-    m && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: Q[`${ee}__column`] }, /* @__PURE__ */ e.createElement("div", { className: Q[`${ee}__header`] }, _ && /* @__PURE__ */ e.createElement(
+    m && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: Z[`${X}__column`] }, /* @__PURE__ */ e.createElement("div", { className: Z[`${X}__header`] }, _ && /* @__PURE__ */ e.createElement(
       B,
       {
         size: "lg",
-        className: Q[`${ee}__header__label`]
+        className: Z[`${X}__header__label`]
       },
       _
     ), /* @__PURE__ */ e.createElement(
       ne,
       {
         size: "lg",
-        className: Q[`${ee}__header__title`]
+        className: Z[`${X}__header__title`]
       },
       r
-    )), /* @__PURE__ */ e.createElement("div", { className: Q[`${ee}__checklist`] }, o.map((w, C) => /* @__PURE__ */ e.createElement(
+    )), /* @__PURE__ */ e.createElement("div", { className: Z[`${X}__checklist`] }, o.map((w, C) => /* @__PURE__ */ e.createElement(
       an,
       {
         key: C,
@@ -4313,33 +4314,36 @@ const ci = (t) => {
       "div",
       {
         className: u(
-          Q[`${ee}__column`],
-          Q[`${ee}__column--right`],
+          Z[`${X}__column`],
+          Z[`${X}__column--right`],
+          {
+            [Z[`${X}__column--right--completed`]]: c
+          },
           n
         )
       },
-      !c && /* @__PURE__ */ e.createElement("div", { className: Q[`${ee}__placeholder`] }, ($ = o.find((w) => w.id === t)) == null ? void 0 : $.placeholder),
-      c && /* @__PURE__ */ e.createElement("div", { className: Q[`${ee}__placeholder`] }, d.placeholder)
+      !c && /* @__PURE__ */ e.createElement("div", { className: Z[`${X}__placeholder`] }, ($ = o.find((w) => w.id === t)) == null ? void 0 : $.placeholder),
+      c && /* @__PURE__ */ e.createElement("div", { className: Z[`${X}__placeholder`] }, d.placeholder)
     )),
-    !m && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: Q[`${ee}__complete`] }, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
+    !m && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: Z[`${X}__complete`] }, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
       x,
       {
         size: "large",
-        className: Q[`${ee}__complete__icon`],
+        className: Z[`${X}__complete__icon`],
         source: vr
       }
     )), /* @__PURE__ */ e.createElement("div", null, (d == null ? void 0 : d.greetingText) && /* @__PURE__ */ e.createElement(
       B,
       {
         size: "lg",
-        className: Q[`${ee}__complete__label`]
+        className: Z[`${X}__complete__label`]
       },
       d.greetingText
     ), /* @__PURE__ */ e.createElement(
       ne,
       {
         size: "sm",
-        className: Q[`${ee}__complete__title`]
+        className: Z[`${X}__complete__title`]
       },
       d.title
     )))),
@@ -4352,12 +4356,12 @@ const ci = (t) => {
           {
             source: Ot,
             className: u(
-              Q[`${ee}__button__icon`],
-              m && Q[`${ee}__button__icon--open`]
+              Z[`${X}__button__icon`],
+              m && Z[`${X}__button__icon--open`]
             )
           }
         ),
-        className: Q[`${ee}__button`],
+        className: Z[`${X}__button`],
         onClick: E,
         "aria-expanded": m
       }
@@ -4989,13 +4993,13 @@ const Mt = "select-all", ln = (t, a) => {
       a,
       (L) => !!L.disabled || !!L.groupHeader
     )
-  }), { getReferenceProps: O, getFloatingProps: Y, getItemProps: X } = ba(
+  }), { getReferenceProps: O, getFloatingProps: Y, getItemProps: j } = ba(
     [S, G, M, I]
   );
   return !d && m && f(!1), {
     getReferenceProps: O,
     getFloatingProps: Y,
-    getItemProps: X,
+    getItemProps: j,
     setReference: w.setReference,
     floatingStyles: C,
     isPositioned: N,
@@ -5075,7 +5079,7 @@ const Mt = "select-all", ln = (t, a) => {
 }, En = {
   "picker-wrapper": "lc-Picker-module__picker-wrapper___2EDne"
 }, wi = (Y) => {
-  var X = Y, {
+  var j = Y, {
     id: t,
     className: a,
     listClassName: r,
@@ -5104,7 +5108,7 @@ const Mt = "select-all", ln = (t, a) => {
     useDismissHookProps: M,
     useClickHookProps: G,
     virtuosoProps: I
-  } = X, O = D(X, [
+  } = j, O = D(j, [
     "id",
     "className",
     "listClassName",
@@ -5271,7 +5275,7 @@ const Mt = "select-all", ln = (t, a) => {
     whileElementsMounted: ma
   }), I = pa(M, f), O = ga(M, k({
     escapeKey: p
-  }, m)), Y = fa(M), { getReferenceProps: X, getFloatingProps: L } = ba([
+  }, m)), Y = fa(M), { getReferenceProps: j, getFloatingProps: L } = ba([
     I,
     O,
     Y
@@ -5280,7 +5284,7 @@ const Mt = "select-all", ln = (t, a) => {
     T(k({
       "data-testid": "popover-trigger-button",
       ref: S.setReference
-    }, X()), {
+    }, j()), {
       className: l
     }),
     g ? t() : t
@@ -5504,7 +5508,7 @@ const Be = {
   }, Y = t.reduce(
     (L, U) => L + (U.notificationCount || 0),
     0
-  ), X = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", k({ ref: y.setReference }, M()), /* @__PURE__ */ e.createElement(
+  ), j = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", k({ ref: y.setReference }, M()), /* @__PURE__ */ e.createElement(
     Lt,
     {
       isVisible: s,
@@ -5516,6 +5520,7 @@ const Be = {
       className: ea[`${ta}__tooltip`],
       placement: "right",
       floatingStrategy: "fixed",
+      kind: "invert",
       triggerRenderer: /* @__PURE__ */ e.createElement(
         v_,
         {
@@ -5569,7 +5574,7 @@ const Be = {
       ))
     )
   )));
-  return m === null ? /* @__PURE__ */ e.createElement(Ha, null, X) : X;
+  return m === null ? /* @__PURE__ */ e.createElement(Ha, null, j) : j;
 }, Nn = 'data:image/svg+xml,%3Csvg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0_24854_8994)"%3E%3Crect width="40" height="40" fill="%230066FF"/%3E%3Cg filter="url(%23filter0_f_24854_8994)"%3E%3Cpath d="M32.6382 31.0816C41.9891 31.0816 49.5694 23.5012 49.5694 14.1504C49.5694 4.79953 41.9891 -2.78082 32.6382 -2.78082C23.2874 -2.78082 15.707 4.79953 15.707 14.1504C15.707 23.5012 23.2874 31.0816 32.6382 31.0816Z" fill="%23FF4205"/%3E%3C/g%3E%3Cg filter="url(%23filter1_f_24854_8994)"%3E%3Cpath d="M10.417 50.1292C19.7679 50.1292 27.3482 42.5488 27.3482 33.198C27.3482 23.8471 19.7679 16.2668 10.417 16.2668C1.0662 16.2668 -6.51416 23.8471 -6.51416 33.198C-6.51416 42.5488 1.0662 50.1292 10.417 50.1292Z" fill="%2373CE3B"/%3E%3C/g%3E%3Cg filter="url(%23filter2_f_24854_8994)"%3E%3Cpath d="M9.35788 16.2667C15.2022 16.2667 19.9399 11.529 19.9399 5.68472C19.9399 -0.159555 15.2022 -4.89728 9.35788 -4.89728C3.5136 -4.89728 -1.22412 -0.159555 -1.22412 5.68472C-1.22412 11.529 3.5136 16.2667 9.35788 16.2667Z" fill="%233750FF"/%3E%3C/g%3E%3Cg filter="url(%23filter3_f_24854_8994)"%3E%3Cpath d="M7.24274 18.3831C13.6714 18.3831 18.8829 13.1716 18.8829 6.74292C18.8829 0.314217 13.6714 -4.89728 7.24274 -4.89728C0.814034 -4.89728 -4.39746 0.314217 -4.39746 6.74292C-4.39746 13.1716 0.814034 18.3831 7.24274 18.3831Z" fill="%233750FF"/%3E%3C/g%3E%3Cg filter="url(%23filter4_f_24854_8994)"%3E%3Cpath d="M8.29938 21.5577C14.7281 21.5577 19.9396 16.3462 19.9396 9.91748C19.9396 3.48878 14.7281 -1.72272 8.29938 -1.72272C1.87068 -1.72272 -3.34082 3.48878 -3.34082 9.91748C-3.34082 16.3462 1.87068 21.5577 8.29938 21.5577Z" fill="%233750FF"/%3E%3C/g%3E%3Cg filter="url(%23filter5_f_24854_8994)"%3E%3Cpath d="M33.6973 45.8964C40.126 45.8964 45.3375 40.6849 45.3375 34.2562C45.3375 27.8275 40.126 22.616 33.6973 22.616C27.2686 22.616 22.0571 27.8275 22.0571 34.2562C22.0571 40.6849 27.2686 45.8964 33.6973 45.8964Z" fill="%23FFD001"/%3E%3C/g%3E%3Cg filter="url(%23filter6_f_24854_8994)"%3E%3Cpath d="M29.4639 48.0128C35.8926 48.0128 41.1041 42.8013 41.1041 36.3726C41.1041 29.9439 35.8926 24.7324 29.4639 24.7324C23.0352 24.7324 17.8237 29.9439 17.8237 36.3726C17.8237 42.8013 23.0352 48.0128 29.4639 48.0128Z" fill="%23FFD001"/%3E%3C/g%3E%3Cg filter="url(%23filter7_f_24854_8994)"%3E%3Cpath d="M29.4639 48.0128C35.8926 48.0128 41.1041 42.8013 41.1041 36.3726C41.1041 29.9439 35.8926 24.7324 29.4639 24.7324C23.0352 24.7324 17.8237 29.9439 17.8237 36.3726C17.8237 42.8013 23.0352 48.0128 29.4639 48.0128Z" fill="%23FFD001"/%3E%3C/g%3E%3Cg filter="url(%23filter8_f_24854_8994)"%3E%3Cpath d="M6.18299 39.5472C11.4428 39.5472 15.7068 35.2832 15.7068 30.0234C15.7068 24.7635 11.4428 20.4996 6.18299 20.4996C0.923135 20.4996 -3.34082 24.7635 -3.34082 30.0234C-3.34082 35.2832 0.923135 39.5472 6.18299 39.5472Z" fill="%2373CE3B"/%3E%3C/g%3E%3Cg filter="url(%23filter9_f_24854_8994)"%3E%3Cpath d="M6.18299 39.5472C11.4428 39.5472 15.7068 35.2832 15.7068 30.0234C15.7068 24.7635 11.4428 20.4996 6.18299 20.4996C0.923135 20.4996 -3.34082 24.7635 -3.34082 30.0234C-3.34082 35.2832 0.923135 39.5472 6.18299 39.5472Z" fill="%2373CE3B"/%3E%3C/g%3E%3Cg filter="url(%23filter10_f_24854_8994)"%3E%3Cpath d="M6.18299 39.5472C11.4428 39.5472 15.7068 35.2832 15.7068 30.0234C15.7068 24.7635 11.4428 20.4996 6.18299 20.4996C0.923135 20.4996 -3.34082 24.7635 -3.34082 30.0234C-3.34082 35.2832 0.923135 39.5472 6.18299 39.5472Z" fill="%2373CE3B"/%3E%3C/g%3E%3Cg filter="url(%23filter11_f_24854_8994)"%3E%3Cpath d="M6.18299 39.5472C11.4428 39.5472 15.7068 35.2832 15.7068 30.0234C15.7068 24.7635 11.4428 20.4996 6.18299 20.4996C0.923135 20.4996 -3.34082 24.7635 -3.34082 30.0234C-3.34082 35.2832 0.923135 39.5472 6.18299 39.5472Z" fill="%2373CE3B"/%3E%3C/g%3E%3Cg filter="url(%23filter12_f_24854_8994)"%3E%3Cpath d="M6.18299 39.5472C11.4428 39.5472 15.7068 35.2832 15.7068 30.0234C15.7068 24.7635 11.4428 20.4996 6.18299 20.4996C0.923135 20.4996 -3.34082 24.7635 -3.34082 30.0234C-3.34082 35.2832 0.923135 39.5472 6.18299 39.5472Z" fill="%2373CE3B"/%3E%3C/g%3E%3Cg filter="url(%23filter13_f_24854_8994)"%3E%3Cpath d="M9.35898 38.489C12.8655 38.489 15.7082 35.6463 15.7082 32.1398C15.7082 28.6332 12.8655 25.7906 9.35898 25.7906C5.8524 25.7906 3.00977 28.6332 3.00977 32.1398C3.00977 35.6463 5.8524 38.489 9.35898 38.489Z" fill="%2373CE3B"/%3E%3C/g%3E%3Cg filter="url(%23filter14_f_24854_8994)"%3E%3Cpath d="M38.9871 31.0816C46.5846 31.0816 52.7437 24.9225 52.7437 17.325C52.7437 9.7274 46.5846 3.56836 38.9871 3.56836C31.3895 3.56836 25.2305 9.7274 25.2305 17.325C25.2305 24.9225 31.3895 31.0816 38.9871 31.0816Z" fill="%23FF4205"/%3E%3C/g%3E%3Cg filter="url(%23filter15_f_24854_8994)"%3E%3Cpath d="M38.9879 25.7905C45.4166 25.7905 50.6281 20.579 50.6281 14.1503C50.6281 7.72157 45.4166 2.51007 38.9879 2.51007C32.5592 2.51007 27.3477 7.72157 27.3477 14.1503C27.3477 20.579 32.5592 25.7905 38.9879 25.7905Z" fill="%23FF4205"/%3E%3C/g%3E%3Cg filter="url(%23filter16_f_24854_8994)"%3E%3Cpath d="M9.35868 21.5578C14.0341 21.5578 17.8243 17.7676 17.8243 13.0922C17.8243 8.41674 14.0341 4.62656 9.35868 4.62656C4.68325 4.62656 0.893066 8.41674 0.893066 13.0922C0.893066 17.7676 4.68325 21.5578 9.35868 21.5578Z" fill="%233750FF"/%3E%3C/g%3E%3Cg filter="url(%23filter17_f_24854_8994)"%3E%3Cpath d="M31.5797 18.3831C35.0862 18.3831 37.9289 15.5404 37.9289 12.0339C37.9289 8.5273 35.0862 5.68466 31.5797 5.68466C28.0731 5.68466 25.2305 8.5273 25.2305 12.0339C25.2305 15.5404 28.0731 18.3831 31.5797 18.3831Z" fill="%23FF2E00"/%3E%3C/g%3E%3Cg filter="url(%23filter18_f_24854_8994)"%3E%3Cpath d="M12.5312 14.1503C18.3755 14.1503 23.1132 9.41257 23.1132 3.5683C23.1132 -2.27598 18.3755 -7.0137 12.5312 -7.0137C6.68694 -7.0137 1.94922 -2.27598 1.94922 3.5683C1.94922 9.41257 6.68694 14.1503 12.5312 14.1503Z" fill="%233851FF"/%3E%3C/g%3E%3Cg filter="url(%23filter19_f_24854_8994)"%3E%3Cpath d="M28.4057 13.0921C34.25 13.0921 38.9877 8.35441 38.9877 2.51013C38.9877 -3.33415 34.25 -8.07187 28.4057 -8.07187C22.5615 -8.07187 17.8237 -3.33415 17.8237 2.51013C17.8237 8.35441 22.5615 13.0921 28.4057 13.0921Z" fill="%23F3354D"/%3E%3C/g%3E%3Cg filter="url(%23filter20_f_24854_8994)"%3E%3Cpath d="M33.6958 48.0128C39.54 48.0128 44.2778 43.275 44.2778 37.4308C44.2778 31.5865 39.54 26.8488 33.6958 26.8488C27.8515 26.8488 23.1138 31.5865 23.1138 37.4308C23.1138 43.275 27.8515 48.0128 33.6958 48.0128Z" fill="%23FFD101"/%3E%3C/g%3E%3Cg filter="url(%23filter21_f_24854_8994)"%3E%3Cpath d="M8.30173 43.78C14.146 43.78 18.8837 39.0422 18.8837 33.198C18.8837 27.3537 14.146 22.616 8.30173 22.616C2.45745 22.616 -2.28027 27.3537 -2.28027 33.198C-2.28027 39.0422 2.45745 43.78 8.30173 43.78Z" fill="%237FCF35"/%3E%3C/g%3E%3Cg filter="url(%23filter22_f_24854_8994)"%3E%3Cpath d="M6.18454 34.2562C12.0288 34.2562 16.7665 29.5184 16.7665 23.6742C16.7665 17.8299 12.0288 13.0922 6.18454 13.0922C0.340261 13.0922 -4.39746 17.8299 -4.39746 23.6742C-4.39746 29.5184 0.340261 34.2562 6.18454 34.2562Z" fill="%231D7DD0"/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id="filter0_f_24854_8994" x="-8.29297" y="-26.7808" width="81.8623" height="81.8624" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter1_f_24854_8994" x="-30.5142" y="-7.73322" width="81.8623" height="81.8624" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter2_f_24854_8994" x="-25.2241" y="-28.8973" width="69.1641" height="69.164" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter3_f_24854_8994" x="-28.3975" y="-28.8973" width="71.2803" height="71.2804" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter4_f_24854_8994" x="-27.3408" y="-25.7227" width="71.2803" height="71.2804" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter5_f_24854_8994" x="-1.94287" y="-1.38403" width="71.2803" height="71.2804" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter6_f_24854_8994" x="-6.17627" y="0.732361" width="71.2803" height="71.2804" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter7_f_24854_8994" x="-6.17627" y="0.732361" width="71.2803" height="71.2804" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter8_f_24854_8994" x="-27.3408" y="-3.50043" width="67.0479" height="67.0476" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter9_f_24854_8994" x="-27.3408" y="-3.50043" width="67.0479" height="67.0476" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter10_f_24854_8994" x="-27.3408" y="-3.50043" width="67.0479" height="67.0476" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter11_f_24854_8994" x="-27.3408" y="-3.50043" width="67.0479" height="67.0476" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter12_f_24854_8994" x="-27.3408" y="-3.50043" width="67.0479" height="67.0476" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter13_f_24854_8994" x="-20.9902" y="1.79056" width="60.6982" height="60.6984" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter14_f_24854_8994" x="1.23047" y="-20.4316" width="75.5132" height="75.5132" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter15_f_24854_8994" x="3.34766" y="-21.4899" width="71.2803" height="71.2804" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter16_f_24854_8994" x="-23.1069" y="-19.3734" width="64.9312" height="64.9312" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter17_f_24854_8994" x="1.23047" y="-18.3153" width="60.6982" height="60.6984" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter18_f_24854_8994" x="-9.05078" y="-18.0137" width="43.1641" height="43.164" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="5.5" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter19_f_24854_8994" x="6.82373" y="-19.0719" width="43.1641" height="43.164" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="5.5" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter20_f_24854_8994" x="12.1138" y="15.8488" width="43.1641" height="43.164" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="5.5" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter21_f_24854_8994" x="-13.2803" y="11.616" width="43.1641" height="43.164" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="5.5" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter22_f_24854_8994" x="-15.3975" y="2.09216" width="43.1641" height="43.164" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="5.5" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3CclipPath id="clip0_24854_8994"%3E%3Crect width="40" height="40" fill="white"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A', Sn = [
   {
     id: "livechat",