widget-chatbot 2.0.0-alpha.16 → 2.0.0-alpha.18

package/dist/widget-chatbot.es.js

@@ -1,44 +1,44 @@
-import mn, { version as Bt, createContext as Te, useContext as ye, useState as D, useRef as Y, useMemo as O, useEffect as X, memo as R, Children as Ut, isValidElement as Wt, cloneElement as Vt, Fragment as gn, createElement as bn, useCallback as Gt } from "react";
+import bn, { version as Wt, createContext as Te, useContext as ye, useState as D, useRef as K, useMemo as O, useEffect as X, memo as R, Children as Vt, isValidElement as Gt, cloneElement as zt, Fragment as Cn, createElement as vn, useCallback as Yt } from "react";
 import Oe from "axios";
 import ae from "dayjs";
-import { version as zt, Modal as Bn, Typography as V, Button as z, Form as oe, notification as ie, Radio as Yt, Divider as Kt, Input as Be, Image as qt, Skeleton as ue, Avatar as Qn, Upload as Zn, Spin as Jt, Tooltip as Se, Tag as Qt, Badge as Zt, Grid as Ce, Empty as Xn, Popover as vn, Mentions as Un, Select as Wn, DatePicker as Xt, Result as Pt, Tabs as cn } from "antd";
-import { io as es } from "socket.io-client";
-import ns from "react-markdown";
-import ts from "remark-gfm";
-import { Prism as ss } from "react-syntax-highlighter";
-import rs from "@ant-design/icons";
-import { Pie as os } from "@ant-design/charts";
-import _e from "crypto-js";
-import { Picker as cs } from "emoji-mart";
-var Je = { exports: {} }, ke = {};
+import { version as Kt, Modal as Un, Typography as V, Button as z, Form as oe, notification as ie, Radio as qt, Divider as Jt, Input as Be, Image as Qt, Skeleton as ue, Avatar as Xn, Upload as Pn, Spin as Zt, Tooltip as Se, Tag as Xt, Badge as Pt, Grid as Ce, Empty as et, Popover as hn, Mentions as Wn, Select as Vn, DatePicker as es, Result as ns, Tabs as cn } from "antd";
+import { io as ts } from "socket.io-client";
+import ss from "react-markdown";
+import rs from "remark-gfm";
+import { Prism as os } from "react-syntax-highlighter";
+import cs from "@ant-design/icons";
+import { Pie as is } from "@ant-design/charts";
+import ke from "crypto-js";
+import { Picker as ls } from "emoji-mart";
+var Je = { exports: {} }, pe = {};
 /*
 object-assign
 (c) Sindre Sorhus
 @license MIT
 */
