widget-chatbot 2.0.0-alpha.8 → 2.0.0-alpha.9

package/dist/widget-chatbot.es.js

@@ -1,7 +1,7 @@
-import Jn, { version as Bt, createContext as Ee, useContext as ye, useState as N, useRef as K, useMemo as L, useEffect as X, memo as A, Children as Ut, isValidElement as Wt, cloneElement as Vt, Fragment as gn, createElement as mn, useCallback as zt } from "react";
+import mn, { version as Bt, createContext as Te, useContext as ye, useState as D, useRef as z, useMemo as R, useEffect as Z, memo as O, Children as Ut, isValidElement as Wt, cloneElement as Vt, Fragment as gn, createElement as bn, useCallback as Gt } from "react";
 import Re from "axios";
 import le from "dayjs";
-import { version as Yt, Modal as In, Typography as V, Button as W, Form as oe, notification as me, Radio as Gt, Divider as Kt, Input as Be, Image as qt, Skeleton as de, Avatar as Qn, Upload as Zn, Tooltip as Se, Tag as Jt, Badge as Qt, Grid as ge, Empty as Xn, Popover as bn, Mentions as Bn, Select as Un, DatePicker as Zt, Result as Xt, Tabs as cn } from "antd";
+import { version as zt, Modal as Bn, Typography as Y, Button as G, Form as oe, notification as Ce, Radio as Yt, Divider as Kt, Input as Be, Image as qt, Skeleton as de, Avatar as Qn, Upload as Zn, Tooltip as Se, Tag as Jt, Badge as Qt, Grid as ge, Empty as Xn, Popover as vn, Mentions as Un, Select as Wn, DatePicker as Zt, Result as Xt, Tabs as cn } from "antd";
 import { io as Pt } from "socket.io-client";
 import es from "react-markdown";
 import ns from "remark-gfm";
@@ -9,29 +9,29 @@ import { Prism as ts } from "react-syntax-highlighter";
 import ss from "@ant-design/icons";
 import { Pie as rs } from "@ant-design/charts";
 import pe from "crypto-js";
-import os from "@emoji-mart/react";
+import { Picker as os } from "emoji-mart";
 var Je = { exports: {} }, _e = {};
 /*
 object-assign
 (c) Sindre Sorhus
 @license MIT
 */
