npm - widget-chatbot - Versions diffs - 2.0.3 → 2.0.4-alpha.2 - Mend

widget-chatbot 2.0.3 → 2.0.4-alpha.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/dist/widget-chatbot.css +1 -1
package/dist/widget-chatbot.es.js +967 -958
package/package.json +1 -1

package/dist/widget-chatbot.es.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import ot, { version as Lr, createContext as He, useContext as Ue, useState as H, useRef as se, useMemo as z, useEffect as ge, memo as B, Fragment as pt, Children as Mr, isValidElement as Nr, cloneElement as Fr, createElement as Ht, useCallback as Ir } from "react";
+import ot, { version as Lr, createContext as He, useContext as Ue, useState as H, useRef as se, useMemo as z, useEffect as ge, memo as Y, Fragment as pt, Children as Mr, isValidElement as Nr, cloneElement as Fr, createElement as Ht, useCallback as Ir } from "react";
 import Je from "axios";
 import Se from "dayjs";
 import { version as $r, Modal as un, Collapse as dn, Typography as ce, Button as le, Form as Ce, notification as Te, Radio as Hr, Divider as Ur, Input as st, Image as Wr, Skeleton as _e, Avatar as Un, Upload as Wn, Spin as Br, Tooltip as Ke, Tag as Yr, Badge as Vr, Grid as Re, Empty as Bn, Popover as Ut, Mentions as fn, Select as gn, DatePicker as zr, Result as Gr, Tabs as wt } from "antd";