-var ln, Vn;
-function Pn() {
-  if (Vn) return ln;
-  Vn = 1;
+var ln, Gn;
+function nt() {
+  if (Gn) return ln;
+  Gn = 1;
   var e = Object.getOwnPropertySymbols, t = Object.prototype.hasOwnProperty, r = Object.prototype.propertyIsEnumerable;
   function s(c) {
     if (c == null)
       throw new TypeError("Object.assign cannot be called with null or undefined");
     return Object(c);
   }
-  function d() {
+  function a() {
     try {
       if (!Object.assign)
         return !1;
       var c = new String("abc");
       if (c[5] = "de", Object.getOwnPropertyNames(c)[0] === "5")
         return !1;
-      for (var o = {}, l = 0; l < 10; l++)
-        o["_" + String.fromCharCode(l)] = l;
-      var a = Object.getOwnPropertyNames(o).map(function(f) {
+      for (var o = {}, d = 0; d < 10; d++)
+        o["_" + String.fromCharCode(d)] = d;
+      var i = Object.getOwnPropertyNames(o).map(function(f) {
         return o[f];
       });
-      if (a.join("") !== "0123456789")
+      if (i.join("") !== "0123456789")
         return !1;
       var u = {};
       return "abcdefghijklmnopqrst".split("").forEach(function(f) {
@@ -48,18 +48,18 @@ function Pn() {
       return !1;
     }
   }
-  return ln = d() ? Object.assign : function(c, o) {
-    for (var l, a = s(c), u, f = 1; f < arguments.length; f++) {
-      l = Object(arguments[f]);
-      for (var x in l)
-        t.call(l, x) && (a[x] = l[x]);
+  return ln = a() ? Object.assign : function(c, o) {
+    for (var d, i = s(c), u, f = 1; f < arguments.length; f++) {
+      d = Object(arguments[f]);
+      for (var x in d)
+        t.call(d, x) && (i[x] = d[x]);
       if (e) {
-        u = e(l);
+        u = e(d);
         for (var g = 0; g < u.length; g++)
-          r.call(l, u[g]) && (a[u[g]] = l[u[g]]);
+          r.call(d, u[g]) && (i[u[g]] = d[u[g]]);
       }
     }
-    return a;
+    return i;
   }, ln;
 }
 /** @license React v17.0.2
@@ -70,24 +70,24 @@ 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 Gn;
-function is() {
-  if (Gn) return ke;
-  Gn = 1, Pn();
-  var e = mn, t = 60103;
-  if (ke.Fragment = 60107, typeof Symbol == "function" && Symbol.for) {
+var zn;
+function as() {
+  if (zn) return pe;
+  zn = 1, nt();
+  var e = bn, t = 60103;
+  if (pe.Fragment = 60107, typeof Symbol == "function" && Symbol.for) {
     var r = Symbol.for;
-    t = r("react.element"), ke.Fragment = r("react.fragment");
+    t = r("react.element"), pe.Fragment = r("react.fragment");
   }
-  var s = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, d = Object.prototype.hasOwnProperty, c = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function o(l, a, u) {
+  var s = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, a = Object.prototype.hasOwnProperty, c = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function o(d, i, u) {
     var f, x = {}, g = null, C = null;
-    u !== void 0 && (g = "" + u), a.key !== void 0 && (g = "" + a.key), a.ref !== void 0 && (C = a.ref);
-    for (f in a) d.call(a, f) && !c.hasOwnProperty(f) && (x[f] = a[f]);
-    if (l && l.defaultProps) for (f in a = l.defaultProps, a) x[f] === void 0 && (x[f] = a[f]);
-    return { $$typeof: t, type: l, key: g, ref: C, props: x, _owner: s.current };
+    u !== void 0 && (g = "" + u), i.key !== void 0 && (g = "" + i.key), i.ref !== void 0 && (C = i.ref);
+    for (f in i) a.call(i, f) && !c.hasOwnProperty(f) && (x[f] = i[f]);
+    if (d && d.defaultProps) for (f in i = d.defaultProps, i) x[f] === void 0 && (x[f] = i[f]);
+    return { $$typeof: t, type: d, key: g, ref: C, props: x, _owner: s.current };
   }
-  return ke.jsx = o, ke.jsxs = o, ke;
+  return pe.jsx = o, pe.jsxs = o, pe;
 }
 var an = {};
 /** @license React v17.0.2
@@ -98,64 +98,64 @@ var an = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var zn;
-function ls() {
-  return zn || (zn = 1, function(e) {
+var Yn;
+function ds() {
+  return Yn || (Yn = 1, function(e) {
     process.env.NODE_ENV !== "production" && function() {
-      var t = mn, r = Pn(), s = 60103, d = 60106;
+      var t = bn, r = nt(), s = 60103, a = 60106;
       e.Fragment = 60107;
-      var c = 60108, o = 60114, l = 60109, a = 60110, u = 60112, f = 60113, x = 60120, g = 60115, C = 60116, y = 60121, w = 60122, k = 60117, _ = 60129, v = 60131;
+      var c = 60108, o = 60114, d = 60109, i = 60110, u = 60112, f = 60113, x = 60120, g = 60115, C = 60116, y = 60121, j = 60122, p = 60117, w = 60129, v = 60131;
       if (typeof Symbol == "function" && Symbol.for) {
-        var E = Symbol.for;
-        s = E("react.element"), d = E("react.portal"), e.Fragment = E("react.fragment"), c = E("react.strict_mode"), o = E("react.profiler"), l = E("react.provider"), a = E("react.context"), u = E("react.forward_ref"), f = E("react.suspense"), x = E("react.suspense_list"), g = E("react.memo"), C = E("react.lazy"), y = E("react.block"), w = E("react.server.block"), k = E("react.fundamental"), E("react.scope"), E("react.opaque.id"), _ = E("react.debug_trace_mode"), E("react.offscreen"), v = E("react.legacy_hidden");
+        var h = Symbol.for;
+        s = h("react.element"), a = h("react.portal"), e.Fragment = h("react.fragment"), c = h("react.strict_mode"), o = h("react.profiler"), d = h("react.provider"), i = h("react.context"), u = h("react.forward_ref"), f = h("react.suspense"), x = h("react.suspense_list"), g = h("react.memo"), C = h("react.lazy"), y = h("react.block"), j = h("react.server.block"), p = h("react.fundamental"), h("react.scope"), h("react.opaque.id"), w = h("react.debug_trace_mode"), h("react.offscreen"), v = h("react.legacy_hidden");
       }
-      var b = typeof Symbol == "function" && Symbol.iterator, h = "@@iterator";
-      function m(i) {
-        if (i === null || typeof i != "object")
+      var b = typeof Symbol == "function" && Symbol.iterator, E = "@@iterator";
+      function m(l) {
+        if (l === null || typeof l != "object")
           return null;
-        var T = b && i[b] || i[h];
+        var T = b && l[b] || l[E];
         return typeof T == "function" ? T : null;
       }
-      var j = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-      function S(i) {
+      var k = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+      function S(l) {
         {
           for (var T = arguments.length, A = new Array(T > 1 ? T - 1 : 0), N = 1; N < T; N++)
             A[N - 1] = arguments[N];
-          I("error", i, A);
+          H("error", l, A);
         }
       }
-      function I(i, T, A) {
+      function H(l, T, A) {
         {
-          var N = j.ReactDebugCurrentFrame, Q = N.getStackAddendum();
-          Q !== "" && (T += "%s", A = A.concat([Q]));
-          var J = A.map(function(W) {
+          var N = k.ReactDebugCurrentFrame, Z = N.getStackAddendum();
+          Z !== "" && (T += "%s", A = A.concat([Z]));
+          var Q = A.map(function(W) {
             return "" + W;
           });
-          J.unshift("Warning: " + T), Function.prototype.apply.call(console[i], console, J);
+          Q.unshift("Warning: " + T), Function.prototype.apply.call(console[l], console, Q);
         }
       }
       var B = !1;
-      function M(i) {
-        return !!(typeof i == "string" || typeof i == "function" || i === e.Fragment || i === o || i === _ || i === c || i === f || i === x || i === v || B || typeof i == "object" && i !== null && (i.$$typeof === C || i.$$typeof === g || i.$$typeof === l || i.$$typeof === a || i.$$typeof === u || i.$$typeof === k || i.$$typeof === y || i[0] === w));
+      function M(l) {
+        return !!(typeof l == "string" || typeof l == "function" || l === e.Fragment || l === o || l === w || l === c || l === f || l === x || l === v || B || typeof l == "object" && l !== null && (l.$$typeof === C || l.$$typeof === g || l.$$typeof === d || l.$$typeof === i || l.$$typeof === u || l.$$typeof === p || l.$$typeof === y || l[0] === j));
       }
-      function L(i, T, A) {
+      function L(l, T, A) {
         var N = T.displayName || T.name || "";
-        return i.displayName || (N !== "" ? A + "(" + N + ")" : A);
+        return l.displayName || (N !== "" ? A + "(" + N + ")" : A);
       }
-      function F(i) {
-        return i.displayName || "Context";
+      function I(l) {
+        return l.displayName || "Context";
       }
-      function $(i) {
-        if (i == null)
+      function $(l) {
+        if (l == null)
           return null;
-        if (typeof i.tag == "number" && S("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 d:
+          case a:
             return "Portal";
           case o:
             return "Profiler";
@@ -166,24 +166,24 @@ function ls() {
           case x:
             return "SuspenseList";
         }
-        if (typeof i == "object")
-          switch (i.$$typeof) {
-            case a:
-              var T = i;
-              return F(T) + ".Consumer";
-            case l:
-              var A = i;
-              return F(A._context) + ".Provider";
+        if (typeof l == "object")
+          switch (l.$$typeof) {
+            case i:
+              var T = l;
+              return I(T) + ".Consumer";
+            case d:
+              var A = l;
+              return I(A._context) + ".Provider";
             case u:
-              return L(i, i.render, "ForwardRef");
+              return L(l, l.render, "ForwardRef");
             case g:
-              return $(i.type);
+              return $(l.type);
             case y:
-              return $(i._render);
+              return $(l._render);
             case C: {
-              var N = i, Q = N._payload, J = N._init;
+              var N = l, Z = N._payload, Q = N._init;
               try {
-                return $(J(Q));
+                return $(Q(Z));
               } catch {
                 return null;
               }
@@ -191,101 +191,101 @@ function ls() {
           }
         return null;
       }
-      var H = 0, G, Z, q, te, ee, de, ce;
+      var F = 0, G, J, Y, te, ee, de, ce;
       function Ne() {
       }
       Ne.__reactDisabledLog = !0;
       function Ve() {
         {
-          if (H === 0) {
-            G = console.log, Z = console.info, q = console.warn, te = console.error, ee = console.group, de = console.groupCollapsed, ce = console.groupEnd;
-            var i = {
+          if (F === 0) {
+            G = console.log, J = console.info, Y = console.warn, te = console.error, ee = console.group, de = 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
             });
           }
-          H++;
+          F++;
         }
       }
       function Ge() {
         {
-          if (H--, H === 0) {
-            var i = {
+          if (F--, F === 0) {
+            var l = {
               configurable: !0,
               enumerable: !0,
               writable: !0
             };
             Object.defineProperties(console, {
-              log: r({}, i, {
+              log: r({}, l, {
                 value: G
               }),
-              info: r({}, i, {
-                value: Z
+              info: r({}, l, {
+                value: J
               }),
-              warn: r({}, i, {
-                value: q
+              warn: r({}, l, {
+                value: Y
               }),
-              error: r({}, i, {
+              error: r({}, l, {
                 value: te
               }),
-              group: r({}, i, {
+              group: r({}, l, {
                 value: ee
               }),
-              groupCollapsed: r({}, i, {
+              groupCollapsed: r({}, l, {
                 value: de
               }),
-              groupEnd: r({}, i, {
+              groupEnd: r({}, l, {
                 value: ce
               })
             });
           }
-          H < 0 && S("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+          F < 0 && S("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
         }
       }
-      var Me = j.ReactCurrentDispatcher, Fe;
-      function ze(i, T, A) {
+      var Me = k.ReactCurrentDispatcher, Fe;
+      function ze(l, T, A) {
         {
           if (Fe === void 0)
             try {
               throw Error();
-            } catch (Q) {
-              var N = Q.stack.trim().match(/\n( *(at )?)/);
+            } catch (Z) {
+              var N = Z.stack.trim().match(/\n( *(at )?)/);
               Fe = N && N[1] || "";
             }
           return `
-` + Fe + i;
+` + Fe + l;
         }
       }
       var nn = !1, Ye;
       {
-        var Tt = typeof WeakMap == "function" ? WeakMap : Map;
-        Ye = new Tt();
+        var jt = typeof WeakMap == "function" ? WeakMap : Map;
+        Ye = new jt();
       }
-      function kn(i, T) {
-        if (!i || nn)
+      function _n(l, T) {
+        if (!l || nn)
           return "";
         {
-          var A = Ye.get(i);
+          var A = Ye.get(l);
           if (A !== void 0)
             return A;
         }
         var N;
         nn = !0;
-        var Q = Error.prepareStackTrace;
+        var Z = Error.prepareStackTrace;
         Error.prepareStackTrace = void 0;
-        var J;
-        J = Me.current, Me.current = null, Ve();
+        var Q;
+        Q = Me.current, Me.current = null, Ve();
         try {
           if (T) {
             var W = function() {
@@ -301,14 +301,14 @@ function ls() {
               } catch (ge) {
                 N = ge;
               }
-              Reflect.construct(i, [], W);
+              Reflect.construct(l, [], W);
             } else {
               try {
                 W.call();
               } catch (ge) {
                 N = ge;
               }
-              i.call(W.prototype);
+              l.call(W.prototype);
             }
           } else {
             try {
@@ -316,7 +316,7 @@ function ls() {
             } catch (ge) {
               N = ge;
             }
-            i();
+            l();
           }
         } catch (ge) {
           if (ge && N && typeof ge.stack == "string") {
@@ -331,141 +331,141 @@ function ls() {
                     if (ne--, se--, se < 0 || U[ne] !== re[se]) {
                       var xe = `
 ` + U[ne].replace(" at new ", " at ");
-                      return typeof i == "function" && Ye.set(i, xe), xe;
+                      return typeof l == "function" && Ye.set(l, xe), xe;
                     }
                   while (ne >= 1 && se >= 0);
                 break;
               }
           }
         } finally {
-          nn = !1, Me.current = J, Ge(), Error.prepareStackTrace = Q;
+          nn = !1, Me.current = Q, Ge(), Error.prepareStackTrace = Z;
         }
-        var we = i ? i.displayName || i.name : "", $n = we ? ze(we) : "";
-        return typeof i == "function" && Ye.set(i, $n), $n;
+        var we = l ? l.displayName || l.name : "", Bn = we ? ze(we) : "";
+        return typeof l == "function" && Ye.set(l, Bn), Bn;
       }
-      function pn(i, T, A) {
-        return kn(i, !1);
+      function An(l, T, A) {
+        return _n(l, !1);
       }
-      function yt(i) {
-        var T = i.prototype;
+      function wt(l) {
+        var T = l.prototype;
         return !!(T && T.isReactComponent);
       }
-      function Ke(i, T, A) {
-        if (i == null)
+      function Ke(l, T, A) {
+        if (l == null)
           return "";
-        if (typeof i == "function")
-          return kn(i, yt(i));
-        if (typeof i == "string")
-          return ze(i);
-        switch (i) {
+        if (typeof l == "function")
+          return _n(l, wt(l));
+        if (typeof l == "string")
+          return ze(l);
+        switch (l) {
           case f:
             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 pn(i.render);
+              return An(l.render);
             case g:
-              return Ke(i.type, T, A);
+              return Ke(l.type, T, A);
             case y:
-              return pn(i._render);
+              return An(l._render);
             case C: {
-              var N = i, Q = N._payload, J = N._init;
+              var N = l, Z = N._payload, Q = N._init;
               try {
-                return Ke(J(Q), T, A);
+                return Ke(Q(Z), T, A);
               } catch {
               }
             }
           }
         return "";
       }
-      var An = {}, Sn = j.ReactDebugCurrentFrame;
-      function qe(i) {
-        if (i) {
-          var T = i._owner, A = Ke(i.type, i._source, T ? T.type : null);
-          Sn.setExtraStackFrame(A);
+      var Sn = {}, Ln = k.ReactDebugCurrentFrame;
+      function qe(l) {
+        if (l) {
+          var T = l._owner, A = Ke(l.type, l._source, T ? T.type : null);
+          Ln.setExtraStackFrame(A);
         } else
-          Sn.setExtraStackFrame(null);
+          Ln.setExtraStackFrame(null);
       }
-      function jt(i, T, A, N, Q) {
+      function kt(l, T, A, N, Z) {
         {
-          var J = Function.call.bind(Object.prototype.hasOwnProperty);
-          for (var W in i)
-            if (J(i, W)) {
+          var Q = Function.call.bind(Object.prototype.hasOwnProperty);
+          for (var W in l)
+            if (Q(l, W)) {
               var U = void 0;
               try {
-                if (typeof i[W] != "function") {
-                  var re = Error((N || "React class") + ": " + A + " type `" + W + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof i[W] + "`.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") + ": " + A + " 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;
                 }
-                U = i[W](T, W, N, A, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+                U = l[W](T, W, N, A, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
               } catch (ne) {
                 U = ne;
               }
-              U && !(U instanceof Error) && (qe(Q), 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", A, W, typeof U), qe(null)), U instanceof Error && !(U.message in An) && (An[U.message] = !0, qe(Q), S("Failed %s type: %s", A, U.message), qe(null));
+              U && !(U instanceof Error) && (qe(Z), 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", A, W, typeof U), qe(null)), U instanceof Error && !(U.message in Sn) && (Sn[U.message] = !0, qe(Z), S("Failed %s type: %s", A, U.message), qe(null));
             }
         }
       }
-      var Ln = j.ReactCurrentOwner, tn = Object.prototype.hasOwnProperty, wt = {
+      var Rn = k.ReactCurrentOwner, tn = Object.prototype.hasOwnProperty, pt = {
         key: !0,
         ref: !0,
         __self: !0,
         __source: !0
-      }, Rn, On;
-      function _t(i) {
-        if (tn.call(i, "ref")) {
-          var T = Object.getOwnPropertyDescriptor(i, "ref").get;
+      }, On, Dn;
+      function _t(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 kt(i) {
-        if (tn.call(i, "key")) {
-          var T = Object.getOwnPropertyDescriptor(i, "key").get;
+      function At(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 pt(i, T) {
-        typeof i.ref == "string" && Ln.current;
+      function St(l, T) {
+        typeof l.ref == "string" && Rn.current;
       }
-      function At(i, T) {
+      function Lt(l, T) {
         {
           var A = function() {
-            Rn || (Rn = !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));
+            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));
           };
-          A.isReactWarning = !0, Object.defineProperty(i, "key", {
+          A.isReactWarning = !0, Object.defineProperty(l, "key", {
             get: A,
             configurable: !0
           });
         }
       }
-      function St(i, T) {
+      function Rt(l, T) {
         {
           var A = function() {
-            On || (On = !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));
+            Dn || (Dn = !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));
           };
-          A.isReactWarning = !0, Object.defineProperty(i, "ref", {
+          A.isReactWarning = !0, Object.defineProperty(l, "ref", {
             get: A,
             configurable: !0
           });
         }
       }
-      var Lt = function(i, T, A, N, Q, J, W) {
+      var Ot = function(l, T, A, N, Z, Q, W) {
         var U = {
           // This tag allows us to uniquely identify this as a React Element
           $$typeof: s,
           // Built-in properties that belong on the element
-          type: i,
+          type: l,
           key: T,
           ref: A,
           props: W,
           // Record the component responsible for creating this element.
-          _owner: J
+          _owner: Q
         };
         return U._store = {}, Object.defineProperty(U._store, "validated", {
           configurable: !1,
@@ -481,61 +481,61 @@ function ls() {
           configurable: !1,
           enumerable: !1,
           writable: !1,
-          value: Q
+          value: Z
         }), Object.freeze && (Object.freeze(U.props), Object.freeze(U)), U;
       };
-      function Rt(i, T, A, N, Q) {
+      function Dt(l, T, A, N, Z) {
         {
-          var J, W = {}, U = null, re = null;
-          A !== void 0 && (U = "" + A), kt(T) && (U = "" + T.key), _t(T) && (re = T.ref, pt(T, Q));
-          for (J in T)
-            tn.call(T, J) && !wt.hasOwnProperty(J) && (W[J] = T[J]);
-          if (i && i.defaultProps) {
-            var ne = i.defaultProps;
-            for (J in ne)
-              W[J] === void 0 && (W[J] = ne[J]);
+          var Q, W = {}, U = null, re = null;
+          A !== void 0 && (U = "" + A), At(T) && (U = "" + T.key), _t(T) && (re = T.ref, St(T, Z));
+          for (Q in T)
+            tn.call(T, Q) && !pt.hasOwnProperty(Q) && (W[Q] = T[Q]);
+          if (l && l.defaultProps) {
+            var ne = l.defaultProps;
+            for (Q in ne)
+              W[Q] === void 0 && (W[Q] = ne[Q]);
           }
           if (U || re) {
-            var se = typeof i == "function" ? i.displayName || i.name || "Unknown" : i;
-            U && At(W, se), re && St(W, se);
+            var se = typeof l == "function" ? l.displayName || l.name || "Unknown" : l;
+            U && Lt(W, se), re && Rt(W, se);
           }
-          return Lt(i, U, re, Q, N, Ln.current, W);
+          return Ot(l, U, re, Z, N, Rn.current, W);
         }
       }
-      var sn = j.ReactCurrentOwner, Dn = j.ReactDebugCurrentFrame;
-      function je(i) {
-        if (i) {
-          var T = i._owner, A = Ke(i.type, i._source, T ? T.type : null);
-          Dn.setExtraStackFrame(A);
+      var sn = k.ReactCurrentOwner, Nn = k.ReactDebugCurrentFrame;
+      function je(l) {
+        if (l) {
+          var T = l._owner, A = Ke(l.type, l._source, T ? T.type : null);
+          Nn.setExtraStackFrame(A);
         } else
-          Dn.setExtraStackFrame(null);
+          Nn.setExtraStackFrame(null);
       }
       var rn;
       rn = !1;
-      function on(i) {
-        return typeof i == "object" && i !== null && i.$$typeof === s;
+      function on(l) {
+        return typeof l == "object" && l !== null && l.$$typeof === s;
       }
-      function Nn() {
+      function Mn() {
         {
           if (sn.current) {
-            var 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 Ot(i) {
+      function Nt(l) {
         return "";
       }
-      var Mn = {};
-      function Dt(i) {
+      var Fn = {};
+      function Mt(l) {
         {
-          var T = Nn();
+          var T = Mn();
           if (!T) {
-            var A = typeof i == "string" ? i : i.displayName || i.name;
+            var A = typeof l == "string" ? l : l.displayName || l.name;
             A && (T = `
 
 Check the top-level render call using <` + A + ">.");
@@ -543,41 +543,41 @@ Check the top-level render call using <` + A + ">.");
           return T;
         }
       }
-      function Fn(i, T) {
+      function Hn(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 A = Dt(T);
-          if (Mn[A])
+          l._store.validated = !0;
+          var A = Mt(T);
+          if (Fn[A])
             return;
-          Mn[A] = !0;
+          Fn[A] = !0;
           var N = "";
-          i && i._owner && i._owner !== sn.current && (N = " It was passed a child from " + $(i._owner.type) + "."), je(i), S('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', A, N), je(null);
+          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.', A, N), je(null);
         }
       }
-      function Hn(i, T) {
+      function In(l, T) {
         {
-          if (typeof i != "object")
+          if (typeof l != "object")
             return;
-          if (Array.isArray(i))
-            for (var A = 0; A < i.length; A++) {
-              var N = i[A];
-              on(N) && Fn(N, T);
+          if (Array.isArray(l))
+            for (var A = 0; A < l.length; A++) {
+              var N = l[A];
+              on(N) && Hn(N, T);
             }
-          else if (on(i))
-            i._store && (i._store.validated = !0);
-          else if (i) {
-            var Q = m(i);
-            if (typeof Q == "function" && Q !== i.entries)
-              for (var J = Q.call(i), W; !(W = J.next()).done; )
-                on(W.value) && Fn(W.value, T);
+          else if (on(l))
+            l._store && (l._store.validated = !0);
+          else if (l) {
+            var Z = m(l);
+            if (typeof Z == "function" && Z !== l.entries)
+              for (var Q = Z.call(l), W; !(W = Q.next()).done; )
+                on(W.value) && Hn(W.value, T);
           }
         }
       }
-      function Nt(i) {
+      function Ft(l) {
         {
-          var T = i.type;
+          var T = l.type;
           if (T == null || typeof T == "string")
             return;
           var A;
@@ -591,39 +591,39 @@ Check the top-level render call using <` + A + ">.");
             return;
           if (A) {
             var N = $(T);
-            jt(A, i.props, "prop", N, i);
+            kt(A, l.props, "prop", N, l);
           } else if (T.PropTypes !== void 0 && !rn) {
             rn = !0;
-            var Q = $(T);
-            S("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", Q || "Unknown");
+            var Z = $(T);
+            S("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", Z || "Unknown");
           }
           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 Ht(l) {
         {
-          for (var T = Object.keys(i.props), A = 0; A < T.length; A++) {
+          for (var T = Object.keys(l.props), A = 0; A < T.length; A++) {
             var N = T[A];
             if (N !== "children" && N !== "key") {
-              je(i), S("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", N), je(null);
+              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), S("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 In(i, T, A, N, Q, J) {
+      function $n(l, T, A, N, Z, Q) {
         {
-          var W = M(i);
+          var W = M(l);
           if (!W) {
             var U = "";
-            (i === void 0 || typeof i == "object" && i !== null && Object.keys(i).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 = Ot();
-            re ? U += re : U += Nn();
+            (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 = Nt();
+            re ? U += re : U += Mn();
             var ne;
-            i === null ? ne = "null" : Array.isArray(i) ? ne = "array" : i !== void 0 && i.$$typeof === s ? (ne = "<" + ($(i.type) || "Unknown") + " />", U = " Did you accidentally export a JSX literal instead of a component?") : ne = typeof i, 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);
+            l === null ? ne = "null" : Array.isArray(l) ? ne = "array" : l !== void 0 && l.$$typeof === s ? (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 se = Rt(i, T, A, Q, J);
+          var se = Dt(l, T, A, Z, Q);
           if (se == null)
             return se;
           if (W) {
@@ -632,33 +632,33 @@ Check the top-level render call using <` + A + ">.");
               if (N)
                 if (Array.isArray(xe)) {
                   for (var we = 0; we < xe.length; we++)
-                    Hn(xe[we], i);
+                    In(xe[we], l);
                   Object.freeze && Object.freeze(xe);
                 } else
                   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
-                Hn(xe, i);
+                In(xe, l);
           }
-          return i === e.Fragment ? Mt(se) : Nt(se), se;
+          return l === e.Fragment ? Ht(se) : Ft(se), se;
         }
       }
-      function Ft(i, T, A) {
-        return In(i, T, A, !0);
+      function It(l, T, A) {
+        return $n(l, T, A, !0);
       }
-      function Ht(i, T, A) {
-        return In(i, T, A, !1);
+      function $t(l, T, A) {
+        return $n(l, T, A, !1);
       }
-      var It = Ht, $t = Ft;
-      e.jsx = It, e.jsxs = $t;
+      var Bt = $t, Ut = It;
+      e.jsx = Bt, e.jsxs = Ut;
     }();
   }(an)), an;
 }
-var Yn;
-function as() {
-  return Yn || (Yn = 1, process.env.NODE_ENV === "production" ? Je.exports = is() : Je.exports = ls()), Je.exports;
+var Kn;
+function us() {
+  return Kn || (Kn = 1, process.env.NODE_ENV === "production" ? Je.exports = as() : Je.exports = ds()), Je.exports;
 }
-var n = as();
-const ds = "2.0.0-alpha.13", et = "chat_session", us = "user_uttered", fs = "bot_uttered", xs = "ehelp_bot_uttered", gs = "https://sfchatbot.dataon.com", Cs = [
+var n = us();
+const fs = "2.0.0-alpha.16", tt = "chat_session", xs = "user_uttered", gs = "bot_uttered", Cs = "ehelp_bot_uttered", ms = "https://sfchatbot.dataon.com", bs = [
   {
     label: "Didn’t address my question",
     value: "Didn’t address my question"
@@ -679,7 +679,7 @@ const ds = "2.0.0-alpha.13", et = "chat_session", us = "user_uttered", fs = "bot
     label: "I’d like to explain further",
     value: "another"
   }
-], Le = zt, Re = Bt, ms = ds, bs = "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 = [
+], Le = Kt, Re = Wt, vs = fs, hs = "https://sfchatbot.dataon.com/openai-service-dev/", Ze = "https://res.cloudinary.com/dcvolkyfb/image/upload/v1740135794/svg/bot_profile_hlnyop.png", En = "YYYY-MM-DD", Xe = "HH:mm", qn = "N/A", dn = [
   // Raster (bitmap)
   ".jpg",
   ".jpeg",
@@ -701,18 +701,18 @@ const ds = "2.0.0-alpha.13", et = "chat_session", us = "user_uttered", fs = "bot
   ".orf",
   ".psd",
   ".xcf"
-], un = "w-widget-content-container", fn = "w-ticket-detail-content-container", vs = "w-wrapper-body", hs = "w-wrapper-body-helpdesk", He = "w-header", xn = {
+], un = "w-widget-content-container", fn = "w-ticket-detail-content-container", Es = "w-wrapper-body", Ts = "w-wrapper-body-helpdesk", He = "w-header", xn = {
   FADE_IN: "w-fade-in-animate"
-}, Es = "https://placehold.co/600x400?text=No+Image", Ie = 3, Ts = "GoHRDev2025WorkPlazeDataOnDotCom", pe = "(Helpdesk Widget Chatbot)", ys = (e) => JSON.parse((e == null ? void 0 : e.replaceAll("/get_started", "")) || "{}"), nt = (e) => {
+}, ys = "https://placehold.co/600x400?text=No+Image", Ie = 3, js = "GoHRDev2025WorkPlazeDataOnDotCom", _e = "(Helpdesk Widget Chatbot)", ws = (e) => JSON.parse((e == null ? void 0 : e.replaceAll("/get_started", "")) || "{}"), st = (e) => {
   var t;
   try {
     return (t = new URL(e)) == null ? void 0 : t.host;
   } catch {
-    return nt(gs);
+    return st(ms);
   }
 }, le = (e, t) => {
-  var r, s, d;
-  return ((r = Object.keys(e || {})) == null ? void 0 : r.length) > 0 ? (d = (s = Object == null ? void 0 : Object.prototype) == null ? void 0 : s.hasOwnProperty) == null ? void 0 : d.call(e, t) : !1;
+  var r, s, a;
+  return ((r = Object.keys(e || {})) == null ? void 0 : r.length) > 0 ? (a = (s = Object == null ? void 0 : Object.prototype) == null ? void 0 : s.hasOwnProperty) == null ? void 0 : a.call(e, t) : !1;
 }, Ae = (e) => {
   var r;
   const t = e == null ? void 0 : e.attachment;
@@ -723,64 +723,64 @@ const ds = "2.0.0-alpha.13", et = "chat_session", us = "user_uttered", fs = "bot
     filedownload: le(t, "type") && (t == null ? void 0 : t.type) === "filedownloader",
     chart: (t == null ? void 0 : t.type) === "charts" && le(t, "chartType")
   };
-}, tt = (e) => {
-  var t, r, s, d;
+}, rt = (e) => {
+  var t, r, s, a;
   if (e) {
-    const c = e == null ? void 0 : e.split(".")[1], o = (t = c == null ? void 0 : c.replace(/-/g, "+")) == null ? void 0 : t.replace(/_/g, "/"), l = decodeURIComponent(
-      (d = (s = (r = window == null ? void 0 : window.atob(o)) == null ? void 0 : r.split("")) == null ? void 0 : s.map((a) => "%" + ("00" + a.charCodeAt(0).toString(16)).slice(-2))) == null ? void 0 : d.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, "/"), d = decodeURIComponent(
+      (a = (s = (r = window == null ? void 0 : window.atob(o)) == null ? void 0 : r.split("")) == null ? void 0 : s.map((i) => "%" + ("00" + i.charCodeAt(0).toString(16)).slice(-2))) == null ? void 0 : a.join("")
     );
-    return JSON == null ? void 0 : JSON.parse(l || "{}");
+    return JSON == null ? void 0 : JSON.parse(d || "{}");
   }
   return {};
-}, En = ({
+}, Tn = ({
   downloadURL: e = "",
   fileName: t = "",
   isOpenNewTab: r = !1
 }) => {
-  var d;
+  var a;
   const s = document == null ? void 0 : document.createElement("a");
-  s.href = e, s.download = t || e, r && (s.target = "_blank"), (d = document == null ? void 0 : document.body) == null || d.appendChild(s), s.click(), document.body.removeChild(s);
-}, js = () => "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(e) {
+  s.href = e, s.download = t || e, r && (s.target = "_blank"), (a = document == null ? void 0 : document.body) == null || a.appendChild(s), s.click(), document.body.removeChild(s);
+}, ks = () => "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);
-}), Tn = ({
+}), yn = ({
   ArrObj: e,
   key: t,
   ignoreCaseSensitive: r = !1
 }) => (e == null ? void 0 : e.length) > 0 ? [
   ...new Map(
     e.map((s) => {
-      var d;
+      var a;
       return [
-        r ? (d = String(s[t])) == null ? void 0 : d.toLowerCase() : s[t],
+        r ? (a = String(s[t])) == null ? void 0 : a.toLowerCase() : s[t],
         s
       ];
     })
   ).values()
-] : [], ws = (e = []) => {
+] : [], ps = (e = []) => {
   const t = {}, r = [], s = [];
   e == null || e.forEach((c) => {
     var o;
-    le(c, "chats") ? (o = c == null ? void 0 : c.chats) == null || o.forEach((l) => {
-      s == null || s.push(l);
+    le(c, "chats") ? (o = c == null ? void 0 : c.chats) == null || o.forEach((d) => {
+      s == null || s.push(d);
     }) : s == null || s.push(c);
   }), s == null || s.forEach((c, o) => {
-    var a, u, f;
-    const l = c == null ? void 0 : c.generated_id;
-    l ? (t[l] || (t[l] = []), (u = t[l]) == null || u.push({
+    var i, u, f;
+    const d = c == null ? void 0 : c.generated_id;
+    d ? (t[d] || (t[d] = []), (u = t[d]) == null || u.push({
       ...c,
       indexChat: o,
       ...!(c != null && c.timestamp) && {
-        timestamp: (a = ae()) == null ? void 0 : a.format("hh:mm A")
+        timestamp: (i = ae()) == null ? void 0 : i.format("hh:mm A")
       }
     }), r == null || r.push({
-      keyItem: l ?? o,
+      keyItem: d ?? o,
       type: "text",
       sender: "response",
-      ...l && {
-        generated_id: l
+      ...d && {
+        generated_id: d
       },
-      chats: t == null ? void 0 : t[l]
+      chats: t == null ? void 0 : t[d]
     })) : r == null || r.push({
       ...c,
       keyItem: o,
@@ -789,18 +789,18 @@ const ds = "2.0.0-alpha.13", et = "chat_session", us = "user_uttered", fs = "bot
       }
     });
   });
-  const d = Tn({ ArrObj: r, key: "keyItem" });
-  return d == null || d.forEach((c) => {
+  const a = yn({ ArrObj: r, key: "keyItem" });
+  return a == null || a.forEach((c) => {
     c == null || delete c.keyItem;
-  }), d;
+  }), a;
 }, Pe = (e = {}) => {
   const r = {
-    ...st(),
+    ...ot(),
     ...e
   };
-  localStorage == null || localStorage.setItem(et, JSON.stringify(r || {}));
-}, st = () => {
-  const e = localStorage == null ? void 0 : localStorage.getItem(et);
+  localStorage == null || localStorage.setItem(tt, JSON.stringify(r || {}));
+}, ot = () => {
+  const e = localStorage == null ? void 0 : localStorage.getItem(tt);
   return JSON.parse(e || "{}");
 }, _s = (e = "") => {
   var t;
@@ -811,214 +811,224 @@ const ds = "2.0.0-alpha.13", et = "chat_session", us = "user_uttered", fs = "bot
     return "wss";
   }
 };
-let qn = null;
+let Jn = null;
 const me = (e = ".w-wrapper-body") => {
   const t = document.querySelector(e);
-  clearTimeout(qn), qn = setTimeout(() => {
+  clearTimeout(Jn), Jn = setTimeout(() => {
     t && t.scrollTo({
       top: t.scrollHeight,
       behavior: "smooth"
     });
   }, 0);
-}, ks = (e) => {
+}, As = (e) => {
   const t = new Uint8Array(e);
   let r = "";
   for (let s = 0; s < t.byteLength; s++)
     r += String.fromCharCode(t[s]);
   return btoa(r);
-}, ps = async (e, t) => {
-  var a;
-  const r = typeof e == "object" ? JSON == null ? void 0 : JSON.stringify(e || {}) : e, s = new TextEncoder(), d = s == null ? void 0 : s.encode(r), c = s == null ? void 0 : s.encode(t);
+}, Ss = async (e, t) => {
+  var i;
+  const r = typeof e == "object" ? JSON == null ? void 0 : JSON.stringify(e || {}) : e, s = new TextEncoder(), a = s == null ? void 0 : s.encode(r), c = s == null ? void 0 : s.encode(t);
   if (c.length !== 32)
     throw new Error("Key length must be 32 bytes for AES-256");
-  const o = await ((a = crypto == null ? void 0 : crypto.subtle) == null ? void 0 : a.importKey(
+  const o = await ((i = crypto == null ? void 0 : crypto.subtle) == null ? void 0 : i.importKey(
     "raw",
     c,
     { name: "AES-CBC" },
     !1,
     ["encrypt"]
-  )), l = await crypto.subtle.encrypt(
+  )), d = await crypto.subtle.encrypt(
     { name: "AES-CBC", iv: new Uint8Array(16) },
     o,
-    d
+    a
   );
-  return ks(l);
+  return As(d);
 }, Qe = (e) => {
-  const t = {}, r = rt(e), s = r == null ? void 0 : r.map((d) => {
+  const t = {}, r = ct(e), s = r == null ? void 0 : r.map((a) => {
     var o;
-    const c = d == null ? void 0 : d.CREATED_DATE;
+    const c = a == null ? void 0 : a.CREATED_DATE;
     return {
-      ...d,
+      ...a,
       DATE_KEY: (o = ae(c)) == null ? void 0 : o.format("YYYY-MM-DD")
     };
   });
-  return s == null || s.forEach((d) => {
+  return s == null || s.forEach((a) => {
     var c;
-    t[d == null ? void 0 : d.DATE_KEY] || (t[d == null ? void 0 : d.DATE_KEY] = []), (c = t[d == null ? void 0 : d.DATE_KEY]) == null || c.push(d);
+    t[a == null ? void 0 : a.DATE_KEY] || (t[a == null ? void 0 : a.DATE_KEY] = []), (c = t[a == null ? void 0 : a.DATE_KEY]) == null || c.push(a);
   }), t;
-}, yn = (e) => {
+}, jn = (e) => {
   var t;
   return (t = Object.values(e || {})) == null ? void 0 : t.flat();
-}, rt = (e) => e == null ? void 0 : e.sort((t, r) => ae(t == null ? void 0 : t.CREATED_DATE) - ae(r == null ? void 0 : r.CREATED_DATE)), ot = (e) => {
+}, ct = (e) => e == null ? void 0 : e.sort((t, r) => ae(t == null ? void 0 : t.CREATED_DATE) - ae(r == null ? void 0 : r.CREATED_DATE)), it = (e) => {
   if (e && typeof e == "string") {
     const t = e == null ? void 0 : e.split("."), r = t[(t == null ? void 0 : t.length) - 1];
     return e == null ? void 0 : e.replaceAll(`.${r}`, `_avatar.${r}`);
   }
   return e;
-}, jn = (e) => `https://ui-avatars.com/api/?background=e5e5e5&color=000${e && typeof e == "string" ? `&name=${e.replaceAll(" ", "+")}` : ""}`, ct = Te({}), K = () => ye(ct), As = ({
+}, wn = (e) => `https://ui-avatars.com/api/?background=e5e5e5&color=000${e && typeof e == "string" ? `&name=${e.replaceAll(" ", "+")}` : ""}`, Qn = (e) => URL.parse(e) && new URL(e), gn = (e) => {
+  try {
+    return new URL(e);
+  } catch {
+    return {};
+  }
+}, lt = Te({}), q = () => ye(lt), Ls = ({
   children: e,
   getStartedPayload: t,
   socketURL: r,
   socketPath: s,
-  onPayslipFn: d,
+  onPayslipFn: a,
   title: c,
   subTitle: o,
-  keyEncrypt: l,
-  history: a,
+  keyEncrypt: d,
+  history: i,
   isSF: u
 }) => {
-  const [f, x] = D(!1), [g, C] = D("va"), [y, w] = D(!1), [k, _] = D({}), [v, E] = D(!1), [b, h] = D(!1), m = Y(!1), j = O(() => ({
+  const [f, x] = D(!1), [g, C] = D("va"), [y, j] = D(!1), [p, w] = D({}), [v, h] = D(!1), [b, E] = D(!1), m = K(!1), k = O(() => ({
     getStartedPayload: t,
     socketURL: r,
     socketPath: s,
-    onPayslipFn: d,
+    onPayslipFn: a,
     title: c,
     subTitle: o,
-    keyEncrypt: l,
-    history: a,
+    keyEncrypt: d,
+    history: i,
     isSF: u
   }), [
     t,
     r,
     s,
-    d,
+    a,
     c,
     o,
-    l,
-    a,
+    d,
+    i,
     u
-  ]), S = O(() => tt(k == null ? void 0 : k.access_token), [k == null ? void 0 : k.access_token]);
+  ]), S = O(() => rt(p == null ? void 0 : p.access_token), [p == null ? void 0 : p.access_token]);
   return X(() => {
-    _(ys(t));
+    w(ws(t));
   }, [t]), X(() => {
     Pe({
-      chatbot_version: ms
+      chatbot_version: vs
     });
   }, []), /* @__PURE__ */ n.jsx(
-    ct.Provider,
+    lt.Provider,
     {
       value: {
-        objInitPayload: k,
+        objInitPayload: p,
         setOpenWidget: x,
         isOpenWidget: f,
         activeTab: g,
         setActiveTab: C,
         isExpand: y,
-        setExpand: w,
-        setObjInitPayload: _,
+        setExpand: j,
+        setObjInitPayload: w,
         parsedJWT: S,
-        widgetProps: j,
+        widgetProps: k,
         isFirstOpenWidget: v,
-        setFirstOpenWidget: E,
+        setFirstOpenWidget: h,
         isFirstRenderHelpdesk: m,
         showReadyWSHD: b,
-        setShowReadyWSHD: h
+        setShowReadyWSHD: E
       },
       children: e
     }
   );
-}, it = Te({}), Ss = () => ye(it), Ls = ({ children: e }) => {
-  const { objInitPayload: t } = K(), [r, s] = D({}), d = () => {
+}, at = Te({}), Rs = () => ye(at), Os = ({ children: e }) => {
+  const { objInitPayload: t } = q(), [r, s] = D({}), a = () => {
     var o;
     (o = Oe(
-      `${(t == null ? void 0 : t.uriService) || bs}optional/translations`
-    )) == null || o.then(({ data: l }) => {
-      var a;
-      if (l) {
-        const u = Object.keys((a = Object.values(l)) == null ? void 0 : a[0]), f = {};
+      `${(t == null ? void 0 : t.uriService) || hs}optional/translations`
+    )) == null || o.then(({ data: d }) => {
+      var i;
+      if (d) {
+        const u = Object.keys((i = Object.values(d)) == null ? void 0 : i[0]), f = {};
         u == null || u.forEach((x) => {
           var g;
-          (g = Object.keys(l)) == null || g.forEach((C) => {
+          (g = Object.keys(d)) == null || g.forEach((C) => {
             var y;
-            f[x == null ? void 0 : x.toLowerCase()] = (y = l == null ? void 0 : l[C]) == null ? void 0 : y[x];
+            f[x == null ? void 0 : x.toLowerCase()] = (y = d == null ? void 0 : d[C]) == null ? void 0 : y[x];
           });
         }), s(f);
       }
     });
   }, c = () => {
     const o = window.indexedDB.open("language");
-    o.onsuccess = (l) => {
+    o.onsuccess = (d) => {
       var u;
-      const a = l.target.result;
+      const i = d.target.result;
       try {
-        const x = a.transaction("keyvaluepairs", "readonly").objectStore("keyvaluepairs"), g = x == null ? void 0 : x.get((u = t == null ? void 0 : t.lang) == null ? void 0 : u.toLowerCase());
+        const x = i.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 = () => {
           s(g == null ? void 0 : g.result);
         }, g.onerror = () => {
-          d();
+          a();
         };
       } catch {
-        d();
+        a();
       }
     }, o.onerror = () => {
-      d();
+      a();
     };
   };
   return X(() => {
     c();
-  }, [t == null ? void 0 : t.uriService, t == null ? void 0 : t.lang]), /* @__PURE__ */ n.jsx(it.Provider, { value: { langDatas: r }, children: e });
-}, lt = Te({}), fe = () => ye(lt), Rs = ({ children: e }) => {
+  }, [t == null ? void 0 : t.uriService, t == null ? void 0 : t.lang]), /* @__PURE__ */ n.jsx(at.Provider, { value: { langDatas: r }, children: e });
+}, dt = Te({}), fe = () => ye(dt), Ds = ({ children: e }) => {
   var M;
-  const [t, r] = D([]), [s, d] = D(!1), [c, o] = D(!1), [l, a] = D({}), [u, f] = D(!1), [x, g] = D(!1), {
+  const [t, r] = D([]), [s, a] = D(!1), [c, o] = D(!1), [d, i] = D({}), [u, f] = D(!1), [x, g] = D(!1), {
     objInitPayload: C,
     widgetProps: y,
-    setOpenWidget: w,
-    setFirstOpenWidget: k,
-    isFirstRenderHelpdesk: _
-  } = K(), v = Y(null), E = Y(""), b = Y(""), h = (L) => {
-    const F = le(L, "text_feedback_link") && le(L, "text");
-    r(($) => {
-      const H = [
-        ...$,
-        {
-          ...L,
-          ...F && {
-            type: "text"
-          },
-          sender: "response"
-        }
-      ];
-      return ws(H);
-    }), d(!1), o(!1), me();
+    setOpenWidget: j,
+    setFirstOpenWidget: p,
+    isFirstRenderHelpdesk: w
+  } = q(), v = K(null), h = K(""), b = K(""), E = (L) => {
+    var $;
+    if (!(($ = L == null ? void 0 : L.metadata) == null ? void 0 : $.stopped)) {
+      const F = le(L, "text_feedback_link") && le(L, "text");
+      r((G) => {
+        const J = [
+          ...G,
+          {
+            ...L,
+            ...F && {
+              type: "text"
+            },
+            sender: "response"
+          }
+        ];
+        return ps(J);
+      });
+    }
+    a(!1), o(!1), me();
   }, m = () => {
-    var L, F, $, H;
-    (L = v == null ? void 0 : v.current) == null || L.emit("session_request", { session_id: null }), (F = v == null ? void 0 : v.current) == null || F.on("session_confirm", (G) => {
-      E.current = G, Pe({
+    var L, I, $, F;
+    (L = v == null ? void 0 : v.current) == null || L.emit("session_request", { session_id: null }), (I = v == null ? void 0 : v.current) == null || I.on("session_confirm", (G) => {
+      h.current = G, Pe({
         session_id: G == null ? void 0 : G.session_id
       });
-    }), ($ = v == null ? void 0 : v.current) == null || $.on(fs, h), (H = v == null ? void 0 : v.current) == null || H.on(xs, (G) => {
-      const Z = JSON.parse(G || "{}");
-      le(Z, "iswidget") && g(Z == null ? void 0 : Z.iswidget);
-    }), u || f(!0), k(!1);
-  }, j = ({
+    }), ($ = v == null ? void 0 : v.current) == null || $.on(gs, E), (F = v == null ? void 0 : v.current) == null || F.on(Cs, (G) => {
+      const J = JSON.parse(G || "{}");
+      le(J, "iswidget") && g(J == null ? void 0 : J.iswidget);
+    }), u || f(!0), p(!1);
+  }, k = ({
     msg: L,
-    additionalConfig: F = {},
+    additionalConfig: I = {},
     isShowLoadingResponse: $ = !0
   }) => {
-    var H;
-    (H = v == null ? void 0 : v.current) == null || H.emit(us, {
+    var F;
+    (F = v == null ? void 0 : v.current) == null || F.emit(xs, {
       customData: {
         language: C == null ? void 0 : C.lang
       },
       message: L,
-      session_id: E == null ? void 0 : E.current,
-      ...F
-    }), $ ? d(!0) : o(!0);
+      session_id: h == null ? void 0 : h.current,
+      ...I
+    }), $ ? a(!0) : o(!0);
   }, S = () => {
-    var F, $;
-    v.current && ((F = v == null ? void 0 : v.current) == null || F.off(), ($ = v == null ? void 0 : v.current) == null || $.disconnect(), v.current = null), _.current = !1;
-    const L = es(
-      `${_s(y == null ? void 0 : y.socketURL)}://${nt(
+    var I, $;
+    v.current && ((I = v == null ? void 0 : v.current) == null || I.off(), ($ = v == null ? void 0 : v.current) == null || $.disconnect(), v.current = null), w.current = !1;
+    const L = ts(
+      `${_s(y == null ? void 0 : y.socketURL)}://${st(
         y == null ? void 0 : y.socketURL
       )}`,
       {
@@ -1028,9 +1038,9 @@ const me = (e = ".w-wrapper-body") => {
         reconnectionAttempts: 1
       }
     );
-    L.on("connect", m), L.on("connect_error", (H) => {
+    L.on("connect", m), L.on("connect_error", (F) => {
       console.error("connect_error widget-chatbot : ", {
-        err: H,
+        err: F,
         socketURL: y == null ? void 0 : y.socketURL,
         socketPath: y == null ? void 0 : y.widgetProps
       }), f(!1);
@@ -1040,32 +1050,32 @@ const me = (e = ".w-wrapper-body") => {
         socketPath: y == null ? void 0 : y.widgetProps
       }), f(!1);
     }), v.current = L;
-  }, I = () => {
+  }, H = () => {
     var L;
-    (!((L = v == null ? void 0 : v.current) != null && L.connected) || !u) && (S(), w(!1));
+    (!((L = v == null ? void 0 : v.current) != null && L.connected) || !u) && (S(), j(!1));
   }, B = () => {
     f(!1);
   };
-  return X(() => (w(!1), S(), window.addEventListener("online", I), window.addEventListener("offline", B), () => {
-    var L, F;
-    v.current && ((L = v.current) == null || L.off("connect", m), (F = v.current) == null || F.disconnect(), v.current = null), window.removeEventListener("online", I), window.removeEventListener("offline", B);
+  return X(() => (j(!1), S(), window.addEventListener("online", H), window.addEventListener("offline", B), () => {
+    var L, I;
+    v.current && ((L = v.current) == null || L.off("connect", m), (I = v.current) == null || I.disconnect(), v.current = null), window.removeEventListener("online", H), window.removeEventListener("offline", B);
   }), [
     JSON.stringify(C || {}),
     y == null ? void 0 : y.socketURL,
     y == null ? void 0 : y.socketPath
   ]), /* @__PURE__ */ n.jsx(
-    lt.Provider,
+    dt.Provider,
     {
       value: {
         setChats: r,
         chats: t,
-        onSendMsg: j,
+        onSendMsg: k,
         isWaitResponse: s,
         socket: v == null ? void 0 : v.current,
-        sessionId: (M = E == null ? void 0 : E.current) == null ? void 0 : M.session_id,
+        sessionId: (M = h == null ? void 0 : h.current) == null ? void 0 : M.session_id,
         loadingRegenerate: c,
-        file: l,
-        setFile: a,
+        file: d,
+        setFile: i,
         connected: u,
         isHandshakeWidget: x,
         createSocket: S,
@@ -1074,7 +1084,7 @@ const me = (e = ".w-wrapper-body") => {
       children: e
     }
   );
-}, Os = {
+}, Ns = {
   'pre[class*="language-"]': {
     color: "#d4d4d4",
     fontSize: "13px",
@@ -1355,15 +1365,15 @@ const me = (e = ".w-wrapper-body") => {
     boxShadow: "inset 5px 0 0 #f7d87c",
     zIndex: "0"
   }
-}, Ds = (e) => e.replace(/[^a-zA-Z0-9_]/g, "").trim(), p = (e = "", t) => {
+}, Ms = (e) => e.replace(/[^a-zA-Z0-9_]/g, "").trim(), _ = (e = "", t) => {
   var o;
-  const { langDatas: r } = Ss(), s = localStorage == null ? void 0 : localStorage.getItem("show_text_id"), d = Ds(String(e)), c = (r == null ? void 0 : r[d == null ? void 0 : d.toUpperCase()]) || t;
-  return ((o = Object.keys(r || {})) == null ? void 0 : o.length) > 0 ? s ? `WPUI_${d}` : c : t;
-}, Ns = ({ isFeedback: e = !1, open: t, ...r }) => {
-  var d;
+  const { langDatas: r } = Rs(), s = localStorage == null ? void 0 : localStorage.getItem("show_text_id"), a = Ms(String(e)), c = (r == null ? void 0 : r[a == null ? void 0 : a.toUpperCase()]) || t;
+  return ((o = Object.keys(r || {})) == null ? void 0 : o.length) > 0 ? s ? `WPUI_${a}` : c : t;
+}, Fs = ({ isFeedback: e = !1, open: t, ...r }) => {
+  var a;
   const s = O(() => e ? "w-modal-container-feedback" : "", [e]);
   return Le != null && Le.startsWith("5") ? /* @__PURE__ */ n.jsx(
-    Bn,
+    Un,
     {
       rootClassName: s,
       ...r,
@@ -1385,7 +1395,7 @@ const me = (e = ".w-wrapper-body") => {
   ) : (
     // <div className={rootClassName}>
     /* @__PURE__ */ n.jsx(
-      Bn,
+      Un,
       {
         getContainer: "#w-widget-content",
         width: 300,
@@ -1395,7 +1405,7 @@ const me = (e = ".w-wrapper-body") => {
         } : { visible: t },
         maskStyle: {
           backdropFilter: "blur(4x)",
-          ...((d = Object.keys((r == null ? void 0 : r.maskStyle) || {})) == null ? void 0 : d.length) > 0 && {
+          ...((a = Object.keys((r == null ? void 0 : r.maskStyle) || {})) == null ? void 0 : a.length) > 0 && {
             ...r == null ? void 0 : r.maskStyle
           }
         },
@@ -1408,12 +1418,12 @@ const me = (e = ".w-wrapper-body") => {
       }
     )
   );
-}, at = R(Ns), Jn = ({ props: e, isModal: t = !1 }) => {
-  const r = (s, d) => {
+}, ut = R(Fs), Zn = ({ props: e, isModal: t = !1 }) => {
+  const r = (s, a) => {
     var c;
-    return (c = Ut) == null ? void 0 : c.map(s, (o) => {
-      var l, a, u;
-      return !Wt(o) || ((l = Object.keys((o == null ? void 0 : o.props) || {})) == null ? void 0 : l.length) === 0 ? o : Vt(o, {
+    return (c = Vt) == null ? void 0 : c.map(s, (o) => {
+      var d, i, u;
+      return !Gt(o) || ((d = Object.keys((o == null ? void 0 : o.props) || {})) == null ? void 0 : d.length) === 0 ? o : zt(o, {
         ...o == null ? void 0 : o.props,
         ...(o == null ? void 0 : o.type) === "thead" && {
           className: "ant-table-thead"
@@ -1428,13 +1438,13 @@ const me = (e = ".w-wrapper-body") => {
             }
           }
         },
-        ...o.type === "tr" && d === "tbody" && {
+        ...o.type === "tr" && a === "tbody" && {
           className: "ant-table-row"
         },
         ...(o == null ? void 0 : o.type) === "tbody" && {
           className: "ant-table-tbody"
         },
-        children: (a = o == null ? void 0 : o.props) != null && a.children ? r((u = o == null ? void 0 : o.props) == null ? void 0 : u.children, o == null ? void 0 : o.type) : o == null ? void 0 : o.props
+        children: (i = o == null ? void 0 : o.props) != null && i.children ? r((u = o == null ? void 0 : o.props) == null ? void 0 : u.children, o == null ? void 0 : o.type) : o == null ? void 0 : o.props
       });
     });
   };
@@ -1450,13 +1460,13 @@ const me = (e = ".w-wrapper-body") => {
       children: /* @__PURE__ */ n.jsx("table", { className: "wp-md-table", ...e, children: r(e == null ? void 0 : e.children, "") })
     }
   ) }) }) });
-}, Ms = ({ children: e }) => {
-  const t = p(
+}, Hs = ({ children: e }) => {
+  const t = _(
     "OpenDetailTable",
     "Open Detail Table"
-  ), r = p("TableDetail", "Tabel Detail"), { widgetProps: s } = K(), [d, c] = D(!1), o = {
-    table: ({ ...l }) => /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-      /* @__PURE__ */ n.jsx(Jn, { props: l }),
+  ), r = _("TableDetail", "Tabel Detail"), { widgetProps: s, objInitPayload: a } = q(), [c, o] = D(!1), d = {
+    table: ({ ...i }) => /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+      /* @__PURE__ */ n.jsx(Zn, { props: i }),
       /* @__PURE__ */ n.jsx(
         "div",
         {
@@ -1469,7 +1479,7 @@ const me = (e = ".w-wrapper-body") => {
             z,
             {
               onClick: () => {
-                c(!0);
+                o(!0);
               },
               children: t
             }
@@ -1477,52 +1487,59 @@ const me = (e = ".w-wrapper-body") => {
         }
       ),
       /* @__PURE__ */ n.jsx(
-        at,
+        ut,
         {
           getContainer: () => document.body,
           footer: null,
           title: r,
           width: 800,
-          open: d,
+          open: c,
           onCancel: () => {
-            c(!1);
+            o(!1);
           },
-          children: /* @__PURE__ */ n.jsx(Jn, { props: l, isModal: !0 })
+          children: /* @__PURE__ */ n.jsx(Zn, { props: i, isModal: !0 })
         }
       )
     ] }),
-    code: ({ ...l }) => {
-      const { children: a, className: u, ...f } = l, x = /language-(\w+)/.exec(u || "");
-      return x ? /* @__PURE__ */ n.jsx(
-        ss,
+    code: ({ ...i }) => {
+      const { children: u, className: f, ...x } = i, g = /language-(\w+)/.exec(f || "");
+      return g ? /* @__PURE__ */ n.jsx(
+        os,
         {
-          ...f,
+          ...x,
           PreTag: "div",
-          language: x[1],
-          style: Os,
-          children: String(a).replace(/\n$/, "")
+          language: g[1],
+          style: Ns,
+          children: String(u).replace(/\n$/, "")
         }
-      ) : /* @__PURE__ */ n.jsx(V.Text, { code: !0, children: l == null ? void 0 : l.children });
+      ) : /* @__PURE__ */ n.jsx(V.Text, { code: !0, children: i == null ? void 0 : i.children });
     },
-    a: ({ ...l }) => {
-      var x;
-      const a = l == null ? void 0 : l.href, u = (x = l == null ? void 0 : l.children) == null ? void 0 : x[0];
-      return URL.parse(a) && new URL(a) ? /* @__PURE__ */ n.jsx("a", { ...l }) : /* @__PURE__ */ n.jsx(
-        "span",
-        {
-          ...l,
-          className: "w-link-path",
-          onClick: (g) => {
-            var C, y;
-            g == null || g.stopPropagation(), a && ((C = Object.keys((s == null ? void 0 : s.history) || {})) == null ? void 0 : C.length) > 0 && ((y = s == null ? void 0 : s.history) == null || y.push(a));
-          },
-          children: u
+    a: ({ ...i }) => {
+      var C, y, j, p;
+      const u = i == null ? void 0 : i.href, f = (C = i == null ? void 0 : i.children) == null ? void 0 : C[0], x = Qn(u), g = Qn(a == null ? void 0 : a.uriBackend);
+      if (x && g) {
+        const w = (y = gn(u)) == null ? void 0 : y.origin, v = (j = gn(a == null ? void 0 : a.uriBackend)) == null ? void 0 : j.origin;
+        if ((w == null ? void 0 : w.toLowerCase()) === (v == null ? void 0 : v.toLowerCase())) {
+          const h = (p = gn(u)) == null ? void 0 : p.pathname;
+          return /* @__PURE__ */ n.jsx(
+            "span",
+            {
+              ...i,
+              className: "w-link-path",
+              onClick: (b) => {
+                var E, m;
+                b == null || b.stopPropagation(), h && ((E = Object.keys((s == null ? void 0 : s.history) || {})) == null ? void 0 : E.length) > 0 && ((m = s == null ? void 0 : s.history) == null || m.push(h));
+              },
+              children: f
+            }
+          );
         }
-      );
+      }
+      return /* @__PURE__ */ n.jsx("a", { ...i, target: "_blank" });
     }
   };
-  return /* @__PURE__ */ n.jsx(ns, { remarkPlugins: [ts], components: o, children: e });
-}, dt = R(Ms), Fs = () => /* @__PURE__ */ n.jsx(
+  return /* @__PURE__ */ n.jsx(ss, { remarkPlugins: [rs], components: d, children: e });
+}, ft = R(Hs), Is = () => /* @__PURE__ */ n.jsx(
   "svg",
   {
     width: "24",
@@ -1540,7 +1557,7 @@ const me = (e = ".w-wrapper-body") => {
       }
     )
   }
-), Hs = () => /* @__PURE__ */ n.jsx(
+), $s = () => /* @__PURE__ */ n.jsx(
   "svg",
   {
     width: "24",
@@ -1557,7 +1574,7 @@ const me = (e = ".w-wrapper-body") => {
       }
     )
   }
-), Is = () => /* @__PURE__ */ n.jsxs(
+), Bs = () => /* @__PURE__ */ n.jsxs(
   "svg",
   {
     viewBox: "64 64 896 896",
@@ -1571,7 +1588,7 @@ const me = (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(
+), Us = () => /* @__PURE__ */ n.jsxs(
   "svg",
   {
     viewBox: "-2.4 -2.4 28.80 28.80",
@@ -1593,12 +1610,12 @@ const me = (e = ".w-wrapper-body") => {
           fillRule: "evenodd",
           clipRule: "evenodd",
           d: "M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM8.58579 8.58579C8 9.17157 8 10.1144 8 12C8 13.8856 8 14.8284 8.58579 15.4142C9.17157 16 10.1144 16 12 16C13.8856 16 14.8284 16 15.4142 15.4142C16 14.8284 16 13.8856 16 12C16 10.1144 16 9.17157 15.4142 8.58579C14.8284 8 13.8856 8 12 8C10.1144 8 9.17157 8 8.58579 8.58579Z",
-          fill: "rgb(57, 94, 188)"
+          fill: "var(--primary-color, #395ebc)"
         }
       ) })
     ]
   }
-), Bs = () => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "sync", className: "anticon anticon-sync", children: /* @__PURE__ */ n.jsx(
+), Ws = () => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "sync", className: "anticon anticon-sync", children: /* @__PURE__ */ n.jsx(
   "svg",
   {
     viewBox: "64 64 896 896",
@@ -1609,7 +1626,7 @@ const me = (e = ".w-wrapper-body") => {
     "aria-hidden": "true",
     children: /* @__PURE__ */ n.jsx("path", { d: "M168 504.2c1-43.7 10-86.1 26.9-126 17.3-41 42.1-77.7 73.7-109.4S337 212.3 378 195c42.4-17.9 87.4-27 133.9-27s91.5 9.1 133.8 27A341.5 341.5 0 01755 268.8c9.9 9.9 19.2 20.4 27.8 31.4l-60.2 47a8 8 0 003 14.1l175.7 43c5 1.2 9.9-2.6 9.9-7.7l.8-180.9c0-6.7-7.7-10.5-12.9-6.3l-56.4 44.1C765.8 155.1 646.2 92 511.8 92 282.7 92 96.3 275.6 92 503.8a8 8 0 008 8.2h60c4.4 0 7.9-3.5 8-7.8zm756 7.8h-60c-4.4 0-7.9 3.5-8 7.8-1 43.7-10 86.1-26.9 126-17.3 41-42.1 77.8-73.7 109.4A342.45 342.45 0 01512.1 856a342.24 342.24 0 01-243.2-100.8c-9.9-9.9-19.2-20.4-27.8-31.4l60.2-47a8 8 0 00-3-14.1l-175.7-43c-5-1.2-9.9 2.6-9.9 7.7l-.7 181c0 6.7 7.7 10.5 12.9 6.3l56.4-44.1C258.2 868.9 377.8 932 512.2 932c229.2 0 415.5-183.7 419.8-411.8a8 8 0 00-8-8.2z" })
   }
-) }), Us = () => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "left", className: "anticon anticon-left", children: /* @__PURE__ */ n.jsx(
+) }), Vs = () => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "left", className: "anticon anticon-left", children: /* @__PURE__ */ n.jsx(
   "svg",
   {
     viewBox: "64 64 896 896",
@@ -1620,7 +1637,7 @@ const me = (e = ".w-wrapper-body") => {
     "aria-hidden": "true",
     children: /* @__PURE__ */ n.jsx("path", { d: "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z" })
   }
-) }), Ws = () => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "right", className: "anticon anticon-right", children: /* @__PURE__ */ n.jsx(
+) }), Gs = () => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "right", className: "anticon anticon-right", children: /* @__PURE__ */ n.jsx(
   "svg",
   {
     viewBox: "64 64 896 896",
@@ -1631,7 +1648,7 @@ const me = (e = ".w-wrapper-body") => {
     "aria-hidden": "true",
     children: /* @__PURE__ */ n.jsx("path", { d: "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z" })
   }
-) }), Vs = ({ ...e }) => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "like", className: "anticon anticon-like", children: /* @__PURE__ */ n.jsxs(
+) }), zs = ({ ...e }) => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "like", className: "anticon anticon-like", children: /* @__PURE__ */ n.jsxs(
   "svg",
   {
     viewBox: "64 64 896 896",
@@ -1658,7 +1675,7 @@ const me = (e = ".w-wrapper-body") => {
       )
     ]
   }
-) }), Gs = ({ ...e }) => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "dislike", className: "anticon anticon-dislike", children: /* @__PURE__ */ n.jsxs(
+) }), Ys = ({ ...e }) => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "dislike", className: "anticon anticon-dislike", children: /* @__PURE__ */ n.jsxs(
   "svg",
   {
     viewBox: "64 64 896 896",
@@ -1685,7 +1702,7 @@ const me = (e = ".w-wrapper-body") => {
       )
     ]
   }
-) }), zs = () => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "delete", className: "anticon anticon-delete", children: /* @__PURE__ */ n.jsx(
+) }), Ks = () => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "delete", className: "anticon anticon-delete", children: /* @__PURE__ */ n.jsx(
   "svg",
   {
     viewBox: "64 64 896 896",
@@ -1696,7 +1713,7 @@ const me = (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(
+) }), qs = () => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "close", className: "anticon anticon-close", children: /* @__PURE__ */ n.jsx(
   "svg",
   {
     fillRule: "evenodd",
@@ -1709,7 +1726,7 @@ const me = (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" })
   }
-) }), Ks = () => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "upload", className: "anticon anticon-upload", children: /* @__PURE__ */ n.jsx(
+) }), Js = () => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "upload", className: "anticon anticon-upload", children: /* @__PURE__ */ n.jsx(
   "svg",
   {
     viewBox: "64 64 896 896",
@@ -1720,7 +1737,7 @@ const me = (e = ".w-wrapper-body") => {
     "aria-hidden": "true",
     children: /* @__PURE__ */ n.jsx("path", { d: "M400 317.7h73.9V656c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V317.7H624c6.7 0 10.4-7.7 6.3-12.9L518.3 163a8 8 0 00-12.6 0l-112 141.7c-4.1 5.3-.4 13 6.3 13zM878 626h-60c-4.4 0-8 3.6-8 8v154H214V634c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v198c0 17.7 14.3 32 32 32h684c17.7 0 32-14.3 32-32V634c0-4.4-3.6-8-8-8z" })
   }
-) }), qs = () => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "filter", className: "anticon anticon-filter", children: /* @__PURE__ */ n.jsx(
+) }), Qs = () => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "filter", className: "anticon anticon-filter", children: /* @__PURE__ */ n.jsx(
   "svg",
   {
     viewBox: "64 64 896 896",
@@ -1731,7 +1748,7 @@ const me = (e = ".w-wrapper-body") => {
     "aria-hidden": "true",
     children: /* @__PURE__ */ n.jsx("path", { d: "M880.1 154H143.9c-24.5 0-39.8 26.7-27.5 48L349 597.4V838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V597.4L907.7 202c12.2-21.3-3.1-48-27.6-48zM603.4 798H420.6V642h182.9v156zm9.6-236.6l-9.5 16.6h-183l-9.5-16.6L212.7 226h598.6L613 561.4z" })
   }
-) }), Js = () => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "down", className: "anticon anticon-down", children: /* @__PURE__ */ n.jsx(
+) }), Zs = () => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "down", className: "anticon anticon-down", children: /* @__PURE__ */ n.jsx(
   "svg",
   {
     viewBox: "64 64 896 896",
@@ -1742,7 +1759,7 @@ const me = (e = ".w-wrapper-body") => {
     "aria-hidden": "true",
     children: /* @__PURE__ */ n.jsx("path", { d: "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" })
   }
-) }), Qs = ({ ...e }) => /* @__PURE__ */ n.jsx(
+) }), Xs = ({ ...e }) => /* @__PURE__ */ n.jsx(
   "span",
   {
     role: "img",
@@ -1762,7 +1779,7 @@ const me = (e = ".w-wrapper-body") => {
       }
     )
   }
-), Zs = () => /* @__PURE__ */ n.jsx(
+), Ps = () => /* @__PURE__ */ n.jsx(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1778,7 +1795,7 @@ const me = (e = ".w-wrapper-body") => {
       }
     )
   }
-), Xs = () => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "smile", className: "anticon anticon-smile", children: /* @__PURE__ */ n.jsx(
+), er = () => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "smile", className: "anticon anticon-smile", children: /* @__PURE__ */ n.jsx(
   "svg",
   {
     viewBox: "64 64 896 896",
@@ -1789,7 +1806,7 @@ const me = (e = ".w-wrapper-body") => {
     "aria-hidden": "true",
     children: /* @__PURE__ */ n.jsx("path", { d: "M288 421a48 48 0 1096 0 48 48 0 10-96 0zm352 0a48 48 0 1096 0 48 48 0 10-96 0zM512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm263 711c-34.2 34.2-74 61-118.3 79.8C611 874.2 562.3 884 512 884c-50.3 0-99-9.8-144.8-29.2A370.4 370.4 0 01248.9 775c-34.2-34.2-61-74-79.8-118.3C149.8 611 140 562.3 140 512s9.8-99 29.2-144.8A370.4 370.4 0 01249 248.9c34.2-34.2 74-61 118.3-79.8C413 149.8 461.7 140 512 140c50.3 0 99 9.8 144.8 29.2A370.4 370.4 0 01775.1 249c34.2 34.2 61 74 79.8 118.3C874.2 413 884 461.7 884 512s-9.8 99-29.2 144.8A368.89 368.89 0 01775 775zM664 533h-48.1c-4.2 0-7.8 3.2-8.1 7.4C604 589.9 562.5 629 512 629s-92.1-39.1-95.8-88.6c-.3-4.2-3.9-7.4-8.1-7.4H360a8 8 0 00-8 8.4c4.4 84.3 74.5 151.6 160 151.6s155.6-67.3 160-151.6a8 8 0 00-8-8.4z" })
   }
-) }), Ps = () => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "file", className: "anticon anticon-file", children: /* @__PURE__ */ n.jsx(
+) }), nr = () => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "file", className: "anticon anticon-file", children: /* @__PURE__ */ n.jsx(
   "svg",
   {
     viewBox: "64 64 896 896",
@@ -1800,7 +1817,7 @@ const me = (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" })
   }
-) }), er = ({ ...e }) => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "loading", ...e, className: "w-spin-animate", children: /* @__PURE__ */ n.jsx(
+) }), tr = ({ ...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",
@@ -1814,31 +1831,31 @@ const me = (e = ".w-wrapper-body") => {
   }
 ) }), P = ({ type: e = "", chatProps: t, ...r }) => {
   const s = O(() => ({
-    minimize: Fs,
-    expand: Hs,
-    send: Is,
-    stop: $s,
-    sync: Bs,
-    left: Us,
-    right: Ws,
-    like: () => /* @__PURE__ */ n.jsx(Vs, { ...t }),
-    dislike: () => /* @__PURE__ */ n.jsx(Gs, { ...t }),
-    delete: zs,
-    close: Ys,
-    upload: Ks,
-    filter: qs,
-    down: Js,
-    "paper-clip": () => /* @__PURE__ */ n.jsx(Qs, { ...r }),
-    "chat-bubble": Zs,
-    smile: Xs,
-    file: Ps,
-    loading: () => /* @__PURE__ */ n.jsx(er, { ...r })
+    minimize: Is,
+    expand: $s,
+    send: Bs,
+    stop: Us,
+    sync: Ws,
+    left: Vs,
+    right: Gs,
+    like: () => /* @__PURE__ */ n.jsx(zs, { ...t }),
+    dislike: () => /* @__PURE__ */ n.jsx(Ys, { ...t }),
+    delete: Ks,
+    close: qs,
+    upload: Js,
+    filter: Qs,
+    down: Zs,
+    "paper-clip": () => /* @__PURE__ */ n.jsx(Xs, { ...r }),
+    "chat-bubble": Ps,
+    smile: er,
+    file: nr,
+    loading: () => /* @__PURE__ */ n.jsx(tr, { ...r })
   }), [e, t, r]);
-  return /* @__PURE__ */ n.jsx(rs, { component: s == null ? void 0 : s[e], ...r });
-}, ut = Te({}), be = () => ye(ut), nr = ({ children: e }) => {
+  return /* @__PURE__ */ n.jsx(cs, { component: s == null ? void 0 : s[e], ...r });
+}, xt = Te({}), be = () => ye(xt), sr = ({ children: e }) => {
   const [t, r] = D("va"), s = O(() => t === "va", [t]);
   return /* @__PURE__ */ n.jsx(
-    ut.Provider,
+    xt.Provider,
     {
       value: {
         activeTab: t,
@@ -1848,28 +1865,28 @@ const me = (e = ".w-wrapper-body") => {
       children: e
     }
   );
-}, tr = ({ ...e }) => {
-  const t = p(
+}, rr = ({ ...e }) => {
+  const t = _(
     "WeLoveToHearAboutYourExperienceWithTheSunfishChatbot",
     "We'd love to hear about your experience with the Sunfish chatbot"
-  ), r = p(
+  ), r = _(
     "ShareAnyCommentsOrSuggestionsToHelpUsImprove",
     "Share any comments or suggestions to help us improve"
-  ), s = p("Submit", "Submit"), d = p(
+  ), s = _("Submit", "Submit"), a = _(
     "ThankFeedback",
     "Thank You for your feedback"
-  ), c = p(
+  ), c = _(
     "AdditionalFeedback",
     "Additional Feedback"
-  ), [o] = oe.useForm(), [l, a] = D(!1), [u, f] = D(""), { setChats: x } = fe(), { objInitPayload: g } = K(), { activeTab: C } = be(), y = O(() => {
-    var E;
+  ), [o] = oe.useForm(), [d, i] = D(!1), [u, f] = D(""), { setChats: x } = fe(), { objInitPayload: g } = q(), { activeTab: C } = be(), y = O(() => {
+    var h;
     const v = le(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" && ((E = e == null ? void 0 : e.text_thumbsup_link) == null ? void 0 : E.trim()) !== "" && v;
-  }, [e]), w = O(() => {
-    var E;
+    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()) !== "" && v;
+  }, [e]), j = O(() => {
+    var h;
     const v = le(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" && ((E = e == null ? void 0 : e.text_thumbsdown_link) == null ? void 0 : E.trim()) !== "" && v;
-  }, [e]), k = O(() => {
+    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()) !== "" && v;
+  }, [e]), p = O(() => {
     if (g != null && g.uriBackend)
       try {
         return new URL(g.uriBackend).origin;
@@ -1877,19 +1894,19 @@ const me = (e = ".w-wrapper-body") => {
         return "";
       }
     return "";
-  }, [g == null ? void 0 : g.uriBackend]), _ = (v) => {
+  }, [g == null ? void 0 : g.uriBackend]), w = (v) => {
     var M;
-    const E = v === "like" ? e == null ? void 0 : e.text_thumbsup_link : e == null ? void 0 : e.text_thumbsdown_link, {
+    const h = v === "like" ? e == null ? void 0 : e.text_thumbsup_link : e == null ? void 0 : e.text_thumbsdown_link, {
       access_token: b = "",
-      companycode: h = "",
+      companycode: E = "",
       companyid: m = "",
-      uriBackend: j = "",
+      uriBackend: k = "",
       uriBackendEnt: S = "",
-      lang: I = ""
+      lang: H = ""
     } = g || {}, B = u === "another" ? o == null ? void 0 : o.getFieldValue("ADDITIONAL_FEEDBACK") : u;
     (M = Oe({
       method: "POST",
-      url: E,
+      url: h,
       data: {
         message_id: e == null ? void 0 : e.id,
         response_type: v === "like" ? "up" : "down",
@@ -1900,43 +1917,43 @@ const me = (e = ".w-wrapper-body") => {
       headers: {
         "Content-Type": "application/json",
         Authorization: `Bearer ${b}`,
-        "company-code": `${h}`,
+        "company-code": `${E}`,
         "company-id": `${m}`,
-        uriBackend: `${j}`,
+        uriBackend: `${k}`,
         uriBackendEnt: `${S}`,
-        "custom-origin": `${k}`,
-        "Acc-Name": `${h.toUpperCase()}`,
-        Language: `${I}`
+        "custom-origin": `${p}`,
+        "Acc-Name": `${E.toUpperCase()}`,
+        Language: `${H}`
       }
     })) == null || M.then((L) => {
-      var F, $, H;
-      (L == null ? void 0 : L.status) === 200 && (l && a(!1), (F = ie) == null || F.destroy(), ($ = ie) == null || $.config({
+      var I, $, F;
+      (L == null ? void 0 : L.status) === 200 && (d && i(!1), (I = ie) == null || I.destroy(), ($ = ie) == null || $.config({
         getContainer: () => document.querySelector(".w-widget-content-container"),
         top: 28,
         placement: "top",
         duration: 3
-      }), (H = ie) == null || H.success({
-        message: d,
+      }), (F = ie) == null || F.success({
+        message: a,
         className: "w-notification-content"
       }), x((G) => {
-        var Z;
-        return (Z = G == null ? void 0 : G.map((q) => {
+        var J;
+        return (J = G == null ? void 0 : G.map((Y) => {
           var ee;
-          if (le(q, "chats")) {
-            const de = (ee = q == null ? void 0 : q.chats) == null ? void 0 : ee.map((ce) => (ce == null ? void 0 : ce.indexChat) === (e == null ? void 0 : e.indexChat) ? {
+          if (le(Y, "chats")) {
+            const de = (ee = Y == null ? void 0 : Y.chats) == null ? void 0 : ee.map((ce) => (ce == null ? void 0 : ce.indexChat) === (e == null ? void 0 : e.indexChat) ? {
               ...ce,
               feedback: v
             } : ce);
             return {
-              ...q,
+              ...Y,
               chats: de
             };
           }
-          return (e == null ? void 0 : e.message_id) === (q == null ? void 0 : q.message_id) ? {
-            ...q,
+          return (e == null ? void 0 : e.message_id) === (Y == null ? void 0 : Y.message_id) ? {
+            ...Y,
             feedback: v
-          } : q;
-        })) == null ? void 0 : Z.flat();
+          } : Y;
+        })) == null ? void 0 : J.flat();
       }));
     });
   };
@@ -1949,30 +1966,30 @@ const me = (e = ".w-wrapper-body") => {
       {
         icon: /* @__PURE__ */ n.jsx(P, { type: "like", chatProps: e }),
         onClick: () => {
-          (e == null ? void 0 : e.feedback) !== "like" && _("like");
+          (e == null ? void 0 : e.feedback) !== "like" && w("like");
         }
       }
     ),
-    w && /* @__PURE__ */ n.jsx(
+    j && /* @__PURE__ */ n.jsx(
       z,
       {
         icon: /* @__PURE__ */ n.jsx(P, { type: "dislike", chatProps: e }),
         onClick: () => {
-          (e == null ? void 0 : e.feedback) !== "dislike" && a(!0);
+          (e == null ? void 0 : e.feedback) !== "dislike" && i(!0);
         }
       }
     ),
     /* @__PURE__ */ n.jsxs(
-      at,
+      ut,
       {
-        open: l,
+        open: d,
         isFeedback: !0,
         okText: s,
         onCancel: () => {
-          a(!1);
+          i(!1);
         },
         onOk: () => {
-          _("dislike");
+          w("dislike");
         },
         children: [
           /* @__PURE__ */ n.jsx("p", { style: { textAlign: "center", fontWeight: 600, fontSize: 14 }, children: t }),
@@ -1981,33 +1998,33 @@ const me = (e = ".w-wrapper-body") => {
             "!"
           ] }),
           /* @__PURE__ */ n.jsx(
-            Yt.Group,
+            qt.Group,
             {
               className: "w-list-feedback-suggestion",
-              options: Cs,
+              options: bs,
               optionType: "button",
               buttonStyle: "solid",
               onChange: (v) => {
-                var E;
-                f((E = v == null ? void 0 : v.target) == null ? void 0 : E.value);
+                var h;
+                f((h = v == null ? void 0 : v.target) == null ? void 0 : h.value);
               }
             }
           ),
           u === "another" && /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-            /* @__PURE__ */ n.jsx(Kt, { children: c }),
+            /* @__PURE__ */ n.jsx(Jt, { 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 }) }) })
           ] })
         ]
       }
     )
   ] });
-}, sr = R(tr), rr = ({
+}, or = R(rr), cr = ({
   showFeedback: e = !0,
   showRegenerate: t = !0,
   position: r = "left",
   ...s
 }) => {
-  const d = js(), { chats: c, onSendMsg: o, setChats: l, loadingRegenerate: a, currRegenerateId: u } = fe(), f = O(() => s == null ? void 0 : s.sender, [s]), x = O(() => c == null ? void 0 : c.filter((k) => (k == null ? void 0 : k.sender) === "client"), [c]), g = O(() => t && f === "response" && (x == null ? void 0 : x.length) > 0 && (s == null ? void 0 : s.indexChat) === (c == null ? void 0 : c.length) - 1, [f, x, c, s == null ? void 0 : s.indexChat, t]), C = O(() => {
+  const a = ks(), { chats: c, onSendMsg: o, setChats: d, loadingRegenerate: i, currRegenerateId: u } = fe(), f = O(() => s == null ? void 0 : s.sender, [s]), x = O(() => c == null ? void 0 : c.filter((p) => (p == null ? void 0 : p.sender) === "client"), [c]), g = O(() => t && f === "response" && (x == null ? void 0 : x.length) > 0 && (s == null ? void 0 : s.indexChat) === (c == null ? void 0 : c.length) - 1, [f, x, c, s == null ? void 0 : s.indexChat, t]), C = O(() => {
     switch (r) {
       case "left":
         return "flex-start";
@@ -2016,20 +2033,20 @@ const me = (e = ".w-wrapper-body") => {
       case "right":
         return "flex-end";
     }
-  }, [r]), y = O(() => e && (s == null ? void 0 : s.text_FeedbackIcons) === "hidup", [s, e]), w = () => {
-    const k = x == null ? void 0 : x[(x == null ? void 0 : x.length) - 1], _ = c == null ? void 0 : c[(c == null ? void 0 : c.length) - 1];
-    l(
-      (v = []) => v == null ? void 0 : v.map((E, b) => b === (v == null ? void 0 : v.length) - 1 && (E == null ? void 0 : E.sender) === "response" ? {
-        ...E,
-        generated_id: (_ == null ? void 0 : _.generated_id) ?? d
+  }, [r]), y = O(() => e && (s == null ? void 0 : s.text_FeedbackIcons) === "hidup", [s, e]), j = () => {
+    const p = x == null ? void 0 : x[(x == null ? void 0 : x.length) - 1], w = c == null ? void 0 : c[(c == null ? void 0 : c.length) - 1];
+    d(
+      (v = []) => v == null ? void 0 : v.map((h, b) => b === (v == null ? void 0 : v.length) - 1 && (h == null ? void 0 : h.sender) === "response" ? {
+        ...h,
+        generated_id: (w == null ? void 0 : w.generated_id) ?? a
         // adjust with response
-      } : E)
-    ), u.current = (_ == null ? void 0 : _.generated_id) ?? d, o({
-      msg: k == null ? void 0 : k.text,
+      } : h)
+    ), u.current = (w == null ? void 0 : w.generated_id) ?? a, o({
+      msg: p == null ? void 0 : p.text,
       additionalConfig: {
-        generate_id: (_ == null ? void 0 : _.generated_id) ?? d
+        generate_id: (w == null ? void 0 : w.generated_id) ?? a
       },
-      isShowLoadingResponse: a
+      isShowLoadingResponse: i
     }), me();
   };
   return /* @__PURE__ */ n.jsx(n.Fragment, { children: /* @__PURE__ */ n.jsxs(
@@ -2044,80 +2061,80 @@ const me = (e = ".w-wrapper-body") => {
         g && /* @__PURE__ */ n.jsx(
           z,
           {
-            loading: a,
+            loading: i,
             icon: /* @__PURE__ */ n.jsx(P, { type: "sync" }),
             onClick: () => {
-              w();
+              j();
             }
           }
         ),
-        y && /* @__PURE__ */ n.jsx(sr, { ...s })
+        y && /* @__PURE__ */ n.jsx(or, { ...s })
       ]
     }
   ) });
-}, Cn = R(rr), or = ({ nameFallback: e = "", ...t }) => /* @__PURE__ */ n.jsx(
-  qt,
+}, mn = R(cr), ir = ({ nameFallback: e = "", ...t }) => /* @__PURE__ */ n.jsx(
+  Qt,
   {
     ...typeof (t == null ? void 0 : t.onError) != "function" && {
-      fallback: jn(e)
+      fallback: wn(e)
     },
     placeholder: /* @__PURE__ */ n.jsx(ue.Image, { style: { width: "100%", height: "100%" } }),
     loading: "lazy",
     ...t
   }
-), wn = R(or), cr = ({ nameFallback: e = "", ...t }) => {
-  const r = Y(0);
+), kn = R(ir), lr = ({ nameFallback: e = "", ...t }) => {
+  const r = K(0);
   return /* @__PURE__ */ n.jsx(
-    Qn,
+    Xn,
     {
       ...t,
       src: /* @__PURE__ */ n.jsx(
-        wn,
+        kn,
         {
           src: t == null ? void 0 : t.src,
           nameFallback: e,
           ...t,
           onError: (s) => {
-            r.current += 1, (r == null ? void 0 : r.current) < 3 ? s.target.src = ot(t == null ? void 0 : t.src) : s.target.src = jn(e);
+            r.current += 1, (r == null ? void 0 : r.current) < 3 ? s.target.src = it(t == null ? void 0 : t.src) : s.target.src = wn(e);
           }
         }
       )
     }
   );
-}, Ee = R(cr);
-Ee.Group = Qn.Group;
-const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", children: [
+}, Ee = R(lr);
+Ee.Group = Xn.Group;
+const ar = () => /* @__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 = R(ir), lr = () => {
-  const { widgetProps: e } = K();
+] }), gt = R(ar), dr = () => {
+  const { widgetProps: e } = q();
   return /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
     /* @__PURE__ */ n.jsx(Ee, { src: Ze, nameFallback: e == null ? void 0 : e.title }),
-    /* @__PURE__ */ n.jsx(ft, {})
+    /* @__PURE__ */ n.jsx(gt, {})
   ] });
-}, _n = R(lr), ar = ({ src: e, name: t }) => /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
+}, pn = R(dr), ur = ({ 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(V.Text, { children: t })
-] }), Ue = R(ar), dr = ({ ...e }) => {
+] }), Ue = R(ur), fr = ({ ...e }) => {
   var f, x;
-  const [t, r] = D(1), { loadingRegenerate: s, currRegenerateId: d } = fe(), { isExpand: c, widgetProps: o } = K(), l = O(() => e == null ? void 0 : e.sender, [e]), a = O(() => e == null ? void 0 : e.chats, [e == null ? void 0 : e.chats]), u = O(() => {
-    const g = a == null ? void 0 : a[(a == null ? void 0 : a.length) - 1];
-    return (g == null ? void 0 : g.generated_id) === d.current;
-  }, [a, e, d.current]);
+  const [t, r] = D(1), { loadingRegenerate: s, currRegenerateId: a } = fe(), { isExpand: c, widgetProps: o } = q(), d = O(() => e == null ? void 0 : e.sender, [e]), i = O(() => e == null ? void 0 : e.chats, [e == null ? void 0 : e.chats]), u = O(() => {
+    const g = i == null ? void 0 : i[(i == null ? void 0 : i.length) - 1];
+    return (g == null ? void 0 : g.generated_id) === a.current;
+  }, [i, e, a.current]);
   return X(() => {
-    !s && (a == null ? void 0 : a.length) > 0 && (r(a == null ? void 0 : a.length), me());
-  }, [s]), s && u ? /* @__PURE__ */ n.jsx(_n, {}) : /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-    l === "response" && /* @__PURE__ */ n.jsx(Ue, { name: o == null ? void 0 : o.title, src: Ze }),
-    /* @__PURE__ */ n.jsx("div", { style: { display: "flex", gap: 8 }, children: a == null ? void 0 : a.map((g, C) => {
-      var k;
-      const y = C === ((k = e == null ? void 0 : e.chats) == null ? void 0 : k.length) - 1, w = t === C + 1;
+    !s && (i == null ? void 0 : i.length) > 0 && (r(i == null ? void 0 : i.length), me());
+  }, [s]), s && u ? /* @__PURE__ */ n.jsx(pn, {}) : /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+    d === "response" && /* @__PURE__ */ n.jsx(Ue, { name: o == null ? void 0 : o.title, src: Ze }),
+    /* @__PURE__ */ n.jsx("div", { style: { display: "flex", gap: 8 }, children: i == null ? void 0 : i.map((g, C) => {
+      var p;
+      const y = C === ((p = e == null ? void 0 : e.chats) == null ? void 0 : p.length) - 1, j = t === C + 1;
       return /* @__PURE__ */ n.jsxs(
         "div",
         {
           style: {
-            display: w ? "flex" : "none",
+            display: j ? "flex" : "none",
             flexDirection: "column",
             gap: 8
           },
@@ -2132,17 +2149,17 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
                 children: /* @__PURE__ */ n.jsxs(
                   "div",
                   {
-                    className: `w-bubble-chat w-bubble-chat-regenerate  ${`w-${l}`} ${c ? "w-bubble-chat-regenerate-expand" : ""}`,
+                    className: `w-bubble-chat w-bubble-chat-regenerate  ${`w-${d}`} ${c ? "w-bubble-chat-regenerate-expand" : ""}`,
                     children: [
-                      /* @__PURE__ */ n.jsx(dt, { children: g == null ? void 0 : g.text }),
-                      l === "response" && /* @__PURE__ */ n.jsx("span", { style: { fontSize: 12, color: "rgba(0,0,0,0.4)" }, children: g == null ? void 0 : g.timestamp })
+                      /* @__PURE__ */ n.jsx(ft, { children: g == null ? void 0 : g.text }),
+                      d === "response" && /* @__PURE__ */ n.jsx("span", { style: { fontSize: 12, color: "rgba(0,0,0,0.4)" }, children: g == null ? void 0 : g.timestamp })
                     ]
                   }
                 )
               }
             ),
             /* @__PURE__ */ n.jsx(
-              Cn,
+              mn,
               {
                 showFeedback: !0,
                 showRegenerate: !1,
@@ -2156,7 +2173,7 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     }) }),
     /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", gap: 8, justifyContent: "center" }, children: [
       /* @__PURE__ */ n.jsx(
-        Cn,
+        mn,
         {
           showRegenerate: !0,
           showFeedback: !1,
@@ -2197,8 +2214,8 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       ] })
     ] })
   ] });
-}, ur = R(dr), fr = ({ date: e, format: t, sender: r, ...s }) => {
-  var d, c;
+}, xr = R(fr), gr = ({ date: e, format: t, sender: r, ...s }) => {
+  var a, c;
   return /* @__PURE__ */ n.jsx(
     V.Text,
     {
@@ -2210,32 +2227,32 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         ...r === "client" && {
           textAlign: "right"
         },
-        ...((d = Object.keys((s == null ? void 0 : s.style) || {})) == null ? void 0 : d.length) > 0 && {
+        ...((a = Object.keys((s == null ? void 0 : s.style) || {})) == null ? void 0 : a.length) > 0 && {
           ...s == null ? void 0 : s.style
         }
       },
       children: t ? (c = ae(e)) == null ? void 0 : c.format(t) : e
     }
   );
-}, We = R(fr), xr = ({ showResponseInfo: e = !0, ...t }) => {
-  var l;
-  const { loadingRegenerate: r, chats: s } = fe(), { widgetProps: d } = K(), c = O(() => (s == null ? void 0 : s.length) - 1 === (t == null ? void 0 : t.indexChat), [s]), o = O(() => t == null ? void 0 : t.sender, [t]);
-  return ((l = t == null ? void 0 : t.chats) == null ? void 0 : l.length) > 0 ? /* @__PURE__ */ n.jsx(ur, { ...t }) : r && c ? /* @__PURE__ */ n.jsx(_n, {}) : /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-    o === "response" && e && /* @__PURE__ */ n.jsx(Ue, { name: d == null ? void 0 : d.title, src: Ze }),
+}, We = R(gr), Cr = ({ showResponseInfo: e = !0, ...t }) => {
+  var d;
+  const { loadingRegenerate: r, chats: s } = fe(), { widgetProps: a } = q(), c = O(() => (s == null ? void 0 : s.length) - 1 === (t == null ? void 0 : t.indexChat), [s]), o = O(() => t == null ? void 0 : t.sender, [t]);
+  return ((d = t == null ? void 0 : t.chats) == null ? void 0 : d.length) > 0 ? /* @__PURE__ */ n.jsx(xr, { ...t }) : r && c ? /* @__PURE__ */ n.jsx(pn, {}) : /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+    o === "response" && e && /* @__PURE__ */ n.jsx(Ue, { name: a == null ? void 0 : a.title, src: Ze }),
     /* @__PURE__ */ n.jsxs("div", { className: `w-bubble-chat ${`w-${o}`}`, children: [
-      /* @__PURE__ */ n.jsx(dt, { children: t == null ? void 0 : t.text }),
+      /* @__PURE__ */ n.jsx(ft, { children: t == null ? void 0 : t.text }),
       /* @__PURE__ */ n.jsx(We, { date: t == null ? void 0 : t.timestamp, sender: o })
     ] }),
-    /* @__PURE__ */ n.jsx(Cn, { ...t })
+    /* @__PURE__ */ n.jsx(mn, { ...t })
   ] });
-}, $e = R(xr), gr = () => {
-  const e = p(
+}, $e = R(Cr), mr = () => {
+  const e = _(
     "PleaseUploadFile",
     "Please upload specify file that needed to complete your request"
-  ), t = p("ClickToUpload", "Click to upload"), r = p(
+  ), t = _("ClickToUpload", "Click to upload"), r = _(
     "ContinueWithoutUpload",
     "Continue without upload"
-  ), { onSendMsg: s, setFile: d } = fe(), c = () => {
+  ), { onSendMsg: s, setFile: a } = fe(), c = () => {
     s({
       msg: "CANCEL UPLOAD"
     });
@@ -2260,14 +2277,14 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         ),
         /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", gap: 8 }, children: [
           /* @__PURE__ */ n.jsx(
-            Zn,
+            Pn,
             {
               className: "btn_upload",
               beforeUpload: () => !1,
               fileList: [],
               accept: ".doc, .jpg, .ods, .png, .txt, .docx, .pdf",
               onChange: (o) => {
-                d(o == null ? void 0 : o.file);
+                a(o == null ? void 0 : o.file);
               },
               children: /* @__PURE__ */ n.jsx(z, { icon: /* @__PURE__ */ n.jsx(P, { type: "upload" }), children: t })
             }
@@ -2277,49 +2294,49 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       ]
     }
   );
-}, Cr = R(gr), mr = () => {
-  const [e, t] = D(!1), [r, s] = D(!1), [d, c] = D(!1), [o, l] = D(3), [a, u] = D(!1), [f, x] = D(""), { widgetProps: g } = K(), { onSendMsg: C, chats: y } = fe(), { onSubmitPYPwd: w = () => {
-  }, onCheckPYAccess: k = () => {
-  } } = (g == null ? void 0 : g.onPayslipFn) || {}, _ = p(
+}, br = R(mr), vr = () => {
+  const [e, t] = D(!1), [r, s] = D(!1), [a, c] = D(!1), [o, d] = D(3), [i, u] = D(!1), [f, x] = D(""), { widgetProps: g } = q(), { onSendMsg: C, chats: y } = fe(), { onSubmitPYPwd: j = () => {
+  }, onCheckPYAccess: p = () => {
+  } } = (g == null ? void 0 : g.onPayslipFn) || {}, w = _(
     "ProvidePasswordPayslip",
     "Please provide your password account to access the download"
-  ), v = p("Cancel", "Cancel"), E = p("Submit", "Submit"), b = p("Password", "Password"), h = p("IsRequired", "Is Required"), m = p(
+  ), v = _("Cancel", "Cancel"), h = _("Submit", "Submit"), b = _("Password", "Password"), E = _("IsRequired", "Is Required"), m = _(
     "PrepareTheFiles",
     "Prepare the files"
-  ), j = p(
+  ), k = _(
     "AttemptPasswordExceeded",
     "Your attempt to enter the password exceeded the limit"
-  ), S = p(
+  ), S = _(
     "VerifyAccessPayslip",
     "Please wait, verifying access to your payslip"
-  ), I = p(
+  ), H = _(
     "WrongPwdPayslip",
     "The password you entered is incorrect. Please try again or contact support if you need assistance"
-  ), B = p(
+  ), B = _(
     "SessionExpired",
     "Session expired. Please log in again to continue"
   ), [M] = oe.useForm(), L = () => {
-    var H, G, Z;
-    c(!0), u(!0), (Z = (G = (H = k()) == null ? void 0 : H.then((q) => {
+    var F, G, J;
+    c(!0), u(!0), (J = (G = (F = p()) == null ? void 0 : F.then((Y) => {
       var ee, de;
-      const te = (de = (ee = q == null ? void 0 : q.data) == null ? void 0 : ee.DATA) == null ? void 0 : de.RESULT;
+      const te = (de = (ee = Y == null ? void 0 : Y.data) == null ? void 0 : ee.DATA) == null ? void 0 : de.RESULT;
       te && C({ msg: "Valid" }), t(te), x("");
-    })) == null ? void 0 : G.catch((q) => {
-      console.log("err: ", q == null ? void 0 : q.toString()), x(q == null ? void 0 : q.toString());
-    })) == null || Z.finally(() => {
+    })) == null ? void 0 : G.catch((Y) => {
+      console.log("err: ", Y == null ? void 0 : Y.toString()), x(Y == null ? void 0 : Y.toString());
+    })) == null || J.finally(() => {
       s(!1), u(!1);
     });
-  }, F = () => {
+  }, I = () => {
     C({ msg: "cancel" }), c(!1);
   }, $ = () => {
     var G;
-    const H = M == null ? void 0 : M.getFieldValue("pwd");
+    const F = M == null ? void 0 : M.getFieldValue("pwd");
     (G = M == null ? void 0 : M.validateFields()) == null || G.then(() => {
-      var Z, q;
-      s(!0), (q = (Z = w(H)) == null ? void 0 : Z.then(({ data: te }) => {
+      var J, Y;
+      s(!0), (Y = (J = j(F)) == null ? void 0 : J.then(({ data: te }) => {
         var ee;
-        (ee = te == null ? void 0 : te.DATA) != null && ee.ISVALID ? L() : (x(I), l(o - 1), s(!1));
-      })) == null || q.catch((te) => {
+        (ee = te == null ? void 0 : te.DATA) != null && ee.ISVALID ? L() : (x(H), d(o - 1), s(!1));
+      })) == null || Y.catch((te) => {
         var de, ce, Ne, Ve, Ge;
         const ee = te == null ? void 0 : te.response;
         if ((ee == null ? void 0 : ee.status) === 401) {
@@ -2328,7 +2345,7 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
           ), 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 && x(B), Fe && (x(I), l(o - 1), s(!1));
+          Me && x(B), Fe && (x(H), d(o - 1), s(!1));
         } else
           console.log("err onSubmit: ", te == null ? void 0 : te.toString()), x(te == null ? void 0 : te.toString());
         s(!1);
@@ -2337,9 +2354,9 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
   };
   return X(() => {
     var G;
-    const H = y == null ? void 0 : y[(y == null ? void 0 : y.length) - 1];
-    ((G = H == null ? void 0 : H.attachment) == null ? void 0 : G.type) === "show_password_wp" && L();
-  }, []), d ? a ? /* @__PURE__ */ n.jsx(
+    const F = y == null ? void 0 : y[(y == null ? void 0 : y.length) - 1];
+    ((G = F == null ? void 0 : F.attachment) == null ? void 0 : G.type) === "show_password_wp" && L();
+  }, []), a ? i ? /* @__PURE__ */ n.jsx(
     $e,
     {
       sender: "response",
@@ -2350,7 +2367,7 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     $e,
     {
       sender: "response",
-      text: j,
+      text: k,
       showResponseInfo: !1
     }
   ) : f ? /* @__PURE__ */ n.jsx($e, { sender: "response", text: f, showResponseInfo: !1 }) : /* @__PURE__ */ n.jsx(
@@ -2365,7 +2382,7 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
           layout: "vertical",
           style: { display: "flex", flexDirection: "column", gap: 8 },
           children: [
-            /* @__PURE__ */ n.jsx(V.Text, { children: e ? `${m}...` : _ }),
+            /* @__PURE__ */ n.jsx(V.Text, { children: e ? `${m}...` : w }),
             !e && /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
               /* @__PURE__ */ n.jsx(
                 oe.Item,
@@ -2374,14 +2391,14 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
                   rules: [
                     {
                       required: !0,
-                      message: `${b} ${h}`
+                      message: `${b} ${E}`
                     }
                   ],
                   children: /* @__PURE__ */ n.jsx(Be.Password, {})
                 }
               ),
               /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", gap: 8 }, children: [
-                /* @__PURE__ */ n.jsx(z, { disabled: r, onClick: F, children: v }),
+                /* @__PURE__ */ n.jsx(z, { disabled: r, onClick: I, children: v }),
                 /* @__PURE__ */ n.jsx(
                   z,
                   {
@@ -2389,7 +2406,7 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
                     onClick: $,
                     loading: r,
                     htmlType: "submit",
-                    children: E
+                    children: h
                   }
                 )
               ] })
@@ -2399,19 +2416,19 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       )
     }
   ) : null;
-}, br = R(mr), vr = ({ ...e }) => {
-  var l;
-  const { objInitPayload: t } = K(), [r, s] = D(!1), d = p("Error", "Error"), c = O(() => tt(t == null ? void 0 : t.access_token), [t]), o = () => {
+}, hr = R(vr), Er = ({ ...e }) => {
+  var d;
+  const { objInitPayload: t } = q(), [r, s] = D(!1), a = _("Error", "Error"), c = O(() => rt(t == null ? void 0 : t.access_token), [t]), o = () => {
     var u, f, x, g;
     s(!0);
-    const a = e == null ? void 0 : e.attachment;
+    const i = e == null ? void 0 : e.attachment;
     (g = (x = (f = Oe({
       method: "POST",
-      url: a == null ? void 0 : a.endpoint,
-      data: a == null ? void 0 : a.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": a == null ? void 0 : a.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": (u = c == null ? void 0 : c.INSTANCE) == null ? void 0 : u.toLowerCase()
@@ -2419,17 +2436,17 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       responseType: "blob"
     })) == null ? void 0 : f.then((C) => {
       var v;
-      const y = (v = a == null ? void 0 : a.body) == null ? void 0 : v.media, w = `${a == null ? void 0 : a.filename}.${y}`, k = new Blob([C == null ? void 0 : C.data]), _ = URL == null ? void 0 : URL.createObjectURL(k);
-      En({ downloadURL: _, fileName: w }), URL.revokeObjectURL(_);
+      const y = (v = i == null ? void 0 : i.body) == null ? void 0 : v.media, j = `${i == null ? void 0 : i.filename}.${y}`, p = new Blob([C == null ? void 0 : C.data]), w = URL == null ? void 0 : URL.createObjectURL(p);
+      Tn({ downloadURL: w, fileName: j }), URL.revokeObjectURL(w);
     })) == null ? void 0 : x.catch((C) => {
-      var w, k, _;
+      var j, p, w;
       const y = C == null ? void 0 : C.message;
-      (w = ie) == null || w.destroy(), (k = ie) == null || k.config({
+      (j = ie) == null || j.destroy(), (p = ie) == null || p.config({
         getContainer: () => document.querySelector(".w-widget-content-container"),
         top: 28,
         placement: "top"
-      }), (_ = ie) == null || _.error({
-        message: d,
+      }), (w = ie) == null || w.error({
+        message: a,
         description: y,
         className: "w-notification-content",
         duration: 3
@@ -2444,8 +2461,8 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       className: "w-bubble-chat w-response",
       onClick: o,
       style: { cursor: "pointer" },
-      children: /* @__PURE__ */ n.jsxs(Jt, { spinning: r, children: [
-        /* @__PURE__ */ n.jsx(V.Link, { children: (l = e == null ? void 0 : e.attachment) == null ? void 0 : l.filename }),
+      children: /* @__PURE__ */ n.jsxs(Zt, { spinning: r, children: [
+        /* @__PURE__ */ n.jsx(V.Link, { children: (d = e == null ? void 0 : e.attachment) == null ? void 0 : d.filename }),
         /* @__PURE__ */ n.jsx(
           z,
           {
@@ -2462,29 +2479,29 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       ] })
     }
   );
-}, hr = R(vr), Er = ({ ...e }) => {
-  const t = Y(), r = p("DownloadChart", "Download Chart"), s = O(() => e == null ? void 0 : e.attachment, [e == null ? void 0 : e.attachment]), d = O(() => {
+}, Tr = R(Er), yr = ({ ...e }) => {
+  const t = K(), r = _("DownloadChart", "Download Chart"), s = O(() => e == null ? void 0 : e.attachment, [e == null ? void 0 : e.attachment]), a = O(() => {
     var o;
-    return (o = s == null ? void 0 : s.data) == null ? void 0 : o.map((l, a) => {
+    return (o = s == null ? void 0 : s.data) == null ? void 0 : o.map((d, i) => {
       var u, f;
       return {
-        label: (u = s == null ? void 0 : s.labels) == null ? void 0 : u[a],
-        value: l,
-        color: (f = s == null ? void 0 : s.colors) == null ? void 0 : f[a]
+        label: (u = s == null ? void 0 : s.labels) == null ? void 0 : u[i],
+        value: d,
+        color: (f = s == null ? void 0 : s.colors) == null ? void 0 : f[i]
       };
     });
   }, [s]), c = () => {
-    var l;
-    const o = (l = document == null ? void 0 : document.querySelector(".chart_widget canvas")) == null ? void 0 : l.toDataURL();
-    En({ fileName: s == null ? void 0 : s.title, downloadURL: o });
+    var d;
+    const o = (d = document == null ? void 0 : document.querySelector(".chart_widget canvas")) == null ? void 0 : d.toDataURL();
+    Tn({ fileName: s == null ? void 0 : s.title, downloadURL: o });
   };
   return /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
     /* @__PURE__ */ n.jsx(
-      os,
+      is,
       {
         className: "chart_widget",
         ref: t,
-        data: d,
+        data: a,
         angleField: "value",
         colorField: "label",
         label: {
@@ -2512,73 +2529,73 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       }
     ) })
   ] });
-}, Tr = R(Er), yr = ({ ...e }) => {
-  var t, r, s, d, c;
+}, jr = R(yr), wr = ({ ...e }) => {
+  var t, r, s, a, c;
   switch (!0) {
     case ((t = Ae(e)) == null ? void 0 : t.text):
       return /* @__PURE__ */ n.jsx($e, { ...e });
     case ((r = Ae(e)) == null ? void 0 : r.upload):
-      return /* @__PURE__ */ n.jsx(Cr, { ...e });
-    case ((s = Ae(e)) == null ? void 0 : s.password):
       return /* @__PURE__ */ n.jsx(br, { ...e });
-    case ((d = Ae(e)) == null ? void 0 : d.filedownload):
+    case ((s = Ae(e)) == null ? void 0 : s.password):
       return /* @__PURE__ */ n.jsx(hr, { ...e });
-    case ((c = Ae(e)) == null ? void 0 : c.chart):
+    case ((a = Ae(e)) == null ? void 0 : a.filedownload):
       return /* @__PURE__ */ n.jsx(Tr, { ...e });
+    case ((c = Ae(e)) == null ? void 0 : c.chart):
+      return /* @__PURE__ */ n.jsx(jr, { ...e });
     default:
       return null;
   }
-}, jr = R(yr), wr = () => {
-  const { isOpenWidget: e, widgetProps: t } = K(), { chats: r, isWaitResponse: s } = fe(), { activeTab: d } = be();
+}, kr = R(wr), pr = () => {
+  const { isOpenWidget: e, widgetProps: t } = q(), { chats: r, isWaitResponse: s } = fe(), { activeTab: a } = be();
   return X(() => {
     me();
-  }, [d]), e ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+  }, [a]), e ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
     /* @__PURE__ */ n.jsx("div", { className: "w-bubble-chat-container", children: r == null ? void 0 : r.map((c, o) => {
-      var a;
-      const l = (a = Ae(c)) == null ? void 0 : a.text;
-      return /* @__PURE__ */ n.jsxs(gn, { children: [
-        (c == null ? void 0 : c.sender) === "response" && !l && /* @__PURE__ */ n.jsx(
+      var i;
+      const d = (i = Ae(c)) == null ? void 0 : i.text;
+      return /* @__PURE__ */ n.jsxs(Cn, { children: [
+        (c == null ? void 0 : c.sender) === "response" && !d && /* @__PURE__ */ n.jsx(
           Ue,
           {
             name: t == null ? void 0 : t.title,
             src: Ze
           }
         ),
-        /* @__PURE__ */ n.jsx(jr, { indexChat: o, ...c })
+        /* @__PURE__ */ n.jsx(kr, { indexChat: o, ...c })
       ] }, o);
     }) }),
-    s && /* @__PURE__ */ n.jsx(_n, {})
+    s && /* @__PURE__ */ n.jsx(pn, {})
   ] }) : null;
-}, _r = R(wr), kr = () => {
-  var E;
-  const e = p(
+}, _r = R(pr), Ar = () => {
+  var h;
+  const e = _(
     "ContinueWithoutUpload",
     "Continue without Upload"
   ), {
     onSendMsg: t,
     setChats: r,
     isWaitResponse: s,
-    loadingRegenerate: d,
+    loadingRegenerate: a,
     file: c,
     setFile: o,
-    chats: l,
-    connected: a
+    chats: d,
+    connected: i
   } = fe(), { isActiveTabVA: u } = be(), f = O(() => {
-    var h;
-    const b = l == null ? void 0 : l[(l == null ? void 0 : l.length) - 1];
-    return (b == null ? void 0 : b.sender) === "response" && ((h = b == null ? void 0 : b.attachment) == null ? void 0 : h.type) === "fileuploader";
-  }, [l]), x = Y(), [g, C] = D(!1), [y, w] = D(!1), k = O(() => s || !y, [y, s]), _ = () => {
-    var m, j, S, I;
-    const b = (S = (j = (m = x == null ? void 0 : x.current) == null ? void 0 : m.resizableTextArea) == null ? void 0 : j.textArea) == null ? void 0 : S.value;
+    var E;
+    const b = d == null ? void 0 : d[(d == null ? void 0 : d.length) - 1];
+    return (b == null ? void 0 : b.sender) === "response" && ((E = b == null ? void 0 : b.attachment) == null ? void 0 : E.type) === "fileuploader";
+  }, [d]), x = K(), [g, C] = D(!1), [y, j] = D(!1), p = O(() => s || !y, [y, s]), w = () => {
+    var m, k, S, H;
+    const b = (S = (k = (m = x == null ? void 0 : x.current) == null ? void 0 : m.resizableTextArea) == null ? void 0 : k.textArea) == null ? void 0 : S.value;
     if (!(b != null && b.trim()) || s) return;
-    w(!1), t({ msg: b }), C(!g);
-    const h = {
+    j(!1), t({ msg: b }), C(!g);
+    const E = {
       text: b,
       sender: "client",
       type: "text",
-      timestamp: (I = ae()) == null ? void 0 : I.format("hh:mm A")
+      timestamp: (H = ae()) == null ? void 0 : H.format("hh:mm A")
     };
-    r((B) => [...B, h]), me();
+    r((B) => [...B, E]), me();
   }, v = () => {
     t({ msg: "SKIP_WAITING_RESPONSE" });
   };
@@ -2587,7 +2604,7 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     x != null && x.current && u && ((b = x == null ? void 0 : x.current) == null || b.focus());
   }, [u]), f ? /* @__PURE__ */ n.jsxs("div", { className: "w-input-container", style: { alignItems: "center" }, children: [
     /* @__PURE__ */ n.jsx(V.Text, { children: c == null ? void 0 : c.name }),
-    ((E = Object == null ? void 0 : Object.keys(c || {})) == null ? void 0 : E.length) > 0 ? /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
+    ((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(
         z,
         {
@@ -2604,7 +2621,7 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
           style: { backgroundColor: "var(--primary-color, #395ebc)" },
           icon: /* @__PURE__ */ n.jsx(P, { type: "send" }),
           shape: "circle",
-          onClick: _
+          onClick: w
         }
       )
     ] }) : /* @__PURE__ */ n.jsx(Se, { title: e, children: /* @__PURE__ */ n.jsx(
@@ -2624,22 +2641,22 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       Be.TextArea,
       {
         className: "w-input-widget",
-        disabled: !a,
+        disabled: !i,
         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) && _();
+          ((b == null ? void 0 : b.code) === "Enter" || (b == null ? void 0 : b.key) === "Enter") && !(b != null && b.shiftKey) && w();
         },
         onChange: ({ target: { value: b } }) => {
-          const h = /\S/;
+          const E = /\S/;
           Pe({
             input_va_value: b
-          }), b && (h != null && h.test(b)) ? w(!0) : b != null && b.trim() || w(!1);
+          }), b && (E != null && E.test(b)) ? j(!0) : b != null && b.trim() || j(!1);
         }
       },
       g
     ),
-    s || d ? /* @__PURE__ */ n.jsx(
+    s || a ? /* @__PURE__ */ n.jsx(
       z,
       {
         style: { border: "none" },
@@ -2651,24 +2668,24 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     ) : /* @__PURE__ */ n.jsx(
       z,
       {
-        className: `w-send-btn ${k ? "w-send-btn-disabled" : ""}`,
-        disabled: k,
+        className: `w-send-btn ${p ? "w-send-btn-disabled" : ""}`,
+        disabled: p,
         style: { backgroundColor: "var(--primary-color, #395ebc)" },
         icon: /* @__PURE__ */ n.jsx(P, { type: "send" }),
         shape: "circle",
-        onClick: _
+        onClick: w
       }
     )
   ] });
-}, pr = R(kr), Ar = ({ taskStatus: e }) => {
-  const t = p("InProgress", "In Progress"), r = p("New", "New"), s = p("Closed", "Closed"), d = p("Done", "Done"), c = p("HDCancelled", "Cancelled"), o = {
+}, Sr = R(Ar), Lr = ({ taskStatus: e }) => {
+  const t = _("InProgress", "In Progress"), r = _("New", "New"), s = _("Closed", "Closed"), a = _("Done", "Done"), c = _("HDCancelled", "Cancelled"), o = {
     "In Progress": t,
     Open: r,
     New: r,
     Closed: s,
-    Fixed: d,
+    Fixed: a,
     Cancelled: c
-  }, l = {
+  }, d = {
     "In Progress": "#FFF2D6",
     Responded: "#FFF2D6",
     Open: "#e9e2f8",
@@ -2677,8 +2694,8 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     Fixed: "#bbfab7",
     Done: "#bbfab7",
     Cancelled: "#FFF2D6"
-  }, a = O(() => l[e] || l.Closed, [e]), u = O(() => o[e] || e, [e]);
-  return /* @__PURE__ */ n.jsx(Qt, { color: a, children: /* @__PURE__ */ n.jsx(
+  }, i = O(() => d[e] || d.Closed, [e]), u = O(() => o[e] || e, [e]);
+  return /* @__PURE__ */ n.jsx(Xt, { color: i, children: /* @__PURE__ */ n.jsx(
     V.Text,
     {
       className: "primary-color-active",
@@ -2687,7 +2704,7 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       children: u
     }
   ) }, e);
-}, xt = R(Ar), Sr = ({ onClick: e, ...t }) => /* @__PURE__ */ n.jsxs(
+}, Ct = R(Lr), Rr = ({ onClick: e, ...t }) => /* @__PURE__ */ n.jsxs(
   "div",
   {
     className: "w-ticket-card-container",
@@ -2710,8 +2727,8 @@ const ir = () => /* @__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) || Kn }),
-          /* @__PURE__ */ n.jsx(V.Text, { children: (t == null ? void 0 : t.TASK_CODE) || Kn })
+          /* @__PURE__ */ n.jsx(V.Text, { children: (t == null ? void 0 : t.TASK_CATEGORY) || qn }),
+          /* @__PURE__ */ n.jsx(V.Text, { children: (t == null ? void 0 : t.TASK_CODE) || qn })
         ] }),
         /* @__PURE__ */ n.jsxs(
           "div",
@@ -2721,7 +2738,7 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
               alignItems: "flex-end"
             },
             children: [
-              /* @__PURE__ */ n.jsx(xt, { taskStatus: t == null ? void 0 : t.TASK_STATUS }),
+              /* @__PURE__ */ n.jsx(Ct, { taskStatus: t == null ? void 0 : t.TASK_STATUS }),
               /* @__PURE__ */ n.jsx(V.Text, { children: t == null ? void 0 : t.CREATED_DATE })
             ]
           }
@@ -2729,8 +2746,8 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       ] })
     ]
   }
-), Lr = R(Sr), gt = () => {
-  const { objInitPayload: e, setObjInitPayload: t, parsedJWT: r } = K(), s = O(() => {
+), Or = R(Rr), mt = () => {
+  const { objInitPayload: e, setObjInitPayload: t, parsedJWT: r } = q(), s = O(() => {
     var c;
     return {
       Authorization: `Bearer ${e == null ? void 0 : e.access_token}`,
@@ -2742,7 +2759,7 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
   }, [e]);
   return async (c) => {
     var u, f, x;
-    const { onSuccess: o, onError: l, onFinally: a } = c ?? {};
+    const { onSuccess: o, onError: d, onFinally: i } = c ?? {};
     (x = (f = (u = Oe({
       url: e == null ? void 0 : e.uriBackend,
       params: {
@@ -2755,8 +2772,8 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       headers: s,
       method: "POST"
     })) == null ? void 0 : u.then((g) => {
-      var w;
-      const C = (w = g == null ? void 0 : g.data) == null ? void 0 : w.DATA, y = {
+      var j;
+      const C = (j = g == null ? void 0 : g.data) == null ? void 0 : j.DATA, y = {
         access_token: C == null ? void 0 : C.JWT_TOKEN,
         refresh_token: e == null ? void 0 : e.refresh_token,
         uagent: e == null ? void 0 : e.uagent,
@@ -2771,66 +2788,66 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       };
       t(y), typeof o == "function" && o(g);
     })) == null ? void 0 : f.catch((g) => {
-      typeof l == "function" && l(g);
+      typeof d == "function" && d(g);
     })) == null || x.finally(() => {
-      typeof a == "function" && a();
+      typeof i == "function" && i();
     });
   };
 }, en = () => {
   var o;
-  const e = Y(new AbortController()), { objInitPayload: t, parsedJWT: r } = K(), s = gt(), d = {
+  const e = K(new AbortController()), { objInitPayload: t, parsedJWT: r } = q(), s = mt(), a = {
     Authorization: `Bearer ${t == null ? void 0 : t.access_token}`,
     coid: r == null ? void 0 : r.COID,
     "Acc-Name": (o = r == null ? void 0 : r.INSTANCE) == null ? void 0 : o.toLowerCase(),
     "Company-Id": t == null ? void 0 : t.companyid,
     Language: t == null ? void 0 : t.lang
   }, c = async ({
-    url: l,
-    endpoint: a,
+    url: d,
+    endpoint: i,
     method: u = "POST",
     headers: f,
     ...x
   }) => {
-    var w, k, _, v, E, b;
+    var j, p, w, v, h, b;
     const g = {
-      url: l || `${t == null ? void 0 : t.uriBackendHRMGO}${a}`,
+      url: d || `${t == null ? void 0 : t.uriBackendHRMGO}${i}`,
       ...e.current && {
-        signal: (w = e == null ? void 0 : e.current) == null ? void 0 : w.signal
+        signal: (j = e == null ? void 0 : e.current) == null ? void 0 : j.signal
       },
       headers: {
-        ...d,
+        ...a,
         ...f,
         "Company-Code": t == null ? void 0 : t.companycode
       },
       method: u,
       ...x
-    }, C = (k = Oe) == null ? void 0 : k.create(g);
-    return (v = (_ = C == null ? void 0 : C.interceptors) == null ? void 0 : _.request) == null || v.use(
-      (h) => (t != null && t.access_token && (h.headers.Authorization = `Bearer ${t == null ? void 0 : t.access_token}`), h),
-      (h) => {
-        Promise.reject(h);
+    }, C = (p = Oe) == null ? void 0 : p.create(g);
+    return (v = (w = C == null ? void 0 : C.interceptors) == null ? void 0 : w.request) == null || v.use(
+      (E) => (t != null && t.access_token && (E.headers.Authorization = `Bearer ${t == null ? void 0 : t.access_token}`), E),
+      (E) => {
+        Promise.reject(E);
       }
-    ), (b = (E = C == null ? void 0 : C.interceptors) == null ? void 0 : E.response) == null || b.use(
-      (h) => h,
-      async (h) => {
-        var j;
-        const m = h == null ? void 0 : h.config;
-        if (((j = h == null ? void 0 : h.response) == null ? void 0 : j.status) === 401) {
+    ), (b = (h = C == null ? void 0 : C.interceptors) == null ? void 0 : h.response) == null || b.use(
+      (E) => E,
+      async (E) => {
+        var k;
+        const m = E == null ? void 0 : E.config;
+        if (((k = E == null ? void 0 : E.response) == null ? void 0 : k.status) === 401) {
           const S = await s();
           return m.headers.Authorization = `Bearer ${S}`, Oe(m);
         }
-        return Promise == null ? void 0 : Promise.reject(h);
+        return Promise == null ? void 0 : Promise.reject(E);
       }
     ), await (C == null ? void 0 : C.request(g));
   };
   return c.abort = () => {
-    var l;
-    e != null && e.current && ((l = e == null ? void 0 : e.current) == null || l.abort(), e.current = new AbortController());
+    var d;
+    e != null && e.current && ((d = e == null ? void 0 : e.current) == null || d.abort(), e.current = new AbortController());
   }, X(() => () => c.abort(), []), c;
-}, Ct = Te({}), ve = () => ye(Ct), Rr = ({ children: e }) => {
-  const t = en(), [r, s] = D([]), [d, c] = D(""), [o, l] = D(!1), [a, u] = D(!0), [f, x] = D(0), g = (C) => {
-    var y, w, k, _;
-    u(!0), (_ = (k = t({
+}, bt = Te({}), ve = () => ye(bt), Dr = ({ children: e }) => {
+  const t = en(), [r, s] = D([]), [a, c] = D(""), [o, d] = D(!1), [i, u] = D(!0), [f, x] = D(0), g = (C) => {
+    var y, j, p, w;
+    u(!0), (w = (p = t({
       endpoint: "/helpdesk/myticket/ticket-list",
       method: "POST",
       data: {
@@ -2842,7 +2859,7 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
           ...((y = Object.keys(C || {})) == null ? void 0 : y.length) > 0 && {
             ...C,
             ...(C == null ? void 0 : C.CREATED_DATE) && {
-              CREATED_DATE: (w = ae(C == null ? void 0 : C.CREATED_DATE)) == null ? void 0 : w.format(hn)
+              CREATED_DATE: (j = ae(C == null ? void 0 : C.CREATED_DATE)) == null ? void 0 : j.format(En)
             }
           }
         },
@@ -2851,155 +2868,155 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
           ORDER: "DESC"
         }
       }
-    })) == null ? void 0 : k.then((v) => {
-      var E, b, h;
-      (E = v == null ? void 0 : v.data) != null && E.DATA && s((h = (b = v == null ? void 0 : v.data) == null ? void 0 : b.DATA) == null ? void 0 : h.LIST);
-    })) == null || _.finally(() => {
+    })) == null ? void 0 : p.then((v) => {
+      var h, b, E;
+      (h = v == null ? void 0 : v.data) != null && h.DATA && s((E = (b = v == null ? void 0 : v.data) == null ? void 0 : b.DATA) == null ? void 0 : E.LIST);
+    })) == null || w.finally(() => {
       u(!1);
     });
   };
   return X(() => {
     g();
   }, []), /* @__PURE__ */ n.jsx(
-    Ct.Provider,
+    bt.Provider,
     {
       value: {
         listTicket: r,
-        ticketId: d,
+        ticketId: a,
         setTicketId: c,
         getListTicket: g,
         openFilter: o,
-        setOpenFilter: l,
-        loadingListTicket: a,
+        setOpenFilter: d,
+        loadingListTicket: i,
         countFilters: f,
         setCountFilters: x
       },
       children: e
     }
   );
-}, Or = () => {
-  const e = p("SubjectSearch", "Subject Search"), t = p("AdvanceFilter", "Advance Filter"), r = Y(null), { getListTicket: s, setOpenFilter: d, loadingListTicket: c, countFilters: o } = ve();
+}, Nr = () => {
+  const e = _("SubjectSearch", "Subject Search"), t = _("AdvanceFilter", "Advance Filter"), r = K(null), { getListTicket: s, setOpenFilter: a, 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,
       {
         placeholder: e,
-        onChange: ({ target: { value: l } }) => {
+        onChange: ({ target: { value: d } }) => {
           clearTimeout(r == null ? void 0 : r.current), r.current = setTimeout(() => {
             s({
-              TASK_NAME: l
+              TASK_NAME: d
             });
           }, 250);
         },
         allowClear: !0
       }
     ),
-    /* @__PURE__ */ n.jsx(Se, { title: `${t} (${o})`, children: /* @__PURE__ */ n.jsx(Zt, { count: o, children: /* @__PURE__ */ n.jsx(
+    /* @__PURE__ */ n.jsx(Se, { title: `${t} (${o})`, children: /* @__PURE__ */ n.jsx(Pt, { count: o, children: /* @__PURE__ */ n.jsx(
       z,
       {
         loading: c,
         icon: /* @__PURE__ */ n.jsx(P, { type: "filter" }),
         onClick: () => {
-          d(!0);
+          a(!0);
         }
       }
     ) }) })
   ] }) });
-}, Dr = R(Or), mt = Te({}), he = () => ye(mt), Nr = ({ children: e }) => {
-  const t = Y(null), r = Y(0), s = Y(!1), d = Y(null), [c, o] = D([]), [l, a] = D(0), [u, f] = D(!1), { objInitPayload: x, parsedJWT: g, isFirstRenderHelpdesk: C, setShowReadyWSHD: y } = K(), w = gt(), k = (b) => {
-    const h = new WebSocket(b);
-    h.onopen = () => {
-      s.current = !0, r.current = 0, a(0), y(!0);
-    }, h.onerror = (m) => {
-      y(!1), console.error(`${pe} - WebSocket error:`, m);
-    }, h.onclose = (m) => {
+}, Mr = R(Nr), vt = Te({}), he = () => ye(vt), Fr = ({ children: e }) => {
+  const t = K(null), r = K(0), s = K(!1), a = K(null), [c, o] = D([]), [d, i] = D(0), [u, f] = D(!1), { objInitPayload: x, parsedJWT: g, isFirstRenderHelpdesk: C, setShowReadyWSHD: y } = q(), j = mt(), p = (b) => {
+    const E = new WebSocket(b);
+    E.onopen = () => {
+      s.current = !0, r.current = 0, i(0), y(!0);
+    }, E.onerror = (m) => {
+      y(!1), console.error(`${_e} - WebSocket error:`, m);
+    }, E.onclose = (m) => {
       console.warn(
-        `${pe} - WebSocket disconnected:`,
+        `${_e} - WebSocket disconnected:`,
         m
-      ), s.current = !1, y(!1), !(m != null && m.wasClean) && (r == null ? void 0 : r.current) < Ie && (r.current += 1, a((j) => j + 1), clearTimeout(d.current), d.current = setTimeout(_, 2e3));
-    }, h.onmessage = v(h), t.current = h;
-  }, _ = async () => {
-    var L, F, $;
+      ), s.current = !1, y(!1), !(m != null && m.wasClean) && (r == null ? void 0 : r.current) < Ie && (r.current += 1, i((k) => k + 1), clearTimeout(a.current), a.current = setTimeout(w, 2e3));
+    }, E.onmessage = v(E), t.current = E;
+  }, w = async () => {
+    var L, I, $;
     if (((L = t.current) == null ? void 0 : L.readyState) === (WebSocket == null ? void 0 : WebSocket.CONNECTING)) return;
     const {
       access_token: b,
-      companyid: h = "",
+      companyid: E = "",
       companycode: m = "",
-      lang: j = "",
+      lang: k = "",
       uriBackendHRMGO: S = ""
     } = x ?? {};
-    if (!b || !h || !m) {
+    if (!b || !E || !m) {
       console.warn(
-        `${pe} - Missing required WebSocket  credentials.`
+        `${_e} - Missing required WebSocket  credentials.`
       );
       return;
     }
-    const I = `Bearer ${b}`, B = (F = `${S}/ws`) == null ? void 0 : F.replace("https://", "wss://"), M = {
-      COMPANY_ID: h.toString(),
+    const H = `Bearer ${b}`, B = (I = `${S}/ws`) == null ? void 0 : I.replace("https://", "wss://"), M = {
+      COMPANY_ID: E.toString(),
       COMPANY_CODE: m.toLowerCase(),
-      LANGUAGE: j,
+      LANGUAGE: k,
       ACC_NAME: ($ = g == null ? void 0 : g.INSTANCE) == null ? void 0 : $.toLowerCase(),
-      TOKEN: I
+      TOKEN: H
     };
     try {
-      const H = await ps(
+      const F = await Ss(
         M,
-        Ts
+        js
       );
-      if (!H || s.current || (r == null ? void 0 : r.current) >= Ie) {
+      if (!F || s.current || (r == null ? void 0 : r.current) >= Ie) {
         console.warn(
-          `${pe} - Skipping WebSocket  connection attempt.`
+          `${_e} - Skipping WebSocket  connection attempt.`
         );
         return;
       }
-      t.current && t.current.close(), k(`${B}?t=${H}`);
-    } catch (H) {
+      t.current && t.current.close(), p(`${B}?t=${F}`);
+    } catch (F) {
       console.error(
-        `${pe} - Failed to encrypt token:`,
-        H
+        `${_e} - Failed to encrypt token:`,
+        F
       );
     }
-  }, v = (b) => (h) => {
+  }, v = (b) => (E) => {
     var m;
     try {
-      if ((h == null ? void 0 : h.data) === "PING")
+      if ((E == null ? void 0 : E.data) === "PING")
         b.send("PONG");
       else {
-        const { DATA: j, EVENT: S } = JSON.parse(h.data || "{}");
-        !C.current && S === "USER_ONLINE_NOTIF" && Array.isArray(j == null ? void 0 : j.EMPLOYEES) && (o((m = j == null ? void 0 : j.EMPLOYEES) == null ? void 0 : m.filter(Boolean)), C.current = !0), S === "TOKEN_EXPIRED" && w({
+        const { DATA: k, EVENT: S } = JSON.parse(E.data || "{}");
+        !C.current && S === "USER_ONLINE_NOTIF" && Array.isArray(k == null ? void 0 : k.EMPLOYEES) && (o((m = k == null ? void 0 : k.EMPLOYEES) == null ? void 0 : m.filter(Boolean)), C.current = !0), S === "TOKEN_EXPIRED" && j({
           onSuccess: () => {
-            _();
+            w();
           }
         });
       }
     } catch {
       console.error(
-        `${pe} - Invalid WebSocket message:`,
-        h.data
+        `${_e} - Invalid WebSocket message:`,
+        E.data
       );
     }
-  }, E = ({ event: b, data: h, module: m = "HELPDESK_CHAT" }) => {
-    var j;
-    (j = t == null ? void 0 : t.current) == null || j.send(
+  }, h = ({ event: b, data: E, module: m = "HELPDESK_CHAT" }) => {
+    var k;
+    (k = t == null ? void 0 : t.current) == null || k.send(
       JSON.stringify({
         EVENT: b,
-        DATA: h,
+        DATA: E,
         MODULE: m
       })
     );
   };
   return X(() => {
-    C.current || _();
+    C.current || w();
   }, []), /* @__PURE__ */ n.jsx(
-    mt.Provider,
+    vt.Provider,
     {
       value: {
         ws: t == null ? void 0 : t.current,
-        onSendMsg: E,
+        onSendMsg: h,
         userOnline: c,
-        connectWebSocket: _,
-        retryCountState: l,
-        setRetryCountState: a,
+        connectWebSocket: w,
+        retryCountState: d,
+        setRetryCountState: i,
         retryCountRef: r,
         isGetResponse: u,
         setGetResponse: f
@@ -3007,12 +3024,12 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       children: e
     }
   );
-}, Mr = () => {
-  var l;
-  const { widgetProps: e } = K(), { listTicket: t, setTicketId: r, loadingListTicket: s } = ve(), { onSendMsg: d, setGetResponse: c } = he(), { xs: o } = Ce.useBreakpoint();
+}, Hr = () => {
+  var d;
+  const { widgetProps: e } = q(), { listTicket: t, setTicketId: r, loadingListTicket: s } = ve(), { onSendMsg: a, setGetResponse: c } = he(), { xs: o } = Ce.useBreakpoint();
   return /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-    /* @__PURE__ */ n.jsx(Dr, {}),
-    s ? /* @__PURE__ */ n.jsx("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: (l = Array.from({ length: 5 })) == null ? void 0 : l.map((a, u) => /* @__PURE__ */ n.jsx(
+    /* @__PURE__ */ n.jsx(Mr, {}),
+    s ? /* @__PURE__ */ n.jsx("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: (d = Array.from({ length: 5 })) == null ? void 0 : d.map((i, u) => /* @__PURE__ */ n.jsx(
       ue.Input,
       {
         style: { height: 80, width: "100%", borderRadius: 8 }
@@ -3025,18 +3042,18 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         ...(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, u) => /* @__PURE__ */ bn(
-          Lr,
+        children: (t == null ? void 0 : t.length) > 0 ? t == null ? void 0 : t.map((i, u) => /* @__PURE__ */ vn(
+          Or,
           {
-            ...a,
+            ...i,
             key: u,
             onClick: () => {
-              c(!0), d({
+              c(!0), a({
                 event: "JOIN_ROOM",
                 data: {
-                  TASK_ID: a == null ? void 0 : a.TASK_ID
+                  TASK_ID: i == null ? void 0 : i.TASK_ID
                 }
-              }), r(a == null ? void 0 : a.TASK_ID);
+              }), r(i == null ? void 0 : i.TASK_ID);
             }
           }
         )) : /* @__PURE__ */ n.jsx(
@@ -3048,22 +3065,22 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
               alignItems: "center",
               flex: 1
             },
-            children: /* @__PURE__ */ n.jsx(Xn, {})
+            children: /* @__PURE__ */ n.jsx(et, {})
           }
         )
       }
     )
   ] });
-}, Fr = R(Mr), Hr = ({ children: e, open: t, onClose: r, footer: s, styleContainer: d }) => {
+}, Ir = R(Hr), $r = ({ children: e, open: t, onClose: r, footer: s, styleContainer: a }) => {
   var g;
-  const [c, o] = D(!1), l = Y(), a = Y(null), u = Y(), f = O(() => t ? "w-fade-in-animate" : "w-fade-out-animate", [t]), x = (C) => {
+  const [c, o] = D(!1), d = K(), i = K(null), u = K(), f = O(() => t ? "w-fade-in-animate" : "w-fade-out-animate", [t]), x = (C) => {
     C.code === "Escape" && !C.shiftKey && !C.altKey && !C.ctrlKey && C.key === "Escape" && (C.stopPropagation(), typeof r == "function" && r());
   };
   return X(() => {
     const C = u.current;
-    return C && (clearTimeout(a.current), a.current = setTimeout(() => {
+    return C && (clearTimeout(i.current), i.current = setTimeout(() => {
       C == null || C.focus();
-    }, 250), C == null || C.addEventListener("keydown", x)), t && o(!1), clearTimeout(l == null ? void 0 : l.current), l.current = setTimeout(() => {
+    }, 250), C == null || C.addEventListener("keydown", x)), t && o(!1), clearTimeout(d == null ? void 0 : d.current), d.current = setTimeout(() => {
       t || o(!0);
     }, 300), () => {
       C && (C == null || C.removeEventListener("keydown", x));
@@ -3077,8 +3094,8 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       style: {
         display: c ? "none" : "block",
         height: "100%",
-        ...((g = Object == null ? void 0 : Object.keys(d || {})) == null ? void 0 : g.length) > 0 && {
-          ...d
+        ...((g = Object == null ? void 0 : Object.keys(a || {})) == null ? void 0 : g.length) > 0 && {
+          ...a
         }
       },
       children: [
@@ -3087,19 +3104,19 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       ]
     }
   );
-}, bt = R(Hr), vt = Te({}), De = () => ye(vt), Ir = ({ children: e }) => {
-  const [t, r] = D([]), [s, d] = D({}), [c, o] = D(!0), [l, a] = D({}), u = Y(!1), f = en(), { ticketId: x } = ve(), { ws: g, setGetResponse: C } = he(), { parsedJWT: y } = K(), w = O(() => {
+}, ht = R($r), Et = Te({}), De = () => ye(Et), Br = ({ children: e }) => {
+  const [t, r] = D([]), [s, a] = D({}), [c, o] = D(!0), [d, i] = D({}), u = K(!1), f = en(), { ticketId: x } = ve(), { ws: g, setGetResponse: C } = he(), { parsedJWT: y } = q(), j = O(() => {
     var S;
-    const b = (s == null ? void 0 : s.CREATED_BY) ?? {}, h = (s == null ? void 0 : s.ASSIGNEE) ?? {}, m = (s == null ? void 0 : s.OTHER_ASSIGNEE) ?? [], j = (S = [b, h, ...m].map((I) => ({
-      ...I
-    }))) == null ? void 0 : S.filter((I) => {
+    const b = (s == null ? void 0 : s.CREATED_BY) ?? {}, E = (s == null ? void 0 : s.ASSIGNEE) ?? {}, m = (s == null ? void 0 : s.OTHER_ASSIGNEE) ?? [], k = (S = [b, E, ...m].map((H) => ({
+      ...H
+    }))) == null ? void 0 : S.filter((H) => {
       var B;
-      return ((B = Object.keys(I || {})) == null ? void 0 : B.length) > 0;
+      return ((B = Object.keys(H || {})) == null ? void 0 : B.length) > 0;
     });
-    return Tn({ ArrObj: j, key: "EMP_ID" });
-  }, [s]), k = () => {
-    var b, h;
-    o(!0), (h = (b = f({
+    return yn({ ArrObj: k, key: "EMP_ID" });
+  }, [s]), p = () => {
+    var b, E;
+    o(!0), (E = (b = f({
       endpoint: "/helpdesk/chat/list",
       method: "POST",
       data: {
@@ -3108,21 +3125,21 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         TASK_ID: x
       }
     })) == null ? void 0 : b.then((m) => {
-      var j, S, I, B, M, L;
-      if (((I = (S = (j = m == null ? void 0 : m.data) == null ? void 0 : j.DATA) == null ? void 0 : S.LIST) == null ? void 0 : I.length) > 0) {
-        const F = (L = (M = (B = m == null ? void 0 : m.data) == null ? void 0 : B.DATA) == null ? void 0 : M.LIST) == null ? void 0 : L.map(($) => ({
+      var k, S, H, B, M, L;
+      if (((H = (S = (k = m == null ? void 0 : m.data) == null ? void 0 : k.DATA) == null ? void 0 : S.LIST) == null ? void 0 : H.length) > 0) {
+        const I = (L = (M = (B = m == null ? void 0 : m.data) == null ? void 0 : B.DATA) == null ? void 0 : M.LIST) == null ? void 0 : L.map(($) => ({
           ...$,
           ACTOR: {
             ...$ == null ? void 0 : $.ACTOR
           }
         }));
-        r(Qe(F));
+        r(Qe(I));
       } else
         r({});
-    })) == null || h.finally(() => {
+    })) == null || E.finally(() => {
       o(!1);
     });
-  }, _ = () => {
+  }, w = () => {
     var b;
     (b = f({
       endpoint: "/helpdesk/myticket/get",
@@ -3130,54 +3147,54 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       data: {
         TASK_ID: x
       }
-    })) == null || b.then((h) => {
-      var m, j, S;
-      if ((m = h == null ? void 0 : h.data) != null && m.DATA) {
-        const I = (S = (j = h == null ? void 0 : h.data) == null ? void 0 : j.DATA) == null ? void 0 : S.LIST;
-        d(I);
+    })) == null || b.then((E) => {
+      var m, k, S;
+      if ((m = E == null ? void 0 : E.data) != null && m.DATA) {
+        const H = (S = (k = E == null ? void 0 : E.data) == null ? void 0 : k.DATA) == null ? void 0 : S.LIST;
+        a(H);
       } else
-        d({});
+        a({});
     });
   }, v = (b) => {
-    var j;
-    const h = (j = b == null ? void 0 : b.ACTOR) == null ? void 0 : j.EMP_ID, m = y == null ? void 0 : y.EMP_ID;
-    C(!0), a((S) => ({
+    var k;
+    const E = (k = b == null ? void 0 : b.ACTOR) == null ? void 0 : k.EMP_ID, m = y == null ? void 0 : y.EMP_ID;
+    C(!0), i((S) => ({
       ...S,
-      [h]: !1
+      [E]: !1
     })), u.current || r((S) => {
-      const I = yn(S), B = h == m ? "to" : "from", M = [...I, { ...b, CHAT_ALIGN: B }];
+      const H = jn(S), B = E == m ? "to" : "from", M = [...H, { ...b, CHAT_ALIGN: B }];
       return Qe(M);
     }), u.current = !1;
-  }, E = (b) => {
+  }, h = (b) => {
     if ((b == null ? void 0 : b.data) !== "PING") {
-      const h = JSON.parse((b == null ? void 0 : b.data) || "{}"), { DATA: m = {}, EVENT: j = "" } = h ?? {};
-      (j === "RECEIVE_MESSAGE" || j === "RECEIVE_ANOTHER_MESSAGE") && v(m);
+      const E = JSON.parse((b == null ? void 0 : b.data) || "{}"), { DATA: m = {}, EVENT: k = "" } = E ?? {};
+      (k === "RECEIVE_MESSAGE" || k === "RECEIVE_ANOTHER_MESSAGE") && v(m);
     }
   };
-  return X(() => (x && (k(), _()), g && x && (g == null || g.addEventListener("message", E)), () => {
-    g && x && (g == null || g.removeEventListener("message", E));
+  return X(() => (x && (p(), w()), g && x && (g == null || g.addEventListener("message", h)), () => {
+    g && x && (g == null || g.removeEventListener("message", h));
   }), [x]), /* @__PURE__ */ n.jsx(
-    vt.Provider,
+    Et.Provider,
     {
       value: {
         chats: t,
         setChats: r,
         detailTicket: s,
-        employees: w,
+        employees: j,
         isFromSelf: u,
         loadingChats: c,
-        objTypingOtherEmp: l,
-        setTypingOtherEmp: a
+        objTypingOtherEmp: d,
+        setTypingOtherEmp: i
       },
       children: e
     }
   );
-}, $r = ({ onClose: e }) => {
-  const { xs: t } = Ce.useBreakpoint(), { employees: r, detailTicket: s, loadingChats: d } = De(), { userOnline: c } = he(), o = O(() => {
-    var a;
-    return (a = r == null ? void 0 : r.map((u) => u == null ? void 0 : u.FULL_NAME)) == null ? void 0 : a.join(", ");
-  }, [r]), l = O(() => t ? "click" : "hover", [t]);
-  return d ? /* @__PURE__ */ n.jsxs("div", { className: "w-ticket-detail-header-container", children: [
+}, Ur = ({ onClose: e }) => {
+  const { xs: t } = Ce.useBreakpoint(), { employees: r, detailTicket: s, loadingChats: a } = De(), { userOnline: c } = he(), o = O(() => {
+    var i;
+    return (i = r == null ? void 0 : r.map((u) => u == null ? void 0 : u.FULL_NAME)) == null ? void 0 : i.join(", ");
+  }, [r]), d = O(() => t ? "click" : "hover", [t]);
+  return a ? /* @__PURE__ */ n.jsxs("div", { className: "w-ticket-detail-header-container", children: [
     /* @__PURE__ */ n.jsx(ue.Avatar, {}),
     /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
       /* @__PURE__ */ n.jsx(ue.Input, {}),
@@ -3200,15 +3217,15 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         Ee.Group,
         {
           maxCount: 2,
-          maxPopoverTrigger: l,
+          maxPopoverTrigger: d,
           maxStyle: {
             color: "#f56a00",
             backgroundColor: "#fde3cf",
             cursor: "pointer"
           },
-          children: r == null ? void 0 : r.map((a, u) => {
-            const f = c == null ? void 0 : c.includes(a == null ? void 0 : a.EMP_ID);
-            return /* @__PURE__ */ n.jsx(Se, { title: a == null ? void 0 : a.FULL_NAME, trigger: l, children: /* @__PURE__ */ bn(
+          children: r == null ? void 0 : r.map((i, u) => {
+            const f = c == null ? void 0 : c.includes(i == null ? void 0 : i.EMP_ID);
+            return /* @__PURE__ */ n.jsx(Se, { title: i == null ? void 0 : i.FULL_NAME, trigger: d, children: /* @__PURE__ */ vn(
               Ee,
               {
                 ...f && {
@@ -3217,9 +3234,9 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
                     borderRadius: "50%"
                   }
                 },
-                src: a == null ? void 0 : a.PHOTO,
+                src: i == null ? void 0 : i.PHOTO,
                 key: u,
-                nameFallback: a == null ? void 0 : a.FULL_NAME
+                nameFallback: i == null ? void 0 : i.FULL_NAME
               }
             ) }, u);
           })
@@ -3230,7 +3247,7 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
           Se,
           {
             title: `${s == null ? void 0 : s.TASK_CODE} - ${s == null ? void 0 : s.SUBJECT}`,
-            trigger: l,
+            trigger: d,
             children: /* @__PURE__ */ n.jsxs(V.Text, { className: "w-ticket-detail-header-text", children: [
               s == null ? void 0 : s.TASK_CODE,
               " - ",
@@ -3238,7 +3255,7 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
             ] })
           }
         ),
-        /* @__PURE__ */ n.jsx(Se, { title: o, trigger: l, children: /* @__PURE__ */ n.jsx(
+        /* @__PURE__ */ n.jsx(Se, { title: o, trigger: d, children: /* @__PURE__ */ n.jsx(
           V.Text,
           {
             type: "secondary",
@@ -3251,9 +3268,9 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         ) })
       ] })
     ] }),
-    /* @__PURE__ */ n.jsx(xt, { taskStatus: s == null ? void 0 : s.STATUS })
+    /* @__PURE__ */ n.jsx(Ct, { taskStatus: s == null ? void 0 : s.STATUS })
   ] });
-}, Br = R($r), Ur = ({ ...e }) => {
+}, Wr = R(Ur), Vr = ({ ...e }) => {
   const t = O(() => (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(
@@ -3273,26 +3290,26 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       }
     )
   ] });
-}, Wr = R(Ur), Vr = ({ ...e }) => {
-  const t = p("Download", "Download"), r = O(() => (e == null ? void 0 : e.CHAT_ALIGN) === "to" ? "client" : "response", [e]), s = O(() => {
-    var a;
-    const l = e == null ? void 0 : e.ATTACHMENT;
-    if (l)
+}, Gr = R(Vr), zr = ({ ...e }) => {
+  const t = _("Download", "Download"), r = O(() => (e == null ? void 0 : e.CHAT_ALIGN) === "to" ? "client" : "response", [e]), s = O(() => {
+    var i;
+    const d = e == null ? void 0 : e.ATTACHMENT;
+    if (d)
       try {
-        const u = new URL(l), f = (a = u == null ? void 0 : u.pathname) == null ? void 0 : a.split("/");
+        const u = new URL(d), f = (i = u == null ? void 0 : u.pathname) == null ? void 0 : i.split("/");
         return f == null ? void 0 : f[(f == null ? void 0 : f.length) - 1];
       } catch {
-        return l;
+        return d;
       }
     return "";
-  }, [e]), d = O(() => {
+  }, [e]), a = O(() => {
     if (s != null && s.includes(".")) {
-      const l = s == null ? void 0 : s.split(".");
-      return `.${l == null ? void 0 : l[(l == null ? void 0 : l.length) - 1]}`;
+      const d = s == null ? void 0 : s.split(".");
+      return `.${d == null ? void 0 : d[(d == null ? void 0 : d.length) - 1]}`;
     }
     return "";
-  }, [e, s]), c = O(() => dn == null ? void 0 : dn.includes(d), [e, d]), o = () => {
-    En({
+  }, [e, s]), c = O(() => dn == null ? void 0 : dn.includes(a), [e, a]), o = () => {
+    Tn({
       downloadURL: e == null ? void 0 : e.ATTACHMENT,
       fileName: s,
       isOpenNewTab: !0
@@ -3304,7 +3321,7 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       className: `w-bubble-chat ${`w-${r}`}`,
       style: { display: "flex", flexDirection: "column" },
       children: [
-        c ? /* @__PURE__ */ n.jsx(wn, { src: e == null ? void 0 : e.ATTACHMENT, fallback: Es }) : /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
+        c ? /* @__PURE__ */ n.jsx(kn, { src: e == null ? void 0 : e.ATTACHMENT, fallback: ys }) : /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
           /* @__PURE__ */ n.jsx(P, { type: "file" }),
           /* @__PURE__ */ n.jsx(
             V.Link,
@@ -3341,7 +3358,7 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       ]
     }
   ) });
-}, Gr = R(Vr), zr = ({ ...e }) => {
+}, Yr = R(zr), Kr = ({ ...e }) => {
   const t = O(() => (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(
@@ -3354,42 +3371,42 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     ),
     /* @__PURE__ */ n.jsx(V.Text, { children: e == null ? void 0 : e.MESSAGE })
   ] });
-}, Yr = R(zr), ht = () => {
-  const { widgetProps: e } = K(), t = _e.enc.Hex.parse(
-    _e.enc.Utf8.parse(e == null ? void 0 : e.keyEncrypt).toString()
+}, qr = R(Kr), Tt = () => {
+  const { widgetProps: e } = q(), t = ke.enc.Hex.parse(
+    ke.enc.Utf8.parse(e == null ? void 0 : e.keyEncrypt).toString()
   ), r = {
-    mode: _e.mode.ECB,
-    padding: _e.pad.Pkcs7
+    mode: ke.mode.ECB,
+    padding: ke.pad.Pkcs7
   }, s = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini|GreatDayHR/i.test(
     navigator.userAgent
-  ), d = (o) => {
+  ), a = (o) => {
     if (typeof o == "number" && (o = o.toString()), !o) return "";
     if (s) return window.encodeURIComponent(o);
-    const l = _e.enc.Utf8.parse(o), a = _e.AES.encrypt(
-      l,
+    const d = ke.enc.Utf8.parse(o), i = ke.AES.encrypt(
+      d,
       t,
       r
     ).toString();
-    return window.encodeURIComponent(`$${a}`);
+    return window.encodeURIComponent(`$${i}`);
   };
   return {
     paramsEncrypt: (o) => {
-      const [l, a = null] = o.split("?"), u = l.split("/").map((f) => {
+      const [d, i = null] = o.split("?"), u = d.split("/").map((f) => {
         const [, x = null] = f.split(":");
-        return x && (e != null && e.keyEncrypt) ? d(x) : f;
+        return x && (e != null && e.keyEncrypt) ? a(x) : f;
       }).join("/");
-      return a ? `${u}?${a}` : u;
+      return i ? `${u}?${i}` : u;
     },
-    encrypt: d
+    encrypt: a
   };
-}, Kr = ({ ...e }) => {
-  const t = p("ViewFAQ", "View FAQ"), r = p(
+}, Jr = ({ ...e }) => {
+  const t = _("ViewFAQ", "View FAQ"), r = _(
     "FAQUnavailable",
     "FAQ unavailable"
-  ), s = p(
+  ), s = _(
     "ThisFAQIsUnavailable",
     "This FAQ is unavailable"
-  ), { paramsEncrypt: d } = ht(), { widgetProps: c } = K(), o = O(() => (e == null ? void 0 : e.CHAT_ALIGN) === "to" ? "client" : "response", [e]), l = O(() => e == null ? void 0 : e.FAQ_ID, [e]);
+  ), { paramsEncrypt: a } = Tt(), { widgetProps: c } = q(), o = O(() => (e == null ? void 0 : e.CHAT_ALIGN) === "to" ? "client" : "response", [e]), d = O(() => 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,
@@ -3402,17 +3419,17 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
           marginBottom: 8,
           display: "block"
         },
-        children: l ? e == null ? void 0 : e.MESSAGE : r
+        children: d ? e == null ? void 0 : e.MESSAGE : r
       }
     ),
-    l ? /* @__PURE__ */ n.jsx(
+    d ? /* @__PURE__ */ n.jsx(
       z,
       {
         block: !0,
         onClick: () => {
-          var a;
-          typeof (c == null ? void 0 : c.history) < "u" && ((a = c == null ? void 0 : c.history) == null || a.push(
-            d(`/standard/hrm.helpdesk.FAQ-detail/:${l}`)
+          var i;
+          typeof (c == null ? void 0 : c.history) < "u" && ((i = c == null ? void 0 : c.history) == null || i.push(
+            a(`/standard/hrm.helpdesk.FAQ-detail/:${d}`)
           ));
         },
         children: t
@@ -3427,53 +3444,53 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       }
     )
   ] });
-}, qr = R(Kr), Jr = ({ ...e }) => {
+}, Qr = R(Jr), Zr = ({ ...e }) => {
   switch (e == null ? void 0 : e.CHAT_TYPE) {
     case "info":
-      return /* @__PURE__ */ n.jsx(Yr, { ...e });
-    case "faq":
       return /* @__PURE__ */ n.jsx(qr, { ...e });
+    case "faq":
+      return /* @__PURE__ */ n.jsx(Qr, { ...e });
     case "chat":
-      return e != null && e.ATTACHMENT ? /* @__PURE__ */ n.jsx(Gr, { ...e }) : /* @__PURE__ */ n.jsx(Wr, { ...e });
+      return e != null && e.ATTACHMENT ? /* @__PURE__ */ n.jsx(Yr, { ...e }) : /* @__PURE__ */ n.jsx(Gr, { ...e });
     default:
       return null;
   }
-}, Qr = R(Jr), Zr = () => {
+}, Xr = R(Zr), Pr = () => {
   var y;
-  const [e, t] = D([]), r = p("And", "and"), s = p("IsTyping", "Is Typing"), d = p("People", "People"), { employees: c, setTypingOtherEmp: o, objTypingOtherEmp: l } = De(), { ws: a, setGetResponse: u } = he(), { parsedJWT: f } = K(), x = O(() => e == null ? void 0 : e.filter((w) => l == null ? void 0 : l[w == null ? void 0 : w.EMP_ID]), [l, e]), g = O(() => {
-    const w = x == null ? void 0 : x.map((k) => k == null ? void 0 : k.FULL_NAME);
+  const [e, t] = D([]), r = _("And", "and"), s = _("IsTyping", "Is Typing"), a = _("People", "People"), { employees: c, setTypingOtherEmp: o, objTypingOtherEmp: d } = De(), { ws: i, setGetResponse: u } = he(), { parsedJWT: f } = q(), x = O(() => e == null ? void 0 : e.filter((j) => d == null ? void 0 : d[j == null ? void 0 : j.EMP_ID]), [d, e]), g = O(() => {
+    const j = x == null ? void 0 : x.map((p) => p == null ? void 0 : p.FULL_NAME);
     if ((x == null ? void 0 : x.length) > 2) {
-      const k = w == null ? void 0 : w.filter((v, E) => E <= 1), _ = w == null ? void 0 : w.filter((v, E) => E > 1);
-      return `${k == null ? void 0 : k.join(", ")}, ${r} ${_ == null ? void 0 : _.length} ${d} ${s}`;
+      const p = j == null ? void 0 : j.filter((v, h) => h <= 1), w = j == null ? void 0 : j.filter((v, h) => h > 1);
+      return `${p == null ? void 0 : p.join(", ")}, ${r} ${w == null ? void 0 : w.length} ${a} ${s}`;
     }
-    return `${w == null ? void 0 : w.join(", ")} ${s}`;
-  }, [e, x]), C = (w) => {
-    if ((w == null ? void 0 : w.data) !== "PING") {
-      const k = JSON.parse((w == null ? void 0 : w.data) || "{}"), { DATA: _ = {}, EVENT: v = "" } = k ?? {}, E = _ == null ? void 0 : _.EMPLOYEE_ID, b = f == null ? void 0 : f.EMP_ID;
+    return `${j == null ? void 0 : j.join(", ")} ${s}`;
+  }, [e, x]), C = (j) => {
+    if ((j == null ? void 0 : j.data) !== "PING") {
+      const p = JSON.parse((j == null ? void 0 : j.data) || "{}"), { DATA: w = {}, EVENT: v = "" } = p ?? {}, h = w == null ? void 0 : w.EMPLOYEE_ID, b = f == null ? void 0 : f.EMP_ID;
       if (v === "TYPING") {
-        E === b ? u(!1) : o((j) => ({
-          ...j,
-          [E]: _ == null ? void 0 : _.IS_TYPING
+        h === b ? u(!1) : o((k) => ({
+          ...k,
+          [h]: w == null ? void 0 : w.IS_TYPING
         }));
-        const h = c == null ? void 0 : c.find(
-          (j) => (j == null ? void 0 : j.EMP_ID) === (_ == null ? void 0 : _.EMPLOYEE_ID)
+        const E = c == null ? void 0 : c.find(
+          (k) => (k == null ? void 0 : k.EMP_ID) === (w == null ? void 0 : w.EMPLOYEE_ID)
         ), m = {
-          ..._,
-          ...h
+          ...w,
+          ...E
         };
-        t((j) => {
-          const S = [...j, m], I = Tn({
+        t((k) => {
+          const S = [...k, m], H = yn({
             ArrObj: S,
             key: "EMPLOYEE_ID"
           });
-          return I == null ? void 0 : I.filter((B) => B == null ? void 0 : B.IS_TYPING);
+          return H == null ? void 0 : H.filter((B) => B == null ? void 0 : B.IS_TYPING);
         });
       }
     }
   };
-  return X(() => (a && (a == null || a.addEventListener("message", C)), () => {
-    a && (a == null || a.removeEventListener("message", C));
-  }), [c]), (y = Object.values(l || {})) != null && y.every((w) => w === !1) ? null : /* @__PURE__ */ n.jsxs(
+  return X(() => (i && (i == null || i.addEventListener("message", C)), () => {
+    i && (i == null || i.removeEventListener("message", C));
+  }), [c]), (y = Object.values(d || {})) != null && y.every((j) => j === !1) ? null : /* @__PURE__ */ n.jsxs(
     "div",
     {
       style: {
@@ -3492,17 +3509,17 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
               backgroundColor: "#fde3cf",
               cursor: "pointer"
             },
-            children: x == null ? void 0 : x.map((w, k) => /* @__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 }) }, k))
+            children: x == null ? void 0 : x.map((j, p) => /* @__PURE__ */ n.jsx(Se, { title: j == null ? void 0 : j.FULL_NAME, children: /* @__PURE__ */ n.jsx(Ee, { src: j == null ? void 0 : j.PHOTO, nameFallback: j == null ? void 0 : j.FULL_NAME }) }, p))
           }
         ),
         /* @__PURE__ */ n.jsx(V.Text, { children: g }),
-        (x == null ? void 0 : x.length) > 0 ? /* @__PURE__ */ n.jsx(ft, {}) : null
+        (x == null ? void 0 : x.length) > 0 ? /* @__PURE__ */ n.jsx(gt, {}) : null
       ]
     }
   );
-}, Xr = R(Zr), Pr = () => {
+}, eo = R(Pr), no = () => {
   var c;
-  const { chats: e } = De(), { widgetProps: t } = K(), { activeTab: r } = be(), s = Y(), { xs: d } = Ce.useBreakpoint();
+  const { chats: e } = De(), { widgetProps: t } = q(), { activeTab: r } = be(), s = K(), { xs: a } = Ce.useBreakpoint();
   return X(() => {
     clearTimeout(s.current), s.current = setTimeout(() => {
       me(".w-ticket-detail-content-container");
@@ -3510,48 +3527,48 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
   }, [r]), /* @__PURE__ */ n.jsxs(
     "div",
     {
-      className: `w-ticket-detail-content-container ${d ? t != null && t.isSF ? "w-ticket-detail-content-container-sf-mobile" : "w-ticket-detail-content-container-mobile" : ""} `,
+      className: `w-ticket-detail-content-container ${a ? t != null && t.isSF ? "w-ticket-detail-content-container-sf-mobile" : "w-ticket-detail-content-container-mobile" : ""} `,
       children: [
         (c = Object.keys(e || {})) == null ? void 0 : c.map((o) => {
-          var a, u;
-          const l = e == null ? void 0 : e[o];
-          return /* @__PURE__ */ n.jsxs(gn, { children: [
-            /* @__PURE__ */ n.jsx("div", { className: "w-datekey-chats", children: (a = ae(o)) == null ? void 0 : a.format("ddd, DD MMMM YYYY") }),
-            /* @__PURE__ */ n.jsx("div", { className: "w-bubble-chat-container", children: (u = rt(l)) == null ? void 0 : u.map((f, x) => {
-              var y, w;
+          var i, u;
+          const d = e == null ? void 0 : e[o];
+          return /* @__PURE__ */ n.jsxs(Cn, { children: [
+            /* @__PURE__ */ n.jsx("div", { className: "w-datekey-chats", children: (i = ae(o)) == null ? void 0 : i.format("ddd, DD MMMM YYYY") }),
+            /* @__PURE__ */ n.jsx("div", { className: "w-bubble-chat-container", children: (u = ct(d)) == null ? void 0 : u.map((f, x) => {
+              var y, j;
               const g = (f == null ? void 0 : f.CHAT_ALIGN) === "to" ? "client" : "response", C = f == null ? void 0 : f.CHAT_TYPE;
-              return /* @__PURE__ */ n.jsxs(gn, { children: [
+              return /* @__PURE__ */ n.jsxs(Cn, { children: [
                 g === "response" && C !== "info" && /* @__PURE__ */ n.jsx(
                   Ue,
                   {
                     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
+                    name: (j = f == null ? void 0 : f.ACTOR) == null ? void 0 : j.FULL_NAME
                   }
                 ),
-                /* @__PURE__ */ n.jsx(Qr, { ...f })
+                /* @__PURE__ */ n.jsx(Xr, { ...f })
               ] }, x);
             }) })
           ] }, o);
         }),
-        /* @__PURE__ */ n.jsx(Xr, {})
+        /* @__PURE__ */ n.jsx(eo, {})
       ]
     }
   );
-}, eo = R(Pr), no = () => {
+}, to = R(no), so = () => {
   var c, o;
-  const { chats: e, loadingChats: t } = De(), { widgetProps: r } = K(), { xs: s } = Ce.useBreakpoint(), d = O(() => {
-    var a;
-    const l = [fn];
-    return s && (r != null && r.isSF ? l == null || l.push(
+  const { chats: e, loadingChats: t } = De(), { widgetProps: r } = q(), { xs: s } = Ce.useBreakpoint(), a = O(() => {
+    var i;
+    const d = [fn];
+    return s && (r != null && r.isSF ? d == null || d.push(
       `${fn}-sf-mobile`
-    ) : l == null || l.push(`${fn}-mobile`)), (a = l == null ? void 0 : l.filter(Boolean)) == null ? void 0 : a.join(" ");
+    ) : d == null || d.push(`${fn}-mobile`)), (i = d == null ? void 0 : d.filter(Boolean)) == null ? void 0 : i.join(" ");
   }, [s, r == null ? void 0 : r.isSF]);
   return t ? /* @__PURE__ */ n.jsx(
     "div",
     {
-      className: `${d} w-ticket-detail-loading-chats`,
-      children: (c = Array.from({ length: 3 })) == null ? void 0 : c.map((l, a) => {
-        const u = a % 2 === 0;
+      className: `${a} w-ticket-detail-loading-chats`,
+      children: (c = Array.from({ length: 3 })) == null ? void 0 : c.map((d, i) => {
+        const u = i % 2 === 0;
         return /* @__PURE__ */ n.jsxs(
           "div",
           {
@@ -3586,24 +3603,24 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
               )
             ]
           },
-          a
+          i
         );
       })
     }
   ) : ((o = Object.keys(e || {})) == null ? void 0 : o.length) === 0 ? /* @__PURE__ */ n.jsx(
     "div",
     {
-      className: d,
+      className: a,
       style: {
         display: "flex",
         justifyContent: "center",
         alignItems: "center"
       },
-      children: /* @__PURE__ */ n.jsx(Xn, {})
+      children: /* @__PURE__ */ n.jsx(et, {})
     }
-  ) : /* @__PURE__ */ n.jsx(eo, {});
-}, to = R(no), so = ({ ...e }) => {
-  const t = Y(0);
+  ) : /* @__PURE__ */ n.jsx(to, {});
+}, ro = R(so), oo = ({ ...e }) => {
+  const t = K(0);
   return /* @__PURE__ */ n.jsxs(
     "div",
     {
@@ -3613,7 +3630,7 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       },
       children: [
         /* @__PURE__ */ n.jsx(
-          wn,
+          kn,
           {
             nameFallback: e == null ? void 0 : e.FULL_NAME,
             src: e == null ? void 0 : e.PHOTO,
@@ -3623,7 +3640,7 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
             preview: !1,
             loading: "lazy",
             onError: (r) => {
-              t.current += 1, (t == null ? void 0 : t.current) < 3 ? r.target.src = ot(e == null ? void 0 : e.PHOTO) : r.target.src = jn(e == null ? void 0 : e.FULL_NAME);
+              t.current += 1, (t == null ? void 0 : t.current) < 3 ? r.target.src = it(e == null ? void 0 : e.PHOTO) : r.target.src = wn(e == null ? void 0 : e.FULL_NAME);
             }
           }
         ),
@@ -3636,17 +3653,17 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       ]
     }
   );
-}, ro = R(so), oo = ({ setLoadingUpload: e, isLoadingUpload: t }) => {
-  var _, v;
-  const r = en(), [s, d] = D({}), c = Y(null), o = p(
+}, co = R(oo), io = ({ setLoadingUpload: e, isLoadingUpload: t }) => {
+  var w, v;
+  const r = en(), [s, a] = D({}), c = K(null), o = _(
     "ImageMustSmallerThan",
     "Image must smaller than"
-  ), l = p(
+  ), d = _(
     "MaximumFileSizeExceeded",
     "Maximum file size exceeded"
-  ), { onSendMsg: a } = he(), { employees: u, setChats: f, isFromSelf: x } = De(), { ticketId: g } = ve(), { activeTab: C } = be(), y = () => {
-    var E;
-    (E = r({
+  ), { onSendMsg: i } = he(), { employees: u, setChats: f, isFromSelf: x } = De(), { ticketId: g } = ve(), { activeTab: C } = be(), y = () => {
+    var h;
+    (h = r({
       endpoint: "/upload/get-upload-config",
       data: {
         LIMIT: 1,
@@ -3655,57 +3672,57 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
           UPLOAD_CODE: "helpdesk"
         }
       }
-    })) == null || E.then((b) => {
-      var m, j;
-      const h = (j = (m = b == null ? void 0 : b.data) == null ? void 0 : m.DATA) == null ? void 0 : j.LIST;
-      (h == null ? void 0 : h.length) > 0 && d(h == null ? void 0 : h[0]);
+    })) == null || h.then((b) => {
+      var m, k;
+      const E = (k = (m = b == null ? void 0 : b.data) == null ? void 0 : m.DATA) == null ? void 0 : k.LIST;
+      (E == null ? void 0 : E.length) > 0 && a(E == null ? void 0 : E[0]);
     });
-  }, w = (E) => {
-    var m, j, S;
-    const b = E.size / 1024 / 1024, h = (s == null ? void 0 : s.MAXFILESIZE) / 1024;
-    return b > h && ((m = ie) == null || m.destroy(), (j = ie) == null || j.config({
+  }, j = (h) => {
+    var m, k, S;
+    const b = h.size / 1024 / 1024, E = (s == null ? void 0 : s.MAXFILESIZE) / 1024;
+    return b > E && ((m = ie) == null || m.destroy(), (k = ie) == null || k.config({
       getContainer: () => document.querySelector(".w-widget-content-container"),
       top: 28,
       placement: "top"
     }), (S = ie) == null || S.error({
-      message: l,
-      description: `${o} ${h == null ? void 0 : h.toFixed(
+      message: d,
+      description: `${o} ${E == null ? void 0 : E.toFixed(
         1
       )} MB!`,
       className: "w-notification-content",
       duration: 3
     })), !1;
-  }, k = (E) => {
-    var h, m;
+  }, p = (h) => {
+    var E, m;
     e(!0);
     const b = new FormData();
-    b.append("UPLOAD_CODE", s == null ? void 0 : s.UPLOAD_CODE), b.append("UPLOAD_TYPE", s == null ? void 0 : s.UPLOAD_TYPE), b.append("FILE", E), (m = (h = r({
+    b.append("UPLOAD_CODE", s == null ? void 0 : s.UPLOAD_CODE), b.append("UPLOAD_TYPE", s == null ? void 0 : s.UPLOAD_TYPE), b.append("FILE", h), (m = (E = r({
       endpoint: "/upload/temp",
       data: b,
       headers: {
         "Content-Type": "multipart/form-data"
       }
-    })) == null ? void 0 : h.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,
+    })) == null ? void 0 : E.then((k) => {
+      var S, H, B, M, L;
+      if ((H = (S = k == null ? void 0 : k.data) == null ? void 0 : S.DATA) != null && H.LIST) {
+        const I = (M = (B = k == null ? void 0 : k.data) == null ? void 0 : B.DATA) == null ? void 0 : M.LIST, $ = {
+          ATTACHMENT: I == null ? void 0 : I.VIEW_PATH,
           FAQ_ID: null,
           MESSAGE: "",
-          CREATED_DATE: (L = ae()) == null ? void 0 : L.format(`${hn} HH:mm:ss`),
+          CREATED_DATE: (L = ae()) == null ? void 0 : L.format(`${En} HH:mm:ss`),
           CHAT_ALIGN: "to",
           CHAT_TYPE: "chat"
         };
-        f((H) => {
-          const Z = [...yn(H), $];
-          return Qe(Z);
-        }), x.current = !0, a({
+        f((F) => {
+          const J = [...jn(F), $];
+          return Qe(J);
+        }), x.current = !0, i({
           event: "SEND_MESSAGE",
           data: {
-            ATTACHMENT: F == null ? void 0 : F.TEMP_PATH,
+            ATTACHMENT: I == null ? void 0 : I.TEMP_PATH,
             FAQ_ID: null,
             MESSAGE: "",
-            EMPLOYEES: u == null ? void 0 : u.map((H) => H == null ? void 0 : H.EMP_ID),
+            EMPLOYEES: u == null ? void 0 : u.map((F) => F == null ? void 0 : F.EMP_ID),
             TASK_ID: g
           }
         }), clearTimeout(c.current), c.current = setTimeout(() => {
@@ -3719,16 +3736,16 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
   return X(() => {
     y();
   }, []), X(() => {
-    var E;
-    (E = ie) == null || E.destroy();
+    var h;
+    (h = ie) == null || h.destroy();
   }, [C]), /* @__PURE__ */ n.jsx(
-    Zn,
+    Pn,
     {
-      beforeUpload: w,
+      beforeUpload: j,
       fileList: [],
-      accept: (v = (_ = s == null ? void 0 : s.EXT_LIST) == null ? void 0 : _.split(",")) == null ? void 0 : v.map((E) => `.${E}`),
-      onChange: (E) => {
-        k(E == null ? void 0 : E.file);
+      accept: (v = (w = s == null ? void 0 : s.EXT_LIST) == null ? void 0 : w.split(",")) == null ? void 0 : v.map((h) => `.${h}`),
+      onChange: (h) => {
+        p(h == null ? void 0 : h.file);
       },
       children: /* @__PURE__ */ n.jsx(
         z,
@@ -3741,48 +3758,48 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       )
     }
   );
-}, co = R(oo), io = (e) => {
+}, lo = R(io), ao = (e) => {
   var s;
-  const t = Y(null), r = Y(null);
+  const t = K(null), r = K(null);
   return r != null && r.current && ((s = r.current) == null || s.update(e)), X(() => {
     var c;
-    const d = (c = window == null ? void 0 : window.customElements) == null ? void 0 : c.get("em-emoji-picker");
-    return r.current = new (d || cs)({ ...e, ref: t }), () => {
+    const a = (c = window == null ? void 0 : window.customElements) == null ? void 0 : c.get("em-emoji-picker");
+    return r.current = new (a || ls)({ ...e, ref: t }), () => {
       r.current = null;
     };
-  }, []), mn.createElement("div", { ref: t });
-}, lo = ({ refInput: e }) => {
+  }, []), bn.createElement("div", { ref: t });
+}, uo = ({ refInput: e }) => {
   const { xs: t } = Ce.useBreakpoint(), r = O(() => t ? "click" : "hover", [t]), s = () => {
     var g;
     const c = (g = e == null ? void 0 : e.current) == null ? void 0 : g.textarea;
     if (!c)
       return !1;
-    const { selectionStart: o, selectionEnd: l, value: a } = c, u = a == null ? void 0 : a.substring(0, o), f = a == null ? void 0 : a.substring(o, l), x = a == null ? void 0 : a.substring(l);
+    const { selectionStart: o, selectionEnd: d, value: i } = c, u = i == null ? void 0 : i.substring(0, o), f = i == null ? void 0 : i.substring(o, d), x = i == null ? void 0 : i.substring(d);
     return {
       before: u,
       selectedText: f,
       after: x,
       selectionStart: o,
-      selectionEnd: l,
-      text: a
+      selectionEnd: d,
+      text: i
     };
-  }, d = (c) => {
+  }, a = (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, l = c == null ? void 0 : c.native;
+    const o = (g = e == null ? void 0 : e.current) == null ? void 0 : g.textarea, d = c == null ? void 0 : c.native;
     if (!o) return;
-    const { before: a, after: u } = s(), f = `${a}${l}${u}`;
-    typeof document.execCommand == "function" ? document.execCommand("insertText", !1, l) : o.value = f;
+    const { before: i, after: u } = s(), f = `${i}${d}${u}`;
+    typeof document.execCommand == "function" ? document.execCommand("insertText", !1, d) : o.value = f;
   };
   return /* @__PURE__ */ n.jsx(
-    vn,
+    hn,
     {
       trigger: r,
       content: /* @__PURE__ */ n.jsx(
-        io,
+        ao,
         {
           onEmojiSelect: (c) => {
-            d(c);
+            a(c);
           },
           theme: "auto"
         }
@@ -3790,26 +3807,26 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       children: /* @__PURE__ */ n.jsx(z, { icon: /* @__PURE__ */ n.jsx(P, { type: "smile" }), style: { border: "none" } })
     }
   );
-}, ao = R(lo), uo = () => {
-  const [e, t] = D(0), [r, s] = D(!1), d = Y(null), c = Y(null), o = Y(!1), l = Y(null), { onSendMsg: a, setGetResponse: u, isGetResponse: f } = he(), { ticketId: x } = ve(), { isActiveTabVA: g } = be(), { employees: C, setChats: y, isFromSelf: w, detailTicket: k } = De(), _ = O(() => r || !f, [r, f]), v = O(() => {
+}, fo = R(uo), xo = () => {
+  const [e, t] = D(0), [r, s] = D(!1), a = K(null), c = K(null), o = K(!1), d = K(null), { onSendMsg: i, setGetResponse: u, isGetResponse: f } = he(), { ticketId: x } = ve(), { isActiveTabVA: g } = be(), { employees: C, setChats: y, isFromSelf: j, detailTicket: p } = De(), w = O(() => r || !f, [r, f]), v = O(() => {
     var m;
-    return ((m = k == null ? void 0 : k.STATUS) == null ? void 0 : m.toString().toLowerCase()) === "closed";
-  }, [k == null ? void 0 : k.STATUS]), E = O(() => C == null ? void 0 : C.map((m) => ({
+    return ((m = p == null ? void 0 : p.STATUS) == null ? void 0 : m.toString().toLowerCase()) === "closed";
+  }, [p == null ? void 0 : p.STATUS]), h = O(() => C == null ? void 0 : C.map((m) => ({
     ...m,
     label: /* @__PURE__ */ n.jsx(
-      vn,
+      hn,
       {
         placement: "left",
-        content: /* @__PURE__ */ n.jsx(ro, { ...m }),
+        content: /* @__PURE__ */ n.jsx(co, { ...m }),
         children: /* @__PURE__ */ n.jsx("div", { children: /* @__PURE__ */ n.jsx(Ue, { src: m == null ? void 0 : m.PHOTO, name: m == null ? void 0 : m.FULL_NAME }) })
       }
     ),
     value: m == null ? void 0 : m.FULL_NAME
   })), [C]), b = () => {
-    var S, I, B;
+    var S, H, B;
     u(!1);
-    const m = (I = (S = d == null ? void 0 : d.current) == null ? void 0 : S.textarea) == null ? void 0 : I.value;
-    a({
+    const m = (H = (S = a == null ? void 0 : a.current) == null ? void 0 : S.textarea) == null ? void 0 : H.value;
+    i({
       event: "SEND_MESSAGE",
       data: {
         ATTACHMENT: "",
@@ -3819,27 +3836,27 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         TASK_ID: x
       }
     });
-    const j = {
+    const k = {
       ATTACHMENT: "",
       FAQ_ID: null,
       MESSAGE: m,
-      CREATED_DATE: (B = ae()) == null ? void 0 : B.format(`${hn} HH:mm:ss`),
+      CREATED_DATE: (B = ae()) == null ? void 0 : B.format(`${En} HH:mm:ss`),
       CHAT_ALIGN: "to",
       CHAT_TYPE: "chat"
     };
     y((M) => {
-      const F = [...yn(M), j];
-      return Qe(F);
-    }), w.current = !0, me(".w-ticket-detail-content-container"), t((M) => M + 1);
-  }, h = () => {
-    window.clearTimeout(c.current), o.current || (o.current = !0, a({
+      const I = [...jn(M), k];
+      return Qe(I);
+    }), j.current = !0, me(".w-ticket-detail-content-container"), t((M) => M + 1);
+  }, E = () => {
+    window.clearTimeout(c.current), o.current || (o.current = !0, i({
       event: "TYPING",
       data: {
         TASK_ID: x,
         IS_TYPING: !0
       }
     })), c.current = setTimeout(() => {
-      a({
+      i({
         event: "TYPING",
         data: {
           TASK_ID: x,
@@ -3849,9 +3866,9 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     }, 250);
   };
   return X(() => {
-    d != null && d.current && !g && x && (clearTimeout(l.current), l.current = setTimeout(() => {
+    a != null && a.current && !g && x && (clearTimeout(d.current), d.current = setTimeout(() => {
       var m;
-      (m = d == null ? void 0 : d.current) == null || m.focus();
+      (m = a == null ? void 0 : a.current) == null || m.focus();
     }, 500));
   }, [g, x]), v ? null : /* @__PURE__ */ n.jsxs(
     "div",
@@ -3861,51 +3878,51 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         margin: 0
       },
       children: [
-        /* @__PURE__ */ n.jsx(ao, { refInput: d }),
+        /* @__PURE__ */ n.jsx(fo, { refInput: a }),
         /* @__PURE__ */ n.jsx(
-          co,
+          lo,
           {
             setLoadingUpload: s,
             isLoadingUpload: r
           }
         ),
         /* @__PURE__ */ n.jsx(
-          Un,
+          Wn,
           {
             autoSize: {
               maxRows: 3
             },
-            ref: d,
+            ref: a,
             className: "w-input-helpdesk",
             placeholder: "Type a message...",
             onChange: () => {
-              h();
+              E();
             },
             onKeyDown: (m) => {
               ((m == null ? void 0 : m.code) === "Enter" || (m == null ? void 0 : m.key) === "Enter") && !(m != null && m.shiftKey) && b();
             },
-            filterOption: (m, j) => {
+            filterOption: (m, k) => {
               var B, M, L;
-              const S = (B = m == null ? void 0 : m.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);
+              const S = (B = m == null ? void 0 : m.toString()) == null ? void 0 : B.toLowerCase(), H = (L = (M = k == null ? void 0 : k.FULL_NAME) == null ? void 0 : M.toString()) == null ? void 0 : L.toLowerCase();
+              return H == null ? void 0 : H.includes(S);
             },
-            children: E == null ? void 0 : E.map((m, j) => /* @__PURE__ */ n.jsx(Un.Option, { ...m, children: m == null ? void 0 : m.label }, j))
+            children: h == null ? void 0 : h.map((m, k) => /* @__PURE__ */ n.jsx(Wn.Option, { ...m, children: m == null ? void 0 : m.label }, k))
           },
           e
         ),
         /* @__PURE__ */ n.jsx(
           z,
           {
-            loading: _,
-            disabled: _,
+            loading: w,
+            disabled: w,
             className: "w-send-btn",
             style: {
               backgroundColor: "var(--primary-color, #395ebc)",
-              ..._ && {
+              ...w && {
                 color: "white"
               }
             },
-            icon: /* @__PURE__ */ n.jsx(P, { type: _ ? "loading" : "send" }),
+            icon: /* @__PURE__ */ n.jsx(P, { type: w ? "loading" : "send" }),
             shape: "circle",
             onClick: b
           }
@@ -3913,14 +3930,14 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       ]
     }
   );
-}, fo = R(uo), xo = ({ title: e, subTitle: t, onClose: r, open: s, styleWrapper: d }) => {
+}, go = R(xo), Co = ({ title: e, subTitle: t, onClose: r, open: s, styleWrapper: a }) => {
   var c;
   return s ? /* @__PURE__ */ n.jsx(
     "div",
     {
       className: "w-banner-container",
-      ...((c = Object.keys(d || {})) == null ? void 0 : c.length) > 0 && {
-        style: d
+      ...((c = Object.keys(a || {})) == null ? void 0 : c.length) > 0 && {
+        style: a
       },
       children: /* @__PURE__ */ n.jsxs("div", { className: "w-banner-content", children: [
         e && /* @__PURE__ */ n.jsx(V.Text, { style: { fontSize: 16, fontWeight: 600 }, children: e }),
@@ -3936,13 +3953,13 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       ] })
     }
   ) : null;
-}, Et = R(xo), go = () => {
-  const e = p(
+}, yt = R(Co), mo = () => {
+  const e = _(
     "ForMoreInformationOfThisTicket",
     "For more information of this ticket"
-  ), t = p("ClickHere", "Click here"), { ticketId: r } = ve(), { widgetProps: s } = K(), { encrypt: d } = ht();
+  ), t = _("ClickHere", "Click here"), { ticketId: r } = ve(), { widgetProps: s } = q(), { encrypt: a } = Tt();
   return /* @__PURE__ */ n.jsx(
-    Et,
+    yt,
     {
       subTitle: /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
         /* @__PURE__ */ n.jsx(V.Text, { children: e }),
@@ -3952,7 +3969,7 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
             strong: !0,
             className: "w-reconnect-manual",
             onClick: () => {
-              const c = d(r);
+              const c = a(r);
               s != null && s.history && (s == null || s.history.push(
                 `/standard/hrm.helpdesk.my-ticket.ticket-details?id=${c}`
               ));
@@ -3967,27 +3984,27 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       }
     }
   );
-}, Co = R(go), mo = ({ onClose: e, visible: t }) => /* @__PURE__ */ n.jsx(bt, { open: t, onClose: e, children: /* @__PURE__ */ n.jsxs(Ir, { children: [
-  /* @__PURE__ */ n.jsx(Br, { onClose: e }),
-  /* @__PURE__ */ n.jsx(Co, {}),
-  /* @__PURE__ */ n.jsx(to, {}),
-  /* @__PURE__ */ n.jsx(fo, {})
-] }) }), bo = R(mo), vo = () => {
-  const e = p("AdvanceFilter", "Advance Filter"), t = p("Subject", "Subject"), r = p(
+}, bo = R(mo), vo = ({ onClose: e, visible: t }) => /* @__PURE__ */ n.jsx(ht, { open: t, onClose: e, children: /* @__PURE__ */ n.jsxs(Br, { children: [
+  /* @__PURE__ */ n.jsx(Wr, { onClose: e }),
+  /* @__PURE__ */ n.jsx(bo, {}),
+  /* @__PURE__ */ n.jsx(ro, {}),
+  /* @__PURE__ */ n.jsx(go, {})
+] }) }), ho = R(vo), Eo = () => {
+  const e = _("AdvanceFilter", "Advance Filter"), t = _("Subject", "Subject"), r = _(
     "TicketCategory",
     "Ticket Category"
-  ), s = p("TicketStatus", "Ticket Status"), d = p("CreatedDate", "Created Date"), c = p("New", "New"), o = p("Open", "Open"), l = p("Reopen", "Reopen"), a = p("InProgress", "In Progress"), u = p("Responded", "Responded"), f = p("Fixed", "Fixed"), x = p("Done", "Done"), g = p("Closed", "Closed"), C = p("HDCancelled", "Cancelled"), y = p("Clear", "Clear"), w = p("Filter", "Filter"), k = en(), [_] = oe.useForm(), { openFilter: v, setOpenFilter: E, getListTicket: b, setCountFilters: h } = ve(), [m, j] = D([]), S = O(() => {
-    const M = `${c}/${o}/${l}`, L = `${a}/${u}`, F = `${f}/${x}`;
+  ), s = _("TicketStatus", "Ticket Status"), a = _("CreatedDate", "Created Date"), c = _("New", "New"), o = _("Open", "Open"), d = _("Reopen", "Reopen"), i = _("InProgress", "In Progress"), u = _("Responded", "Responded"), f = _("Fixed", "Fixed"), x = _("Done", "Done"), g = _("Closed", "Closed"), C = _("HDCancelled", "Cancelled"), y = _("Clear", "Clear"), j = _("Filter", "Filter"), p = en(), [w] = oe.useForm(), { openFilter: v, setOpenFilter: h, getListTicket: b, setCountFilters: E } = ve(), [m, k] = D([]), S = O(() => {
+    const M = `${c}/${o}/${d}`, L = `${i}/${u}`, I = `${f}/${x}`;
     return [
       { value: 3, label: M },
       { value: 1, label: L },
-      { value: 4, label: F },
+      { value: 4, label: I },
       { value: 6, label: g },
       { value: 8, label: C }
     ];
-  }, []), I = () => {
+  }, []), H = () => {
     var M;
-    (M = k({
+    (M = p({
       endpoint: "/helpdesk/category/list",
       data: {
         LIMIT: 999999,
@@ -3996,40 +4013,40 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         SORT: { FIELD: "ORDER_NO", ORDER: "ASC" }
       }
     })) == null || M.then((L) => {
-      var F, $, H;
-      if ((F = L == null ? void 0 : L.data) != null && F.DATA) {
-        const G = (H = ($ = L == null ? void 0 : L.data) == null ? void 0 : $.DATA) == null ? void 0 : H.LIST;
-        j(
-          G == null ? void 0 : G.map((Z) => ({
-            label: Z == null ? void 0 : Z.CATEGORY_NAME,
-            value: Z == null ? void 0 : Z.CATEGORY_CODE
+      var I, $, F;
+      if ((I = L == null ? void 0 : L.data) != null && I.DATA) {
+        const G = (F = ($ = L == null ? void 0 : L.data) == null ? void 0 : $.DATA) == null ? void 0 : F.LIST;
+        k(
+          G == null ? void 0 : G.map((J) => ({
+            label: J == null ? void 0 : J.CATEGORY_NAME,
+            value: J == null ? void 0 : J.CATEGORY_CODE
           }))
         );
       }
     });
   }, B = () => {
-    var F, $;
-    const M = _ == null ? void 0 : _.getFieldsValue(!0);
+    var I, $;
+    const M = w == null ? void 0 : w.getFieldsValue(!0);
     b(M);
-    const L = ($ = (F = Object.values(M || {})) == null ? void 0 : F.flat()) == null ? void 0 : $.filter(Boolean);
-    h(L == null ? void 0 : L.length);
+    const L = ($ = (I = Object.values(M || {})) == null ? void 0 : I.flat()) == null ? void 0 : $.filter(Boolean);
+    E(L == null ? void 0 : L.length);
   };
   return X(() => {
-    I();
+    H();
   }, []), /* @__PURE__ */ n.jsxs(
-    bt,
+    ht,
     {
       styleContainer: { height: "calc(100% - 50px)" },
       open: v,
       onClose: () => {
-        E(!1);
+        h(!1);
       },
       footer: /* @__PURE__ */ n.jsxs("div", { className: "w-ticket-list-advance-filter-footer", children: [
         /* @__PURE__ */ n.jsx(
           z,
           {
             onClick: () => {
-              _ == null || _.resetFields(), B();
+              w == null || w.resetFields(), B();
             },
             children: y
           },
@@ -4040,37 +4057,48 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
           {
             type: "primary",
             onClick: () => {
-              B(), E(!1);
+              B(), h(!1);
             },
-            children: w
+            children: j
           },
           "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: _, layout: "vertical", children: [
+        /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", gap: 8, justifyContent: "space-between" }, children: [
+          /* @__PURE__ */ n.jsx(V.Text, { strong: !0, style: { fontSize: 16 }, children: e }),
+          /* @__PURE__ */ n.jsx(
+            z,
+            {
+              icon: /* @__PURE__ */ n.jsx(P, { type: "close" }),
+              onClick: () => {
+                h(!1);
+              }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ n.jsx("div", { className: "w-ticket-list-advance-filter-form-container", children: /* @__PURE__ */ n.jsxs(oe, { form: w, 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: r, name: "CATEGORY_CODE", children: /* @__PURE__ */ n.jsx(Wn, { options: m, mode: "multiple", allowClear: !0 }) }),
-          /* @__PURE__ */ n.jsx(oe.Item, { label: s, name: "TASK_STATUS", children: /* @__PURE__ */ n.jsx(Wn, { options: S, mode: "multiple", allowClear: !0 }) }),
-          /* @__PURE__ */ n.jsx(oe.Item, { label: d, name: "CREATED_DATE", children: /* @__PURE__ */ n.jsx(Xt, { style: { width: "100%" }, allowClear: !0 }) })
+          /* @__PURE__ */ n.jsx(oe.Item, { label: r, name: "CATEGORY_CODE", children: /* @__PURE__ */ n.jsx(Vn, { options: m, mode: "multiple", allowClear: !0 }) }),
+          /* @__PURE__ */ n.jsx(oe.Item, { label: s, name: "TASK_STATUS", children: /* @__PURE__ */ n.jsx(Vn, { options: S, mode: "multiple", allowClear: !0 }) }),
+          /* @__PURE__ */ n.jsx(oe.Item, { label: a, name: "CREATED_DATE", children: /* @__PURE__ */ n.jsx(es, { style: { width: "100%" }, allowClear: !0 }) })
         ] }) })
       ]
     }
   );
-}, ho = R(vo), Eo = () => {
-  const e = p(
+}, To = R(Eo), yo = () => {
+  const e = _(
     "ReconnectManually",
     "Reconnect Manually"
-  ), t = p(
+  ), t = _(
     "HelpdeskWebsocket",
     "Helpdesk Websocket"
-  ), r = p("NotConnected", "Not Connected"), s = p("Connecting", "Connecting"), {
-    connectWebSocket: d,
+  ), r = _("NotConnected", "Not Connected"), s = _("Connecting", "Connecting"), {
+    connectWebSocket: a,
     retryCountState: c,
     setRetryCountState: o,
-    retryCountRef: l
-  } = he(), a = O(() => c === Ie ? `${t} ${r}` : `${t} ${s}`, [c]);
+    retryCountRef: d
+  } = he(), i = O(() => c === Ie ? `${t} ${r}` : `${t} ${s}`, [c]);
   return /* @__PURE__ */ n.jsx(
     "div",
     {
@@ -4081,20 +4109,20 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         height: "100%"
       },
       children: /* @__PURE__ */ n.jsx(
-        Pt,
+        ns,
         {
           ...c === Ie ? {
             status: "warning"
           } : {
             icon: null
           },
-          title: a,
+          title: i,
           extra: c === Ie ? /* @__PURE__ */ n.jsx(
             z,
             {
               type: "primary",
               onClick: () => {
-                l.current = 0, o(0), d();
+                d.current = 0, o(0), a();
               },
               children: e
             },
@@ -4112,15 +4140,15 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       )
     }
   );
-}, To = R(Eo), yo = () => {
-  const { setTicketId: e, ticketId: t, openFilter: r } = ve(), { onSendMsg: s, setGetResponse: d } = he(), { showReadyWSHD: c } = K();
+}, jo = R(yo), wo = () => {
+  const { setTicketId: e, ticketId: t, openFilter: r } = ve(), { onSendMsg: s, setGetResponse: a } = he(), { showReadyWSHD: c } = q();
   return c ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
     /* @__PURE__ */ n.jsx(
-      bo,
+      ho,
       {
         visible: t,
         onClose: () => {
-          e(""), d(!1), s({
+          e(""), a(!1), s({
             event: "LEAVE_ROOM",
             data: {
               TASK_ID: t
@@ -4129,22 +4157,22 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         }
       }
     ),
-    /* @__PURE__ */ n.jsx("div", { style: { display: !t && !r ? "block" : "none" }, children: /* @__PURE__ */ n.jsx(Fr, {}) }),
-    /* @__PURE__ */ n.jsx(ho, {})
-  ] }) : /* @__PURE__ */ n.jsx(To, {});
-}, jo = R(yo), wo = ({ children: e, usePopover: t, ...r }) => t ? /* @__PURE__ */ n.jsx(vn, { ...r, visible: r == null ? void 0 : r.open, children: e }) : e, _o = () => {
-  const e = p("NeedHelp", "Need Help"), t = p(
+    /* @__PURE__ */ n.jsx("div", { style: { display: !t && !r ? "block" : "none" }, children: /* @__PURE__ */ n.jsx(Ir, {}) }),
+    /* @__PURE__ */ n.jsx(To, {})
+  ] }) : /* @__PURE__ */ n.jsx(jo, {});
+}, ko = R(wo), po = ({ children: e, usePopover: t, ...r }) => t ? /* @__PURE__ */ n.jsx(hn, { ...r, visible: r == null ? void 0 : r.open, children: e }) : e, _o = () => {
+  const e = _("NeedHelp", "Need Help"), t = _(
     "WidgetDisconnected",
     "Widget Disconnected"
-  ), [r, s] = D(!0), d = Y(), { widgetProps: c, setOpenWidget: o, isFirstOpenWidget: l, setFirstOpenWidget: a } = K(), { onSendMsg: u, connected: f, isHandshakeWidget: x } = fe(), g = () => {
+  ), [r, s] = D(!0), a = K(), { widgetProps: c, setOpenWidget: o, isFirstOpenWidget: d, setFirstOpenWidget: i } = q(), { onSendMsg: u, connected: f, isHandshakeWidget: x } = fe(), g = () => {
     o(!0), u({ msg: c == null ? void 0 : c.getStartedPayload });
   };
   return X(() => {
-    s(!f), window.clearTimeout(d.current), d.current = setTimeout(() => {
+    s(!f), window.clearTimeout(a.current), a.current = setTimeout(() => {
       s(!1);
     }, 3e3);
   }, [f]), /* @__PURE__ */ n.jsx(
-    wo,
+    po,
     {
       usePopover: r && x === "show",
       open: r && x === "show",
@@ -4155,7 +4183,7 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         {
           className: "w-launcher-container",
           onClick: () => {
-            l || (a(!0), g()), o(!0);
+            d || (i(!0), g()), o(!0);
           },
           children: [
             /* @__PURE__ */ n.jsx(P, { type: "chat-bubble" }),
@@ -4177,20 +4205,20 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       )
     }
   );
-}, ko = R(_o), po = () => {
-  const e = p("NotConnected", "Not Connected"), t = p(
+}, Ao = R(_o), So = () => {
+  const e = _("NotConnected", "Not Connected"), t = _(
     "CannotAutoReconnect",
     "Cannot auto reconnect"
-  ), r = p(
+  ), r = _(
     "ReconnectManually",
     "Reconnect Manually"
-  ), [s, d] = D(!1), { connected: c, createSocket: o } = fe(), { widgetProps: l } = K();
+  ), [s, a] = D(!1), { connected: c, createSocket: o } = fe(), { widgetProps: d } = q();
   return X(() => {
-    d(!c);
+    a(!c);
   }, [c]), /* @__PURE__ */ n.jsx(
-    Et,
+    yt,
     {
-      title: `${l == null ? void 0 : l.title} ${e}`,
+      title: `${d == null ? void 0 : d.title} ${e}`,
       subTitle: /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
         /* @__PURE__ */ n.jsxs(V.Text, { children: [
           t,
@@ -4208,51 +4236,51 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
           }
         )
       ] }),
-      onClose: () => d(!1),
+      onClose: () => a(!1),
       open: !c && s
     }
   );
-}, Ao = R(
-  po
-), So = () => {
-  const { xs: e } = Ce.useBreakpoint(), [t, r] = D(!1), { isOpenWidget: s, widgetProps: d } = K(), { isActiveTabVA: c } = be(), o = Y(null), l = O(() => {
+}, Lo = R(
+  So
+), Ro = () => {
+  const { xs: e } = Ce.useBreakpoint(), [t, r] = D(!1), { isOpenWidget: s, widgetProps: a } = q(), { isActiveTabVA: c } = be(), o = K(null), d = O(() => {
     var f;
     const u = [un];
-    return e && (d != null && d.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, d == null ? void 0 : d.isSF]), a = Gt(
+    return e && (a != null && a.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, a == null ? void 0 : a.isSF]), i = Yt(
     (u) => {
       var x;
       const f = [u, xn == null ? void 0 : xn.FADE_IN];
-      return d != null && d.isSF && (f == null || f.push(`${u}-sf`)), e && (d != null && d.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(" ");
+      return a != null && a.isSF && (f == null || f.push(`${u}-sf`)), e && (a != null && a.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(" ");
     },
-    [d == null ? void 0 : d.isSF, e]
+    [a == null ? void 0 : a.isSF, e]
   );
   return X(() => {
     s && r(s), clearTimeout(o.current), o.current = setTimeout(() => {
       s || r(s);
     }, 250);
-  }, [s]), t ? /* @__PURE__ */ n.jsxs("div", { className: l, children: [
+  }, [s]), t ? /* @__PURE__ */ n.jsxs("div", { className: d, children: [
     /* @__PURE__ */ n.jsxs("div", { style: { display: c ? "block" : "none" }, children: [
-      /* @__PURE__ */ n.jsx("div", { className: a(vs), children: /* @__PURE__ */ n.jsx(_r, {}) }),
-      /* @__PURE__ */ n.jsx(pr, {})
+      /* @__PURE__ */ n.jsx("div", { className: i(Es), children: /* @__PURE__ */ n.jsx(_r, {}) }),
+      /* @__PURE__ */ n.jsx(Sr, {})
     ] }),
-    /* @__PURE__ */ n.jsx("div", { style: { display: c ? "none" : "block" }, children: /* @__PURE__ */ n.jsx("div", { className: a(hs), children: /* @__PURE__ */ n.jsx(Nr, { children: /* @__PURE__ */ n.jsx(Rr, { children: /* @__PURE__ */ n.jsx(jo, {}) }) }) }) }),
-    /* @__PURE__ */ n.jsx(Ao, {})
-  ] }) : /* @__PURE__ */ n.jsx(ko, {});
-}, Lo = R(So), Ro = ({ items: e, ...t }) => Le != null && Le.startsWith("5") || Re != null && Re.startsWith("18") ? /* @__PURE__ */ n.jsx(cn, { ...t, items: e }) : /* @__PURE__ */ n.jsx(cn, { ...t, children: e == null ? void 0 : e.map(({ ...r }) => /* @__PURE__ */ bn(
+    /* @__PURE__ */ n.jsx("div", { style: { display: c ? "none" : "block" }, children: /* @__PURE__ */ n.jsx("div", { className: i(Ts), children: /* @__PURE__ */ n.jsx(Fr, { children: /* @__PURE__ */ n.jsx(Dr, { children: /* @__PURE__ */ n.jsx(ko, {}) }) }) }) }),
+    /* @__PURE__ */ n.jsx(Lo, {})
+  ] }) : /* @__PURE__ */ n.jsx(Ao, {});
+}, Oo = R(Ro), Do = ({ items: e, ...t }) => Le != null && Le.startsWith("5") || Re != null && Re.startsWith("18") ? /* @__PURE__ */ n.jsx(cn, { ...t, items: e }) : /* @__PURE__ */ n.jsx(cn, { ...t, children: e == null ? void 0 : e.map(({ ...r }) => /* @__PURE__ */ vn(
   cn.TabPane,
   {
     ...r,
     key: r == null ? void 0 : r.key,
     tab: r == null ? void 0 : r.label
   }
-)) }), Oo = R(Ro), Do = () => {
-  const { isOpenWidget: e } = K(), { setActiveTab: t, activeTab: r } = be(), s = p(
+)) }), No = R(Do), Mo = () => {
+  const { isOpenWidget: e } = q(), { setActiveTab: t, activeTab: r } = be(), s = _(
     "VirtualAssistant",
     "Virtual Assistant"
-  ), d = p("Helpdesk", "Helpdesk"), { xs: c } = Ce.useBreakpoint();
+  ), a = _("Helpdesk", "Helpdesk"), { xs: c } = Ce.useBreakpoint();
   return X(() => {
-    const o = st();
+    const o = ot();
     t((o == null ? void 0 : o.activeTab) ?? r);
   }, []), e ? /* @__PURE__ */ n.jsx(
     "div",
@@ -4264,7 +4292,7 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         }
       },
       children: /* @__PURE__ */ n.jsx(
-        Oo,
+        No,
         {
           activeKey: r,
           onChange: (o) => {
@@ -4278,7 +4306,7 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
               key: "va"
             },
             {
-              label: d,
+              label: a,
               key: "helpdesk"
             }
           ]
@@ -4286,8 +4314,8 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       )
     }
   ) : null;
-}, No = R(Do), Mo = () => {
-  const { isOpenWidget: e, setOpenWidget: t, setExpand: r, isExpand: s, widgetProps: d } = K(), { xs: c } = Ce.useBreakpoint();
+}, Fo = R(Mo), Ho = () => {
+  const { isOpenWidget: e, setOpenWidget: t, setExpand: r, isExpand: s, widgetProps: a } = q(), { xs: c } = Ce.useBreakpoint();
   return e ? /* @__PURE__ */ n.jsxs(
     "div",
     {
@@ -4299,8 +4327,8 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       },
       children: [
         /* @__PURE__ */ n.jsxs("div", { className: `${He}-text`, children: [
-          /* @__PURE__ */ n.jsx("h4", { className: `${He}-title`, children: d == null ? void 0 : d.title }),
-          /* @__PURE__ */ n.jsx("span", { className: `${He}-subtitle`, children: d == null ? void 0 : d.subTitle })
+          /* @__PURE__ */ n.jsx("h4", { className: `${He}-title`, children: a == null ? void 0 : a.title }),
+          /* @__PURE__ */ n.jsx("span", { className: `${He}-subtitle`, children: a == null ? void 0 : a.subTitle })
         ] }),
         /* @__PURE__ */ n.jsxs("div", { className: `${He}-action`, children: [
           !c && /* @__PURE__ */ n.jsx(
@@ -4329,17 +4357,17 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       ]
     }
   ) : null;
-}, Fo = R(Mo), Ho = () => {
-  const { isExpand: e, isOpenWidget: t, isFirstOpenWidget: r, setOpenWidget: s } = K(), { xs: d } = Ce.useBreakpoint(), c = O(() => {
-    var l;
+}, Io = R(Ho), $o = () => {
+  const { isExpand: e, isOpenWidget: t, isFirstOpenWidget: r, setOpenWidget: s } = q(), { xs: a } = Ce.useBreakpoint(), c = O(() => {
+    var d;
     const o = [
-      d && t && "w-container-widget-mobile",
+      a && t && "w-container-widget-mobile",
       r && (t ? "w-show-animate" : "w-close-animate"),
       "w-container-widget",
       e && "w-container-widget-expand"
     ];
-    return (l = o == null ? void 0 : o.filter(Boolean)) == null ? void 0 : l.join(" ");
-  }, [e, d, r, t]);
+    return (d = o == null ? void 0 : o.filter(Boolean)) == null ? void 0 : d.join(" ");
+  }, [e, a, r, t]);
   return /* @__PURE__ */ n.jsxs(
     "div",
     {
@@ -4349,39 +4377,39 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       },
       tabIndex: 0,
       children: [
-        /* @__PURE__ */ n.jsx(Fo, {}),
-        /* @__PURE__ */ n.jsx("div", { id: "w-widget-content", children: /* @__PURE__ */ n.jsxs(nr, { children: [
-          /* @__PURE__ */ n.jsx(Rs, { children: /* @__PURE__ */ n.jsx(Lo, {}) }),
-          /* @__PURE__ */ n.jsx(No, {})
+        /* @__PURE__ */ n.jsx(Io, {}),
+        /* @__PURE__ */ n.jsx("div", { id: "w-widget-content", children: /* @__PURE__ */ n.jsxs(sr, { children: [
+          /* @__PURE__ */ n.jsx(Ds, { children: /* @__PURE__ */ n.jsx(Oo, {}) }),
+          /* @__PURE__ */ n.jsx(Fo, {})
         ] }) })
       ]
     }
   );
-}, Io = R(Ho), Zo = ({
+}, Bo = R($o), Po = ({
   getStartedPayload: e,
   socketURL: t,
   socketPath: r,
   onPayslipFn: s,
-  title: d,
+  title: a,
   subTitle: c,
   keyEncrypt: o,
-  history: l,
-  isSF: a = !1
+  history: d,
+  isSF: i = !1
 }) => /* @__PURE__ */ n.jsx(
-  As,
+  Ls,
   {
     getStartedPayload: e,
     socketURL: t,
     socketPath: r,
     onPayslipFn: s,
-    title: d,
+    title: a,
     subTitle: c,
     keyEncrypt: o,
-    history: l,
-    isSF: a,
-    children: /* @__PURE__ */ n.jsx(Ls, { children: /* @__PURE__ */ n.jsx(Io, {}) })
+    history: d,
+    isSF: i,
+    children: /* @__PURE__ */ n.jsx(Os, { children: /* @__PURE__ */ n.jsx(Bo, {}) })
   }
 );
 export {
-  Zo as default
+  Po as default
 };