-var ln, Wn;
+var ln, Vn;
 function Pn() {
-  if (Wn) return ln;
-  Wn = 1;
+  if (Vn) return ln;
+  Vn = 1;
   var e = Object.getOwnPropertySymbols, t = Object.prototype.hasOwnProperty, s = Object.prototype.propertyIsEnumerable;
-  function r(l) {
-    if (l == null)
+  function r(c) {
+    if (c == null)
       throw new TypeError("Object.assign cannot be called with null or undefined");
-    return Object(l);
+    return Object(c);
   }
-  function c() {
+  function i() {
     try {
       if (!Object.assign)
         return !1;
-      var l = new String("abc");
-      if (l[5] = "de", Object.getOwnPropertyNames(l)[0] === "5")
+      var c = new String("abc");
+      if (c[5] = "de", Object.getOwnPropertyNames(c)[0] === "5")
         return !1;
       for (var o = {}, a = 0; a < 10; a++)
         o["_" + String.fromCharCode(a)] = a;
@@ -48,15 +48,15 @@ function Pn() {
       return !1;
     }
   }
-  return ln = c() ? Object.assign : function(l, o) {
-    for (var a, d = r(l), u, f = 1; f < arguments.length; f++) {
+  return ln = i() ? Object.assign : function(c, o) {
+    for (var a, d = r(c), u, f = 1; f < arguments.length; f++) {
       a = Object(arguments[f]);
-      for (var g in a)
-        t.call(a, g) && (d[g] = a[g]);
+      for (var x in a)
+        t.call(a, x) && (d[x] = a[x]);
       if (e) {
         u = e(a);
-        for (var m = 0; m < u.length; m++)
-          s.call(a, u[m]) && (d[u[m]] = a[u[m]]);
+        for (var g = 0; g < u.length; g++)
+          s.call(a, u[g]) && (d[u[g]] = a[u[g]]);
       }
     }
     return d;
@@ -70,22 +70,22 @@ function Pn() {
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Vn;
+var Gn;
 function cs() {
-  if (Vn) return _e;
-  Vn = 1, Pn();
-  var e = Jn, t = 60103;
+  if (Gn) return _e;
+  Gn = 1, Pn();
+  var e = mn, t = 60103;
   if (_e.Fragment = 60107, typeof Symbol == "function" && Symbol.for) {
     var s = Symbol.for;
     t = s("react.element"), _e.Fragment = s("react.fragment");
   }
-  var r = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, c = Object.prototype.hasOwnProperty, l = { key: !0, ref: !0, __self: !0, __source: !0 };
+  var r = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = Object.prototype.hasOwnProperty, c = { key: !0, ref: !0, __self: !0, __source: !0 };
   function o(a, d, u) {
-    var f, g = {}, m = null, v = null;
-    u !== void 0 && (m = "" + u), d.key !== void 0 && (m = "" + d.key), d.ref !== void 0 && (v = d.ref);
-    for (f in d) c.call(d, f) && !l.hasOwnProperty(f) && (g[f] = d[f]);
-    if (a && a.defaultProps) for (f in d = a.defaultProps, d) g[f] === void 0 && (g[f] = d[f]);
-    return { $$typeof: t, type: a, key: m, ref: v, props: g, _owner: r.current };
+    var f, x = {}, g = null, b = null;
+    u !== void 0 && (g = "" + u), d.key !== void 0 && (g = "" + d.key), d.ref !== void 0 && (b = d.ref);
+    for (f in d) i.call(d, f) && !c.hasOwnProperty(f) && (x[f] = d[f]);
+    if (a && a.defaultProps) for (f in d = a.defaultProps, d) x[f] === void 0 && (x[f] = d[f]);
+    return { $$typeof: t, type: a, key: g, ref: b, props: x, _owner: r.current };
   }
   return _e.jsx = o, _e.jsxs = o, _e;
 }
@@ -102,88 +102,88 @@ var zn;
 function is() {
   return zn || (zn = 1, function(e) {
     process.env.NODE_ENV !== "production" && function() {
-      var t = Jn, s = Pn(), r = 60103, c = 60106;
+      var t = mn, s = Pn(), r = 60103, i = 60106;
       e.Fragment = 60107;
-      var l = 60108, o = 60114, a = 60109, d = 60110, u = 60112, f = 60113, g = 60120, m = 60115, v = 60116, E = 60121, k = 60122, w = 60117, y = 60129, C = 60131;
+      var c = 60108, o = 60114, a = 60109, d = 60110, u = 60112, f = 60113, x = 60120, g = 60115, b = 60116, y = 60121, w = 60122, A = 60117, p = 60129, E = 60131;
       if (typeof Symbol == "function" && Symbol.for) {
-        var x = Symbol.for;
-        r = x("react.element"), c = x("react.portal"), e.Fragment = x("react.fragment"), l = x("react.strict_mode"), o = x("react.profiler"), a = x("react.provider"), d = x("react.context"), u = x("react.forward_ref"), f = x("react.suspense"), g = x("react.suspense_list"), m = x("react.memo"), v = x("react.lazy"), E = x("react.block"), k = x("react.server.block"), w = x("react.fundamental"), x("react.scope"), x("react.opaque.id"), y = x("react.debug_trace_mode"), x("react.offscreen"), C = x("react.legacy_hidden");
+        var h = Symbol.for;
+        r = h("react.element"), i = h("react.portal"), e.Fragment = h("react.fragment"), c = h("react.strict_mode"), o = h("react.profiler"), a = h("react.provider"), d = h("react.context"), u = h("react.forward_ref"), f = h("react.suspense"), x = h("react.suspense_list"), g = h("react.memo"), b = h("react.lazy"), y = h("react.block"), w = h("react.server.block"), A = h("react.fundamental"), h("react.scope"), h("react.opaque.id"), p = h("react.debug_trace_mode"), h("react.offscreen"), E = h("react.legacy_hidden");
       }
-      var b = typeof Symbol == "function" && Symbol.iterator, h = "@@iterator";
-      function D(i) {
-        if (i === null || typeof i != "object")
+      var m = typeof Symbol == "function" && Symbol.iterator, v = "@@iterator";
+      function C(l) {
+        if (l === null || typeof l != "object")
           return null;
-        var T = b && i[b] || i[h];
+        var T = m && l[m] || l[v];
         return typeof T == "function" ? T : null;
       }
-      var O = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-      function _(i) {
+      var j = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+      function S(l) {
         {
-          for (var T = arguments.length, p = new Array(T > 1 ? T - 1 : 0), R = 1; R < T; R++)
-            p[R - 1] = arguments[R];
-          q("error", i, p);
+          for (var T = arguments.length, k = new Array(T > 1 ? T - 1 : 0), N = 1; N < T; N++)
+            k[N - 1] = arguments[N];
+          I("error", l, k);
         }
       }
-      function q(i, T, p) {
+      function I(l, T, k) {
         {
-          var R = O.ReactDebugCurrentFrame, G = R.getStackAddendum();
-          G !== "" && (T += "%s", p = p.concat([G]));
-          var z = p.map(function($) {
-            return "" + $;
+          var N = j.ReactDebugCurrentFrame, J = N.getStackAddendum();
+          J !== "" && (T += "%s", k = k.concat([J]));
+          var K = k.map(function(W) {
+            return "" + W;
           });
-          z.unshift("Warning: " + T), Function.prototype.apply.call(console[i], console, z);
+          K.unshift("Warning: " + T), Function.prototype.apply.call(console[l], console, K);
         }
       }
-      var Y = !1;
-      function B(i) {
-        return !!(typeof i == "string" || typeof i == "function" || i === e.Fragment || i === o || i === y || i === l || i === f || i === g || i === C || Y || typeof i == "object" && i !== null && (i.$$typeof === v || i.$$typeof === m || i.$$typeof === a || i.$$typeof === d || i.$$typeof === u || i.$$typeof === w || i.$$typeof === E || i[0] === k));
+      var B = !1;
+      function M(l) {
+        return !!(typeof l == "string" || typeof l == "function" || l === e.Fragment || l === o || l === p || l === c || l === f || l === x || l === E || B || typeof l == "object" && l !== null && (l.$$typeof === b || l.$$typeof === g || l.$$typeof === a || l.$$typeof === d || l.$$typeof === u || l.$$typeof === A || l.$$typeof === y || l[0] === w));
       }
-      function S(i, T, p) {
-        var R = T.displayName || T.name || "";
-        return i.displayName || (R !== "" ? p + "(" + R + ")" : p);
+      function L(l, T, k) {
+        var N = T.displayName || T.name || "";
+        return l.displayName || (N !== "" ? k + "(" + N + ")" : k);
       }
-      function M(i) {
-        return i.displayName || "Context";
+      function F(l) {
+        return l.displayName || "Context";
       }
-      function I(i) {
-        if (i == null)
+      function $(l) {
+        if (l == null)
           return null;
-        if (typeof i.tag == "number" && _("Received an unexpected object in getComponentName(). This is likely a bug in React. Please file an issue."), typeof i == "function")
-          return i.displayName || i.name || null;
-        if (typeof i == "string")
-          return i;
-        switch (i) {
+        if (typeof l.tag == "number" && S("Received an unexpected object in getComponentName(). This is likely a bug in React. Please file an issue."), typeof l == "function")
+          return l.displayName || l.name || null;
+        if (typeof l == "string")
+          return l;
+        switch (l) {
           case e.Fragment:
             return "Fragment";
-          case c:
+          case i:
             return "Portal";
           case o:
             return "Profiler";
-          case l:
+          case c:
             return "StrictMode";
           case f:
             return "Suspense";
-          case g:
+          case x:
             return "SuspenseList";
         }
-        if (typeof i == "object")
-          switch (i.$$typeof) {
+        if (typeof l == "object")
+          switch (l.$$typeof) {
             case d:
-              var T = i;
-              return M(T) + ".Consumer";
+              var T = l;
+              return F(T) + ".Consumer";
             case a:
-              var p = i;
-              return M(p._context) + ".Provider";
+              var k = l;
+              return F(k._context) + ".Provider";
             case u:
-              return S(i, i.render, "ForwardRef");
-            case m:
-              return I(i.type);
-            case E:
-              return I(i._render);
-            case v: {
-              var R = i, G = R._payload, z = R._init;
+              return L(l, l.render, "ForwardRef");
+            case g:
+              return $(l.type);
+            case y:
+              return $(l._render);
+            case b: {
+              var N = l, J = N._payload, K = N._init;
               try {
-                return I(z(G));
+                return $(K(J));
               } catch {
                 return null;
               }
@@ -191,465 +191,465 @@ function is() {
           }
         return null;
       }
-      var F = 0, U, J, Z, se, ee, ae, ce;
+      var H = 0, V, Q, X, se, ee, ae, ce;
       function Ne() {
       }
       Ne.__reactDisabledLog = !0;
       function Ve() {
         {
-          if (F === 0) {
-            U = console.log, J = console.info, Z = console.warn, se = console.error, ee = console.group, ae = console.groupCollapsed, ce = console.groupEnd;
-            var i = {
+          if (H === 0) {
+            V = console.log, Q = console.info, X = console.warn, se = console.error, ee = console.group, ae = console.groupCollapsed, ce = console.groupEnd;
+            var l = {
               configurable: !0,
               enumerable: !0,
               value: Ne,
               writable: !0
             };
             Object.defineProperties(console, {
-              info: i,
-              log: i,
-              warn: i,
-              error: i,
-              group: i,
-              groupCollapsed: i,
-              groupEnd: i
+              info: l,
+              log: l,
+              warn: l,
+              error: l,
+              group: l,
+              groupCollapsed: l,
+              groupEnd: l
             });
           }
-          F++;
+          H++;
         }
       }
-      function ze() {
+      function Ge() {
         {
-          if (F--, F === 0) {
-            var i = {
+          if (H--, H === 0) {
+            var l = {
               configurable: !0,
               enumerable: !0,
               writable: !0
             };
             Object.defineProperties(console, {
-              log: s({}, i, {
-                value: U
+              log: s({}, l, {
+                value: V
               }),
-              info: s({}, i, {
-                value: J
+              info: s({}, l, {
+                value: Q
               }),
-              warn: s({}, i, {
-                value: Z
+              warn: s({}, l, {
+                value: X
               }),
-              error: s({}, i, {
+              error: s({}, l, {
                 value: se
               }),
-              group: s({}, i, {
+              group: s({}, l, {
                 value: ee
               }),
-              groupCollapsed: s({}, i, {
+              groupCollapsed: s({}, l, {
                 value: ae
               }),
-              groupEnd: s({}, i, {
+              groupEnd: s({}, l, {
                 value: ce
               })
             });
           }
-          F < 0 && _("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+          H < 0 && S("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
         }
       }
-      var Me = O.ReactCurrentDispatcher, Fe;
-      function Ye(i, T, p) {
+      var Me = j.ReactCurrentDispatcher, Fe;
+      function ze(l, T, k) {
         {
           if (Fe === void 0)
             try {
               throw Error();
-            } catch (G) {
-              var R = G.stack.trim().match(/\n( *(at )?)/);
-              Fe = R && R[1] || "";
+            } catch (J) {
+              var N = J.stack.trim().match(/\n( *(at )?)/);
+              Fe = N && N[1] || "";
             }
           return `
-` + Fe + i;
+` + Fe + l;
         }
       }
-      var nn = !1, Ge;
+      var nn = !1, Ye;
       {
-        var Et = typeof WeakMap == "function" ? WeakMap : Map;
-        Ge = new Et();
+        var Tt = typeof WeakMap == "function" ? WeakMap : Map;
+        Ye = new Tt();
       }
-      function pn(i, T) {
-        if (!i || nn)
+      function _n(l, T) {
+        if (!l || nn)
           return "";
         {
-          var p = Ge.get(i);
-          if (p !== void 0)
-            return p;
+          var k = Ye.get(l);
+          if (k !== void 0)
+            return k;
         }
-        var R;
+        var N;
         nn = !0;
-        var G = Error.prepareStackTrace;
+        var J = Error.prepareStackTrace;
         Error.prepareStackTrace = void 0;
-        var z;
-        z = Me.current, Me.current = null, Ve();
+        var K;
+        K = Me.current, Me.current = null, Ve();
         try {
           if (T) {
-            var $ = function() {
+            var W = function() {
               throw Error();
             };
-            if (Object.defineProperty($.prototype, "props", {
+            if (Object.defineProperty(W.prototype, "props", {
               set: function() {
                 throw Error();
               }
             }), typeof Reflect == "object" && Reflect.construct) {
               try {
-                Reflect.construct($, []);
+                Reflect.construct(W, []);
               } catch (xe) {
-                R = xe;
+                N = xe;
               }
-              Reflect.construct(i, [], $);
+              Reflect.construct(l, [], W);
             } else {
               try {
-                $.call();
+                W.call();
               } catch (xe) {
-                R = xe;
+                N = xe;
               }
-              i.call($.prototype);
+              l.call(W.prototype);
             }
           } else {
             try {
               throw Error();
             } catch (xe) {
-              R = xe;
+              N = xe;
             }
-            i();
+            l();
           }
         } catch (xe) {
-          if (xe && R && typeof xe.stack == "string") {
-            for (var H = xe.stack.split(`
-`), re = R.stack.split(`
-`), ne = H.length - 1, te = re.length - 1; ne >= 1 && te >= 0 && H[ne] !== re[te]; )
+          if (xe && N && typeof xe.stack == "string") {
+            for (var U = xe.stack.split(`
+`), re = N.stack.split(`
+`), ne = U.length - 1, te = re.length - 1; ne >= 1 && te >= 0 && U[ne] !== re[te]; )
               te--;
             for (; ne >= 1 && te >= 0; ne--, te--)
-              if (H[ne] !== re[te]) {
+              if (U[ne] !== re[te]) {
                 if (ne !== 1 || te !== 1)
                   do
-                    if (ne--, te--, te < 0 || H[ne] !== re[te]) {
+                    if (ne--, te--, te < 0 || U[ne] !== re[te]) {
                       var fe = `
-` + H[ne].replace(" at new ", " at ");
-                      return typeof i == "function" && Ge.set(i, fe), fe;
+` + U[ne].replace(" at new ", " at ");
+                      return typeof l == "function" && Ye.set(l, fe), fe;
                     }
                   while (ne >= 1 && te >= 0);
                 break;
               }
           }
         } finally {
-          nn = !1, Me.current = z, ze(), Error.prepareStackTrace = G;
+          nn = !1, Me.current = K, Ge(), Error.prepareStackTrace = J;
         }
-        var we = i ? i.displayName || i.name : "", $n = we ? Ye(we) : "";
-        return typeof i == "function" && Ge.set(i, $n), $n;
+        var we = l ? l.displayName || l.name : "", $n = we ? ze(we) : "";
+        return typeof l == "function" && Ye.set(l, $n), $n;
       }
-      function _n(i, T, p) {
-        return pn(i, !1);
+      function kn(l, T, k) {
+        return _n(l, !1);
       }
-      function yt(i) {
-        var T = i.prototype;
+      function yt(l) {
+        var T = l.prototype;
         return !!(T && T.isReactComponent);
       }
-      function Ke(i, T, p) {
-        if (i == null)
+      function Ke(l, T, k) {
+        if (l == null)
           return "";
-        if (typeof i == "function")
-          return pn(i, yt(i));
-        if (typeof i == "string")
-          return Ye(i);
-        switch (i) {
+        if (typeof l == "function")
+          return _n(l, yt(l));
+        if (typeof l == "string")
+          return ze(l);
+        switch (l) {
           case f:
-            return Ye("Suspense");
-          case g:
-            return Ye("SuspenseList");
+            return ze("Suspense");
+          case x:
+            return ze("SuspenseList");
         }
-        if (typeof i == "object")
-          switch (i.$$typeof) {
+        if (typeof l == "object")
+          switch (l.$$typeof) {
             case u:
-              return _n(i.render);
-            case m:
-              return Ke(i.type, T, p);
-            case E:
-              return _n(i._render);
-            case v: {
-              var R = i, G = R._payload, z = R._init;
+              return kn(l.render);
+            case g:
+              return Ke(l.type, T, k);
+            case y:
+              return kn(l._render);
+            case b: {
+              var N = l, J = N._payload, K = N._init;
               try {
-                return Ke(z(G), T, p);
+                return Ke(K(J), T, k);
               } catch {
               }
             }
           }
         return "";
       }
-      var kn = {}, An = O.ReactDebugCurrentFrame;
-      function qe(i) {
-        if (i) {
-          var T = i._owner, p = Ke(i.type, i._source, T ? T.type : null);
-          An.setExtraStackFrame(p);
+      var An = {}, Sn = j.ReactDebugCurrentFrame;
+      function qe(l) {
+        if (l) {
+          var T = l._owner, k = Ke(l.type, l._source, T ? T.type : null);
+          Sn.setExtraStackFrame(k);
         } else
-          An.setExtraStackFrame(null);
+          Sn.setExtraStackFrame(null);
       }
-      function jt(i, T, p, R, G) {
+      function jt(l, T, k, N, J) {
         {
-          var z = Function.call.bind(Object.prototype.hasOwnProperty);
-          for (var $ in i)
-            if (z(i, $)) {
-              var H = void 0;
+          var K = Function.call.bind(Object.prototype.hasOwnProperty);
+          for (var W in l)
+            if (K(l, W)) {
+              var U = void 0;
               try {
-                if (typeof i[$] != "function") {
-                  var re = Error((R || "React class") + ": " + p + " type `" + $ + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof i[$] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                if (typeof l[W] != "function") {
+                  var re = Error((N || "React class") + ": " + k + " type `" + W + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof l[W] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                   throw re.name = "Invariant Violation", re;
                 }
-                H = i[$](T, $, R, p, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+                U = l[W](T, W, N, k, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
               } catch (ne) {
-                H = ne;
+                U = ne;
               }
-              H && !(H instanceof Error) && (qe(G), _("%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).", R || "React class", p, $, typeof H), qe(null)), H instanceof Error && !(H.message in kn) && (kn[H.message] = !0, qe(G), _("Failed %s type: %s", p, H.message), qe(null));
+              U && !(U instanceof Error) && (qe(J), S("%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).", N || "React class", k, W, typeof U), qe(null)), U instanceof Error && !(U.message in An) && (An[U.message] = !0, qe(J), S("Failed %s type: %s", k, U.message), qe(null));
             }
         }
       }
-      var Sn = O.ReactCurrentOwner, tn = Object.prototype.hasOwnProperty, wt = {
+      var Ln = j.ReactCurrentOwner, tn = Object.prototype.hasOwnProperty, wt = {
         key: !0,
         ref: !0,
         __self: !0,
         __source: !0
-      }, Ln, On;
-      function pt(i) {
-        if (tn.call(i, "ref")) {
-          var T = Object.getOwnPropertyDescriptor(i, "ref").get;
+      }, On, Rn;
+      function pt(l) {
+        if (tn.call(l, "ref")) {
+          var T = Object.getOwnPropertyDescriptor(l, "ref").get;
           if (T && T.isReactWarning)
             return !1;
         }
-        return i.ref !== void 0;
+        return l.ref !== void 0;
       }
-      function _t(i) {
-        if (tn.call(i, "key")) {
-          var T = Object.getOwnPropertyDescriptor(i, "key").get;
+      function _t(l) {
+        if (tn.call(l, "key")) {
+          var T = Object.getOwnPropertyDescriptor(l, "key").get;
           if (T && T.isReactWarning)
             return !1;
         }
-        return i.key !== void 0;
+        return l.key !== void 0;
       }
-      function kt(i, T) {
-        typeof i.ref == "string" && Sn.current;
+      function kt(l, T) {
+        typeof l.ref == "string" && Ln.current;
       }
-      function At(i, T) {
+      function At(l, T) {
         {
-          var p = function() {
-            Ln || (Ln = !0, _("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", T));
+          var k = function() {
+            On || (On = !0, S("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", T));
           };
-          p.isReactWarning = !0, Object.defineProperty(i, "key", {
-            get: p,
+          k.isReactWarning = !0, Object.defineProperty(l, "key", {
+            get: k,
             configurable: !0
           });
         }
       }
-      function St(i, T) {
+      function St(l, T) {
         {
-          var p = function() {
-            On || (On = !0, _("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", T));
+          var k = function() {
+            Rn || (Rn = !0, S("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", T));
           };
-          p.isReactWarning = !0, Object.defineProperty(i, "ref", {
-            get: p,
+          k.isReactWarning = !0, Object.defineProperty(l, "ref", {
+            get: k,
             configurable: !0
           });
         }
       }
-      var Lt = function(i, T, p, R, G, z, $) {
-        var H = {
+      var Lt = function(l, T, k, N, J, K, W) {
+        var U = {
           // This tag allows us to uniquely identify this as a React Element
           $$typeof: r,
           // Built-in properties that belong on the element
-          type: i,
+          type: l,
           key: T,
-          ref: p,
-          props: $,
+          ref: k,
+          props: W,
           // Record the component responsible for creating this element.
-          _owner: z
+          _owner: K
         };
-        return H._store = {}, Object.defineProperty(H._store, "validated", {
+        return U._store = {}, Object.defineProperty(U._store, "validated", {
           configurable: !1,
           enumerable: !1,
           writable: !0,
           value: !1
-        }), Object.defineProperty(H, "_self", {
+        }), Object.defineProperty(U, "_self", {
           configurable: !1,
           enumerable: !1,
           writable: !1,
-          value: R
-        }), Object.defineProperty(H, "_source", {
+          value: N
+        }), Object.defineProperty(U, "_source", {
           configurable: !1,
           enumerable: !1,
           writable: !1,
-          value: G
-        }), Object.freeze && (Object.freeze(H.props), Object.freeze(H)), H;
+          value: J
+        }), Object.freeze && (Object.freeze(U.props), Object.freeze(U)), U;
       };
-      function Ot(i, T, p, R, G) {
+      function Ot(l, T, k, N, J) {
         {
-          var z, $ = {}, H = null, re = null;
-          p !== void 0 && (H = "" + p), _t(T) && (H = "" + T.key), pt(T) && (re = T.ref, kt(T, G));
-          for (z in T)
-            tn.call(T, z) && !wt.hasOwnProperty(z) && ($[z] = T[z]);
-          if (i && i.defaultProps) {
-            var ne = i.defaultProps;
-            for (z in ne)
-              $[z] === void 0 && ($[z] = ne[z]);
+          var K, W = {}, U = null, re = null;
+          k !== void 0 && (U = "" + k), _t(T) && (U = "" + T.key), pt(T) && (re = T.ref, kt(T, J));
+          for (K in T)
+            tn.call(T, K) && !wt.hasOwnProperty(K) && (W[K] = T[K]);
+          if (l && l.defaultProps) {
+            var ne = l.defaultProps;
+            for (K in ne)
+              W[K] === void 0 && (W[K] = ne[K]);
           }
-          if (H || re) {
-            var te = typeof i == "function" ? i.displayName || i.name || "Unknown" : i;
-            H && At($, te), re && St($, te);
+          if (U || re) {
+            var te = typeof l == "function" ? l.displayName || l.name || "Unknown" : l;
+            U && At(W, te), re && St(W, te);
           }
-          return Lt(i, H, re, G, R, Sn.current, $);
+          return Lt(l, U, re, J, N, Ln.current, W);
         }
       }
-      var sn = O.ReactCurrentOwner, Rn = O.ReactDebugCurrentFrame;
-      function je(i) {
-        if (i) {
-          var T = i._owner, p = Ke(i.type, i._source, T ? T.type : null);
-          Rn.setExtraStackFrame(p);
+      var sn = j.ReactCurrentOwner, Dn = j.ReactDebugCurrentFrame;
+      function je(l) {
+        if (l) {
+          var T = l._owner, k = Ke(l.type, l._source, T ? T.type : null);
+          Dn.setExtraStackFrame(k);
         } else
-          Rn.setExtraStackFrame(null);
+          Dn.setExtraStackFrame(null);
       }
       var rn;
       rn = !1;
-      function on(i) {
-        return typeof i == "object" && i !== null && i.$$typeof === r;
+      function on(l) {
+        return typeof l == "object" && l !== null && l.$$typeof === r;
       }
-      function Dn() {
+      function Nn() {
         {
           if (sn.current) {
-            var i = I(sn.current.type);
-            if (i)
+            var l = $(sn.current.type);
+            if (l)
               return `
 
-Check the render method of \`` + i + "`.";
+Check the render method of \`` + l + "`.";
           }
           return "";
         }
       }
-      function Rt(i) {
+      function Rt(l) {
         return "";
       }
-      var Nn = {};
-      function Dt(i) {
+      var Mn = {};
+      function Dt(l) {
         {
-          var T = Dn();
+          var T = Nn();
           if (!T) {
-            var p = typeof i == "string" ? i : i.displayName || i.name;
-            p && (T = `
+            var k = typeof l == "string" ? l : l.displayName || l.name;
+            k && (T = `
 
-Check the top-level render call using <` + p + ">.");
+Check the top-level render call using <` + k + ">.");
           }
           return T;
         }
       }
-      function Mn(i, T) {
+      function Fn(l, T) {
         {
-          if (!i._store || i._store.validated || i.key != null)
+          if (!l._store || l._store.validated || l.key != null)
             return;
-          i._store.validated = !0;
-          var p = Dt(T);
-          if (Nn[p])
+          l._store.validated = !0;
+          var k = Dt(T);
+          if (Mn[k])
             return;
-          Nn[p] = !0;
-          var R = "";
-          i && i._owner && i._owner !== sn.current && (R = " It was passed a child from " + I(i._owner.type) + "."), je(i), _('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', p, R), je(null);
+          Mn[k] = !0;
+          var N = "";
+          l && l._owner && l._owner !== sn.current && (N = " It was passed a child from " + $(l._owner.type) + "."), je(l), S('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', k, N), je(null);
         }
       }
-      function Fn(i, T) {
+      function Hn(l, T) {
         {
-          if (typeof i != "object")
+          if (typeof l != "object")
             return;
-          if (Array.isArray(i))
-            for (var p = 0; p < i.length; p++) {
-              var R = i[p];
-              on(R) && Mn(R, T);
+          if (Array.isArray(l))
+            for (var k = 0; k < l.length; k++) {
+              var N = l[k];
+              on(N) && Fn(N, T);
             }
-          else if (on(i))
-            i._store && (i._store.validated = !0);
-          else if (i) {
-            var G = D(i);
-            if (typeof G == "function" && G !== i.entries)
-              for (var z = G.call(i), $; !($ = z.next()).done; )
-                on($.value) && Mn($.value, T);
+          else if (on(l))
+            l._store && (l._store.validated = !0);
+          else if (l) {
+            var J = C(l);
+            if (typeof J == "function" && J !== l.entries)
+              for (var K = J.call(l), W; !(W = K.next()).done; )
+                on(W.value) && Fn(W.value, T);
           }
         }
       }
-      function Nt(i) {
+      function Nt(l) {
         {
-          var T = i.type;
+          var T = l.type;
           if (T == null || typeof T == "string")
             return;
-          var p;
+          var k;
           if (typeof T == "function")
-            p = T.propTypes;
+            k = T.propTypes;
           else if (typeof T == "object" && (T.$$typeof === u || // Note: Memo only checks outer props here.
           // Inner props are checked in the reconciler.
-          T.$$typeof === m))
-            p = T.propTypes;
+          T.$$typeof === g))
+            k = T.propTypes;
           else
             return;
-          if (p) {
-            var R = I(T);
-            jt(p, i.props, "prop", R, i);
+          if (k) {
+            var N = $(T);
+            jt(k, l.props, "prop", N, l);
           } else if (T.PropTypes !== void 0 && !rn) {
             rn = !0;
-            var G = I(T);
-            _("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", G || "Unknown");
+            var J = $(T);
+            S("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", J || "Unknown");
           }
-          typeof T.getDefaultProps == "function" && !T.getDefaultProps.isReactClassApproved && _("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+          typeof T.getDefaultProps == "function" && !T.getDefaultProps.isReactClassApproved && S("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
         }
       }
-      function Mt(i) {
+      function Mt(l) {
         {
-          for (var T = Object.keys(i.props), p = 0; p < T.length; p++) {
-            var R = T[p];
-            if (R !== "children" && R !== "key") {
-              je(i), _("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", R), je(null);
+          for (var T = Object.keys(l.props), k = 0; k < T.length; k++) {
+            var N = T[k];
+            if (N !== "children" && N !== "key") {
+              je(l), S("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", N), je(null);
               break;
             }
           }
-          i.ref !== null && (je(i), _("Invalid attribute `ref` supplied to `React.Fragment`."), je(null));
+          l.ref !== null && (je(l), S("Invalid attribute `ref` supplied to `React.Fragment`."), je(null));
         }
       }
-      function Hn(i, T, p, R, G, z) {
+      function In(l, T, k, N, J, K) {
         {
-          var $ = B(i);
-          if (!$) {
-            var H = "";
-            (i === void 0 || typeof i == "object" && i !== null && Object.keys(i).length === 0) && (H += " 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 W = M(l);
+          if (!W) {
+            var U = "";
+            (l === void 0 || typeof l == "object" && l !== null && Object.keys(l).length === 0) && (U += " 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 re = Rt();
-            re ? H += re : H += Dn();
+            re ? U += re : U += Nn();
             var ne;
-            i === null ? ne = "null" : Array.isArray(i) ? ne = "array" : i !== void 0 && i.$$typeof === r ? (ne = "<" + (I(i.type) || "Unknown") + " />", H = " Did you accidentally export a JSX literal instead of a component?") : ne = typeof i, _("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", ne, H);
+            l === null ? ne = "null" : Array.isArray(l) ? ne = "array" : l !== void 0 && l.$$typeof === r ? (ne = "<" + ($(l.type) || "Unknown") + " />", U = " Did you accidentally export a JSX literal instead of a component?") : ne = typeof l, S("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", ne, U);
           }
-          var te = Ot(i, T, p, G, z);
+          var te = Ot(l, T, k, J, K);
           if (te == null)
             return te;
-          if ($) {
+          if (W) {
             var fe = T.children;
             if (fe !== void 0)
-              if (R)
+              if (N)
                 if (Array.isArray(fe)) {
                   for (var we = 0; we < fe.length; we++)
-                    Fn(fe[we], i);
+                    Hn(fe[we], l);
                   Object.freeze && Object.freeze(fe);
                 } else
-                  _("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                  S("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
               else
-                Fn(fe, i);
+                Hn(fe, l);
           }
-          return i === e.Fragment ? Mt(te) : Nt(te), te;
+          return l === e.Fragment ? Mt(te) : Nt(te), te;
         }
       }
-      function Ft(i, T, p) {
-        return Hn(i, T, p, !0);
+      function Ft(l, T, k) {
+        return In(l, T, k, !0);
       }
-      function Ht(i, T, p) {
-        return Hn(i, T, p, !1);
+      function Ht(l, T, k) {
+        return In(l, T, k, !1);
       }
-      var $t = Ht, It = Ft;
-      e.jsx = $t, e.jsxs = It;
+      var It = Ht, $t = Ft;
+      e.jsx = It, e.jsxs = $t;
     }();
   }(an)), an;
 }
@@ -658,7 +658,7 @@ function ls() {
   return Yn || (Yn = 1, process.env.NODE_ENV === "production" ? Je.exports = cs() : Je.exports = is()), Je.exports;
 }
 var n = ls();
-const as = "2.0.0-alpha.7", et = "chat_session", ds = "user_uttered", us = "bot_uttered", fs = "ehelp_bot_uttered", xs = "https://sfchatbot.dataon.com", gs = [
+const as = "2.0.0-alpha.8", et = "chat_session", ds = "user_uttered", us = "bot_uttered", fs = "ehelp_bot_uttered", xs = "https://sfchatbot.dataon.com", gs = [
   {
     label: "Didn’t address my question",
     value: "Didn’t address my question"
@@ -679,7 +679,7 @@ const as = "2.0.0-alpha.7", et = "chat_session", ds = "user_uttered", us = "bot_
     label: "I’d like to explain further",
     value: "another"
   }
-], Le = Yt, Oe = Bt, Cs = as, ms = "https://sfchatbot.dataon.com/openai-service-dev/", Ze = "https://res.cloudinary.com/dcvolkyfb/image/upload/v1740135794/svg/bot_profile_hlnyop.png", vn = "YYYY-MM-DD", Xe = "HH:mm", Gn = "N/A", dn = [
+], Le = zt, Oe = Bt, Cs = as, ms = "https://sfchatbot.dataon.com/openai-service-dev/", Ze = "https://res.cloudinary.com/dcvolkyfb/image/upload/v1740135794/svg/bot_profile_hlnyop.png", hn = "YYYY-MM-DD", Xe = "HH:mm", Kn = "N/A", dn = [
   // Raster (bitmap)
   ".jpg",
   ".jpeg",
@@ -703,7 +703,7 @@ const as = "2.0.0-alpha.7", et = "chat_session", ds = "user_uttered", us = "bot_
   ".xcf"
 ], un = "w-widget-content-container", fn = "w-ticket-detail-content-container", bs = "w-wrapper-body", vs = "w-wrapper-body-helpdesk", He = "w-header", xn = {
   FADE_IN: "w-fade-in-animate"
-}, Ts = "https://placehold.co/600x400?text=No+Image", $e = 3, hs = "GoHRDev2025WorkPlazeDataOnDotCom", ke = "(Helpdesk Widget Chatbot)", Es = (e) => JSON.parse((e == null ? void 0 : e.replaceAll("/get_started", "")) || "{}"), nt = (e) => {
+}, hs = "https://placehold.co/600x400?text=No+Image", Ie = 3, Es = "GoHRDev2025WorkPlazeDataOnDotCom", ke = "(Helpdesk Widget Chatbot)", Ts = (e) => JSON.parse((e == null ? void 0 : e.replaceAll("/get_started", "")) || "{}"), nt = (e) => {
   var t;
   try {
     return (t = new URL(e)) == null ? void 0 : t.host;
@@ -711,8 +711,8 @@ const as = "2.0.0-alpha.7", et = "chat_session", ds = "user_uttered", us = "bot_
     return nt(xs);
   }
 }, ie = (e, t) => {
-  var s, r, c;
-  return ((s = Object.keys(e || {})) == null ? void 0 : s.length) > 0 ? (c = (r = Object == null ? void 0 : Object.prototype) == null ? void 0 : r.hasOwnProperty) == null ? void 0 : c.call(e, t) : !1;
+  var s, r, i;
+  return ((s = Object.keys(e || {})) == null ? void 0 : s.length) > 0 ? (i = (r = Object == null ? void 0 : Object.prototype) == null ? void 0 : r.hasOwnProperty) == null ? void 0 : i.call(e, t) : !1;
 }, Ae = (e) => {
   var s;
   const t = e == null ? void 0 : e.attachment;
@@ -724,53 +724,53 @@ const as = "2.0.0-alpha.7", et = "chat_session", ds = "user_uttered", us = "bot_
     chart: (t == null ? void 0 : t.type) === "charts" && ie(t, "chartType")
   };
 }, tt = (e) => {
-  var t, s, r, c;
+  var t, s, r, i;
   if (e) {
-    const l = e == null ? void 0 : e.split(".")[1], o = (t = l == null ? void 0 : l.replace(/-/g, "+")) == null ? void 0 : t.replace(/_/g, "/"), a = decodeURIComponent(
-      (c = (r = (s = window == null ? void 0 : window.atob(o)) == null ? void 0 : s.split("")) == null ? void 0 : r.map((d) => "%" + ("00" + d.charCodeAt(0).toString(16)).slice(-2))) == null ? void 0 : c.join("")
+    const c = e == null ? void 0 : e.split(".")[1], o = (t = c == null ? void 0 : c.replace(/-/g, "+")) == null ? void 0 : t.replace(/_/g, "/"), a = decodeURIComponent(
+      (i = (r = (s = window == null ? void 0 : window.atob(o)) == null ? void 0 : s.split("")) == null ? void 0 : r.map((d) => "%" + ("00" + d.charCodeAt(0).toString(16)).slice(-2))) == null ? void 0 : i.join("")
     );
     return JSON == null ? void 0 : JSON.parse(a || "{}");
   }
   return {};
-}, Tn = ({
+}, En = ({
   downloadURL: e = "",
   fileName: t = "",
   isOpenNewTab: s = !1
 }) => {
-  var c;
+  var i;
   const r = document == null ? void 0 : document.createElement("a");
-  r.href = e, r.download = t || e, s && (r.target = "_blank"), (c = document == null ? void 0 : document.body) == null || c.appendChild(r), r.click(), document.body.removeChild(r);
+  r.href = e, r.download = t || e, s && (r.target = "_blank"), (i = document == null ? void 0 : document.body) == null || i.appendChild(r), r.click(), document.body.removeChild(r);
 }, ys = () => "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(e) {
   const t = crypto.getRandomValues(new Uint8Array(1))[0] % 16;
   return (e === "x" ? t : t & 3 | 8).toString(16);
-}), hn = ({
+}), Tn = ({
   ArrObj: e,
   key: t,
   ignoreCaseSensitive: s = !1
 }) => (e == null ? void 0 : e.length) > 0 ? [
   ...new Map(
     e.map((r) => {
-      var c;
+      var i;
       return [
-        s ? (c = String(r[t])) == null ? void 0 : c.toLowerCase() : r[t],
+        s ? (i = String(r[t])) == null ? void 0 : i.toLowerCase() : r[t],
         r
       ];
     })
   ).values()
 ] : [], js = (e = []) => {
   const t = {}, s = [], r = [];
-  e == null || e.forEach((l) => {
+  e == null || e.forEach((c) => {
     var o;
-    ie(l, "chats") ? (o = l == null ? void 0 : l.chats) == null || o.forEach((a) => {
+    ie(c, "chats") ? (o = c == null ? void 0 : c.chats) == null || o.forEach((a) => {
       r == null || r.push(a);
-    }) : r == null || r.push(l);
-  }), r == null || r.forEach((l, o) => {
+    }) : r == null || r.push(c);
+  }), r == null || r.forEach((c, o) => {
     var d, u, f;
-    const a = l == null ? void 0 : l.generated_id;
+    const a = c == null ? void 0 : c.generated_id;
     a ? (t[a] || (t[a] = []), (u = t[a]) == null || u.push({
-      ...l,
+      ...c,
       indexChat: o,
-      ...!(l != null && l.timestamp) && {
+      ...!(c != null && c.timestamp) && {
         timestamp: (d = le()) == null ? void 0 : d.format("hh:mm A")
       }
     }), s == null || s.push({
@@ -782,17 +782,17 @@ const as = "2.0.0-alpha.7", et = "chat_session", ds = "user_uttered", us = "bot_
       },
       chats: t == null ? void 0 : t[a]
     })) : s == null || s.push({
-      ...l,
+      ...c,
       keyItem: o,
-      ...!(l != null && l.timestamp) && {
+      ...!(c != null && c.timestamp) && {
         timestamp: (f = le()) == null ? void 0 : f.format("hh:mm A")
       }
     });
   });
-  const c = hn({ ArrObj: s, key: "keyItem" });
-  return c == null || c.forEach((l) => {
-    l == null || delete l.keyItem;
-  }), c;
+  const i = Tn({ ArrObj: s, key: "keyItem" });
+  return i == null || i.forEach((c) => {
+    c == null || delete c.keyItem;
+  }), i;
 }, Pe = (e = {}) => {
   const s = {
     ...st(),
@@ -811,10 +811,10 @@ const as = "2.0.0-alpha.7", et = "chat_session", ds = "user_uttered", us = "bot_
     return "wss";
   }
 };
-let Kn = null;
-const be = (e = ".w-wrapper-body") => {
+let qn = null;
+const me = (e = ".w-wrapper-body") => {
   const t = document.querySelector(e);
-  clearTimeout(Kn), Kn = setTimeout(() => {
+  clearTimeout(qn), qn = setTimeout(() => {
     t && t.scrollTo({
       top: t.scrollHeight,
       behavior: "smooth"
@@ -828,35 +828,35 @@ const be = (e = ".w-wrapper-body") => {
   return btoa(s);
 }, _s = async (e, t) => {
   var d;
-  const s = typeof e == "object" ? JSON == null ? void 0 : JSON.stringify(e || {}) : e, r = new TextEncoder(), c = r == null ? void 0 : r.encode(s), l = r == null ? void 0 : r.encode(t);
-  if (l.length !== 32)
+  const s = typeof e == "object" ? JSON == null ? void 0 : JSON.stringify(e || {}) : e, r = new TextEncoder(), i = r == null ? void 0 : r.encode(s), c = r == null ? void 0 : r.encode(t);
+  if (c.length !== 32)
     throw new Error("Key length must be 32 bytes for AES-256");
   const o = await ((d = crypto == null ? void 0 : crypto.subtle) == null ? void 0 : d.importKey(
     "raw",
-    l,
+    c,
     { name: "AES-CBC" },
     !1,
     ["encrypt"]
   )), a = await crypto.subtle.encrypt(
     { name: "AES-CBC", iv: new Uint8Array(16) },
     o,
-    c
+    i
   );
   return ps(a);
 }, Qe = (e) => {
-  const t = {}, s = rt(e), r = s == null ? void 0 : s.map((c) => {
+  const t = {}, s = rt(e), r = s == null ? void 0 : s.map((i) => {
     var o;
-    const l = c == null ? void 0 : c.CREATED_DATE;
+    const c = i == null ? void 0 : i.CREATED_DATE;
     return {
-      ...c,
-      DATE_KEY: (o = le(l)) == null ? void 0 : o.format("YYYY-MM-DD")
+      ...i,
+      DATE_KEY: (o = le(c)) == null ? void 0 : o.format("YYYY-MM-DD")
     };
   });
-  return r == null || r.forEach((c) => {
-    var l;
-    t[c == null ? void 0 : c.DATE_KEY] || (t[c == null ? void 0 : c.DATE_KEY] = []), (l = t[c == null ? void 0 : c.DATE_KEY]) == null || l.push(c);
+  return r == null || r.forEach((i) => {
+    var c;
+    t[i == null ? void 0 : i.DATE_KEY] || (t[i == null ? void 0 : i.DATE_KEY] = []), (c = t[i == null ? void 0 : i.DATE_KEY]) == null || c.push(i);
   }), t;
-}, En = (e) => {
+}, yn = (e) => {
   var t;
   return (t = Object.values(e || {})) == null ? void 0 : t.flat();
 }, rt = (e) => e == null ? void 0 : e.sort((t, s) => le(t == null ? void 0 : t.CREATED_DATE) - le(s == null ? void 0 : s.CREATED_DATE)), ot = (e) => {
@@ -865,24 +865,24 @@ const be = (e = ".w-wrapper-body") => {
     return e == null ? void 0 : e.replaceAll(`.${s}`, `_avatar.${s}`);
   }
   return e;
-}, yn = (e) => `https://ui-avatars.com/api/?background=e5e5e5&color=000${e && typeof e == "string" ? `&name=${e.replaceAll(" ", "+")}` : ""}`, ct = Ee({}), Q = () => ye(ct), ks = ({
+}, jn = (e) => `https://ui-avatars.com/api/?background=e5e5e5&color=000${e && typeof e == "string" ? `&name=${e.replaceAll(" ", "+")}` : ""}`, ct = Te({}), q = () => ye(ct), ks = ({
   children: e,
   getStartedPayload: t,
   socketURL: s,
   socketPath: r,
-  onPayslipFn: c,
-  title: l,
+  onPayslipFn: i,
+  title: c,
   subTitle: o,
   keyEncrypt: a,
   history: d,
   isSF: u
 }) => {
-  const [f, g] = N(!1), [m, v] = N("va"), [E, k] = N(!1), [w, y] = N({}), [C, x] = N(!1), [b, h] = N(!1), D = K(!1), O = L(() => ({
+  const [f, x] = D(!1), [g, b] = D("va"), [y, w] = D(!1), [A, p] = D({}), [E, h] = D(!1), [m, v] = D(!1), C = z(!1), j = R(() => ({
     getStartedPayload: t,
     socketURL: s,
     socketPath: r,
-    onPayslipFn: c,
-    title: l,
+    onPayslipFn: i,
+    title: c,
     subTitle: o,
     keyEncrypt: a,
     isSF: u
@@ -890,15 +890,15 @@ const be = (e = ".w-wrapper-body") => {
     t,
     s,
     r,
+    i,
     c,
-    l,
     o,
     a,
     u
-  ]), _ = L(() => tt(w == null ? void 0 : w.access_token), [w == null ? void 0 : w.access_token]);
-  return X(() => {
-    y(Es(t));
-  }, [t]), X(() => {
+  ]), S = R(() => tt(A == null ? void 0 : A.access_token), [A == null ? void 0 : A.access_token]);
+  return Z(() => {
+    p(Ts(t));
+  }, [t]), Z(() => {
     Pe({
       chatbot_version: Cs
     });
@@ -906,28 +906,28 @@ const be = (e = ".w-wrapper-body") => {
     ct.Provider,
     {
       value: {
-        objInitPayload: w,
-        setOpenWidget: g,
+        objInitPayload: A,
+        setOpenWidget: x,
         isOpenWidget: f,
-        activeTab: m,
-        setActiveTab: v,
-        isExpand: E,
-        setExpand: k,
-        setObjInitPayload: y,
-        parsedJWT: _,
-        widgetProps: O,
-        isFirstOpenWidget: C,
-        setFirstOpenWidget: x,
-        isFirstRenderHelpdesk: D,
+        activeTab: g,
+        setActiveTab: b,
+        isExpand: y,
+        setExpand: w,
+        setObjInitPayload: p,
+        parsedJWT: S,
+        widgetProps: j,
+        isFirstOpenWidget: E,
+        setFirstOpenWidget: h,
+        isFirstRenderHelpdesk: C,
         history: d,
-        showReadyWSHD: b,
-        setShowReadyWSHD: h
+        showReadyWSHD: m,
+        setShowReadyWSHD: v
       },
       children: e
     }
   );
-}, it = Ee({}), As = () => ye(it), Ss = ({ children: e }) => {
-  const { objInitPayload: t } = Q(), [s, r] = N({}), c = () => {
+}, it = Te({}), As = () => ye(it), Ss = ({ children: e }) => {
+  const { objInitPayload: t } = q(), [s, r] = D({}), i = () => {
     var o;
     (o = Re(
       `${(t == null ? void 0 : t.uriService) || ms}optional/translations`
@@ -935,140 +935,140 @@ const be = (e = ".w-wrapper-body") => {
       var d;
       if (a) {
         const u = Object.keys((d = Object.values(a)) == null ? void 0 : d[0]), f = {};
-        u == null || u.forEach((g) => {
-          var m;
-          (m = Object.keys(a)) == null || m.forEach((v) => {
-            var E;
-            f[g == null ? void 0 : g.toLowerCase()] = (E = a == null ? void 0 : a[v]) == null ? void 0 : E[g];
+        u == null || u.forEach((x) => {
+          var g;
+          (g = Object.keys(a)) == null || g.forEach((b) => {
+            var y;
+            f[x == null ? void 0 : x.toLowerCase()] = (y = a == null ? void 0 : a[b]) == null ? void 0 : y[x];
           });
         }), r(f);
       }
     });
-  }, l = () => {
+  }, c = () => {
     const o = window.indexedDB.open("language");
     o.onsuccess = (a) => {
       var u;
       const d = a.target.result;
       try {
-        const g = d.transaction("keyvaluepairs", "readonly").objectStore("keyvaluepairs"), m = g == null ? void 0 : g.get((u = t == null ? void 0 : t.lang) == null ? void 0 : u.toLowerCase());
-        m.onsuccess = () => {
-          r(m == null ? void 0 : m.result);
-        }, m.onerror = () => {
-          c();
+        const x = d.transaction("keyvaluepairs", "readonly").objectStore("keyvaluepairs"), g = x == null ? void 0 : x.get((u = t == null ? void 0 : t.lang) == null ? void 0 : u.toLowerCase());
+        g.onsuccess = () => {
+          r(g == null ? void 0 : g.result);
+        }, g.onerror = () => {
+          i();
         };
       } catch {
-        c();
+        i();
       }
     }, o.onerror = () => {
-      c();
+      i();
     };
   };
-  return X(() => {
-    l();
+  return Z(() => {
+    c();
   }, [t == null ? void 0 : t.uriService, t == null ? void 0 : t.lang]), /* @__PURE__ */ n.jsx(it.Provider, { value: { langDatas: s }, children: e });
-}, lt = Ee({}), ue = () => ye(lt), Ls = ({ children: e }) => {
-  var B;
-  const [t, s] = N([]), [r, c] = N(!1), [l, o] = N(!1), [a, d] = N({}), [u, f] = N(!1), [g, m] = N(!1), {
-    objInitPayload: v,
-    widgetProps: E,
-    setOpenWidget: k,
-    setFirstOpenWidget: w,
-    isFirstRenderHelpdesk: y
-  } = Q(), C = K(null), x = K(""), b = K(""), h = (S) => {
-    const M = ie(S, "text_feedback_link") && ie(S, "text");
-    s((I) => {
-      const F = [
-        ...I,
+}, lt = Te({}), ue = () => ye(lt), Ls = ({ children: e }) => {
+  var M;
+  const [t, s] = D([]), [r, i] = D(!1), [c, o] = D(!1), [a, d] = D({}), [u, f] = D(!1), [x, g] = D(!1), {
+    objInitPayload: b,
+    widgetProps: y,
+    setOpenWidget: w,
+    setFirstOpenWidget: A,
+    isFirstRenderHelpdesk: p
+  } = q(), E = z(null), h = z(""), m = z(""), v = (L) => {
+    const F = ie(L, "text_feedback_link") && ie(L, "text");
+    s(($) => {
+      const H = [
+        ...$,
         {
-          ...S,
-          ...M && {
+          ...L,
+          ...F && {
             type: "text"
           },
           sender: "response"
         }
       ];
-      return js(F);
-    }), c(!1), o(!1), be();
-  }, D = () => {
-    var S, M, I, F;
-    (S = C == null ? void 0 : C.current) == null || S.emit("session_request", { session_id: null }), (M = C == null ? void 0 : C.current) == null || M.on("session_confirm", (U) => {
-      x.current = U, Pe({
-        session_id: U == null ? void 0 : U.session_id
+      return js(H);
+    }), i(!1), o(!1), me();
+  }, C = () => {
+    var L, F, $, H;
+    (L = E == null ? void 0 : E.current) == null || L.emit("session_request", { session_id: null }), (F = E == null ? void 0 : E.current) == null || F.on("session_confirm", (V) => {
+      h.current = V, Pe({
+        session_id: V == null ? void 0 : V.session_id
       });
-    }), (I = C == null ? void 0 : C.current) == null || I.on(us, h), (F = C == null ? void 0 : C.current) == null || F.on(fs, (U) => {
-      const J = JSON.parse(U || "{}");
-      ie(J, "iswidget") && m(J == null ? void 0 : J.iswidget);
-    }), u || f(!0), w(!1);
-  }, O = ({
-    msg: S,
-    additionalConfig: M = {},
-    isShowLoadingResponse: I = !0
+    }), ($ = E == null ? void 0 : E.current) == null || $.on(us, v), (H = E == null ? void 0 : E.current) == null || H.on(fs, (V) => {
+      const Q = JSON.parse(V || "{}");
+      ie(Q, "iswidget") && g(Q == null ? void 0 : Q.iswidget);
+    }), u || f(!0), A(!1);
+  }, j = ({
+    msg: L,
+    additionalConfig: F = {},
+    isShowLoadingResponse: $ = !0
   }) => {
-    var F;
-    (F = C == null ? void 0 : C.current) == null || F.emit(ds, {
+    var H;
+    (H = E == null ? void 0 : E.current) == null || H.emit(ds, {
       customData: {
-        language: v == null ? void 0 : v.lang
+        language: b == null ? void 0 : b.lang
       },
-      message: S,
-      session_id: x == null ? void 0 : x.current,
-      ...M
-    }), I ? c(!0) : o(!0);
-  }, _ = () => {
-    var M, I;
-    C.current && ((M = C == null ? void 0 : C.current) == null || M.off(), (I = C == null ? void 0 : C.current) == null || I.disconnect(), C.current = null), y.current = !1;
-    const S = Pt(
-      `${ws(E == null ? void 0 : E.socketURL)}://${nt(
-        E == null ? void 0 : E.socketURL
+      message: L,
+      session_id: h == null ? void 0 : h.current,
+      ...F
+    }), $ ? i(!0) : o(!0);
+  }, S = () => {
+    var F, $;
+    E.current && ((F = E == null ? void 0 : E.current) == null || F.off(), ($ = E == null ? void 0 : E.current) == null || $.disconnect(), E.current = null), p.current = !1;
+    const L = Pt(
+      `${ws(y == null ? void 0 : y.socketURL)}://${nt(
+        y == null ? void 0 : y.socketURL
       )}`,
       {
-        path: E == null ? void 0 : E.socketPath,
+        path: y == null ? void 0 : y.socketPath,
         transports: ["websocket"],
         reconnection: !0,
         reconnectionAttempts: 1
       }
     );
-    S.on("connect", D), S.on("connect_error", (F) => {
+    L.on("connect", C), L.on("connect_error", (H) => {
       console.error("connect_error widget-chatbot : ", {
-        err: F,
-        socketURL: E == null ? void 0 : E.socketURL,
-        socketPath: E == null ? void 0 : E.widgetProps
+        err: H,
+        socketURL: y == null ? void 0 : y.socketURL,
+        socketPath: y == null ? void 0 : y.widgetProps
       }), f(!1);
-    }), S.io.on("reconnect", () => {
+    }), L.io.on("reconnect", () => {
       console.error("reconnect widget-chatbot : ", {
-        socketURL: E == null ? void 0 : E.socketURL,
-        socketPath: E == null ? void 0 : E.widgetProps
+        socketURL: y == null ? void 0 : y.socketURL,
+        socketPath: y == null ? void 0 : y.widgetProps
       }), f(!1);
-    }), C.current = S;
-  }, q = () => {
-    var S;
-    (!((S = C == null ? void 0 : C.current) != null && S.connected) || !u) && (_(), k(!1));
-  }, Y = () => {
+    }), E.current = L;
+  }, I = () => {
+    var L;
+    (!((L = E == null ? void 0 : E.current) != null && L.connected) || !u) && (S(), w(!1));
+  }, B = () => {
     f(!1);
   };
-  return X(() => (k(!1), _(), window.addEventListener("online", q), window.addEventListener("offline", Y), () => {
-    var S, M;
-    C.current && ((S = C.current) == null || S.off("connect", D), (M = C.current) == null || M.disconnect(), C.current = null), window.removeEventListener("online", q), window.removeEventListener("offline", Y);
+  return Z(() => (w(!1), S(), window.addEventListener("online", I), window.addEventListener("offline", B), () => {
+    var L, F;
+    E.current && ((L = E.current) == null || L.off("connect", C), (F = E.current) == null || F.disconnect(), E.current = null), window.removeEventListener("online", I), window.removeEventListener("offline", B);
   }), [
-    JSON.stringify(v || {}),
-    E == null ? void 0 : E.socketURL,
-    E == null ? void 0 : E.socketPath
+    JSON.stringify(b || {}),
+    y == null ? void 0 : y.socketURL,
+    y == null ? void 0 : y.socketPath
   ]), /* @__PURE__ */ n.jsx(
     lt.Provider,
     {
       value: {
         setChats: s,
         chats: t,
-        onSendMsg: O,
+        onSendMsg: j,
         isWaitResponse: r,
-        socket: C == null ? void 0 : C.current,
-        sessionId: (B = x == null ? void 0 : x.current) == null ? void 0 : B.session_id,
-        loadingRegenerate: l,
+        socket: E == null ? void 0 : E.current,
+        sessionId: (M = h == null ? void 0 : h.current) == null ? void 0 : M.session_id,
+        loadingRegenerate: c,
         file: a,
         setFile: d,
         connected: u,
-        isHandshakeWidget: g,
-        createSocket: _,
-        currRegenerateId: b
+        isHandshakeWidget: x,
+        createSocket: S,
+        currRegenerateId: m
       },
       children: e
     }
@@ -1354,15 +1354,15 @@ const be = (e = ".w-wrapper-body") => {
     boxShadow: "inset 5px 0 0 #f7d87c",
     zIndex: "0"
   }
-}, Rs = (e) => e.replace(/[^a-zA-Z0-9_]/g, "").trim(), j = (e = "", t) => {
+}, Rs = (e) => e.replace(/[^a-zA-Z0-9_]/g, "").trim(), _ = (e = "", t) => {
   var o;
-  const { langDatas: s } = As(), r = localStorage == null ? void 0 : localStorage.getItem("show_text_id"), c = Rs(String(e)), l = (s == null ? void 0 : s[c == null ? void 0 : c.toUpperCase()]) || t;
-  return ((o = Object.keys(s || {})) == null ? void 0 : o.length) > 0 ? r ? `WPUI_${c}` : l : t;
+  const { langDatas: s } = As(), r = localStorage == null ? void 0 : localStorage.getItem("show_text_id"), i = Rs(String(e)), c = (s == null ? void 0 : s[i == null ? void 0 : i.toUpperCase()]) || t;
+  return ((o = Object.keys(s || {})) == null ? void 0 : o.length) > 0 ? r ? `WPUI_${i}` : c : t;
 }, Ds = ({ isFeedback: e = !1, open: t, ...s }) => {
-  var c;
-  const r = L(() => e ? "w-modal-container-feedback" : "", [e]);
+  var i;
+  const r = R(() => e ? "w-modal-container-feedback" : "", [e]);
   return Le != null && Le.startsWith("5") ? /* @__PURE__ */ n.jsx(
-    In,
+    Bn,
     {
       rootClassName: r,
       ...s,
@@ -1384,7 +1384,7 @@ const be = (e = ".w-wrapper-body") => {
   ) : (
     // <div className={rootClassName}>
     /* @__PURE__ */ n.jsx(
-      In,
+      Bn,
       {
         getContainer: "#w-widget-content",
         width: 300,
@@ -1394,7 +1394,7 @@ const be = (e = ".w-wrapper-body") => {
         } : { visible: t },
         maskStyle: {
           backdropFilter: "blur(4x)",
-          ...((c = Object.keys((s == null ? void 0 : s.maskStyle) || {})) == null ? void 0 : c.length) > 0 && {
+          ...((i = Object.keys((s == null ? void 0 : s.maskStyle) || {})) == null ? void 0 : i.length) > 0 && {
             ...s == null ? void 0 : s.maskStyle
           }
         },
@@ -1407,10 +1407,10 @@ const be = (e = ".w-wrapper-body") => {
       }
     )
   );
-}, at = A(Ds), qn = ({ props: e, isModal: t = !1 }) => {
-  const s = (r, c) => {
-    var l;
-    return (l = Ut) == null ? void 0 : l.map(r, (o) => {
+}, at = O(Ds), Jn = ({ props: e, isModal: t = !1 }) => {
+  const s = (r, i) => {
+    var c;
+    return (c = Ut) == null ? void 0 : c.map(r, (o) => {
       var a, d, u;
       return !Wt(o) || ((a = Object.keys((o == null ? void 0 : o.props) || {})) == null ? void 0 : a.length) === 0 ? o : Vt(o, {
         ...o == null ? void 0 : o.props,
@@ -1427,7 +1427,7 @@ const be = (e = ".w-wrapper-body") => {
             }
           }
         },
-        ...o.type === "tr" && c === "tbody" && {
+        ...o.type === "tr" && i === "tbody" && {
           className: "ant-table-row"
         },
         ...(o == null ? void 0 : o.type) === "tbody" && {
@@ -1450,12 +1450,12 @@ const be = (e = ".w-wrapper-body") => {
     }
   ) }) }) });
 }, Ns = ({ children: e }) => {
-  const t = j(
+  const t = _(
     "OpenDetailTable",
     "Open Detail Table"
-  ), s = j("TableDetail", "Tabel Detail"), [r, c] = N(!1), l = {
+  ), s = _("TableDetail", "Tabel Detail"), [r, i] = D(!1), c = {
     table: ({ ...o }) => /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-      /* @__PURE__ */ n.jsx(qn, { props: o }),
+      /* @__PURE__ */ n.jsx(Jn, { props: o }),
       /* @__PURE__ */ n.jsx(
         "div",
         {
@@ -1465,10 +1465,10 @@ const be = (e = ".w-wrapper-body") => {
             padding: "5px 0px 10px 0px"
           },
           children: /* @__PURE__ */ n.jsx(
-            W,
+            G,
             {
               onClick: () => {
-                c(!0);
+                i(!0);
               },
               children: t
             }
@@ -1484,9 +1484,9 @@ const be = (e = ".w-wrapper-body") => {
           width: 800,
           open: r,
           onCancel: () => {
-            c(!1);
+            i(!1);
           },
-          children: /* @__PURE__ */ n.jsx(qn, { props: o, isModal: !0 })
+          children: /* @__PURE__ */ n.jsx(Jn, { props: o, isModal: !0 })
         }
       )
     ] }),
@@ -1501,11 +1501,11 @@ const be = (e = ".w-wrapper-body") => {
           style: Os,
           children: String(a).replace(/\n$/, "")
         }
-      ) : /* @__PURE__ */ n.jsx(V.Text, { code: !0, children: o == null ? void 0 : o.children });
+      ) : /* @__PURE__ */ n.jsx(Y.Text, { code: !0, children: o == null ? void 0 : o.children });
     }
   };
-  return /* @__PURE__ */ n.jsx(es, { remarkPlugins: [ns], components: l, children: e });
-}, dt = A(Ns), Ms = () => /* @__PURE__ */ n.jsx(
+  return /* @__PURE__ */ n.jsx(es, { remarkPlugins: [ns], components: c, children: e });
+}, dt = O(Ns), Ms = () => /* @__PURE__ */ n.jsx(
   "svg",
   {
     width: "24",
@@ -1554,7 +1554,7 @@ const be = (e = ".w-wrapper-body") => {
       /* @__PURE__ */ n.jsx("path", { d: "M931.4 498.9L94.9 79.5c-3.4-1.7-7.3-2.1-11-1.2a15.99 15.99 0 00-11.7 19.3l86.2 352.2c1.3 5.3 5.2 9.6 10.4 11.3l147.7 50.7-147.6 50.7c-5.2 1.8-9.1 6-10.3 11.3L72.2 926.5c-.9 3.7-.5 7.6 1.2 10.9 3.9 7.9 13.5 11.1 21.5 7.2l836.5-417c3.1-1.5 5.6-4.1 7.2-7.1 3.9-8 .7-17.6-7.2-21.6zM170.8 826.3l50.3-205.6 295.2-101.3c2.3-.8 4.2-2.6 5-5 1.4-4.2-.8-8.7-5-10.2L221.1 403 171 198.2l628 314.9-628.2 313.2z" })
     ]
   }
-), $s = () => /* @__PURE__ */ n.jsxs(
+), Is = () => /* @__PURE__ */ n.jsxs(
   "svg",
   {
     viewBox: "-2.4 -2.4 28.80 28.80",
@@ -1581,7 +1581,7 @@ const be = (e = ".w-wrapper-body") => {
       ) })
     ]
   }
-), Is = () => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "sync", className: "anticon anticon-sync", children: /* @__PURE__ */ n.jsx(
+), $s = () => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "sync", className: "anticon anticon-sync", children: /* @__PURE__ */ n.jsx(
   "svg",
   {
     viewBox: "64 64 896 896",
@@ -1668,7 +1668,7 @@ const be = (e = ".w-wrapper-body") => {
       )
     ]
   }
-) }), zs = () => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "delete", className: "anticon anticon-delete", children: /* @__PURE__ */ n.jsx(
+) }), Gs = () => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "delete", className: "anticon anticon-delete", children: /* @__PURE__ */ n.jsx(
   "svg",
   {
     viewBox: "64 64 896 896",
@@ -1679,7 +1679,7 @@ const be = (e = ".w-wrapper-body") => {
     "aria-hidden": "true",
     children: /* @__PURE__ */ n.jsx("path", { d: "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z" })
   }
-) }), Ys = () => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "close", className: "anticon anticon-close", children: /* @__PURE__ */ n.jsx(
+) }), zs = () => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "close", className: "anticon anticon-close", children: /* @__PURE__ */ n.jsx(
   "svg",
   {
     fillRule: "evenodd",
@@ -1692,7 +1692,7 @@ const be = (e = ".w-wrapper-body") => {
     "aria-hidden": "true",
     children: /* @__PURE__ */ n.jsx("path", { d: "M799.86 166.31c.02 0 .04.02.08.06l57.69 57.7c.04.03.05.05.06.08a.12.12 0 010 .06c0 .03-.02.05-.06.09L569.93 512l287.7 287.7c.04.04.05.06.06.09a.12.12 0 010 .07c0 .02-.02.04-.06.08l-57.7 57.69c-.03.04-.05.05-.07.06a.12.12 0 01-.07 0c-.03 0-.05-.02-.09-.06L512 569.93l-287.7 287.7c-.04.04-.06.05-.09.06a.12.12 0 01-.07 0c-.02 0-.04-.02-.08-.06l-57.69-57.7c-.04-.03-.05-.05-.06-.07a.12.12 0 010-.07c0-.03.02-.05.06-.09L454.07 512l-287.7-287.7c-.04-.04-.05-.06-.06-.09a.12.12 0 010-.07c0-.02.02-.04.06-.08l57.7-57.69c.03-.04.05-.05.07-.06a.12.12 0 01.07 0c.03 0 .05.02.09.06L512 454.07l287.7-287.7c.04-.04.06-.05.09-.06a.12.12 0 01.07 0z" })
   }
-) }), Gs = () => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "upload", className: "anticon anticon-upload", children: /* @__PURE__ */ n.jsx(
+) }), Ys = () => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "upload", className: "anticon anticon-upload", children: /* @__PURE__ */ n.jsx(
   "svg",
   {
     viewBox: "64 64 896 896",
@@ -1782,7 +1782,7 @@ const be = (e = ".w-wrapper-body") => {
     "aria-hidden": "true",
     children: /* @__PURE__ */ n.jsx("path", { d: "M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM790.2 326H602V137.8L790.2 326zm1.8 562H232V136h302v216a42 42 0 0042 42h216v494z" })
   }
-) }), Ps = ({ ...e }) => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "loading", ...e, children: /* @__PURE__ */ n.jsx(
+) }), Ps = ({ ...e }) => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "loading", ...e, className: "w-spin-animate", children: /* @__PURE__ */ n.jsx(
   "svg",
   {
     viewBox: "0 0 1024 1024",
@@ -1795,19 +1795,19 @@ const be = (e = ".w-wrapper-body") => {
     children: /* @__PURE__ */ n.jsx("path", { d: "M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z" })
   }
 ) }), P = ({ type: e = "", chatProps: t, ...s }) => {
-  const r = L(() => ({
+  const r = R(() => ({
     minimize: Ms,
     expand: Fs,
     send: Hs,
-    stop: $s,
-    sync: Is,
+    stop: Is,
+    sync: $s,
     left: Bs,
     right: Us,
     like: () => /* @__PURE__ */ n.jsx(Ws, { ...t }),
     dislike: () => /* @__PURE__ */ n.jsx(Vs, { ...t }),
-    delete: zs,
-    close: Ys,
-    upload: Gs,
+    delete: Gs,
+    close: zs,
+    upload: Ys,
     filter: Ks,
     down: qs,
     "paper-clip": Js,
@@ -1815,10 +1815,10 @@ const be = (e = ".w-wrapper-body") => {
     smile: Zs,
     file: Xs,
     loading: () => /* @__PURE__ */ n.jsx(Ps, { ...s })
-  }), [e, t]);
+  }), [e, t, s]);
   return /* @__PURE__ */ n.jsx(ss, { component: r == null ? void 0 : r[e], ...s });
-}, ut = Ee({}), ve = () => ye(ut), er = ({ children: e }) => {
-  const [t, s] = N("va"), r = L(() => t === "va", [t]);
+}, ut = Te({}), be = () => ye(ut), er = ({ children: e }) => {
+  const [t, s] = D("va"), r = R(() => t === "va", [t]);
   return /* @__PURE__ */ n.jsx(
     ut.Provider,
     {
@@ -1831,112 +1831,112 @@ const be = (e = ".w-wrapper-body") => {
     }
   );
 }, nr = ({ ...e }) => {
-  const t = j(
+  const t = _(
     "WeLoveToHearAboutYourExperienceWithTheSunfishChatbot",
     "We'd love to hear about your experience with the Sunfish chatbot"
-  ), s = j(
+  ), s = _(
     "ShareAnyCommentsOrSuggestionsToHelpUsImprove",
     "Share any comments or suggestions to help us improve"
-  ), r = j("Submit", "Submit"), c = j(
+  ), r = _("Submit", "Submit"), i = _(
     "ThankFeedback",
     "Thank You for your feedback"
-  ), l = j(
+  ), c = _(
     "AdditionalFeedback",
     "Additional Feedback"
-  ), [o] = oe.useForm(), [a, d] = N(!1), [u, f] = N(""), { setChats: g } = ue(), { objInitPayload: m } = Q(), { activeTab: v } = ve(), E = L(() => {
-    var x;
-    const C = ie(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" && ((x = e == null ? void 0 : e.text_thumbsup_link) == null ? void 0 : x.trim()) !== "" && C;
-  }, [e]), k = L(() => {
-    var x;
-    const C = ie(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" && ((x = e == null ? void 0 : e.text_thumbsdown_link) == null ? void 0 : x.trim()) !== "" && C;
-  }, [e]), w = L(() => {
-    if (m != null && m.uriBackend)
+  ), [o] = oe.useForm(), [a, d] = D(!1), [u, f] = D(""), { setChats: x } = ue(), { objInitPayload: g } = q(), { activeTab: b } = be(), y = R(() => {
+    var h;
+    const E = ie(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" && ((h = e == null ? void 0 : e.text_thumbsup_link) == null ? void 0 : h.trim()) !== "" && E;
+  }, [e]), w = R(() => {
+    var h;
+    const E = ie(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" && ((h = e == null ? void 0 : e.text_thumbsdown_link) == null ? void 0 : h.trim()) !== "" && E;
+  }, [e]), A = R(() => {
+    if (g != null && g.uriBackend)
       try {
-        return new URL(m.uriBackend).origin;
+        return new URL(g.uriBackend).origin;
       } catch {
         return "";
       }
     return "";
-  }, [m == null ? void 0 : m.uriBackend]), y = (C) => {
-    var B;
-    const x = C === "like" ? e == null ? void 0 : e.text_thumbsup_link : e == null ? void 0 : e.text_thumbsdown_link, {
-      access_token: b = "",
-      companycode: h = "",
-      companyid: D = "",
-      uriBackend: O = "",
-      uriBackendEnt: _ = "",
-      lang: q = ""
-    } = m || {}, Y = u === "another" ? o == null ? void 0 : o.getFieldValue("ADDITIONAL_FEEDBACK") : u;
-    (B = Re({
+  }, [g == null ? void 0 : g.uriBackend]), p = (E) => {
+    var M;
+    const h = E === "like" ? e == null ? void 0 : e.text_thumbsup_link : e == null ? void 0 : e.text_thumbsdown_link, {
+      access_token: m = "",
+      companycode: v = "",
+      companyid: C = "",
+      uriBackend: j = "",
+      uriBackendEnt: S = "",
+      lang: I = ""
+    } = g || {}, B = u === "another" ? o == null ? void 0 : o.getFieldValue("ADDITIONAL_FEEDBACK") : u;
+    (M = Re({
       method: "POST",
-      url: x,
+      url: h,
       data: {
         message_id: e == null ? void 0 : e.id,
-        response_type: C === "like" ? "up" : "down",
-        ...C === "dislike" && {
-          additional_feedback: Y
+        response_type: E === "like" ? "up" : "down",
+        ...E === "dislike" && {
+          additional_feedback: B
         }
       },
       headers: {
         "Content-Type": "application/json",
-        Authorization: `Bearer ${b}`,
-        "company-code": `${h}`,
-        "company-id": `${D}`,
-        uriBackend: `${O}`,
-        uriBackendEnt: `${_}`,
-        "custom-origin": `${w}`,
-        "Acc-Name": `${h.toUpperCase()}`,
-        Language: `${q}`
+        Authorization: `Bearer ${m}`,
+        "company-code": `${v}`,
+        "company-id": `${C}`,
+        uriBackend: `${j}`,
+        uriBackendEnt: `${S}`,
+        "custom-origin": `${A}`,
+        "Acc-Name": `${v.toUpperCase()}`,
+        Language: `${I}`
       }
-    })) == null || B.then((S) => {
-      var M, I, F;
-      (S == null ? void 0 : S.status) === 200 && (a && d(!1), (M = me) == null || M.destroy(), (I = me) == null || I.config({
+    })) == null || M.then((L) => {
+      var F, $, H;
+      (L == null ? void 0 : L.status) === 200 && (a && d(!1), (F = Ce) == null || F.destroy(), ($ = Ce) == null || $.config({
         getContainer: () => document.querySelector(".w-widget-content-container"),
         top: 28,
         placement: "top",
         duration: 3
-      }), (F = me) == null || F.success({
-        message: c,
+      }), (H = Ce) == null || H.success({
+        message: i,
         className: "w-notification-content"
-      }), g((U) => {
-        var J;
-        return (J = U == null ? void 0 : U.map((Z) => {
+      }), x((V) => {
+        var Q;
+        return (Q = V == null ? void 0 : V.map((X) => {
           var ee;
-          if (ie(Z, "chats")) {
-            const ae = (ee = Z == null ? void 0 : Z.chats) == null ? void 0 : ee.map((ce) => (ce == null ? void 0 : ce.indexChat) === (e == null ? void 0 : e.indexChat) ? {
+          if (ie(X, "chats")) {
+            const ae = (ee = X == null ? void 0 : X.chats) == null ? void 0 : ee.map((ce) => (ce == null ? void 0 : ce.indexChat) === (e == null ? void 0 : e.indexChat) ? {
               ...ce,
-              feedback: C
+              feedback: E
             } : ce);
             return {
-              ...Z,
+              ...X,
               chats: ae
             };
           }
-          return (e == null ? void 0 : e.message_id) === (Z == null ? void 0 : Z.message_id) ? {
-            ...Z,
-            feedback: C
-          } : Z;
-        })) == null ? void 0 : J.flat();
+          return (e == null ? void 0 : e.message_id) === (X == null ? void 0 : X.message_id) ? {
+            ...X,
+            feedback: E
+          } : X;
+        })) == null ? void 0 : Q.flat();
       }));
     });
   };
-  return X(() => {
-    var C;
-    (C = me) == null || C.destroy();
-  }, [v]), /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-    E && /* @__PURE__ */ n.jsx(
-      W,
+  return Z(() => {
+    var E;
+    (E = Ce) == null || E.destroy();
+  }, [b]), /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+    y && /* @__PURE__ */ n.jsx(
+      G,
       {
         icon: /* @__PURE__ */ n.jsx(P, { type: "like", chatProps: e }),
         onClick: () => {
-          (e == null ? void 0 : e.feedback) !== "like" && y("like");
+          (e == null ? void 0 : e.feedback) !== "like" && p("like");
         }
       }
     ),
-    k && /* @__PURE__ */ n.jsx(
-      W,
+    w && /* @__PURE__ */ n.jsx(
+      G,
       {
         icon: /* @__PURE__ */ n.jsx(P, { type: "dislike", chatProps: e }),
         onClick: () => {
@@ -1954,7 +1954,7 @@ const be = (e = ".w-wrapper-body") => {
           d(!1);
         },
         onOk: () => {
-          y("dislike");
+          p("dislike");
         },
         children: [
           /* @__PURE__ */ n.jsx("p", { style: { textAlign: "center", fontWeight: 600, fontSize: 14 }, children: t }),
@@ -1963,33 +1963,33 @@ const be = (e = ".w-wrapper-body") => {
             "!"
           ] }),
           /* @__PURE__ */ n.jsx(
-            Gt.Group,
+            Yt.Group,
             {
               className: "w-list-feedback-suggestion",
               options: gs,
               optionType: "button",
               buttonStyle: "solid",
-              onChange: (C) => {
-                var x;
-                f((x = C == null ? void 0 : C.target) == null ? void 0 : x.value);
+              onChange: (E) => {
+                var h;
+                f((h = E == null ? void 0 : E.target) == null ? void 0 : h.value);
               }
             }
           ),
           u === "another" && /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-            /* @__PURE__ */ n.jsx(Kt, { children: l }),
+            /* @__PURE__ */ n.jsx(Kt, { children: c }),
             /* @__PURE__ */ n.jsx(oe, { form: o, layout: "vertical", children: /* @__PURE__ */ n.jsx(oe.Item, { name: "ADDITIONAL_FEEDBACK", children: /* @__PURE__ */ n.jsx(Be.TextArea, { rows: 3 }) }) })
           ] })
         ]
       }
     )
   ] });
-}, tr = A(nr), sr = ({
+}, tr = O(nr), sr = ({
   showFeedback: e = !0,
   showRegenerate: t = !0,
   position: s = "left",
   ...r
 }) => {
-  const c = ys(), { chats: l, onSendMsg: o, setChats: a, loadingRegenerate: d, currRegenerateId: u } = ue(), f = L(() => r == null ? void 0 : r.sender, [r]), g = L(() => l == null ? void 0 : l.filter((w) => (w == null ? void 0 : w.sender) === "client"), [l]), m = L(() => t && f === "response" && (g == null ? void 0 : g.length) > 0 && (r == null ? void 0 : r.indexChat) === (l == null ? void 0 : l.length) - 1, [f, g, l, r == null ? void 0 : r.indexChat, t]), v = L(() => {
+  const i = ys(), { chats: c, onSendMsg: o, setChats: a, loadingRegenerate: d, currRegenerateId: u } = ue(), f = R(() => r == null ? void 0 : r.sender, [r]), x = R(() => c == null ? void 0 : c.filter((A) => (A == null ? void 0 : A.sender) === "client"), [c]), g = R(() => t && f === "response" && (x == null ? void 0 : x.length) > 0 && (r == null ? void 0 : r.indexChat) === (c == null ? void 0 : c.length) - 1, [f, x, c, r == null ? void 0 : r.indexChat, t]), b = R(() => {
     switch (s) {
       case "left":
         return "flex-start";
@@ -1998,21 +1998,21 @@ const be = (e = ".w-wrapper-body") => {
       case "right":
         return "flex-end";
     }
-  }, [s]), E = L(() => e && (r == null ? void 0 : r.text_FeedbackIcons) === "hidup", [r, e]), k = () => {
-    const w = g == null ? void 0 : g[(g == null ? void 0 : g.length) - 1], y = l == null ? void 0 : l[(l == null ? void 0 : l.length) - 1];
+  }, [s]), y = R(() => e && (r == null ? void 0 : r.text_FeedbackIcons) === "hidup", [r, e]), w = () => {
+    const A = x == null ? void 0 : x[(x == null ? void 0 : x.length) - 1], p = c == null ? void 0 : c[(c == null ? void 0 : c.length) - 1];
     a(
-      (C = []) => C == null ? void 0 : C.map((x, b) => b === (C == null ? void 0 : C.length) - 1 && (x == null ? void 0 : x.sender) === "response" ? {
-        ...x,
-        generated_id: (y == null ? void 0 : y.generated_id) ?? c
+      (E = []) => E == null ? void 0 : E.map((h, m) => m === (E == null ? void 0 : E.length) - 1 && (h == null ? void 0 : h.sender) === "response" ? {
+        ...h,
+        generated_id: (p == null ? void 0 : p.generated_id) ?? i
         // adjust with response
-      } : x)
-    ), u.current = (y == null ? void 0 : y.generated_id) ?? c, o({
-      msg: w == null ? void 0 : w.text,
+      } : h)
+    ), u.current = (p == null ? void 0 : p.generated_id) ?? i, o({
+      msg: A == null ? void 0 : A.text,
       additionalConfig: {
-        generate_id: (y == null ? void 0 : y.generated_id) ?? c
+        generate_id: (p == null ? void 0 : p.generated_id) ?? i
       },
       isShowLoadingResponse: d
-    }), be();
+    }), me();
   };
   return /* @__PURE__ */ n.jsx(n.Fragment, { children: /* @__PURE__ */ n.jsxs(
     "div",
@@ -2020,86 +2020,86 @@ const be = (e = ".w-wrapper-body") => {
       style: {
         display: "flex",
         gap: 8,
-        justifyContent: v
+        justifyContent: b
       },
       children: [
-        m && /* @__PURE__ */ n.jsx(
-          W,
+        g && /* @__PURE__ */ n.jsx(
+          G,
           {
             loading: d,
             icon: /* @__PURE__ */ n.jsx(P, { type: "sync" }),
             onClick: () => {
-              k();
+              w();
             }
           }
         ),
-        E && /* @__PURE__ */ n.jsx(tr, { ...r })
+        y && /* @__PURE__ */ n.jsx(tr, { ...r })
       ]
     }
   ) });
-}, Cn = A(sr), rr = ({ nameFallback: e = "", ...t }) => /* @__PURE__ */ n.jsx(
+}, Cn = O(sr), rr = ({ nameFallback: e = "", ...t }) => /* @__PURE__ */ n.jsx(
   qt,
   {
     ...typeof (t == null ? void 0 : t.onError) != "function" && {
-      fallback: yn(e)
+      fallback: jn(e)
     },
     placeholder: /* @__PURE__ */ n.jsx(de.Image, { style: { width: "100%", height: "100%" } }),
     loading: "lazy",
     ...t
   }
-), jn = A(rr), or = ({ nameFallback: e = "", ...t }) => {
-  const s = K(0);
+), wn = O(rr), or = ({ nameFallback: e = "", ...t }) => {
+  const s = z(0);
   return /* @__PURE__ */ n.jsx(
     Qn,
     {
       ...t,
       src: /* @__PURE__ */ n.jsx(
-        jn,
+        wn,
         {
           src: t == null ? void 0 : t.src,
           nameFallback: e,
           ...t,
           onError: (r) => {
-            s.current += 1, (s == null ? void 0 : s.current) < 3 ? r.target.src = ot(t == null ? void 0 : t.src) : r.target.src = yn(e);
+            s.current += 1, (s == null ? void 0 : s.current) < 3 ? r.target.src = ot(t == null ? void 0 : t.src) : r.target.src = jn(e);
           }
         }
       )
     }
   );
-}, he = A(or);
-he.Group = Qn.Group;
+}, Ee = O(or);
+Ee.Group = Qn.Group;
 const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", children: [
   /* @__PURE__ */ n.jsx("div", {}),
   /* @__PURE__ */ n.jsx("div", {}),
   /* @__PURE__ */ n.jsx("div", {}),
   /* @__PURE__ */ n.jsx("div", {})
-] }), ft = A(cr), ir = () => {
-  const { widgetProps: e } = Q();
+] }), ft = O(cr), ir = () => {
+  const { widgetProps: e } = q();
   return /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
-    /* @__PURE__ */ n.jsx(he, { src: Ze, nameFallback: e == null ? void 0 : e.title }),
+    /* @__PURE__ */ n.jsx(Ee, { src: Ze, nameFallback: e == null ? void 0 : e.title }),
     /* @__PURE__ */ n.jsx(ft, {})
   ] });
-}, wn = A(ir), lr = ({ src: e, name: t }) => /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
-  /* @__PURE__ */ n.jsx(he, { src: e, preview: !1, nameFallback: t }),
-  /* @__PURE__ */ n.jsx(V.Text, { children: t })
-] }), Ue = A(lr), ar = ({ ...e }) => {
-  var f, g;
-  const [t, s] = N(1), { loadingRegenerate: r, currRegenerateId: c } = ue(), { isExpand: l, widgetProps: o } = Q(), a = L(() => e == null ? void 0 : e.sender, [e]), d = L(() => e == null ? void 0 : e.chats, [e == null ? void 0 : e.chats]), u = L(() => {
-    const m = d == null ? void 0 : d[(d == null ? void 0 : d.length) - 1];
-    return (m == null ? void 0 : m.generated_id) === c.current;
-  }, [d, e, c.current]);
-  return X(() => {
-    !r && (d == null ? void 0 : d.length) > 0 && (s(d == null ? void 0 : d.length), be());
-  }, [r]), r && u ? /* @__PURE__ */ n.jsx(wn, {}) : /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+}, pn = O(ir), lr = ({ src: e, name: t }) => /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
+  /* @__PURE__ */ n.jsx(Ee, { src: e, preview: !1, nameFallback: t }),
+  /* @__PURE__ */ n.jsx(Y.Text, { children: t })
+] }), Ue = O(lr), ar = ({ ...e }) => {
+  var f, x;
+  const [t, s] = D(1), { loadingRegenerate: r, currRegenerateId: i } = ue(), { isExpand: c, widgetProps: o } = q(), a = R(() => e == null ? void 0 : e.sender, [e]), d = R(() => e == null ? void 0 : e.chats, [e == null ? void 0 : e.chats]), u = R(() => {
+    const g = d == null ? void 0 : d[(d == null ? void 0 : d.length) - 1];
+    return (g == null ? void 0 : g.generated_id) === i.current;
+  }, [d, e, i.current]);
+  return Z(() => {
+    !r && (d == null ? void 0 : d.length) > 0 && (s(d == null ? void 0 : d.length), me());
+  }, [r]), r && u ? /* @__PURE__ */ n.jsx(pn, {}) : /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
     a === "response" && /* @__PURE__ */ n.jsx(Ue, { name: o == null ? void 0 : o.title, src: Ze }),
-    /* @__PURE__ */ n.jsx("div", { style: { display: "flex", gap: 8 }, children: d == null ? void 0 : d.map((m, v) => {
-      var w;
-      const E = v === ((w = e == null ? void 0 : e.chats) == null ? void 0 : w.length) - 1, k = t === v + 1;
+    /* @__PURE__ */ n.jsx("div", { style: { display: "flex", gap: 8 }, children: d == null ? void 0 : d.map((g, b) => {
+      var A;
+      const y = b === ((A = e == null ? void 0 : e.chats) == null ? void 0 : A.length) - 1, w = t === b + 1;
       return /* @__PURE__ */ n.jsxs(
         "div",
         {
           style: {
-            display: k ? "flex" : "none",
+            display: w ? "flex" : "none",
             flexDirection: "column",
             gap: 8
           },
@@ -2108,16 +2108,16 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
             /* @__PURE__ */ n.jsx(
               "div",
               {
-                ...E && {
-                  className: `w-regenerate-chat-last ${l ? "w-regenerate-chat-last-expand" : ""}`
+                ...y && {
+                  className: `w-regenerate-chat-last ${c ? "w-regenerate-chat-last-expand" : ""}`
                 },
                 children: /* @__PURE__ */ n.jsxs(
                   "div",
                   {
-                    className: `w-bubble-chat w-bubble-chat-regenerate  ${`w-${a}`} ${l ? "w-bubble-chat-regenerate-expand" : ""}`,
+                    className: `w-bubble-chat w-bubble-chat-regenerate  ${`w-${a}`} ${c ? "w-bubble-chat-regenerate-expand" : ""}`,
                     children: [
-                      /* @__PURE__ */ n.jsx(dt, { children: m == null ? void 0 : m.text }),
-                      a === "response" && /* @__PURE__ */ n.jsx("span", { style: { fontSize: 12, color: "rgba(0,0,0,0.4)" }, children: m == null ? void 0 : m.timestamp })
+                      /* @__PURE__ */ n.jsx(dt, { children: g == null ? void 0 : g.text }),
+                      a === "response" && /* @__PURE__ */ n.jsx("span", { style: { fontSize: 12, color: "rgba(0,0,0,0.4)" }, children: g == null ? void 0 : g.timestamp })
                     ]
                   }
                 )
@@ -2128,12 +2128,12 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
               {
                 showFeedback: !0,
                 showRegenerate: !1,
-                ...m
+                ...g
               }
             )
           ]
         },
-        v
+        b
       );
     }) }),
     /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", gap: 8, justifyContent: "center" }, children: [
@@ -2147,42 +2147,42 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       ),
       /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", gap: 4, alignItems: "center" }, children: [
         /* @__PURE__ */ n.jsx(
-          W,
+          G,
           {
             size: "small",
             shape: "circle",
             disabled: t === 1,
             icon: /* @__PURE__ */ n.jsx(P, { type: "left" }),
             onClick: () => {
-              t > 1 && s((m) => m - 1);
+              t > 1 && s((g) => g - 1);
             }
           }
         ),
-        /* @__PURE__ */ n.jsxs(V.Text, { children: [
+        /* @__PURE__ */ n.jsxs(Y.Text, { children: [
           t,
           " / ",
           (f = e == null ? void 0 : e.chats) == null ? void 0 : f.length
         ] }),
         /* @__PURE__ */ n.jsx(
-          W,
+          G,
           {
             size: "small",
             shape: "circle",
-            disabled: t === ((g = e == null ? void 0 : e.chats) == null ? void 0 : g.length),
+            disabled: t === ((x = e == null ? void 0 : e.chats) == null ? void 0 : x.length),
             icon: /* @__PURE__ */ n.jsx(P, { type: "right" }),
             onClick: () => {
-              var m;
-              t < ((m = e == null ? void 0 : e.chats) == null ? void 0 : m.length) && s((v) => v + 1);
+              var g;
+              t < ((g = e == null ? void 0 : e.chats) == null ? void 0 : g.length) && s((b) => b + 1);
             }
           }
         )
       ] })
     ] })
   ] });
-}, dr = A(ar), ur = ({ date: e, format: t, sender: s, ...r }) => {
-  var c, l;
+}, dr = O(ar), ur = ({ date: e, format: t, sender: s, ...r }) => {
+  var i, c;
   return /* @__PURE__ */ n.jsx(
-    V.Text,
+    Y.Text,
     {
       ...r,
       type: "secondary",
@@ -2192,32 +2192,32 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         ...s === "client" && {
           textAlign: "right"
         },
-        ...((c = Object.keys((r == null ? void 0 : r.style) || {})) == null ? void 0 : c.length) > 0 && {
+        ...((i = Object.keys((r == null ? void 0 : r.style) || {})) == null ? void 0 : i.length) > 0 && {
           ...r == null ? void 0 : r.style
         }
       },
-      children: t ? (l = le(e)) == null ? void 0 : l.format(t) : e
+      children: t ? (c = le(e)) == null ? void 0 : c.format(t) : e
     }
   );
-}, We = A(ur), fr = ({ ...e }) => {
+}, We = O(ur), fr = ({ ...e }) => {
   var o;
-  const { loadingRegenerate: t, chats: s } = ue(), { widgetProps: r } = Q(), c = L(() => (s == null ? void 0 : s.length) - 1 === (e == null ? void 0 : e.indexChat), [s]), l = L(() => e == null ? void 0 : e.sender, [e]);
-  return ((o = e == null ? void 0 : e.chats) == null ? void 0 : o.length) > 0 ? /* @__PURE__ */ n.jsx(dr, { ...e }) : t && c ? /* @__PURE__ */ n.jsx(wn, {}) : /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-    l === "response" && /* @__PURE__ */ n.jsx(Ue, { name: r == null ? void 0 : r.title, src: Ze }),
-    /* @__PURE__ */ n.jsxs("div", { className: `w-bubble-chat ${`w-${l}`}`, children: [
+  const { loadingRegenerate: t, chats: s } = ue(), { widgetProps: r } = q(), i = R(() => (s == null ? void 0 : s.length) - 1 === (e == null ? void 0 : e.indexChat), [s]), c = R(() => e == null ? void 0 : e.sender, [e]);
+  return ((o = e == null ? void 0 : e.chats) == null ? void 0 : o.length) > 0 ? /* @__PURE__ */ n.jsx(dr, { ...e }) : t && i ? /* @__PURE__ */ n.jsx(pn, {}) : /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+    c === "response" && /* @__PURE__ */ n.jsx(Ue, { name: r == null ? void 0 : r.title, src: Ze }),
+    /* @__PURE__ */ n.jsxs("div", { className: `w-bubble-chat ${`w-${c}`}`, children: [
       /* @__PURE__ */ n.jsx(dt, { children: e == null ? void 0 : e.text }),
-      /* @__PURE__ */ n.jsx(We, { date: e == null ? void 0 : e.timestamp, sender: l })
+      /* @__PURE__ */ n.jsx(We, { date: e == null ? void 0 : e.timestamp, sender: c })
     ] }),
     /* @__PURE__ */ n.jsx(Cn, { ...e })
   ] });
-}, Ie = A(fr), xr = () => {
-  const e = j(
+}, $e = O(fr), xr = () => {
+  const e = _(
     "PleaseUploadFile",
     "Please upload specify file that needed to complete your request"
-  ), t = j("ClickToUpload", "Click to upload"), s = j(
+  ), t = _("ClickToUpload", "Click to upload"), s = _(
     "ContinueWithoutUpload",
     "Continue without upload"
-  ), { onSendMsg: r, setFile: c } = ue(), l = () => {
+  ), { onSendMsg: r, setFile: i } = ue(), c = () => {
     r({
       msg: "CANCEL UPLOAD"
     });
@@ -2232,7 +2232,7 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         marginBottom: 12
       },
       children: [
-        /* @__PURE__ */ n.jsx(Ie, { sender: "response", text: `${e}...` }),
+        /* @__PURE__ */ n.jsx($e, { sender: "response", text: `${e}...` }),
         /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", gap: 8 }, children: [
           /* @__PURE__ */ n.jsx(
             Zn,
@@ -2242,88 +2242,88 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
               fileList: [],
               accept: ".doc, .jpg, .ods, .png, .txt, .docx, .pdf",
               onChange: (o) => {
-                c(o == null ? void 0 : o.file);
+                i(o == null ? void 0 : o.file);
               },
-              children: /* @__PURE__ */ n.jsx(W, { icon: /* @__PURE__ */ n.jsx(P, { type: "upload" }), children: t })
+              children: /* @__PURE__ */ n.jsx(G, { icon: /* @__PURE__ */ n.jsx(P, { type: "upload" }), children: t })
             }
           ),
-          /* @__PURE__ */ n.jsx(W, { type: "dashed", onClick: l, children: s })
+          /* @__PURE__ */ n.jsx(G, { type: "dashed", onClick: c, children: s })
         ] })
       ]
     }
   );
-}, gr = A(xr), Cr = () => {
-  const [e, t] = N(!1), [s, r] = N(!1), [c, l] = N(!1), [o, a] = N(3), [d, u] = N(!1), [f, g] = N(""), { widgetProps: m } = Q(), { onSendMsg: v, chats: E } = ue(), { onSubmitPYPwd: k = () => {
-  }, onCheckPYAccess: w = () => {
-  } } = (m == null ? void 0 : m.onPayslipFn) || {}, y = j(
+}, gr = O(xr), Cr = () => {
+  const [e, t] = D(!1), [s, r] = D(!1), [i, c] = D(!1), [o, a] = D(3), [d, u] = D(!1), [f, x] = D(""), { widgetProps: g } = q(), { onSendMsg: b, chats: y } = ue(), { onSubmitPYPwd: w = () => {
+  }, onCheckPYAccess: A = () => {
+  } } = (g == null ? void 0 : g.onPayslipFn) || {}, p = _(
     "ProvidePasswordPayslip",
     "Please provide your password account to access the download"
-  ), C = j("Cancel", "Cancel"), x = j("Submit", "Submit"), b = j("Password", "Password"), h = j("IsRequired", "Is Required"), D = j(
+  ), E = _("Cancel", "Cancel"), h = _("Submit", "Submit"), m = _("Password", "Password"), v = _("IsRequired", "Is Required"), C = _(
     "PasswordPayslipValid",
     "Your password is valid. Please download the payslip file"
-  ), O = j(
+  ), j = _(
     "AttemptPasswordExceeded",
     "Your attempt to enter the password exceeded the limit"
-  ), _ = j(
+  ), S = _(
     "VerifyAccessPayslip",
     "Please wait, verifying access to your payslip"
-  ), q = j(
+  ), I = _(
     "WrongPwdPayslip",
     "The password you entered is incorrect. Please try again or contact support if you need assistance"
-  ), Y = j(
+  ), B = _(
     "SessionExpired",
     "Session expired. Please log in again to continue"
-  ), [B] = oe.useForm(), S = () => {
-    var F, U, J;
-    l(!0), u(!0), (J = (U = (F = w()) == null ? void 0 : F.then((Z) => {
+  ), [M] = oe.useForm(), L = () => {
+    var H, V, Q;
+    c(!0), u(!0), (Q = (V = (H = A()) == null ? void 0 : H.then((X) => {
       var ee, ae;
-      const se = (ae = (ee = Z == null ? void 0 : Z.data) == null ? void 0 : ee.DATA) == null ? void 0 : ae.RESULT;
-      se && v({ msg: "Valid" }), t(se), g("");
-    })) == null ? void 0 : U.catch((Z) => {
-      g(Z == null ? void 0 : Z.toString());
-    })) == null || J.finally(() => {
+      const se = (ae = (ee = X == null ? void 0 : X.data) == null ? void 0 : ee.DATA) == null ? void 0 : ae.RESULT;
+      se && b({ msg: "Valid" }), t(se), x("");
+    })) == null ? void 0 : V.catch((X) => {
+      x(X == null ? void 0 : X.toString());
+    })) == null || Q.finally(() => {
       r(!1), u(!1);
     });
-  }, M = () => {
-    v({ msg: "cancel" }), l(!1);
-  }, I = () => {
-    var U;
-    const F = B == null ? void 0 : B.getFieldValue("pwd");
-    (U = B == null ? void 0 : B.validateFields()) == null || U.then(() => {
-      var J, Z;
-      r(!0), (Z = (J = k(F)) == null ? void 0 : J.then(({ data: se }) => {
+  }, F = () => {
+    b({ msg: "cancel" }), c(!1);
+  }, $ = () => {
+    var V;
+    const H = M == null ? void 0 : M.getFieldValue("pwd");
+    (V = M == null ? void 0 : M.validateFields()) == null || V.then(() => {
+      var Q, X;
+      r(!0), (X = (Q = w(H)) == null ? void 0 : Q.then(({ data: se }) => {
         var ee;
-        (ee = se == null ? void 0 : se.DATA) != null && ee.ISVALID ? S() : (g(q), a(o - 1), r(!1));
-      })) == null || Z.catch((se) => {
-        var ae, ce, Ne, Ve, ze;
+        (ee = se == null ? void 0 : se.DATA) != null && ee.ISVALID ? L() : (x(I), a(o - 1), r(!1));
+      })) == null || X.catch((se) => {
+        var ae, ce, Ne, Ve, Ge;
         const ee = se == null ? void 0 : se.response;
         if ((ee == null ? void 0 : ee.status) === 401) {
           const Me = (ce = (ae = ee == null ? void 0 : ee.data) == null ? void 0 : ae.ERRORS) == null ? void 0 : ce.includes(
             "ACCESS_TOKEN_EXPIRED"
-          ), Fe = (ze = (Ve = (Ne = ee == null ? void 0 : ee.data) == null ? void 0 : Ne.MESSAGE) == null ? void 0 : Ve.toLowerCase()) == null ? void 0 : ze.includes(
+          ), Fe = (Ge = (Ve = (Ne = ee == null ? void 0 : ee.data) == null ? void 0 : Ne.MESSAGE) == null ? void 0 : Ve.toLowerCase()) == null ? void 0 : Ge.includes(
             "invalid password"
           );
-          Me && g(Y), Fe && (g(q), a(o - 1), r(!1));
+          Me && x(B), Fe && (x(I), a(o - 1), r(!1));
         } else
-          g(se == null ? void 0 : se.toString());
+          x(se == null ? void 0 : se.toString());
         r(!1);
       });
     });
   };
-  return X(() => {
-    var U;
-    const F = E == null ? void 0 : E[(E == null ? void 0 : E.length) - 1];
-    ((U = F == null ? void 0 : F.attachment) == null ? void 0 : U.type) === "show_password_wp" && S();
-  }, []), c ? d ? /* @__PURE__ */ n.jsx(Ie, { sender: "response", text: `${_}...` }) : o === 0 ? /* @__PURE__ */ n.jsx(Ie, { sender: "response", text: O }) : f ? /* @__PURE__ */ n.jsx(Ie, { sender: "response", text: f }) : /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
-    /* @__PURE__ */ n.jsx(oe, { form: B, layout: "vertical", children: /* @__PURE__ */ n.jsx(
+  return Z(() => {
+    var V;
+    const H = y == null ? void 0 : y[(y == null ? void 0 : y.length) - 1];
+    ((V = H == null ? void 0 : H.attachment) == null ? void 0 : V.type) === "show_password_wp" && L();
+  }, []), i ? d ? /* @__PURE__ */ n.jsx($e, { sender: "response", text: `${S}...` }) : o === 0 ? /* @__PURE__ */ n.jsx($e, { sender: "response", text: j }) : f ? /* @__PURE__ */ n.jsx($e, { sender: "response", text: f }) : /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
+    /* @__PURE__ */ n.jsx(oe, { form: M, layout: "vertical", children: /* @__PURE__ */ n.jsx(
       oe.Item,
       {
         name: "pwd",
-        label: e ? D : y,
+        label: e ? C : p,
         rules: [
           {
             required: !0,
-            message: `${b} ${h}`
+            message: `${m} ${v}`
           }
         ],
         children: /* @__PURE__ */ n.jsx(
@@ -2340,35 +2340,35 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       }
     ) }),
     !e && /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", gap: 8 }, children: [
-      /* @__PURE__ */ n.jsx(W, { disabled: s, onClick: M, children: C }),
-      /* @__PURE__ */ n.jsx(W, { type: "primary", onClick: I, loading: s, children: x })
+      /* @__PURE__ */ n.jsx(G, { disabled: s, onClick: F, children: E }),
+      /* @__PURE__ */ n.jsx(G, { type: "primary", onClick: $, loading: s, children: h })
     ] })
   ] }) : null;
-}, mr = A(Cr), br = ({ ...e }) => {
-  const { objInitPayload: t } = Q(), s = L(() => tt(t == null ? void 0 : t.access_token), [t]), r = () => {
-    var l, o;
-    const c = e == null ? void 0 : e.attachment;
+}, mr = O(Cr), br = ({ ...e }) => {
+  const { objInitPayload: t } = q(), s = R(() => tt(t == null ? void 0 : t.access_token), [t]), r = () => {
+    var c, o;
+    const i = e == null ? void 0 : e.attachment;
     (o = Re({
       method: "POST",
-      url: c == null ? void 0 : c.endpoint,
-      data: c == null ? void 0 : c.body,
+      url: i == null ? void 0 : i.endpoint,
+      data: i == null ? void 0 : i.body,
       headers: {
         Authorization: `Bearer ${t == null ? void 0 : t.access_token}`,
-        "Content-Type": c == null ? void 0 : c.headers["Content-Type"],
+        "Content-Type": i == null ? void 0 : i.headers["Content-Type"],
         coid: t == null ? void 0 : t.companyid,
         "Company-Id": t == null ? void 0 : t.companyid,
-        "Acc-Name": (l = s == null ? void 0 : s.INSTANCE) == null ? void 0 : l.toLowerCase()
+        "Acc-Name": (c = s == null ? void 0 : s.INSTANCE) == null ? void 0 : c.toLowerCase()
       },
       responseType: "blob"
     })) == null || o.then((a) => {
-      var m;
-      const d = (m = c == null ? void 0 : c.body) == null ? void 0 : m.media, u = `${c == null ? void 0 : c.filename}.${d}`, f = new Blob([a == null ? void 0 : a.data]), g = URL == null ? void 0 : URL.createObjectURL(f);
-      Tn({ downloadURL: g, fileName: u }), URL.revokeObjectURL(g);
+      var g;
+      const d = (g = i == null ? void 0 : i.body) == null ? void 0 : g.media, u = `${i == null ? void 0 : i.filename}.${d}`, f = new Blob([a == null ? void 0 : a.data]), x = URL == null ? void 0 : URL.createObjectURL(f);
+      En({ downloadURL: x, fileName: u }), URL.revokeObjectURL(x);
     });
   };
-  return /* @__PURE__ */ n.jsx(W, { onClick: r, children: "Download file" });
-}, vr = A(br), Tr = ({ ...e }) => {
-  const t = K(), s = j("DownloadChart", "Download Chart"), r = L(() => e == null ? void 0 : e.attachment, [e == null ? void 0 : e.attachment]), c = L(() => {
+  return /* @__PURE__ */ n.jsx(G, { onClick: r, children: "Download file" });
+}, vr = O(br), hr = ({ ...e }) => {
+  const t = z(), s = _("DownloadChart", "Download Chart"), r = R(() => e == null ? void 0 : e.attachment, [e == null ? void 0 : e.attachment]), i = R(() => {
     var o;
     return (o = r == null ? void 0 : r.data) == null ? void 0 : o.map((a, d) => {
       var u, f;
@@ -2378,10 +2378,10 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         color: (f = r == null ? void 0 : r.colors) == null ? void 0 : f[d]
       };
     });
-  }, [r]), l = () => {
+  }, [r]), c = () => {
     var a;
     const o = (a = document == null ? void 0 : document.querySelector(".chart_widget canvas")) == null ? void 0 : a.toDataURL();
-    Tn({ fileName: r == null ? void 0 : r.title, downloadURL: o });
+    En({ fileName: r == null ? void 0 : r.title, downloadURL: o });
   };
   return /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
     /* @__PURE__ */ n.jsx(
@@ -2389,7 +2389,7 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       {
         className: "chart_widget",
         ref: t,
-        data: c,
+        data: i,
         angleField: "value",
         colorField: "label",
         label: {
@@ -2408,93 +2408,93 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       }
     ),
     /* @__PURE__ */ n.jsx("div", { style: { textAlign: "center" }, children: /* @__PURE__ */ n.jsx(
-      W,
+      G,
       {
         onClick: () => {
-          l();
+          c();
         },
         children: s
       }
     ) })
   ] });
-}, hr = A(Tr), Er = ({ ...e }) => {
-  var t, s, r, c, l;
+}, Er = O(hr), Tr = ({ ...e }) => {
+  var t, s, r, i, c;
   switch (!0) {
     case ((t = Ae(e)) == null ? void 0 : t.text):
-      return /* @__PURE__ */ n.jsx(Ie, { ...e });
+      return /* @__PURE__ */ n.jsx($e, { ...e });
     case ((s = Ae(e)) == null ? void 0 : s.upload):
       return /* @__PURE__ */ n.jsx(gr, { ...e });
     case ((r = Ae(e)) == null ? void 0 : r.password):
       return /* @__PURE__ */ n.jsx(mr, { ...e });
-    case ((c = Ae(e)) == null ? void 0 : c.filedownload):
+    case ((i = Ae(e)) == null ? void 0 : i.filedownload):
       return /* @__PURE__ */ n.jsx(vr, { ...e });
-    case ((l = Ae(e)) == null ? void 0 : l.chart):
-      return /* @__PURE__ */ n.jsx(hr, { ...e });
+    case ((c = Ae(e)) == null ? void 0 : c.chart):
+      return /* @__PURE__ */ n.jsx(Er, { ...e });
     default:
       return null;
   }
-}, yr = A(Er), jr = () => {
-  const { isOpenWidget: e, widgetProps: t } = Q(), { chats: s, isWaitResponse: r } = ue(), { activeTab: c } = ve();
-  return X(() => {
-    be();
-  }, [c]), e ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-    /* @__PURE__ */ n.jsx("div", { className: "w-bubble-chat-container", children: s == null ? void 0 : s.map((l, o) => {
+}, yr = O(Tr), jr = () => {
+  const { isOpenWidget: e, widgetProps: t } = q(), { chats: s, isWaitResponse: r } = ue(), { activeTab: i } = be();
+  return Z(() => {
+    me();
+  }, [i]), e ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+    /* @__PURE__ */ n.jsx("div", { className: "w-bubble-chat-container", children: s == null ? void 0 : s.map((c, o) => {
       var d;
-      const a = (d = Ae(l)) == null ? void 0 : d.text;
+      const a = (d = Ae(c)) == null ? void 0 : d.text;
       return /* @__PURE__ */ n.jsxs(gn, { children: [
-        (l == null ? void 0 : l.sender) === "response" && !a && /* @__PURE__ */ n.jsx(
+        (c == null ? void 0 : c.sender) === "response" && !a && /* @__PURE__ */ n.jsx(
           Ue,
           {
             name: t == null ? void 0 : t.title,
             src: Ze
           }
         ),
-        /* @__PURE__ */ n.jsx(yr, { indexChat: o, ...l })
+        /* @__PURE__ */ n.jsx(yr, { indexChat: o, ...c })
       ] }, o);
     }) }),
-    r && /* @__PURE__ */ n.jsx(wn, {})
+    r && /* @__PURE__ */ n.jsx(pn, {})
   ] }) : null;
-}, wr = A(jr), pr = () => {
-  var x;
-  const e = j(
+}, wr = O(jr), pr = () => {
+  var h;
+  const e = _(
     "ContinueWithoutUpload",
     "Continue without Upload"
   ), {
     onSendMsg: t,
     setChats: s,
     isWaitResponse: r,
-    loadingRegenerate: c,
-    file: l,
+    loadingRegenerate: i,
+    file: c,
     setFile: o,
     chats: a,
     connected: d
-  } = ue(), { isActiveTabVA: u } = ve(), f = L(() => {
-    var h;
-    const b = a == null ? void 0 : a[(a == null ? void 0 : a.length) - 1];
-    return (b == null ? void 0 : b.sender) === "response" && ((h = b == null ? void 0 : b.attachment) == null ? void 0 : h.type) === "fileuploader";
-  }, [a]), g = K(), [m, v] = N(!1), [E, k] = N(!1), w = L(() => r || !E, [E, r]), y = () => {
-    var D, O, _, q;
-    const b = (_ = (O = (D = g == null ? void 0 : g.current) == null ? void 0 : D.resizableTextArea) == null ? void 0 : O.textArea) == null ? void 0 : _.value;
-    if (!(b != null && b.trim()) || r) return;
-    k(!1), t({ msg: b }), v(!m);
-    const h = {
-      text: b,
+  } = ue(), { isActiveTabVA: u } = be(), f = R(() => {
+    var v;
+    const m = a == null ? void 0 : a[(a == null ? void 0 : a.length) - 1];
+    return (m == null ? void 0 : m.sender) === "response" && ((v = m == null ? void 0 : m.attachment) == null ? void 0 : v.type) === "fileuploader";
+  }, [a]), x = z(), [g, b] = D(!1), [y, w] = D(!1), A = R(() => r || !y, [y, r]), p = () => {
+    var C, j, S, I;
+    const m = (S = (j = (C = x == null ? void 0 : x.current) == null ? void 0 : C.resizableTextArea) == null ? void 0 : j.textArea) == null ? void 0 : S.value;
+    if (!(m != null && m.trim()) || r) return;
+    w(!1), t({ msg: m }), b(!g);
+    const v = {
+      text: m,
       sender: "client",
       type: "text",
-      timestamp: (q = le()) == null ? void 0 : q.format("hh:mm A")
+      timestamp: (I = le()) == null ? void 0 : I.format("hh:mm A")
     };
-    s((Y) => [...Y, h]), be();
-  }, C = () => {
+    s((B) => [...B, v]), me();
+  }, E = () => {
     t({ msg: "SKIP_WAITING_RESPONSE" });
   };
-  return X(() => {
-    var b;
-    g != null && g.current && u && ((b = g == null ? void 0 : g.current) == null || b.focus());
+  return Z(() => {
+    var m;
+    x != null && x.current && u && ((m = x == null ? void 0 : x.current) == null || m.focus());
   }, [u]), f ? /* @__PURE__ */ n.jsxs("div", { className: "w-input-container", style: { alignItems: "center" }, children: [
-    /* @__PURE__ */ n.jsx(V.Text, { children: l == null ? void 0 : l.name }),
-    ((x = Object == null ? void 0 : Object.keys(l || {})) == null ? void 0 : x.length) > 0 ? /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
+    /* @__PURE__ */ n.jsx(Y.Text, { children: c == null ? void 0 : c.name }),
+    ((h = Object == null ? void 0 : Object.keys(c || {})) == null ? void 0 : h.length) > 0 ? /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
       /* @__PURE__ */ n.jsx(
-        W,
+        G,
         {
           danger: !0,
           icon: /* @__PURE__ */ n.jsx(P, { type: "delete" }),
@@ -2503,17 +2503,17 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         }
       ),
       /* @__PURE__ */ n.jsx(
-        W,
+        G,
         {
           className: "w-send-btn",
           style: { backgroundColor: "var(--primary-color, #395ebc)" },
           icon: /* @__PURE__ */ n.jsx(P, { type: "send" }),
           shape: "circle",
-          onClick: y
+          onClick: p
         }
       )
     ] }) : /* @__PURE__ */ n.jsx(Se, { title: e, children: /* @__PURE__ */ n.jsx(
-      W,
+      G,
       {
         icon: /* @__PURE__ */ n.jsx(P, { type: "close" }),
         shape: "circle",
@@ -2530,49 +2530,49 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       {
         className: "w-input-widget",
         disabled: !d,
-        ref: g,
+        ref: x,
         placeholder: "Type a message...",
-        onKeyDown: (b) => {
-          ((b == null ? void 0 : b.code) === "Enter" || (b == null ? void 0 : b.key) === "Enter") && !(b != null && b.shiftKey) && y();
+        onKeyDown: (m) => {
+          ((m == null ? void 0 : m.code) === "Enter" || (m == null ? void 0 : m.key) === "Enter") && !(m != null && m.shiftKey) && p();
         },
-        onChange: ({ target: { value: b } }) => {
-          const h = /\S/;
+        onChange: ({ target: { value: m } }) => {
+          const v = /\S/;
           Pe({
-            input_va_value: b
-          }), b && (h != null && h.test(b)) ? k(!0) : b != null && b.trim() || k(!1);
+            input_va_value: m
+          }), m && (v != null && v.test(m)) ? w(!0) : m != null && m.trim() || w(!1);
         }
       },
-      m
+      g
     ),
-    r || c ? /* @__PURE__ */ n.jsx(
-      W,
+    r || i ? /* @__PURE__ */ n.jsx(
+      G,
       {
         style: { border: "none" },
         icon: /* @__PURE__ */ n.jsx(P, { type: "stop" }),
         shape: "circle",
-        onClick: C,
+        onClick: E,
         size: "large"
       }
     ) : /* @__PURE__ */ n.jsx(
-      W,
+      G,
       {
-        className: `w-send-btn ${w ? "w-send-btn-disabled" : ""}`,
-        disabled: w,
+        className: `w-send-btn ${A ? "w-send-btn-disabled" : ""}`,
+        disabled: A,
         style: { backgroundColor: "var(--primary-color, #395ebc)" },
         icon: /* @__PURE__ */ n.jsx(P, { type: "send" }),
         shape: "circle",
-        onClick: y
+        onClick: p
       }
     )
   ] });
-}, _r = A(pr), kr = ({ taskStatus: e }) => {
-  const t = j("InProgress", "In Progress"), s = j("New", "New"), r = j("Closed", "Closed"), c = j("Done", "Done"), l = j("HDCancelled", "Cancelled"), o = {
+}, _r = O(pr), kr = ({ taskStatus: e }) => {
+  const t = _("InProgress", "In Progress"), s = _("New", "New"), r = _("Closed", "Closed"), i = _("Done", "Done"), c = _("HDCancelled", "Cancelled"), o = {
     "In Progress": t,
     Open: s,
     New: s,
     Closed: r,
-    Fixed: c,
-    Cancelled: l
+    Fixed: i,
+    Cancelled: c
   }, a = {
     "In Progress": "#FFF2D6",
     Responded: "#FFF2D6",
@@ -2582,9 +2582,9 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     Fixed: "#bbfab7",
     Done: "#bbfab7",
     Cancelled: "#FFF2D6"
-  }, d = L(() => a[e] || a.Closed, [e]), u = L(() => o[e] || e, [e]);
+  }, d = R(() => a[e] || a.Closed, [e]), u = R(() => o[e] || e, [e]);
   return /* @__PURE__ */ n.jsx(Jt, { color: d, children: /* @__PURE__ */ n.jsx(
-    V.Text,
+    Y.Text,
     {
       className: "primary-color-active",
       style: { width: "100%", textAlign: "center" },
@@ -2592,7 +2592,7 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       children: u
     }
   ) }, e);
-}, xt = A(kr), Ar = ({ onClick: e, ...t }) => /* @__PURE__ */ n.jsxs(
+}, xt = O(kr), Ar = ({ onClick: e, ...t }) => /* @__PURE__ */ n.jsxs(
   "div",
   {
     className: "w-ticket-card-container",
@@ -2601,7 +2601,7 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     },
     children: [
       /* @__PURE__ */ n.jsx(
-        V.Text,
+        Y.Text,
         {
           strong: !0,
           style: {
@@ -2615,8 +2615,8 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       ),
       /* @__PURE__ */ n.jsxs("div", { className: "w-ticket-card-content-container", children: [
         /* @__PURE__ */ n.jsxs("div", { className: "w-ticket-card-cat-code", children: [
-          /* @__PURE__ */ n.jsx(V.Text, { children: (t == null ? void 0 : t.TASK_CATEGORY) || Gn }),
-          /* @__PURE__ */ n.jsx(V.Text, { children: (t == null ? void 0 : t.TASK_CODE) || Gn })
+          /* @__PURE__ */ n.jsx(Y.Text, { children: (t == null ? void 0 : t.TASK_CATEGORY) || Kn }),
+          /* @__PURE__ */ n.jsx(Y.Text, { children: (t == null ? void 0 : t.TASK_CODE) || Kn })
         ] }),
         /* @__PURE__ */ n.jsxs(
           "div",
@@ -2627,28 +2627,28 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
             },
             children: [
               /* @__PURE__ */ n.jsx(xt, { taskStatus: t == null ? void 0 : t.TASK_STATUS }),
-              /* @__PURE__ */ n.jsx(V.Text, { children: t == null ? void 0 : t.CREATED_DATE })
+              /* @__PURE__ */ n.jsx(Y.Text, { children: t == null ? void 0 : t.CREATED_DATE })
             ]
           }
         )
       ] })
     ]
   }
-), Sr = A(Ar), gt = () => {
-  const { objInitPayload: e, setObjInitPayload: t, parsedJWT: s } = Q(), r = L(() => {
-    var l;
+), Sr = O(Ar), gt = () => {
+  const { objInitPayload: e, setObjInitPayload: t, parsedJWT: s } = q(), r = R(() => {
+    var c;
     return {
       Authorization: `Bearer ${e == null ? void 0 : e.access_token}`,
       coid: s == null ? void 0 : s.COID,
-      "Acc-Name": (l = s == null ? void 0 : s.INSTANCE) == null ? void 0 : l.toLowerCase(),
+      "Acc-Name": (c = s == null ? void 0 : s.INSTANCE) == null ? void 0 : c.toLowerCase(),
       "Company-Id": e == null ? void 0 : e.companyid,
       Language: e == null ? void 0 : e.lang
     };
   }, [e]);
-  return async (l) => {
-    var u, f, g;
-    const { onSuccess: o, onError: a, onFinally: d } = l ?? {};
-    (g = (f = (u = Re({
+  return async (c) => {
+    var u, f, x;
+    const { onSuccess: o, onError: a, onFinally: d } = c ?? {};
+    (x = (f = (u = Re({
       url: e == null ? void 0 : e.uriBackend,
       params: {
         ofid: "sfsystem.RefreshToken",
@@ -2659,10 +2659,10 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       },
       headers: r,
       method: "POST"
-    })) == null ? void 0 : u.then((m) => {
-      var k;
-      const v = (k = m == null ? void 0 : m.data) == null ? void 0 : k.DATA, E = {
-        access_token: v == null ? void 0 : v.JWT_TOKEN,
+    })) == null ? void 0 : u.then((g) => {
+      var w;
+      const b = (w = g == null ? void 0 : g.data) == null ? void 0 : w.DATA, y = {
+        access_token: b == null ? void 0 : b.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,
@@ -2674,68 +2674,68 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         uriBackendHRMGO: e == null ? void 0 : e.uriBackendHRMGO,
         config: e == null ? void 0 : e.config
       };
-      t(E), typeof o == "function" && o(m);
-    })) == null ? void 0 : f.catch((m) => {
-      typeof a == "function" && a(m);
-    })) == null || g.finally(() => {
+      t(y), typeof o == "function" && o(g);
+    })) == null ? void 0 : f.catch((g) => {
+      typeof a == "function" && a(g);
+    })) == null || x.finally(() => {
       typeof d == "function" && d();
     });
   };
 }, en = () => {
   var o;
-  const e = K(new AbortController()), { objInitPayload: t, parsedJWT: s } = Q(), r = gt(), c = {
+  const e = z(new AbortController()), { objInitPayload: t, parsedJWT: s } = q(), r = gt(), i = {
     Authorization: `Bearer ${t == null ? void 0 : t.access_token}`,
     coid: s == null ? void 0 : s.COID,
     "Acc-Name": (o = s == null ? void 0 : s.INSTANCE) == null ? void 0 : o.toLowerCase(),
     "Company-Id": t == null ? void 0 : t.companyid,
     Language: t == null ? void 0 : t.lang
-  }, l = async ({
+  }, c = async ({
     url: a,
     endpoint: d,
     method: u = "POST",
     headers: f,
-    ...g
+    ...x
   }) => {
-    var k, w, y, C, x, b;
-    const m = {
+    var w, A, p, E, h, m;
+    const g = {
       url: a || `${t == null ? void 0 : t.uriBackendHRMGO}${d}`,
       ...e.current && {
-        signal: (k = e == null ? void 0 : e.current) == null ? void 0 : k.signal
+        signal: (w = e == null ? void 0 : e.current) == null ? void 0 : w.signal
       },
       headers: {
-        ...c,
+        ...i,
         ...f,
         "Company-Code": t == null ? void 0 : t.companycode
       },
       method: u,
-      ...g
-    }, v = (w = Re) == null ? void 0 : w.create(m);
-    return (C = (y = v == null ? void 0 : v.interceptors) == null ? void 0 : y.request) == null || C.use(
-      (h) => (t != null && t.access_token && (h.headers.Authorization = `Bearer ${t == null ? void 0 : t.access_token}`), h),
-      (h) => {
-        Promise.reject(h);
+      ...x
+    }, b = (A = Re) == null ? void 0 : A.create(g);
+    return (E = (p = b == null ? void 0 : b.interceptors) == null ? void 0 : p.request) == null || E.use(
+      (v) => (t != null && t.access_token && (v.headers.Authorization = `Bearer ${t == null ? void 0 : t.access_token}`), v),
+      (v) => {
+        Promise.reject(v);
       }
-    ), (b = (x = v == null ? void 0 : v.interceptors) == null ? void 0 : x.response) == null || b.use(
-      (h) => h,
-      async (h) => {
-        var O;
-        const D = h == null ? void 0 : h.config;
-        if (((O = h == null ? void 0 : h.response) == null ? void 0 : O.status) === 401) {
-          const _ = await r();
-          return D.headers.Authorization = `Bearer ${_}`, Re(D);
+    ), (m = (h = b == null ? void 0 : b.interceptors) == null ? void 0 : h.response) == null || m.use(
+      (v) => v,
+      async (v) => {
+        var j;
+        const C = v == null ? void 0 : v.config;
+        if (((j = v == null ? void 0 : v.response) == null ? void 0 : j.status) === 401) {
+          const S = await r();
+          return C.headers.Authorization = `Bearer ${S}`, Re(C);
         }
-        return Promise == null ? void 0 : Promise.reject(h);
+        return Promise == null ? void 0 : Promise.reject(v);
       }
-    ), await (v == null ? void 0 : v.request(m));
+    ), await (b == null ? void 0 : b.request(g));
   };
-  return l.abort = () => {
+  return c.abort = () => {
     var a;
     e != null && e.current && ((a = e == null ? void 0 : e.current) == null || a.abort(), e.current = new AbortController());
-  }, X(() => () => l.abort(), []), l;
-}, Ct = Ee({}), Ce = () => ye(Ct), Lr = ({ children: e }) => {
-  const t = en(), [s, r] = N([]), [c, l] = N(""), [o, a] = N(!1), [d, u] = N(!0), [f, g] = N(0), m = (v) => {
-    var E, k, w, y;
-    u(!0), (y = (w = t({
+  }, Z(() => () => c.abort(), []), c;
+}, Ct = Te({}), ve = () => ye(Ct), Lr = ({ children: e }) => {
+  const t = en(), [s, r] = D([]), [i, c] = D(""), [o, a] = D(!1), [d, u] = D(!0), [f, x] = D(0), g = (b) => {
+    var y, w, A, p;
+    u(!0), (p = (A = t({
       endpoint: "/helpdesk/myticket/ticket-list",
       method: "POST",
       data: {
@@ -2744,10 +2744,10 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         SEARCH: {
           MY_TICKET: !0,
           TASK_MODULE: "HD",
-          ...((E = Object.keys(v || {})) == null ? void 0 : E.length) > 0 && {
-            ...v,
-            ...(v == null ? void 0 : v.CREATED_DATE) && {
-              CREATED_DATE: (k = le(v == null ? void 0 : v.CREATED_DATE)) == null ? void 0 : k.format(vn)
+          ...((y = Object.keys(b || {})) == null ? void 0 : y.length) > 0 && {
+            ...b,
+            ...(b == null ? void 0 : b.CREATED_DATE) && {
+              CREATED_DATE: (w = le(b == null ? void 0 : b.CREATED_DATE)) == null ? void 0 : w.format(hn)
             }
           }
         },
@@ -2756,34 +2756,34 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
           ORDER: "DESC"
         }
       }
-    })) == null ? void 0 : w.then((C) => {
-      var x, b, h;
-      (x = C == null ? void 0 : C.data) != null && x.DATA && r((h = (b = C == null ? void 0 : C.data) == null ? void 0 : b.DATA) == null ? void 0 : h.LIST);
-    })) == null || y.finally(() => {
+    })) == null ? void 0 : A.then((E) => {
+      var h, m, v;
+      (h = E == null ? void 0 : E.data) != null && h.DATA && r((v = (m = E == null ? void 0 : E.data) == null ? void 0 : m.DATA) == null ? void 0 : v.LIST);
+    })) == null || p.finally(() => {
       u(!1);
     });
   };
-  return X(() => {
-    m();
+  return Z(() => {
+    g();
   }, []), /* @__PURE__ */ n.jsx(
     Ct.Provider,
     {
       value: {
         listTicket: s,
-        ticketId: c,
-        setTicketId: l,
-        getListTicket: m,
+        ticketId: i,
+        setTicketId: c,
+        getListTicket: g,
         openFilter: o,
         setOpenFilter: a,
         loadingListTicket: d,
         countFilters: f,
-        setCountFilters: g
+        setCountFilters: x
       },
       children: e
     }
   );
 }, Or = () => {
-  const e = j("SubjectSearch", "Subject Search"), t = j("AdvanceFilter", "Advance Filter"), s = K(null), { getListTicket: r, setOpenFilter: c, loadingListTicket: l, countFilters: o } = Ce();
+  const e = _("SubjectSearch", "Subject Search"), t = _("AdvanceFilter", "Advance Filter"), s = z(null), { getListTicket: r, setOpenFilter: i, loadingListTicket: c, countFilters: o } = ve();
   return /* @__PURE__ */ n.jsx(n.Fragment, { children: /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", gap: 8, marginBottom: 12 }, children: [
     /* @__PURE__ */ n.jsx(
       Be,
@@ -2800,146 +2800,148 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       }
     ),
     /* @__PURE__ */ n.jsx(Se, { title: `${t} (${o})`, children: /* @__PURE__ */ n.jsx(Qt, { count: o, children: /* @__PURE__ */ n.jsx(
-      W,
+      G,
       {
-        loading: l,
+        loading: c,
         icon: /* @__PURE__ */ n.jsx(P, { type: "filter" }),
         onClick: () => {
-          c(!0);
+          i(!0);
         }
       }
     ) }) })
   ] }) });
-}, Rr = A(Or), mt = Ee({}), Te = () => ye(mt), Dr = ({ children: e }) => {
-  const t = K(null), s = K(0), r = K(!1), c = K(null), [l, o] = N([]), [a, d] = N(0), { objInitPayload: u, parsedJWT: f, isFirstRenderHelpdesk: g, setShowReadyWSHD: m } = Q(), v = gt(), E = (C) => {
-    const x = new WebSocket(C);
-    x.onopen = () => {
-      r.current = !0, s.current = 0, d(0), m(!0);
-    }, x.onerror = (b) => {
-      m(!1), console.error(`${ke} - WebSocket error:`, b);
-    }, x.onclose = (b) => {
+}, Rr = O(Or), mt = Te({}), he = () => ye(mt), Dr = ({ children: e }) => {
+  const t = z(null), s = z(0), r = z(!1), i = z(null), [c, o] = D([]), [a, d] = D(0), [u, f] = D(!1), { objInitPayload: x, parsedJWT: g, isFirstRenderHelpdesk: b, setShowReadyWSHD: y } = q(), w = gt(), A = (m) => {
+    const v = new WebSocket(m);
+    v.onopen = () => {
+      r.current = !0, s.current = 0, d(0), y(!0);
+    }, v.onerror = (C) => {
+      y(!1), console.error(`${ke} - WebSocket error:`, C);
+    }, v.onclose = (C) => {
       console.warn(
         `${ke} - WebSocket disconnected:`,
-        b
-      ), r.current = !1, m(!1), !(b != null && b.wasClean) && (s == null ? void 0 : s.current) < $e && (s.current += 1, d((h) => h + 1), clearTimeout(c.current), c.current = setTimeout(k, 2e3));
-    }, x.onmessage = w(x), t.current = x;
-  }, k = async () => {
-    var Y, B, S;
-    if (((Y = t.current) == null ? void 0 : Y.readyState) === (WebSocket == null ? void 0 : WebSocket.CONNECTING)) return;
+        C
+      ), r.current = !1, y(!1), !(C != null && C.wasClean) && (s == null ? void 0 : s.current) < Ie && (s.current += 1, d((j) => j + 1), clearTimeout(i.current), i.current = setTimeout(p, 2e3));
+    }, v.onmessage = E(v), t.current = v;
+  }, p = async () => {
+    var L, F, $;
+    if (((L = t.current) == null ? void 0 : L.readyState) === (WebSocket == null ? void 0 : WebSocket.CONNECTING)) return;
     const {
-      access_token: C,
-      companyid: x = "",
-      companycode: b = "",
-      lang: h = "",
-      uriBackendHRMGO: D = ""
-    } = u ?? {};
-    if (!C || !x || !b) {
+      access_token: m,
+      companyid: v = "",
+      companycode: C = "",
+      lang: j = "",
+      uriBackendHRMGO: S = ""
+    } = x ?? {};
+    if (!m || !v || !C) {
       console.warn(
         `${ke} - Missing required WebSocket  credentials.`
       );
       return;
     }
-    const O = `Bearer ${C}`, _ = (B = `${D}/ws`) == null ? void 0 : B.replace("https://", "wss://"), q = {
-      COMPANY_ID: x.toString(),
-      COMPANY_CODE: b.toLowerCase(),
-      LANGUAGE: h,
-      ACC_NAME: (S = f == null ? void 0 : f.INSTANCE) == null ? void 0 : S.toLowerCase(),
-      TOKEN: O
+    const I = `Bearer ${m}`, B = (F = `${S}/ws`) == null ? void 0 : F.replace("https://", "wss://"), M = {
+      COMPANY_ID: v.toString(),
+      COMPANY_CODE: C.toLowerCase(),
+      LANGUAGE: j,
+      ACC_NAME: ($ = g == null ? void 0 : g.INSTANCE) == null ? void 0 : $.toLowerCase(),
+      TOKEN: I
     };
     try {
-      const M = await _s(
-        q,
-        hs
+      const H = await _s(
+        M,
+        Es
       );
-      if (!M || r.current || (s == null ? void 0 : s.current) >= $e) {
+      if (!H || r.current || (s == null ? void 0 : s.current) >= Ie) {
         console.warn(
           `${ke} - Skipping WebSocket  connection attempt.`
         );
         return;
       }
-      t.current && t.current.close(), E(`${_}?t=${M}`);
-    } catch (M) {
+      t.current && t.current.close(), A(`${B}?t=${H}`);
+    } catch (H) {
       console.error(
         `${ke} - Failed to encrypt token:`,
-        M
+        H
       );
     }
-  }, w = (C) => (x) => {
-    var b;
+  }, E = (m) => (v) => {
+    var C;
     try {
-      if ((x == null ? void 0 : x.data) === "PING")
-        C.send("PONG");
+      if ((v == null ? void 0 : v.data) === "PING")
+        m.send("PONG");
       else {
-        const { DATA: h, EVENT: D } = JSON.parse(x.data || "{}");
-        !g.current && D === "USER_ONLINE_NOTIF" && Array.isArray(h == null ? void 0 : h.EMPLOYEES) && (o((b = h == null ? void 0 : h.EMPLOYEES) == null ? void 0 : b.filter(Boolean)), g.current = !0), D === "TOKEN_EXPIRED" && v({
+        const { DATA: j, EVENT: S } = JSON.parse(v.data || "{}");
+        !b.current && S === "USER_ONLINE_NOTIF" && Array.isArray(j == null ? void 0 : j.EMPLOYEES) && (o((C = j == null ? void 0 : j.EMPLOYEES) == null ? void 0 : C.filter(Boolean)), b.current = !0), S === "TOKEN_EXPIRED" && w({
           onSuccess: () => {
-            k();
+            p();
           }
         });
       }
     } catch {
       console.error(
         `${ke} - Invalid WebSocket message:`,
-        x.data
+        v.data
       );
     }
-  }, y = ({ event: C, data: x, module: b = "HELPDESK_CHAT" }) => {
-    var h;
-    (h = t == null ? void 0 : t.current) == null || h.send(
+  }, h = ({ event: m, data: v, module: C = "HELPDESK_CHAT" }) => {
+    var j;
+    (j = t == null ? void 0 : t.current) == null || j.send(
       JSON.stringify({
-        EVENT: C,
-        DATA: x,
-        MODULE: b
+        EVENT: m,
+        DATA: v,
+        MODULE: C
       })
     );
   };
-  return X(() => {
-    g.current || k();
+  return Z(() => {
+    b.current || p();
   }, []), /* @__PURE__ */ n.jsx(
     mt.Provider,
     {
       value: {
         ws: t == null ? void 0 : t.current,
-        onSendMsg: y,
-        userOnline: l,
-        connectWebSocket: k,
+        onSendMsg: h,
+        userOnline: c,
+        connectWebSocket: p,
         retryCountState: a,
         setRetryCountState: d,
-        retryCountRef: s
+        retryCountRef: s,
+        isGetResponse: u,
+        setGetResponse: f
       },
       children: e
     }
   );
 }, Nr = () => {
-  var o;
-  const { widgetProps: e } = Q(), { listTicket: t, setTicketId: s, loadingListTicket: r } = Ce(), { onSendMsg: c } = Te(), { xs: l } = ge.useBreakpoint();
+  var a;
+  const { widgetProps: e } = q(), { listTicket: t, setTicketId: s, loadingListTicket: r } = ve(), { onSendMsg: i, setGetResponse: c } = he(), { xs: o } = ge.useBreakpoint();
   return /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
     /* @__PURE__ */ n.jsx(Rr, {}),
-    r ? /* @__PURE__ */ n.jsx("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: (o = Array.from({ length: 5 })) == null ? void 0 : o.map((a, d) => /* @__PURE__ */ n.jsx(
+    r ? /* @__PURE__ */ n.jsx("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: (a = Array.from({ length: 5 })) == null ? void 0 : a.map((d, u) => /* @__PURE__ */ n.jsx(
       de.Input,
       {
         style: { height: 80, width: "100%", borderRadius: 8 }
       },
-      d
+      u
     )) }) : /* @__PURE__ */ n.jsx(
       "div",
       {
-        className: `w-list-ticket-container ${e != null && e.isSF ? "w-list-ticket-container-sf" : ""} ${l ? "w-list-ticket-container-mobile" : ""}`,
+        className: `w-list-ticket-container ${e != null && e.isSF ? "w-list-ticket-container-sf" : ""} ${o ? "w-list-ticket-container-mobile" : ""}`,
         ...(t == null ? void 0 : t.length) === 0 && {
           style: { justifyContent: "center" }
         },
-        children: (t == null ? void 0 : t.length) > 0 ? t == null ? void 0 : t.map((a, d) => /* @__PURE__ */ mn(
+        children: (t == null ? void 0 : t.length) > 0 ? t == null ? void 0 : t.map((d, u) => /* @__PURE__ */ bn(
           Sr,
           {
-            ...a,
-            key: d,
+            ...d,
+            key: u,
             onClick: () => {
-              c({
+              c(!0), i({
                 event: "JOIN_ROOM",
                 data: {
-                  TASK_ID: a == null ? void 0 : a.TASK_ID
+                  TASK_ID: d == null ? void 0 : d.TASK_ID
                 }
-              }), s(a == null ? void 0 : a.TASK_ID);
+              }), s(d == null ? void 0 : d.TASK_ID);
             }
           }
         )) : /* @__PURE__ */ n.jsx(
@@ -2957,19 +2959,19 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       }
     )
   ] });
-}, Mr = A(Nr), Fr = ({ children: e, open: t, onClose: s, footer: r, styleContainer: c }) => {
-  var m;
-  const [l, o] = N(!1), a = K(), d = K(null), u = K(), f = L(() => t ? "w-fade-in-animate" : "w-fade-out-animate", [t]), g = (v) => {
-    v.code === "Escape" && !v.shiftKey && !v.altKey && !v.ctrlKey && v.key === "Escape" && (v.stopPropagation(), typeof s == "function" && s());
+}, Mr = O(Nr), Fr = ({ children: e, open: t, onClose: s, footer: r, styleContainer: i }) => {
+  var g;
+  const [c, o] = D(!1), a = z(), d = z(null), u = z(), f = R(() => t ? "w-fade-in-animate" : "w-fade-out-animate", [t]), x = (b) => {
+    b.code === "Escape" && !b.shiftKey && !b.altKey && !b.ctrlKey && b.key === "Escape" && (b.stopPropagation(), typeof s == "function" && s());
   };
-  return X(() => {
-    const v = u.current;
-    return v && (clearTimeout(d.current), d.current = setTimeout(() => {
-      v == null || v.focus();
-    }, 250), v == null || v.addEventListener("keydown", g)), t && o(!1), clearTimeout(a == null ? void 0 : a.current), a.current = setTimeout(() => {
+  return Z(() => {
+    const b = u.current;
+    return b && (clearTimeout(d.current), d.current = setTimeout(() => {
+      b == null || b.focus();
+    }, 250), b == null || b.addEventListener("keydown", x)), t && o(!1), clearTimeout(a == null ? void 0 : a.current), a.current = setTimeout(() => {
       t || o(!0);
     }, 300), () => {
-      v && (v == null || v.removeEventListener("keydown", g));
+      b && (b == null || b.removeEventListener("keydown", x));
     };
   }, [t]), /* @__PURE__ */ n.jsxs(
     "div",
@@ -2978,10 +2980,10 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       tabIndex: 1,
       ref: u,
       style: {
-        display: l ? "none" : "block",
+        display: c ? "none" : "block",
         height: "100%",
-        ...((m = Object == null ? void 0 : Object.keys(c || {})) == null ? void 0 : m.length) > 0 && {
-          ...c
+        ...((g = Object == null ? void 0 : Object.keys(i || {})) == null ? void 0 : g.length) > 0 && {
+          ...i
         }
       },
       children: [
@@ -2990,90 +2992,97 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       ]
     }
   );
-}, bt = A(Fr), vt = Ee({}), De = () => ye(vt), Hr = ({ children: e }) => {
-  const [t, s] = N([]), [r, c] = N({}), [l, o] = N(!0), a = K(!1), d = en(), { ticketId: u } = Ce(), { ws: f } = Te(), g = L(() => {
-    var b;
-    const w = (r == null ? void 0 : r.CREATED_BY) ?? {}, y = (r == null ? void 0 : r.ASSIGNEE) ?? {}, C = (r == null ? void 0 : r.OTHER_ASSIGNEE) ?? [], x = (b = [w, y, ...C].map((h) => ({
-      ...h
-    }))) == null ? void 0 : b.filter((h) => {
-      var D;
-      return ((D = Object.keys(h || {})) == null ? void 0 : D.length) > 0;
+}, bt = O(Fr), vt = Te({}), De = () => ye(vt), Hr = ({ children: e }) => {
+  const [t, s] = D([]), [r, i] = D({}), [c, o] = D(!0), [a, d] = D({}), u = z(!1), f = en(), { ticketId: x } = ve(), { ws: g, setGetResponse: b } = he(), { parsedJWT: y } = q(), w = R(() => {
+    var S;
+    const m = (r == null ? void 0 : r.CREATED_BY) ?? {}, v = (r == null ? void 0 : r.ASSIGNEE) ?? {}, C = (r == null ? void 0 : r.OTHER_ASSIGNEE) ?? [], j = (S = [m, v, ...C].map((I) => ({
+      ...I
+    }))) == null ? void 0 : S.filter((I) => {
+      var B;
+      return ((B = Object.keys(I || {})) == null ? void 0 : B.length) > 0;
     });
-    return hn({ ArrObj: x, key: "EMP_ID" });
-  }, [r]), m = () => {
-    var w, y;
-    o(!0), (y = (w = d({
+    return Tn({ ArrObj: j, key: "EMP_ID" });
+  }, [r]), A = () => {
+    var m, v;
+    o(!0), (v = (m = f({
       endpoint: "/helpdesk/chat/list",
       method: "POST",
       data: {
         LIMIT: 10,
         PAGE: 1,
-        TASK_ID: u
+        TASK_ID: x
       }
-    })) == null ? void 0 : w.then((C) => {
-      var x, b, h, D, O, _;
-      if (((h = (b = (x = C == null ? void 0 : C.data) == null ? void 0 : x.DATA) == null ? void 0 : b.LIST) == null ? void 0 : h.length) > 0) {
-        const q = (_ = (O = (D = C == null ? void 0 : C.data) == null ? void 0 : D.DATA) == null ? void 0 : O.LIST) == null ? void 0 : _.map((Y) => ({
-          ...Y,
+    })) == null ? void 0 : m.then((C) => {
+      var j, S, I, B, M, L;
+      if (((I = (S = (j = C == null ? void 0 : C.data) == null ? void 0 : j.DATA) == null ? void 0 : S.LIST) == null ? void 0 : I.length) > 0) {
+        const F = (L = (M = (B = C == null ? void 0 : C.data) == null ? void 0 : B.DATA) == null ? void 0 : M.LIST) == null ? void 0 : L.map(($) => ({
+          ...$,
           ACTOR: {
-            ...Y == null ? void 0 : Y.ACTOR
+            ...$ == null ? void 0 : $.ACTOR
           }
         }));
-        s(Qe(q));
+        s(Qe(F));
       } else
         s({});
-    })) == null || y.finally(() => {
+    })) == null || v.finally(() => {
       o(!1);
     });
-  }, v = () => {
-    var w;
-    (w = d({
+  }, p = () => {
+    var m;
+    (m = f({
       endpoint: "/helpdesk/myticket/get",
       method: "POST",
       data: {
-        TASK_ID: u
+        TASK_ID: x
       }
-    })) == null || w.then((y) => {
-      var C, x, b;
-      if ((C = y == null ? void 0 : y.data) != null && C.DATA) {
-        const h = (b = (x = y == null ? void 0 : y.data) == null ? void 0 : x.DATA) == null ? void 0 : b.LIST;
-        c(h);
+    })) == null || m.then((v) => {
+      var C, j, S;
+      if ((C = v == null ? void 0 : v.data) != null && C.DATA) {
+        const I = (S = (j = v == null ? void 0 : v.data) == null ? void 0 : j.DATA) == null ? void 0 : S.LIST;
+        i(I);
       } else
-        c({});
+        i({});
     });
-  }, E = (w) => {
-    a.current || s((y) => {
-      const x = [...En(y), { ...w, CHAT_ALIGN: "from" }];
-      return Qe(x);
-    }), a.current = !1;
-  }, k = (w) => {
-    if ((w == null ? void 0 : w.data) !== "PING") {
-      const y = JSON.parse((w == null ? void 0 : w.data) || "{}"), { DATA: C = {}, EVENT: x = "" } = y ?? {};
-      (x === "RECEIVE_MESSAGE" || x === "RECEIVE_ANOTHER_MESSAGE") && E(C);
+  }, E = (m) => {
+    var j;
+    const v = (j = m == null ? void 0 : m.ACTOR) == null ? void 0 : j.EMP_ID, C = y == null ? void 0 : y.EMP_ID;
+    b(!0), d((S) => ({
+      ...S,
+      [v]: !1
+    })), u.current || s((S) => {
+      const I = yn(S), B = v == C ? "to" : "from", M = [...I, { ...m, CHAT_ALIGN: B }];
+      return Qe(M);
+    }), u.current = !1;
+  }, h = (m) => {
+    if ((m == null ? void 0 : m.data) !== "PING") {
+      const v = JSON.parse((m == null ? void 0 : m.data) || "{}"), { DATA: C = {}, EVENT: j = "" } = v ?? {};
+      (j === "RECEIVE_MESSAGE" || j === "RECEIVE_ANOTHER_MESSAGE") && E(C);
     }
   };
-  return X(() => (u && (m(), v()), f && u && (f == null || f.addEventListener("message", k)), () => {
-    f && u && (f == null || f.removeEventListener("message", k));
-  }), [u]), /* @__PURE__ */ n.jsx(
+  return Z(() => (x && (A(), p()), g && x && (g == null || g.addEventListener("message", h)), () => {
+    g && x && (g == null || g.removeEventListener("message", h));
+  }), [x]), /* @__PURE__ */ n.jsx(
     vt.Provider,
     {
       value: {
         chats: t,
         setChats: s,
         detailTicket: r,
-        employees: g,
-        isFromSelf: a,
-        loadingChats: l
+        employees: w,
+        isFromSelf: u,
+        loadingChats: c,
+        objTypingOtherEmp: a,
+        setTypingOtherEmp: d
       },
       children: e
     }
   );
-}, $r = () => {
-  const { xs: e } = ge.useBreakpoint(), { employees: t, detailTicket: s, loadingChats: r } = De(), { setTicketId: c } = Ce(), { userOnline: l } = Te(), o = L(() => {
+}, Ir = ({ onClose: e }) => {
+  const { xs: t } = ge.useBreakpoint(), { employees: s, detailTicket: r, loadingChats: i } = De(), { userOnline: c } = he(), o = R(() => {
     var d;
-    return (d = t == null ? void 0 : t.map((u) => u == null ? void 0 : u.FULL_NAME)) == null ? void 0 : d.join(", ");
-  }, [t]), a = L(() => e ? "click" : "hover", [e]);
-  return r ? /* @__PURE__ */ n.jsxs("div", { className: "w-ticket-detail-header-container", children: [
+    return (d = s == null ? void 0 : s.map((u) => u == null ? void 0 : u.FULL_NAME)) == null ? void 0 : d.join(", ");
+  }, [s]), a = R(() => t ? "click" : "hover", [t]);
+  return i ? /* @__PURE__ */ n.jsxs("div", { className: "w-ticket-detail-header-container", children: [
     /* @__PURE__ */ n.jsx(de.Avatar, {}),
     /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
       /* @__PURE__ */ n.jsx(de.Input, {}),
@@ -3083,17 +3092,17 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
   ] }) : /* @__PURE__ */ n.jsxs("div", { className: "w-ticket-detail-header-container", children: [
     /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", gap: 8 }, children: [
       /* @__PURE__ */ n.jsx(
-        W,
+        G,
         {
           icon: /* @__PURE__ */ n.jsx(P, { type: "down" }),
           style: { border: "none" },
           onClick: () => {
-            c("");
+            e();
           }
         }
       ),
       /* @__PURE__ */ n.jsx(
-        he.Group,
+        Ee.Group,
         {
           maxCount: 2,
           maxPopoverTrigger: a,
@@ -3102,10 +3111,10 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
             backgroundColor: "#fde3cf",
             cursor: "pointer"
           },
-          children: t == null ? void 0 : t.map((d, u) => {
-            const f = l == null ? void 0 : l.includes(d == null ? void 0 : d.EMP_ID);
-            return /* @__PURE__ */ n.jsx(Se, { title: d == null ? void 0 : d.FULL_NAME, trigger: a, children: /* @__PURE__ */ mn(
-              he,
+          children: s == null ? void 0 : s.map((d, u) => {
+            const f = c == null ? void 0 : c.includes(d == null ? void 0 : d.EMP_ID);
+            return /* @__PURE__ */ n.jsx(Se, { title: d == null ? void 0 : d.FULL_NAME, trigger: a, children: /* @__PURE__ */ bn(
+              Ee,
               {
                 ...f && {
                   style: {
@@ -3125,17 +3134,17 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         /* @__PURE__ */ n.jsx(
           Se,
           {
-            title: `${s == null ? void 0 : s.TASK_CODE} - ${s == null ? void 0 : s.SUBJECT}`,
+            title: `${r == null ? void 0 : r.TASK_CODE} - ${r == null ? void 0 : r.SUBJECT}`,
             trigger: a,
-            children: /* @__PURE__ */ n.jsxs(V.Text, { className: "w-ticket-detail-header-text", children: [
-              s == null ? void 0 : s.TASK_CODE,
+            children: /* @__PURE__ */ n.jsxs(Y.Text, { className: "w-ticket-detail-header-text", children: [
+              r == null ? void 0 : r.TASK_CODE,
               " - ",
-              s == null ? void 0 : s.SUBJECT
+              r == null ? void 0 : r.SUBJECT
             ] })
           }
         ),
         /* @__PURE__ */ n.jsx(Se, { title: o, trigger: a, children: /* @__PURE__ */ n.jsx(
-          V.Text,
+          Y.Text,
           {
             type: "secondary",
             className: "w-ticket-detail-header-text",
@@ -3147,10 +3156,10 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         ) })
       ] })
     ] }),
-    /* @__PURE__ */ n.jsx(xt, { taskStatus: s == null ? void 0 : s.STATUS })
+    /* @__PURE__ */ n.jsx(xt, { taskStatus: r == null ? void 0 : r.STATUS })
   ] });
-}, Ir = A($r), Br = ({ ...e }) => {
-  const t = L(() => (e == null ? void 0 : e.CHAT_ALIGN) === "to" ? "client" : "response", [e]);
+}, $r = O(Ir), Br = ({ ...e }) => {
+  const t = R(() => (e == null ? void 0 : e.CHAT_ALIGN) === "to" ? "client" : "response", [e]);
   return /* @__PURE__ */ n.jsxs("div", { className: `w-bubble-chat ${`w-${t}`}`, children: [
     /* @__PURE__ */ n.jsx(
       "p",
@@ -3169,8 +3178,8 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       }
     )
   ] });
-}, Ur = A(Br), Wr = ({ ...e }) => {
-  const t = j("Download", "Download"), s = L(() => (e == null ? void 0 : e.CHAT_ALIGN) === "to" ? "client" : "response", [e]), r = L(() => {
+}, Ur = O(Br), Wr = ({ ...e }) => {
+  const t = _("Download", "Download"), s = R(() => (e == null ? void 0 : e.CHAT_ALIGN) === "to" ? "client" : "response", [e]), r = R(() => {
     var d;
     const a = e == null ? void 0 : e.ATTACHMENT;
     if (a)
@@ -3181,14 +3190,14 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         return a;
       }
     return "";
-  }, [e]), c = L(() => {
+  }, [e]), i = R(() => {
     if (r != null && r.includes(".")) {
       const a = r == null ? void 0 : r.split(".");
       return `.${a == null ? void 0 : a[(a == null ? void 0 : a.length) - 1]}`;
     }
     return "";
-  }, [e, r]), l = L(() => dn == null ? void 0 : dn.includes(c), [e, c]), o = () => {
-    Tn({
+  }, [e, r]), c = R(() => dn == null ? void 0 : dn.includes(i), [e, i]), o = () => {
+    En({
       downloadURL: e == null ? void 0 : e.ATTACHMENT,
       fileName: r,
       isOpenNewTab: !0
@@ -3200,10 +3209,10 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       className: `w-bubble-chat ${`w-${s}`}`,
       style: { display: "flex", flexDirection: "column" },
       children: [
-        l ? /* @__PURE__ */ n.jsx(jn, { src: e == null ? void 0 : e.ATTACHMENT, fallback: Ts }) : /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
+        c ? /* @__PURE__ */ n.jsx(wn, { src: e == null ? void 0 : e.ATTACHMENT, fallback: hs }) : /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
           /* @__PURE__ */ n.jsx(P, { type: "file" }),
           /* @__PURE__ */ n.jsx(
-            V.Link,
+            Y.Link,
             {
               onClick: o,
               style: { display: "block", width: 160 },
@@ -3211,8 +3220,8 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
             }
           )
         ] }),
-        l && /* @__PURE__ */ n.jsx(
-          W,
+        c && /* @__PURE__ */ n.jsx(
+          G,
           {
             onClick: o,
             style: {
@@ -3237,8 +3246,8 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       ]
     }
   ) });
-}, Vr = A(Wr), zr = ({ ...e }) => {
-  const t = L(() => (e == null ? void 0 : e.CHAT_ALIGN) === "to" ? "client" : "response", [e]);
+}, Vr = O(Wr), Gr = ({ ...e }) => {
+  const t = R(() => (e == null ? void 0 : e.CHAT_ALIGN) === "to" ? "client" : "response", [e]);
   return /* @__PURE__ */ n.jsxs("div", { className: "w-ticket-info-chat-container", children: [
     /* @__PURE__ */ n.jsx(
       We,
@@ -3248,17 +3257,17 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         sender: t
       }
     ),
-    /* @__PURE__ */ n.jsx(V.Text, { children: e == null ? void 0 : e.MESSAGE })
+    /* @__PURE__ */ n.jsx(Y.Text, { children: e == null ? void 0 : e.MESSAGE })
   ] });
-}, Yr = A(zr), Tt = () => {
-  const { widgetProps: e } = Q(), t = pe.enc.Hex.parse(
+}, zr = O(Gr), ht = () => {
+  const { widgetProps: e } = q(), t = pe.enc.Hex.parse(
     pe.enc.Utf8.parse(e == null ? void 0 : e.keyEncrypt).toString()
   ), s = {
     mode: pe.mode.ECB,
     padding: pe.pad.Pkcs7
   }, r = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini|GreatDayHR/i.test(
     navigator.userAgent
-  ), c = (o) => {
+  ), i = (o) => {
     if (typeof o == "number" && (o = o.toString()), !o) return "";
     if (r) return window.encodeURIComponent(o);
     const a = pe.enc.Utf8.parse(o), d = pe.AES.encrypt(
@@ -3271,24 +3280,24 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
   return {
     paramsEncrypt: (o) => {
       const [a, d = null] = o.split("?"), u = a.split("/").map((f) => {
-        const [, g = null] = f.split(":");
-        return g && (e != null && e.keyEncrypt) ? c(g) : f;
+        const [, x = null] = f.split(":");
+        return x && (e != null && e.keyEncrypt) ? i(x) : f;
       }).join("/");
       return d ? `${u}?${d}` : u;
     },
-    encrypt: c
+    encrypt: i
   };
-}, Gr = ({ ...e }) => {
-  const t = j("ViewFAQ", "View FAQ"), s = j(
+}, Yr = ({ ...e }) => {
+  const t = _("ViewFAQ", "View FAQ"), s = _(
     "FAQUnavailable",
     "FAQ unavailable"
-  ), r = j(
+  ), r = _(
     "ThisFAQIsUnavailable",
     "This FAQ is unavailable"
-  ), { paramsEncrypt: c } = Tt(), { history: l } = Q(), o = L(() => (e == null ? void 0 : e.CHAT_ALIGN) === "to" ? "client" : "response", [e]), a = L(() => e == null ? void 0 : e.FAQ_ID, [e]);
+  ), { paramsEncrypt: i } = ht(), { history: c } = q(), o = R(() => (e == null ? void 0 : e.CHAT_ALIGN) === "to" ? "client" : "response", [e]), a = R(() => e == null ? void 0 : e.FAQ_ID, [e]);
   return /* @__PURE__ */ n.jsxs("div", { className: `w-bubble-chat ${`w-${o}`}`, children: [
     /* @__PURE__ */ n.jsx(
-      V.Text,
+      Y.Text,
       {
         style: {
           backgroundColor: "rgb(244, 245, 246)",
@@ -3302,17 +3311,17 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       }
     ),
     a ? /* @__PURE__ */ n.jsx(
-      W,
+      G,
       {
         block: !0,
         onClick: () => {
-          typeof l < "u" && l.push(
-            c(`/standard/hrm.helpdesk.FAQ-detail/:${a}`)
+          typeof c < "u" && c.push(
+            i(`/standard/hrm.helpdesk.FAQ-detail/:${a}`)
           );
         },
         children: t
       }
-    ) : /* @__PURE__ */ n.jsx(V.Text, { children: r }),
+    ) : /* @__PURE__ */ n.jsx(Y.Text, { children: r }),
     /* @__PURE__ */ n.jsx(
       We,
       {
@@ -3322,10 +3331,10 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       }
     )
   ] });
-}, Kr = A(Gr), qr = ({ ...e }) => {
+}, Kr = O(Yr), qr = ({ ...e }) => {
   switch (e == null ? void 0 : e.CHAT_TYPE) {
     case "info":
-      return /* @__PURE__ */ n.jsx(Yr, { ...e });
+      return /* @__PURE__ */ n.jsx(zr, { ...e });
     case "faq":
       return /* @__PURE__ */ n.jsx(Kr, { ...e });
     case "chat":
@@ -3333,37 +3342,42 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     default:
       return null;
   }
-}, Jr = A(qr), Qr = () => {
-  const { employees: e } = De(), [t, s] = N([]), r = j("And", "and"), c = j("IsTyping", "Is Typing"), l = j("People", "People"), { ws: o } = Te(), a = L(() => {
-    const u = t == null ? void 0 : t.map((f) => f == null ? void 0 : f.FULL_NAME);
-    if ((t == null ? void 0 : t.length) > 2) {
-      const f = u == null ? void 0 : u.filter((m, v) => v <= 1), g = u == null ? void 0 : u.filter((m, v) => v > 1);
-      return `${f == null ? void 0 : f.join(", ")}, ${r} ${g == null ? void 0 : g.length} ${l} ${c}`;
+}, Jr = O(qr), Qr = () => {
+  var y;
+  const [e, t] = D([]), s = _("And", "and"), r = _("IsTyping", "Is Typing"), i = _("People", "People"), { employees: c, setTypingOtherEmp: o, objTypingOtherEmp: a } = De(), { ws: d, setGetResponse: u } = he(), { parsedJWT: f } = q(), x = R(() => e == null ? void 0 : e.filter((w) => a == null ? void 0 : a[w == null ? void 0 : w.EMP_ID]), [a, e]), g = R(() => {
+    const w = x == null ? void 0 : x.map((A) => A == null ? void 0 : A.FULL_NAME);
+    if ((x == null ? void 0 : x.length) > 2) {
+      const A = w == null ? void 0 : w.filter((E, h) => h <= 1), p = w == null ? void 0 : w.filter((E, h) => h > 1);
+      return `${A == null ? void 0 : A.join(", ")}, ${s} ${p == null ? void 0 : p.length} ${i} ${r}`;
     }
-    return `${u == null ? void 0 : u.join(", ")} ${c}`;
-  }, [t]), d = (u) => {
-    if ((u == null ? void 0 : u.data) !== "PING") {
-      const f = JSON.parse((u == null ? void 0 : u.data) || "{}"), { DATA: g = {}, EVENT: m = "" } = f ?? {};
-      if (m === "TYPING") {
-        const v = e == null ? void 0 : e.find(
-          (k) => (k == null ? void 0 : k.EMP_ID) === (g == null ? void 0 : g.EMPLOYEE_ID)
-        ), E = {
-          ...g,
+    return `${w == null ? void 0 : w.join(", ")} ${r}`;
+  }, [e, x]), b = (w) => {
+    if ((w == null ? void 0 : w.data) !== "PING") {
+      const A = JSON.parse((w == null ? void 0 : w.data) || "{}"), { DATA: p = {}, EVENT: E = "" } = A ?? {}, h = p == null ? void 0 : p.EMPLOYEE_ID, m = f == null ? void 0 : f.EMP_ID;
+      if (E === "TYPING") {
+        h === m ? u(!1) : o((j) => ({
+          ...j,
+          [h]: p == null ? void 0 : p.IS_TYPING
+        }));
+        const v = c == null ? void 0 : c.find(
+          (j) => (j == null ? void 0 : j.EMP_ID) === (p == null ? void 0 : p.EMPLOYEE_ID)
+        ), C = {
+          ...p,
           ...v
         };
-        s((k) => {
-          const w = [...k, E], y = hn({
-            ArrObj: w,
+        t((j) => {
+          const S = [...j, C], I = Tn({
+            ArrObj: S,
             key: "EMPLOYEE_ID"
           });
-          return y == null ? void 0 : y.filter((C) => C == null ? void 0 : C.IS_TYPING);
+          return I == null ? void 0 : I.filter((B) => B == null ? void 0 : B.IS_TYPING);
         });
       }
     }
   };
-  return X(() => (o && (o == null || o.addEventListener("message", d)), () => {
-    o && (o == null || o.removeEventListener("message", d));
-  }), [e]), (t == null ? void 0 : t.length) === 0 ? null : /* @__PURE__ */ n.jsxs(
+  return Z(() => (d && (d == null || d.addEventListener("message", b)), () => {
+    d && (d == null || d.removeEventListener("message", b));
+  }), [c]), (y = Object.values(a || {})) != null && y.every((w) => w === !1) ? null : /* @__PURE__ */ n.jsxs(
     "div",
     {
       style: {
@@ -3373,7 +3387,7 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       },
       children: [
         /* @__PURE__ */ n.jsx(
-          he.Group,
+          Ee.Group,
           {
             maxCount: 2,
             maxPopoverTrigger: "click",
@@ -3382,44 +3396,44 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
               backgroundColor: "#fde3cf",
               cursor: "pointer"
             },
-            children: t == null ? void 0 : t.map((u, f) => /* @__PURE__ */ n.jsx(Se, { title: u == null ? void 0 : u.FULL_NAME, children: /* @__PURE__ */ n.jsx(he, { src: u == null ? void 0 : u.PHOTO, nameFallback: u == null ? void 0 : u.FULL_NAME }) }, f))
+            children: x == null ? void 0 : x.map((w, A) => /* @__PURE__ */ n.jsx(Se, { title: w == null ? void 0 : w.FULL_NAME, children: /* @__PURE__ */ n.jsx(Ee, { src: w == null ? void 0 : w.PHOTO, nameFallback: w == null ? void 0 : w.FULL_NAME }) }, A))
           }
         ),
-        /* @__PURE__ */ n.jsx(V.Text, { children: a }),
-        (t == null ? void 0 : t.length) > 0 ? /* @__PURE__ */ n.jsx(ft, {}) : null
+        /* @__PURE__ */ n.jsx(Y.Text, { children: g }),
+        (x == null ? void 0 : x.length) > 0 ? /* @__PURE__ */ n.jsx(ft, {}) : null
       ]
     }
   );
-}, Zr = A(Qr), Xr = () => {
-  var l;
-  const { chats: e } = De(), { widgetProps: t } = Q(), { activeTab: s } = ve(), r = K(), { xs: c } = ge.useBreakpoint();
-  return X(() => {
+}, Zr = O(Qr), Xr = () => {
+  var c;
+  const { chats: e } = De(), { widgetProps: t } = q(), { activeTab: s } = be(), r = z(), { xs: i } = ge.useBreakpoint();
+  return Z(() => {
     clearTimeout(r.current), r.current = setTimeout(() => {
-      be(".w-ticket-detail-content-container");
+      me(".w-ticket-detail-content-container");
     }, 350);
   }, [s]), /* @__PURE__ */ n.jsxs(
     "div",
     {
-      className: `w-ticket-detail-content-container ${c ? t != null && t.isSF ? "w-ticket-detail-content-container-sf-mobile" : "w-ticket-detail-content-container-mobile" : ""} `,
+      className: `w-ticket-detail-content-container ${i ? t != null && t.isSF ? "w-ticket-detail-content-container-sf-mobile" : "w-ticket-detail-content-container-mobile" : ""} `,
       children: [
-        (l = Object.keys(e || {})) == null ? void 0 : l.map((o) => {
+        (c = Object.keys(e || {})) == null ? void 0 : c.map((o) => {
           var d, u;
           const a = e == null ? void 0 : e[o];
           return /* @__PURE__ */ n.jsxs(gn, { children: [
             /* @__PURE__ */ n.jsx("div", { className: "w-datekey-chats", children: (d = le(o)) == null ? void 0 : d.format("ddd, DD MMMM YYYY") }),
-            /* @__PURE__ */ n.jsx("div", { className: "w-bubble-chat-container", children: (u = rt(a)) == null ? void 0 : u.map((f, g) => {
-              var E, k;
-              const m = (f == null ? void 0 : f.CHAT_ALIGN) === "to" ? "client" : "response", v = f == null ? void 0 : f.CHAT_TYPE;
+            /* @__PURE__ */ n.jsx("div", { className: "w-bubble-chat-container", children: (u = rt(a)) == null ? void 0 : u.map((f, x) => {
+              var y, w;
+              const g = (f == null ? void 0 : f.CHAT_ALIGN) === "to" ? "client" : "response", b = f == null ? void 0 : f.CHAT_TYPE;
               return /* @__PURE__ */ n.jsxs(gn, { children: [
-                m === "response" && v !== "info" && /* @__PURE__ */ n.jsx(
+                g === "response" && b !== "info" && /* @__PURE__ */ n.jsx(
                   Ue,
                   {
-                    src: (E = f == null ? void 0 : f.ACTOR) == null ? void 0 : E.PHOTO,
-                    name: (k = f == null ? void 0 : f.ACTOR) == null ? void 0 : k.FULL_NAME
+                    src: (y = f == null ? void 0 : f.ACTOR) == null ? void 0 : y.PHOTO,
+                    name: (w = f == null ? void 0 : f.ACTOR) == null ? void 0 : w.FULL_NAME
                   }
                 ),
                 /* @__PURE__ */ n.jsx(Jr, { ...f })
-              ] }, g);
+              ] }, x);
             }) })
           ] }, o);
         }),
@@ -3427,9 +3441,9 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       ]
     }
   );
-}, Pr = A(Xr), eo = () => {
-  var l, o;
-  const { chats: e, loadingChats: t } = De(), { widgetProps: s } = Q(), { xs: r } = ge.useBreakpoint(), c = L(() => {
+}, Pr = O(Xr), eo = () => {
+  var c, o;
+  const { chats: e, loadingChats: t } = De(), { widgetProps: s } = q(), { xs: r } = ge.useBreakpoint(), i = R(() => {
     var d;
     const a = [fn];
     return r && (s != null && s.isSF ? a == null || a.push(
@@ -3439,8 +3453,8 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
   return t ? /* @__PURE__ */ n.jsx(
     "div",
     {
-      className: `${c} w-ticket-detail-loading-chats`,
-      children: (l = Array.from({ length: 3 })) == null ? void 0 : l.map((a, d) => {
+      className: `${i} w-ticket-detail-loading-chats`,
+      children: (c = Array.from({ length: 3 })) == null ? void 0 : c.map((a, d) => {
         const u = d % 2 === 0;
         return /* @__PURE__ */ n.jsxs(
           "div",
@@ -3483,7 +3497,7 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
   ) : ((o = Object.keys(e || {})) == null ? void 0 : o.length) === 0 ? /* @__PURE__ */ n.jsx(
     "div",
     {
-      className: c,
+      className: i,
       style: {
         display: "flex",
         justifyContent: "center",
@@ -3492,8 +3506,8 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       children: /* @__PURE__ */ n.jsx(Xn, {})
     }
   ) : /* @__PURE__ */ n.jsx(Pr, {});
-}, no = A(eo), to = ({ ...e }) => {
-  const t = K(0);
+}, no = O(eo), to = ({ ...e }) => {
+  const t = z(0);
   return /* @__PURE__ */ n.jsxs(
     "div",
     {
@@ -3503,7 +3517,7 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       },
       children: [
         /* @__PURE__ */ n.jsx(
-          jn,
+          wn,
           {
             nameFallback: e == null ? void 0 : e.FULL_NAME,
             src: e == null ? void 0 : e.PHOTO,
@@ -3513,30 +3527,30 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
             preview: !1,
             loading: "lazy",
             onError: (s) => {
-              t.current += 1, (t == null ? void 0 : t.current) < 3 ? s.target.src = ot(e == null ? void 0 : e.PHOTO) : s.target.src = yn(e == null ? void 0 : e.FULL_NAME);
+              t.current += 1, (t == null ? void 0 : t.current) < 3 ? s.target.src = ot(e == null ? void 0 : e.PHOTO) : s.target.src = jn(e == null ? void 0 : e.FULL_NAME);
             }
           }
         ),
         /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
-          /* @__PURE__ */ n.jsx(V.Text, { strong: !0, style: { fontSize: 18 }, children: e == null ? void 0 : e.FULL_NAME }),
-          /* @__PURE__ */ n.jsx(V.Text, { children: e == null ? void 0 : e.POSITION_NAME }, e == null ? void 0 : e.POSITION_NAME),
-          /* @__PURE__ */ n.jsx(V.Text, { children: e == null ? void 0 : e.DEPT_NAME }),
-          /* @__PURE__ */ n.jsx(V.Text, { children: e == null ? void 0 : e.WORKLOCATION })
+          /* @__PURE__ */ n.jsx(Y.Text, { strong: !0, style: { fontSize: 18 }, children: e == null ? void 0 : e.FULL_NAME }),
+          /* @__PURE__ */ n.jsx(Y.Text, { children: e == null ? void 0 : e.POSITION_NAME }, e == null ? void 0 : e.POSITION_NAME),
+          /* @__PURE__ */ n.jsx(Y.Text, { children: e == null ? void 0 : e.DEPT_NAME }),
+          /* @__PURE__ */ n.jsx(Y.Text, { children: e == null ? void 0 : e.WORKLOCATION })
         ] })
       ]
     }
   );
-}, so = A(to), ro = ({ setLoadingUpload: e, isLoadingUpload: t }) => {
-  var y, C;
-  const s = en(), [r, c] = N({}), l = K(null), o = j(
+}, so = O(to), ro = ({ setLoadingUpload: e, isLoadingUpload: t }) => {
+  var p, E;
+  const s = en(), [r, i] = D({}), c = z(null), o = _(
     "ImageMustSmallerThan",
     "Image must smaller than"
-  ), a = j(
+  ), a = _(
     "MaximumFileSizeExceeded",
     "Maximum file size exceeded"
-  ), { onSendMsg: d } = Te(), { employees: u, setChats: f, isFromSelf: g } = De(), { ticketId: m } = Ce(), { activeTab: v } = ve(), E = () => {
-    var x;
-    (x = s({
+  ), { onSendMsg: d } = he(), { employees: u, setChats: f, isFromSelf: x } = De(), { ticketId: g } = ve(), { activeTab: b } = be(), y = () => {
+    var h;
+    (h = s({
       endpoint: "/upload/get-upload-config",
       data: {
         LIMIT: 1,
@@ -3545,83 +3559,83 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
           UPLOAD_CODE: "helpdesk"
         }
       }
-    })) == null || x.then((b) => {
-      var D, O;
-      const h = (O = (D = b == null ? void 0 : b.data) == null ? void 0 : D.DATA) == null ? void 0 : O.LIST;
-      (h == null ? void 0 : h.length) > 0 && c(h == null ? void 0 : h[0]);
+    })) == null || h.then((m) => {
+      var C, j;
+      const v = (j = (C = m == null ? void 0 : m.data) == null ? void 0 : C.DATA) == null ? void 0 : j.LIST;
+      (v == null ? void 0 : v.length) > 0 && i(v == null ? void 0 : v[0]);
     });
-  }, k = (x) => {
-    var D, O, _;
-    const b = x.size / 1024 / 1024, h = (r == null ? void 0 : r.MAXFILESIZE) / 1024;
-    return b > h && ((D = me) == null || D.destroy(), (O = me) == null || O.config({
+  }, w = (h) => {
+    var C, j, S;
+    const m = h.size / 1024 / 1024, v = (r == null ? void 0 : r.MAXFILESIZE) / 1024;
+    return m > v && ((C = Ce) == null || C.destroy(), (j = Ce) == null || j.config({
       getContainer: () => document.querySelector(".w-widget-content-container"),
       top: 28,
       placement: "top"
-    }), (_ = me) == null || _.error({
+    }), (S = Ce) == null || S.error({
       message: a,
-      description: `${o} ${h == null ? void 0 : h.toFixed(
+      description: `${o} ${v == null ? void 0 : v.toFixed(
         1
       )} MB!`,
       className: "w-notification-content",
       duration: 3
     })), !1;
-  }, w = (x) => {
-    var h, D;
+  }, A = (h) => {
+    var v, C;
     e(!0);
-    const b = new FormData();
-    b.append("UPLOAD_CODE", r == null ? void 0 : r.UPLOAD_CODE), b.append("UPLOAD_TYPE", r == null ? void 0 : r.UPLOAD_TYPE), b.append("FILE", x), (D = (h = s({
+    const m = new FormData();
+    m.append("UPLOAD_CODE", r == null ? void 0 : r.UPLOAD_CODE), m.append("UPLOAD_TYPE", r == null ? void 0 : r.UPLOAD_TYPE), m.append("FILE", h), (C = (v = s({
       endpoint: "/upload/temp",
-      data: b,
+      data: m,
       headers: {
         "Content-Type": "multipart/form-data"
       }
-    })) == null ? void 0 : h.then((O) => {
-      var _, q, Y, B, S;
-      if ((q = (_ = O == null ? void 0 : O.data) == null ? void 0 : _.DATA) != null && q.LIST) {
-        const M = (B = (Y = O == null ? void 0 : O.data) == null ? void 0 : Y.DATA) == null ? void 0 : B.LIST, I = {
-          ATTACHMENT: M == null ? void 0 : M.VIEW_PATH,
+    })) == null ? void 0 : v.then((j) => {
+      var S, I, B, M, L;
+      if ((I = (S = j == null ? void 0 : j.data) == null ? void 0 : S.DATA) != null && I.LIST) {
+        const F = (M = (B = j == null ? void 0 : j.data) == null ? void 0 : B.DATA) == null ? void 0 : M.LIST, $ = {
+          ATTACHMENT: F == null ? void 0 : F.VIEW_PATH,
           FAQ_ID: null,
           MESSAGE: "",
-          CREATED_DATE: (S = le()) == null ? void 0 : S.format(`${vn} HH:mm:ss`),
+          CREATED_DATE: (L = le()) == null ? void 0 : L.format(`${hn} HH:mm:ss`),
           CHAT_ALIGN: "to",
           CHAT_TYPE: "chat"
         };
-        f((F) => {
-          const J = [...En(F), I];
-          return Qe(J);
-        }), g.current = !0, d({
+        f((H) => {
+          const Q = [...yn(H), $];
+          return Qe(Q);
+        }), x.current = !0, d({
           event: "SEND_MESSAGE",
           data: {
-            ATTACHMENT: M == null ? void 0 : M.TEMP_PATH,
+            ATTACHMENT: F == null ? void 0 : F.TEMP_PATH,
             FAQ_ID: null,
             MESSAGE: "",
-            EMPLOYEES: u == null ? void 0 : u.map((F) => F == null ? void 0 : F.EMP_ID),
-            TASK_ID: m
+            EMPLOYEES: u == null ? void 0 : u.map((H) => H == null ? void 0 : H.EMP_ID),
+            TASK_ID: g
           }
-        }), clearTimeout(l.current), l.current = setTimeout(() => {
-          be(".w-ticket-detail-content-container");
+        }), clearTimeout(c.current), c.current = setTimeout(() => {
+          me(".w-ticket-detail-content-container");
         }, 350);
       }
-    })) == null || D.finally(() => {
+    })) == null || C.finally(() => {
       e(!1);
     });
   };
-  return X(() => {
-    E();
-  }, []), X(() => {
-    var x;
-    (x = me) == null || x.destroy();
-  }, [v]), /* @__PURE__ */ n.jsx(
+  return Z(() => {
+    y();
+  }, []), Z(() => {
+    var h;
+    (h = Ce) == null || h.destroy();
+  }, [b]), /* @__PURE__ */ n.jsx(
     Zn,
     {
-      beforeUpload: k,
+      beforeUpload: w,
       fileList: [],
-      accept: (C = (y = r == null ? void 0 : r.EXT_LIST) == null ? void 0 : y.split(",")) == null ? void 0 : C.map((x) => `.${x}`),
-      onChange: (x) => {
-        w(x == null ? void 0 : x.file);
+      accept: (E = (p = r == null ? void 0 : r.EXT_LIST) == null ? void 0 : p.split(",")) == null ? void 0 : E.map((h) => `.${h}`),
+      onChange: (h) => {
+        A(h == null ? void 0 : h.file);
       },
       children: /* @__PURE__ */ n.jsx(
-        W,
+        G,
         {
           loading: t,
           icon: /* @__PURE__ */ n.jsx(P, { type: "paper-clip" }),
@@ -3631,108 +3645,119 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       )
     }
   );
-}, oo = A(ro), co = ({ refInput: e }) => {
-  const { xs: t } = ge.useBreakpoint(), s = L(() => t ? "click" : "hover", [t]), r = () => {
-    var m;
-    const l = (m = e == null ? void 0 : e.current) == null ? void 0 : m.textarea;
-    if (!l)
+}, oo = O(ro), co = (e) => {
+  var r;
+  const t = z(null), s = z(null);
+  return s != null && s.current && ((r = s.current) == null || r.update(e)), Z(() => {
+    var c;
+    const i = (c = window == null ? void 0 : window.customElements) == null ? void 0 : c.get("em-emoji-picker");
+    return s.current = new (i || os)({ ...e, ref: t }), () => {
+      s.current = null;
+    };
+  }, []), mn.createElement("div", { ref: t });
+}, io = ({ refInput: e }) => {
+  const { xs: t } = ge.useBreakpoint(), s = R(() => t ? "click" : "hover", [t]), r = () => {
+    var g;
+    const c = (g = e == null ? void 0 : e.current) == null ? void 0 : g.textarea;
+    if (!c)
       return !1;
-    const { selectionStart: o, selectionEnd: a, value: d } = l, u = d == null ? void 0 : d.substring(0, o), f = d == null ? void 0 : d.substring(o, a), g = d == null ? void 0 : d.substring(a);
+    const { selectionStart: o, selectionEnd: a, value: d } = c, u = d == null ? void 0 : d.substring(0, o), f = d == null ? void 0 : d.substring(o, a), x = d == null ? void 0 : d.substring(a);
     return {
       before: u,
       selectedText: f,
-      after: g,
+      after: x,
       selectionStart: o,
       selectionEnd: a,
       text: d
     };
-  }, c = (l) => {
-    var g, m;
-    (g = e == null ? void 0 : e.current) == null || g.focus();
-    const o = (m = e == null ? void 0 : e.current) == null ? void 0 : m.textarea, a = l == null ? void 0 : l.native;
+  }, i = (c) => {
+    var x, g;
+    (x = e == null ? void 0 : e.current) == null || x.focus();
+    const o = (g = e == null ? void 0 : e.current) == null ? void 0 : g.textarea, a = c == null ? void 0 : c.native;
     if (!o) return;
     const { before: d, after: u } = r(), f = `${d}${a}${u}`;
     typeof document.execCommand == "function" ? document.execCommand("insertText", !1, a) : o.value = f;
   };
   return /* @__PURE__ */ n.jsx(
-    bn,
+    vn,
     {
       trigger: s,
       content: /* @__PURE__ */ n.jsx(
-        os,
+        co,
         {
-          onEmojiSelect: (l) => {
-            c(l);
+          onEmojiSelect: (c) => {
+            i(c);
           },
           theme: "auto"
         }
       ),
-      children: /* @__PURE__ */ n.jsx(W, { icon: /* @__PURE__ */ n.jsx(P, { type: "smile" }), style: { border: "none" } })
+      children: /* @__PURE__ */ n.jsx(G, { icon: /* @__PURE__ */ n.jsx(P, { type: "smile" }), style: { border: "none" } })
     }
   );
-}, io = A(co), lo = () => {
-  const [e, t] = N(0), [s, r] = N(!1), c = K(null), l = K(null), o = K(!1), a = K(null), { onSendMsg: d } = Te(), { ticketId: u } = Ce(), { isActiveTabVA: f } = ve(), { employees: g, setChats: m, isFromSelf: v, detailTicket: E } = De(), k = L(() => {
-    var x;
-    return ((x = E == null ? void 0 : E.STATUS) == null ? void 0 : x.toString().toLowerCase()) === "closed";
-  }, [E == null ? void 0 : E.STATUS]), w = L(() => g == null ? void 0 : g.map((x) => ({
-    ...x,
+}, lo = O(io), ao = () => {
+  const [e, t] = D(0), [s, r] = D(!1), i = z(null), c = z(null), o = z(!1), a = z(null), { onSendMsg: d, setGetResponse: u, isGetResponse: f } = he(), { ticketId: x } = ve(), { isActiveTabVA: g } = be(), { employees: b, setChats: y, isFromSelf: w, detailTicket: A } = De(), p = R(() => s || !f, [s, f]), E = R(() => {
+    var C;
+    return ((C = A == null ? void 0 : A.STATUS) == null ? void 0 : C.toString().toLowerCase()) === "closed";
+  }, [A == null ? void 0 : A.STATUS]), h = R(() => b == null ? void 0 : b.map((C) => ({
+    ...C,
     label: /* @__PURE__ */ n.jsx(
-      bn,
+      vn,
       {
         placement: "left",
-        content: /* @__PURE__ */ n.jsx(so, { ...x }),
-        children: /* @__PURE__ */ n.jsx("div", { children: /* @__PURE__ */ n.jsx(Ue, { src: x == null ? void 0 : x.PHOTO, name: x == null ? void 0 : x.FULL_NAME }) })
+        content: /* @__PURE__ */ n.jsx(so, { ...C }),
+        children: /* @__PURE__ */ n.jsx("div", { children: /* @__PURE__ */ n.jsx(Ue, { src: C == null ? void 0 : C.PHOTO, name: C == null ? void 0 : C.FULL_NAME }) })
       }
     ),
-    value: x == null ? void 0 : x.FULL_NAME
-  })), [g]), y = () => {
-    var h, D, O;
-    const x = (D = (h = c == null ? void 0 : c.current) == null ? void 0 : h.textarea) == null ? void 0 : D.value;
+    value: C == null ? void 0 : C.FULL_NAME
+  })), [b]), m = () => {
+    var S, I, B;
+    u(!1);
+    const C = (I = (S = i == null ? void 0 : i.current) == null ? void 0 : S.textarea) == null ? void 0 : I.value;
     d({
       event: "SEND_MESSAGE",
       data: {
         ATTACHMENT: "",
         FAQ_ID: null,
-        MESSAGE: x,
-        EMPLOYEES: g == null ? void 0 : g.map((_) => _ == null ? void 0 : _.EMP_ID),
-        TASK_ID: u
+        MESSAGE: C,
+        EMPLOYEES: b == null ? void 0 : b.map((M) => M == null ? void 0 : M.EMP_ID),
+        TASK_ID: x
       }
     });
-    const b = {
+    const j = {
       ATTACHMENT: "",
       FAQ_ID: null,
-      MESSAGE: x,
-      CREATED_DATE: (O = le()) == null ? void 0 : O.format(`${vn} HH:mm:ss`),
+      MESSAGE: C,
+      CREATED_DATE: (B = le()) == null ? void 0 : B.format(`${hn} HH:mm:ss`),
       CHAT_ALIGN: "to",
       CHAT_TYPE: "chat"
     };
-    m((_) => {
-      const Y = [...En(_), b];
-      return Qe(Y);
-    }), v.current = !0, be(".w-ticket-detail-content-container"), t((_) => _ + 1);
-  }, C = () => {
-    window.clearTimeout(l.current), o.current || (o.current = !0, d({
+    y((M) => {
+      const F = [...yn(M), j];
+      return Qe(F);
+    }), w.current = !0, me(".w-ticket-detail-content-container"), t((M) => M + 1);
+  }, v = () => {
+    window.clearTimeout(c.current), o.current || (o.current = !0, d({
       event: "TYPING",
       data: {
-        TASK_ID: u,
+        TASK_ID: x,
         IS_TYPING: !0
       }
-    })), l.current = setTimeout(() => {
+    })), c.current = setTimeout(() => {
       d({
         event: "TYPING",
         data: {
-          TASK_ID: u,
+          TASK_ID: x,
           IS_TYPING: !1
         }
       }), o.current = !1;
     }, 250);
   };
-  return X(() => {
-    c != null && c.current && !f && u && (clearTimeout(a.current), a.current = setTimeout(() => {
-      var x;
-      (x = c == null ? void 0 : c.current) == null || x.focus();
+  return Z(() => {
+    i != null && i.current && !g && x && (clearTimeout(a.current), a.current = setTimeout(() => {
+      var C;
+      (C = i == null ? void 0 : i.current) == null || C.focus();
     }, 500));
-  }, [f, u]), k ? null : /* @__PURE__ */ n.jsxs(
+  }, [g, x]), E ? null : /* @__PURE__ */ n.jsxs(
     "div",
     {
       className: "w-input-container",
@@ -3740,7 +3765,7 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         margin: 0
       },
       children: [
-        /* @__PURE__ */ n.jsx(io, { refInput: c }),
+        /* @__PURE__ */ n.jsx(lo, { refInput: i }),
         /* @__PURE__ */ n.jsx(
           oo,
           {
@@ -3749,58 +3774,63 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
           }
         ),
         /* @__PURE__ */ n.jsx(
-          Bn,
+          Un,
           {
             autoSize: {
               maxRows: 3
             },
-            ref: c,
+            ref: i,
             className: "w-input-helpdesk",
             placeholder: "Type a message...",
             onChange: () => {
-              C();
+              v();
             },
-            onKeyDown: (x) => {
-              ((x == null ? void 0 : x.code) === "Enter" || (x == null ? void 0 : x.key) === "Enter") && !(x != null && x.shiftKey) && y();
+            onKeyDown: (C) => {
+              ((C == null ? void 0 : C.code) === "Enter" || (C == null ? void 0 : C.key) === "Enter") && !(C != null && C.shiftKey) && m();
             },
-            filterOption: (x, b) => {
-              var O, _, q;
-              const h = (O = x == null ? void 0 : x.toString()) == null ? void 0 : O.toLowerCase(), D = (q = (_ = b == null ? void 0 : b.FULL_NAME) == null ? void 0 : _.toString()) == null ? void 0 : q.toLowerCase();
-              return D == null ? void 0 : D.includes(h);
+            filterOption: (C, j) => {
+              var B, M, L;
+              const S = (B = C == null ? void 0 : C.toString()) == null ? void 0 : B.toLowerCase(), I = (L = (M = j == null ? void 0 : j.FULL_NAME) == null ? void 0 : M.toString()) == null ? void 0 : L.toLowerCase();
+              return I == null ? void 0 : I.includes(S);
             },
-            children: w == null ? void 0 : w.map((x, b) => /* @__PURE__ */ n.jsx(Bn.Option, { ...x, children: x == null ? void 0 : x.label }, b))
+            children: h == null ? void 0 : h.map((C, j) => /* @__PURE__ */ n.jsx(Un.Option, { ...C, children: C == null ? void 0 : C.label }, j))
           },
           e
         ),
         /* @__PURE__ */ n.jsx(
-          W,
+          G,
           {
-            loading: s,
-            disabled: s,
-            className: "w-send-btn ",
-            style: { backgroundColor: "var(--primary-color, #395ebc)" },
-            icon: /* @__PURE__ */ n.jsx(P, { type: "send" }),
+            loading: p,
+            disabled: p,
+            className: "w-send-btn",
+            style: {
+              backgroundColor: "var(--primary-color, #395ebc)",
+              ...p && {
+                color: "white"
+              }
+            },
+            icon: /* @__PURE__ */ n.jsx(P, { type: p ? "loading" : "send" }),
             shape: "circle",
-            onClick: y
+            onClick: m
           }
         )
       ]
     }
   );
-}, ao = A(lo), uo = ({ title: e, subTitle: t, onClose: s, open: r, styleWrapper: c }) => {
-  var l;
+}, uo = O(ao), fo = ({ title: e, subTitle: t, onClose: s, open: r, styleWrapper: i }) => {
+  var c;
   return r ? /* @__PURE__ */ n.jsx(
     "div",
     {
       className: "w-banner-container",
-      ...((l = Object.keys(c || {})) == null ? void 0 : l.length) > 0 && {
-        style: c
+      ...((c = Object.keys(i || {})) == null ? void 0 : c.length) > 0 && {
+        style: i
       },
       children: /* @__PURE__ */ n.jsxs("div", { className: "w-banner-content", children: [
-        e && /* @__PURE__ */ n.jsx(V.Text, { style: { fontSize: 16, fontWeight: 600 }, children: e }),
+        e && /* @__PURE__ */ n.jsx(Y.Text, { style: { fontSize: 16, fontWeight: 600 }, children: e }),
         t && /* @__PURE__ */ n.jsx("div", { className: "w-banner-subtitle", children: t }),
         typeof s == "function" && /* @__PURE__ */ n.jsx("div", { className: "w-banner-close-btn", children: /* @__PURE__ */ n.jsx(
-          W,
+          G,
           {
             style: { border: "none", background: "transparent" },
             icon: /* @__PURE__ */ n.jsx(P, { type: "close" }),
@@ -3810,25 +3840,25 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       ] })
     }
   ) : null;
-}, ht = A(uo), fo = () => {
-  const e = j(
+}, Et = O(fo), xo = () => {
+  const e = _(
     "ForMoreInformationOfThisTicket",
     "For more information of this ticket"
-  ), t = j("ClickHere", "Click here"), { ticketId: s } = Ce(), { history: r } = Q(), { encrypt: c } = Tt();
+  ), t = _("ClickHere", "Click here"), { ticketId: s } = ve(), { history: r } = q(), { encrypt: i } = ht();
   return /* @__PURE__ */ n.jsx(
-    ht,
+    Et,
     {
       subTitle: /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-        /* @__PURE__ */ n.jsx(V.Text, { children: e }),
+        /* @__PURE__ */ n.jsx(Y.Text, { children: e }),
         /* @__PURE__ */ n.jsx(
-          V.Link,
+          Y.Link,
           {
             strong: !0,
             className: "w-reconnect-manual",
             onClick: () => {
-              const l = c(s);
+              const c = i(s);
               r.push(
-                `/standard/hrm.helpdesk.my-ticket.ticket-details?id=${l}`
+                `/standard/hrm.helpdesk.my-ticket.ticket-details?id=${c}`
               );
             },
             children: t
@@ -3841,27 +3871,27 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       }
     }
   );
-}, xo = A(fo), go = ({ onClose: e, visible: t }) => /* @__PURE__ */ n.jsx(bt, { open: t, onClose: e, children: /* @__PURE__ */ n.jsxs(Hr, { children: [
-  /* @__PURE__ */ n.jsx(Ir, {}),
-  /* @__PURE__ */ n.jsx(xo, {}),
+}, go = O(xo), Co = ({ onClose: e, visible: t }) => /* @__PURE__ */ n.jsx(bt, { open: t, onClose: e, children: /* @__PURE__ */ n.jsxs(Hr, { children: [
+  /* @__PURE__ */ n.jsx($r, { onClose: e }),
+  /* @__PURE__ */ n.jsx(go, {}),
   /* @__PURE__ */ n.jsx(no, {}),
-  /* @__PURE__ */ n.jsx(ao, {})
-] }) }), Co = A(go), mo = () => {
-  const e = j("AdvanceFilter", "Advance Filter"), t = j("Subject", "Subject"), s = j(
+  /* @__PURE__ */ n.jsx(uo, {})
+] }) }), mo = O(Co), bo = () => {
+  const e = _("AdvanceFilter", "Advance Filter"), t = _("Subject", "Subject"), s = _(
     "TicketCategory",
     "Ticket Category"
-  ), r = j("TicketStatus", "Ticket Status"), c = j("CreatedDate", "Created Date"), l = j("New", "New"), o = j("Open", "Open"), a = j("Reopen", "Reopen"), d = j("InProgress", "In Progress"), u = j("Responded", "Responded"), f = j("Fixed", "Fixed"), g = j("Done", "Done"), m = j("Closed", "Closed"), v = j("HDCancelled", "Cancelled"), E = j("Clear", "Clear"), k = j("Filter", "Filter"), w = en(), [y] = oe.useForm(), { openFilter: C, setOpenFilter: x, getListTicket: b, setCountFilters: h } = Ce(), [D, O] = N([]), _ = L(() => {
-    const B = `${l}/${o}/${a}`, S = `${d}/${u}`, M = `${f}/${g}`;
+  ), r = _("TicketStatus", "Ticket Status"), i = _("CreatedDate", "Created Date"), c = _("New", "New"), o = _("Open", "Open"), a = _("Reopen", "Reopen"), d = _("InProgress", "In Progress"), u = _("Responded", "Responded"), f = _("Fixed", "Fixed"), x = _("Done", "Done"), g = _("Closed", "Closed"), b = _("HDCancelled", "Cancelled"), y = _("Clear", "Clear"), w = _("Filter", "Filter"), A = en(), [p] = oe.useForm(), { openFilter: E, setOpenFilter: h, getListTicket: m, setCountFilters: v } = ve(), [C, j] = D([]), S = R(() => {
+    const M = `${c}/${o}/${a}`, L = `${d}/${u}`, F = `${f}/${x}`;
     return [
-      { value: 3, label: B },
-      { value: 1, label: S },
-      { value: 4, label: M },
-      { value: 6, label: m },
-      { value: 8, label: v }
+      { value: 3, label: M },
+      { value: 1, label: L },
+      { value: 4, label: F },
+      { value: 6, label: g },
+      { value: 8, label: b }
     ];
-  }, []), q = () => {
-    var B;
-    (B = w({
+  }, []), I = () => {
+    var M;
+    (M = A({
       endpoint: "/helpdesk/category/list",
       data: {
         LIMIT: 999999,
@@ -3869,82 +3899,82 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         SELECTOR: "*",
         SORT: { FIELD: "ORDER_NO", ORDER: "ASC" }
       }
-    })) == null || B.then((S) => {
-      var M, I, F;
-      if ((M = S == null ? void 0 : S.data) != null && M.DATA) {
-        const U = (F = (I = S == null ? void 0 : S.data) == null ? void 0 : I.DATA) == null ? void 0 : F.LIST;
-        O(
-          U == null ? void 0 : U.map((J) => ({
-            label: J == null ? void 0 : J.CATEGORY_NAME,
-            value: J == null ? void 0 : J.CATEGORY_CODE
+    })) == null || M.then((L) => {
+      var F, $, H;
+      if ((F = L == null ? void 0 : L.data) != null && F.DATA) {
+        const V = (H = ($ = L == null ? void 0 : L.data) == null ? void 0 : $.DATA) == null ? void 0 : H.LIST;
+        j(
+          V == null ? void 0 : V.map((Q) => ({
+            label: Q == null ? void 0 : Q.CATEGORY_NAME,
+            value: Q == null ? void 0 : Q.CATEGORY_CODE
           }))
         );
       }
     });
-  }, Y = () => {
-    var M, I;
-    const B = y == null ? void 0 : y.getFieldsValue(!0);
-    b(B);
-    const S = (I = (M = Object.values(B || {})) == null ? void 0 : M.flat()) == null ? void 0 : I.filter(Boolean);
-    h(S == null ? void 0 : S.length);
+  }, B = () => {
+    var F, $;
+    const M = p == null ? void 0 : p.getFieldsValue(!0);
+    m(M);
+    const L = ($ = (F = Object.values(M || {})) == null ? void 0 : F.flat()) == null ? void 0 : $.filter(Boolean);
+    v(L == null ? void 0 : L.length);
   };
-  return X(() => {
-    q();
+  return Z(() => {
+    I();
   }, []), /* @__PURE__ */ n.jsxs(
     bt,
     {
       styleContainer: { height: "calc(100% - 50px)" },
-      open: C,
+      open: E,
       onClose: () => {
-        x(!1);
+        h(!1);
       },
       footer: /* @__PURE__ */ n.jsxs("div", { className: "w-ticket-list-advance-filter-footer", children: [
         /* @__PURE__ */ n.jsx(
-          W,
+          G,
           {
             onClick: () => {
-              y == null || y.resetFields(), Y();
+              p == null || p.resetFields(), B();
             },
-            children: E
+            children: y
           },
           "clear"
         ),
         /* @__PURE__ */ n.jsx(
-          W,
+          G,
           {
             type: "primary",
             onClick: () => {
-              Y(), x(!1);
+              B(), h(!1);
             },
-            children: k
+            children: w
           },
           "filter"
         )
       ] }),
       children: [
-        /* @__PURE__ */ n.jsx(V.Text, { strong: !0, style: { fontSize: 16 }, children: e }),
-        /* @__PURE__ */ n.jsx("div", { className: "w-ticket-list-advance-filter-form-container", children: /* @__PURE__ */ n.jsxs(oe, { form: y, layout: "vertical", children: [
+        /* @__PURE__ */ n.jsx(Y.Text, { strong: !0, style: { fontSize: 16 }, children: e }),
+        /* @__PURE__ */ n.jsx("div", { className: "w-ticket-list-advance-filter-form-container", children: /* @__PURE__ */ n.jsxs(oe, { form: p, layout: "vertical", children: [
           /* @__PURE__ */ n.jsx(oe.Item, { label: t, name: "TASK_NAME", children: /* @__PURE__ */ n.jsx(Be, { allowClear: !0 }) }),
-          /* @__PURE__ */ n.jsx(oe.Item, { label: s, name: "CATEGORY_CODE", children: /* @__PURE__ */ n.jsx(Un, { options: D, mode: "multiple", allowClear: !0 }) }),
-          /* @__PURE__ */ n.jsx(oe.Item, { label: r, name: "TASK_STATUS", children: /* @__PURE__ */ n.jsx(Un, { options: _, mode: "multiple", allowClear: !0 }) }),
-          /* @__PURE__ */ n.jsx(oe.Item, { label: c, name: "CREATED_DATE", children: /* @__PURE__ */ n.jsx(Zt, { style: { width: "100%" }, allowClear: !0 }) })
+          /* @__PURE__ */ n.jsx(oe.Item, { label: s, name: "CATEGORY_CODE", children: /* @__PURE__ */ n.jsx(Wn, { options: C, mode: "multiple", allowClear: !0 }) }),
+          /* @__PURE__ */ n.jsx(oe.Item, { label: r, name: "TASK_STATUS", children: /* @__PURE__ */ n.jsx(Wn, { options: S, mode: "multiple", allowClear: !0 }) }),
+          /* @__PURE__ */ n.jsx(oe.Item, { label: i, name: "CREATED_DATE", children: /* @__PURE__ */ n.jsx(Zt, { style: { width: "100%" }, allowClear: !0 }) })
         ] }) })
       ]
     }
   );
-}, bo = A(mo), vo = () => {
-  const e = j(
+}, vo = O(bo), ho = () => {
+  const e = _(
     "ReconnectManually",
     "Reconnect Manually"
-  ), t = j(
+  ), t = _(
     "HelpdeskWebsocket",
     "Helpdesk Websocket"
-  ), s = j("NotConnected", "Not Connected"), r = j("Connecting", "Connecting"), {
-    connectWebSocket: c,
-    retryCountState: l,
+  ), s = _("NotConnected", "Not Connected"), r = _("Connecting", "Connecting"), {
+    connectWebSocket: i,
+    retryCountState: c,
     setRetryCountState: o,
     retryCountRef: a
-  } = Te(), d = L(() => l === $e ? `${t} ${s}` : `${t} ${r}`, [l]);
+  } = he(), d = R(() => c === Ie ? `${t} ${s}` : `${t} ${r}`, [c]);
   return /* @__PURE__ */ n.jsx(
     "div",
     {
@@ -3957,18 +3987,18 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       children: /* @__PURE__ */ n.jsx(
         Xt,
         {
-          ...l === $e ? {
+          ...c === Ie ? {
             status: "warning"
           } : {
             icon: null
           },
           title: d,
-          extra: l === $e ? /* @__PURE__ */ n.jsx(
-            W,
+          extra: c === Ie ? /* @__PURE__ */ n.jsx(
+            G,
             {
               type: "primary",
               onClick: () => {
-                a.current = 0, o(0), c();
+                a.current = 0, o(0), i();
               },
               children: e
             },
@@ -3977,7 +4007,6 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
             P,
             {
               type: "loading",
-              className: "w-spin-animate",
               style: {
                 paddingTop: 8
               }
@@ -3987,15 +4016,15 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       )
     }
   );
-}, To = A(vo), ho = () => {
-  const { setTicketId: e, ticketId: t, openFilter: s } = Ce(), { onSendMsg: r } = Te(), { showReadyWSHD: c } = Q();
+}, Eo = O(ho), To = () => {
+  const { setTicketId: e, ticketId: t, openFilter: s } = ve(), { onSendMsg: r, setGetResponse: i } = he(), { showReadyWSHD: c } = q();
   return c ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
     /* @__PURE__ */ n.jsx(
-      Co,
+      mo,
       {
         visible: t,
         onClose: () => {
-          e(""), r({
+          e(""), i(!1), r({
             event: "LEAVE_ROOM",
             data: {
               TASK_ID: t
@@ -4005,24 +4034,24 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       }
     ),
     /* @__PURE__ */ n.jsx("div", { style: { display: !t && !s ? "block" : "none" }, children: /* @__PURE__ */ n.jsx(Mr, {}) }),
-    /* @__PURE__ */ n.jsx(bo, {})
-  ] }) : /* @__PURE__ */ n.jsx(To, {});
-}, Eo = A(ho), yo = ({ children: e, usePopover: t, ...s }) => t ? /* @__PURE__ */ n.jsx(bn, { ...s, visible: s == null ? void 0 : s.open, children: e }) : e, jo = () => {
-  const e = j("NeedHelp", "Need Help"), t = j(
+    /* @__PURE__ */ n.jsx(vo, {})
+  ] }) : /* @__PURE__ */ n.jsx(Eo, {});
+}, yo = O(To), jo = ({ children: e, usePopover: t, ...s }) => t ? /* @__PURE__ */ n.jsx(vn, { ...s, visible: s == null ? void 0 : s.open, children: e }) : e, wo = () => {
+  const e = _("NeedHelp", "Need Help"), t = _(
     "WidgetDisconnected",
     "Widget Disconnected"
-  ), [s, r] = N(!0), c = K(), { widgetProps: l, setOpenWidget: o, isFirstOpenWidget: a, setFirstOpenWidget: d } = Q(), { onSendMsg: u, connected: f, isHandshakeWidget: g } = ue(), m = () => {
-    o(!0), u({ msg: l == null ? void 0 : l.getStartedPayload });
+  ), [s, r] = D(!0), i = z(), { widgetProps: c, setOpenWidget: o, isFirstOpenWidget: a, setFirstOpenWidget: d } = q(), { onSendMsg: u, connected: f, isHandshakeWidget: x } = ue(), g = () => {
+    o(!0), u({ msg: c == null ? void 0 : c.getStartedPayload });
   };
-  return X(() => {
-    r(!f), window.clearTimeout(c.current), c.current = setTimeout(() => {
+  return Z(() => {
+    r(!f), window.clearTimeout(i.current), i.current = setTimeout(() => {
       r(!1);
-    }, 2e3);
+    }, 3e3);
   }, [f]), /* @__PURE__ */ n.jsx(
-    yo,
+    jo,
     {
-      usePopover: s && g === "show",
-      open: s && g === "show",
+      usePopover: s && x === "show",
+      open: s && x === "show",
       content: t,
       placement: "right",
       children: /* @__PURE__ */ n.jsxs(
@@ -4030,12 +4059,12 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         {
           className: "w-launcher-container",
           onClick: () => {
-            a || (d(!0), m()), o(!0);
+            a || (d(!0), g()), o(!0);
           },
           children: [
             /* @__PURE__ */ n.jsx(P, { type: "chat-bubble" }),
             /* @__PURE__ */ n.jsxs(
-              V.Text,
+              Y.Text,
               {
                 style: {
                   fontWeight: 600,
@@ -4052,27 +4081,27 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       )
     }
   );
-}, wo = A(jo), po = () => {
-  const e = j("NotConnected", "Not Connected"), t = j(
+}, po = O(wo), _o = () => {
+  const e = _("NotConnected", "Not Connected"), t = _(
     "CannotAutoReconnect",
     "Cannot auto reconnect"
-  ), s = j(
+  ), s = _(
     "ReconnectManually",
     "Reconnect Manually"
-  ), [r, c] = N(!1), { connected: l, createSocket: o } = ue(), { widgetProps: a } = Q();
-  return X(() => {
-    c(!l);
-  }, [l]), /* @__PURE__ */ n.jsx(
-    ht,
+  ), [r, i] = D(!1), { connected: c, createSocket: o } = ue(), { widgetProps: a } = q();
+  return Z(() => {
+    i(!c);
+  }, [c]), /* @__PURE__ */ n.jsx(
+    Et,
     {
       title: `${a == null ? void 0 : a.title} ${e}`,
       subTitle: /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-        /* @__PURE__ */ n.jsxs(V.Text, { children: [
+        /* @__PURE__ */ n.jsxs(Y.Text, { children: [
           t,
           "?"
         ] }),
         /* @__PURE__ */ n.jsx(
-          V.Link,
+          Y.Link,
           {
             strong: !0,
             className: "w-reconnect-manual",
@@ -4083,63 +4112,63 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
           }
         )
       ] }),
-      onClose: () => c(!1),
-      open: !l && r
+      onClose: () => i(!1),
+      open: !c && r
     }
   );
-}, _o = A(
-  po
-), ko = () => {
-  const { xs: e } = ge.useBreakpoint(), [t, s] = N(!1), { isOpenWidget: r, widgetProps: c } = Q(), { isActiveTabVA: l } = ve(), o = K(null), a = L(() => {
+}, ko = O(
+  _o
+), Ao = () => {
+  const { xs: e } = ge.useBreakpoint(), [t, s] = D(!1), { isOpenWidget: r, widgetProps: i } = q(), { isActiveTabVA: c } = be(), o = z(null), a = R(() => {
     var f;
     const u = [un];
-    return e && (c != null && c.isSF ? u == null || u.push(`${un}-sf-mobile`) : u == null || u.push(`${un}-mobile`)), (f = u == null ? void 0 : u.filter(Boolean)) == null ? void 0 : f.join(" ");
-  }, [e, c == null ? void 0 : c.isSF]), d = zt(
+    return e && (i != null && i.isSF ? u == null || u.push(`${un}-sf-mobile`) : u == null || u.push(`${un}-mobile`)), (f = u == null ? void 0 : u.filter(Boolean)) == null ? void 0 : f.join(" ");
+  }, [e, i == null ? void 0 : i.isSF]), d = Gt(
     (u) => {
-      var g;
+      var x;
       const f = [u, xn == null ? void 0 : xn.FADE_IN];
-      return c != null && c.isSF && (f == null || f.push(`${u}-sf`)), e && (c != null && c.isSF ? f == null || f.push(`${u}-sf-mobile`) : f == null || f.push(`${u}-mobile`)), (g = f == null ? void 0 : f.filter(Boolean)) == null ? void 0 : g.join(" ");
+      return i != null && i.isSF && (f == null || f.push(`${u}-sf`)), e && (i != null && i.isSF ? f == null || f.push(`${u}-sf-mobile`) : f == null || f.push(`${u}-mobile`)), (x = f == null ? void 0 : f.filter(Boolean)) == null ? void 0 : x.join(" ");
     },
-    [c == null ? void 0 : c.isSF, e]
+    [i == null ? void 0 : i.isSF, e]
   );
-  return X(() => {
+  return Z(() => {
     r && s(r), clearTimeout(o.current), o.current = setTimeout(() => {
       r || s(r);
     }, 250);
   }, [r]), t ? /* @__PURE__ */ n.jsxs("div", { className: a, children: [
-    /* @__PURE__ */ n.jsxs("div", { style: { display: l ? "block" : "none" }, children: [
+    /* @__PURE__ */ n.jsxs("div", { style: { display: c ? "block" : "none" }, children: [
       /* @__PURE__ */ n.jsx("div", { className: d(bs), children: /* @__PURE__ */ n.jsx(wr, {}) }),
       /* @__PURE__ */ n.jsx(_r, {})
     ] }),
-    /* @__PURE__ */ n.jsx("div", { style: { display: l ? "none" : "block" }, children: /* @__PURE__ */ n.jsx("div", { className: d(vs), children: /* @__PURE__ */ n.jsx(Dr, { children: /* @__PURE__ */ n.jsx(Lr, { children: /* @__PURE__ */ n.jsx(Eo, {}) }) }) }) }),
-    /* @__PURE__ */ n.jsx(_o, {})
-  ] }) : /* @__PURE__ */ n.jsx(wo, {});
-}, Ao = A(ko), So = ({ items: e, ...t }) => Le != null && Le.startsWith("5") || Oe != null && Oe.startsWith("18") ? /* @__PURE__ */ n.jsx(cn, { ...t, items: e }) : /* @__PURE__ */ n.jsx(cn, { ...t, children: e == null ? void 0 : e.map(({ ...s }) => /* @__PURE__ */ mn(
+    /* @__PURE__ */ n.jsx("div", { style: { display: c ? "none" : "block" }, children: /* @__PURE__ */ n.jsx("div", { className: d(vs), children: /* @__PURE__ */ n.jsx(Dr, { children: /* @__PURE__ */ n.jsx(Lr, { children: /* @__PURE__ */ n.jsx(yo, {}) }) }) }) }),
+    /* @__PURE__ */ n.jsx(ko, {})
+  ] }) : /* @__PURE__ */ n.jsx(po, {});
+}, So = O(Ao), Lo = ({ items: e, ...t }) => Le != null && Le.startsWith("5") || Oe != null && Oe.startsWith("18") ? /* @__PURE__ */ n.jsx(cn, { ...t, items: e }) : /* @__PURE__ */ n.jsx(cn, { ...t, children: e == null ? void 0 : e.map(({ ...s }) => /* @__PURE__ */ bn(
   cn.TabPane,
   {
     ...s,
     key: s == null ? void 0 : s.key,
     tab: s == null ? void 0 : s.label
   }
-)) }), Lo = A(So), Oo = () => {
-  const { isOpenWidget: e } = Q(), { setActiveTab: t, activeTab: s } = ve(), r = j(
+)) }), Oo = O(Lo), Ro = () => {
+  const { isOpenWidget: e } = q(), { setActiveTab: t, activeTab: s } = be(), r = _(
     "VirtualAssistant",
     "Virtual Assistant"
-  ), c = j("Helpdesk", "Helpdesk"), { xs: l } = ge.useBreakpoint();
-  return X(() => {
+  ), i = _("Helpdesk", "Helpdesk"), { xs: c } = ge.useBreakpoint();
+  return Z(() => {
     const o = st();
     t((o == null ? void 0 : o.activeTab) ?? s);
   }, []), e ? /* @__PURE__ */ n.jsx(
     "div",
     {
       className: "w-widget-tab-footer-container",
-      ...l && {
+      ...c && {
         style: {
           borderRadius: 0
         }
       },
       children: /* @__PURE__ */ n.jsx(
-        Lo,
+        Oo,
         {
           activeKey: s,
           onChange: (o) => {
@@ -4153,7 +4182,7 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
               key: "va"
             },
             {
-              label: c,
+              label: i,
               key: "helpdesk"
             }
           ]
@@ -4161,24 +4190,24 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       )
     }
   ) : null;
-}, Ro = A(Oo), Do = () => {
-  const { isOpenWidget: e, setOpenWidget: t, setExpand: s, isExpand: r, widgetProps: c } = Q(), { xs: l } = ge.useBreakpoint();
+}, Do = O(Ro), No = () => {
+  const { isOpenWidget: e, setOpenWidget: t, setExpand: s, isExpand: r, widgetProps: i } = q(), { xs: c } = ge.useBreakpoint();
   return e ? /* @__PURE__ */ n.jsxs(
     "div",
     {
       className: `${He}-container`,
-      ...l && {
+      ...c && {
         style: {
           borderRadius: 0
         }
       },
       children: [
         /* @__PURE__ */ n.jsxs("div", { className: `${He}-text`, children: [
-          /* @__PURE__ */ n.jsx("h4", { className: `${He}-title`, children: c == null ? void 0 : c.title }),
-          /* @__PURE__ */ n.jsx("span", { className: `${He}-subtitle`, children: c == null ? void 0 : c.subTitle })
+          /* @__PURE__ */ n.jsx("h4", { className: `${He}-title`, children: i == null ? void 0 : i.title }),
+          /* @__PURE__ */ n.jsx("span", { className: `${He}-subtitle`, children: i == null ? void 0 : i.subTitle })
         ] }),
         /* @__PURE__ */ n.jsxs("div", { className: `${He}-action`, children: [
-          !l && /* @__PURE__ */ n.jsx(
+          !c && /* @__PURE__ */ n.jsx(
             P,
             {
               type: "expand",
@@ -4204,41 +4233,41 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       ]
     }
   ) : null;
-}, No = A(Do), Mo = () => {
-  const { isExpand: e, isOpenWidget: t, isFirstOpenWidget: s, setOpenWidget: r } = Q(), { xs: c } = ge.useBreakpoint(), l = L(() => {
+}, Mo = O(No), Fo = () => {
+  const { isExpand: e, isOpenWidget: t, isFirstOpenWidget: s, setOpenWidget: r } = q(), { xs: i } = ge.useBreakpoint(), c = R(() => {
     var a;
     const o = [
-      c && "w-container-widget-mobile",
+      i && "w-container-widget-mobile",
       s && (t ? "w-show-animate" : "w-close-animate"),
       "w-container-widget",
       e && "w-container-widget-expand"
     ];
     return (a = o == null ? void 0 : o.filter(Boolean)) == null ? void 0 : a.join(" ");
-  }, [e, c, s, t]);
+  }, [e, i, s, t]);
   return /* @__PURE__ */ n.jsxs(
     "div",
     {
-      className: l,
+      className: c,
       onKeyDown: (o) => {
         (o == null ? void 0 : o.code) === "Escape" && !(o != null && o.shiftKey) && !(o != null && o.altKey) && !(o != null && o.ctrlKey) && (o == null ? void 0 : o.key) === "Escape" && r(!1);
       },
       tabIndex: 0,
       children: [
-        /* @__PURE__ */ n.jsx(No, {}),
+        /* @__PURE__ */ n.jsx(Mo, {}),
         /* @__PURE__ */ n.jsx("div", { id: "w-widget-content", children: /* @__PURE__ */ n.jsxs(er, { children: [
-          /* @__PURE__ */ n.jsx(Ls, { children: /* @__PURE__ */ n.jsx(Ao, {}) }),
-          /* @__PURE__ */ n.jsx(Ro, {})
+          /* @__PURE__ */ n.jsx(Ls, { children: /* @__PURE__ */ n.jsx(So, {}) }),
+          /* @__PURE__ */ n.jsx(Do, {})
         ] }) })
       ]
     }
   );
-}, Fo = A(Mo), Jo = ({
+}, Ho = O(Fo), Qo = ({
   getStartedPayload: e,
   socketURL: t,
   socketPath: s,
   onPayslipFn: r,
-  title: c,
-  subTitle: l,
+  title: i,
+  subTitle: c,
   keyEncrypt: o,
   history: a,
   isSF: d = !1
@@ -4249,14 +4278,14 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     socketURL: t,
     socketPath: s,
     onPayslipFn: r,
-    title: c,
-    subTitle: l,
+    title: i,
+    subTitle: c,
     keyEncrypt: o,
     history: a,
     isSF: d,
-    children: /* @__PURE__ */ n.jsx(Ss, { children: /* @__PURE__ */ n.jsx(Fo, {}) })
+    children: /* @__PURE__ */ n.jsx(Ss, { children: /* @__PURE__ */ n.jsx(Ho, {}) })
   }
 );
 export {
-  Jo as default
+  Qo as default
 };