@@ -39,28 +39,28 @@ function Wt() {
         return !1;
       for (var i = {}, c = 0; c < 10; c++)
         i["_" + String.fromCharCode(c)] = c;
-      var l = Object.getOwnPropertyNames(i).map(function(x) {
-        return i[x];
+      var l = Object.getOwnPropertyNames(i).map(function(h) {
+        return i[h];
       });
       if (l.join("") !== "0123456789")
         return !1;
-      var f = {};
-      return "abcdefghijklmnopqrst".split("").forEach(function(x) {
-        f[x] = x;
-      }), Object.keys(Object.assign({}, f)).join("") === "abcdefghijklmnopqrst";
+      var x = {};
+      return "abcdefghijklmnopqrst".split("").forEach(function(h) {
+        x[h] = h;
+      }), Object.keys(Object.assign({}, x)).join("") === "abcdefghijklmnopqrst";
     } catch {
       return !1;
     }
   }
   return _t = a() ? Object.assign : function(s, i) {
-    for (var c, l = r(s), f, x = 1; x < arguments.length; x++) {
-      c = Object(arguments[x]);
+    for (var c, l = r(s), x, h = 1; h < arguments.length; h++) {
+      c = Object(arguments[h]);
       for (var p in c)
         n.call(c, p) && (l[p] = c[p]);
       if (e) {
-        f = e(c);
-        for (var h = 0; h < f.length; h++)
-          o.call(c, f[h]) && (l[f[h]] = c[f[h]]);
+        x = e(c);
+        for (var f = 0; f < x.length; f++)
+          o.call(c, x[f]) && (l[x[f]] = c[x[f]]);
       }
     }
     return l;
@@ -74,22 +74,22 @@ function Wt() {
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var hn;
+var xn;
 function to() {
-  if (hn) return ze;
-  hn = 1, Wt();
+  if (xn) return ze;
+  xn = 1, Wt();
   var e = ot, n = 60103;
   if (ze.Fragment = 60107, typeof Symbol == "function" && Symbol.for) {
     var o = Symbol.for;
     n = o("react.element"), ze.Fragment = o("react.fragment");
   }
   var r = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, a = Object.prototype.hasOwnProperty, s = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function i(c, l, f) {
-    var x, p = {}, h = null, v = null;
-    f !== void 0 && (h = "" + f), l.key !== void 0 && (h = "" + l.key), l.ref !== void 0 && (v = l.ref);
-    for (x in l) a.call(l, x) && !s.hasOwnProperty(x) && (p[x] = l[x]);
-    if (c && c.defaultProps) for (x in l = c.defaultProps, l) p[x] === void 0 && (p[x] = l[x]);
-    return { $$typeof: n, type: c, key: h, ref: v, props: p, _owner: r.current };
+  function i(c, l, x) {
+    var h, p = {}, f = null, m = null;
+    x !== void 0 && (f = "" + x), l.key !== void 0 && (f = "" + l.key), l.ref !== void 0 && (m = l.ref);
+    for (h in l) a.call(l, h) && !s.hasOwnProperty(h) && (p[h] = l[h]);
+    if (c && c.defaultProps) for (h in l = c.defaultProps, l) p[h] === void 0 && (p[h] = l[h]);
+    return { $$typeof: n, type: c, key: f, ref: m, props: p, _owner: r.current };
   }
   return ze.jsx = i, ze.jsxs = i, ze;
 }
@@ -102,22 +102,22 @@ var jt = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var xn;
+var hn;
 function no() {
-  return xn || (xn = 1, function(e) {
+  return hn || (hn = 1, function(e) {
     process.env.NODE_ENV !== "production" && function() {
       var n = ot, o = Wt(), r = 60103, a = 60106;
       e.Fragment = 60107;
-      var s = 60108, i = 60114, c = 60109, l = 60110, f = 60112, x = 60113, p = 60120, h = 60115, v = 60116, j = 60121, T = 60122, w = 60117, C = 60129, E = 60131;
+      var s = 60108, i = 60114, c = 60109, l = 60110, x = 60112, h = 60113, p = 60120, f = 60115, m = 60116, j = 60121, T = 60122, S = 60117, C = 60129, E = 60131;
       if (typeof Symbol == "function" && Symbol.for) {
-        var m = Symbol.for;
-        r = m("react.element"), a = m("react.portal"), e.Fragment = m("react.fragment"), s = m("react.strict_mode"), i = m("react.profiler"), c = m("react.provider"), l = m("react.context"), f = m("react.forward_ref"), x = m("react.suspense"), p = m("react.suspense_list"), h = m("react.memo"), v = m("react.lazy"), j = m("react.block"), T = m("react.server.block"), w = m("react.fundamental"), m("react.scope"), m("react.opaque.id"), C = m("react.debug_trace_mode"), m("react.offscreen"), E = m("react.legacy_hidden");
+        var y = Symbol.for;
+        r = y("react.element"), a = y("react.portal"), e.Fragment = y("react.fragment"), s = y("react.strict_mode"), i = y("react.profiler"), c = y("react.provider"), l = y("react.context"), x = y("react.forward_ref"), h = y("react.suspense"), p = y("react.suspense_list"), f = y("react.memo"), m = y("react.lazy"), j = y("react.block"), T = y("react.server.block"), S = y("react.fundamental"), y("react.scope"), y("react.opaque.id"), C = y("react.debug_trace_mode"), y("react.offscreen"), E = y("react.legacy_hidden");
       }
-      var S = typeof Symbol == "function" && Symbol.iterator, d = "@@iterator";
-      function y(g) {
+      var w = typeof Symbol == "function" && Symbol.iterator, d = "@@iterator";
+      function v(g) {
         if (g === null || typeof g != "object")
           return null;
-        var A = S && g[S] || g[d];
+        var A = w && g[w] || g[d];
         return typeof A == "function" ? A : null;
       }
       var u = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
@@ -140,7 +140,7 @@ function no() {
       }
       var D = !1;
       function R(g) {
-        return !!(typeof g == "string" || typeof g == "function" || g === e.Fragment || g === i || g === C || g === s || g === x || g === p || g === E || D || typeof g == "object" && g !== null && (g.$$typeof === v || g.$$typeof === h || g.$$typeof === c || g.$$typeof === l || g.$$typeof === f || g.$$typeof === w || g.$$typeof === j || g[0] === T));
+        return !!(typeof g == "string" || typeof g == "function" || g === e.Fragment || g === i || g === C || g === s || g === h || g === p || g === E || D || typeof g == "object" && g !== null && (g.$$typeof === m || g.$$typeof === f || g.$$typeof === c || g.$$typeof === l || g.$$typeof === x || g.$$typeof === S || g.$$typeof === j || g[0] === T));
       }
       function U(g, A, N) {
         var q = A.displayName || A.name || "";
@@ -149,7 +149,7 @@ function no() {
       function $(g) {
         return g.displayName || "Context";
       }
-      function Y(g) {
+      function V(g) {
         if (g == null)
           return null;
         if (typeof g.tag == "number" && b("Received an unexpected object in getComponentName(). This is likely a bug in React. Please file an issue."), typeof g == "function")
@@ -165,7 +165,7 @@ function no() {
             return "Profiler";
           case s:
             return "StrictMode";
-          case x:
+          case h:
             return "Suspense";
           case p:
             return "SuspenseList";
@@ -178,16 +178,16 @@ function no() {
             case c:
               var N = g;
               return $(N._context) + ".Provider";
-            case f:
+            case x:
               return U(g, g.render, "ForwardRef");
-            case h:
-              return Y(g.type);
+            case f:
+              return V(g.type);
             case j:
-              return Y(g._render);
-            case v: {
+              return V(g._render);
+            case m: {
               var q = g, fe = q._payload, de = q._init;
               try {
-                return Y(de(fe));
+                return V(de(fe));
               } catch {
                 return null;
               }
@@ -195,18 +195,18 @@ function no() {
           }
         return null;
       }
-      var G = 0, P, I, Z, K, _, O, W;
-      function F() {
+      var G = 0, P, F, Z, K, _, O, W;
+      function I() {
       }
-      F.__reactDisabledLog = !0;
-      function V() {
+      I.__reactDisabledLog = !0;
+      function B() {
         {
           if (G === 0) {
-            P = console.log, I = console.info, Z = console.warn, K = console.error, _ = console.group, O = console.groupCollapsed, W = console.groupEnd;
+            P = console.log, F = console.info, Z = console.warn, K = console.error, _ = console.group, O = console.groupCollapsed, W = console.groupEnd;
             var g = {
               configurable: !0,
               enumerable: !0,
-              value: F,
+              value: I,
               writable: !0
             };
             Object.defineProperties(console, {
@@ -235,7 +235,7 @@ function no() {
                 value: P
               }),
               info: o({}, g, {
-                value: I
+                value: F
               }),
               warn: o({}, g, {
                 value: Z
@@ -289,7 +289,7 @@ function no() {
         var fe = Error.prepareStackTrace;
         Error.prepareStackTrace = void 0;
         var de;
-        de = X.current, X.current = null, V();
+        de = X.current, X.current = null, B();
         try {
           if (A) {
             var oe = function() {
@@ -326,18 +326,18 @@ function no() {
           if (Ae && q && typeof Ae.stack == "string") {
             for (var ne = Ae.stack.split(`
 `), ve = q.stack.split(`
-`), he = ne.length - 1, me = ve.length - 1; he >= 1 && me >= 0 && ne[he] !== ve[me]; )
+`), xe = ne.length - 1, me = ve.length - 1; xe >= 1 && me >= 0 && ne[xe] !== ve[me]; )
               me--;
-            for (; he >= 1 && me >= 0; he--, me--)
-              if (ne[he] !== ve[me]) {
-                if (he !== 1 || me !== 1)
+            for (; xe >= 1 && me >= 0; xe--, me--)
+              if (ne[xe] !== ve[me]) {
+                if (xe !== 1 || me !== 1)
                   do
-                    if (he--, me--, me < 0 || ne[he] !== ve[me]) {
+                    if (xe--, me--, me < 0 || ne[xe] !== ve[me]) {
                       var ke = `
-` + ne[he].replace(" at new ", " at ");
+` + ne[xe].replace(" at new ", " at ");
                       return typeof g == "function" && te.set(g, ke), ke;
                     }
-                  while (he >= 1 && me >= 0);
+                  while (xe >= 1 && me >= 0);
                 break;
               }
           }
@@ -362,20 +362,20 @@ function no() {
         if (typeof g == "string")
           return ee(g);
         switch (g) {
-          case x:
+          case h:
             return ee("Suspense");
           case p:
             return ee("SuspenseList");
         }
         if (typeof g == "object")
           switch (g.$$typeof) {
-            case f:
+            case x:
               return be(g.render);
-            case h:
+            case f:
               return Ie(g.type, A, N);
             case j:
               return be(g._render);
-            case v: {
+            case m: {
               var q = g, fe = q._payload, de = q._init;
               try {
                 return Ie(de(fe), A, N);
@@ -393,7 +393,7 @@ function no() {
         } else
           Zt.setExtraStackFrame(null);
       }
-      function xr(g, A, N, q, fe) {
+      function hr(g, A, N, q, fe) {
         {
           var de = Function.call.bind(Object.prototype.hasOwnProperty);
           for (var oe in g)
@@ -405,8 +405,8 @@ function no() {
                   throw ve.name = "Invariant Violation", ve;
                 }
                 ne = g[oe](A, oe, q, N, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-              } catch (he) {
-                ne = he;
+              } catch (xe) {
+                ne = xe;
               }
               ne && !(ne instanceof Error) && (ct(fe), b("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", q || "React class", N, oe, typeof ne), ct(null)), ne instanceof Error && !(ne.message in Jt) && (Jt[ne.message] = !0, ct(fe), b("Failed %s type: %s", N, ne.message), ct(null));
             }
@@ -495,9 +495,9 @@ function no() {
           for (de in A)
             Ct.call(A, de) && !mr.hasOwnProperty(de) && (oe[de] = A[de]);
           if (g && g.defaultProps) {
-            var he = g.defaultProps;
-            for (de in he)
-              oe[de] === void 0 && (oe[de] = he[de]);
+            var xe = g.defaultProps;
+            for (de in xe)
+              oe[de] === void 0 && (oe[de] = xe[de]);
           }
           if (ne || ve) {
             var me = typeof g == "function" ? g.displayName || g.name || "Unknown" : g;
@@ -522,7 +522,7 @@ function no() {
       function rn() {
         {
           if (Tt.current) {
-            var g = Y(Tt.current.type);
+            var g = V(Tt.current.type);
             if (g)
               return `
@@ -557,7 +557,7 @@ Check the top-level render call using <` + N + ">.");
             return;
           on[N] = !0;
           var q = "";
-          g && g._owner && g._owner !== Tt.current && (q = " It was passed a child from " + Y(g._owner.type) + "."), Be(g), b('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', N, q), Be(null);
+          g && g._owner && g._owner !== Tt.current && (q = " It was passed a child from " + V(g._owner.type) + "."), Be(g), b('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', N, q), Be(null);
         }
       }
       function an(g, A) {
@@ -572,7 +572,7 @@ Check the top-level render call using <` + N + ">.");
           else if (St(g))
             g._store && (g._store.validated = !0);
           else if (g) {
-            var fe = y(g);
+            var fe = v(g);
             if (typeof fe == "function" && fe !== g.entries)
               for (var de = fe.call(g), oe; !(oe = de.next()).done; )
                 St(oe.value) && sn(oe.value, A);
@@ -587,18 +587,18 @@ Check the top-level render call using <` + N + ">.");
           var N;
           if (typeof A == "function")
             N = A.propTypes;
-          else if (typeof A == "object" && (A.$$typeof === f || // Note: Memo only checks outer props here.
+          else if (typeof A == "object" && (A.$$typeof === x || // Note: Memo only checks outer props here.
           // Inner props are checked in the reconciler.
-          A.$$typeof === h))
+          A.$$typeof === f))
             N = A.propTypes;
           else
             return;
           if (N) {
-            var q = Y(A);
-            xr(N, g.props, "prop", q, g);
+            var q = V(A);
+            hr(N, g.props, "prop", q, g);
           } else if (A.PropTypes !== void 0 && !Et) {
             Et = !0;
-            var fe = Y(A);
+            var fe = V(A);
             b("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", fe || "Unknown");
           }
           typeof A.getDefaultProps == "function" && !A.getDefaultProps.isReactClassApproved && b("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
@@ -624,8 +624,8 @@ Check the top-level render call using <` + N + ">.");
             (g === void 0 || typeof g == "object" && g !== null && Object.keys(g).length === 0) && (ne += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
             var ve = wr();
             ve ? ne += ve : ne += rn();
-            var he;
-            g === null ? he = "null" : Array.isArray(g) ? he = "array" : g !== void 0 && g.$$typeof === r ? (he = "<" + (Y(g.type) || "Unknown") + " />", ne = " Did you accidentally export a JSX literal instead of a component?") : he = typeof g, b("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", he, ne);
+            var xe;
+            g === null ? xe = "null" : Array.isArray(g) ? xe = "array" : g !== void 0 && g.$$typeof === r ? (xe = "<" + (V(g.type) || "Unknown") + " />", ne = " Did you accidentally export a JSX literal instead of a component?") : xe = typeof g, b("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", xe, ne);
           }
           var me = Sr(g, A, N, fe, de);
           if (me == null)
@@ -662,7 +662,7 @@ function ro() {
   return mn || (mn = 1, process.env.NODE_ENV === "production" ? lt.exports = to() : lt.exports = no()), lt.exports;
 }
 var t = ro();
-const oo = "2.0.3", Vn = "chat_session", so = "user_uttered", io = "bot_uttered", ao = "ehelp_bot_uttered";
+const oo = "2.0.4-alpha.2", Vn = "chat_session", so = "user_uttered", io = "bot_uttered", ao = "ehelp_bot_uttered";
 JSON.stringify({
   enabled_agents: ["Alice", "Maria", "Jani"],
   default_active_agent: "Alice"
@@ -692,7 +692,7 @@ const co = "https://sfchatbot.dataon.com", lo = [
     label: "I’d like to explain further",
     value: "another"
   }
-], Pe = $r, Xe = Lr, uo = oo, fo = "https://sfchatbot.dataon.com/openai-service-dev/", xt = "https://res.cloudinary.com/dcvolkyfb/image/upload/v1740135794/svg/bot_profile_hlnyop.png", Bt = "YYYY-MM-DD", mt = "HH:mm", yn = "N/A", kt = [
+], Pe = $r, Xe = Lr, uo = oo, fo = "https://sfchatbot.dataon.com/openai-service-dev/", ht = "https://res.cloudinary.com/dcvolkyfb/image/upload/v1740135794/svg/bot_profile_hlnyop.png", Bt = "YYYY-MM-DD", mt = "HH:mm", yn = "N/A", kt = [
   // Raster (bitmap)
   ".jpg",
   ".jpeg",
@@ -716,7 +716,7 @@ const co = "https://sfchatbot.dataon.com", lo = [
   ".xcf"
 ], At = "w-widget-content-container", Rt = "w-ticket-detail-content-container", go = "w-wrapper-body", po = "w-wrapper-body-helpdesk", Qe = "w-header", Ot = {
   FADE_IN: "w-fade-in-animate"
-}, ho = "https://placehold.co/600x400?text=No+Image", nt = 3, xo = "GoHRDev2025WorkPlazeDataOnDotCom", Ge = "(Helpdesk Widget Chatbot)", mo = (e) => JSON.parse((e == null ? void 0 : e.replaceAll("/get_started", "")) || "{}"), zn = (e) => {
+}, xo = "https://placehold.co/600x400?text=No+Image", nt = 3, ho = "GoHRDev2025WorkPlazeDataOnDotCom", Ge = "(Helpdesk Widget Chatbot)", mo = (e) => JSON.parse((e == null ? void 0 : e.replaceAll("/get_started", "")) || "{}"), zn = (e) => {
   var n;
   try {
     return (n = new URL(e)) == null ? void 0 : n.host;
@@ -778,9 +778,9 @@ const co = "https://sfchatbot.dataon.com", lo = [
       r == null || r.push(c);
     }) : r == null || r.push(s);
   }), r == null || r.forEach((s, i) => {
-    var l, f, x;
+    var l, x, h;
     const c = s == null ? void 0 : s.generated_id;
-    c ? (n[c] || (n[c] = []), (f = n[c]) == null || f.push({
+    c ? (n[c] || (n[c] = []), (x = n[c]) == null || x.push({
       ...s,
       indexChat: i,
       ...!(s != null && s.timestamp) && {
@@ -799,7 +799,7 @@ const co = "https://sfchatbot.dataon.com", lo = [
       ...s,
       keyItem: i,
       ...!(s != null && s.timestamp) && {
-        timestamp: (x = Se()) == null ? void 0 : x.format("hh:mm A")
+        timestamp: (h = Se()) == null ? void 0 : h.format("hh:mm A")
       }
     });
   });
@@ -857,7 +857,7 @@ const Le = (e = ".w-wrapper-body") => {
     a
   );
   return Co(c);
-}, ht = (e) => {
+}, xt = (e) => {
   const n = {}, o = Kn(e), r = o == null ? void 0 : o.map((a) => {
     var i;
     const s = a == null ? void 0 : a.CREATED_DATE;
@@ -895,10 +895,10 @@ const Le = (e = ".w-wrapper-body") => {
   subTitle: i,
   keyEncrypt: c,
   history: l,
-  modelName: f,
-  isSF: x
+  modelName: x,
+  isSF: h
 }) => {
-  const [p, h] = H(!1), [v, j] = H("va"), [T, w] = H(!1), [C, E] = H({}), [m, S] = H(!1), [d, y] = H(!1), [u, b] = H(!1), k = se(!1), D = z(() => ({
+  const [p, f] = H(!1), [m, j] = H("va"), [T, S] = H(!1), [C, E] = H({}), [y, w] = H(!1), [d, v] = H(!1), [u, b] = H(!1), k = se(!1), D = z(() => ({
     getStartedPayload: n,
     socketURL: o,
     socketPath: r,
@@ -907,8 +907,8 @@ const Le = (e = ".w-wrapper-body") => {
     subTitle: i,
     keyEncrypt: c,
     history: l,
-    modelName: f,
-    isSF: x
+    modelName: x,
+    isSF: h
   }), [
     n,
     o,
@@ -918,8 +918,8 @@ const Le = (e = ".w-wrapper-body") => {
     i,
     c,
     l,
-    f,
-    x
+    x,
+    h
   ]), R = z(() => Gn(C == null ? void 0 : C.access_token), [C == null ? void 0 : C.access_token]);
   return ge(() => {
     E(mo(n));
@@ -932,20 +932,20 @@ const Le = (e = ".w-wrapper-body") => {
     {
       value: {
         objInitPayload: C,
-        setOpenWidget: h,
+        setOpenWidget: f,
         isOpenWidget: p,
-        activeTab: v,
+        activeTab: m,
         setActiveTab: j,
         isExpand: T,
-        setExpand: w,
+        setExpand: S,
         setObjInitPayload: E,
         parsedJWT: R,
         widgetProps: D,
-        isFirstOpenWidget: m,
-        setFirstOpenWidget: S,
+        isFirstOpenWidget: y,
+        setFirstOpenWidget: w,
         isFirstRenderHelpdesk: k,
         showReadyWSHD: d,
-        setShowReadyWSHD: y,
+        setShowReadyWSHD: v,
         isUserInputHide: u,
         setUserInputHide: b
       },
@@ -960,26 +960,26 @@ const Le = (e = ".w-wrapper-body") => {
     )) == null || i.then(({ data: c }) => {
       var l;
       if (c) {
-        const f = Object.keys((l = Object.values(c)) == null ? void 0 : l[0]), x = {};
-        f == null || f.forEach((p) => {
-          var h;
-          (h = Object.keys(c)) == null || h.forEach((v) => {
+        const x = Object.keys((l = Object.values(c)) == null ? void 0 : l[0]), h = {};
+        x == null || x.forEach((p) => {
+          var f;
+          (f = Object.keys(c)) == null || f.forEach((m) => {
             var j;
-            x[p == null ? void 0 : p.toLowerCase()] = (j = c == null ? void 0 : c[v]) == null ? void 0 : j[p];
+            h[p == null ? void 0 : p.toLowerCase()] = (j = c == null ? void 0 : c[m]) == null ? void 0 : j[p];
           });
-        }), r(x);
+        }), r(h);
       }
     });
   }, s = () => {
     const i = window.indexedDB.open("language");
     i.onsuccess = (c) => {
-      var f;
+      var x;
       const l = c.target.result;
       try {
-        const p = l.transaction("keyvaluepairs", "readonly").objectStore("keyvaluepairs"), h = p == null ? void 0 : p.get((f = n == null ? void 0 : n.lang) == null ? void 0 : f.toLowerCase());
-        h.onsuccess = () => {
-          r(h == null ? void 0 : h.result);
-        }, h.onerror = () => {
+        const p = l.transaction("keyvaluepairs", "readonly").objectStore("keyvaluepairs"), f = p == null ? void 0 : p.get((x = n == null ? void 0 : n.lang) == null ? void 0 : x.toLowerCase());
+        f.onsuccess = () => {
+          r(f == null ? void 0 : f.result);
+        }, f.onerror = () => {
           a();
         };
       } catch {
@@ -994,44 +994,42 @@ const Le = (e = ".w-wrapper-body") => {
   }, [n == null ? void 0 : n.uriService, n == null ? void 0 : n.lang]), /* @__PURE__ */ t.jsx(Jn.Provider, { value: { langDatas: o }, children: e });
 }, Zn = He({}), je = () => Ue(Zn), jo = ({ children: e }) => {
   var P;
-  const [n, o] = H([]), [r, a] = H(!1), [s, i] = H(!1), [c, l] = H({}), [f, x] = H(!1), [p, h] = H(!1), [v, j] = H(""), [T, w] = H(!1), {
+  const [n, o] = H([]), [r, a] = H(!1), [s, i] = H(!1), [c, l] = H({}), [x, h] = H(!1), [p, f] = H(!1), [m, j] = H(""), [T, S] = H(!1), {
     objInitPayload: C,
     widgetProps: E,
-    setOpenWidget: m,
-    setFirstOpenWidget: S,
+    setOpenWidget: y,
+    setFirstOpenWidget: w,
     isFirstRenderHelpdesk: d,
-    setUserInputHide: y
-  } = ue(), u = se(null), b = se(""), k = se(""), D = (I) => {
+    setUserInputHide: v
+  } = ue(), u = se(null), b = se(""), k = se(""), D = (F) => {
     var K, _;
-    const Z = (K = I == null ? void 0 : I.metadata) == null ? void 0 : K.stopped;
-    if (y(((_ = I == null ? void 0 : I.metadata) == null ? void 0 : _.userInput) === "hide"), !Z) {
-      const O = Ee(I, "text_feedback_link") && Ee(I, "text");
+    const Z = (K = F == null ? void 0 : F.metadata) == null ? void 0 : K.stopped;
+    if (v(((_ = F == null ? void 0 : F.metadata) == null ? void 0 : _.userInput) === "hide"), !Z) {
+      const O = Ee(F, "text_feedback_link") && Ee(F, "text");
       o((W) => {
-        const F = [...W], V = F == null ? void 0 : F[(F == null ? void 0 : F.length) - 1];
-        return (V == null ? void 0 : V.id) === (I == null ? void 0 : I.id) ? V.text += I == null ? void 0 : I.text : F == null || F.push({
-          ...I,
-          ...O && {
-            type: "text"
-          },
+        const I = [...W], B = I == null ? void 0 : I[(I == null ? void 0 : I.length) - 1];
+        return (B == null ? void 0 : B.id) === (F == null ? void 0 : F.id) ? (B.text += F == null ? void 0 : F.text, F != null && F.tag && (B.tag = F.tag)) : I.push({
+          ...F,
+          ...O && { type: "text" },
           sender: "response"
-        }), vo(F);
+        }), vo(I);
       });
     }
     a(!1), i(!1), Le();
-  }, R = (I) => {
+  }, R = (F) => {
     var Z, K, _, O;
-    I && U({
+    F && U({
       msg: E == null ? void 0 : E.getStartedPayload
     }), (Z = u == null ? void 0 : u.current) == null || Z.emit("session_request", { session_id: null }), (K = u == null ? void 0 : u.current) == null || K.on("session_confirm", (W) => {
       b.current = W, yt({
         session_id: W == null ? void 0 : W.session_id
       });
     }), (_ = u == null ? void 0 : u.current) == null || _.on(io, D), (O = u == null ? void 0 : u.current) == null || O.on(ao, (W) => {
-      const F = JSON.parse(W || "{}");
-      Ee(F, "iswidget") && h(F == null ? void 0 : F.iswidget);
-    }), f || x(!0), S(!1);
+      const I = JSON.parse(W || "{}");
+      Ee(I, "iswidget") && f(I == null ? void 0 : I.iswidget);
+    }), x || h(!0), w(!1);
   }, U = ({
-    msg: I,
+    msg: F,
     additionalConfig: Z = {},
     isShowLoadingResponse: K = !0
   }) => {
@@ -1040,11 +1038,11 @@ const Le = (e = ".w-wrapper-body") => {
       customData: {
         language: C == null ? void 0 : C.lang
       },
-      message: I,
+      message: F,
       session_id: b == null ? void 0 : b.current,
       ...Z
     }), K ? a(!0) : i(!0);
-  }, $ = (I = !1) => {
+  }, $ = (F = !1) => {
     var K, _;
     u.current && ((K = u == null ? void 0 : u.current) == null || K.off(), (_ = u == null ? void 0 : u.current) == null || _.disconnect(), u.current = null), d.current = !1;
     const Z = qr(
@@ -1059,28 +1057,28 @@ const Le = (e = ".w-wrapper-body") => {
       }
     );
     Z.on("connect", () => {
-      R(I);
+      R(F);
     }), Z.on("connect_error", (O) => {
       console.error("connect_error widget-chatbot : ", {
         err: O,
         socketURL: E == null ? void 0 : E.socketURL,
         socketPath: E == null ? void 0 : E.widgetProps
-      }), x(!1);
+      }), h(!1);
     }), Z.io.on("reconnect", () => {
       console.error("reconnect widget-chatbot : ", {
         socketURL: E == null ? void 0 : E.socketURL,
         socketPath: E == null ? void 0 : E.widgetProps
-      }), x(!1);
+      }), h(!1);
     }), u.current = Z;
-  }, Y = () => {
-    var I;
-    (!((I = u == null ? void 0 : u.current) != null && I.connected) || !f) && ($(), m(!1));
+  }, V = () => {
+    var F;
+    (!((F = u == null ? void 0 : u.current) != null && F.connected) || !x) && ($(), y(!1));
   }, G = () => {
-    x(!1);
+    h(!1);
   };
-  return ge(() => (m(!1), $(), window.addEventListener("online", Y), window.addEventListener("offline", G), () => {
-    var I, Z;
-    u.current && ((I = u.current) == null || I.off("connect", R), (Z = u.current) == null || Z.disconnect(), u.current = null), window.removeEventListener("online", Y), window.removeEventListener("offline", G);
+  return ge(() => (y(!1), $(), window.addEventListener("online", V), window.addEventListener("offline", G), () => {
+    var F, Z;
+    u.current && ((F = u.current) == null || F.off("connect", R), (Z = u.current) == null || Z.disconnect(), u.current = null), window.removeEventListener("online", V), window.removeEventListener("offline", G);
   }), [
     JSON.stringify(C || {}),
     E == null ? void 0 : E.socketURL,
@@ -1098,14 +1096,14 @@ const Le = (e = ".w-wrapper-body") => {
         loadingRegenerate: s,
         file: c,
         setFile: l,
-        connected: f,
+        connected: x,
         isHandshakeWidget: p,
         createSocket: $,
         currRegenerateId: k,
-        thinkingText: v,
+        thinkingText: m,
         setThinkingText: j,
         isThinkingCompleted: T,
-        setIsThinkingCompleted: w
+        setIsThinkingCompleted: S
       },
       children: e
     }
@@ -1444,58 +1442,69 @@ const Le = (e = ".w-wrapper-body") => {
       }
     )
   );
-}, Qn = B(Ro), Oo = ({ childrenData: e, children: n }) => {
-  const o = M("ThinkProcess", "Think Process"), a = (() => {
-    const s = [];
-    let i = 0;
-    const c = "<think>", l = "</think>";
-    for (; i < (e == null ? void 0 : e.length); ) {
-      const f = e == null ? void 0 : e.indexOf(c, i), x = e == null ? void 0 : e.indexOf(l, i);
-      if (f !== -1 && x !== -1 && f < x)
-        f > i && s.push({
+}, Qn = Y(Ro), Oo = ({ childrenData: e, children: n, tag: o }) => {
+  const r = M("ThinkProcess", "Think Process"), s = (() => {
+    const i = [], c = [];
+    let l = 0;
+    const x = "<think>", h = "</think>";
+    for (; l < (e == null ? void 0 : e.length); ) {
+      const f = e == null ? void 0 : e.indexOf(x, l), m = e == null ? void 0 : e.indexOf(h, l);
+      if (f !== -1 && m !== -1 && f < m)
+        f > l && i.push({
           type: "text",
-          value: e == null ? void 0 : e.slice(i, f)
-        }), s.push({
-          type: "think",
-          value: e == null ? void 0 : e.slice(f + c.length, x)
+          value: e == null ? void 0 : e.slice(l, f)
+        }), c.push(
+          e == null ? void 0 : e.slice(f + x.length, m)
           // ini buat ambil text dri stlah <think> sampai sblm </think>
-        }), i = x + l.length;
-      else if (f !== -1 && x === -1) {
-        f > i && s.push({
+        ), l = m + h.length;
+      else if (f !== -1 && m === -1) {
+        f > l && i.push({
           type: "text",
-          value: e == null ? void 0 : e.slice(i, f)
-        }), s.push({
-          type: "think",
-          value: e == null ? void 0 : e.slice(f + c.length)
+          value: e == null ? void 0 : e.slice(l, f)
+        }), c.push(
+          e == null ? void 0 : e.slice(f + x.length)
           // ini buat ambil smua text stlah <think> aja, karna </think> blm ada
-        });
+        );
         break;
       } else {
-        s.push({
+        i.push({
           type: "text",
-          value: e == null ? void 0 : e.slice(i)
+          value: e == null ? void 0 : e.slice(l)
         });
         break;
       }
     }
-    return s;
+    const p = [];
+    return c.length > 0 && p.push({
+      type: "think",
+      value: c.join(`
+`)
+      // gabungkan semua isi <think> dengan pemisah newline
+    }), p.push(...i), p;
   })();
-  return /* @__PURE__ */ t.jsx("div", { children: a == null ? void 0 : a.map((s, i) => (s == null ? void 0 : s.type) === "think" ? /* @__PURE__ */ t.jsx(
+  return /* @__PURE__ */ t.jsx("div", { children: s == null ? void 0 : s.map((i, c) => (i == null ? void 0 : i.type) === "think" ? /* @__PURE__ */ t.jsx(
     dn,
     {
       className: "w-think-collapse",
-      defaultActiveKey: ["think"],
       ghost: !0,
       style: { marginBottom: 12 },
-      children: /* @__PURE__ */ t.jsx(dn.Panel, { header: o, children: /* @__PURE__ */ t.jsx(ce.Paragraph, { children: /* @__PURE__ */ t.jsx("blockquote", { children: n(s == null ? void 0 : s.value, "think") }) }) }, "think")
+      children: /* @__PURE__ */ t.jsx(
+        dn.Panel,
+        {
+          header: o || r,
+          children: /* @__PURE__ */ t.jsx(ce.Paragraph, { children: /* @__PURE__ */ t.jsx("blockquote", { children: n(i == null ? void 0 : i.value, "think") }) })
+        },
+        "think"
+      )
     },
-    i
-  ) : /* @__PURE__ */ t.jsx(pt, { children: n(s == null ? void 0 : s.value, "text") }, i)) });
-}, Do = B(Oo), Cn = ({ props: e, isModal: n = !1 }) => {
+    c
+  ) : /* @__PURE__ */ t.jsx(pt, { children: n(i == null ? void 0 : i.value, "text") }, c)) });
+}, Do = Y(Oo), Cn = ({ props: e, isModal: n = !1 }) => {
   const o = (r, a) => {
     var s;
     return (s = Mr) == null ? void 0 : s.map(r, (i) => {
-      var c, l, f;
+      var c, l, x;
       return !Nr(i) || ((c = Object.keys((i == null ? void 0 : i.props) || {})) == null ? void 0 : c.length) === 0 ? i : Fr(i, {
         ...i == null ? void 0 : i.props,
         ...(i == null ? void 0 : i.type) === "thead" && {
@@ -1517,7 +1526,7 @@ const Le = (e = ".w-wrapper-body") => {
         ...(i == null ? void 0 : i.type) === "tbody" && {
           className: "ant-table-tbody"
         },
-        children: (l = i == null ? void 0 : i.props) != null && l.children ? o((f = i == null ? void 0 : i.props) == null ? void 0 : f.children, i == null ? void 0 : i.type) : i == null ? void 0 : i.props
+        children: (l = i == null ? void 0 : i.props) != null && l.children ? o((x = i == null ? void 0 : i.props) == null ? void 0 : x.children, i == null ? void 0 : i.type) : i == null ? void 0 : i.props
       });
     });
   };
@@ -1533,18 +1542,18 @@ const Le = (e = ".w-wrapper-body") => {
       children: /* @__PURE__ */ t.jsx("table", { className: "wp-md-table", ...e, children: o(e == null ? void 0 : e.children, "") })
     }
   ) }) }) });
-}, Lo = ({ children: e }) => {
-  const n = M(
+}, Lo = ({ children: e, tag: n }) => {
+  const o = M(
     "OpenDetailTable",
     "Open Detail Table"
-  ), o = M("TableDetail", "Tabel Detail"), { widgetProps: r, objInitPayload: a } = ue(), [s, i] = H(!1);
-  return /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(Do, { childrenData: e, children: (c, l) => /* @__PURE__ */ t.jsx(
+  ), r = M("TableDetail", "Tabel Detail"), { widgetProps: a, objInitPayload: s } = ue(), [i, c] = H(!1);
+  return /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(Do, { childrenData: e, tag: n, children: (l, x) => /* @__PURE__ */ t.jsx(
     Kr,
     {
       remarkPlugins: [Pr],
       components: {
-        table: ({ ...f }) => /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-          /* @__PURE__ */ t.jsx(Cn, { props: f }),
+        table: ({ ...h }) => /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+          /* @__PURE__ */ t.jsx(Cn, { props: h }),
           /* @__PURE__ */ t.jsx(
             "div",
             {
@@ -1557,9 +1566,9 @@ const Le = (e = ".w-wrapper-body") => {
                 le,
                 {
                   onClick: () => {
-                    i(!0);
+                    c(!0);
                   },
-                  children: n
+                  children: o
                 }
               )
             }
@@ -1569,66 +1578,66 @@ const Le = (e = ".w-wrapper-body") => {
             {
               getContainer: () => document.body,
               footer: null,
-              title: o,
+              title: r,
               width: 800,
-              open: s,
+              open: i,
               onCancel: () => {
-                i(!1);
+                c(!1);
               },
-              children: /* @__PURE__ */ t.jsx(Cn, { props: f, isModal: !0 })
+              children: /* @__PURE__ */ t.jsx(Cn, { props: h, isModal: !0 })
             }
           )
         ] }),
-        p: (f) => /* @__PURE__ */ t.jsx(
+        p: (h) => /* @__PURE__ */ t.jsx(
           "p",
           {
-            ...f,
+            ...h,
             style: {
-              ...(f == null ? void 0 : f.style) || {},
-              ...l === "think" && {
+              ...(h == null ? void 0 : h.style) || {},
+              ...x === "think" && {
                 fontSize: 12,
                 color: "grey"
               }
             }
           }
         ),
-        code: ({ className: f, children: x }) => {
-          const p = /language-(\w+)/.exec(f || "");
-          return p ? /* @__PURE__ */ t.jsx(
+        code: ({ className: h, children: p }) => {
+          const f = /language-(\w+)/.exec(h || "");
+          return f ? /* @__PURE__ */ t.jsx(
             Xr,
             {
-              language: p[1],
+              language: f[1],
               style: ko,
               PreTag: "div",
-              children: String(x).replace(/\n$/, "")
+              children: String(p).replace(/\n$/, "")
             }
-          ) : /* @__PURE__ */ t.jsx(ce.Text, { code: !0, children: x });
+          ) : /* @__PURE__ */ t.jsx(ce.Text, { code: !0, children: p });
         },
-        a: (f) => {
-          var j, T;
-          const x = f.href, p = (j = f.children) == null ? void 0 : j[0], h = bn(x), v = bn(
-            a == null ? void 0 : a.uriBackend
+        a: (h) => {
+          var T, S;
+          const p = h.href, f = (T = h.children) == null ? void 0 : T[0], m = bn(p), j = bn(
+            s == null ? void 0 : s.uriBackend
           );
-          return !h && v ? ((T = Eo(
-            a == null ? void 0 : a.uriBackend
-          )) == null || T.origin, /* @__PURE__ */ t.jsx(
+          return !m && j ? ((S = Eo(
+            s == null ? void 0 : s.uriBackend
+          )) == null || S.origin, /* @__PURE__ */ t.jsx(
             "span",
             {
               className: "w-link-path",
-              onClick: (w) => {
-                w.stopPropagation();
-                const C = `${x}`;
-                r != null && r.history && r.history.push(C);
+              onClick: (C) => {
+                C.stopPropagation();
+                const E = `${p}`;
+                a != null && a.history && a.history.push(E);
               },
-              children: p
+              children: f
             }
-          )) : /* @__PURE__ */ t.jsx("a", { ...f, target: "_blank", className: "w-link-path" });
+          )) : /* @__PURE__ */ t.jsx("a", { ...h, target: "_blank", className: "w-link-path" });
         }
       },
-      children: c
+      children: l
     }
   ) }) });
-}, er = B(Lo), Mo = () => /* @__PURE__ */ t.jsxs(
+}, er = Y(Lo), Mo = () => /* @__PURE__ */ t.jsxs(
   "svg",
   {
     width: "24",
@@ -2006,56 +2015,56 @@ const Le = (e = ".w-wrapper-body") => {
   ), s = M(
     "AdditionalFeedback",
     "Additional Feedback"
-  ), [i] = Ce.useForm(), [c, l] = H(!1), [f, x] = H(""), { setChats: p } = je(), { objInitPayload: h, isUserInputHide: v } = ue(), { activeTab: j } = Me(), T = z(() => {
-    var S;
-    const m = Ee(e, "feedback") ? (e == null ? void 0 : e.feedback) === "like" || (e == null ? void 0 : e.feedback) === "" : !0;
-    return typeof (e == null ? void 0 : e.text_thumbsup_link) == "string" && ((S = e == null ? void 0 : e.text_thumbsup_link) == null ? void 0 : S.trim()) !== "" && m;
-  }, [e]), w = z(() => {
-    var S;
-    const m = Ee(e, "feedback") ? (e == null ? void 0 : e.feedback) === "dislike" || (e == null ? void 0 : e.feedback) === "" : !0;
-    return typeof (e == null ? void 0 : e.text_thumbsdown_link) == "string" && ((S = e == null ? void 0 : e.text_thumbsdown_link) == null ? void 0 : S.trim()) !== "" && m;
+  ), [i] = Ce.useForm(), [c, l] = H(!1), [x, h] = H(""), { setChats: p } = je(), { objInitPayload: f, isUserInputHide: m } = ue(), { activeTab: j } = Me(), T = z(() => {
+    var w;
+    const y = Ee(e, "feedback") ? (e == null ? void 0 : e.feedback) === "like" || (e == null ? void 0 : e.feedback) === "" : !0;
+    return typeof (e == null ? void 0 : e.text_thumbsup_link) == "string" && ((w = e == null ? void 0 : e.text_thumbsup_link) == null ? void 0 : w.trim()) !== "" && y;
+  }, [e]), S = z(() => {
+    var w;
+    const y = Ee(e, "feedback") ? (e == null ? void 0 : e.feedback) === "dislike" || (e == null ? void 0 : e.feedback) === "" : !0;
+    return typeof (e == null ? void 0 : e.text_thumbsdown_link) == "string" && ((w = e == null ? void 0 : e.text_thumbsdown_link) == null ? void 0 : w.trim()) !== "" && y;
   }, [e]), C = z(() => {
-    if (h != null && h.uriBackend)
+    if (f != null && f.uriBackend)
       try {
-        return new URL(h.uriBackend).origin;
+        return new URL(f.uriBackend).origin;
       } catch {
         return "";
       }
     return "";
-  }, [h == null ? void 0 : h.uriBackend]), E = (m) => {
+  }, [f == null ? void 0 : f.uriBackend]), E = (y) => {
     var U;
-    const S = m === "like" ? e == null ? void 0 : e.text_thumbsup_link : e == null ? void 0 : e.text_thumbsdown_link, {
+    const w = y === "like" ? e == null ? void 0 : e.text_thumbsup_link : e == null ? void 0 : e.text_thumbsdown_link, {
       access_token: d = "",
-      companycode: y = "",
+      companycode: v = "",
       companyid: u = "",
       uriBackend: b = "",
       uriBackendEnt: k = "",
       lang: D = ""
-    } = h || {}, R = f === "another" ? i == null ? void 0 : i.getFieldValue("ADDITIONAL_FEEDBACK") : f;
+    } = f || {}, R = x === "another" ? i == null ? void 0 : i.getFieldValue("ADDITIONAL_FEEDBACK") : x;
     (U = Je({
       method: "POST",
-      url: S,
+      url: w,
       data: {
         message_id: e == null ? void 0 : e.id,
-        response_type: m === "like" ? "up" : "down",
-        ...m === "dislike" && {
+        response_type: y === "like" ? "up" : "down",
+        ...y === "dislike" && {
           additional_feedback: R
         }
       },
       headers: {
         "Content-Type": "application/json",
         Authorization: `Bearer ${d}`,
-        "company-code": `${y}`,
+        "company-code": `${v}`,
         "company-id": `${u}`,
         uriBackend: `${b}`,
         uriBackendEnt: `${k}`,
         "custom-origin": `${C}`,
-        "Acc-Name": `${y.toUpperCase()}`,
+        "Acc-Name": `${v.toUpperCase()}`,
         Language: `${D}`
       }
     })) == null || U.then(($) => {
-      var Y, G, P;
-      ($ == null ? void 0 : $.status) === 200 && (c && l(!1), (Y = Te) == null || Y.destroy(), (G = Te) == null || G.config({
+      var V, G, P;
+      ($ == null ? void 0 : $.status) === 200 && (c && l(!1), (V = Te) == null || V.destroy(), (G = Te) == null || G.config({
         getContainer: () => document.querySelector(".w-widget-content-container"),
         top: 28,
         placement: "top",
@@ -2063,15 +2072,15 @@ const Le = (e = ".w-wrapper-body") => {
       }), (P = Te) == null || P.success({
         message: a,
         className: "w-notification-content"
-      }), p((I) => {
+      }), p((F) => {
         var Z;
-        return (Z = I == null ? void 0 : I.map((K) => {
+        return (Z = F == null ? void 0 : F.map((K) => {
           var O;
           if (Ee(K, "chats")) {
-            const W = (O = K == null ? void 0 : K.chats) == null ? void 0 : O.map((F) => (F == null ? void 0 : F.indexChat) === (e == null ? void 0 : e.indexChat) ? {
-              ...F,
-              feedback: m
-            } : F);
+            const W = (O = K == null ? void 0 : K.chats) == null ? void 0 : O.map((I) => (I == null ? void 0 : I.indexChat) === (e == null ? void 0 : e.indexChat) ? {
+              ...I,
+              feedback: y
+            } : I);
             return {
               ...K,
               chats: W
@@ -2079,16 +2088,16 @@ const Le = (e = ".w-wrapper-body") => {
           }
           return (e == null ? void 0 : e.message_id) === (K == null ? void 0 : K.message_id) ? {
             ...K,
-            feedback: m
+            feedback: y
           } : K;
         })) == null ? void 0 : Z.flat();
       }));
     });
   };
   return ge(() => {
-    var m;
-    (m = Te) == null || m.destroy();
-  }, [j]), v ? null : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    var y;
+    (y = Te) == null || y.destroy();
+  }, [j]), m ? null : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     T && /* @__PURE__ */ t.jsx(
       le,
       {
@@ -2098,7 +2107,7 @@ const Le = (e = ".w-wrapper-body") => {
         }
       }
     ),
-    w && /* @__PURE__ */ t.jsx(
+    S && /* @__PURE__ */ t.jsx(
       le,
       {
         icon: /* @__PURE__ */ t.jsx(pe, { type: "dislike", chatProps: e }),
@@ -2132,13 +2141,13 @@ const Le = (e = ".w-wrapper-body") => {
               options: lo,
               optionType: "button",
               buttonStyle: "solid",
-              onChange: (m) => {
-                var S;
-                x((S = m == null ? void 0 : m.target) == null ? void 0 : S.value);
+              onChange: (y) => {
+                var w;
+                h((w = y == null ? void 0 : y.target) == null ? void 0 : w.value);
               }
             }
           ),
-          f === "another" && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+          x === "another" && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
             /* @__PURE__ */ t.jsx(Ur, { children: s }),
             /* @__PURE__ */ t.jsx(Ce, { form: i, layout: "vertical", children: /* @__PURE__ */ t.jsx(Ce.Item, { name: "ADDITIONAL_FEEDBACK", children: /* @__PURE__ */ t.jsx(st.TextArea, { rows: 3 }) }) })
           ] })
@@ -2146,13 +2155,13 @@ const Le = (e = ".w-wrapper-body") => {
       }
     )
   ] });
-}, rs = B(ns), os = ({
+}, rs = Y(ns), os = ({
   showFeedback: e = !0,
   showRegenerate: n = !0,
   position: o = "left",
   ...r
 }) => {
-  const a = yo(), { chats: s, onSendMsg: i, setChats: c, loadingRegenerate: l, currRegenerateId: f } = je(), x = z(() => r == null ? void 0 : r.sender, [r]), p = z(() => s == null ? void 0 : s.filter((w) => (w == null ? void 0 : w.sender) === "client"), [s]), h = z(() => n && x === "response" && (p == null ? void 0 : p.length) > 0 && (r == null ? void 0 : r.indexChat) === (s == null ? void 0 : s.length) - 1 && (r == null ? void 0 : r.text_FeedbackIcons) === "hidup", [x, p, s, r, n]), v = z(() => {
+  const a = yo(), { chats: s, onSendMsg: i, setChats: c, loadingRegenerate: l, currRegenerateId: x } = je(), h = z(() => r == null ? void 0 : r.sender, [r]), p = z(() => s == null ? void 0 : s.filter((S) => (S == null ? void 0 : S.sender) === "client"), [s]), f = z(() => n && h === "response" && (p == null ? void 0 : p.length) > 0 && (r == null ? void 0 : r.indexChat) === (s == null ? void 0 : s.length) - 1 && (r == null ? void 0 : r.text_FeedbackIcons) === "hidup", [h, p, s, r, n]), m = z(() => {
     switch (o) {
       case "left":
         return "flex-start";
@@ -2162,15 +2171,15 @@ const Le = (e = ".w-wrapper-body") => {
         return "flex-end";
     }
   }, [o]), j = z(() => e && (r == null ? void 0 : r.text_FeedbackIcons) === "hidup", [r, e]), T = () => {
-    const w = p == null ? void 0 : p[(p == null ? void 0 : p.length) - 1], C = s == null ? void 0 : s[(s == null ? void 0 : s.length) - 1];
+    const S = p == null ? void 0 : p[(p == null ? void 0 : p.length) - 1], C = s == null ? void 0 : s[(s == null ? void 0 : s.length) - 1];
     c(
-      (E = []) => E == null ? void 0 : E.map((m, S) => S === (E == null ? void 0 : E.length) - 1 && (m == null ? void 0 : m.sender) === "response" ? {
-        ...m,
+      (E = []) => E == null ? void 0 : E.map((y, w) => w === (E == null ? void 0 : E.length) - 1 && (y == null ? void 0 : y.sender) === "response" ? {
+        ...y,
         generated_id: (C == null ? void 0 : C.generated_id) ?? a
         // adjust with response
-      } : m)
-    ), f.current = (C == null ? void 0 : C.generated_id) ?? a, i({
-      msg: w == null ? void 0 : w.text,
+      } : y)
+    ), x.current = (C == null ? void 0 : C.generated_id) ?? a, i({
+      msg: S == null ? void 0 : S.text,
       additionalConfig: {
         generate_id: (C == null ? void 0 : C.generated_id) ?? a
       },
@@ -2183,10 +2192,10 @@ const Le = (e = ".w-wrapper-body") => {
       style: {
         display: "flex",
         gap: 8,
-        justifyContent: v
+        justifyContent: m
       },
       children: [
-        h && /* @__PURE__ */ t.jsx(
+        f && /* @__PURE__ */ t.jsx(
           le,
           {
             loading: l,
@@ -2200,7 +2209,7 @@ const Le = (e = ".w-wrapper-body") => {
       ]
     }
   ) });
-}, $t = B(os), ss = ({ nameFallback: e = "", ...n }) => /* @__PURE__ */ t.jsx(
+}, $t = Y(os), ss = ({ nameFallback: e = "", ...n }) => /* @__PURE__ */ t.jsx(
   Wr,
   {
     ...typeof (n == null ? void 0 : n.onError) != "function" && {
@@ -2210,7 +2219,7 @@ const Le = (e = ".w-wrapper-body") => {
     loading: "lazy",
     ...n
   }
-), qt = B(ss), is = ({ nameFallback: e = "", ...n }) => {
+), qt = Y(ss), is = ({ nameFallback: e = "", ...n }) => {
   const o = se(0);
   return /* @__PURE__ */ t.jsx(
     Un,
@@ -2230,35 +2239,35 @@ const Le = (e = ".w-wrapper-body") => {
       )
     }
   );
-}, $e = B(is);
+}, $e = Y(is);
 $e.Group = Un.Group;
 const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", children: [
   /* @__PURE__ */ t.jsx("div", {}),
   /* @__PURE__ */ t.jsx("div", {}),
   /* @__PURE__ */ t.jsx("div", {}),
   /* @__PURE__ */ t.jsx("div", {})
-] }), nr = B(as), cs = () => {
+] }), nr = Y(as), cs = () => {
   const { widgetProps: e } = ue();
   return /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
-    /* @__PURE__ */ t.jsx($e, { src: xt, nameFallback: e == null ? void 0 : e.title }),
+    /* @__PURE__ */ t.jsx($e, { src: ht, nameFallback: e == null ? void 0 : e.title }),
     /* @__PURE__ */ t.jsx(nr, {})
   ] });
-}, Kt = B(cs), ls = ({ src: e, name: n }) => /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
+}, Kt = Y(cs), ls = ({ src: e, name: n }) => /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
   /* @__PURE__ */ t.jsx($e, { src: e, preview: !1, nameFallback: n }),
   /* @__PURE__ */ t.jsx(ce.Text, { children: n })
-] }), it = B(ls), us = ({ ...e }) => {
-  var x, p;
-  const [n, o] = H(1), { loadingRegenerate: r, currRegenerateId: a } = je(), { isExpand: s, widgetProps: i } = ue(), c = z(() => e == null ? void 0 : e.sender, [e]), l = z(() => e == null ? void 0 : e.chats, [e == null ? void 0 : e.chats]), f = z(() => {
-    const h = l == null ? void 0 : l[(l == null ? void 0 : l.length) - 1];
-    return (h == null ? void 0 : h.generated_id) === a.current;
+] }), it = Y(ls), us = ({ ...e }) => {
+  var h, p;
+  const [n, o] = H(1), { loadingRegenerate: r, currRegenerateId: a } = je(), { isExpand: s, widgetProps: i } = ue(), c = z(() => e == null ? void 0 : e.sender, [e]), l = z(() => e == null ? void 0 : e.chats, [e == null ? void 0 : e.chats]), x = z(() => {
+    const f = l == null ? void 0 : l[(l == null ? void 0 : l.length) - 1];
+    return (f == null ? void 0 : f.generated_id) === a.current;
   }, [l, e, a.current]);
   return ge(() => {
     !r && (l == null ? void 0 : l.length) > 0 && (o(l == null ? void 0 : l.length), Le());
-  }, [r]), r && f ? /* @__PURE__ */ t.jsx(Kt, {}) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    c === "response" && /* @__PURE__ */ t.jsx(it, { name: i == null ? void 0 : i.title, src: xt }),
-    /* @__PURE__ */ t.jsx("div", { style: { display: "flex", gap: 8 }, children: l == null ? void 0 : l.map((h, v) => {
-      var w;
-      const j = v === ((w = e == null ? void 0 : e.chats) == null ? void 0 : w.length) - 1, T = n === v + 1;
+  }, [r]), r && x ? /* @__PURE__ */ t.jsx(Kt, {}) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    c === "response" && /* @__PURE__ */ t.jsx(it, { name: i == null ? void 0 : i.title, src: ht }),
+    /* @__PURE__ */ t.jsx("div", { style: { display: "flex", gap: 8 }, children: l == null ? void 0 : l.map((f, m) => {
+      var S;
+      const j = m === ((S = e == null ? void 0 : e.chats) == null ? void 0 : S.length) - 1, T = n === m + 1;
       return /* @__PURE__ */ t.jsxs(
         "div",
         {
@@ -2280,8 +2289,8 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
                   {
                     className: `w-bubble-chat w-bubble-chat-regenerate  ${`w-${c}`} ${s ? "w-bubble-chat-regenerate-expand" : ""}`,
                     children: [
-                      /* @__PURE__ */ t.jsx(er, { children: h == null ? void 0 : h.text }),
-                      c === "response" && /* @__PURE__ */ t.jsx("span", { style: { fontSize: 12, color: "rgba(0,0,0,0.4)" }, children: h == null ? void 0 : h.timestamp })
+                      /* @__PURE__ */ t.jsx(er, { tag: f == null ? void 0 : f.tag, children: f == null ? void 0 : f.text }),
+                      c === "response" && /* @__PURE__ */ t.jsx("span", { style: { fontSize: 12, color: "rgba(0,0,0,0.4)" }, children: f == null ? void 0 : f.timestamp })
                     ]
                   }
                 )
@@ -2292,12 +2301,12 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
               {
                 showFeedback: !0,
                 showRegenerate: !1,
-                ...h
+                ...f
               }
             )
           ]
         },
-        v
+        m
       );
     }) }),
     /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", gap: 8, justifyContent: "center" }, children: [
@@ -2318,14 +2327,14 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
             disabled: n === 1,
             icon: /* @__PURE__ */ t.jsx(pe, { type: "left" }),
             onClick: () => {
-              n > 1 && o((h) => h - 1);
+              n > 1 && o((f) => f - 1);
             }
           }
         ),
         /* @__PURE__ */ t.jsxs(ce.Text, { children: [
           n,
           " / ",
-          (x = e == null ? void 0 : e.chats) == null ? void 0 : x.length
+          (h = e == null ? void 0 : e.chats) == null ? void 0 : h.length
         ] }),
         /* @__PURE__ */ t.jsx(
           le,
@@ -2335,15 +2344,15 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
             disabled: n === ((p = e == null ? void 0 : e.chats) == null ? void 0 : p.length),
             icon: /* @__PURE__ */ t.jsx(pe, { type: "right" }),
             onClick: () => {
-              var h;
-              n < ((h = e == null ? void 0 : e.chats) == null ? void 0 : h.length) && o((v) => v + 1);
+              var f;
+              n < ((f = e == null ? void 0 : e.chats) == null ? void 0 : f.length) && o((m) => m + 1);
             }
           }
         )
       ] })
     ] })
   ] });
-}, ds = B(us), fs = ({ date: e, format: n, sender: o, ...r }) => {
+}, ds = Y(us), fs = ({ date: e, format: n, sender: o, ...r }) => {
   var a, s;
   return /* @__PURE__ */ t.jsx(
     ce.Text,
@@ -2363,18 +2372,18 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
       children: n ? (s = Se(e)) == null ? void 0 : s.format(n) : e
     }
   );
-}, at = B(fs), gs = ({ showResponseInfo: e = !0, ...n }) => {
+}, at = Y(fs), gs = ({ showResponseInfo: e = !0, ...n }) => {
   var c;
   const { loadingRegenerate: o, chats: r } = je(), { widgetProps: a } = ue(), s = z(() => (r == null ? void 0 : r.length) - 1 === (n == null ? void 0 : n.indexChat), [r]), i = z(() => n == null ? void 0 : n.sender, [n]);
   return ((c = n == null ? void 0 : n.chats) == null ? void 0 : c.length) > 0 ? /* @__PURE__ */ t.jsx(ds, { ...n }) : o && s ? /* @__PURE__ */ t.jsx(Kt, {}) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    i === "response" && e && /* @__PURE__ */ t.jsx(it, { name: a == null ? void 0 : a.title, src: xt }),
+    i === "response" && e && /* @__PURE__ */ t.jsx(it, { name: a == null ? void 0 : a.title, src: ht }),
     /* @__PURE__ */ t.jsxs("div", { className: `w-bubble-chat ${`w-${i}`}`, children: [
-      /* @__PURE__ */ t.jsx(er, { children: n == null ? void 0 : n.text }, n == null ? void 0 : n.text),
+      /* @__PURE__ */ t.jsx(er, { tag: n == null ? void 0 : n.tag, children: n == null ? void 0 : n.text }, n == null ? void 0 : n.text),
       /* @__PURE__ */ t.jsx(at, { date: n == null ? void 0 : n.timestamp, sender: i })
     ] }),
     /* @__PURE__ */ t.jsx($t, { ...n })
   ] });
-}, rt = B(gs), ps = () => {
+}, rt = Y(gs), ps = () => {
   const e = M(
     "PleaseUploadFile",
     "Please upload specify file that needed to complete your request"
@@ -2423,13 +2432,13 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
       ]
     }
   );
-}, hs = B(ps), xs = () => {
-  const [e, n] = H(!1), [o, r] = H(!1), [a, s] = H(!1), [i, c] = H(3), [l, f] = H(!1), [x, p] = H(""), { widgetProps: h } = ue(), { onSendMsg: v, chats: j } = je(), { onSubmitPYPwd: T = () => {
-  }, onCheckPYAccess: w = () => {
-  } } = (h == null ? void 0 : h.onPayslipFn) || {}, C = M(
+}, xs = Y(ps), hs = () => {
+  const [e, n] = H(!1), [o, r] = H(!1), [a, s] = H(!1), [i, c] = H(3), [l, x] = H(!1), [h, p] = H(""), { widgetProps: f } = ue(), { onSendMsg: m, chats: j } = je(), { onSubmitPYPwd: T = () => {
+  }, onCheckPYAccess: S = () => {
+  } } = (f == null ? void 0 : f.onPayslipFn) || {}, C = M(
     "ProvidePasswordPayslip",
     "Please provide your password account to access the download"
-  ), E = M("Cancel", "Cancel"), m = M("Submit", "Submit"), S = M("Password", "Password"), d = M("IsRequired", "Is Required"), y = M(
+  ), E = M("Cancel", "Cancel"), y = M("Submit", "Submit"), w = M("Password", "Password"), d = M("IsRequired", "Is Required"), v = M(
     "PrepareTheFiles",
     "Prepare the files"
   ), u = M(
@@ -2445,33 +2454,33 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
     "SessionExpired",
     "Session expired. Please log in again to continue"
   ), [R] = Ce.useForm(), U = () => {
-    var G, P, I;
-    s(!0), f(!0), (I = (P = (G = w()) == null ? void 0 : G.then((Z) => {
+    var G, P, F;
+    s(!0), x(!0), (F = (P = (G = S()) == null ? void 0 : G.then((Z) => {
       var _, O;
       const K = (O = (_ = Z == null ? void 0 : Z.data) == null ? void 0 : _.DATA) == null ? void 0 : O.RESULT;
-      K && v({ msg: "Valid" }), n(K), p("");
+      K && m({ msg: "Valid" }), n(K), p("");
     })) == null ? void 0 : P.catch((Z) => {
       p(Z == null ? void 0 : Z.toString());
-    })) == null || I.finally(() => {
-      r(!1), f(!1);
+    })) == null || F.finally(() => {
+      r(!1), x(!1);
     });
   }, $ = () => {
-    v({ msg: "cancel" }), s(!1);
-  }, Y = () => {
+    m({ msg: "cancel" }), s(!1);
+  }, V = () => {
     var P;
     const G = R == null ? void 0 : R.getFieldValue("pwd");
     (P = R == null ? void 0 : R.validateFields()) == null || P.then(() => {
-      var I, Z;
-      r(!0), (Z = (I = T(G)) == null ? void 0 : I.then(({ data: K }) => {
+      var F, Z;
+      r(!0), (Z = (F = T(G)) == null ? void 0 : F.then(({ data: K }) => {
         var _;
         (_ = K == null ? void 0 : K.DATA) != null && _.ISVALID ? U() : (p(k), c(i - 1), r(!1));
       })) == null || Z.catch((K) => {
-        var O, W, F, V, Q;
+        var O, W, I, B, Q;
         const _ = K == null ? void 0 : K.response;
         if ((_ == null ? void 0 : _.status) === 401) {
           const X = (W = (O = _ == null ? void 0 : _.data) == null ? void 0 : O.ERRORS) == null ? void 0 : W.includes(
             "ACCESS_TOKEN_EXPIRED"
-          ), J = (Q = (V = (F = _ == null ? void 0 : _.data) == null ? void 0 : F.MESSAGE) == null ? void 0 : V.toLowerCase()) == null ? void 0 : Q.includes(
+          ), J = (Q = (B = (I = _ == null ? void 0 : _.data) == null ? void 0 : I.MESSAGE) == null ? void 0 : B.toLowerCase()) == null ? void 0 : Q.includes(
             "invalid password"
           );
           X && p(D), J && (p(k), c(i - 1), r(!1));
@@ -2499,7 +2508,7 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
       text: u,
       showResponseInfo: !1
     }
-  ) : x ? /* @__PURE__ */ t.jsx(rt, { sender: "response", text: x, showResponseInfo: !1 }) : /* @__PURE__ */ t.jsx(
+  ) : h ? /* @__PURE__ */ t.jsx(rt, { sender: "response", text: h, showResponseInfo: !1 }) : /* @__PURE__ */ t.jsx(
     "div",
     {
       style: { display: "flex", flexDirection: "column" },
@@ -2511,7 +2520,7 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
           layout: "vertical",
           style: { display: "flex", flexDirection: "column", gap: 8 },
           children: [
-            /* @__PURE__ */ t.jsx(ce.Text, { children: e ? `${y}...` : C }),
+            /* @__PURE__ */ t.jsx(ce.Text, { children: e ? `${v}...` : C }),
             !e && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
               /* @__PURE__ */ t.jsx(
                 Ce.Item,
@@ -2520,7 +2529,7 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
                   rules: [
                     {
                       required: !0,
-                      message: `${S} ${d}`
+                      message: `${w} ${d}`
                     }
                   ],
                   children: /* @__PURE__ */ t.jsx(st.Password, {})
@@ -2532,10 +2541,10 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
                   le,
                   {
                     type: "primary",
-                    onClick: Y,
+                    onClick: V,
                     loading: o,
                     htmlType: "submit",
-                    children: m
+                    children: y
                   }
                 )
               ] })
@@ -2545,13 +2554,13 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
       )
     }
   ) : null;
-}, ms = B(xs), ys = ({ ...e }) => {
+}, ms = Y(hs), ys = ({ ...e }) => {
   var c;
   const { objInitPayload: n } = ue(), [o, r] = H(!1), a = M("Error", "Error"), s = z(() => Gn(n == null ? void 0 : n.access_token), [n]), i = () => {
-    var f, x, p, h;
+    var x, h, p, f;
     r(!0);
     const l = e == null ? void 0 : e.attachment;
-    (h = (p = (x = Je({
+    (f = (p = (h = Je({
       method: "POST",
       url: l == null ? void 0 : l.endpoint,
       data: l == null ? void 0 : l.body,
@@ -2560,17 +2569,17 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
         "Content-Type": l == null ? void 0 : l.headers["Content-Type"],
         coid: n == null ? void 0 : n.companyid,
         "Company-Id": n == null ? void 0 : n.companyid,
-        "Acc-Name": (f = s == null ? void 0 : s.INSTANCE) == null ? void 0 : f.toLowerCase()
+        "Acc-Name": (x = s == null ? void 0 : s.INSTANCE) == null ? void 0 : x.toLowerCase()
       },
       responseType: "blob"
-    })) == null ? void 0 : x.then((v) => {
+    })) == null ? void 0 : h.then((m) => {
       var E;
-      const j = (E = l == null ? void 0 : l.body) == null ? void 0 : E.media, T = `${l == null ? void 0 : l.filename}.${j}`, w = new Blob([v == null ? void 0 : v.data]), C = URL == null ? void 0 : URL.createObjectURL(w);
+      const j = (E = l == null ? void 0 : l.body) == null ? void 0 : E.media, T = `${l == null ? void 0 : l.filename}.${j}`, S = new Blob([m == null ? void 0 : m.data]), C = URL == null ? void 0 : URL.createObjectURL(S);
       Yt({ downloadURL: C, fileName: T }), URL.revokeObjectURL(C);
-    })) == null ? void 0 : p.catch((v) => {
-      var T, w, C;
-      const j = v == null ? void 0 : v.message;
-      (T = Te) == null || T.destroy(), (w = Te) == null || w.config({
+    })) == null ? void 0 : p.catch((m) => {
+      var T, S, C;
+      const j = m == null ? void 0 : m.message;
+      (T = Te) == null || T.destroy(), (S = Te) == null || S.config({
         getContainer: () => document.querySelector(".w-widget-content-container"),
         top: 28,
         placement: "top"
@@ -2580,7 +2589,7 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
         className: "w-notification-content",
         duration: 3
       });
-    })) == null || h.finally(() => {
+    })) == null || f.finally(() => {
       r(!1);
     });
   };
@@ -2608,15 +2617,15 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
       ] })
     }
   );
-}, vs = B(ys), bs = ({ ...e }) => {
+}, vs = Y(ys), bs = ({ ...e }) => {
   const n = se(), o = M("DownloadChart", "Download Chart"), r = z(() => e == null ? void 0 : e.attachment, [e == null ? void 0 : e.attachment]), a = z(() => {
     var i;
     return (i = r == null ? void 0 : r.data) == null ? void 0 : i.map((c, l) => {
-      var f, x;
+      var x, h;
       return {
-        label: (f = r == null ? void 0 : r.labels) == null ? void 0 : f[l],
+        label: (x = r == null ? void 0 : r.labels) == null ? void 0 : x[l],
         value: c,
-        color: (x = r == null ? void 0 : r.colors) == null ? void 0 : x[l]
+        color: (h = r == null ? void 0 : r.colors) == null ? void 0 : h[l]
       };
     });
   }, [r]), s = () => {
@@ -2658,13 +2667,13 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
       }
     ) })
   ] });
-}, Cs = B(bs), Ts = ({ ...e }) => {
+}, Cs = Y(bs), Ts = ({ ...e }) => {
   var n, o, r, a, s;
   switch (!0) {
     case ((n = qe(e)) == null ? void 0 : n.text):
       return /* @__PURE__ */ t.jsx(rt, { ...e });
     case ((o = qe(e)) == null ? void 0 : o.upload):
-      return /* @__PURE__ */ t.jsx(hs, { ...e });
+      return /* @__PURE__ */ t.jsx(xs, { ...e });
     case ((r = qe(e)) == null ? void 0 : r.password):
       return /* @__PURE__ */ t.jsx(ms, { ...e });
     case ((a = qe(e)) == null ? void 0 : a.filedownload):
@@ -2674,7 +2683,7 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
     default:
       return null;
   }
-}, Es = B(Ts), Ss = () => {
+}, Es = Y(Ts), Ss = () => {
   const { isOpenWidget: e, widgetProps: n } = ue(), { chats: o, isWaitResponse: r } = je(), { activeTab: a } = Me();
   return ge(() => {
     Le();
@@ -2687,7 +2696,7 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
           it,
           {
             name: n == null ? void 0 : n.title,
-            src: xt
+            src: ht
           }
         ),
         /* @__PURE__ */ t.jsx(Es, { indexChat: i, ...s })
@@ -2695,8 +2704,8 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
     }) }),
     r && /* @__PURE__ */ t.jsx(Kt, {})
   ] }) : null;
-}, ws = B(Ss), _s = () => {
-  var S;
+}, ws = Y(Ss), _s = () => {
+  var w;
   const e = M(
     "ContinueWithoutUpload",
     "Continue without Upload"
@@ -2709,31 +2718,31 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
     setFile: i,
     chats: c,
     connected: l
-  } = je(), { isUserInputHide: f } = ue(), { isActiveTabVA: x } = Me(), p = z(() => {
-    var y;
+  } = je(), { isUserInputHide: x } = ue(), { isActiveTabVA: h } = Me(), p = z(() => {
+    var v;
     const d = c == null ? void 0 : c[(c == null ? void 0 : c.length) - 1];
-    return (d == null ? void 0 : d.sender) === "response" && ((y = d == null ? void 0 : d.attachment) == null ? void 0 : y.type) === "fileuploader";
-  }, [c]), h = se(), [v, j] = H(!1), [T, w] = H(!1), C = z(() => r || !T, [T, r]), E = () => {
+    return (d == null ? void 0 : d.sender) === "response" && ((v = d == null ? void 0 : d.attachment) == null ? void 0 : v.type) === "fileuploader";
+  }, [c]), f = se(), [m, j] = H(!1), [T, S] = H(!1), C = z(() => r || !T, [T, r]), E = () => {
     var u, b, k, D;
-    const d = (k = (b = (u = h == null ? void 0 : h.current) == null ? void 0 : u.resizableTextArea) == null ? void 0 : b.textArea) == null ? void 0 : k.value;
+    const d = (k = (b = (u = f == null ? void 0 : f.current) == null ? void 0 : u.resizableTextArea) == null ? void 0 : b.textArea) == null ? void 0 : k.value;
     if (!(d != null && d.trim()) || r) return;
-    w(!1), n({ msg: d }), j(!v);
-    const y = {
+    S(!1), n({ msg: d }), j(!m);
+    const v = {
       text: d,
       sender: "client",
       type: "text",
       timestamp: (D = Se()) == null ? void 0 : D.format("hh:mm A")
     };
-    o((R) => [...R, y]), Le();
-  }, m = () => {
+    o((R) => [...R, v]), Le();
+  }, y = () => {
     n({ msg: "SKIP_WAITING_RESPONSE" });
   };
   return ge(() => {
     var d;
-    h != null && h.current && x && ((d = h == null ? void 0 : h.current) == null || d.focus());
-  }, [x]), f ? null : p ? /* @__PURE__ */ t.jsxs("div", { className: "w-input-container", style: { alignItems: "center" }, children: [
+    f != null && f.current && h && ((d = f == null ? void 0 : f.current) == null || d.focus());
+  }, [h]), x ? null : p ? /* @__PURE__ */ t.jsxs("div", { className: "w-input-container", style: { alignItems: "center" }, children: [
     /* @__PURE__ */ t.jsx(ce.Text, { children: s == null ? void 0 : s.name }),
-    ((S = Object == null ? void 0 : Object.keys(s || {})) == null ? void 0 : S.length) > 0 ? /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
+    ((w = Object == null ? void 0 : Object.keys(s || {})) == null ? void 0 : w.length) > 0 ? /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
       /* @__PURE__ */ t.jsx(
         le,
         {
@@ -2771,19 +2780,19 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
       {
         className: "w-input-widget",
         disabled: !l,
-        ref: h,
+        ref: f,
         placeholder: "Type a message...",
         onKeyDown: (d) => {
           ((d == null ? void 0 : d.code) === "Enter" || (d == null ? void 0 : d.key) === "Enter") && !(d != null && d.shiftKey) && E();
         },
         onChange: ({ target: { value: d } }) => {
-          const y = /\S/;
+          const v = /\S/;
           yt({
             input_va_value: d
-          }), d && (y != null && y.test(d)) ? w(!0) : d != null && d.trim() || w(!1);
+          }), d && (v != null && v.test(d)) ? S(!0) : d != null && d.trim() || S(!1);
         }
       },
-      v
+      m
     ),
     r || a ? /* @__PURE__ */ t.jsx(
       le,
@@ -2791,7 +2800,7 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
         style: { border: "none" },
         icon: /* @__PURE__ */ t.jsx(pe, { type: "stop" }),
         shape: "circle",
-        onClick: m,
+        onClick: y,
         size: "large"
       }
     ) : /* @__PURE__ */ t.jsx(
@@ -2806,7 +2815,7 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
       }
     )
   ] });
-}, js = B(_s), ks = ({ taskStatus: e }) => {
+}, js = Y(_s), ks = ({ taskStatus: e }) => {
   const n = M("InProgress", "In Progress"), o = M("New", "New"), r = M("Closed", "Closed"), a = M("Done", "Done"), s = M("HDCancelled", "Cancelled"), i = {
     "In Progress": n,
     Open: o,
@@ -2823,17 +2832,17 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
     Fixed: "#bbfab7",
     Done: "#bbfab7",
     Cancelled: "#FFF2D6"
-  }, l = z(() => c[e] || c.Closed, [e]), f = z(() => i[e] || e, [e]);
+  }, l = z(() => c[e] || c.Closed, [e]), x = z(() => i[e] || e, [e]);
   return /* @__PURE__ */ t.jsx(Yr, { color: l, children: /* @__PURE__ */ t.jsx(
     ce.Text,
     {
       className: "primary-color-active",
       style: { width: "100%", textAlign: "center" },
-      ellipsis: { tooltip: f },
-      children: f
+      ellipsis: { tooltip: x },
+      children: x
     }
   ) }, e);
-}, rr = B(ks), As = ({ onClick: e, ...n }) => /* @__PURE__ */ t.jsxs(
+}, rr = Y(ks), As = ({ onClick: e, ...n }) => /* @__PURE__ */ t.jsxs(
   "div",
   {
     className: "w-ticket-card-container",
@@ -2875,7 +2884,7 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
       ] })
     ]
   }
-), Rs = B(As), or = () => {
+), Rs = Y(As), or = () => {
   const { objInitPayload: e, setObjInitPayload: n, parsedJWT: o } = ue(), r = z(() => {
     var s;
     return {
@@ -2887,9 +2896,9 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
     };
   }, [e]);
   return async (s) => {
-    var f, x, p;
+    var x, h, p;
     const { onSuccess: i, onError: c, onFinally: l } = s ?? {};
-    (p = (x = (f = Je({
+    (p = (h = (x = Je({
       url: e == null ? void 0 : e.uriBackend,
       params: {
         ofid: "sfsystem.RefreshToken",
@@ -2900,10 +2909,10 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
       },
       headers: r,
       method: "POST"
-    })) == null ? void 0 : f.then((h) => {
+    })) == null ? void 0 : x.then((f) => {
       var T;
-      const v = (T = h == null ? void 0 : h.data) == null ? void 0 : T.DATA, j = {
-        access_token: v == null ? void 0 : v.JWT_TOKEN,
+      const m = (T = f == null ? void 0 : f.data) == null ? void 0 : T.DATA, j = {
+        access_token: m == null ? void 0 : m.JWT_TOKEN,
         refresh_token: e == null ? void 0 : e.refresh_token,
         uagent: e == null ? void 0 : e.uagent,
         uriBackend: e == null ? void 0 : e.uriBackend,
@@ -2915,9 +2924,9 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
         uriBackendHRMGO: e == null ? void 0 : e.uriBackendHRMGO,
         config: e == null ? void 0 : e.config
       };
-      n(j), typeof i == "function" && i(h);
-    })) == null ? void 0 : x.catch((h) => {
-      typeof c == "function" && c(h);
+      n(j), typeof i == "function" && i(f);
+    })) == null ? void 0 : h.catch((f) => {
+      typeof c == "function" && c(f);
     })) == null || p.finally(() => {
       typeof l == "function" && l();
     });
@@ -2933,50 +2942,50 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
   }, s = async ({
     url: c,
     endpoint: l,
-    method: f = "POST",
-    headers: x,
+    method: x = "POST",
+    headers: h,
     ...p
   }) => {
-    var T, w, C, E, m, S;
-    const h = {
+    var T, S, C, E, y, w;
+    const f = {
       url: c || `${n == null ? void 0 : n.uriBackendHRMGO}${l}`,
       ...e.current && {
         signal: (T = e == null ? void 0 : e.current) == null ? void 0 : T.signal
       },
       headers: {
         ...a,
-        ...x,
+        ...h,
         "Company-Code": n == null ? void 0 : n.companycode
       },
-      method: f,
+      method: x,
       ...p
-    }, v = (w = Je) == null ? void 0 : w.create(h);
-    return (E = (C = v == null ? void 0 : v.interceptors) == null ? void 0 : C.request) == null || E.use(
+    }, m = (S = Je) == null ? void 0 : S.create(f);
+    return (E = (C = m == null ? void 0 : m.interceptors) == null ? void 0 : C.request) == null || E.use(
       (d) => (n != null && n.access_token && (d.headers.Authorization = `Bearer ${n == null ? void 0 : n.access_token}`), d),
       (d) => {
         Promise.reject(d);
       }
-    ), (S = (m = v == null ? void 0 : v.interceptors) == null ? void 0 : m.response) == null || S.use(
+    ), (w = (y = m == null ? void 0 : m.interceptors) == null ? void 0 : y.response) == null || w.use(
       (d) => d,
       async (d) => {
         var u;
-        const y = d == null ? void 0 : d.config;
+        const v = d == null ? void 0 : d.config;
         if (((u = d == null ? void 0 : d.response) == null ? void 0 : u.status) === 401) {
           const b = await r();
-          return y.headers.Authorization = `Bearer ${b}`, Je(y);
+          return v.headers.Authorization = `Bearer ${b}`, Je(v);
         }
         return Promise == null ? void 0 : Promise.reject(d);
       }
-    ), await (v == null ? void 0 : v.request(h));
+    ), await (m == null ? void 0 : m.request(f));
   };
   return s.abort = () => {
     var c;
     e != null && e.current && ((c = e == null ? void 0 : e.current) == null || c.abort(), e.current = new AbortController());
   }, ge(() => () => s.abort(), []), s;
 }, sr = He({}), Ne = () => Ue(sr), Os = ({ children: e }) => {
-  const n = vt(), [o, r] = H([]), [a, s] = H(""), [i, c] = H(!1), [l, f] = H(!0), [x, p] = H(0), h = (v) => {
-    var j, T, w, C;
-    f(!0), (C = (w = n({
+  const n = vt(), [o, r] = H([]), [a, s] = H(""), [i, c] = H(!1), [l, x] = H(!0), [h, p] = H(0), f = (m) => {
+    var j, T, S, C;
+    x(!0), (C = (S = n({
       endpoint: "/helpdesk/myticket/ticket-list",
       method: "POST",
       data: {
@@ -2985,10 +2994,10 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
         SEARCH: {
           MY_TICKET: !0,
           TASK_MODULE: "HD",
-          ...((j = Object.keys(v || {})) == null ? void 0 : j.length) > 0 && {
-            ...v,
-            ...(v == null ? void 0 : v.CREATED_DATE) && {
-              CREATED_DATE: (T = Se(v == null ? void 0 : v.CREATED_DATE)) == null ? void 0 : T.format(Bt)
+          ...((j = Object.keys(m || {})) == null ? void 0 : j.length) > 0 && {
+            ...m,
+            ...(m == null ? void 0 : m.CREATED_DATE) && {
+              CREATED_DATE: (T = Se(m == null ? void 0 : m.CREATED_DATE)) == null ? void 0 : T.format(Bt)
             }
           }
         },
@@ -2997,15 +3006,15 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
           ORDER: "DESC"
         }
       }
-    })) == null ? void 0 : w.then((E) => {
-      var m, S, d;
-      (m = E == null ? void 0 : E.data) != null && m.DATA && r((d = (S = E == null ? void 0 : E.data) == null ? void 0 : S.DATA) == null ? void 0 : d.LIST);
+    })) == null ? void 0 : S.then((E) => {
+      var y, w, d;
+      (y = E == null ? void 0 : E.data) != null && y.DATA && r((d = (w = E == null ? void 0 : E.data) == null ? void 0 : w.DATA) == null ? void 0 : d.LIST);
     })) == null || C.finally(() => {
-      f(!1);
+      x(!1);
     });
   };
   return ge(() => {
-    h();
+    f();
   }, []), /* @__PURE__ */ t.jsx(
     sr.Provider,
     {
@@ -3013,11 +3022,11 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
         listTicket: o,
         ticketId: a,
         setTicketId: s,
-        getListTicket: h,
+        getListTicket: f,
         openFilter: i,
         setOpenFilter: c,
         loadingListTicket: l,
-        countFilters: x,
+        countFilters: h,
         setCountFilters: p
       },
       children: e
@@ -3051,46 +3060,46 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
       }
     ) }) })
   ] }) });
-}, Ls = B(Ds), ir = He({}), Fe = () => Ue(ir), Ms = ({ children: e }) => {
-  const n = se(null), o = se(0), r = se(!1), a = se(null), [s, i] = H([]), [c, l] = H(0), [f, x] = H(!1), { objInitPayload: p, parsedJWT: h, isFirstRenderHelpdesk: v, setShowReadyWSHD: j } = ue(), T = or(), w = (S) => {
-    const d = new WebSocket(S);
+}, Ls = Y(Ds), ir = He({}), Fe = () => Ue(ir), Ms = ({ children: e }) => {
+  const n = se(null), o = se(0), r = se(!1), a = se(null), [s, i] = H([]), [c, l] = H(0), [x, h] = H(!1), { objInitPayload: p, parsedJWT: f, isFirstRenderHelpdesk: m, setShowReadyWSHD: j } = ue(), T = or(), S = (w) => {
+    const d = new WebSocket(w);
     d.onopen = () => {
       r.current = !0, o.current = 0, l(0), j(!0);
-    }, d.onerror = (y) => {
-      j(!1), console.error(`${Ge} - WebSocket error:`, y);
-    }, d.onclose = (y) => {
+    }, d.onerror = (v) => {
+      j(!1), console.error(`${Ge} - WebSocket error:`, v);
+    }, d.onclose = (v) => {
       console.warn(
         `${Ge} - WebSocket disconnected:`,
-        y
-      ), r.current = !1, j(!1), !(y != null && y.wasClean) && (o == null ? void 0 : o.current) < nt && (o.current += 1, l((u) => u + 1), clearTimeout(a.current), a.current = setTimeout(C, 2e3));
+        v
+      ), r.current = !1, j(!1), !(v != null && v.wasClean) && (o == null ? void 0 : o.current) < nt && (o.current += 1, l((u) => u + 1), clearTimeout(a.current), a.current = setTimeout(C, 2e3));
     }, d.onmessage = E(d), n.current = d;
   }, C = async () => {
-    var U, $, Y;
+    var U, $, V;
     if (((U = n.current) == null ? void 0 : U.readyState) === (WebSocket == null ? void 0 : WebSocket.CONNECTING)) return;
     const {
-      access_token: S,
+      access_token: w,
       companyid: d = "",
-      companycode: y = "",
+      companycode: v = "",
       lang: u = "",
       uriBackendHRMGO: b = ""
     } = p ?? {};
-    if (!S || !d || !y) {
+    if (!w || !d || !v) {
       console.warn(
         `${Ge} - Missing required WebSocket  credentials.`
       );
       return;
     }
-    const k = `Bearer ${S}`, D = ($ = `${b}/ws`) == null ? void 0 : $.replace("https://", "wss://"), R = {
+    const k = `Bearer ${w}`, D = ($ = `${b}/ws`) == null ? void 0 : $.replace("https://", "wss://"), R = {
       COMPANY_ID: d.toString(),
-      COMPANY_CODE: y.toLowerCase(),
+      COMPANY_CODE: v.toLowerCase(),
       LANGUAGE: u,
-      ACC_NAME: (Y = h == null ? void 0 : h.INSTANCE) == null ? void 0 : Y.toLowerCase(),
+      ACC_NAME: (V = f == null ? void 0 : f.INSTANCE) == null ? void 0 : V.toLowerCase(),
       TOKEN: k
     };
     try {
       const G = await To(
         R,
-        xo
+        ho
       );
       if (!G || r.current || (o == null ? void 0 : o.current) >= nt) {
         console.warn(
@@ -3098,21 +3107,21 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
         );
         return;
       }
-      n.current && n.current.close(), w(`${D}?t=${G}`);
+      n.current && n.current.close(), S(`${D}?t=${G}`);
     } catch (G) {
       console.error(
         `${Ge} - Failed to encrypt token:`,
         G
       );
     }
-  }, E = (S) => (d) => {
-    var y;
+  }, E = (w) => (d) => {
+    var v;
     try {
       if ((d == null ? void 0 : d.data) === "PING")
-        S.send("PONG");
+        w.send("PONG");
       else {
         const { DATA: u, EVENT: b } = JSON.parse(d.data || "{}");
-        !v.current && b === "USER_ONLINE_NOTIF" && Array.isArray(u == null ? void 0 : u.EMPLOYEES) && (i((y = u == null ? void 0 : u.EMPLOYEES) == null ? void 0 : y.filter(Boolean)), v.current = !0), b === "TOKEN_EXPIRED" && T({
+        !m.current && b === "USER_ONLINE_NOTIF" && Array.isArray(u == null ? void 0 : u.EMPLOYEES) && (i((v = u == null ? void 0 : u.EMPLOYEES) == null ? void 0 : v.filter(Boolean)), m.current = !0), b === "TOKEN_EXPIRED" && T({
           onSuccess: () => {
             C();
           }
@@ -3124,31 +3133,31 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
         d.data
       );
     }
-  }, m = ({ event: S, data: d, module: y = "HELPDESK_CHAT" }) => {
+  }, y = ({ event: w, data: d, module: v = "HELPDESK_CHAT" }) => {
     var u;
     (u = n == null ? void 0 : n.current) == null || u.send(
       JSON.stringify({
-        EVENT: S,
+        EVENT: w,
         DATA: d,
-        MODULE: y
+        MODULE: v
       })
     );
   };
   return ge(() => {
-    v.current || C();
+    m.current || C();
   }, []), /* @__PURE__ */ t.jsx(
     ir.Provider,
     {
       value: {
         ws: n == null ? void 0 : n.current,
-        onSendMsg: m,
+        onSendMsg: y,
         userOnline: s,
         connectWebSocket: C,
         retryCountState: c,
         setRetryCountState: l,
         retryCountRef: o,
-        isGetResponse: f,
-        setGetResponse: x
+        isGetResponse: x,
+        setGetResponse: h
       },
       children: e
     }
@@ -3158,12 +3167,12 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
   const { widgetProps: e } = ue(), { listTicket: n, setTicketId: o, loadingListTicket: r } = Ne(), { onSendMsg: a, setGetResponse: s } = Fe(), { xs: i } = Re.useBreakpoint();
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsx(Ls, {}),
-    r ? /* @__PURE__ */ t.jsx("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: (c = Array.from({ length: 5 })) == null ? void 0 : c.map((l, f) => /* @__PURE__ */ t.jsx(
+    r ? /* @__PURE__ */ t.jsx("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: (c = Array.from({ length: 5 })) == null ? void 0 : c.map((l, x) => /* @__PURE__ */ t.jsx(
       _e.Input,
       {
         style: { height: 80, width: "100%", borderRadius: 8 }
       },
-      f
+      x
     )) }) : /* @__PURE__ */ t.jsx(
       "div",
       {
@@ -3171,11 +3180,11 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
         ...(n == null ? void 0 : n.length) === 0 && {
           style: { justifyContent: "center" }
         },
-        children: (n == null ? void 0 : n.length) > 0 ? n == null ? void 0 : n.map((l, f) => /* @__PURE__ */ Ht(
+        children: (n == null ? void 0 : n.length) > 0 ? n == null ? void 0 : n.map((l, x) => /* @__PURE__ */ Ht(
           Rs,
           {
             ...l,
-            key: f,
+            key: x,
             onClick: () => {
               s(!0), a({
                 event: "JOIN_ROOM",
@@ -3200,30 +3209,30 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
       }
     )
   ] });
-}, Fs = B(Ns), Is = ({ children: e, open: n, onClose: o, footer: r, styleContainer: a }) => {
-  var h;
-  const [s, i] = H(!1), c = se(), l = se(null), f = se(), x = z(() => n ? "w-fade-in-animate" : "w-fade-out-animate", [n]), p = (v) => {
-    v.code === "Escape" && !v.shiftKey && !v.altKey && !v.ctrlKey && v.key === "Escape" && (v.stopPropagation(), typeof o == "function" && o());
+}, Fs = Y(Ns), Is = ({ children: e, open: n, onClose: o, footer: r, styleContainer: a }) => {
+  var f;
+  const [s, i] = H(!1), c = se(), l = se(null), x = se(), h = z(() => n ? "w-fade-in-animate" : "w-fade-out-animate", [n]), p = (m) => {
+    m.code === "Escape" && !m.shiftKey && !m.altKey && !m.ctrlKey && m.key === "Escape" && (m.stopPropagation(), typeof o == "function" && o());
   };
   return ge(() => {
-    const v = f.current;
-    return v && (clearTimeout(l.current), l.current = setTimeout(() => {
-      v == null || v.focus();
-    }, 250), v == null || v.addEventListener("keydown", p)), n && i(!1), clearTimeout(c == null ? void 0 : c.current), c.current = setTimeout(() => {
+    const m = x.current;
+    return m && (clearTimeout(l.current), l.current = setTimeout(() => {
+      m == null || m.focus();
+    }, 250), m == null || m.addEventListener("keydown", p)), n && i(!1), clearTimeout(c == null ? void 0 : c.current), c.current = setTimeout(() => {
       n || i(!0);
     }, 300), () => {
-      v && (v == null || v.removeEventListener("keydown", p));
+      m && (m == null || m.removeEventListener("keydown", p));
     };
   }, [n]), /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: `${x}`,
+      className: `${h}`,
       tabIndex: 1,
-      ref: f,
+      ref: x,
       style: {
         display: s ? "none" : "block",
         height: "100%",
-        ...((h = Object == null ? void 0 : Object.keys(a || {})) == null ? void 0 : h.length) > 0 && {
+        ...((f = Object == null ? void 0 : Object.keys(a || {})) == null ? void 0 : f.length) > 0 && {
           ...a
         }
       },
@@ -3233,19 +3242,19 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
       ]
     }
   );
-}, ar = B(Is), cr = He({}), Ze = () => Ue(cr), $s = ({ children: e }) => {
-  const [n, o] = H([]), [r, a] = H({}), [s, i] = H(!0), [c, l] = H({}), f = se(!1), x = vt(), { ticketId: p } = Ne(), { ws: h, setGetResponse: v } = Fe(), { parsedJWT: j } = ue(), T = z(() => {
+}, ar = Y(Is), cr = He({}), Ze = () => Ue(cr), $s = ({ children: e }) => {
+  const [n, o] = H([]), [r, a] = H({}), [s, i] = H(!0), [c, l] = H({}), x = se(!1), h = vt(), { ticketId: p } = Ne(), { ws: f, setGetResponse: m } = Fe(), { parsedJWT: j } = ue(), T = z(() => {
     var b;
-    const S = (r == null ? void 0 : r.CREATED_BY) ?? {}, d = (r == null ? void 0 : r.ASSIGNEE) ?? {}, y = (r == null ? void 0 : r.OTHER_ASSIGNEE) ?? [], u = (b = [S, d, ...y].map((k) => ({
+    const w = (r == null ? void 0 : r.CREATED_BY) ?? {}, d = (r == null ? void 0 : r.ASSIGNEE) ?? {}, v = (r == null ? void 0 : r.OTHER_ASSIGNEE) ?? [], u = (b = [w, d, ...v].map((k) => ({
       ...k
     }))) == null ? void 0 : b.filter((k) => {
       var D;
       return ((D = Object.keys(k || {})) == null ? void 0 : D.length) > 0;
     });
     return Vt({ ArrObj: u, key: "EMP_ID" });
-  }, [r]), w = () => {
-    var S, d;
-    i(!0), (d = (S = x({
+  }, [r]), S = () => {
+    var w, d;
+    i(!0), (d = (w = h({
       endpoint: "/helpdesk/chat/list",
       method: "POST",
       data: {
@@ -3253,55 +3262,55 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
         PAGE: 1,
         TASK_ID: p
       }
-    })) == null ? void 0 : S.then((y) => {
+    })) == null ? void 0 : w.then((v) => {
       var u, b, k, D, R, U;
-      if (((k = (b = (u = y == null ? void 0 : y.data) == null ? void 0 : u.DATA) == null ? void 0 : b.LIST) == null ? void 0 : k.length) > 0) {
-        const $ = (U = (R = (D = y == null ? void 0 : y.data) == null ? void 0 : D.DATA) == null ? void 0 : R.LIST) == null ? void 0 : U.map((Y) => ({
-          ...Y,
+      if (((k = (b = (u = v == null ? void 0 : v.data) == null ? void 0 : u.DATA) == null ? void 0 : b.LIST) == null ? void 0 : k.length) > 0) {
+        const $ = (U = (R = (D = v == null ? void 0 : v.data) == null ? void 0 : D.DATA) == null ? void 0 : R.LIST) == null ? void 0 : U.map((V) => ({
+          ...V,
           ACTOR: {
-            ...Y == null ? void 0 : Y.ACTOR
+            ...V == null ? void 0 : V.ACTOR
           }
         }));
-        o(ht($));
+        o(xt($));
       } else
         o({});
     })) == null || d.finally(() => {
       i(!1);
     });
   }, C = () => {
-    var S;
-    (S = x({
+    var w;
+    (w = h({
       endpoint: "/helpdesk/myticket/get",
       method: "POST",
       data: {
         TASK_ID: p
       }
-    })) == null || S.then((d) => {
-      var y, u, b;
-      if ((y = d == null ? void 0 : d.data) != null && y.DATA) {
+    })) == null || w.then((d) => {
+      var v, u, b;
+      if ((v = d == null ? void 0 : d.data) != null && v.DATA) {
         const k = (b = (u = d == null ? void 0 : d.data) == null ? void 0 : u.DATA) == null ? void 0 : b.LIST;
         a(k);
       } else
         a({});
     });
-  }, E = (S) => {
+  }, E = (w) => {
     var u;
-    const d = (u = S == null ? void 0 : S.ACTOR) == null ? void 0 : u.EMP_ID, y = j == null ? void 0 : j.EMP_ID;
-    v(!0), l((b) => ({
+    const d = (u = w == null ? void 0 : w.ACTOR) == null ? void 0 : u.EMP_ID, v = j == null ? void 0 : j.EMP_ID;
+    m(!0), l((b) => ({
       ...b,
       [d]: !1
-    })), f.current || o((b) => {
-      const k = zt(b), D = d == y ? "to" : "from", R = [...k, { ...S, CHAT_ALIGN: D }];
-      return ht(R);
-    }), f.current = !1;
-  }, m = (S) => {
-    if ((S == null ? void 0 : S.data) !== "PING") {
-      const d = JSON.parse((S == null ? void 0 : S.data) || "{}"), { DATA: y = {}, EVENT: u = "" } = d ?? {};
-      (u === "RECEIVE_MESSAGE" || u === "RECEIVE_ANOTHER_MESSAGE") && E(y);
+    })), x.current || o((b) => {
+      const k = zt(b), D = d == v ? "to" : "from", R = [...k, { ...w, CHAT_ALIGN: D }];
+      return xt(R);
+    }), x.current = !1;
+  }, y = (w) => {
+    if ((w == null ? void 0 : w.data) !== "PING") {
+      const d = JSON.parse((w == null ? void 0 : w.data) || "{}"), { DATA: v = {}, EVENT: u = "" } = d ?? {};
+      (u === "RECEIVE_MESSAGE" || u === "RECEIVE_ANOTHER_MESSAGE") && E(v);
     }
   };
-  return ge(() => (p && (w(), C()), h && p && (h == null || h.addEventListener("message", m)), () => {
-    h && p && (h == null || h.removeEventListener("message", m));
+  return ge(() => (p && (S(), C()), f && p && (f == null || f.addEventListener("message", y)), () => {
+    f && p && (f == null || f.removeEventListener("message", y));
   }), [p]), /* @__PURE__ */ t.jsx(
     cr.Provider,
     {
@@ -3310,7 +3319,7 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
         setChats: o,
         detailTicket: r,
         employees: T,
-        isFromSelf: f,
+        isFromSelf: x,
         loadingChats: s,
         objTypingOtherEmp: c,
         setTypingOtherEmp: l
@@ -3321,7 +3330,7 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
 }, Hs = ({ onClose: e }) => {
   const { xs: n } = Re.useBreakpoint(), { employees: o, detailTicket: r, loadingChats: a } = Ze(), { userOnline: s } = Fe(), i = z(() => {
     var l;
-    return (l = o == null ? void 0 : o.map((f) => f == null ? void 0 : f.FULL_NAME)) == null ? void 0 : l.join(", ");
+    return (l = o == null ? void 0 : o.map((x) => x == null ? void 0 : x.FULL_NAME)) == null ? void 0 : l.join(", ");
   }, [o]), c = z(() => n ? "click" : "hover", [n]);
   return a ? /* @__PURE__ */ t.jsxs("div", { className: "w-ticket-detail-header-container", children: [
     /* @__PURE__ */ t.jsx(_e.Avatar, {}),
@@ -3352,22 +3361,22 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
             backgroundColor: "#fde3cf",
             cursor: "pointer"
           },
-          children: o == null ? void 0 : o.map((l, f) => {
-            const x = s == null ? void 0 : s.includes(l == null ? void 0 : l.EMP_ID);
+          children: o == null ? void 0 : o.map((l, x) => {
+            const h = s == null ? void 0 : s.includes(l == null ? void 0 : l.EMP_ID);
             return /* @__PURE__ */ t.jsx(Ke, { title: l == null ? void 0 : l.FULL_NAME, trigger: c, children: /* @__PURE__ */ Ht(
               $e,
               {
-                ...x && {
+                ...h && {
                   style: {
                     border: "2px solid green",
                     borderRadius: "50%"
                   }
                 },
                 src: l == null ? void 0 : l.PHOTO,
-                key: f,
+                key: x,
                 nameFallback: l == null ? void 0 : l.FULL_NAME
               }
-            ) }, f);
+            ) }, x);
           })
         }
       ),
@@ -3399,7 +3408,7 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
     ] }),
     /* @__PURE__ */ t.jsx(rr, { taskStatus: r == null ? void 0 : r.STATUS })
   ] });
-}, Us = B(Hs), Ws = ({ ...e }) => {
+}, Us = Y(Hs), Ws = ({ ...e }) => {
   const n = z(() => (e == null ? void 0 : e.CHAT_ALIGN) === "to" ? "client" : "response", [e]);
   return /* @__PURE__ */ t.jsxs("div", { className: `w-bubble-chat ${`w-${n}`}`, children: [
     /* @__PURE__ */ t.jsx(
@@ -3419,14 +3428,14 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
       }
     )
   ] });
-}, Bs = B(Ws), Ys = ({ ...e }) => {
+}, Bs = Y(Ws), Ys = ({ ...e }) => {
   const n = M("Download", "Download"), o = z(() => (e == null ? void 0 : e.CHAT_ALIGN) === "to" ? "client" : "response", [e]), r = z(() => {
     var l;
     const c = e == null ? void 0 : e.ATTACHMENT;
     if (c)
       try {
-        const f = new URL(c), x = (l = f == null ? void 0 : f.pathname) == null ? void 0 : l.split("/");
-        return x == null ? void 0 : x[(x == null ? void 0 : x.length) - 1];
+        const x = new URL(c), h = (l = x == null ? void 0 : x.pathname) == null ? void 0 : l.split("/");
+        return h == null ? void 0 : h[(h == null ? void 0 : h.length) - 1];
       } catch {
         return c;
       }
@@ -3450,7 +3459,7 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
       className: `w-bubble-chat ${`w-${o}`}`,
       style: { display: "flex", flexDirection: "column" },
       children: [
-        s ? /* @__PURE__ */ t.jsx(qt, { src: e == null ? void 0 : e.ATTACHMENT, fallback: ho }) : /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
+        s ? /* @__PURE__ */ t.jsx(qt, { src: e == null ? void 0 : e.ATTACHMENT, fallback: xo }) : /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
           /* @__PURE__ */ t.jsx(pe, { type: "file" }),
           /* @__PURE__ */ t.jsx(
             ce.Link,
@@ -3487,7 +3496,7 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
       ]
     }
   ) });
-}, Vs = B(Ys), zs = ({ ...e }) => {
+}, Vs = Y(Ys), zs = ({ ...e }) => {
   const n = z(() => (e == null ? void 0 : e.CHAT_ALIGN) === "to" ? "client" : "response", [e]);
   return /* @__PURE__ */ t.jsxs("div", { className: "w-ticket-info-chat-container", children: [
     /* @__PURE__ */ t.jsx(
@@ -3500,7 +3509,7 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
     ),
     /* @__PURE__ */ t.jsx(ce.Text, { children: e == null ? void 0 : e.MESSAGE })
   ] });
-}, Gs = B(zs), lr = () => {
+}, Gs = Y(zs), lr = () => {
   const { widgetProps: e } = ue(), n = Ve.enc.Hex.parse(
     Ve.enc.Utf8.parse(e == null ? void 0 : e.keyEncrypt).toString()
   ), o = {
@@ -3520,11 +3529,11 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
   };
   return {
     paramsEncrypt: (i) => {
-      const [c, l = null] = i.split("?"), f = c.split("/").map((x) => {
-        const [, p = null] = x.split(":");
-        return p && (e != null && e.keyEncrypt) ? a(p) : x;
+      const [c, l = null] = i.split("?"), x = c.split("/").map((h) => {
+        const [, p = null] = h.split(":");
+        return p && (e != null && e.keyEncrypt) ? a(p) : h;
       }).join("/");
-      return l ? `${f}?${l}` : f;
+      return l ? `${x}?${l}` : x;
     },
     encrypt: a
   };
@@ -3573,7 +3582,7 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
       }
     )
   ] });
-}, Ks = B(qs), Ps = ({ ...e }) => {
+}, Ks = Y(qs), Ps = ({ ...e }) => {
   switch (e == null ? void 0 : e.CHAT_TYPE) {
     case "info":
       return /* @__PURE__ */ t.jsx(Gs, { ...e });
@@ -3584,31 +3593,31 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
     default:
       return null;
   }
-}, Xs = B(Ps), Js = () => {
+}, Xs = Y(Ps), Js = () => {
   var j;
-  const [e, n] = H([]), o = M("And", "and"), r = M("IsTyping", "Is Typing"), a = M("People", "People"), { employees: s, setTypingOtherEmp: i, objTypingOtherEmp: c } = Ze(), { ws: l, setGetResponse: f } = Fe(), { parsedJWT: x } = ue(), p = z(() => e == null ? void 0 : e.filter((T) => c == null ? void 0 : c[T == null ? void 0 : T.EMP_ID]), [c, e]), h = z(() => {
-    const T = p == null ? void 0 : p.map((w) => w == null ? void 0 : w.FULL_NAME);
+  const [e, n] = H([]), o = M("And", "and"), r = M("IsTyping", "Is Typing"), a = M("People", "People"), { employees: s, setTypingOtherEmp: i, objTypingOtherEmp: c } = Ze(), { ws: l, setGetResponse: x } = Fe(), { parsedJWT: h } = ue(), p = z(() => e == null ? void 0 : e.filter((T) => c == null ? void 0 : c[T == null ? void 0 : T.EMP_ID]), [c, e]), f = z(() => {
+    const T = p == null ? void 0 : p.map((S) => S == null ? void 0 : S.FULL_NAME);
     if ((p == null ? void 0 : p.length) > 2) {
-      const w = T == null ? void 0 : T.filter((E, m) => m <= 1), C = T == null ? void 0 : T.filter((E, m) => m > 1);
-      return `${w == null ? void 0 : w.join(", ")}, ${o} ${C == null ? void 0 : C.length} ${a} ${r}`;
+      const S = T == null ? void 0 : T.filter((E, y) => y <= 1), C = T == null ? void 0 : T.filter((E, y) => y > 1);
+      return `${S == null ? void 0 : S.join(", ")}, ${o} ${C == null ? void 0 : C.length} ${a} ${r}`;
     }
     return `${T == null ? void 0 : T.join(", ")} ${r}`;
-  }, [e, p]), v = (T) => {
+  }, [e, p]), m = (T) => {
     if ((T == null ? void 0 : T.data) !== "PING") {
-      const w = JSON.parse((T == null ? void 0 : T.data) || "{}"), { DATA: C = {}, EVENT: E = "" } = w ?? {}, m = C == null ? void 0 : C.EMPLOYEE_ID, S = x == null ? void 0 : x.EMP_ID;
+      const S = JSON.parse((T == null ? void 0 : T.data) || "{}"), { DATA: C = {}, EVENT: E = "" } = S ?? {}, y = C == null ? void 0 : C.EMPLOYEE_ID, w = h == null ? void 0 : h.EMP_ID;
       if (E === "TYPING") {
-        m === S ? f(!1) : i((u) => ({
+        y === w ? x(!1) : i((u) => ({
           ...u,
-          [m]: C == null ? void 0 : C.IS_TYPING
+          [y]: C == null ? void 0 : C.IS_TYPING
         }));
         const d = s == null ? void 0 : s.find(
           (u) => (u == null ? void 0 : u.EMP_ID) === (C == null ? void 0 : C.EMPLOYEE_ID)
-        ), y = {
+        ), v = {
           ...C,
           ...d
         };
         n((u) => {
-          const b = [...u, y], k = Vt({
+          const b = [...u, v], k = Vt({
             ArrObj: b,
             key: "EMPLOYEE_ID"
           });
@@ -3617,8 +3626,8 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
       }
     }
   };
-  return ge(() => (l && (l == null || l.addEventListener("message", v)), () => {
-    l && (l == null || l.removeEventListener("message", v));
+  return ge(() => (l && (l == null || l.addEventListener("message", m)), () => {
+    l && (l == null || l.removeEventListener("message", m));
   }), [s]), (j = Object.values(c || {})) != null && j.every((T) => T === !1) ? null : /* @__PURE__ */ t.jsxs(
     "div",
     {
@@ -3638,15 +3647,15 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
               backgroundColor: "#fde3cf",
               cursor: "pointer"
             },
-            children: p == null ? void 0 : p.map((T, w) => /* @__PURE__ */ t.jsx(Ke, { title: T == null ? void 0 : T.FULL_NAME, children: /* @__PURE__ */ t.jsx($e, { src: T == null ? void 0 : T.PHOTO, nameFallback: T == null ? void 0 : T.FULL_NAME }) }, w))
+            children: p == null ? void 0 : p.map((T, S) => /* @__PURE__ */ t.jsx(Ke, { title: T == null ? void 0 : T.FULL_NAME, children: /* @__PURE__ */ t.jsx($e, { src: T == null ? void 0 : T.PHOTO, nameFallback: T == null ? void 0 : T.FULL_NAME }) }, S))
           }
         ),
-        /* @__PURE__ */ t.jsx(ce.Text, { children: h }),
+        /* @__PURE__ */ t.jsx(ce.Text, { children: f }),
         (p == null ? void 0 : p.length) > 0 ? /* @__PURE__ */ t.jsx(nr, {}) : null
       ]
     }
   );
-}, Zs = B(Js), Qs = () => {
+}, Zs = Y(Js), Qs = () => {
   var s;
   const { chats: e } = Ze(), { widgetProps: n } = ue(), { activeTab: o } = Me(), r = se(), { xs: a } = Re.useBreakpoint();
   return ge(() => {
@@ -3659,22 +3668,22 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
       className: `w-ticket-detail-content-container ${a ? n != null && n.isSF ? "w-ticket-detail-content-container-sf-mobile" : "w-ticket-detail-content-container-mobile" : ""} `,
       children: [
         (s = Object.keys(e || {})) == null ? void 0 : s.map((i) => {
-          var l, f;
+          var l, x;
           const c = e == null ? void 0 : e[i];
           return /* @__PURE__ */ t.jsxs(pt, { children: [
             /* @__PURE__ */ t.jsx("div", { className: "w-datekey-chats", children: (l = Se(i)) == null ? void 0 : l.format("ddd, DD MMMM YYYY") }),
-            /* @__PURE__ */ t.jsx("div", { className: "w-bubble-chat-container", children: (f = Kn(c)) == null ? void 0 : f.map((x, p) => {
+            /* @__PURE__ */ t.jsx("div", { className: "w-bubble-chat-container", children: (x = Kn(c)) == null ? void 0 : x.map((h, p) => {
               var j, T;
-              const h = (x == null ? void 0 : x.CHAT_ALIGN) === "to" ? "client" : "response", v = x == null ? void 0 : x.CHAT_TYPE;
+              const f = (h == null ? void 0 : h.CHAT_ALIGN) === "to" ? "client" : "response", m = h == null ? void 0 : h.CHAT_TYPE;
               return /* @__PURE__ */ t.jsxs(pt, { children: [
-                h === "response" && v !== "info" && /* @__PURE__ */ t.jsx(
+                f === "response" && m !== "info" && /* @__PURE__ */ t.jsx(
                   it,
                   {
-                    src: (j = x == null ? void 0 : x.ACTOR) == null ? void 0 : j.PHOTO,
-                    name: (T = x == null ? void 0 : x.ACTOR) == null ? void 0 : T.FULL_NAME
+                    src: (j = h == null ? void 0 : h.ACTOR) == null ? void 0 : j.PHOTO,
+                    name: (T = h == null ? void 0 : h.ACTOR) == null ? void 0 : T.FULL_NAME
                   }
                 ),
-                /* @__PURE__ */ t.jsx(Xs, { ...x })
+                /* @__PURE__ */ t.jsx(Xs, { ...h })
               ] }, p);
             }) })
           ] }, i);
@@ -3683,7 +3692,7 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
       ]
     }
   );
-}, ei = B(Qs), ti = () => {
+}, ei = Y(Qs), ti = () => {
   var s, i;
   const { chats: e, loadingChats: n } = Ze(), { widgetProps: o } = ue(), { xs: r } = Re.useBreakpoint(), a = z(() => {
     var l;
@@ -3697,19 +3706,19 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
     {
       className: `${a} w-ticket-detail-loading-chats`,
       children: (s = Array.from({ length: 3 })) == null ? void 0 : s.map((c, l) => {
-        const f = l % 2 === 0;
+        const x = l % 2 === 0;
         return /* @__PURE__ */ t.jsxs(
           "div",
           {
             style: {
               display: "flex",
               gap: 8,
-              ...f && {
+              ...x && {
                 alignSelf: "flex-end"
               }
             },
             children: [
-              /* @__PURE__ */ t.jsx("div", { style: { order: f ? 2 : 1 }, children: /* @__PURE__ */ t.jsx(_e.Avatar, {}) }),
+              /* @__PURE__ */ t.jsx("div", { style: { order: x ? 2 : 1 }, children: /* @__PURE__ */ t.jsx(_e.Avatar, {}) }),
               /* @__PURE__ */ t.jsxs(
                 "div",
                 {
@@ -3717,7 +3726,7 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
                     display: "flex",
                     flexDirection: "column",
                     gap: 8,
-                    order: f ? 1 : 2
+                    order: x ? 1 : 2
                   },
                   children: [
                     /* @__PURE__ */ t.jsx(_e.Input, { style: { width: 120, borderRadius: 8 } }),
@@ -3748,7 +3757,7 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
       children: /* @__PURE__ */ t.jsx(Bn, {})
     }
   ) : /* @__PURE__ */ t.jsx(ei, {});
-}, ni = B(ti), ri = ({ ...e }) => {
+}, ni = Y(ti), ri = ({ ...e }) => {
   const n = se(0);
   return /* @__PURE__ */ t.jsxs(
     "div",
@@ -3782,7 +3791,7 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
       ]
     }
   );
-}, oi = B(ri), si = ({ setLoadingUpload: e, isLoadingUpload: n }) => {
+}, oi = Y(ri), si = ({ setLoadingUpload: e, isLoadingUpload: n }) => {
   var C, E;
   const o = vt(), [r, a] = H({}), s = se(null), i = M(
     "ImageMustSmallerThan",
@@ -3790,9 +3799,9 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
   ), c = M(
     "MaximumFileSizeExceeded",
     "Maximum file size exceeded"
-  ), { onSendMsg: l } = Fe(), { employees: f, setChats: x, isFromSelf: p } = Ze(), { ticketId: h } = Ne(), { activeTab: v } = Me(), j = () => {
-    var m;
-    (m = o({
+  ), { onSendMsg: l } = Fe(), { employees: x, setChats: h, isFromSelf: p } = Ze(), { ticketId: f } = Ne(), { activeTab: m } = Me(), j = () => {
+    var y;
+    (y = o({
       endpoint: "/upload/get-upload-config",
       data: {
         LIMIT: 1,
@@ -3801,15 +3810,15 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
           UPLOAD_CODE: "helpdesk"
         }
       }
-    })) == null || m.then((S) => {
-      var y, u;
-      const d = (u = (y = S == null ? void 0 : S.data) == null ? void 0 : y.DATA) == null ? void 0 : u.LIST;
+    })) == null || y.then((w) => {
+      var v, u;
+      const d = (u = (v = w == null ? void 0 : w.data) == null ? void 0 : v.DATA) == null ? void 0 : u.LIST;
       (d == null ? void 0 : d.length) > 0 && a(d == null ? void 0 : d[0]);
     });
-  }, T = (m) => {
-    var y, u, b;
-    const S = m.size / 1024 / 1024, d = (r == null ? void 0 : r.MAXFILESIZE) / 1024;
-    return S > d && ((y = Te) == null || y.destroy(), (u = Te) == null || u.config({
+  }, T = (y) => {
+    var v, u, b;
+    const w = y.size / 1024 / 1024, d = (r == null ? void 0 : r.MAXFILESIZE) / 1024;
+    return w > d && ((v = Te) == null || v.destroy(), (u = Te) == null || u.config({
       getContainer: () => document.querySelector(".w-widget-content-container"),
       top: 28,
       placement: "top"
@@ -3821,20 +3830,20 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
       className: "w-notification-content",
       duration: 3
     })), !1;
-  }, w = (m) => {
-    var d, y;
+  }, S = (y) => {
+    var d, v;
     e(!0);
-    const S = new FormData();
-    S.append("UPLOAD_CODE", r == null ? void 0 : r.UPLOAD_CODE), S.append("UPLOAD_TYPE", r == null ? void 0 : r.UPLOAD_TYPE), S.append("FILE", m), (y = (d = o({
+    const w = new FormData();
+    w.append("UPLOAD_CODE", r == null ? void 0 : r.UPLOAD_CODE), w.append("UPLOAD_TYPE", r == null ? void 0 : r.UPLOAD_TYPE), w.append("FILE", y), (v = (d = o({
       endpoint: "/upload/temp",
-      data: S,
+      data: w,
       headers: {
         "Content-Type": "multipart/form-data"
       }
     })) == null ? void 0 : d.then((u) => {
       var b, k, D, R, U;
       if ((k = (b = u == null ? void 0 : u.data) == null ? void 0 : b.DATA) != null && k.LIST) {
-        const $ = (R = (D = u == null ? void 0 : u.data) == null ? void 0 : D.DATA) == null ? void 0 : R.LIST, Y = {
+        const $ = (R = (D = u == null ? void 0 : u.data) == null ? void 0 : D.DATA) == null ? void 0 : R.LIST, V = {
           ATTACHMENT: $ == null ? void 0 : $.VIEW_PATH,
           FAQ_ID: null,
           MESSAGE: "",
@@ -3842,39 +3851,39 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
           CHAT_ALIGN: "to",
           CHAT_TYPE: "chat"
         };
-        x((G) => {
-          const I = [...zt(G), Y];
-          return ht(I);
+        h((G) => {
+          const F = [...zt(G), V];
+          return xt(F);
         }), p.current = !0, l({
           event: "SEND_MESSAGE",
           data: {
             ATTACHMENT: $ == null ? void 0 : $.TEMP_PATH,
             FAQ_ID: null,
             MESSAGE: "",
-            EMPLOYEES: f == null ? void 0 : f.map((G) => G == null ? void 0 : G.EMP_ID),
-            TASK_ID: h
+            EMPLOYEES: x == null ? void 0 : x.map((G) => G == null ? void 0 : G.EMP_ID),
+            TASK_ID: f
           }
         }), clearTimeout(s.current), s.current = setTimeout(() => {
           Le(".w-ticket-detail-content-container");
         }, 350);
       }
-    })) == null || y.finally(() => {
+    })) == null || v.finally(() => {
       e(!1);
     });
   };
   return ge(() => {
     j();
   }, []), ge(() => {
-    var m;
-    (m = Te) == null || m.destroy();
-  }, [v]), /* @__PURE__ */ t.jsx(
+    var y;
+    (y = Te) == null || y.destroy();
+  }, [m]), /* @__PURE__ */ t.jsx(
     Wn,
     {
       beforeUpload: T,
       fileList: [],
-      accept: (E = (C = r == null ? void 0 : r.EXT_LIST) == null ? void 0 : C.split(",")) == null ? void 0 : E.map((m) => `.${m}`),
-      onChange: (m) => {
-        w(m == null ? void 0 : m.file);
+      accept: (E = (C = r == null ? void 0 : r.EXT_LIST) == null ? void 0 : C.split(",")) == null ? void 0 : E.map((y) => `.${y}`),
+      onChange: (y) => {
+        S(y == null ? void 0 : y.file);
       },
       children: /* @__PURE__ */ t.jsx(
         le,
@@ -3887,7 +3896,7 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
       )
     }
   );
-}, ii = B(si), ai = (e) => {
+}, ii = Y(si), ai = (e) => {
   var r;
   const n = se(null), o = se(null);
   return o != null && o.current && ((r = o.current) == null || r.update(e)), ge(() => {
@@ -3899,26 +3908,26 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
   }, []), ot.createElement("div", { ref: n });
 }, ci = ({ refInput: e }) => {
   const { xs: n } = Re.useBreakpoint(), o = z(() => n ? "click" : "hover", [n]), r = () => {
-    var h;
-    const s = (h = e == null ? void 0 : e.current) == null ? void 0 : h.textarea;
+    var f;
+    const s = (f = e == null ? void 0 : e.current) == null ? void 0 : f.textarea;
     if (!s)
       return !1;
-    const { selectionStart: i, selectionEnd: c, value: l } = s, f = l == null ? void 0 : l.substring(0, i), x = l == null ? void 0 : l.substring(i, c), p = l == null ? void 0 : l.substring(c);
+    const { selectionStart: i, selectionEnd: c, value: l } = s, x = l == null ? void 0 : l.substring(0, i), h = l == null ? void 0 : l.substring(i, c), p = l == null ? void 0 : l.substring(c);
     return {
-      before: f,
-      selectedText: x,
+      before: x,
+      selectedText: h,
       after: p,
       selectionStart: i,
       selectionEnd: c,
       text: l
     };
   }, a = (s) => {
-    var p, h;
+    var p, f;
     (p = e == null ? void 0 : e.current) == null || p.focus();
-    const i = (h = e == null ? void 0 : e.current) == null ? void 0 : h.textarea, c = s == null ? void 0 : s.native;
+    const i = (f = e == null ? void 0 : e.current) == null ? void 0 : f.textarea, c = s == null ? void 0 : s.native;
     if (!i) return;
-    const { before: l, after: f } = r(), x = `${l}${c}${f}`;
-    typeof document.execCommand == "function" ? document.execCommand("insertText", !1, c) : i.value = x;
+    const { before: l, after: x } = r(), h = `${l}${c}${x}`;
+    typeof document.execCommand == "function" ? document.execCommand("insertText", !1, c) : i.value = h;
   };
   return /* @__PURE__ */ t.jsx(
     Ut,
@@ -3936,46 +3945,46 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
       children: /* @__PURE__ */ t.jsx(le, { icon: /* @__PURE__ */ t.jsx(pe, { type: "smile" }), style: { border: "none" } })
     }
   );
-}, li = B(ci), ui = () => {
-  const [e, n] = H(0), [o, r] = H(!1), a = se(null), s = se(null), i = se(!1), c = se(null), { onSendMsg: l, setGetResponse: f, isGetResponse: x } = Fe(), { ticketId: p } = Ne(), { isActiveTabVA: h } = Me(), { employees: v, setChats: j, isFromSelf: T, detailTicket: w } = Ze(), C = z(() => o || !x, [o, x]), E = z(() => {
-    var y;
-    return ((y = w == null ? void 0 : w.STATUS) == null ? void 0 : y.toString().toLowerCase()) === "closed";
-  }, [w == null ? void 0 : w.STATUS]), m = z(() => v == null ? void 0 : v.map((y) => ({
-    ...y,
+}, li = Y(ci), ui = () => {
+  const [e, n] = H(0), [o, r] = H(!1), a = se(null), s = se(null), i = se(!1), c = se(null), { onSendMsg: l, setGetResponse: x, isGetResponse: h } = Fe(), { ticketId: p } = Ne(), { isActiveTabVA: f } = Me(), { employees: m, setChats: j, isFromSelf: T, detailTicket: S } = Ze(), C = z(() => o || !h, [o, h]), E = z(() => {
+    var v;
+    return ((v = S == null ? void 0 : S.STATUS) == null ? void 0 : v.toString().toLowerCase()) === "closed";
+  }, [S == null ? void 0 : S.STATUS]), y = z(() => m == null ? void 0 : m.map((v) => ({
+    ...v,
     label: /* @__PURE__ */ t.jsx(
       Ut,
       {
         placement: "left",
-        content: /* @__PURE__ */ t.jsx(oi, { ...y }),
-        children: /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(it, { src: y == null ? void 0 : y.PHOTO, name: y == null ? void 0 : y.FULL_NAME }) })
+        content: /* @__PURE__ */ t.jsx(oi, { ...v }),
+        children: /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(it, { src: v == null ? void 0 : v.PHOTO, name: v == null ? void 0 : v.FULL_NAME }) })
       }
     ),
-    value: y == null ? void 0 : y.FULL_NAME
-  })), [v]), S = () => {
+    value: v == null ? void 0 : v.FULL_NAME
+  })), [m]), w = () => {
     var b, k, D;
-    f(!1);
-    const y = (k = (b = a == null ? void 0 : a.current) == null ? void 0 : b.textarea) == null ? void 0 : k.value;
+    x(!1);
+    const v = (k = (b = a == null ? void 0 : a.current) == null ? void 0 : b.textarea) == null ? void 0 : k.value;
     l({
       event: "SEND_MESSAGE",
       data: {
         ATTACHMENT: "",
         FAQ_ID: null,
-        MESSAGE: y,
-        EMPLOYEES: v == null ? void 0 : v.map((R) => R == null ? void 0 : R.EMP_ID),
+        MESSAGE: v,
+        EMPLOYEES: m == null ? void 0 : m.map((R) => R == null ? void 0 : R.EMP_ID),
         TASK_ID: p
       }
     });
     const u = {
       ATTACHMENT: "",
       FAQ_ID: null,
-      MESSAGE: y,
+      MESSAGE: v,
       CREATED_DATE: (D = Se()) == null ? void 0 : D.format(`${Bt} HH:mm:ss`),
       CHAT_ALIGN: "to",
       CHAT_TYPE: "chat"
     };
     j((R) => {
       const $ = [...zt(R), u];
-      return ht($);
+      return xt($);
     }), T.current = !0, Le(".w-ticket-detail-content-container"), n((R) => R + 1);
   }, d = () => {
     window.clearTimeout(s.current), i.current || (i.current = !0, l({
@@ -3995,11 +4004,11 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
     }, 250);
   };
   return ge(() => {
-    a != null && a.current && !h && p && (clearTimeout(c.current), c.current = setTimeout(() => {
-      var y;
-      (y = a == null ? void 0 : a.current) == null || y.focus();
+    a != null && a.current && !f && p && (clearTimeout(c.current), c.current = setTimeout(() => {
+      var v;
+      (v = a == null ? void 0 : a.current) == null || v.focus();
     }, 500));
-  }, [h, p]), E ? null : /* @__PURE__ */ t.jsxs(
+  }, [f, p]), E ? null : /* @__PURE__ */ t.jsxs(
     "div",
     {
       className: "w-input-container",
@@ -4027,15 +4036,15 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
             onChange: () => {
               d();
             },
-            onKeyDown: (y) => {
-              ((y == null ? void 0 : y.code) === "Enter" || (y == null ? void 0 : y.key) === "Enter") && !(y != null && y.shiftKey) && S();
+            onKeyDown: (v) => {
+              ((v == null ? void 0 : v.code) === "Enter" || (v == null ? void 0 : v.key) === "Enter") && !(v != null && v.shiftKey) && w();
             },
-            filterOption: (y, u) => {
+            filterOption: (v, u) => {
               var D, R, U;
-              const b = (D = y == null ? void 0 : y.toString()) == null ? void 0 : D.toLowerCase(), k = (U = (R = u == null ? void 0 : u.FULL_NAME) == null ? void 0 : R.toString()) == null ? void 0 : U.toLowerCase();
+              const b = (D = v == null ? void 0 : v.toString()) == null ? void 0 : D.toLowerCase(), k = (U = (R = u == null ? void 0 : u.FULL_NAME) == null ? void 0 : R.toString()) == null ? void 0 : U.toLowerCase();
               return k == null ? void 0 : k.includes(b);
             },
-            children: m == null ? void 0 : m.map((y, u) => /* @__PURE__ */ t.jsx(fn.Option, { ...y, children: y == null ? void 0 : y.label }, u))
+            children: y == null ? void 0 : y.map((v, u) => /* @__PURE__ */ t.jsx(fn.Option, { ...v, children: v == null ? void 0 : v.label }, u))
           },
           e
         ),
@@ -4053,13 +4062,13 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
             },
             icon: /* @__PURE__ */ t.jsx(pe, { type: C ? "loading" : "send" }),
             shape: "circle",
-            onClick: S
+            onClick: w
           }
         )
       ]
     }
   );
-}, di = B(ui), fi = ({ title: e, subTitle: n, onClose: o, open: r, styleWrapper: a }) => {
+}, di = Y(ui), fi = ({ title: e, subTitle: n, onClose: o, open: r, styleWrapper: a }) => {
   var s;
   return r ? /* @__PURE__ */ t.jsx(
     "div",
@@ -4082,7 +4091,7 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
       ] })
     }
   ) : null;
-}, ur = B(fi), gi = () => {
+}, ur = Y(fi), gi = () => {
   const e = M(
     "ForMoreInformationOfThisTicket",
     "For more information of this ticket"
@@ -4113,27 +4122,27 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
       }
     }
   );
-}, pi = B(gi), hi = ({ onClose: e, visible: n }) => /* @__PURE__ */ t.jsx(ar, { open: n, onClose: e, children: /* @__PURE__ */ t.jsxs($s, { children: [
+}, pi = Y(gi), xi = ({ onClose: e, visible: n }) => /* @__PURE__ */ t.jsx(ar, { open: n, onClose: e, children: /* @__PURE__ */ t.jsxs($s, { children: [
   /* @__PURE__ */ t.jsx(Us, { onClose: e }),
   /* @__PURE__ */ t.jsx(pi, {}),
   /* @__PURE__ */ t.jsx(ni, {}),
   /* @__PURE__ */ t.jsx(di, {})
-] }) }), xi = B(hi), mi = () => {
+] }) }), hi = Y(xi), mi = () => {
   const e = M("AdvanceFilter", "Advance Filter"), n = M("Subject", "Subject"), o = M(
     "TicketCategory",
     "Ticket Category"
-  ), r = M("TicketStatus", "Ticket Status"), a = M("CreatedDate", "Created Date"), s = M("New", "New"), i = M("Open", "Open"), c = M("Reopen", "Reopen"), l = M("InProgress", "In Progress"), f = M("Responded", "Responded"), x = M("Fixed", "Fixed"), p = M("Done", "Done"), h = M("Closed", "Closed"), v = M("HDCancelled", "Cancelled"), j = M("Clear", "Clear"), T = M("Filter", "Filter"), w = vt(), [C] = Ce.useForm(), { openFilter: E, setOpenFilter: m, getListTicket: S, setCountFilters: d } = Ne(), [y, u] = H([]), b = z(() => {
-    const R = `${s}/${i}/${c}`, U = `${l}/${f}`, $ = `${x}/${p}`;
+  ), r = M("TicketStatus", "Ticket Status"), a = M("CreatedDate", "Created Date"), s = M("New", "New"), i = M("Open", "Open"), c = M("Reopen", "Reopen"), l = M("InProgress", "In Progress"), x = M("Responded", "Responded"), h = M("Fixed", "Fixed"), p = M("Done", "Done"), f = M("Closed", "Closed"), m = M("HDCancelled", "Cancelled"), j = M("Clear", "Clear"), T = M("Filter", "Filter"), S = vt(), [C] = Ce.useForm(), { openFilter: E, setOpenFilter: y, getListTicket: w, setCountFilters: d } = Ne(), [v, u] = H([]), b = z(() => {
+    const R = `${s}/${i}/${c}`, U = `${l}/${x}`, $ = `${h}/${p}`;
     return [
       { value: 3, label: R },
       { value: 1, label: U },
       { value: 4, label: $ },
-      { value: 6, label: h },
-      { value: 8, label: v }
+      { value: 6, label: f },
+      { value: 8, label: m }
     ];
   }, []), k = () => {
     var R;
-    (R = w({
+    (R = S({
       endpoint: "/helpdesk/category/list",
       data: {
         LIMIT: 999999,
@@ -4142,22 +4151,22 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
         SORT: { FIELD: "ORDER_NO", ORDER: "ASC" }
       }
     })) == null || R.then((U) => {
-      var $, Y, G;
+      var $, V, G;
       if (($ = U == null ? void 0 : U.data) != null && $.DATA) {
-        const P = (G = (Y = U == null ? void 0 : U.data) == null ? void 0 : Y.DATA) == null ? void 0 : G.LIST;
+        const P = (G = (V = U == null ? void 0 : U.data) == null ? void 0 : V.DATA) == null ? void 0 : G.LIST;
         u(
-          P == null ? void 0 : P.map((I) => ({
-            label: I == null ? void 0 : I.CATEGORY_NAME,
-            value: I == null ? void 0 : I.CATEGORY_CODE
+          P == null ? void 0 : P.map((F) => ({
+            label: F == null ? void 0 : F.CATEGORY_NAME,
+            value: F == null ? void 0 : F.CATEGORY_CODE
           }))
         );
       }
     });
   }, D = () => {
-    var $, Y;
+    var $, V;
     const R = C == null ? void 0 : C.getFieldsValue(!0);
-    S(R);
-    const U = (Y = ($ = Object.values(R || {})) == null ? void 0 : $.flat()) == null ? void 0 : Y.filter(Boolean);
+    w(R);
+    const U = (V = ($ = Object.values(R || {})) == null ? void 0 : $.flat()) == null ? void 0 : V.filter(Boolean);
     d(U == null ? void 0 : U.length);
   };
   return ge(() => {
@@ -4168,7 +4177,7 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
       styleContainer: { height: "calc(100% - 50px)" },
       open: E,
       onClose: () => {
-        m(!1);
+        y(!1);
       },
       footer: /* @__PURE__ */ t.jsxs("div", { className: "w-ticket-list-advance-filter-footer", children: [
         /* @__PURE__ */ t.jsx(
@@ -4186,7 +4195,7 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
           {
             type: "primary",
             onClick: () => {
-              D(), m(!1);
+              D(), y(!1);
             },
             children: T
           },
@@ -4201,21 +4210,21 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
             {
               icon: /* @__PURE__ */ t.jsx(pe, { type: "close" }),
               onClick: () => {
-                m(!1);
+                y(!1);
               }
             }
           )
         ] }),
         /* @__PURE__ */ t.jsx("div", { className: "w-ticket-list-advance-filter-form-container", children: /* @__PURE__ */ t.jsxs(Ce, { form: C, layout: "vertical", children: [
           /* @__PURE__ */ t.jsx(Ce.Item, { label: n, name: "TASK_NAME", children: /* @__PURE__ */ t.jsx(st, { allowClear: !0 }) }),
-          /* @__PURE__ */ t.jsx(Ce.Item, { label: o, name: "CATEGORY_CODE", children: /* @__PURE__ */ t.jsx(gn, { options: y, mode: "multiple", allowClear: !0 }) }),
+          /* @__PURE__ */ t.jsx(Ce.Item, { label: o, name: "CATEGORY_CODE", children: /* @__PURE__ */ t.jsx(gn, { options: v, mode: "multiple", allowClear: !0 }) }),
           /* @__PURE__ */ t.jsx(Ce.Item, { label: r, name: "TASK_STATUS", children: /* @__PURE__ */ t.jsx(gn, { options: b, mode: "multiple", allowClear: !0 }) }),
           /* @__PURE__ */ t.jsx(Ce.Item, { label: a, name: "CREATED_DATE", children: /* @__PURE__ */ t.jsx(zr, { style: { width: "100%" }, allowClear: !0 }) })
         ] }) })
       ]
     }
   );
-}, yi = B(mi), vi = () => {
+}, yi = Y(mi), vi = () => {
   const e = M(
     "ReconnectManually",
     "Reconnect Manually"
@@ -4269,11 +4278,11 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
       )
     }
   );
-}, bi = B(vi), Ci = () => {
+}, bi = Y(vi), Ci = () => {
   const { setTicketId: e, ticketId: n, openFilter: o } = Ne(), { onSendMsg: r, setGetResponse: a } = Fe(), { showReadyWSHD: s } = ue();
   return s ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsx(
-      xi,
+      hi,
       {
         visible: n,
         onClose: () => {
@@ -4289,7 +4298,7 @@ const as = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
     /* @__PURE__ */ t.jsx("div", { style: { display: !n && !o ? "block" : "none" }, children: /* @__PURE__ */ t.jsx(Fs, {}) }),
     /* @__PURE__ */ t.jsx(yi, {})
   ] }) : /* @__PURE__ */ t.jsx(bi, {});
-}, Ti = B(Ci);
+}, Ti = Y(Ci);
 var et = { exports: {} }, Dt = {}, ut = { exports: {} }, dt = { exports: {} }, ie = {};
 /** @license React v16.13.1
  * react-is.production.min.js
@@ -4303,15 +4312,15 @@ var Tn;
 function Ei() {
   if (Tn) return ie;
   Tn = 1;
-  var e = typeof Symbol == "function" && Symbol.for, n = e ? Symbol.for("react.element") : 60103, o = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107, a = e ? Symbol.for("react.strict_mode") : 60108, s = e ? Symbol.for("react.profiler") : 60114, i = e ? Symbol.for("react.provider") : 60109, c = e ? Symbol.for("react.context") : 60110, l = e ? Symbol.for("react.async_mode") : 60111, f = e ? Symbol.for("react.concurrent_mode") : 60111, x = e ? Symbol.for("react.forward_ref") : 60112, p = e ? Symbol.for("react.suspense") : 60113, h = e ? Symbol.for("react.suspense_list") : 60120, v = e ? Symbol.for("react.memo") : 60115, j = e ? Symbol.for("react.lazy") : 60116, T = e ? Symbol.for("react.block") : 60121, w = e ? Symbol.for("react.fundamental") : 60117, C = e ? Symbol.for("react.responder") : 60118, E = e ? Symbol.for("react.scope") : 60119;
-  function m(d) {
+  var e = typeof Symbol == "function" && Symbol.for, n = e ? Symbol.for("react.element") : 60103, o = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107, a = e ? Symbol.for("react.strict_mode") : 60108, s = e ? Symbol.for("react.profiler") : 60114, i = e ? Symbol.for("react.provider") : 60109, c = e ? Symbol.for("react.context") : 60110, l = e ? Symbol.for("react.async_mode") : 60111, x = e ? Symbol.for("react.concurrent_mode") : 60111, h = e ? Symbol.for("react.forward_ref") : 60112, p = e ? Symbol.for("react.suspense") : 60113, f = e ? Symbol.for("react.suspense_list") : 60120, m = e ? Symbol.for("react.memo") : 60115, j = e ? Symbol.for("react.lazy") : 60116, T = e ? Symbol.for("react.block") : 60121, S = e ? Symbol.for("react.fundamental") : 60117, C = e ? Symbol.for("react.responder") : 60118, E = e ? Symbol.for("react.scope") : 60119;
+  function y(d) {
     if (typeof d == "object" && d !== null) {
-      var y = d.$$typeof;
-      switch (y) {
+      var v = d.$$typeof;
+      switch (v) {
         case n:
           switch (d = d.type, d) {
             case l:
-            case f:
+            case x:
             case r:
             case s:
             case a:
@@ -4320,50 +4329,50 @@ function Ei() {
             default:
               switch (d = d && d.$$typeof, d) {
                 case c:
-                case x:
+                case h:
                 case j:
-                case v:
+                case m:
                 case i:
                   return d;
                 default:
-                  return y;
+                  return v;
               }
           }
         case o:
-          return y;
+          return v;
       }
     }
   }
-  function S(d) {
-    return m(d) === f;
+  function w(d) {
+    return y(d) === x;
   }
-  return ie.AsyncMode = l, ie.ConcurrentMode = f, ie.ContextConsumer = c, ie.ContextProvider = i, ie.Element = n, ie.ForwardRef = x, ie.Fragment = r, ie.Lazy = j, ie.Memo = v, ie.Portal = o, ie.Profiler = s, ie.StrictMode = a, ie.Suspense = p, ie.isAsyncMode = function(d) {
-    return S(d) || m(d) === l;
-  }, ie.isConcurrentMode = S, ie.isContextConsumer = function(d) {
-    return m(d) === c;
+  return ie.AsyncMode = l, ie.ConcurrentMode = x, ie.ContextConsumer = c, ie.ContextProvider = i, ie.Element = n, ie.ForwardRef = h, ie.Fragment = r, ie.Lazy = j, ie.Memo = m, ie.Portal = o, ie.Profiler = s, ie.StrictMode = a, ie.Suspense = p, ie.isAsyncMode = function(d) {
+    return w(d) || y(d) === l;
+  }, ie.isConcurrentMode = w, ie.isContextConsumer = function(d) {
+    return y(d) === c;
   }, ie.isContextProvider = function(d) {
-    return m(d) === i;
+    return y(d) === i;
   }, ie.isElement = function(d) {
     return typeof d == "object" && d !== null && d.$$typeof === n;
   }, ie.isForwardRef = function(d) {
-    return m(d) === x;
+    return y(d) === h;
   }, ie.isFragment = function(d) {
-    return m(d) === r;
+    return y(d) === r;
   }, ie.isLazy = function(d) {
-    return m(d) === j;
+    return y(d) === j;
   }, ie.isMemo = function(d) {
-    return m(d) === v;
+    return y(d) === m;
   }, ie.isPortal = function(d) {
-    return m(d) === o;
+    return y(d) === o;
   }, ie.isProfiler = function(d) {
-    return m(d) === s;
+    return y(d) === s;
   }, ie.isStrictMode = function(d) {
-    return m(d) === a;
+    return y(d) === a;
   }, ie.isSuspense = function(d) {
-    return m(d) === p;
+    return y(d) === p;
   }, ie.isValidElementType = function(d) {
-    return typeof d == "string" || typeof d == "function" || d === r || d === f || d === s || d === a || d === p || d === h || typeof d == "object" && d !== null && (d.$$typeof === j || d.$$typeof === v || d.$$typeof === i || d.$$typeof === c || d.$$typeof === x || d.$$typeof === w || d.$$typeof === C || d.$$typeof === E || d.$$typeof === T);
-  }, ie.typeOf = m, ie;
+    return typeof d == "string" || typeof d == "function" || d === r || d === x || d === s || d === a || d === p || d === f || typeof d == "object" && d !== null && (d.$$typeof === j || d.$$typeof === m || d.$$typeof === i || d.$$typeof === c || d.$$typeof === h || d.$$typeof === S || d.$$typeof === C || d.$$typeof === E || d.$$typeof === T);
+  }, ie.typeOf = y, ie;
 }
 var ae = {};
 /** @license React v16.13.1
@@ -4377,12 +4386,12 @@ var ae = {};
 var En;
 function Si() {
   return En || (En = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = typeof Symbol == "function" && Symbol.for, n = e ? Symbol.for("react.element") : 60103, o = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107, a = e ? Symbol.for("react.strict_mode") : 60108, s = e ? Symbol.for("react.profiler") : 60114, i = e ? Symbol.for("react.provider") : 60109, c = e ? Symbol.for("react.context") : 60110, l = e ? Symbol.for("react.async_mode") : 60111, f = e ? Symbol.for("react.concurrent_mode") : 60111, x = e ? Symbol.for("react.forward_ref") : 60112, p = e ? Symbol.for("react.suspense") : 60113, h = e ? Symbol.for("react.suspense_list") : 60120, v = e ? Symbol.for("react.memo") : 60115, j = e ? Symbol.for("react.lazy") : 60116, T = e ? Symbol.for("react.block") : 60121, w = e ? Symbol.for("react.fundamental") : 60117, C = e ? Symbol.for("react.responder") : 60118, E = e ? Symbol.for("react.scope") : 60119;
-    function m(L) {
+    var e = typeof Symbol == "function" && Symbol.for, n = e ? Symbol.for("react.element") : 60103, o = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107, a = e ? Symbol.for("react.strict_mode") : 60108, s = e ? Symbol.for("react.profiler") : 60114, i = e ? Symbol.for("react.provider") : 60109, c = e ? Symbol.for("react.context") : 60110, l = e ? Symbol.for("react.async_mode") : 60111, x = e ? Symbol.for("react.concurrent_mode") : 60111, h = e ? Symbol.for("react.forward_ref") : 60112, p = e ? Symbol.for("react.suspense") : 60113, f = e ? Symbol.for("react.suspense_list") : 60120, m = e ? Symbol.for("react.memo") : 60115, j = e ? Symbol.for("react.lazy") : 60116, T = e ? Symbol.for("react.block") : 60121, S = e ? Symbol.for("react.fundamental") : 60117, C = e ? Symbol.for("react.responder") : 60118, E = e ? Symbol.for("react.scope") : 60119;
+    function y(L) {
       return typeof L == "string" || typeof L == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      L === r || L === f || L === s || L === a || L === p || L === h || typeof L == "object" && L !== null && (L.$$typeof === j || L.$$typeof === v || L.$$typeof === i || L.$$typeof === c || L.$$typeof === x || L.$$typeof === w || L.$$typeof === C || L.$$typeof === E || L.$$typeof === T);
+      L === r || L === x || L === s || L === a || L === p || L === f || typeof L == "object" && L !== null && (L.$$typeof === j || L.$$typeof === m || L.$$typeof === i || L.$$typeof === c || L.$$typeof === h || L.$$typeof === S || L.$$typeof === C || L.$$typeof === E || L.$$typeof === T);
     }
-    function S(L) {
+    function w(L) {
       if (typeof L == "object" && L !== null) {
         var be = L.$$typeof;
         switch (be) {
@@ -4390,7 +4399,7 @@ function Si() {
             var We = L.type;
             switch (We) {
               case l:
-              case f:
+              case x:
               case r:
               case s:
               case a:
@@ -4400,9 +4409,9 @@ function Si() {
                 var Ie = We && We.$$typeof;
                 switch (Ie) {
                   case c:
-                  case x:
+                  case h:
                   case j:
-                  case v:
+                  case m:
                   case i:
                     return Ie;
                   default:
@@ -4414,47 +4423,47 @@ function Si() {
         }
       }
     }
-    var d = l, y = f, u = c, b = i, k = n, D = x, R = r, U = j, $ = v, Y = o, G = s, P = a, I = p, Z = !1;
+    var d = l, v = x, u = c, b = i, k = n, D = h, R = r, U = j, $ = m, V = o, G = s, P = a, F = p, Z = !1;
     function K(L) {
-      return Z || (Z = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), _(L) || S(L) === l;
+      return Z || (Z = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), _(L) || w(L) === l;
     }
     function _(L) {
-      return S(L) === f;
+      return w(L) === x;
     }
     function O(L) {
-      return S(L) === c;
+      return w(L) === c;
     }
     function W(L) {
-      return S(L) === i;
+      return w(L) === i;
     }
-    function F(L) {
+    function I(L) {
       return typeof L == "object" && L !== null && L.$$typeof === n;
     }
-    function V(L) {
-      return S(L) === x;
+    function B(L) {
+      return w(L) === h;
     }
     function Q(L) {
-      return S(L) === r;
+      return w(L) === r;
     }
     function X(L) {
-      return S(L) === j;
+      return w(L) === j;
     }
     function J(L) {
-      return S(L) === v;
+      return w(L) === m;
     }
     function ee(L) {
-      return S(L) === o;
+      return w(L) === o;
     }
     function re(L) {
-      return S(L) === s;
+      return w(L) === s;
     }
     function te(L) {
-      return S(L) === a;
+      return w(L) === a;
     }
     function ye(L) {
-      return S(L) === p;
+      return w(L) === p;
     }
-    ae.AsyncMode = d, ae.ConcurrentMode = y, ae.ContextConsumer = u, ae.ContextProvider = b, ae.Element = k, ae.ForwardRef = D, ae.Fragment = R, ae.Lazy = U, ae.Memo = $, ae.Portal = Y, ae.Profiler = G, ae.StrictMode = P, ae.Suspense = I, ae.isAsyncMode = K, ae.isConcurrentMode = _, ae.isContextConsumer = O, ae.isContextProvider = W, ae.isElement = F, ae.isForwardRef = V, ae.isFragment = Q, ae.isLazy = X, ae.isMemo = J, ae.isPortal = ee, ae.isProfiler = re, ae.isStrictMode = te, ae.isSuspense = ye, ae.isValidElementType = m, ae.typeOf = S;
+    ae.AsyncMode = d, ae.ConcurrentMode = v, ae.ContextConsumer = u, ae.ContextProvider = b, ae.Element = k, ae.ForwardRef = D, ae.Fragment = R, ae.Lazy = U, ae.Memo = $, ae.Portal = V, ae.Profiler = G, ae.StrictMode = P, ae.Suspense = F, ae.isAsyncMode = K, ae.isConcurrentMode = _, ae.isContextConsumer = O, ae.isContextProvider = W, ae.isElement = I, ae.isForwardRef = B, ae.isFragment = Q, ae.isLazy = X, ae.isMemo = J, ae.isPortal = ee, ae.isProfiler = re, ae.isStrictMode = te, ae.isSuspense = ye, ae.isValidElementType = y, ae.typeOf = w;
   }()), ae;
 }
 var Sn;
@@ -4489,29 +4498,29 @@ function wi() {
       }
     };
   }
-  function a(s, i, c, l, f) {
+  function a(s, i, c, l, x) {
     if (process.env.NODE_ENV !== "production") {
-      for (var x in s)
-        if (r(s, x)) {
+      for (var h in s)
+        if (r(s, h)) {
           var p;
           try {
-            if (typeof s[x] != "function") {
-              var h = Error(
-                (l || "React class") + ": " + c + " type `" + x + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof s[x] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
+            if (typeof s[h] != "function") {
+              var f = Error(
+                (l || "React class") + ": " + c + " type `" + h + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof s[h] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
               );
-              throw h.name = "Invariant Violation", h;
+              throw f.name = "Invariant Violation", f;
             }
-            p = s[x](i, x, l, c, null, n);
+            p = s[h](i, h, l, c, null, n);
           } catch (j) {
             p = j;
           }
           if (p && !(p instanceof Error) && e(
-            (l || "React class") + ": type specification of " + c + " `" + x + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof p + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
+            (l || "React class") + ": type specification of " + c + " `" + h + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof p + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
           ), p instanceof Error && !(p.message in o)) {
             o[p.message] = !0;
-            var v = f ? f() : "";
+            var m = x ? x() : "";
             e(
-              "Failed " + c + " type: " + p.message + (v ?? "")
+              "Failed " + c + " type: " + p.message + (m ?? "")
             );
           }
         }
@@ -4539,13 +4548,13 @@ function _i() {
     return null;
   }
   return Ft = function(c, l) {
-    var f = typeof Symbol == "function" && Symbol.iterator, x = "@@iterator";
+    var x = typeof Symbol == "function" && Symbol.iterator, h = "@@iterator";
     function p(_) {
-      var O = _ && (f && _[f] || _[x]);
+      var O = _ && (x && _[x] || _[h]);
       if (typeof O == "function")
         return O;
     }
-    var h = "<<anonymous>>", v = {
+    var f = "<<anonymous>>", m = {
       array: C("array"),
       bigint: C("bigint"),
       bool: C("boolean"),
@@ -4555,10 +4564,10 @@ function _i() {
       string: C("string"),
       symbol: C("symbol"),
       any: E(),
-      arrayOf: m,
-      element: S(),
+      arrayOf: y,
+      element: w(),
       elementType: d(),
-      instanceOf: y,
+      instanceOf: v,
       node: D(),
       objectOf: b,
       oneOf: u,
@@ -4573,11 +4582,11 @@ function _i() {
       this.message = _, this.data = O && typeof O == "object" ? O : {}, this.stack = "";
     }
     T.prototype = Error.prototype;
-    function w(_) {
+    function S(_) {
       if (process.env.NODE_ENV !== "production")
         var O = {}, W = 0;
-      function F(Q, X, J, ee, re, te, ye) {
-        if (ee = ee || h, te = te || J, ye !== o) {
+      function I(Q, X, J, ee, re, te, ye) {
+        if (ee = ee || f, te = te || J, ye !== o) {
           if (l) {
             var L = new Error(
               "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
@@ -4593,109 +4602,109 @@ function _i() {
         }
         return X[J] == null ? Q ? X[J] === null ? new T("The " + re + " `" + te + "` is marked as required " + ("in `" + ee + "`, but its value is `null`.")) : new T("The " + re + " `" + te + "` is marked as required in " + ("`" + ee + "`, but its value is `undefined`.")) : null : _(X, J, ee, re, te);
       }
-      var V = F.bind(null, !1);
-      return V.isRequired = F.bind(null, !0), V;
+      var B = I.bind(null, !1);
+      return B.isRequired = I.bind(null, !0), B;
     }
     function C(_) {
-      function O(W, F, V, Q, X, J) {
-        var ee = W[F], re = P(ee);
+      function O(W, I, B, Q, X, J) {
+        var ee = W[I], re = P(ee);
         if (re !== _) {
-          var te = I(ee);
+          var te = F(ee);
           return new T(
-            "Invalid " + Q + " `" + X + "` of type " + ("`" + te + "` supplied to `" + V + "`, expected ") + ("`" + _ + "`."),
+            "Invalid " + Q + " `" + X + "` of type " + ("`" + te + "` supplied to `" + B + "`, expected ") + ("`" + _ + "`."),
             { expectedType: _ }
           );
         }
         return null;
       }
-      return w(O);
+      return S(O);
     }
     function E() {
-      return w(i);
+      return S(i);
     }
-    function m(_) {
-      function O(W, F, V, Q, X) {
+    function y(_) {
+      function O(W, I, B, Q, X) {
         if (typeof _ != "function")
-          return new T("Property `" + X + "` of component `" + V + "` has invalid PropType notation inside arrayOf.");
-        var J = W[F];
+          return new T("Property `" + X + "` of component `" + B + "` has invalid PropType notation inside arrayOf.");
+        var J = W[I];
         if (!Array.isArray(J)) {
           var ee = P(J);
-          return new T("Invalid " + Q + " `" + X + "` of type " + ("`" + ee + "` supplied to `" + V + "`, expected an array."));
+          return new T("Invalid " + Q + " `" + X + "` of type " + ("`" + ee + "` supplied to `" + B + "`, expected an array."));
         }
         for (var re = 0; re < J.length; re++) {
-          var te = _(J, re, V, Q, X + "[" + re + "]", o);
+          var te = _(J, re, B, Q, X + "[" + re + "]", o);
           if (te instanceof Error)
             return te;
         }
         return null;
       }
-      return w(O);
+      return S(O);
     }
-    function S() {
-      function _(O, W, F, V, Q) {
+    function w() {
+      function _(O, W, I, B, Q) {
         var X = O[W];
         if (!c(X)) {
           var J = P(X);
-          return new T("Invalid " + V + " `" + Q + "` of type " + ("`" + J + "` supplied to `" + F + "`, expected a single ReactElement."));
+          return new T("Invalid " + B + " `" + Q + "` of type " + ("`" + J + "` supplied to `" + I + "`, expected a single ReactElement."));
         }
         return null;
       }
-      return w(_);
+      return S(_);
     }
     function d() {
-      function _(O, W, F, V, Q) {
+      function _(O, W, I, B, Q) {
         var X = O[W];
         if (!e.isValidElementType(X)) {
           var J = P(X);
-          return new T("Invalid " + V + " `" + Q + "` of type " + ("`" + J + "` supplied to `" + F + "`, expected a single ReactElement type."));
+          return new T("Invalid " + B + " `" + Q + "` of type " + ("`" + J + "` supplied to `" + I + "`, expected a single ReactElement type."));
         }
         return null;
       }
-      return w(_);
+      return S(_);
     }
-    function y(_) {
-      function O(W, F, V, Q, X) {
-        if (!(W[F] instanceof _)) {
-          var J = _.name || h, ee = K(W[F]);
-          return new T("Invalid " + Q + " `" + X + "` of type " + ("`" + ee + "` supplied to `" + V + "`, expected ") + ("instance of `" + J + "`."));
+    function v(_) {
+      function O(W, I, B, Q, X) {
+        if (!(W[I] instanceof _)) {
+          var J = _.name || f, ee = K(W[I]);
+          return new T("Invalid " + Q + " `" + X + "` of type " + ("`" + ee + "` supplied to `" + B + "`, expected ") + ("instance of `" + J + "`."));
         }
         return null;
       }
-      return w(O);
+      return S(O);
     }
     function u(_) {
       if (!Array.isArray(_))
         return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? s(
           "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
         ) : s("Invalid argument supplied to oneOf, expected an array.")), i;
-      function O(W, F, V, Q, X) {
-        for (var J = W[F], ee = 0; ee < _.length; ee++)
+      function O(W, I, B, Q, X) {
+        for (var J = W[I], ee = 0; ee < _.length; ee++)
           if (j(J, _[ee]))
             return null;
         var re = JSON.stringify(_, function(ye, L) {
-          var be = I(L);
+          var be = F(L);
           return be === "symbol" ? String(L) : L;
         });
-        return new T("Invalid " + Q + " `" + X + "` of value `" + String(J) + "` " + ("supplied to `" + V + "`, expected one of " + re + "."));
+        return new T("Invalid " + Q + " `" + X + "` of value `" + String(J) + "` " + ("supplied to `" + B + "`, expected one of " + re + "."));
       }
-      return w(O);
+      return S(O);
     }
     function b(_) {
-      function O(W, F, V, Q, X) {
+      function O(W, I, B, Q, X) {
         if (typeof _ != "function")
-          return new T("Property `" + X + "` of component `" + V + "` has invalid PropType notation inside objectOf.");
-        var J = W[F], ee = P(J);
+          return new T("Property `" + X + "` of component `" + B + "` has invalid PropType notation inside objectOf.");
+        var J = W[I], ee = P(J);
         if (ee !== "object")
-          return new T("Invalid " + Q + " `" + X + "` of type " + ("`" + ee + "` supplied to `" + V + "`, expected an object."));
+          return new T("Invalid " + Q + " `" + X + "` of type " + ("`" + ee + "` supplied to `" + B + "`, expected an object."));
         for (var re in J)
           if (r(J, re)) {
-            var te = _(J, re, V, Q, X + "." + re, o);
+            var te = _(J, re, B, Q, X + "." + re, o);
             if (te instanceof Error)
               return te;
           }
         return null;
       }
-      return w(O);
+      return S(O);
     }
     function k(_) {
       if (!Array.isArray(_))
@@ -4707,9 +4716,9 @@ function _i() {
             "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + Z(W) + " at index " + O + "."
           ), i;
       }
-      function F(V, Q, X, J, ee) {
+      function I(B, Q, X, J, ee) {
         for (var re = [], te = 0; te < _.length; te++) {
-          var ye = _[te], L = ye(V, Q, X, J, ee, o);
+          var ye = _[te], L = ye(B, Q, X, J, ee, o);
           if (L == null)
             return null;
           L.data && r(L.data, "expectedType") && re.push(L.data.expectedType);
@@ -4717,60 +4726,60 @@ function _i() {
         var be = re.length > 0 ? ", expected one of type [" + re.join(", ") + "]" : "";
         return new T("Invalid " + J + " `" + ee + "` supplied to " + ("`" + X + "`" + be + "."));
       }
-      return w(F);
+      return S(I);
     }
     function D() {
-      function _(O, W, F, V, Q) {
-        return Y(O[W]) ? null : new T("Invalid " + V + " `" + Q + "` supplied to " + ("`" + F + "`, expected a ReactNode."));
+      function _(O, W, I, B, Q) {
+        return V(O[W]) ? null : new T("Invalid " + B + " `" + Q + "` supplied to " + ("`" + I + "`, expected a ReactNode."));
       }
-      return w(_);
+      return S(_);
     }
-    function R(_, O, W, F, V) {
+    function R(_, O, W, I, B) {
       return new T(
-        (_ || "React class") + ": " + O + " type `" + W + "." + F + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + V + "`."
+        (_ || "React class") + ": " + O + " type `" + W + "." + I + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + B + "`."
       );
     }
     function U(_) {
-      function O(W, F, V, Q, X) {
-        var J = W[F], ee = P(J);
+      function O(W, I, B, Q, X) {
+        var J = W[I], ee = P(J);
         if (ee !== "object")
-          return new T("Invalid " + Q + " `" + X + "` of type `" + ee + "` " + ("supplied to `" + V + "`, expected `object`."));
+          return new T("Invalid " + Q + " `" + X + "` of type `" + ee + "` " + ("supplied to `" + B + "`, expected `object`."));
         for (var re in _) {
           var te = _[re];
           if (typeof te != "function")
-            return R(V, Q, X, re, I(te));
-          var ye = te(J, re, V, Q, X + "." + re, o);
+            return R(B, Q, X, re, F(te));
+          var ye = te(J, re, B, Q, X + "." + re, o);
           if (ye)
             return ye;
         }
         return null;
       }
-      return w(O);
+      return S(O);
     }
     function $(_) {
-      function O(W, F, V, Q, X) {
-        var J = W[F], ee = P(J);
+      function O(W, I, B, Q, X) {
+        var J = W[I], ee = P(J);
         if (ee !== "object")
-          return new T("Invalid " + Q + " `" + X + "` of type `" + ee + "` " + ("supplied to `" + V + "`, expected `object`."));
-        var re = n({}, W[F], _);
+          return new T("Invalid " + Q + " `" + X + "` of type `" + ee + "` " + ("supplied to `" + B + "`, expected `object`."));
+        var re = n({}, W[I], _);
         for (var te in re) {
           var ye = _[te];
           if (r(_, te) && typeof ye != "function")
-            return R(V, Q, X, te, I(ye));
+            return R(B, Q, X, te, F(ye));
           if (!ye)
             return new T(
-              "Invalid " + Q + " `" + X + "` key `" + te + "` supplied to `" + V + "`.\nBad object: " + JSON.stringify(W[F], null, "  ") + `
+              "Invalid " + Q + " `" + X + "` key `" + te + "` supplied to `" + B + "`.\nBad object: " + JSON.stringify(W[I], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(_), null, "  ")
             );
-          var L = ye(J, te, V, Q, X + "." + te, o);
+          var L = ye(J, te, B, Q, X + "." + te, o);
           if (L)
             return L;
         }
         return null;
       }
-      return w(O);
+      return S(O);
     }
-    function Y(_) {
+    function V(_) {
       switch (typeof _) {
         case "number":
         case "string":
@@ -4780,20 +4789,20 @@ Valid keys: ` + JSON.stringify(Object.keys(_), null, "  ")
           return !_;
         case "object":
           if (Array.isArray(_))
-            return _.every(Y);
+            return _.every(V);
           if (_ === null || c(_))
             return !0;
           var O = p(_);
           if (O) {
-            var W = O.call(_), F;
+            var W = O.call(_), I;
             if (O !== _.entries) {
-              for (; !(F = W.next()).done; )
-                if (!Y(F.value))
+              for (; !(I = W.next()).done; )
+                if (!V(I.value))
                   return !1;
             } else
-              for (; !(F = W.next()).done; ) {
-                var V = F.value;
-                if (V && !Y(V[1]))
+              for (; !(I = W.next()).done; ) {
+                var B = I.value;
+                if (B && !V(B[1]))
                   return !1;
               }
           } else
@@ -4810,7 +4819,7 @@ Valid keys: ` + JSON.stringify(Object.keys(_), null, "  ")
       var O = typeof _;
       return Array.isArray(_) ? "array" : _ instanceof RegExp ? "object" : G(O, _) ? "symbol" : O;
     }
-    function I(_) {
+    function F(_) {
       if (typeof _ > "u" || _ === null)
         return "" + _;
       var O = P(_);
@@ -4823,7 +4832,7 @@ Valid keys: ` + JSON.stringify(Object.keys(_), null, "  ")
       return O;
     }
     function Z(_) {
-      var O = I(_);
+      var O = F(_);
       switch (O) {
         case "array":
         case "object":
@@ -4837,9 +4846,9 @@ Valid keys: ` + JSON.stringify(Object.keys(_), null, "  ")
       }
     }
     function K(_) {
-      return !_.constructor || !_.constructor.name ? h : _.constructor.name;
+      return !_.constructor || !_.constructor.name ? f : _.constructor.name;
     }
-    return v.checkPropTypes = a, v.resetWarningCache = a.resetWarningCache, v.PropTypes = v, v;
+    return m.checkPropTypes = a, m.resetWarningCache = a.resetWarningCache, m.PropTypes = m, m;
   }, Ft;
 }
 var It, An;
@@ -4852,12 +4861,12 @@ function ji() {
   function o() {
   }
   return o.resetWarningCache = n, It = function() {
-    function r(i, c, l, f, x, p) {
+    function r(i, c, l, x, h, p) {
       if (p !== e) {
-        var h = new Error(
+        var f = new Error(
           "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
         );
-        throw h.name = "Invariant Violation", h;
+        throw f.name = "Invariant Violation", f;
       }
     }
     r.isRequired = r;
@@ -4919,7 +4928,7 @@ function ki() {
   }
   return ft.exports = n, ft.exports.clsx = n, ft.exports;
 }
-var xe = {}, Oe = {}, Dn;
+var he = {}, Oe = {}, Dn;
 function bt() {
   if (Dn) return Oe;
   Dn = 1, Object.defineProperty(Oe, "__esModule", {
@@ -4957,8 +4966,8 @@ function Ai() {
     if (typeof window > "u") return "";
     const i = (l = (c = window.document) == null ? void 0 : c.documentElement) == null ? void 0 : l.style;
     if (!i || s in i) return "";
-    for (let f = 0; f < e.length; f++)
-      if (o(s, e[f]) in i) return e[f];
+    for (let x = 0; x < e.length; x++)
+      if (o(s, e[x]) in i) return e[x];
     return "";
   }
   function o(s, i) {
@@ -4977,22 +4986,22 @@ function Ai() {
 }
 var Mn;
 function Xt() {
-  if (Mn) return xe;
-  Mn = 1, Object.defineProperty(xe, "__esModule", {
+  if (Mn) return he;
+  Mn = 1, Object.defineProperty(he, "__esModule", {
     value: !0
-  }), xe.addClassName = d, xe.addEvent = i, xe.addUserSelectStyles = E, xe.createCSSTransform = v, xe.createSVGTransform = j, xe.getTouch = w, xe.getTouchIdentifier = C, xe.getTranslation = T, xe.innerHeight = x, xe.innerWidth = p, xe.matchesSelector = a, xe.matchesSelectorAndParentsTo = s, xe.offsetXYFromParent = h, xe.outerHeight = l, xe.outerWidth = f, xe.removeClassName = y, xe.removeEvent = c, xe.scheduleRemoveUserSelectStyles = m;
+  }), he.addClassName = d, he.addEvent = i, he.addUserSelectStyles = E, he.createCSSTransform = m, he.createSVGTransform = j, he.getTouch = S, he.getTouchIdentifier = C, he.getTranslation = T, he.innerHeight = h, he.innerWidth = p, he.matchesSelector = a, he.matchesSelectorAndParentsTo = s, he.offsetXYFromParent = f, he.outerHeight = l, he.outerWidth = x, he.removeClassName = v, he.removeEvent = c, he.scheduleRemoveUserSelectStyles = y;
   var e = bt(), n = o(Ai());
   function o(u, b) {
     if (typeof WeakMap == "function") var k = /* @__PURE__ */ new WeakMap(), D = /* @__PURE__ */ new WeakMap();
     return (o = function(R, U) {
       if (!U && R && R.__esModule) return R;
-      var $, Y, G = { __proto__: null, default: R };
+      var $, V, G = { __proto__: null, default: R };
       if (R === null || typeof R != "object" && typeof R != "function") return G;
       if ($ = U ? D : k) {
         if ($.has(R)) return $.get(R);
         $.set(R, G);
       }
-      for (const P in R) P !== "default" && {}.hasOwnProperty.call(R, P) && ((Y = ($ = Object.defineProperty) && Object.getOwnPropertyDescriptor(R, P)) && (Y.get || Y.set) ? $(G, P, Y) : G[P] = R[P]);
+      for (const P in R) P !== "default" && {}.hasOwnProperty.call(R, P) && ((V = ($ = Object.defineProperty) && Object.getOwnPropertyDescriptor(R, P)) && (V.get || V.set) ? $(G, P, V) : G[P] = R[P]);
       return G;
     })(u, b);
   }
@@ -5032,12 +5041,12 @@ function Xt() {
     const k = u.ownerDocument.defaultView.getComputedStyle(u);
     return b += (0, e.int)(k.borderTopWidth), b += (0, e.int)(k.borderBottomWidth), b;
   }
-  function f(u) {
+  function x(u) {
     let b = u.clientWidth;
     const k = u.ownerDocument.defaultView.getComputedStyle(u);
     return b += (0, e.int)(k.borderLeftWidth), b += (0, e.int)(k.borderRightWidth), b;
   }
-  function x(u) {
+  function h(u) {
     let b = u.clientHeight;
     const k = u.ownerDocument.defaultView.getComputedStyle(u);
     return b -= (0, e.int)(k.paddingTop), b -= (0, e.int)(k.paddingBottom), b;
@@ -5047,7 +5056,7 @@ function Xt() {
     const k = u.ownerDocument.defaultView.getComputedStyle(u);
     return b -= (0, e.int)(k.paddingLeft), b -= (0, e.int)(k.paddingRight), b;
   }
-  function h(u, b, k) {
+  function f(u, b, k) {
     const R = b === b.ownerDocument.body ? {
       left: 0,
       top: 0
@@ -5057,7 +5066,7 @@ function Xt() {
       y: $
     };
   }
-  function v(u, b) {
+  function m(u, b) {
     const k = T(u, b, "px");
     return {
       [(0, n.browserPrefixToKey)("transform", n.default)]: k
@@ -5072,12 +5081,12 @@ function Xt() {
       y: R
     } = u, U = `translate(${D}${k},${R}${k})`;
     if (b) {
-      const $ = `${typeof b.x == "string" ? b.x : b.x + k}`, Y = `${typeof b.y == "string" ? b.y : b.y + k}`;
-      U = `translate(${$}, ${Y})` + U;
+      const $ = `${typeof b.x == "string" ? b.x : b.x + k}`, V = `${typeof b.y == "string" ? b.y : b.y + k}`;
+      U = `translate(${$}, ${V})` + U;
     }
     return U;
   }
-  function w(u, b) {
+  function S(u, b) {
     return u.targetTouches && (0, e.findInArray)(u.targetTouches, (k) => b === k.identifier) || u.changedTouches && (0, e.findInArray)(u.changedTouches, (k) => b === k.identifier);
   }
   function C(u) {
@@ -5091,15 +5100,15 @@ function Xt() {
 `, b.innerHTML += `.react-draggable-transparent-selection *::selection {all: inherit;}
 `, u.getElementsByTagName("head")[0].appendChild(b)), u.body && d(u.body, "react-draggable-transparent-selection");
   }
-  function m(u) {
+  function y(u) {
     window.requestAnimationFrame ? window.requestAnimationFrame(() => {
-      S(u);
-    }) : S(u);
+      w(u);
+    }) : w(u);
   }
-  function S(u) {
+  function w(u) {
     if (u)
       try {
-        if (u.body && y(u.body, "react-draggable-transparent-selection"), u.selection)
+        if (u.body && v(u.body, "react-draggable-transparent-selection"), u.selection)
           u.selection.empty();
         else {
           const b = (u.defaultView || window).getSelection();
@@ -5111,10 +5120,10 @@ function Xt() {
   function d(u, b) {
     u.classList ? u.classList.add(b) : u.className.match(new RegExp(`(?:^|\\s)${b}(?!\\S)`)) || (u.className += ` ${b}`);
   }
-  function y(u, b) {
+  function v(u, b) {
     u.classList ? u.classList.remove(b) : u.className = u.className.replace(new RegExp(`(?:^|\\s)${b}(?!\\S)`, "g"), "");
   }
-  return xe;
+  return he;
 }
 var we = {}, Nn;
 function pr() {
@@ -5123,32 +5132,32 @@ function pr() {
     value: !0
   }), we.canDragX = a, we.canDragY = s, we.createCoreData = c, we.createDraggableData = l, we.getBoundPosition = o, we.getControlPosition = i, we.snapToGrid = r;
   var e = bt(), n = Xt();
-  function o(p, h, v) {
-    if (!p.props.bounds) return [h, v];
+  function o(p, f, m) {
+    if (!p.props.bounds) return [f, m];
     let {
       bounds: j
     } = p.props;
-    j = typeof j == "string" ? j : f(j);
-    const T = x(p);
+    j = typeof j == "string" ? j : x(j);
+    const T = h(p);
     if (typeof j == "string") {
       const {
-        ownerDocument: w
-      } = T, C = w.defaultView;
+        ownerDocument: S
+      } = T, C = S.defaultView;
       let E;
       if (j === "parent" ? E = T.parentNode : E = T.getRootNode().querySelector(j), !(E instanceof C.HTMLElement))
         throw new Error('Bounds selector "' + j + '" could not find an element.');
-      const m = E, S = C.getComputedStyle(T), d = C.getComputedStyle(m);
+      const y = E, w = C.getComputedStyle(T), d = C.getComputedStyle(y);
       j = {
-        left: -T.offsetLeft + (0, e.int)(d.paddingLeft) + (0, e.int)(S.marginLeft),
-        top: -T.offsetTop + (0, e.int)(d.paddingTop) + (0, e.int)(S.marginTop),
-        right: (0, n.innerWidth)(m) - (0, n.outerWidth)(T) - T.offsetLeft + (0, e.int)(d.paddingRight) - (0, e.int)(S.marginRight),
-        bottom: (0, n.innerHeight)(m) - (0, n.outerHeight)(T) - T.offsetTop + (0, e.int)(d.paddingBottom) - (0, e.int)(S.marginBottom)
+        left: -T.offsetLeft + (0, e.int)(d.paddingLeft) + (0, e.int)(w.marginLeft),
+        top: -T.offsetTop + (0, e.int)(d.paddingTop) + (0, e.int)(w.marginTop),
+        right: (0, n.innerWidth)(y) - (0, n.outerWidth)(T) - T.offsetLeft + (0, e.int)(d.paddingRight) - (0, e.int)(w.marginRight),
+        bottom: (0, n.innerHeight)(y) - (0, n.outerHeight)(T) - T.offsetTop + (0, e.int)(d.paddingBottom) - (0, e.int)(w.marginBottom)
       };
     }
-    return (0, e.isNum)(j.right) && (h = Math.min(h, j.right)), (0, e.isNum)(j.bottom) && (v = Math.min(v, j.bottom)), (0, e.isNum)(j.left) && (h = Math.max(h, j.left)), (0, e.isNum)(j.top) && (v = Math.max(v, j.top)), [h, v];
+    return (0, e.isNum)(j.right) && (f = Math.min(f, j.right)), (0, e.isNum)(j.bottom) && (m = Math.min(m, j.bottom)), (0, e.isNum)(j.left) && (f = Math.max(f, j.left)), (0, e.isNum)(j.top) && (m = Math.max(m, j.top)), [f, m];
   }
-  function r(p, h, v) {
-    const j = Math.round(h / p[0]) * p[0], T = Math.round(v / p[1]) * p[1];
+  function r(p, f, m) {
+    const j = Math.round(f / p[0]) * p[0], T = Math.round(m / p[1]) * p[1];
     return [j, T];
   }
   function a(p) {
@@ -5157,45 +5166,45 @@ function pr() {
   function s(p) {
     return p.props.axis === "both" || p.props.axis === "y";
   }
-  function i(p, h, v) {
-    const j = typeof h == "number" ? (0, n.getTouch)(p, h) : null;
-    if (typeof h == "number" && !j) return null;
-    const T = x(v), w = v.props.offsetParent || T.offsetParent || T.ownerDocument.body;
-    return (0, n.offsetXYFromParent)(j || p, w, v.props.scale);
+  function i(p, f, m) {
+    const j = typeof f == "number" ? (0, n.getTouch)(p, f) : null;
+    if (typeof f == "number" && !j) return null;
+    const T = h(m), S = m.props.offsetParent || T.offsetParent || T.ownerDocument.body;
+    return (0, n.offsetXYFromParent)(j || p, S, m.props.scale);
   }
-  function c(p, h, v) {
-    const j = !(0, e.isNum)(p.lastX), T = x(p);
+  function c(p, f, m) {
+    const j = !(0, e.isNum)(p.lastX), T = h(p);
     return j ? {
       node: T,
       deltaX: 0,
       deltaY: 0,
-      lastX: h,
-      lastY: v,
-      x: h,
-      y: v
+      lastX: f,
+      lastY: m,
+      x: f,
+      y: m
     } : {
       node: T,
-      deltaX: h - p.lastX,
-      deltaY: v - p.lastY,
+      deltaX: f - p.lastX,
+      deltaY: m - p.lastY,
       lastX: p.lastX,
       lastY: p.lastY,
-      x: h,
-      y: v
+      x: f,
+      y: m
     };
   }
-  function l(p, h) {
-    const v = p.props.scale;
+  function l(p, f) {
+    const m = p.props.scale;
     return {
-      node: h.node,
-      x: p.state.x + h.deltaX / v,
-      y: p.state.y + h.deltaY / v,
-      deltaX: h.deltaX / v,
-      deltaY: h.deltaY / v,
+      node: f.node,
+      x: p.state.x + f.deltaX / m,
+      y: p.state.y + f.deltaY / m,
+      deltaX: f.deltaX / m,
+      deltaY: f.deltaY / m,
       lastX: p.state.x,
       lastY: p.state.y
     };
   }
-  function f(p) {
+  function x(p) {
     return {
       left: p.left,
       top: p.top,
@@ -5203,16 +5212,16 @@ function pr() {
       bottom: p.bottom
     };
   }
-  function x(p) {
-    const h = p.findDOMNode();
-    if (!h)
+  function h(p) {
+    const f = p.findDOMNode();
+    if (!f)
       throw new Error("<DraggableCore>: Unmounted during event!");
-    return h;
+    return f;
   }
   return we;
 }
 var tt = {}, gt = {}, Fn;
-function hr() {
+function xr() {
   if (Fn) return gt;
   Fn = 1, Object.defineProperty(gt, "__esModule", {
     value: !0
@@ -5227,42 +5236,42 @@ function Ri() {
   In = 1, Object.defineProperty(tt, "__esModule", {
     value: !0
   }), tt.default = void 0;
-  var e = l(ot), n = c(/* @__PURE__ */ gr()), o = c(Yn), r = Xt(), a = pr(), s = bt(), i = c(hr());
+  var e = l(ot), n = c(/* @__PURE__ */ gr()), o = c(Yn), r = Xt(), a = pr(), s = bt(), i = c(xr());
   function c(T) {
     return T && T.__esModule ? T : { default: T };
   }
-  function l(T, w) {
+  function l(T, S) {
     if (typeof WeakMap == "function") var C = /* @__PURE__ */ new WeakMap(), E = /* @__PURE__ */ new WeakMap();
-    return (l = function(m, S) {
-      if (!S && m && m.__esModule) return m;
-      var d, y, u = { __proto__: null, default: m };
-      if (m === null || typeof m != "object" && typeof m != "function") return u;
-      if (d = S ? E : C) {
-        if (d.has(m)) return d.get(m);
-        d.set(m, u);
+    return (l = function(y, w) {
+      if (!w && y && y.__esModule) return y;
+      var d, v, u = { __proto__: null, default: y };
+      if (y === null || typeof y != "object" && typeof y != "function") return u;
+      if (d = w ? E : C) {
+        if (d.has(y)) return d.get(y);
+        d.set(y, u);
       }
-      for (const b in m) b !== "default" && {}.hasOwnProperty.call(m, b) && ((y = (d = Object.defineProperty) && Object.getOwnPropertyDescriptor(m, b)) && (y.get || y.set) ? d(u, b, y) : u[b] = m[b]);
+      for (const b in y) b !== "default" && {}.hasOwnProperty.call(y, b) && ((v = (d = Object.defineProperty) && Object.getOwnPropertyDescriptor(y, b)) && (v.get || v.set) ? d(u, b, v) : u[b] = y[b]);
       return u;
-    })(T, w);
+    })(T, S);
   }
-  function f(T, w, C) {
-    return (w = x(w)) in T ? Object.defineProperty(T, w, { value: C, enumerable: !0, configurable: !0, writable: !0 }) : T[w] = C, T;
+  function x(T, S, C) {
+    return (S = h(S)) in T ? Object.defineProperty(T, S, { value: C, enumerable: !0, configurable: !0, writable: !0 }) : T[S] = C, T;
   }
-  function x(T) {
-    var w = p(T, "string");
-    return typeof w == "symbol" ? w : w + "";
+  function h(T) {
+    var S = p(T, "string");
+    return typeof S == "symbol" ? S : S + "";
   }
-  function p(T, w) {
+  function p(T, S) {
     if (typeof T != "object" || !T) return T;
     var C = T[Symbol.toPrimitive];
     if (C !== void 0) {
-      var E = C.call(T, w);
+      var E = C.call(T, S);
       if (typeof E != "object") return E;
       throw new TypeError("@@toPrimitive must return a primitive value.");
     }
-    return (w === "string" ? String : Number)(T);
+    return (S === "string" ? String : Number)(T);
   }
-  const h = {
+  const f = {
     touch: {
       start: "touchstart",
       move: "touchmove",
@@ -5274,42 +5283,42 @@ function Ri() {
       stop: "mouseup"
     }
   };
-  let v = h.mouse, j = class extends e.Component {
+  let m = f.mouse, j = class extends e.Component {
     constructor() {
-      super(...arguments), f(this, "dragging", !1), f(this, "lastX", NaN), f(this, "lastY", NaN), f(this, "touchIdentifier", null), f(this, "mounted", !1), f(this, "handleDragStart", (w) => {
-        if (this.props.onMouseDown(w), !this.props.allowAnyClick && typeof w.button == "number" && w.button !== 0) return !1;
+      super(...arguments), x(this, "dragging", !1), x(this, "lastX", NaN), x(this, "lastY", NaN), x(this, "touchIdentifier", null), x(this, "mounted", !1), x(this, "handleDragStart", (S) => {
+        if (this.props.onMouseDown(S), !this.props.allowAnyClick && typeof S.button == "number" && S.button !== 0) return !1;
         const C = this.findDOMNode();
         if (!C || !C.ownerDocument || !C.ownerDocument.body)
           throw new Error("<DraggableCore> not mounted on DragStart!");
         const {
           ownerDocument: E
         } = C;
-        if (this.props.disabled || !(w.target instanceof E.defaultView.Node) || this.props.handle && !(0, r.matchesSelectorAndParentsTo)(w.target, this.props.handle, C) || this.props.cancel && (0, r.matchesSelectorAndParentsTo)(w.target, this.props.cancel, C))
+        if (this.props.disabled || !(S.target instanceof E.defaultView.Node) || this.props.handle && !(0, r.matchesSelectorAndParentsTo)(S.target, this.props.handle, C) || this.props.cancel && (0, r.matchesSelectorAndParentsTo)(S.target, this.props.cancel, C))
           return;
-        w.type === "touchstart" && !this.props.allowMobileScroll && w.preventDefault();
-        const m = (0, r.getTouchIdentifier)(w);
-        this.touchIdentifier = m;
-        const S = (0, a.getControlPosition)(w, m, this);
-        if (S == null) return;
+        S.type === "touchstart" && !this.props.allowMobileScroll && S.preventDefault();
+        const y = (0, r.getTouchIdentifier)(S);
+        this.touchIdentifier = y;
+        const w = (0, a.getControlPosition)(S, y, this);
+        if (w == null) return;
         const {
           x: d,
-          y
-        } = S, u = (0, a.createCoreData)(this, d, y);
-        (0, i.default)("DraggableCore: handleDragStart: %j", u), (0, i.default)("calling", this.props.onStart), !(this.props.onStart(w, u) === !1 || this.mounted === !1) && (this.props.enableUserSelectHack && (0, r.addUserSelectStyles)(E), this.dragging = !0, this.lastX = d, this.lastY = y, (0, r.addEvent)(E, v.move, this.handleDrag), (0, r.addEvent)(E, v.stop, this.handleDragStop));
-      }), f(this, "handleDrag", (w) => {
-        const C = (0, a.getControlPosition)(w, this.touchIdentifier, this);
+          y: v
+        } = w, u = (0, a.createCoreData)(this, d, v);
+        (0, i.default)("DraggableCore: handleDragStart: %j", u), (0, i.default)("calling", this.props.onStart), !(this.props.onStart(S, u) === !1 || this.mounted === !1) && (this.props.enableUserSelectHack && (0, r.addUserSelectStyles)(E), this.dragging = !0, this.lastX = d, this.lastY = v, (0, r.addEvent)(E, m.move, this.handleDrag), (0, r.addEvent)(E, m.stop, this.handleDragStop));
+      }), x(this, "handleDrag", (S) => {
+        const C = (0, a.getControlPosition)(S, this.touchIdentifier, this);
         if (C == null) return;
         let {
           x: E,
-          y: m
+          y
         } = C;
         if (Array.isArray(this.props.grid)) {
-          let y = E - this.lastX, u = m - this.lastY;
-          if ([y, u] = (0, a.snapToGrid)(this.props.grid, y, u), !y && !u) return;
-          E = this.lastX + y, m = this.lastY + u;
+          let v = E - this.lastX, u = y - this.lastY;
+          if ([v, u] = (0, a.snapToGrid)(this.props.grid, v, u), !v && !u) return;
+          E = this.lastX + v, y = this.lastY + u;
         }
-        const S = (0, a.createCoreData)(this, E, m);
-        if ((0, i.default)("DraggableCore: handleDrag: %j", S), this.props.onDrag(w, S) === !1 || this.mounted === !1) {
+        const w = (0, a.createCoreData)(this, E, y);
+        if ((0, i.default)("DraggableCore: handleDrag: %j", w), this.props.onDrag(S, w) === !1 || this.mounted === !1) {
           try {
             this.handleDragStop(new MouseEvent("mouseup"));
           } catch {
@@ -5318,40 +5327,40 @@ function Ri() {
           }
           return;
         }
-        this.lastX = E, this.lastY = m;
-      }), f(this, "handleDragStop", (w) => {
+        this.lastX = E, this.lastY = y;
+      }), x(this, "handleDragStop", (S) => {
         if (!this.dragging) return;
-        const C = (0, a.getControlPosition)(w, this.touchIdentifier, this);
+        const C = (0, a.getControlPosition)(S, this.touchIdentifier, this);
         if (C == null) return;
         let {
           x: E,
-          y: m
+          y
         } = C;
         if (Array.isArray(this.props.grid)) {
-          let u = E - this.lastX || 0, b = m - this.lastY || 0;
-          [u, b] = (0, a.snapToGrid)(this.props.grid, u, b), E = this.lastX + u, m = this.lastY + b;
+          let u = E - this.lastX || 0, b = y - this.lastY || 0;
+          [u, b] = (0, a.snapToGrid)(this.props.grid, u, b), E = this.lastX + u, y = this.lastY + b;
         }
-        const S = (0, a.createCoreData)(this, E, m);
-        if (this.props.onStop(w, S) === !1 || this.mounted === !1) return !1;
-        const y = this.findDOMNode();
-        y && this.props.enableUserSelectHack && (0, r.scheduleRemoveUserSelectStyles)(y.ownerDocument), (0, i.default)("DraggableCore: handleDragStop: %j", S), this.dragging = !1, this.lastX = NaN, this.lastY = NaN, y && ((0, i.default)("DraggableCore: Removing handlers"), (0, r.removeEvent)(y.ownerDocument, v.move, this.handleDrag), (0, r.removeEvent)(y.ownerDocument, v.stop, this.handleDragStop));
-      }), f(this, "onMouseDown", (w) => (v = h.mouse, this.handleDragStart(w))), f(this, "onMouseUp", (w) => (v = h.mouse, this.handleDragStop(w))), f(this, "onTouchStart", (w) => (v = h.touch, this.handleDragStart(w))), f(this, "onTouchEnd", (w) => (v = h.touch, this.handleDragStop(w)));
+        const w = (0, a.createCoreData)(this, E, y);
+        if (this.props.onStop(S, w) === !1 || this.mounted === !1) return !1;
+        const v = this.findDOMNode();
+        v && this.props.enableUserSelectHack && (0, r.scheduleRemoveUserSelectStyles)(v.ownerDocument), (0, i.default)("DraggableCore: handleDragStop: %j", w), this.dragging = !1, this.lastX = NaN, this.lastY = NaN, v && ((0, i.default)("DraggableCore: Removing handlers"), (0, r.removeEvent)(v.ownerDocument, m.move, this.handleDrag), (0, r.removeEvent)(v.ownerDocument, m.stop, this.handleDragStop));
+      }), x(this, "onMouseDown", (S) => (m = f.mouse, this.handleDragStart(S))), x(this, "onMouseUp", (S) => (m = f.mouse, this.handleDragStop(S))), x(this, "onTouchStart", (S) => (m = f.touch, this.handleDragStart(S))), x(this, "onTouchEnd", (S) => (m = f.touch, this.handleDragStop(S)));
     }
     componentDidMount() {
       this.mounted = !0;
-      const w = this.findDOMNode();
-      w && (0, r.addEvent)(w, h.touch.start, this.onTouchStart, {
+      const S = this.findDOMNode();
+      S && (0, r.addEvent)(S, f.touch.start, this.onTouchStart, {
         passive: !1
       });
     }
     componentWillUnmount() {
       this.mounted = !1;
-      const w = this.findDOMNode();
-      if (w) {
+      const S = this.findDOMNode();
+      if (S) {
         const {
           ownerDocument: C
-        } = w;
-        (0, r.removeEvent)(C, h.mouse.move, this.handleDrag), (0, r.removeEvent)(C, h.touch.move, this.handleDrag), (0, r.removeEvent)(C, h.mouse.stop, this.handleDragStop), (0, r.removeEvent)(C, h.touch.stop, this.handleDragStop), (0, r.removeEvent)(w, h.touch.start, this.onTouchStart, {
+        } = S;
+        (0, r.removeEvent)(C, f.mouse.move, this.handleDrag), (0, r.removeEvent)(C, f.touch.move, this.handleDrag), (0, r.removeEvent)(C, f.mouse.stop, this.handleDragStop), (0, r.removeEvent)(C, f.touch.stop, this.handleDragStop), (0, r.removeEvent)(S, f.touch.start, this.onTouchStart, {
           passive: !1
         }), this.props.enableUserSelectHack && (0, r.scheduleRemoveUserSelectStyles)(C);
       }
@@ -5359,8 +5368,8 @@ function Ri() {
     // React Strict Mode compatibility: if `nodeRef` is passed, we will use it instead of trying to find
     // the underlying DOM node ourselves. See the README for more information.
     findDOMNode() {
-      var w, C, E;
-      return (w = this.props) != null && w.nodeRef ? (E = (C = this.props) == null ? void 0 : C.nodeRef) == null ? void 0 : E.current : o.default.findDOMNode(this);
+      var S, C, E;
+      return (S = this.props) != null && S.nodeRef ? (E = (C = this.props) == null ? void 0 : C.nodeRef) == null ? void 0 : E.current : o.default.findDOMNode(this);
     }
     render() {
       return /* @__PURE__ */ e.cloneElement(e.Children.only(this.props.children), {
@@ -5375,7 +5384,7 @@ function Ri() {
       });
     }
   };
-  return tt.default = j, f(j, "displayName", "DraggableCore"), f(j, "propTypes", {
+  return tt.default = j, x(j, "displayName", "DraggableCore"), x(j, "propTypes", {
     /**
      * `allowAnyClick` allows dragging using any mouse button.
      * By default, we only accept the left button.
@@ -5407,8 +5416,8 @@ function Ri() {
      * `offsetParent`, if set, uses the passed DOM node to compute drag offsets
      * instead of using the parent node.
      */
-    offsetParent: function(T, w) {
-      if (T[w] && T[w].nodeType !== 1)
+    offsetParent: function(T, S) {
+      if (T[S] && T[S].nodeType !== 1)
         throw new Error("Draggable's offsetParent must be a DOM Node.");
     },
     /**
@@ -5505,7 +5514,7 @@ function Ri() {
     className: s.dontSetMe,
     style: s.dontSetMe,
     transform: s.dontSetMe
-  }), f(j, "defaultProps", {
+  }), x(j, "defaultProps", {
     allowAnyClick: !1,
     // by default only accept left click
     allowMobileScroll: !1,
@@ -5533,17 +5542,17 @@ function Oi() {
         return l.default;
       }
     }), e.default = void 0;
-    var n = p(ot), o = x(/* @__PURE__ */ gr()), r = x(Yn), a = ki(), s = Xt(), i = pr(), c = bt(), l = x(Ri()), f = x(hr());
-    function x(C) {
+    var n = p(ot), o = h(/* @__PURE__ */ gr()), r = h(Yn), a = ki(), s = Xt(), i = pr(), c = bt(), l = h(Ri()), x = h(xr());
+    function h(C) {
       return C && C.__esModule ? C : { default: C };
     }
     function p(C, E) {
-      if (typeof WeakMap == "function") var m = /* @__PURE__ */ new WeakMap(), S = /* @__PURE__ */ new WeakMap();
-      return (p = function(d, y) {
-        if (!y && d && d.__esModule) return d;
+      if (typeof WeakMap == "function") var y = /* @__PURE__ */ new WeakMap(), w = /* @__PURE__ */ new WeakMap();
+      return (p = function(d, v) {
+        if (!v && d && d.__esModule) return d;
         var u, b, k = { __proto__: null, default: d };
         if (d === null || typeof d != "object" && typeof d != "function") return k;
-        if (u = y ? S : m) {
+        if (u = v ? w : y) {
           if (u.has(d)) return u.get(d);
           u.set(d, k);
         }
@@ -5551,17 +5560,17 @@ function Oi() {
         return k;
       })(C, E);
     }
-    function h() {
-      return h = Object.assign ? Object.assign.bind() : function(C) {
+    function f() {
+      return f = Object.assign ? Object.assign.bind() : function(C) {
         for (var E = 1; E < arguments.length; E++) {
-          var m = arguments[E];
-          for (var S in m) ({}).hasOwnProperty.call(m, S) && (C[S] = m[S]);
+          var y = arguments[E];
+          for (var w in y) ({}).hasOwnProperty.call(y, w) && (C[w] = y[w]);
         }
         return C;
-      }, h.apply(null, arguments);
+      }, f.apply(null, arguments);
     }
-    function v(C, E, m) {
-      return (E = j(E)) in C ? Object.defineProperty(C, E, { value: m, enumerable: !0, configurable: !0, writable: !0 }) : C[E] = m, C;
+    function m(C, E, y) {
+      return (E = j(E)) in C ? Object.defineProperty(C, E, { value: y, enumerable: !0, configurable: !0, writable: !0 }) : C[E] = y, C;
     }
     function j(C) {
       var E = T(C, "string");
@@ -5569,45 +5578,45 @@ function Oi() {
     }
     function T(C, E) {
       if (typeof C != "object" || !C) return C;
-      var m = C[Symbol.toPrimitive];
-      if (m !== void 0) {
-        var S = m.call(C, E);
-        if (typeof S != "object") return S;
+      var y = C[Symbol.toPrimitive];
+      if (y !== void 0) {
+        var w = y.call(C, E);
+        if (typeof w != "object") return w;
         throw new TypeError("@@toPrimitive must return a primitive value.");
       }
       return (E === "string" ? String : Number)(C);
     }
-    class w extends n.Component {
+    class S extends n.Component {
       // React 16.3+
       // Arity (props, state)
-      static getDerivedStateFromProps(E, m) {
+      static getDerivedStateFromProps(E, y) {
         let {
-          position: S
+          position: w
         } = E, {
           prevPropsPosition: d
-        } = m;
-        return S && (!d || S.x !== d.x || S.y !== d.y) ? ((0, f.default)("Draggable: getDerivedStateFromProps %j", {
-          position: S,
+        } = y;
+        return w && (!d || w.x !== d.x || w.y !== d.y) ? ((0, x.default)("Draggable: getDerivedStateFromProps %j", {
+          position: w,
           prevPropsPosition: d
         }), {
-          x: S.x,
-          y: S.y,
+          x: w.x,
+          y: w.y,
           prevPropsPosition: {
-            ...S
+            ...w
           }
         }) : null;
       }
       constructor(E) {
-        super(E), v(this, "onDragStart", (m, S) => {
-          if ((0, f.default)("Draggable: onDragStart: %j", S), this.props.onStart(m, (0, i.createDraggableData)(this, S)) === !1) return !1;
+        super(E), m(this, "onDragStart", (y, w) => {
+          if ((0, x.default)("Draggable: onDragStart: %j", w), this.props.onStart(y, (0, i.createDraggableData)(this, w)) === !1) return !1;
           this.setState({
             dragging: !0,
             dragged: !0
           });
-        }), v(this, "onDrag", (m, S) => {
+        }), m(this, "onDrag", (y, w) => {
           if (!this.state.dragging) return !1;
-          (0, f.default)("Draggable: onDrag: %j", S);
-          const d = (0, i.createDraggableData)(this, S), y = {
+          (0, x.default)("Draggable: onDrag: %j", w);
+          const d = (0, i.createDraggableData)(this, w), v = {
             x: d.x,
             y: d.y,
             slackX: 0,
@@ -5617,17 +5626,17 @@ function Oi() {
             const {
               x: b,
               y: k
-            } = y;
-            y.x += this.state.slackX, y.y += this.state.slackY;
-            const [D, R] = (0, i.getBoundPosition)(this, y.x, y.y);
-            y.x = D, y.y = R, y.slackX = this.state.slackX + (b - y.x), y.slackY = this.state.slackY + (k - y.y), d.x = y.x, d.y = y.y, d.deltaX = y.x - this.state.x, d.deltaY = y.y - this.state.y;
+            } = v;
+            v.x += this.state.slackX, v.y += this.state.slackY;
+            const [D, R] = (0, i.getBoundPosition)(this, v.x, v.y);
+            v.x = D, v.y = R, v.slackX = this.state.slackX + (b - v.x), v.slackY = this.state.slackY + (k - v.y), d.x = v.x, d.y = v.y, d.deltaX = v.x - this.state.x, d.deltaY = v.y - this.state.y;
           }
-          if (this.props.onDrag(m, d) === !1) return !1;
-          this.setState(y);
-        }), v(this, "onDragStop", (m, S) => {
-          if (!this.state.dragging || this.props.onStop(m, (0, i.createDraggableData)(this, S)) === !1) return !1;
-          (0, f.default)("Draggable: onDragStop: %j", S);
-          const y = {
+          if (this.props.onDrag(y, d) === !1) return !1;
+          this.setState(v);
+        }), m(this, "onDragStop", (y, w) => {
+          if (!this.state.dragging || this.props.onStop(y, (0, i.createDraggableData)(this, w)) === !1) return !1;
+          (0, x.default)("Draggable: onDragStop: %j", w);
+          const v = {
             dragging: !1,
             slackX: 0,
             slackY: 0
@@ -5637,9 +5646,9 @@ function Oi() {
               x: b,
               y: k
             } = this.props.position;
-            y.x = b, y.y = k;
+            v.x = b, v.y = k;
           }
-          this.setState(y);
+          this.setState(v);
         }), this.state = {
           // Whether or not we are currently dragging.
           dragging: !1,
@@ -5671,16 +5680,16 @@ function Oi() {
       // React Strict Mode compatibility: if `nodeRef` is passed, we will use it instead of trying to find
       // the underlying DOM node ourselves. See the README for more information.
       findDOMNode() {
-        var E, m;
-        return ((m = (E = this.props) == null ? void 0 : E.nodeRef) == null ? void 0 : m.current) ?? r.default.findDOMNode(this);
+        var E, y;
+        return ((y = (E = this.props) == null ? void 0 : E.nodeRef) == null ? void 0 : y.current) ?? r.default.findDOMNode(this);
       }
       render() {
         const {
           axis: E,
-          bounds: m,
-          children: S,
+          bounds: y,
+          children: w,
           defaultPosition: d,
-          defaultClassName: y,
+          defaultClassName: v,
           defaultClassNameDragging: u,
           defaultClassNameDragged: b,
           position: k,
@@ -5688,33 +5697,33 @@ function Oi() {
           scale: R,
           ...U
         } = this.props;
-        let $ = {}, Y = null;
-        const P = !!!k || this.state.dragging, I = k || d, Z = {
+        let $ = {}, V = null;
+        const P = !!!k || this.state.dragging, F = k || d, Z = {
           // Set left if horizontal drag is enabled
-          x: (0, i.canDragX)(this) && P ? this.state.x : I.x,
+          x: (0, i.canDragX)(this) && P ? this.state.x : F.x,
           // Set top if vertical drag is enabled
-          y: (0, i.canDragY)(this) && P ? this.state.y : I.y
+          y: (0, i.canDragY)(this) && P ? this.state.y : F.y
         };
-        this.state.isElementSVG ? Y = (0, s.createSVGTransform)(Z, D) : $ = (0, s.createCSSTransform)(Z, D);
-        const K = (0, a.clsx)(S.props.className || "", y, {
+        this.state.isElementSVG ? V = (0, s.createSVGTransform)(Z, D) : $ = (0, s.createCSSTransform)(Z, D);
+        const K = (0, a.clsx)(w.props.className || "", v, {
           [u]: this.state.dragging,
           [b]: this.state.dragged
         });
-        return /* @__PURE__ */ n.createElement(l.default, h({}, U, {
+        return /* @__PURE__ */ n.createElement(l.default, f({}, U, {
           onStart: this.onDragStart,
           onDrag: this.onDrag,
           onStop: this.onDragStop
-        }), /* @__PURE__ */ n.cloneElement(n.Children.only(S), {
+        }), /* @__PURE__ */ n.cloneElement(n.Children.only(w), {
           className: K,
           style: {
-            ...S.props.style,
+            ...w.props.style,
             ...$
           },
-          transform: Y
+          transform: V
         }));
       }
     }
-    e.default = w, v(w, "displayName", "Draggable"), v(w, "propTypes", {
+    e.default = S, m(S, "displayName", "Draggable"), m(S, "propTypes", {
       // Accepts all props <DraggableCore> accepts.
       ...l.default.propTypes,
       /**
@@ -5821,7 +5830,7 @@ function Oi() {
       className: c.dontSetMe,
       style: c.dontSetMe,
       transform: c.dontSetMe
-    }), v(w, "defaultProps", {
+    }), m(S, "defaultProps", {
       ...l.default.defaultProps,
       axis: "both",
       bounds: !1,
@@ -5855,12 +5864,12 @@ const Mi = /* @__PURE__ */ eo(Li), Ni = ({ children: e, usePopover: n, ...o }) =
     x: 0,
     y: 250,
     maxY: window.innerHeight - 200
-  }), [s, i] = H(!1), [c, l] = H(!1), f = se(), x = se(null), p = se(null), h = se(null), v = se({
+  }), [s, i] = H(!1), [c, l] = H(!1), x = se(), h = se(null), p = se(null), f = se(null), m = se({
     x: 0,
     y: 0
-  }), { widgetProps: j, setOpenWidget: T, isFirstOpenWidget: w, setFirstOpenWidget: C } = ue(), { onSendMsg: E, connected: m, isHandshakeWidget: S } = je(), d = () => {
+  }), { widgetProps: j, setOpenWidget: T, isFirstOpenWidget: S, setFirstOpenWidget: C } = ue(), { onSendMsg: E, connected: y, isHandshakeWidget: w } = je(), d = () => {
     T(!0), E({ msg: j == null ? void 0 : j.getStartedPayload });
-  }, y = () => {
+  }, v = () => {
     const k = window.innerHeight;
     a({
       x: 0,
@@ -5869,25 +5878,25 @@ const Mi = /* @__PURE__ */ eo(Li), Ni = ({ children: e, usePopover: n, ...o }) =
       maxY: k - 200
     });
   }, u = () => {
-    clearTimeout(x.current), clearTimeout(p.current), s && (h.current.style.right = "0px"), s || (h.current.style.right = "-25px", x.current = setTimeout(() => {
-      i(!0), h.current.style.right = "0px";
+    clearTimeout(h.current), clearTimeout(p.current), s && (f.current.style.right = "0px"), s || (f.current.style.right = "-25px", h.current = setTimeout(() => {
+      i(!0), f.current.style.right = "0px";
     }, 300));
   }, b = () => {
-    clearTimeout(p.current), s && (h.current.style.right = "-15px", p.current = setTimeout(() => {
-      i(!1), h.current.style.right = "-28px";
+    clearTimeout(p.current), s && (f.current.style.right = "-15px", p.current = setTimeout(() => {
+      i(!1), f.current.style.right = "-28px";
     }, 2500));
   };
   return ge(() => {
-    o(!m), window.clearTimeout(f.current), f.current = setTimeout(() => {
+    o(!y), window.clearTimeout(x.current), x.current = setTimeout(() => {
       o(!1);
     }, 3e3);
-  }, [m]), ge(() => (y(), window.addEventListener("resize", y), () => {
-    window.removeEventListener("resize", y);
+  }, [y]), ge(() => (v(), window.addEventListener("resize", v), () => {
+    window.removeEventListener("resize", v);
   }), []), /* @__PURE__ */ t.jsx(
     Ni,
     {
-      usePopover: n && S === "show",
-      open: n && S === "show",
+      usePopover: n && w === "show",
+      open: n && w === "show",
       content: e,
       placement: "right",
       children: /* @__PURE__ */ t.jsx(
@@ -5900,7 +5909,7 @@ const Mi = /* @__PURE__ */ eo(Li), Ni = ({ children: e, usePopover: n, ...o }) =
           handle: ".w-handler-launcher-widget",
           axis: "y",
           onDrag: (k, D) => {
-            const R = Math.abs(D.x - v.current.x), U = Math.abs(D.y - v.current.y);
+            const R = Math.abs(D.x - m.current.x), U = Math.abs(D.y - m.current.y);
             (R > 3 || U > 3) && l(!0), a(($) => ({
               ...$,
               y: D.y
@@ -5911,15 +5920,15 @@ const Mi = /* @__PURE__ */ eo(Li), Ni = ({ children: e, usePopover: n, ...o }) =
             y: r == null ? void 0 : r.y
           },
           onStart: (k, D) => {
-            v.current = { x: D.x, y: D.y }, l(!1);
+            m.current = { x: D.x, y: D.y }, l(!1);
           },
           children: /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
             "div",
             {
-              ref: h,
+              ref: f,
               className: `w-launcher-container w-handler-launcher-widget ${s ? "w-show-launcher" : "w-hide-launcher"}`,
               onClick: () => {
-                c || (w || (C(!0), d()), T(!0));
+                c || (S || (C(!0), d()), T(!0));
               },
               onMouseOver: () => {
                 u();
@@ -5942,7 +5951,7 @@ const Mi = /* @__PURE__ */ eo(Li), Ni = ({ children: e, usePopover: n, ...o }) =
       )
     }
   );
-}, Ii = B(Fi), $i = () => {
+}, Ii = Y(Fi), $i = () => {
   const e = M("NotConnected", "Not Connected"), n = M(
     "CannotAutoReconnect",
     "Cannot auto reconnect"
@@ -5977,18 +5986,18 @@ const Mi = /* @__PURE__ */ eo(Li), Ni = ({ children: e, usePopover: n, ...o }) =
       open: !s && r
     }
   );
-}, Hi = B(
+}, Hi = Y(
   $i
 ), Ui = () => {
   const { xs: e } = Re.useBreakpoint(), [n, o] = H(!1), { isOpenWidget: r, widgetProps: a } = ue(), { isActiveTabVA: s } = Me(), i = se(null), c = z(() => {
-    var x;
-    const f = [At];
-    return e && (a != null && a.isSF ? f == null || f.push(`${At}-sf-mobile`) : f == null || f.push(`${At}-mobile`)), (x = f == null ? void 0 : f.filter(Boolean)) == null ? void 0 : x.join(" ");
+    var h;
+    const x = [At];
+    return e && (a != null && a.isSF ? x == null || x.push(`${At}-sf-mobile`) : x == null || x.push(`${At}-mobile`)), (h = x == null ? void 0 : x.filter(Boolean)) == null ? void 0 : h.join(" ");
   }, [e, a == null ? void 0 : a.isSF]), l = Ir(
-    (f) => {
+    (x) => {
       var p;
-      const x = [f, Ot == null ? void 0 : Ot.FADE_IN];
-      return a != null && a.isSF && (x == null || x.push(`${f}-sf`)), e && (a != null && a.isSF ? x == null || x.push(`${f}-sf-mobile`) : x == null || x.push(`${f}-mobile`)), (p = x == null ? void 0 : x.filter(Boolean)) == null ? void 0 : p.join(" ");
+      const h = [x, Ot == null ? void 0 : Ot.FADE_IN];
+      return a != null && a.isSF && (h == null || h.push(`${x}-sf`)), e && (a != null && a.isSF ? h == null || h.push(`${x}-sf-mobile`) : h == null || h.push(`${x}-mobile`)), (p = h == null ? void 0 : h.filter(Boolean)) == null ? void 0 : p.join(" ");
     },
     [a == null ? void 0 : a.isSF, e]
   );
@@ -6004,14 +6013,14 @@ const Mi = /* @__PURE__ */ eo(Li), Ni = ({ children: e, usePopover: n, ...o }) =
     /* @__PURE__ */ t.jsx("div", { style: { display: s ? "none" : "block" }, children: /* @__PURE__ */ t.jsx("div", { className: l(po), children: /* @__PURE__ */ t.jsx(Ms, { children: /* @__PURE__ */ t.jsx(Os, { children: /* @__PURE__ */ t.jsx(Ti, {}) }) }) }) }),
     /* @__PURE__ */ t.jsx(Hi, {})
   ] }) : /* @__PURE__ */ t.jsx(Ii, {});
-}, Wi = B(Ui), Bi = ({ items: e, ...n }) => Pe != null && Pe.startsWith("5") || Xe != null && Xe.startsWith("18") ? /* @__PURE__ */ t.jsx(wt, { ...n, items: e }) : /* @__PURE__ */ t.jsx(wt, { ...n, children: e == null ? void 0 : e.map(({ ...o }) => /* @__PURE__ */ Ht(
+}, Wi = Y(Ui), Bi = ({ items: e, ...n }) => Pe != null && Pe.startsWith("5") || Xe != null && Xe.startsWith("18") ? /* @__PURE__ */ t.jsx(wt, { ...n, items: e }) : /* @__PURE__ */ t.jsx(wt, { ...n, children: e == null ? void 0 : e.map(({ ...o }) => /* @__PURE__ */ Ht(
   wt.TabPane,
   {
     ...o,
     key: o == null ? void 0 : o.key,
     tab: o == null ? void 0 : o.label
   }
-)) }), Yi = B(Bi), Vi = () => {
+)) }), Yi = Y(Bi), Vi = () => {
   const { isOpenWidget: e, isUserInputHide: n } = ue(), { setActiveTab: o, activeTab: r } = Me(), a = M(
     "VirtualAssistant",
     "Virtual Assistant"
@@ -6051,7 +6060,7 @@ const Mi = /* @__PURE__ */ eo(Li), Ni = ({ children: e, usePopover: n, ...o }) =
       )
     }
   ) : null;
-}, zi = B(Vi), Gi = () => {
+}, zi = Y(Vi), Gi = () => {
   const { isOpenWidget: e, setOpenWidget: n, setExpand: o, isExpand: r, widgetProps: a } = ue(), { xs: s } = Re.useBreakpoint(), i = z(() => {
     const { title: c = "", modelName: l = "" } = a;
     return l ? `${c} (${l})` : c;
@@ -6097,7 +6106,7 @@ const Mi = /* @__PURE__ */ eo(Li), Ni = ({ children: e, usePopover: n, ...o }) =
       ]
     }
   ) : null;
-}, qi = B(Gi), Ki = () => {
+}, qi = Y(Gi), Ki = () => {
   const { isExpand: e, isOpenWidget: n, isFirstOpenWidget: o, setOpenWidget: r } = ue(), { xs: a } = Re.useBreakpoint(), s = z(() => {
     var c;
     const i = [
@@ -6125,7 +6134,7 @@ const Mi = /* @__PURE__ */ eo(Li), Ni = ({ children: e, usePopover: n, ...o }) =
       ]
     }
   );
-}, Pi = B(Ki), ua = ({
+}, Pi = Y(Ki), ua = ({
   getStartedPayload: e,
   socketURL: n,
   socketPath: o,
@@ -6135,7 +6144,7 @@ const Mi = /* @__PURE__ */ eo(Li), Ni = ({ children: e, usePopover: n, ...o }) =
   keyEncrypt: i,
   history: c,
   modelName: l,
-  isSF: f = !1
+  isSF: x = !1
 }) => /* @__PURE__ */ t.jsx(
   So,
   {
@@ -6148,7 +6157,7 @@ const Mi = /* @__PURE__ */ eo(Li), Ni = ({ children: e, usePopover: n, ...o }) =
     keyEncrypt: i,
     history: c,
     modelName: l,
-    isSF: f,
+    isSF: x,
     children: /* @__PURE__ */ t.jsx(_o, { children: /* @__PURE__ */ t.jsx(Pi, {}) })
   }
 );