widget-chatbot 2.0.0-alpha.13 → 2.0.0-alpha.14

package/dist/widget-chatbot.es.js

@@ -8,9 +8,9 @@ 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 pe from "crypto-js";
+import _e from "crypto-js";
 import { Picker as cs } from "emoji-mart";
-var Je = { exports: {} }, _e = {};
+var Je = { exports: {} }, ke = {};
 /*
 object-assign
 (c) Sindre Sorhus
@@ -20,21 +20,21 @@ var ln, Vn;
 function Pn() {
   if (Vn) return ln;
   Vn = 1;
-  var e = Object.getOwnPropertySymbols, t = Object.prototype.hasOwnProperty, s = Object.prototype.propertyIsEnumerable;
-  function r(c) {
+  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 l() {
+  function d() {
     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 = {}, d = 0; d < 10; d++)
-        o["_" + String.fromCharCode(d)] = d;
+      for (var o = {}, l = 0; l < 10; l++)
+        o["_" + String.fromCharCode(l)] = l;
       var a = Object.getOwnPropertyNames(o).map(function(f) {
         return o[f];
       });
@@ -48,15 +48,15 @@ function Pn() {
       return !1;
     }
   }
-  return ln = l() ? Object.assign : function(c, o) {
-    for (var d, a = r(c), u, f = 1; f < arguments.length; f++) {
-      d = Object(arguments[f]);
-      for (var x in d)
-        t.call(d, x) && (a[x] = d[x]);
+  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]);
       if (e) {
-        u = e(d);
+        u = e(l);
         for (var g = 0; g < u.length; g++)
-          s.call(d, u[g]) && (a[u[g]] = d[u[g]]);
+          r.call(l, u[g]) && (a[u[g]] = l[u[g]]);
       }
     }
     return a;
@@ -72,22 +72,22 @@ function Pn() {
  */
 var Gn;
 function is() {
-  if (Gn) return _e;
+  if (Gn) return ke;
   Gn = 1, Pn();
   var e = mn, t = 60103;
-  if (_e.Fragment = 60107, typeof Symbol == "function" && Symbol.for) {
-    var s = Symbol.for;
-    t = s("react.element"), _e.Fragment = s("react.fragment");
+  if (ke.Fragment = 60107, typeof Symbol == "function" && Symbol.for) {
+    var r = Symbol.for;
+    t = r("react.element"), ke.Fragment = r("react.fragment");
   }
-  var r = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, l = Object.prototype.hasOwnProperty, c = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function o(d, a, u) {
+  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 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) l.call(a, f) && !c.hasOwnProperty(f) && (x[f] = a[f]);
-    if (d && d.defaultProps) for (f in a = d.defaultProps, a) x[f] === void 0 && (x[f] = a[f]);
-    return { $$typeof: t, type: d, key: g, ref: C, props: x, _owner: r.current };
+    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 };
   }
-  return _e.jsx = o, _e.jsxs = o, _e;
+  return ke.jsx = o, ke.jsxs = o, ke;
 }
 var an = {};
 /** @license React v17.0.2
@@ -102,12 +102,12 @@ var zn;
 function ls() {
   return zn || (zn = 1, function(e) {
     process.env.NODE_ENV !== "production" && function() {
-      var t = mn, s = Pn(), r = 60103, l = 60106;
+      var t = mn, r = Pn(), s = 60103, d = 60106;
       e.Fragment = 60107;
-      var c = 60108, o = 60114, d = 60109, a = 60110, u = 60112, f = 60113, x = 60120, g = 60115, C = 60116, y = 60121, w = 60122, _ = 60117, p = 60129, v = 60131;
+      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;
       if (typeof Symbol == "function" && Symbol.for) {
         var E = Symbol.for;
-        r = E("react.element"), l = E("react.portal"), e.Fragment = E("react.fragment"), c = E("react.strict_mode"), o = E("react.profiler"), d = 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"), _ = E("react.fundamental"), E("react.scope"), E("react.opaque.id"), p = E("react.debug_trace_mode"), E("react.offscreen"), v = E("react.legacy_hidden");
+        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 b = typeof Symbol == "function" && Symbol.iterator, h = "@@iterator";
       function m(i) {
@@ -128,15 +128,15 @@ function ls() {
         {
           var N = j.ReactDebugCurrentFrame, Q = N.getStackAddendum();
           Q !== "" && (T += "%s", A = A.concat([Q]));
-          var q = A.map(function(W) {
+          var J = A.map(function(W) {
             return "" + W;
           });
-          q.unshift("Warning: " + T), Function.prototype.apply.call(console[i], console, q);
+          J.unshift("Warning: " + T), Function.prototype.apply.call(console[i], console, J);
         }
       }
       var B = !1;
       function M(i) {
-        return !!(typeof i == "string" || typeof i == "function" || i === e.Fragment || i === o || i === p || i === c || i === f || i === x || i === v || B || typeof i == "object" && i !== null && (i.$$typeof === C || i.$$typeof === g || i.$$typeof === d || i.$$typeof === a || i.$$typeof === u || i.$$typeof === _ || i.$$typeof === y || i[0] === w));
+        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 L(i, T, A) {
         var N = T.displayName || T.name || "";
@@ -155,7 +155,7 @@ function ls() {
         switch (i) {
           case e.Fragment:
             return "Fragment";
-          case l:
+          case d:
             return "Portal";
           case o:
             return "Profiler";
@@ -171,7 +171,7 @@ function ls() {
             case a:
               var T = i;
               return F(T) + ".Consumer";
-            case d:
+            case l:
               var A = i;
               return F(A._context) + ".Provider";
             case u:
@@ -181,9 +181,9 @@ function ls() {
             case y:
               return $(i._render);
             case C: {
-              var N = i, Q = N._payload, q = N._init;
+              var N = i, Q = N._payload, J = N._init;
               try {
-                return $(q(Q));
+                return $(J(Q));
               } catch {
                 return null;
               }
@@ -191,14 +191,14 @@ function ls() {
           }
         return null;
       }
-      var H = 0, G, Z, K, te, ee, de, ce;
+      var H = 0, G, Z, q, te, ee, de, ce;
       function Ne() {
       }
       Ne.__reactDisabledLog = !0;
       function Ve() {
         {
           if (H === 0) {
-            G = console.log, Z = console.info, K = console.warn, te = console.error, ee = console.group, de = console.groupCollapsed, ce = console.groupEnd;
+            G = console.log, Z = console.info, q = console.warn, te = console.error, ee = console.group, de = console.groupCollapsed, ce = console.groupEnd;
             var i = {
               configurable: !0,
               enumerable: !0,
@@ -227,25 +227,25 @@ function ls() {
               writable: !0
             };
             Object.defineProperties(console, {
-              log: s({}, i, {
+              log: r({}, i, {
                 value: G
               }),
-              info: s({}, i, {
+              info: r({}, i, {
                 value: Z
               }),
-              warn: s({}, i, {
-                value: K
+              warn: r({}, i, {
+                value: q
               }),
-              error: s({}, i, {
+              error: r({}, i, {
                 value: te
               }),
-              group: s({}, i, {
+              group: r({}, i, {
                 value: ee
               }),
-              groupCollapsed: s({}, i, {
+              groupCollapsed: r({}, i, {
                 value: de
               }),
-              groupEnd: s({}, i, {
+              groupEnd: r({}, i, {
                 value: ce
               })
             });
@@ -272,7 +272,7 @@ function ls() {
         var Tt = typeof WeakMap == "function" ? WeakMap : Map;
         Ye = new Tt();
       }
-      function _n(i, T) {
+      function kn(i, T) {
         if (!i || nn)
           return "";
         {
@@ -284,8 +284,8 @@ function ls() {
         nn = !0;
         var Q = Error.prepareStackTrace;
         Error.prepareStackTrace = void 0;
-        var q;
-        q = Me.current, Me.current = null, Ve();
+        var J;
+        J = Me.current, Me.current = null, Ve();
         try {
           if (T) {
             var W = function() {
@@ -338,13 +338,13 @@ function ls() {
               }
           }
         } finally {
-          nn = !1, Me.current = q, Ge(), Error.prepareStackTrace = Q;
+          nn = !1, Me.current = J, Ge(), Error.prepareStackTrace = Q;
         }
         var we = i ? i.displayName || i.name : "", $n = we ? ze(we) : "";
         return typeof i == "function" && Ye.set(i, $n), $n;
       }
-      function kn(i, T, A) {
-        return _n(i, !1);
+      function pn(i, T, A) {
+        return kn(i, !1);
       }
       function yt(i) {
         var T = i.prototype;
@@ -354,7 +354,7 @@ function ls() {
         if (i == null)
           return "";
         if (typeof i == "function")
-          return _n(i, yt(i));
+          return kn(i, yt(i));
         if (typeof i == "string")
           return ze(i);
         switch (i) {
@@ -366,15 +366,15 @@ function ls() {
         if (typeof i == "object")
           switch (i.$$typeof) {
             case u:
-              return kn(i.render);
+              return pn(i.render);
             case g:
               return Ke(i.type, T, A);
             case y:
-              return kn(i._render);
+              return pn(i._render);
             case C: {
-              var N = i, Q = N._payload, q = N._init;
+              var N = i, Q = N._payload, J = N._init;
               try {
-                return Ke(q(Q), T, A);
+                return Ke(J(Q), T, A);
               } catch {
               }
             }
@@ -391,9 +391,9 @@ function ls() {
       }
       function jt(i, T, A, N, Q) {
         {
-          var q = Function.call.bind(Object.prototype.hasOwnProperty);
+          var J = Function.call.bind(Object.prototype.hasOwnProperty);
           for (var W in i)
-            if (q(i, W)) {
+            if (J(i, W)) {
               var U = void 0;
               try {
                 if (typeof i[W] != "function") {
@@ -414,7 +414,7 @@ function ls() {
         __self: !0,
         __source: !0
       }, Rn, On;
-      function pt(i) {
+      function _t(i) {
         if (tn.call(i, "ref")) {
           var T = Object.getOwnPropertyDescriptor(i, "ref").get;
           if (T && T.isReactWarning)
@@ -422,7 +422,7 @@ function ls() {
         }
         return i.ref !== void 0;
       }
-      function _t(i) {
+      function kt(i) {
         if (tn.call(i, "key")) {
           var T = Object.getOwnPropertyDescriptor(i, "key").get;
           if (T && T.isReactWarning)
@@ -430,7 +430,7 @@ function ls() {
         }
         return i.key !== void 0;
       }
-      function kt(i, T) {
+      function pt(i, T) {
         typeof i.ref == "string" && Ln.current;
       }
       function At(i, T) {
@@ -455,17 +455,17 @@ function ls() {
           });
         }
       }
-      var Lt = function(i, T, A, N, Q, q, W) {
+      var Lt = function(i, T, A, N, Q, J, W) {
         var U = {
           // This tag allows us to uniquely identify this as a React Element
-          $$typeof: r,
+          $$typeof: s,
           // Built-in properties that belong on the element
           type: i,
           key: T,
           ref: A,
           props: W,
           // Record the component responsible for creating this element.
-          _owner: q
+          _owner: J
         };
         return U._store = {}, Object.defineProperty(U._store, "validated", {
           configurable: !1,
@@ -486,14 +486,14 @@ function ls() {
       };
       function Rt(i, T, A, N, Q) {
         {
-          var q, W = {}, U = null, re = null;
-          A !== void 0 && (U = "" + A), _t(T) && (U = "" + T.key), pt(T) && (re = T.ref, kt(T, Q));
-          for (q in T)
-            tn.call(T, q) && !wt.hasOwnProperty(q) && (W[q] = T[q]);
+          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 (q in ne)
-              W[q] === void 0 && (W[q] = ne[q]);
+            for (J in ne)
+              W[J] === void 0 && (W[J] = ne[J]);
           }
           if (U || re) {
             var se = typeof i == "function" ? i.displayName || i.name || "Unknown" : i;
@@ -513,7 +513,7 @@ function ls() {
       var rn;
       rn = !1;
       function on(i) {
-        return typeof i == "object" && i !== null && i.$$typeof === r;
+        return typeof i == "object" && i !== null && i.$$typeof === s;
       }
       function Nn() {
         {
@@ -570,7 +570,7 @@ Check the top-level render call using <` + A + ">.");
           else if (i) {
             var Q = m(i);
             if (typeof Q == "function" && Q !== i.entries)
-              for (var q = Q.call(i), W; !(W = q.next()).done; )
+              for (var J = Q.call(i), W; !(W = J.next()).done; )
                 on(W.value) && Fn(W.value, T);
           }
         }
@@ -612,7 +612,7 @@ Check the top-level render call using <` + A + ">.");
           i.ref !== null && (je(i), S("Invalid attribute `ref` supplied to `React.Fragment`."), je(null));
         }
       }
-      function In(i, T, A, N, Q, q) {
+      function In(i, T, A, N, Q, J) {
         {
           var W = M(i);
           if (!W) {
@@ -621,9 +621,9 @@ Check the top-level render call using <` + A + ">.");
             var re = Ot();
             re ? U += re : U += Nn();
             var ne;
-            i === null ? ne = "null" : Array.isArray(i) ? ne = "array" : i !== void 0 && i.$$typeof === r ? (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);
+            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);
           }
-          var se = Rt(i, T, A, Q, q);
+          var se = Rt(i, T, A, Q, J);
           if (se == null)
             return se;
           if (W) {
@@ -658,7 +658,7 @@ function as() {
   return Yn || (Yn = 1, process.env.NODE_ENV === "production" ? Je.exports = is() : Je.exports = ls()), Je.exports;
 }
 var n = as();
-const ds = "2.0.0-alpha.12", et = "chat_session", us = "user_uttered", fs = "bot_uttered", xs = "ehelp_bot_uttered", gs = "https://sfchatbot.dataon.com", Cs = [
+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 = [
   {
     label: "Didn’t address my question",
     value: "Didn’t address my question"
@@ -703,7 +703,7 @@ const ds = "2.0.0-alpha.12", et = "chat_session", us = "user_uttered", fs = "bot
   ".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 = {
   FADE_IN: "w-fade-in-animate"
-}, Es = "https://placehold.co/600x400?text=No+Image", Ie = 3, Ts = "GoHRDev2025WorkPlazeDataOnDotCom", ke = "(Helpdesk Widget Chatbot)", ys = (e) => JSON.parse((e == null ? void 0 : e.replaceAll("/get_started", "")) || "{}"), nt = (e) => {
+}, 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) => {
   var t;
   try {
     return (t = new URL(e)) == null ? void 0 : t.host;
@@ -711,77 +711,77 @@ const ds = "2.0.0-alpha.12", et = "chat_session", us = "user_uttered", fs = "bot
     return nt(gs);
   }
 }, le = (e, t) => {
-  var s, r, l;
-  return ((s = Object.keys(e || {})) == null ? void 0 : s.length) > 0 ? (l = (r = Object == null ? void 0 : Object.prototype) == null ? void 0 : r.hasOwnProperty) == null ? void 0 : l.call(e, t) : !1;
+  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;
 }, Ae = (e) => {
-  var s;
+  var r;
   const t = e == null ? void 0 : e.attachment;
   return {
-    text: ((s = Object.keys(e || {})) == null ? void 0 : s.length) > 0 && (e == null ? void 0 : e.type) === "text",
+    text: ((r = Object.keys(e || {})) == null ? void 0 : r.length) > 0 && (e == null ? void 0 : e.type) === "text",
     upload: le(e, "attachment") && le(t, "type") && (t == null ? void 0 : t.type) === "fileuploader",
     password: (t == null ? void 0 : t.type) === "show_password_wp",
     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, s, r, l;
+  var t, r, s, d;
   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, "/"), d = decodeURIComponent(
-      (l = (r = (s = window == null ? void 0 : window.atob(o)) == null ? void 0 : s.split("")) == null ? void 0 : r.map((a) => "%" + ("00" + a.charCodeAt(0).toString(16)).slice(-2))) == null ? void 0 : l.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, "/"), 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("")
     );
-    return JSON == null ? void 0 : JSON.parse(d || "{}");
+    return JSON == null ? void 0 : JSON.parse(l || "{}");
   }
   return {};
 }, En = ({
   downloadURL: e = "",
   fileName: t = "",
-  isOpenNewTab: s = !1
+  isOpenNewTab: r = !1
 }) => {
-  var l;
-  const r = document == null ? void 0 : document.createElement("a");
-  r.href = e, r.download = t || e, s && (r.target = "_blank"), (l = document == null ? void 0 : document.body) == null || l.appendChild(r), r.click(), document.body.removeChild(r);
+  var d;
+  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) {
   const t = crypto.getRandomValues(new Uint8Array(1))[0] % 16;
   return (e === "x" ? t : t & 3 | 8).toString(16);
 }), Tn = ({
   ArrObj: e,
   key: t,
-  ignoreCaseSensitive: s = !1
+  ignoreCaseSensitive: r = !1
 }) => (e == null ? void 0 : e.length) > 0 ? [
   ...new Map(
-    e.map((r) => {
-      var l;
+    e.map((s) => {
+      var d;
       return [
-        s ? (l = String(r[t])) == null ? void 0 : l.toLowerCase() : r[t],
-        r
+        r ? (d = String(s[t])) == null ? void 0 : d.toLowerCase() : s[t],
+        s
       ];
     })
   ).values()
 ] : [], ws = (e = []) => {
-  const t = {}, s = [], r = [];
+  const t = {}, r = [], s = [];
   e == null || e.forEach((c) => {
     var o;
-    le(c, "chats") ? (o = c == null ? void 0 : c.chats) == null || o.forEach((d) => {
-      r == null || r.push(d);
-    }) : r == null || r.push(c);
-  }), r == null || r.forEach((c, o) => {
+    le(c, "chats") ? (o = c == null ? void 0 : c.chats) == null || o.forEach((l) => {
+      s == null || s.push(l);
+    }) : s == null || s.push(c);
+  }), s == null || s.forEach((c, o) => {
     var a, u, f;
-    const d = c == null ? void 0 : c.generated_id;
-    d ? (t[d] || (t[d] = []), (u = t[d]) == null || u.push({
+    const l = c == null ? void 0 : c.generated_id;
+    l ? (t[l] || (t[l] = []), (u = t[l]) == null || u.push({
       ...c,
       indexChat: o,
       ...!(c != null && c.timestamp) && {
         timestamp: (a = ae()) == null ? void 0 : a.format("hh:mm A")
       }
-    }), s == null || s.push({
-      keyItem: d ?? o,
+    }), r == null || r.push({
+      keyItem: l ?? o,
       type: "text",
       sender: "response",
-      ...d && {
-        generated_id: d
+      ...l && {
+        generated_id: l
       },
-      chats: t == null ? void 0 : t[d]
-    })) : s == null || s.push({
+      chats: t == null ? void 0 : t[l]
+    })) : r == null || r.push({
       ...c,
       keyItem: o,
       ...!(c != null && c.timestamp) && {
@@ -789,24 +789,24 @@ const ds = "2.0.0-alpha.12", et = "chat_session", us = "user_uttered", fs = "bot
       }
     });
   });
-  const l = Tn({ ArrObj: s, key: "keyItem" });
-  return l == null || l.forEach((c) => {
+  const d = Tn({ ArrObj: r, key: "keyItem" });
+  return d == null || d.forEach((c) => {
     c == null || delete c.keyItem;
-  }), l;
+  }), d;
 }, Pe = (e = {}) => {
-  const s = {
+  const r = {
     ...st(),
     ...e
   };
-  localStorage == null || localStorage.setItem(et, JSON.stringify(s || {}));
+  localStorage == null || localStorage.setItem(et, JSON.stringify(r || {}));
 }, st = () => {
   const e = localStorage == null ? void 0 : localStorage.getItem(et);
   return JSON.parse(e || "{}");
-}, ps = (e = "") => {
+}, _s = (e = "") => {
   var t;
   try {
-    const s = new URL(e);
-    return (t = s == null ? void 0 : s.protocol) != null && t.includes("https") ? "wss" : "ws";
+    const r = new URL(e);
+    return (t = r == null ? void 0 : r.protocol) != null && t.includes("https") ? "wss" : "ws";
   } catch {
     return "wss";
   }
@@ -820,15 +820,15 @@ const me = (e = ".w-wrapper-body") => {
       behavior: "smooth"
     });
   }, 0);
-}, _s = (e) => {
+}, ks = (e) => {
   const t = new Uint8Array(e);
-  let s = "";
-  for (let r = 0; r < t.byteLength; r++)
-    s += String.fromCharCode(t[r]);
-  return btoa(s);
-}, ks = async (e, t) => {
+  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 s = typeof e == "object" ? JSON == null ? void 0 : JSON.stringify(e || {}) : e, r = new TextEncoder(), l = r == null ? void 0 : r.encode(s), c = r == null ? void 0 : r.encode(t);
+  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);
   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(
@@ -837,67 +837,69 @@ const me = (e = ".w-wrapper-body") => {
     { name: "AES-CBC" },
     !1,
     ["encrypt"]
-  )), d = await crypto.subtle.encrypt(
+  )), l = await crypto.subtle.encrypt(
     { name: "AES-CBC", iv: new Uint8Array(16) },
     o,
-    l
+    d
   );
-  return _s(d);
+  return ks(l);
 }, Qe = (e) => {
-  const t = {}, s = rt(e), r = s == null ? void 0 : s.map((l) => {
+  const t = {}, r = rt(e), s = r == null ? void 0 : r.map((d) => {
     var o;
-    const c = l == null ? void 0 : l.CREATED_DATE;
+    const c = d == null ? void 0 : d.CREATED_DATE;
     return {
-      ...l,
+      ...d,
       DATE_KEY: (o = ae(c)) == null ? void 0 : o.format("YYYY-MM-DD")
     };
   });
-  return r == null || r.forEach((l) => {
+  return s == null || s.forEach((d) => {
     var c;
-    t[l == null ? void 0 : l.DATE_KEY] || (t[l == null ? void 0 : l.DATE_KEY] = []), (c = t[l == null ? void 0 : l.DATE_KEY]) == null || c.push(l);
+    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;
 }, yn = (e) => {
   var t;
   return (t = Object.values(e || {})) == null ? void 0 : t.flat();
-}, rt = (e) => e == null ? void 0 : e.sort((t, s) => ae(t == null ? void 0 : t.CREATED_DATE) - ae(s == null ? void 0 : s.CREATED_DATE)), ot = (e) => {
+}, 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) => {
   if (e && typeof e == "string") {
-    const t = e == null ? void 0 : e.split("."), s = t[(t == null ? void 0 : t.length) - 1];
-    return e == null ? void 0 : e.replaceAll(`.${s}`, `_avatar.${s}`);
+    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({}), J = () => ye(ct), As = ({
+}, jn = (e) => `https://ui-avatars.com/api/?background=e5e5e5&color=000${e && typeof e == "string" ? `&name=${e.replaceAll(" ", "+")}` : ""}`, ct = Te({}), K = () => ye(ct), As = ({
   children: e,
   getStartedPayload: t,
-  socketURL: s,
-  socketPath: r,
-  onPayslipFn: l,
+  socketURL: r,
+  socketPath: s,
+  onPayslipFn: d,
   title: c,
   subTitle: o,
-  keyEncrypt: d,
+  keyEncrypt: l,
   history: a,
   isSF: u
 }) => {
-  const [f, x] = D(!1), [g, C] = D("va"), [y, w] = D(!1), [_, p] = D({}), [v, E] = D(!1), [b, h] = D(!1), m = Y(!1), j = O(() => ({
+  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(() => ({
     getStartedPayload: t,
-    socketURL: s,
-    socketPath: r,
-    onPayslipFn: l,
+    socketURL: r,
+    socketPath: s,
+    onPayslipFn: d,
     title: c,
     subTitle: o,
-    keyEncrypt: d,
+    keyEncrypt: l,
+    history: a,
     isSF: u
   }), [
     t,
-    s,
     r,
-    l,
+    s,
+    d,
     c,
     o,
-    d,
+    l,
+    a,
     u
-  ]), S = O(() => tt(_ == null ? void 0 : _.access_token), [_ == null ? void 0 : _.access_token]);
+  ]), S = O(() => tt(k == null ? void 0 : k.access_token), [k == null ? void 0 : k.access_token]);
   return X(() => {
-    p(ys(t));
+    _(ys(t));
   }, [t]), X(() => {
     Pe({
       chatbot_version: ms
@@ -906,20 +908,19 @@ const me = (e = ".w-wrapper-body") => {
     ct.Provider,
     {
       value: {
-        objInitPayload: _,
+        objInitPayload: k,
         setOpenWidget: x,
         isOpenWidget: f,
         activeTab: g,
         setActiveTab: C,
         isExpand: y,
         setExpand: w,
-        setObjInitPayload: p,
+        setObjInitPayload: _,
         parsedJWT: S,
         widgetProps: j,
         isFirstOpenWidget: v,
         setFirstOpenWidget: E,
         isFirstRenderHelpdesk: m,
-        history: a,
         showReadyWSHD: b,
         setShowReadyWSHD: h
       },
@@ -927,56 +928,56 @@ const me = (e = ".w-wrapper-body") => {
     }
   );
 }, it = Te({}), Ss = () => ye(it), Ls = ({ children: e }) => {
-  const { objInitPayload: t } = J(), [s, r] = D({}), l = () => {
+  const { objInitPayload: t } = K(), [r, s] = D({}), d = () => {
     var o;
     (o = Oe(
       `${(t == null ? void 0 : t.uriService) || bs}optional/translations`
-    )) == null || o.then(({ data: d }) => {
+    )) == null || o.then(({ data: l }) => {
       var a;
-      if (d) {
-        const u = Object.keys((a = Object.values(d)) == null ? void 0 : a[0]), f = {};
+      if (l) {
+        const u = Object.keys((a = Object.values(l)) == null ? void 0 : a[0]), f = {};
         u == null || u.forEach((x) => {
           var g;
-          (g = Object.keys(d)) == null || g.forEach((C) => {
+          (g = Object.keys(l)) == null || g.forEach((C) => {
             var y;
-            f[x == null ? void 0 : x.toLowerCase()] = (y = d == null ? void 0 : d[C]) == null ? void 0 : y[x];
+            f[x == null ? void 0 : x.toLowerCase()] = (y = l == null ? void 0 : l[C]) == null ? void 0 : y[x];
           });
-        }), r(f);
+        }), s(f);
       }
     });
   }, c = () => {
     const o = window.indexedDB.open("language");
-    o.onsuccess = (d) => {
+    o.onsuccess = (l) => {
       var u;
-      const a = d.target.result;
+      const a = l.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());
         g.onsuccess = () => {
-          r(g == null ? void 0 : g.result);
+          s(g == null ? void 0 : g.result);
         }, g.onerror = () => {
-          l();
+          d();
         };
       } catch {
-        l();
+        d();
       }
     }, o.onerror = () => {
-      l();
+      d();
     };
   };
   return X(() => {
     c();
-  }, [t == null ? void 0 : t.uriService, t == null ? void 0 : t.lang]), /* @__PURE__ */ n.jsx(it.Provider, { value: { langDatas: s }, children: e });
+  }, [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 }) => {
   var M;
-  const [t, s] = D([]), [r, l] = D(!1), [c, o] = D(!1), [d, a] = D({}), [u, f] = D(!1), [x, g] = D(!1), {
+  const [t, r] = D([]), [s, d] = D(!1), [c, o] = D(!1), [l, a] = D({}), [u, f] = D(!1), [x, g] = D(!1), {
     objInitPayload: C,
     widgetProps: y,
     setOpenWidget: w,
-    setFirstOpenWidget: _,
-    isFirstRenderHelpdesk: p
-  } = J(), v = Y(null), E = Y(""), b = Y(""), h = (L) => {
+    setFirstOpenWidget: k,
+    isFirstRenderHelpdesk: _
+  } = K(), v = Y(null), E = Y(""), b = Y(""), h = (L) => {
     const F = le(L, "text_feedback_link") && le(L, "text");
-    s(($) => {
+    r(($) => {
       const H = [
         ...$,
         {
@@ -988,7 +989,7 @@ const me = (e = ".w-wrapper-body") => {
         }
       ];
       return ws(H);
-    }), l(!1), o(!1), me();
+    }), d(!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) => {
@@ -998,7 +999,7 @@ const me = (e = ".w-wrapper-body") => {
     }), ($ = 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), _(!1);
+    }), u || f(!0), k(!1);
   }, j = ({
     msg: L,
     additionalConfig: F = {},
@@ -1012,12 +1013,12 @@ const me = (e = ".w-wrapper-body") => {
       message: L,
       session_id: E == null ? void 0 : E.current,
       ...F
-    }), $ ? l(!0) : o(!0);
+    }), $ ? d(!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), p.current = !1;
+    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(
-      `${ps(y == null ? void 0 : y.socketURL)}://${nt(
+      `${_s(y == null ? void 0 : y.socketURL)}://${nt(
         y == null ? void 0 : y.socketURL
       )}`,
       {
@@ -1056,14 +1057,14 @@ const me = (e = ".w-wrapper-body") => {
     lt.Provider,
     {
       value: {
-        setChats: s,
+        setChats: r,
         chats: t,
         onSendMsg: j,
-        isWaitResponse: r,
+        isWaitResponse: s,
         socket: v == null ? void 0 : v.current,
         sessionId: (M = E == null ? void 0 : E.current) == null ? void 0 : M.session_id,
         loadingRegenerate: c,
-        file: d,
+        file: l,
         setFile: a,
         connected: u,
         isHandshakeWidget: x,
@@ -1354,18 +1355,18 @@ const me = (e = ".w-wrapper-body") => {
     boxShadow: "inset 5px 0 0 #f7d87c",
     zIndex: "0"
   }
-}, Ds = (e) => e.replace(/[^a-zA-Z0-9_]/g, "").trim(), k = (e = "", t) => {
+}, Ds = (e) => e.replace(/[^a-zA-Z0-9_]/g, "").trim(), p = (e = "", t) => {
   var o;
-  const { langDatas: s } = Ss(), r = localStorage == null ? void 0 : localStorage.getItem("show_text_id"), l = Ds(String(e)), c = (s == null ? void 0 : s[l == null ? void 0 : l.toUpperCase()]) || t;
-  return ((o = Object.keys(s || {})) == null ? void 0 : o.length) > 0 ? r ? `WPUI_${l}` : c : t;
-}, Ns = ({ isFeedback: e = !1, open: t, ...s }) => {
-  var l;
-  const r = O(() => e ? "w-modal-container-feedback" : "", [e]);
+  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 s = O(() => e ? "w-modal-container-feedback" : "", [e]);
   return Le != null && Le.startsWith("5") ? /* @__PURE__ */ n.jsx(
     Bn,
     {
-      rootClassName: r,
-      ...s,
+      rootClassName: s,
+      ...r,
       open: t,
       getContainer: "#w-widget-content",
       maskProps: {
@@ -1375,8 +1376,8 @@ const me = (e = ".w-wrapper-body") => {
       },
       width: 300,
       style: {
-        ...Object.keys((s == null ? void 0 : s.style) || {}).length > 0 && {
-          ...s == null ? void 0 : s.style
+        ...Object.keys((r == null ? void 0 : r.style) || {}).length > 0 && {
+          ...r == null ? void 0 : r.style
         },
         top: 20
       }
@@ -1388,19 +1389,19 @@ const me = (e = ".w-wrapper-body") => {
       {
         getContainer: "#w-widget-content",
         width: 300,
-        ...s,
+        ...r,
         ...Re != null && Re.startsWith("18") ? {
           open: t
         } : { visible: t },
         maskStyle: {
           backdropFilter: "blur(4x)",
-          ...((l = Object.keys((s == null ? void 0 : s.maskStyle) || {})) == null ? void 0 : l.length) > 0 && {
-            ...s == null ? void 0 : s.maskStyle
+          ...((d = Object.keys((r == null ? void 0 : r.maskStyle) || {})) == null ? void 0 : d.length) > 0 && {
+            ...r == null ? void 0 : r.maskStyle
           }
         },
         style: {
-          ...Object.keys((s == null ? void 0 : s.style) || {}).length > 0 && {
-            ...s == null ? void 0 : s.style
+          ...Object.keys((r == null ? void 0 : r.style) || {}).length > 0 && {
+            ...r == null ? void 0 : r.style
           },
           top: 20
         }
@@ -1408,11 +1409,11 @@ const me = (e = ".w-wrapper-body") => {
     )
   );
 }, at = R(Ns), Jn = ({ props: e, isModal: t = !1 }) => {
-  const s = (r, l) => {
+  const r = (s, d) => {
     var c;
-    return (c = Ut) == null ? void 0 : c.map(r, (o) => {
-      var d, a, u;
-      return !Wt(o) || ((d = Object.keys((o == null ? void 0 : o.props) || {})) == null ? void 0 : d.length) === 0 ? o : Vt(o, {
+    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, {
         ...o == null ? void 0 : o.props,
         ...(o == null ? void 0 : o.type) === "thead" && {
           className: "ant-table-thead"
@@ -1427,13 +1428,13 @@ const me = (e = ".w-wrapper-body") => {
             }
           }
         },
-        ...o.type === "tr" && l === "tbody" && {
+        ...o.type === "tr" && d === "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 ? s((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: (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
       });
     });
   };
@@ -1446,16 +1447,16 @@ const me = (e = ".w-wrapper-body") => {
         maxWidth: t ? "100%" : 330,
         maxHeight: t ? "100%" : 360
       },
-      children: /* @__PURE__ */ n.jsx("table", { className: "wp-md-table", ...e, children: s(e == null ? void 0 : e.children, "") })
+      children: /* @__PURE__ */ n.jsx("table", { className: "wp-md-table", ...e, children: r(e == null ? void 0 : e.children, "") })
     }
   ) }) }) });
 }, Ms = ({ children: e }) => {
-  const t = k(
+  const t = p(
     "OpenDetailTable",
     "Open Detail Table"
-  ), s = k("TableDetail", "Tabel Detail"), [r, l] = D(!1), c = {
-    table: ({ ...o }) => /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-      /* @__PURE__ */ n.jsx(Jn, { props: o }),
+  ), 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 }),
       /* @__PURE__ */ n.jsx(
         "div",
         {
@@ -1468,7 +1469,7 @@ const me = (e = ".w-wrapper-body") => {
             z,
             {
               onClick: () => {
-                l(!0);
+                c(!0);
               },
               children: t
             }
@@ -1480,31 +1481,47 @@ const me = (e = ".w-wrapper-body") => {
         {
           getContainer: () => document.body,
           footer: null,
-          title: s,
+          title: r,
           width: 800,
-          open: r,
+          open: d,
           onCancel: () => {
-            l(!1);
+            c(!1);
           },
-          children: /* @__PURE__ */ n.jsx(Jn, { props: o, isModal: !0 })
+          children: /* @__PURE__ */ n.jsx(Jn, { props: l, isModal: !0 })
         }
       )
     ] }),
-    code: ({ ...o }) => {
-      const { children: d, className: a, ...u } = o, f = /language-(\w+)/.exec(a || "");
-      return f ? /* @__PURE__ */ n.jsx(
+    code: ({ ...l }) => {
+      const { children: a, className: u, ...f } = l, x = /language-(\w+)/.exec(u || "");
+      return x ? /* @__PURE__ */ n.jsx(
         ss,
         {
-          ...u,
+          ...f,
           PreTag: "div",
-          language: f[1],
+          language: x[1],
           style: Os,
-          children: String(d).replace(/\n$/, "")
+          children: String(a).replace(/\n$/, "")
         }
-      ) : /* @__PURE__ */ n.jsx(V.Text, { code: !0, children: o == null ? void 0 : o.children });
+      ) : /* @__PURE__ */ n.jsx(V.Text, { code: !0, children: l == null ? void 0 : l.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
+        }
+      );
     }
   };
-  return /* @__PURE__ */ n.jsx(ns, { remarkPlugins: [ts], components: c, children: e });
+  return /* @__PURE__ */ n.jsx(ns, { remarkPlugins: [ts], components: o, children: e });
 }, dt = R(Ms), Fs = () => /* @__PURE__ */ n.jsx(
   "svg",
   {
@@ -1795,8 +1812,8 @@ const me = (e = ".w-wrapper-body") => {
     "aria-hidden": "true",
     children: /* @__PURE__ */ n.jsx("path", { d: "M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z" })
   }
-) }), P = ({ type: e = "", chatProps: t, ...s }) => {
-  const r = O(() => ({
+) }), P = ({ type: e = "", chatProps: t, ...r }) => {
+  const s = O(() => ({
     minimize: Fs,
     expand: Hs,
     send: Is,
@@ -1811,40 +1828,40 @@ const me = (e = ".w-wrapper-body") => {
     upload: Ks,
     filter: qs,
     down: Js,
-    "paper-clip": () => /* @__PURE__ */ n.jsx(Qs, { ...s }),
+    "paper-clip": () => /* @__PURE__ */ n.jsx(Qs, { ...r }),
     "chat-bubble": Zs,
     smile: Xs,
     file: Ps,
-    loading: () => /* @__PURE__ */ n.jsx(er, { ...s })
-  }), [e, t, s]);
-  return /* @__PURE__ */ n.jsx(rs, { component: r == null ? void 0 : r[e], ...s });
+    loading: () => /* @__PURE__ */ n.jsx(er, { ...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 }) => {
-  const [t, s] = D("va"), r = O(() => t === "va", [t]);
+  const [t, r] = D("va"), s = O(() => t === "va", [t]);
   return /* @__PURE__ */ n.jsx(
     ut.Provider,
     {
       value: {
         activeTab: t,
-        setActiveTab: s,
-        isActiveTabVA: r
+        setActiveTab: r,
+        isActiveTabVA: s
       },
       children: e
     }
   );
 }, tr = ({ ...e }) => {
-  const t = k(
+  const t = p(
     "WeLoveToHearAboutYourExperienceWithTheSunfishChatbot",
     "We'd love to hear about your experience with the Sunfish chatbot"
-  ), s = k(
+  ), r = p(
     "ShareAnyCommentsOrSuggestionsToHelpUsImprove",
     "Share any comments or suggestions to help us improve"
-  ), r = k("Submit", "Submit"), l = k(
+  ), s = p("Submit", "Submit"), d = p(
     "ThankFeedback",
     "Thank You for your feedback"
-  ), c = k(
+  ), c = p(
     "AdditionalFeedback",
     "Additional Feedback"
-  ), [o] = oe.useForm(), [d, a] = D(!1), [u, f] = D(""), { setChats: x } = fe(), { objInitPayload: g } = J(), { activeTab: C } = be(), y = O(() => {
+  ), [o] = oe.useForm(), [l, a] = D(!1), [u, f] = D(""), { setChats: x } = fe(), { objInitPayload: g } = K(), { activeTab: C } = be(), y = O(() => {
     var E;
     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;
@@ -1852,7 +1869,7 @@ const me = (e = ".w-wrapper-body") => {
     var E;
     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]), _ = O(() => {
+  }, [e]), k = O(() => {
     if (g != null && g.uriBackend)
       try {
         return new URL(g.uriBackend).origin;
@@ -1860,7 +1877,7 @@ const me = (e = ".w-wrapper-body") => {
         return "";
       }
     return "";
-  }, [g == null ? void 0 : g.uriBackend]), p = (v) => {
+  }, [g == null ? void 0 : g.uriBackend]), _ = (v) => {
     var M;
     const E = v === "like" ? e == null ? void 0 : e.text_thumbsup_link : e == null ? void 0 : e.text_thumbsdown_link, {
       access_token: b = "",
@@ -1887,38 +1904,38 @@ const me = (e = ".w-wrapper-body") => {
         "company-id": `${m}`,
         uriBackend: `${j}`,
         uriBackendEnt: `${S}`,
-        "custom-origin": `${_}`,
+        "custom-origin": `${k}`,
         "Acc-Name": `${h.toUpperCase()}`,
         Language: `${I}`
       }
     })) == null || M.then((L) => {
       var F, $, H;
-      (L == null ? void 0 : L.status) === 200 && (d && a(!1), (F = ie) == null || F.destroy(), ($ = ie) == null || $.config({
+      (L == null ? void 0 : L.status) === 200 && (l && a(!1), (F = ie) == null || F.destroy(), ($ = ie) == null || $.config({
         getContainer: () => document.querySelector(".w-widget-content-container"),
         top: 28,
         placement: "top",
         duration: 3
       }), (H = ie) == null || H.success({
-        message: l,
+        message: d,
         className: "w-notification-content"
       }), x((G) => {
         var Z;
-        return (Z = G == null ? void 0 : G.map((K) => {
+        return (Z = G == null ? void 0 : G.map((q) => {
           var ee;
-          if (le(K, "chats")) {
-            const de = (ee = K == null ? void 0 : K.chats) == null ? void 0 : ee.map((ce) => (ce == null ? void 0 : ce.indexChat) === (e == null ? void 0 : e.indexChat) ? {
+          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) ? {
               ...ce,
               feedback: v
             } : ce);
             return {
-              ...K,
+              ...q,
               chats: de
             };
           }
-          return (e == null ? void 0 : e.message_id) === (K == null ? void 0 : K.message_id) ? {
-            ...K,
+          return (e == null ? void 0 : e.message_id) === (q == null ? void 0 : q.message_id) ? {
+            ...q,
             feedback: v
-          } : K;
+          } : q;
         })) == null ? void 0 : Z.flat();
       }));
     });
@@ -1932,7 +1949,7 @@ const me = (e = ".w-wrapper-body") => {
       {
         icon: /* @__PURE__ */ n.jsx(P, { type: "like", chatProps: e }),
         onClick: () => {
-          (e == null ? void 0 : e.feedback) !== "like" && p("like");
+          (e == null ? void 0 : e.feedback) !== "like" && _("like");
         }
       }
     ),
@@ -1948,19 +1965,19 @@ const me = (e = ".w-wrapper-body") => {
     /* @__PURE__ */ n.jsxs(
       at,
       {
-        open: d,
+        open: l,
         isFeedback: !0,
-        okText: r,
+        okText: s,
         onCancel: () => {
           a(!1);
         },
         onOk: () => {
-          p("dislike");
+          _("dislike");
         },
         children: [
           /* @__PURE__ */ n.jsx("p", { style: { textAlign: "center", fontWeight: 600, fontSize: 14 }, children: t }),
           /* @__PURE__ */ n.jsxs("p", { style: { textAlign: "center" }, children: [
-            s,
+            r,
             "!"
           ] }),
           /* @__PURE__ */ n.jsx(
@@ -1987,11 +2004,11 @@ const me = (e = ".w-wrapper-body") => {
 }, sr = R(tr), rr = ({
   showFeedback: e = !0,
   showRegenerate: t = !0,
-  position: s = "left",
-  ...r
+  position: r = "left",
+  ...s
 }) => {
-  const l = js(), { chats: c, onSendMsg: o, setChats: d, loadingRegenerate: a, currRegenerateId: u } = fe(), f = O(() => r == null ? void 0 : r.sender, [r]), x = O(() => c == null ? void 0 : c.filter((_) => (_ == null ? void 0 : _.sender) === "client"), [c]), g = O(() => t && f === "response" && (x == null ? void 0 : x.length) > 0 && (r == null ? void 0 : r.indexChat) === (c == null ? void 0 : c.length) - 1, [f, x, c, r == null ? void 0 : r.indexChat, t]), C = O(() => {
-    switch (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(() => {
+    switch (r) {
       case "left":
         return "flex-start";
       case "center":
@@ -1999,18 +2016,18 @@ const me = (e = ".w-wrapper-body") => {
       case "right":
         return "flex-end";
     }
-  }, [s]), y = O(() => e && (r == null ? void 0 : r.text_FeedbackIcons) === "hidup", [r, e]), w = () => {
-    const _ = x == null ? void 0 : x[(x == null ? void 0 : x.length) - 1], p = c == null ? void 0 : c[(c == null ? void 0 : c.length) - 1];
-    d(
+  }, [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: (p == null ? void 0 : p.generated_id) ?? l
+        generated_id: (_ == null ? void 0 : _.generated_id) ?? d
         // adjust with response
       } : E)
-    ), u.current = (p == null ? void 0 : p.generated_id) ?? l, o({
-      msg: _ == null ? void 0 : _.text,
+    ), u.current = (_ == null ? void 0 : _.generated_id) ?? d, o({
+      msg: k == null ? void 0 : k.text,
       additionalConfig: {
-        generate_id: (p == null ? void 0 : p.generated_id) ?? l
+        generate_id: (_ == null ? void 0 : _.generated_id) ?? d
       },
       isShowLoadingResponse: a
     }), me();
@@ -2034,7 +2051,7 @@ const me = (e = ".w-wrapper-body") => {
             }
           }
         ),
-        y && /* @__PURE__ */ n.jsx(sr, { ...r })
+        y && /* @__PURE__ */ n.jsx(sr, { ...s })
       ]
     }
   ) });
@@ -2049,7 +2066,7 @@ const me = (e = ".w-wrapper-body") => {
     ...t
   }
 ), wn = R(or), cr = ({ nameFallback: e = "", ...t }) => {
-  const s = Y(0);
+  const r = Y(0);
   return /* @__PURE__ */ n.jsx(
     Qn,
     {
@@ -2060,8 +2077,8 @@ const me = (e = ".w-wrapper-body") => {
           src: t == null ? void 0 : t.src,
           nameFallback: e,
           ...t,
-          onError: (r) => {
-            s.current += 1, (s == null ? void 0 : s.current) < 3 ? r.target.src = ot(t == null ? void 0 : t.src) : r.target.src = jn(e);
+          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);
           }
         }
       )
@@ -2075,27 +2092,27 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
   /* @__PURE__ */ n.jsx("div", {}),
   /* @__PURE__ */ n.jsx("div", {})
 ] }), ft = R(ir), lr = () => {
-  const { widgetProps: e } = J();
+  const { widgetProps: e } = K();
   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, {})
   ] });
-}, pn = R(lr), ar = ({ src: e, name: t }) => /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
+}, _n = R(lr), ar = ({ 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 }) => {
   var f, x;
-  const [t, s] = D(1), { loadingRegenerate: r, currRegenerateId: l } = fe(), { isExpand: c, widgetProps: o } = J(), d = 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 [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) === l.current;
-  }, [a, e, l.current]);
+    return (g == null ? void 0 : g.generated_id) === d.current;
+  }, [a, e, d.current]);
   return X(() => {
-    !r && (a == null ? void 0 : a.length) > 0 && (s(a == null ? void 0 : a.length), me());
-  }, [r]), r && 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 }),
+    !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 _;
-      const y = C === ((_ = e == null ? void 0 : e.chats) == null ? void 0 : _.length) - 1, w = t === C + 1;
+      var k;
+      const y = C === ((k = e == null ? void 0 : e.chats) == null ? void 0 : k.length) - 1, w = t === C + 1;
       return /* @__PURE__ */ n.jsxs(
         "div",
         {
@@ -2115,10 +2132,10 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
                 children: /* @__PURE__ */ n.jsxs(
                   "div",
                   {
-                    className: `w-bubble-chat w-bubble-chat-regenerate  ${`w-${d}`} ${c ? "w-bubble-chat-regenerate-expand" : ""}`,
+                    className: `w-bubble-chat w-bubble-chat-regenerate  ${`w-${l}`} ${c ? "w-bubble-chat-regenerate-expand" : ""}`,
                     children: [
                       /* @__PURE__ */ n.jsx(dt, { 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 })
+                      l === "response" && /* @__PURE__ */ n.jsx("span", { style: { fontSize: 12, color: "rgba(0,0,0,0.4)" }, children: g == null ? void 0 : g.timestamp })
                     ]
                   }
                 )
@@ -2155,7 +2172,7 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
             disabled: t === 1,
             icon: /* @__PURE__ */ n.jsx(P, { type: "left" }),
             onClick: () => {
-              t > 1 && s((g) => g - 1);
+              t > 1 && r((g) => g - 1);
             }
           }
         ),
@@ -2173,38 +2190,38 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
             icon: /* @__PURE__ */ n.jsx(P, { type: "right" }),
             onClick: () => {
               var g;
-              t < ((g = e == null ? void 0 : e.chats) == null ? void 0 : g.length) && s((C) => C + 1);
+              t < ((g = e == null ? void 0 : e.chats) == null ? void 0 : g.length) && r((C) => C + 1);
             }
           }
         )
       ] })
     ] })
   ] });
-}, ur = R(dr), fr = ({ date: e, format: t, sender: s, ...r }) => {
-  var l, c;
+}, ur = R(dr), fr = ({ date: e, format: t, sender: r, ...s }) => {
+  var d, c;
   return /* @__PURE__ */ n.jsx(
     V.Text,
     {
-      ...r,
+      ...s,
       type: "secondary",
       style: {
         display: "block",
         fontSize: 12,
-        ...s === "client" && {
+        ...r === "client" && {
           textAlign: "right"
         },
-        ...((l = Object.keys((r == null ? void 0 : r.style) || {})) == null ? void 0 : l.length) > 0 && {
-          ...r == null ? void 0 : r.style
+        ...((d = Object.keys((s == null ? void 0 : s.style) || {})) == null ? void 0 : d.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 d;
-  const { loadingRegenerate: s, chats: r } = fe(), { widgetProps: l } = J(), c = O(() => (r == null ? void 0 : r.length) - 1 === (t == null ? void 0 : t.indexChat), [r]), 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(ur, { ...t }) : s && c ? /* @__PURE__ */ n.jsx(pn, {}) : /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-    o === "response" && e && /* @__PURE__ */ n.jsx(Ue, { name: l == null ? void 0 : l.title, src: Ze }),
+  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 }),
     /* @__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(We, { date: t == null ? void 0 : t.timestamp, sender: o })
@@ -2212,14 +2229,14 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     /* @__PURE__ */ n.jsx(Cn, { ...t })
   ] });
 }, $e = R(xr), gr = () => {
-  const e = k(
+  const e = p(
     "PleaseUploadFile",
     "Please upload specify file that needed to complete your request"
-  ), t = k("ClickToUpload", "Click to upload"), s = k(
+  ), t = p("ClickToUpload", "Click to upload"), r = p(
     "ContinueWithoutUpload",
     "Continue without upload"
-  ), { onSendMsg: r, setFile: l } = fe(), c = () => {
-    r({
+  ), { onSendMsg: s, setFile: d } = fe(), c = () => {
+    s({
       msg: "CANCEL UPLOAD"
     });
   };
@@ -2250,47 +2267,47 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
               fileList: [],
               accept: ".doc, .jpg, .ods, .png, .txt, .docx, .pdf",
               onChange: (o) => {
-                l(o == null ? void 0 : o.file);
+                d(o == null ? void 0 : o.file);
               },
               children: /* @__PURE__ */ n.jsx(z, { icon: /* @__PURE__ */ n.jsx(P, { type: "upload" }), children: t })
             }
           ),
-          /* @__PURE__ */ n.jsx(z, { type: "dashed", onClick: c, children: s })
+          /* @__PURE__ */ n.jsx(z, { type: "dashed", onClick: c, children: r })
         ] })
       ]
     }
   );
 }, Cr = R(gr), mr = () => {
-  const [e, t] = D(!1), [s, r] = D(!1), [l, c] = D(!1), [o, d] = D(3), [a, u] = D(!1), [f, x] = D(""), { widgetProps: g } = J(), { onSendMsg: C, chats: y } = fe(), { onSubmitPYPwd: w = () => {
-  }, onCheckPYAccess: _ = () => {
-  } } = (g == null ? void 0 : g.onPayslipFn) || {}, p = k(
+  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(
     "ProvidePasswordPayslip",
     "Please provide your password account to access the download"
-  ), v = k("Cancel", "Cancel"), E = k("Submit", "Submit"), b = k("Password", "Password"), h = k("IsRequired", "Is Required"), m = k(
-    "PasswordPayslipValid",
-    "Your password is valid. Please download the payslip file"
-  ), j = k(
+  ), v = p("Cancel", "Cancel"), E = p("Submit", "Submit"), b = p("Password", "Password"), h = p("IsRequired", "Is Required"), m = p(
+    "PrepareTheFiles",
+    "Prepare the files"
+  ), j = p(
     "AttemptPasswordExceeded",
     "Your attempt to enter the password exceeded the limit"
-  ), S = k(
+  ), S = p(
     "VerifyAccessPayslip",
     "Please wait, verifying access to your payslip"
-  ), I = k(
+  ), I = p(
     "WrongPwdPayslip",
     "The password you entered is incorrect. Please try again or contact support if you need assistance"
-  ), B = k(
+  ), B = p(
     "SessionExpired",
     "Session expired. Please log in again to continue"
   ), [M] = oe.useForm(), L = () => {
     var H, G, Z;
-    c(!0), u(!0), (Z = (G = (H = _()) == null ? void 0 : H.then((K) => {
+    c(!0), u(!0), (Z = (G = (H = k()) == null ? void 0 : H.then((q) => {
       var ee, de;
-      const te = (de = (ee = K == null ? void 0 : K.data) == null ? void 0 : ee.DATA) == null ? void 0 : de.RESULT;
+      const te = (de = (ee = q == null ? void 0 : q.data) == null ? void 0 : ee.DATA) == null ? void 0 : de.RESULT;
       te && C({ msg: "Valid" }), t(te), x("");
-    })) == null ? void 0 : G.catch((K) => {
-      console.log("err: ", K == null ? void 0 : K.toString()), x(K == null ? void 0 : K.toString());
+    })) == 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(() => {
-      r(!1), u(!1);
+      s(!1), u(!1);
     });
   }, F = () => {
     C({ msg: "cancel" }), c(!1);
@@ -2298,11 +2315,11 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     var G;
     const H = M == null ? void 0 : M.getFieldValue("pwd");
     (G = M == null ? void 0 : M.validateFields()) == null || G.then(() => {
-      var Z, K;
-      r(!0), (K = (Z = w(H)) == null ? void 0 : Z.then(({ data: te }) => {
+      var Z, q;
+      s(!0), (q = (Z = w(H)) == null ? void 0 : Z.then(({ data: te }) => {
         var ee;
-        (ee = te == null ? void 0 : te.DATA) != null && ee.ISVALID ? L() : (x(I), d(o - 1), r(!1));
-      })) == null || K.catch((te) => {
+        (ee = te == null ? void 0 : te.DATA) != null && ee.ISVALID ? L() : (x(I), l(o - 1), s(!1));
+      })) == null || q.catch((te) => {
         var de, ce, Ne, Ve, Ge;
         const ee = te == null ? void 0 : te.response;
         if ((ee == null ? void 0 : ee.status) === 401) {
@@ -2311,10 +2328,10 @@ 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), d(o - 1), r(!1));
+          Me && x(B), Fe && (x(I), l(o - 1), s(!1));
         } else
           console.log("err onSubmit: ", te == null ? void 0 : te.toString()), x(te == null ? void 0 : te.toString());
-        r(!1);
+        s(!1);
       });
     });
   };
@@ -2322,7 +2339,7 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     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();
-  }, []), l ? a ? /* @__PURE__ */ n.jsx(
+  }, []), d ? a ? /* @__PURE__ */ n.jsx(
     $e,
     {
       sender: "response",
@@ -2348,7 +2365,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 : p }),
+            /* @__PURE__ */ n.jsx(V.Text, { children: e ? `${m}...` : _ }),
             !e && /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
               /* @__PURE__ */ n.jsx(
                 oe.Item,
@@ -2364,13 +2381,13 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
                 }
               ),
               /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", gap: 8 }, children: [
-                /* @__PURE__ */ n.jsx(z, { disabled: s, onClick: F, children: v }),
+                /* @__PURE__ */ n.jsx(z, { disabled: r, onClick: F, children: v }),
                 /* @__PURE__ */ n.jsx(
                   z,
                   {
                     type: "primary",
                     onClick: $,
-                    loading: s,
+                    loading: r,
                     htmlType: "submit",
                     children: E
                   }
@@ -2383,10 +2400,10 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     }
   ) : null;
 }, br = R(mr), vr = ({ ...e }) => {
-  var d;
-  const { objInitPayload: t } = J(), [s, r] = D(!1), l = k("Error", "Error"), c = O(() => tt(t == null ? void 0 : t.access_token), [t]), o = () => {
+  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 = () => {
     var u, f, x, g;
-    r(!0);
+    s(!0);
     const a = e == null ? void 0 : e.attachment;
     (g = (x = (f = Oe({
       method: "POST",
@@ -2402,23 +2419,23 @@ 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}`, _ = new Blob([C == null ? void 0 : C.data]), p = URL == null ? void 0 : URL.createObjectURL(_);
-      En({ downloadURL: p, fileName: w }), URL.revokeObjectURL(p);
+      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(_);
     })) == null ? void 0 : x.catch((C) => {
-      var w, _, p;
+      var w, k, _;
       const y = C == null ? void 0 : C.message;
-      (w = ie) == null || w.destroy(), (_ = ie) == null || _.config({
+      (w = ie) == null || w.destroy(), (k = ie) == null || k.config({
         getContainer: () => document.querySelector(".w-widget-content-container"),
         top: 28,
         placement: "top"
-      }), (p = ie) == null || p.error({
-        message: l,
+      }), (_ = ie) == null || _.error({
+        message: d,
         description: y,
         className: "w-notification-content",
         duration: 3
       });
     })) == null || g.finally(() => {
-      r(!1);
+      s(!1);
     });
   };
   return /* @__PURE__ */ n.jsx(
@@ -2427,8 +2444,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: s, children: [
-        /* @__PURE__ */ n.jsx(V.Link, { children: (d = e == null ? void 0 : e.attachment) == null ? void 0 : d.filename }),
+      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 }),
         /* @__PURE__ */ n.jsx(
           z,
           {
@@ -2446,20 +2463,20 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     }
   );
 }, hr = R(vr), Er = ({ ...e }) => {
-  const t = Y(), s = k("DownloadChart", "Download Chart"), r = O(() => e == null ? void 0 : e.attachment, [e == null ? void 0 : e.attachment]), l = O(() => {
+  const t = Y(), r = p("DownloadChart", "Download Chart"), s = O(() => e == null ? void 0 : e.attachment, [e == null ? void 0 : e.attachment]), d = O(() => {
     var o;
-    return (o = r == null ? void 0 : r.data) == null ? void 0 : o.map((d, a) => {
+    return (o = s == null ? void 0 : s.data) == null ? void 0 : o.map((l, a) => {
       var u, f;
       return {
-        label: (u = r == null ? void 0 : r.labels) == null ? void 0 : u[a],
-        value: d,
-        color: (f = r == null ? void 0 : r.colors) == null ? void 0 : f[a]
+        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]
       };
     });
-  }, [r]), c = () => {
-    var d;
-    const o = (d = document == null ? void 0 : document.querySelector(".chart_widget canvas")) == null ? void 0 : d.toDataURL();
-    En({ fileName: r == null ? void 0 : r.title, downloadURL: o });
+  }, [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 });
   };
   return /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
     /* @__PURE__ */ n.jsx(
@@ -2467,7 +2484,7 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       {
         className: "chart_widget",
         ref: t,
-        data: l,
+        data: d,
         angleField: "value",
         colorField: "label",
         label: {
@@ -2491,20 +2508,20 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         onClick: () => {
           c();
         },
-        children: s
+        children: r
       }
     ) })
   ] });
 }, Tr = R(Er), yr = ({ ...e }) => {
-  var t, s, r, l, c;
+  var t, r, s, d, c;
   switch (!0) {
     case ((t = Ae(e)) == null ? void 0 : t.text):
       return /* @__PURE__ */ n.jsx($e, { ...e });
-    case ((s = Ae(e)) == null ? void 0 : s.upload):
+    case ((r = Ae(e)) == null ? void 0 : r.upload):
       return /* @__PURE__ */ n.jsx(Cr, { ...e });
-    case ((r = Ae(e)) == null ? void 0 : r.password):
+    case ((s = Ae(e)) == null ? void 0 : s.password):
       return /* @__PURE__ */ n.jsx(br, { ...e });
-    case ((l = Ae(e)) == null ? void 0 : l.filedownload):
+    case ((d = Ae(e)) == null ? void 0 : d.filedownload):
       return /* @__PURE__ */ n.jsx(hr, { ...e });
     case ((c = Ae(e)) == null ? void 0 : c.chart):
       return /* @__PURE__ */ n.jsx(Tr, { ...e });
@@ -2512,15 +2529,15 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       return null;
   }
 }, jr = R(yr), wr = () => {
-  const { isOpenWidget: e, widgetProps: t } = J(), { chats: s, isWaitResponse: r } = fe(), { activeTab: l } = be();
+  const { isOpenWidget: e, widgetProps: t } = K(), { chats: r, isWaitResponse: s } = fe(), { activeTab: d } = be();
   return X(() => {
     me();
-  }, [l]), e ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-    /* @__PURE__ */ n.jsx("div", { className: "w-bubble-chat-container", children: s == null ? void 0 : s.map((c, o) => {
+  }, [d]), 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 d = (a = Ae(c)) == null ? void 0 : a.text;
+      const l = (a = Ae(c)) == null ? void 0 : a.text;
       return /* @__PURE__ */ n.jsxs(gn, { children: [
-        (c == null ? void 0 : c.sender) === "response" && !d && /* @__PURE__ */ n.jsx(
+        (c == null ? void 0 : c.sender) === "response" && !l && /* @__PURE__ */ n.jsx(
           Ue,
           {
             name: t == null ? void 0 : t.title,
@@ -2530,30 +2547,30 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         /* @__PURE__ */ n.jsx(jr, { indexChat: o, ...c })
       ] }, o);
     }) }),
-    r && /* @__PURE__ */ n.jsx(pn, {})
+    s && /* @__PURE__ */ n.jsx(_n, {})
   ] }) : null;
-}, pr = R(wr), _r = () => {
+}, _r = R(wr), kr = () => {
   var E;
-  const e = k(
+  const e = p(
     "ContinueWithoutUpload",
     "Continue without Upload"
   ), {
     onSendMsg: t,
-    setChats: s,
-    isWaitResponse: r,
-    loadingRegenerate: l,
+    setChats: r,
+    isWaitResponse: s,
+    loadingRegenerate: d,
     file: c,
     setFile: o,
-    chats: d,
+    chats: l,
     connected: a
   } = fe(), { isActiveTabVA: u } = be(), f = O(() => {
     var h;
-    const b = d == null ? void 0 : d[(d == null ? void 0 : d.length) - 1];
+    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";
-  }, [d]), x = Y(), [g, C] = D(!1), [y, w] = D(!1), _ = O(() => r || !y, [y, r]), p = () => {
+  }, [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;
-    if (!(b != null && b.trim()) || r) return;
+    if (!(b != null && b.trim()) || s) return;
     w(!1), t({ msg: b }), C(!g);
     const h = {
       text: b,
@@ -2561,7 +2578,7 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       type: "text",
       timestamp: (I = ae()) == null ? void 0 : I.format("hh:mm A")
     };
-    s((B) => [...B, h]), me();
+    r((B) => [...B, h]), me();
   }, v = () => {
     t({ msg: "SKIP_WAITING_RESPONSE" });
   };
@@ -2587,7 +2604,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: p
+          onClick: _
         }
       )
     ] }) : /* @__PURE__ */ n.jsx(Se, { title: e, children: /* @__PURE__ */ n.jsx(
@@ -2611,7 +2628,7 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         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) && p();
+          ((b == null ? void 0 : b.code) === "Enter" || (b == null ? void 0 : b.key) === "Enter") && !(b != null && b.shiftKey) && _();
         },
         onChange: ({ target: { value: b } }) => {
           const h = /\S/;
@@ -2622,7 +2639,7 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       },
       g
     ),
-    r || l ? /* @__PURE__ */ n.jsx(
+    s || d ? /* @__PURE__ */ n.jsx(
       z,
       {
         style: { border: "none" },
@@ -2634,24 +2651,24 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     ) : /* @__PURE__ */ n.jsx(
       z,
       {
-        className: `w-send-btn ${_ ? "w-send-btn-disabled" : ""}`,
-        disabled: _,
+        className: `w-send-btn ${k ? "w-send-btn-disabled" : ""}`,
+        disabled: k,
         style: { backgroundColor: "var(--primary-color, #395ebc)" },
         icon: /* @__PURE__ */ n.jsx(P, { type: "send" }),
         shape: "circle",
-        onClick: p
+        onClick: _
       }
     )
   ] });
-}, kr = R(_r), Ar = ({ taskStatus: e }) => {
-  const t = k("InProgress", "In Progress"), s = k("New", "New"), r = k("Closed", "Closed"), l = k("Done", "Done"), c = k("HDCancelled", "Cancelled"), o = {
+}, 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 = {
     "In Progress": t,
-    Open: s,
-    New: s,
-    Closed: r,
-    Fixed: l,
+    Open: r,
+    New: r,
+    Closed: s,
+    Fixed: d,
     Cancelled: c
-  }, d = {
+  }, l = {
     "In Progress": "#FFF2D6",
     Responded: "#FFF2D6",
     Open: "#e9e2f8",
@@ -2660,7 +2677,7 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     Fixed: "#bbfab7",
     Done: "#bbfab7",
     Cancelled: "#FFF2D6"
-  }, a = O(() => d[e] || d.Closed, [e]), u = O(() => o[e] || e, [e]);
+  }, a = O(() => l[e] || l.Closed, [e]), u = O(() => o[e] || e, [e]);
   return /* @__PURE__ */ n.jsx(Qt, { color: a, children: /* @__PURE__ */ n.jsx(
     V.Text,
     {
@@ -2713,19 +2730,19 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     ]
   }
 ), Lr = R(Sr), gt = () => {
-  const { objInitPayload: e, setObjInitPayload: t, parsedJWT: s } = J(), r = O(() => {
+  const { objInitPayload: e, setObjInitPayload: t, parsedJWT: r } = K(), s = O(() => {
     var c;
     return {
       Authorization: `Bearer ${e == null ? void 0 : e.access_token}`,
-      coid: s == null ? void 0 : s.COID,
-      "Acc-Name": (c = s == null ? void 0 : s.INSTANCE) == null ? void 0 : c.toLowerCase(),
+      coid: r == null ? void 0 : r.COID,
+      "Acc-Name": (c = r == null ? void 0 : r.INSTANCE) == null ? void 0 : c.toLowerCase(),
       "Company-Id": e == null ? void 0 : e.companyid,
       Language: e == null ? void 0 : e.lang
     };
   }, [e]);
   return async (c) => {
     var u, f, x;
-    const { onSuccess: o, onError: d, onFinally: a } = c ?? {};
+    const { onSuccess: o, onError: l, onFinally: a } = c ?? {};
     (x = (f = (u = Oe({
       url: e == null ? void 0 : e.uriBackend,
       params: {
@@ -2735,7 +2752,7 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       data: {
         refreshtoken: (e == null ? void 0 : e.refresh_token) || "4D8C30EE29749D0F06B4F6E2527516B397C09D4DB148D42214E2941C7A86139D3CB512D925E1B098C6090A45E6BCC545723222FA3BABDC2A"
       },
-      headers: r,
+      headers: s,
       method: "POST"
     })) == null ? void 0 : u.then((g) => {
       var w;
@@ -2754,41 +2771,41 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       };
       t(y), typeof o == "function" && o(g);
     })) == null ? void 0 : f.catch((g) => {
-      typeof d == "function" && d(g);
+      typeof l == "function" && l(g);
     })) == null || x.finally(() => {
       typeof a == "function" && a();
     });
   };
 }, en = () => {
   var o;
-  const e = Y(new AbortController()), { objInitPayload: t, parsedJWT: s } = J(), r = gt(), l = {
+  const e = Y(new AbortController()), { objInitPayload: t, parsedJWT: r } = K(), s = gt(), d = {
     Authorization: `Bearer ${t == null ? void 0 : t.access_token}`,
-    coid: s == null ? void 0 : s.COID,
-    "Acc-Name": (o = s == null ? void 0 : s.INSTANCE) == null ? void 0 : o.toLowerCase(),
+    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: d,
+    url: l,
     endpoint: a,
     method: u = "POST",
     headers: f,
     ...x
   }) => {
-    var w, _, p, v, E, b;
+    var w, k, _, v, E, b;
     const g = {
-      url: d || `${t == null ? void 0 : t.uriBackendHRMGO}${a}`,
+      url: l || `${t == null ? void 0 : t.uriBackendHRMGO}${a}`,
       ...e.current && {
         signal: (w = e == null ? void 0 : e.current) == null ? void 0 : w.signal
       },
       headers: {
-        ...l,
+        ...d,
         ...f,
         "Company-Code": t == null ? void 0 : t.companycode
       },
       method: u,
       ...x
-    }, C = (_ = Oe) == null ? void 0 : _.create(g);
-    return (v = (p = C == null ? void 0 : C.interceptors) == null ? void 0 : p.request) == null || v.use(
+    }, 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);
@@ -2799,7 +2816,7 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         var j;
         const m = h == null ? void 0 : h.config;
         if (((j = h == null ? void 0 : h.response) == null ? void 0 : j.status) === 401) {
-          const S = await r();
+          const S = await s();
           return m.headers.Authorization = `Bearer ${S}`, Oe(m);
         }
         return Promise == null ? void 0 : Promise.reject(h);
@@ -2807,13 +2824,13 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     ), await (C == null ? void 0 : C.request(g));
   };
   return c.abort = () => {
-    var d;
-    e != null && e.current && ((d = e == null ? void 0 : e.current) == null || d.abort(), e.current = new AbortController());
+    var l;
+    e != null && e.current && ((l = e == null ? void 0 : e.current) == null || l.abort(), e.current = new AbortController());
   }, X(() => () => c.abort(), []), c;
 }, Ct = Te({}), ve = () => ye(Ct), Rr = ({ children: e }) => {
-  const t = en(), [s, r] = D([]), [l, c] = D(""), [o, d] = D(!1), [a, u] = D(!0), [f, x] = D(0), g = (C) => {
-    var y, w, _, p;
-    u(!0), (p = (_ = t({
+  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({
       endpoint: "/helpdesk/myticket/ticket-list",
       method: "POST",
       data: {
@@ -2834,10 +2851,10 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
           ORDER: "DESC"
         }
       }
-    })) == null ? void 0 : _.then((v) => {
+    })) == null ? void 0 : k.then((v) => {
       var E, b, h;
-      (E = v == null ? void 0 : v.data) != null && E.DATA && r((h = (b = v == null ? void 0 : v.data) == null ? void 0 : b.DATA) == null ? void 0 : h.LIST);
-    })) == null || p.finally(() => {
+      (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(() => {
       u(!1);
     });
   };
@@ -2847,12 +2864,12 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     Ct.Provider,
     {
       value: {
-        listTicket: s,
-        ticketId: l,
+        listTicket: r,
+        ticketId: d,
         setTicketId: c,
         getListTicket: g,
         openFilter: o,
-        setOpenFilter: d,
+        setOpenFilter: l,
         loadingListTicket: a,
         countFilters: f,
         setCountFilters: x
@@ -2861,16 +2878,16 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     }
   );
 }, Or = () => {
-  const e = k("SubjectSearch", "Subject Search"), t = k("AdvanceFilter", "Advance Filter"), s = Y(null), { getListTicket: r, setOpenFilter: l, loadingListTicket: c, countFilters: o } = ve();
+  const e = p("SubjectSearch", "Subject Search"), t = p("AdvanceFilter", "Advance Filter"), r = Y(null), { getListTicket: s, setOpenFilter: d, 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: d } }) => {
-          clearTimeout(s == null ? void 0 : s.current), s.current = setTimeout(() => {
-            r({
-              TASK_NAME: d
+        onChange: ({ target: { value: l } }) => {
+          clearTimeout(r == null ? void 0 : r.current), r.current = setTimeout(() => {
+            s({
+              TASK_NAME: l
             });
           }, 250);
         },
@@ -2883,25 +2900,25 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         loading: c,
         icon: /* @__PURE__ */ n.jsx(P, { type: "filter" }),
         onClick: () => {
-          l(!0);
+          d(!0);
         }
       }
     ) }) })
   ] }) });
 }, Dr = R(Or), mt = Te({}), he = () => ye(mt), Nr = ({ children: e }) => {
-  const t = Y(null), s = Y(0), r = Y(!1), l = Y(null), [c, o] = D([]), [d, a] = D(0), [u, f] = D(!1), { objInitPayload: x, parsedJWT: g, isFirstRenderHelpdesk: C, setShowReadyWSHD: y } = J(), w = gt(), _ = (b) => {
+  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 = () => {
-      r.current = !0, s.current = 0, a(0), y(!0);
+      s.current = !0, r.current = 0, a(0), y(!0);
     }, h.onerror = (m) => {
-      y(!1), console.error(`${ke} - WebSocket error:`, m);
+      y(!1), console.error(`${pe} - WebSocket error:`, m);
     }, h.onclose = (m) => {
       console.warn(
-        `${ke} - WebSocket disconnected:`,
+        `${pe} - WebSocket disconnected:`,
         m
-      ), r.current = !1, y(!1), !(m != null && m.wasClean) && (s == null ? void 0 : s.current) < Ie && (s.current += 1, a((j) => j + 1), clearTimeout(l.current), l.current = setTimeout(p, 2e3));
+      ), 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;
-  }, p = async () => {
+  }, _ = async () => {
     var L, F, $;
     if (((L = t.current) == null ? void 0 : L.readyState) === (WebSocket == null ? void 0 : WebSocket.CONNECTING)) return;
     const {
@@ -2913,7 +2930,7 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     } = x ?? {};
     if (!b || !h || !m) {
       console.warn(
-        `${ke} - Missing required WebSocket  credentials.`
+        `${pe} - Missing required WebSocket  credentials.`
       );
       return;
     }
@@ -2925,20 +2942,20 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       TOKEN: I
     };
     try {
-      const H = await ks(
+      const H = await ps(
         M,
         Ts
       );
-      if (!H || r.current || (s == null ? void 0 : s.current) >= Ie) {
+      if (!H || s.current || (r == null ? void 0 : r.current) >= Ie) {
         console.warn(
-          `${ke} - Skipping WebSocket  connection attempt.`
+          `${pe} - Skipping WebSocket  connection attempt.`
         );
         return;
       }
-      t.current && t.current.close(), _(`${B}?t=${H}`);
+      t.current && t.current.close(), k(`${B}?t=${H}`);
     } catch (H) {
       console.error(
-        `${ke} - Failed to encrypt token:`,
+        `${pe} - Failed to encrypt token:`,
         H
       );
     }
@@ -2951,13 +2968,13 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         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({
           onSuccess: () => {
-            p();
+            _();
           }
         });
       }
     } catch {
       console.error(
-        `${ke} - Invalid WebSocket message:`,
+        `${pe} - Invalid WebSocket message:`,
         h.data
       );
     }
@@ -2972,7 +2989,7 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     );
   };
   return X(() => {
-    C.current || p();
+    C.current || _();
   }, []), /* @__PURE__ */ n.jsx(
     mt.Provider,
     {
@@ -2980,10 +2997,10 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         ws: t == null ? void 0 : t.current,
         onSendMsg: E,
         userOnline: c,
-        connectWebSocket: p,
-        retryCountState: d,
+        connectWebSocket: _,
+        retryCountState: l,
         setRetryCountState: a,
-        retryCountRef: s,
+        retryCountRef: r,
         isGetResponse: u,
         setGetResponse: f
       },
@@ -2991,11 +3008,11 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     }
   );
 }, Mr = () => {
-  var d;
-  const { widgetProps: e } = J(), { listTicket: t, setTicketId: s, loadingListTicket: r } = ve(), { onSendMsg: l, setGetResponse: c } = he(), { xs: o } = Ce.useBreakpoint();
+  var l;
+  const { widgetProps: e } = K(), { listTicket: t, setTicketId: r, loadingListTicket: s } = ve(), { onSendMsg: d, setGetResponse: c } = he(), { xs: o } = Ce.useBreakpoint();
   return /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
     /* @__PURE__ */ n.jsx(Dr, {}),
-    r ? /* @__PURE__ */ n.jsx("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: (d = Array.from({ length: 5 })) == null ? void 0 : d.map((a, u) => /* @__PURE__ */ n.jsx(
+    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(
       ue.Input,
       {
         style: { height: 80, width: "100%", borderRadius: 8 }
@@ -3014,12 +3031,12 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
             ...a,
             key: u,
             onClick: () => {
-              c(!0), l({
+              c(!0), d({
                 event: "JOIN_ROOM",
                 data: {
                   TASK_ID: a == null ? void 0 : a.TASK_ID
                 }
-              }), s(a == null ? void 0 : a.TASK_ID);
+              }), r(a == null ? void 0 : a.TASK_ID);
             }
           }
         )) : /* @__PURE__ */ n.jsx(
@@ -3037,16 +3054,16 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       }
     )
   ] });
-}, Fr = R(Mr), Hr = ({ children: e, open: t, onClose: s, footer: r, styleContainer: l }) => {
+}, Fr = R(Mr), Hr = ({ children: e, open: t, onClose: r, footer: s, styleContainer: d }) => {
   var g;
-  const [c, o] = D(!1), d = Y(), a = Y(null), u = Y(), 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 s == "function" && s());
+  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) => {
+    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(() => {
       C == null || C.focus();
-    }, 250), C == null || C.addEventListener("keydown", x)), t && o(!1), clearTimeout(d == null ? void 0 : d.current), d.current = setTimeout(() => {
+    }, 250), C == null || C.addEventListener("keydown", x)), t && o(!1), clearTimeout(l == null ? void 0 : l.current), l.current = setTimeout(() => {
       t || o(!0);
     }, 300), () => {
       C && (C == null || C.removeEventListener("keydown", x));
@@ -3060,27 +3077,27 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       style: {
         display: c ? "none" : "block",
         height: "100%",
-        ...((g = Object == null ? void 0 : Object.keys(l || {})) == null ? void 0 : g.length) > 0 && {
-          ...l
+        ...((g = Object == null ? void 0 : Object.keys(d || {})) == null ? void 0 : g.length) > 0 && {
+          ...d
         }
       },
       children: [
         e,
-        r && r
+        s && s
       ]
     }
   );
 }, bt = R(Hr), vt = Te({}), De = () => ye(vt), Ir = ({ children: e }) => {
-  const [t, s] = D([]), [r, l] = D({}), [c, o] = D(!0), [d, a] = D({}), u = Y(!1), f = en(), { ticketId: x } = ve(), { ws: g, setGetResponse: C } = he(), { parsedJWT: y } = J(), w = O(() => {
+  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(() => {
     var S;
-    const b = (r == null ? void 0 : r.CREATED_BY) ?? {}, h = (r == null ? void 0 : r.ASSIGNEE) ?? {}, m = (r == null ? void 0 : r.OTHER_ASSIGNEE) ?? [], j = (S = [b, h, ...m].map((I) => ({
+    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) => {
       var B;
       return ((B = Object.keys(I || {})) == null ? void 0 : B.length) > 0;
     });
     return Tn({ ArrObj: j, key: "EMP_ID" });
-  }, [r]), _ = () => {
+  }, [s]), k = () => {
     var b, h;
     o(!0), (h = (b = f({
       endpoint: "/helpdesk/chat/list",
@@ -3099,13 +3116,13 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
             ...$ == null ? void 0 : $.ACTOR
           }
         }));
-        s(Qe(F));
+        r(Qe(F));
       } else
-        s({});
+        r({});
     })) == null || h.finally(() => {
       o(!1);
     });
-  }, p = () => {
+  }, _ = () => {
     var b;
     (b = f({
       endpoint: "/helpdesk/myticket/get",
@@ -3117,9 +3134,9 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       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;
-        l(I);
+        d(I);
       } else
-        l({});
+        d({});
     });
   }, v = (b) => {
     var j;
@@ -3127,7 +3144,7 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     C(!0), a((S) => ({
       ...S,
       [h]: !1
-    })), u.current || s((S) => {
+    })), u.current || r((S) => {
       const I = yn(S), B = h == m ? "to" : "from", M = [...I, { ...b, CHAT_ALIGN: B }];
       return Qe(M);
     }), u.current = !1;
@@ -3137,30 +3154,30 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       (j === "RECEIVE_MESSAGE" || j === "RECEIVE_ANOTHER_MESSAGE") && v(m);
     }
   };
-  return X(() => (x && (_(), p()), g && x && (g == null || g.addEventListener("message", E)), () => {
+  return X(() => (x && (k(), _()), g && x && (g == null || g.addEventListener("message", E)), () => {
     g && x && (g == null || g.removeEventListener("message", E));
   }), [x]), /* @__PURE__ */ n.jsx(
     vt.Provider,
     {
       value: {
         chats: t,
-        setChats: s,
-        detailTicket: r,
+        setChats: r,
+        detailTicket: s,
         employees: w,
         isFromSelf: u,
         loadingChats: c,
-        objTypingOtherEmp: d,
+        objTypingOtherEmp: l,
         setTypingOtherEmp: a
       },
       children: e
     }
   );
 }, $r = ({ onClose: e }) => {
-  const { xs: t } = Ce.useBreakpoint(), { employees: s, detailTicket: r, loadingChats: l } = De(), { userOnline: c } = he(), o = O(() => {
+  const { xs: t } = Ce.useBreakpoint(), { employees: r, detailTicket: s, loadingChats: d } = De(), { userOnline: c } = he(), o = O(() => {
     var a;
-    return (a = s == null ? void 0 : s.map((u) => u == null ? void 0 : u.FULL_NAME)) == null ? void 0 : a.join(", ");
-  }, [s]), d = O(() => t ? "click" : "hover", [t]);
-  return l ? /* @__PURE__ */ n.jsxs("div", { className: "w-ticket-detail-header-container", children: [
+    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: [
     /* @__PURE__ */ n.jsx(ue.Avatar, {}),
     /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
       /* @__PURE__ */ n.jsx(ue.Input, {}),
@@ -3183,15 +3200,15 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         Ee.Group,
         {
           maxCount: 2,
-          maxPopoverTrigger: d,
+          maxPopoverTrigger: l,
           maxStyle: {
             color: "#f56a00",
             backgroundColor: "#fde3cf",
             cursor: "pointer"
           },
-          children: s == null ? void 0 : s.map((a, u) => {
+          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: d, children: /* @__PURE__ */ bn(
+            return /* @__PURE__ */ n.jsx(Se, { title: a == null ? void 0 : a.FULL_NAME, trigger: l, children: /* @__PURE__ */ bn(
               Ee,
               {
                 ...f && {
@@ -3212,16 +3229,16 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         /* @__PURE__ */ n.jsx(
           Se,
           {
-            title: `${r == null ? void 0 : r.TASK_CODE} - ${r == null ? void 0 : r.SUBJECT}`,
-            trigger: d,
+            title: `${s == null ? void 0 : s.TASK_CODE} - ${s == null ? void 0 : s.SUBJECT}`,
+            trigger: l,
             children: /* @__PURE__ */ n.jsxs(V.Text, { className: "w-ticket-detail-header-text", children: [
-              r == null ? void 0 : r.TASK_CODE,
+              s == null ? void 0 : s.TASK_CODE,
               " - ",
-              r == null ? void 0 : r.SUBJECT
+              s == null ? void 0 : s.SUBJECT
             ] })
           }
         ),
-        /* @__PURE__ */ n.jsx(Se, { title: o, trigger: d, children: /* @__PURE__ */ n.jsx(
+        /* @__PURE__ */ n.jsx(Se, { title: o, trigger: l, children: /* @__PURE__ */ n.jsx(
           V.Text,
           {
             type: "secondary",
@@ -3234,7 +3251,7 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         ) })
       ] })
     ] }),
-    /* @__PURE__ */ n.jsx(xt, { taskStatus: r == null ? void 0 : r.STATUS })
+    /* @__PURE__ */ n.jsx(xt, { taskStatus: s == null ? void 0 : s.STATUS })
   ] });
 }, Br = R($r), Ur = ({ ...e }) => {
   const t = O(() => (e == null ? void 0 : e.CHAT_ALIGN) === "to" ? "client" : "response", [e]);
@@ -3257,34 +3274,34 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     )
   ] });
 }, Wr = R(Ur), Vr = ({ ...e }) => {
-  const t = k("Download", "Download"), s = O(() => (e == null ? void 0 : e.CHAT_ALIGN) === "to" ? "client" : "response", [e]), r = O(() => {
+  const t = p("Download", "Download"), r = O(() => (e == null ? void 0 : e.CHAT_ALIGN) === "to" ? "client" : "response", [e]), s = O(() => {
     var a;
-    const d = e == null ? void 0 : e.ATTACHMENT;
-    if (d)
+    const l = e == null ? void 0 : e.ATTACHMENT;
+    if (l)
       try {
-        const u = new URL(d), f = (a = u == null ? void 0 : u.pathname) == null ? void 0 : a.split("/");
+        const u = new URL(l), f = (a = u == null ? void 0 : u.pathname) == null ? void 0 : a.split("/");
         return f == null ? void 0 : f[(f == null ? void 0 : f.length) - 1];
       } catch {
-        return d;
+        return l;
       }
     return "";
-  }, [e]), l = O(() => {
-    if (r != null && r.includes(".")) {
-      const d = r == null ? void 0 : r.split(".");
-      return `.${d == null ? void 0 : d[(d == null ? void 0 : d.length) - 1]}`;
+  }, [e]), d = 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]}`;
     }
     return "";
-  }, [e, r]), c = O(() => dn == null ? void 0 : dn.includes(l), [e, l]), o = () => {
+  }, [e, s]), c = O(() => dn == null ? void 0 : dn.includes(d), [e, d]), o = () => {
     En({
       downloadURL: e == null ? void 0 : e.ATTACHMENT,
-      fileName: r,
+      fileName: s,
       isOpenNewTab: !0
     });
   };
   return /* @__PURE__ */ n.jsx(n.Fragment, { children: /* @__PURE__ */ n.jsxs(
     "div",
     {
-      className: `w-bubble-chat ${`w-${s}`}`,
+      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: [
@@ -3294,7 +3311,7 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
             {
               onClick: o,
               style: { display: "block", width: 160 },
-              children: r
+              children: s
             }
           )
         ] }),
@@ -3314,7 +3331,7 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
           {
             date: e == null ? void 0 : e.CREATED_DATE,
             format: Xe,
-            ...s === "client" && {
+            ...r === "client" && {
               style: {
                 alignSelf: "flex-end"
               }
@@ -3338,41 +3355,41 @@ 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 } = J(), t = pe.enc.Hex.parse(
-    pe.enc.Utf8.parse(e == null ? void 0 : e.keyEncrypt).toString()
-  ), s = {
-    mode: pe.mode.ECB,
-    padding: pe.pad.Pkcs7
-  }, r = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini|GreatDayHR/i.test(
+  const { widgetProps: e } = K(), t = _e.enc.Hex.parse(
+    _e.enc.Utf8.parse(e == null ? void 0 : e.keyEncrypt).toString()
+  ), r = {
+    mode: _e.mode.ECB,
+    padding: _e.pad.Pkcs7
+  }, s = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini|GreatDayHR/i.test(
     navigator.userAgent
-  ), l = (o) => {
+  ), d = (o) => {
     if (typeof o == "number" && (o = o.toString()), !o) return "";
-    if (r) return window.encodeURIComponent(o);
-    const d = pe.enc.Utf8.parse(o), a = pe.AES.encrypt(
-      d,
+    if (s) return window.encodeURIComponent(o);
+    const l = _e.enc.Utf8.parse(o), a = _e.AES.encrypt(
+      l,
       t,
-      s
+      r
     ).toString();
     return window.encodeURIComponent(`$${a}`);
   };
   return {
     paramsEncrypt: (o) => {
-      const [d, a = null] = o.split("?"), u = d.split("/").map((f) => {
+      const [l, a = null] = o.split("?"), u = l.split("/").map((f) => {
         const [, x = null] = f.split(":");
-        return x && (e != null && e.keyEncrypt) ? l(x) : f;
+        return x && (e != null && e.keyEncrypt) ? d(x) : f;
       }).join("/");
       return a ? `${u}?${a}` : u;
     },
-    encrypt: l
+    encrypt: d
   };
 }, Kr = ({ ...e }) => {
-  const t = k("ViewFAQ", "View FAQ"), s = k(
+  const t = p("ViewFAQ", "View FAQ"), r = p(
     "FAQUnavailable",
     "FAQ unavailable"
-  ), r = k(
+  ), s = p(
     "ThisFAQIsUnavailable",
     "This FAQ is unavailable"
-  ), { paramsEncrypt: l } = ht(), { history: c } = J(), o = O(() => (e == null ? void 0 : e.CHAT_ALIGN) === "to" ? "client" : "response", [e]), d = O(() => e == null ? void 0 : e.FAQ_ID, [e]);
+  ), { 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]);
   return /* @__PURE__ */ n.jsxs("div", { className: `w-bubble-chat ${`w-${o}`}`, children: [
     /* @__PURE__ */ n.jsx(
       V.Text,
@@ -3385,21 +3402,22 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
           marginBottom: 8,
           display: "block"
         },
-        children: d ? e == null ? void 0 : e.MESSAGE : s
+        children: l ? e == null ? void 0 : e.MESSAGE : r
       }
     ),
-    d ? /* @__PURE__ */ n.jsx(
+    l ? /* @__PURE__ */ n.jsx(
       z,
       {
         block: !0,
         onClick: () => {
-          typeof c < "u" && c.push(
-            l(`/standard/hrm.helpdesk.FAQ-detail/:${d}`)
-          );
+          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}`)
+          ));
         },
         children: t
       }
-    ) : /* @__PURE__ */ n.jsx(V.Text, { children: r }),
+    ) : /* @__PURE__ */ n.jsx(V.Text, { children: s }),
     /* @__PURE__ */ n.jsx(
       We,
       {
@@ -3422,25 +3440,25 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
   }
 }, Qr = R(Jr), Zr = () => {
   var y;
-  const [e, t] = D([]), s = k("And", "and"), r = k("IsTyping", "Is Typing"), l = k("People", "People"), { employees: c, setTypingOtherEmp: o, objTypingOtherEmp: d } = De(), { ws: a, setGetResponse: u } = he(), { parsedJWT: f } = J(), x = O(() => e == null ? void 0 : e.filter((w) => d == null ? void 0 : d[w == null ? void 0 : w.EMP_ID]), [d, e]), g = O(() => {
-    const w = x == null ? void 0 : x.map((_) => _ == null ? void 0 : _.FULL_NAME);
+  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);
     if ((x == null ? void 0 : x.length) > 2) {
-      const _ = w == null ? void 0 : w.filter((v, E) => E <= 1), p = w == null ? void 0 : w.filter((v, E) => E > 1);
-      return `${_ == null ? void 0 : _.join(", ")}, ${s} ${p == null ? void 0 : p.length} ${l} ${r}`;
+      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}`;
     }
-    return `${w == null ? void 0 : w.join(", ")} ${r}`;
+    return `${w == null ? void 0 : w.join(", ")} ${s}`;
   }, [e, x]), C = (w) => {
     if ((w == null ? void 0 : w.data) !== "PING") {
-      const _ = JSON.parse((w == null ? void 0 : w.data) || "{}"), { DATA: p = {}, EVENT: v = "" } = _ ?? {}, E = p == null ? void 0 : p.EMPLOYEE_ID, b = f == null ? void 0 : f.EMP_ID;
+      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;
       if (v === "TYPING") {
         E === b ? u(!1) : o((j) => ({
           ...j,
-          [E]: p == null ? void 0 : p.IS_TYPING
+          [E]: _ == null ? void 0 : _.IS_TYPING
         }));
         const h = c == null ? void 0 : c.find(
-          (j) => (j == null ? void 0 : j.EMP_ID) === (p == null ? void 0 : p.EMPLOYEE_ID)
+          (j) => (j == null ? void 0 : j.EMP_ID) === (_ == null ? void 0 : _.EMPLOYEE_ID)
         ), m = {
-          ...p,
+          ..._,
           ...h
         };
         t((j) => {
@@ -3455,7 +3473,7 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
   };
   return X(() => (a && (a == null || a.addEventListener("message", C)), () => {
     a && (a == null || a.removeEventListener("message", C));
-  }), [c]), (y = Object.values(d || {})) != null && y.every((w) => w === !1) ? null : /* @__PURE__ */ n.jsxs(
+  }), [c]), (y = Object.values(l || {})) != null && y.every((w) => w === !1) ? null : /* @__PURE__ */ n.jsxs(
     "div",
     {
       style: {
@@ -3474,7 +3492,7 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
               backgroundColor: "#fde3cf",
               cursor: "pointer"
             },
-            children: x == null ? void 0 : x.map((w, _) => /* @__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 }) }, _))
+            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))
           }
         ),
         /* @__PURE__ */ n.jsx(V.Text, { children: g }),
@@ -3484,22 +3502,22 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
   );
 }, Xr = R(Zr), Pr = () => {
   var c;
-  const { chats: e } = De(), { widgetProps: t } = J(), { activeTab: s } = be(), r = Y(), { xs: l } = Ce.useBreakpoint();
+  const { chats: e } = De(), { widgetProps: t } = K(), { activeTab: r } = be(), s = Y(), { xs: d } = Ce.useBreakpoint();
   return X(() => {
-    clearTimeout(r.current), r.current = setTimeout(() => {
+    clearTimeout(s.current), s.current = setTimeout(() => {
       me(".w-ticket-detail-content-container");
     }, 350);
-  }, [s]), /* @__PURE__ */ n.jsxs(
+  }, [r]), /* @__PURE__ */ n.jsxs(
     "div",
     {
-      className: `w-ticket-detail-content-container ${l ? t != null && t.isSF ? "w-ticket-detail-content-container-sf-mobile" : "w-ticket-detail-content-container-mobile" : ""} `,
+      className: `w-ticket-detail-content-container ${d ? 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 d = e == null ? void 0 : e[o];
+          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(d)) == null ? void 0 : u.map((f, x) => {
+            /* @__PURE__ */ n.jsx("div", { className: "w-bubble-chat-container", children: (u = rt(l)) == null ? void 0 : u.map((f, x) => {
               var y, w;
               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: [
@@ -3521,18 +3539,18 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
   );
 }, eo = R(Pr), no = () => {
   var c, o;
-  const { chats: e, loadingChats: t } = De(), { widgetProps: s } = J(), { xs: r } = Ce.useBreakpoint(), l = O(() => {
+  const { chats: e, loadingChats: t } = De(), { widgetProps: r } = K(), { xs: s } = Ce.useBreakpoint(), d = O(() => {
     var a;
-    const d = [fn];
-    return r && (s != null && s.isSF ? d == null || d.push(
+    const l = [fn];
+    return s && (r != null && r.isSF ? l == null || l.push(
       `${fn}-sf-mobile`
-    ) : d == null || d.push(`${fn}-mobile`)), (a = d == null ? void 0 : d.filter(Boolean)) == null ? void 0 : a.join(" ");
-  }, [r, s == null ? void 0 : s.isSF]);
+    ) : l == null || l.push(`${fn}-mobile`)), (a = l == null ? void 0 : l.filter(Boolean)) == null ? void 0 : a.join(" ");
+  }, [s, r == null ? void 0 : r.isSF]);
   return t ? /* @__PURE__ */ n.jsx(
     "div",
     {
-      className: `${l} w-ticket-detail-loading-chats`,
-      children: (c = Array.from({ length: 3 })) == null ? void 0 : c.map((d, a) => {
+      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;
         return /* @__PURE__ */ n.jsxs(
           "div",
@@ -3575,7 +3593,7 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
   ) : ((o = Object.keys(e || {})) == null ? void 0 : o.length) === 0 ? /* @__PURE__ */ n.jsx(
     "div",
     {
-      className: l,
+      className: d,
       style: {
         display: "flex",
         justifyContent: "center",
@@ -3590,8 +3608,8 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     "div",
     {
       style: { display: "flex", gap: 8 },
-      onClick: (s) => {
-        s == null || s.stopPropagation();
+      onClick: (r) => {
+        r == null || r.stopPropagation();
       },
       children: [
         /* @__PURE__ */ n.jsx(
@@ -3604,8 +3622,8 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
             style: { borderRadius: 8 },
             preview: !1,
             loading: "lazy",
-            onError: (s) => {
-              t.current += 1, (t == null ? void 0 : t.current) < 3 ? s.target.src = ot(e == null ? void 0 : e.PHOTO) : s.target.src = jn(e == null ? void 0 : e.FULL_NAME);
+            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);
             }
           }
         ),
@@ -3619,16 +3637,16 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     }
   );
 }, ro = R(so), oo = ({ setLoadingUpload: e, isLoadingUpload: t }) => {
-  var p, v;
-  const s = en(), [r, l] = D({}), c = Y(null), o = k(
+  var _, v;
+  const r = en(), [s, d] = D({}), c = Y(null), o = p(
     "ImageMustSmallerThan",
     "Image must smaller than"
-  ), d = k(
+  ), l = p(
     "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 = s({
+    (E = r({
       endpoint: "/upload/get-upload-config",
       data: {
         LIMIT: 1,
@@ -3640,28 +3658,28 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     })) == 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 && l(h == null ? void 0 : h[0]);
+      (h == null ? void 0 : h.length) > 0 && d(h == null ? void 0 : h[0]);
     });
   }, w = (E) => {
     var m, j, S;
-    const b = E.size / 1024 / 1024, h = (r == null ? void 0 : r.MAXFILESIZE) / 1024;
+    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({
       getContainer: () => document.querySelector(".w-widget-content-container"),
       top: 28,
       placement: "top"
     }), (S = ie) == null || S.error({
-      message: d,
+      message: l,
       description: `${o} ${h == null ? void 0 : h.toFixed(
         1
       )} MB!`,
       className: "w-notification-content",
       duration: 3
     })), !1;
-  }, _ = (E) => {
+  }, k = (E) => {
     var h, m;
     e(!0);
     const b = new FormData();
-    b.append("UPLOAD_CODE", r == null ? void 0 : r.UPLOAD_CODE), b.append("UPLOAD_TYPE", r == null ? void 0 : r.UPLOAD_TYPE), b.append("FILE", E), (m = (h = s({
+    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({
       endpoint: "/upload/temp",
       data: b,
       headers: {
@@ -3708,9 +3726,9 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     {
       beforeUpload: w,
       fileList: [],
-      accept: (v = (p = r == null ? void 0 : r.EXT_LIST) == null ? void 0 : p.split(",")) == null ? void 0 : v.map((E) => `.${E}`),
+      accept: (v = (_ = s == null ? void 0 : s.EXT_LIST) == null ? void 0 : _.split(",")) == null ? void 0 : v.map((E) => `.${E}`),
       onChange: (E) => {
-        _(E == null ? void 0 : E.file);
+        k(E == null ? void 0 : E.file);
       },
       children: /* @__PURE__ */ n.jsx(
         z,
@@ -3724,47 +3742,47 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     }
   );
 }, co = R(oo), io = (e) => {
-  var r;
-  const t = Y(null), s = Y(null);
-  return s != null && s.current && ((r = s.current) == null || r.update(e)), X(() => {
+  var s;
+  const t = Y(null), r = Y(null);
+  return r != null && r.current && ((s = r.current) == null || s.update(e)), X(() => {
     var c;
-    const l = (c = window == null ? void 0 : window.customElements) == null ? void 0 : c.get("em-emoji-picker");
-    return s.current = new (l || cs)({ ...e, ref: t }), () => {
-      s.current = null;
+    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 }), () => {
+      r.current = null;
     };
   }, []), mn.createElement("div", { ref: t });
 }, lo = ({ refInput: e }) => {
-  const { xs: t } = Ce.useBreakpoint(), s = O(() => t ? "click" : "hover", [t]), r = () => {
+  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: d, value: a } = c, u = a == null ? void 0 : a.substring(0, o), f = a == null ? void 0 : a.substring(o, d), x = a == null ? void 0 : a.substring(d);
+    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);
     return {
       before: u,
       selectedText: f,
       after: x,
       selectionStart: o,
-      selectionEnd: d,
+      selectionEnd: l,
       text: a
     };
-  }, l = (c) => {
+  }, d = (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, d = c == null ? void 0 : c.native;
+    const o = (g = e == null ? void 0 : e.current) == null ? void 0 : g.textarea, l = c == null ? void 0 : c.native;
     if (!o) return;
-    const { before: a, after: u } = r(), f = `${a}${d}${u}`;
-    typeof document.execCommand == "function" ? document.execCommand("insertText", !1, d) : o.value = f;
+    const { before: a, after: u } = s(), f = `${a}${l}${u}`;
+    typeof document.execCommand == "function" ? document.execCommand("insertText", !1, l) : o.value = f;
   };
   return /* @__PURE__ */ n.jsx(
     vn,
     {
-      trigger: s,
+      trigger: r,
       content: /* @__PURE__ */ n.jsx(
         io,
         {
           onEmojiSelect: (c) => {
-            l(c);
+            d(c);
           },
           theme: "auto"
         }
@@ -3773,10 +3791,10 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     }
   );
 }, ao = R(lo), uo = () => {
-  const [e, t] = D(0), [s, r] = D(!1), l = Y(null), c = Y(null), o = Y(!1), d = Y(null), { onSendMsg: a, setGetResponse: u, isGetResponse: f } = he(), { ticketId: x } = ve(), { isActiveTabVA: g } = be(), { employees: C, setChats: y, isFromSelf: w, detailTicket: _ } = De(), p = O(() => s || !f, [s, f]), v = O(() => {
+  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(() => {
     var m;
-    return ((m = _ == null ? void 0 : _.STATUS) == null ? void 0 : m.toString().toLowerCase()) === "closed";
-  }, [_ == null ? void 0 : _.STATUS]), E = O(() => C == null ? void 0 : C.map((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) => ({
     ...m,
     label: /* @__PURE__ */ n.jsx(
       vn,
@@ -3790,7 +3808,7 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
   })), [C]), b = () => {
     var S, I, B;
     u(!1);
-    const m = (I = (S = l == null ? void 0 : l.current) == null ? void 0 : S.textarea) == null ? void 0 : I.value;
+    const m = (I = (S = d == null ? void 0 : d.current) == null ? void 0 : S.textarea) == null ? void 0 : I.value;
     a({
       event: "SEND_MESSAGE",
       data: {
@@ -3831,9 +3849,9 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     }, 250);
   };
   return X(() => {
-    l != null && l.current && !g && x && (clearTimeout(d.current), d.current = setTimeout(() => {
+    d != null && d.current && !g && x && (clearTimeout(l.current), l.current = setTimeout(() => {
       var m;
-      (m = l == null ? void 0 : l.current) == null || m.focus();
+      (m = d == null ? void 0 : d.current) == null || m.focus();
     }, 500));
   }, [g, x]), v ? null : /* @__PURE__ */ n.jsxs(
     "div",
@@ -3843,12 +3861,12 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         margin: 0
       },
       children: [
-        /* @__PURE__ */ n.jsx(ao, { refInput: l }),
+        /* @__PURE__ */ n.jsx(ao, { refInput: d }),
         /* @__PURE__ */ n.jsx(
           co,
           {
-            setLoadingUpload: r,
-            isLoadingUpload: s
+            setLoadingUpload: s,
+            isLoadingUpload: r
           }
         ),
         /* @__PURE__ */ n.jsx(
@@ -3857,7 +3875,7 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
             autoSize: {
               maxRows: 3
             },
-            ref: l,
+            ref: d,
             className: "w-input-helpdesk",
             placeholder: "Type a message...",
             onChange: () => {
@@ -3878,16 +3896,16 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         /* @__PURE__ */ n.jsx(
           z,
           {
-            loading: p,
-            disabled: p,
+            loading: _,
+            disabled: _,
             className: "w-send-btn",
             style: {
               backgroundColor: "var(--primary-color, #395ebc)",
-              ...p && {
+              ..._ && {
                 color: "white"
               }
             },
-            icon: /* @__PURE__ */ n.jsx(P, { type: p ? "loading" : "send" }),
+            icon: /* @__PURE__ */ n.jsx(P, { type: _ ? "loading" : "send" }),
             shape: "circle",
             onClick: b
           }
@@ -3895,34 +3913,34 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       ]
     }
   );
-}, fo = R(uo), xo = ({ title: e, subTitle: t, onClose: s, open: r, styleWrapper: l }) => {
+}, fo = R(uo), xo = ({ title: e, subTitle: t, onClose: r, open: s, styleWrapper: d }) => {
   var c;
-  return r ? /* @__PURE__ */ n.jsx(
+  return s ? /* @__PURE__ */ n.jsx(
     "div",
     {
       className: "w-banner-container",
-      ...((c = Object.keys(l || {})) == null ? void 0 : c.length) > 0 && {
-        style: l
+      ...((c = Object.keys(d || {})) == null ? void 0 : c.length) > 0 && {
+        style: d
       },
       children: /* @__PURE__ */ n.jsxs("div", { className: "w-banner-content", children: [
         e && /* @__PURE__ */ n.jsx(V.Text, { style: { fontSize: 16, fontWeight: 600 }, children: e }),
         t && /* @__PURE__ */ n.jsx("div", { className: "w-banner-subtitle", children: t }),
-        typeof s == "function" && /* @__PURE__ */ n.jsx("div", { className: "w-banner-close-btn", children: /* @__PURE__ */ n.jsx(
+        typeof r == "function" && /* @__PURE__ */ n.jsx("div", { className: "w-banner-close-btn", children: /* @__PURE__ */ n.jsx(
           z,
           {
             style: { border: "none", background: "transparent" },
             icon: /* @__PURE__ */ n.jsx(P, { type: "close" }),
-            onClick: () => s()
+            onClick: () => r()
           }
         ) })
       ] })
     }
   ) : null;
 }, Et = R(xo), go = () => {
-  const e = k(
+  const e = p(
     "ForMoreInformationOfThisTicket",
     "For more information of this ticket"
-  ), t = k("ClickHere", "Click here"), { ticketId: s } = ve(), { history: r } = J(), { encrypt: l } = ht();
+  ), t = p("ClickHere", "Click here"), { ticketId: r } = ve(), { widgetProps: s } = K(), { encrypt: d } = ht();
   return /* @__PURE__ */ n.jsx(
     Et,
     {
@@ -3934,10 +3952,10 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
             strong: !0,
             className: "w-reconnect-manual",
             onClick: () => {
-              const c = l(s);
-              r.push(
+              const c = d(r);
+              s != null && s.history && (s == null || s.history.push(
                 `/standard/hrm.helpdesk.my-ticket.ticket-details?id=${c}`
-              );
+              ));
             },
             children: t
           }
@@ -3955,11 +3973,11 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
   /* @__PURE__ */ n.jsx(to, {}),
   /* @__PURE__ */ n.jsx(fo, {})
 ] }) }), bo = R(mo), vo = () => {
-  const e = k("AdvanceFilter", "Advance Filter"), t = k("Subject", "Subject"), s = k(
+  const e = p("AdvanceFilter", "Advance Filter"), t = p("Subject", "Subject"), r = p(
     "TicketCategory",
     "Ticket Category"
-  ), r = k("TicketStatus", "Ticket Status"), l = k("CreatedDate", "Created Date"), c = k("New", "New"), o = k("Open", "Open"), d = k("Reopen", "Reopen"), a = k("InProgress", "In Progress"), u = k("Responded", "Responded"), f = k("Fixed", "Fixed"), x = k("Done", "Done"), g = k("Closed", "Closed"), C = k("HDCancelled", "Cancelled"), y = k("Clear", "Clear"), w = k("Filter", "Filter"), _ = en(), [p] = oe.useForm(), { openFilter: v, setOpenFilter: E, getListTicket: b, setCountFilters: h } = ve(), [m, j] = D([]), S = O(() => {
-    const M = `${c}/${o}/${d}`, L = `${a}/${u}`, F = `${f}/${x}`;
+  ), 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}`;
     return [
       { value: 3, label: M },
       { value: 1, label: L },
@@ -3969,7 +3987,7 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     ];
   }, []), I = () => {
     var M;
-    (M = _({
+    (M = k({
       endpoint: "/helpdesk/category/list",
       data: {
         LIMIT: 999999,
@@ -3991,7 +4009,7 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     });
   }, B = () => {
     var F, $;
-    const M = p == null ? void 0 : p.getFieldsValue(!0);
+    const M = _ == null ? void 0 : _.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);
@@ -4011,7 +4029,7 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
           z,
           {
             onClick: () => {
-              p == null || p.resetFields(), B();
+              _ == null || _.resetFields(), B();
             },
             children: y
           },
@@ -4031,28 +4049,28 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       ] }),
       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: p, layout: "vertical", children: [
+        /* @__PURE__ */ n.jsx("div", { className: "w-ticket-list-advance-filter-form-container", children: /* @__PURE__ */ n.jsxs(oe, { form: _, layout: "vertical", children: [
           /* @__PURE__ */ n.jsx(oe.Item, { label: t, name: "TASK_NAME", children: /* @__PURE__ */ n.jsx(Be, { allowClear: !0 }) }),
-          /* @__PURE__ */ n.jsx(oe.Item, { label: s, name: "CATEGORY_CODE", children: /* @__PURE__ */ n.jsx(Wn, { options: m, mode: "multiple", allowClear: !0 }) }),
-          /* @__PURE__ */ n.jsx(oe.Item, { label: r, name: "TASK_STATUS", children: /* @__PURE__ */ n.jsx(Wn, { options: S, mode: "multiple", allowClear: !0 }) }),
-          /* @__PURE__ */ n.jsx(oe.Item, { label: l, 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(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 }) })
         ] }) })
       ]
     }
   );
 }, ho = R(vo), Eo = () => {
-  const e = k(
+  const e = p(
     "ReconnectManually",
     "Reconnect Manually"
-  ), t = k(
+  ), t = p(
     "HelpdeskWebsocket",
     "Helpdesk Websocket"
-  ), s = k("NotConnected", "Not Connected"), r = k("Connecting", "Connecting"), {
-    connectWebSocket: l,
+  ), r = p("NotConnected", "Not Connected"), s = p("Connecting", "Connecting"), {
+    connectWebSocket: d,
     retryCountState: c,
     setRetryCountState: o,
-    retryCountRef: d
-  } = he(), a = O(() => c === Ie ? `${t} ${s}` : `${t} ${r}`, [c]);
+    retryCountRef: l
+  } = he(), a = O(() => c === Ie ? `${t} ${r}` : `${t} ${s}`, [c]);
   return /* @__PURE__ */ n.jsx(
     "div",
     {
@@ -4076,7 +4094,7 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
             {
               type: "primary",
               onClick: () => {
-                d.current = 0, o(0), l();
+                l.current = 0, o(0), d();
               },
               children: e
             },
@@ -4095,14 +4113,14 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     }
   );
 }, To = R(Eo), yo = () => {
-  const { setTicketId: e, ticketId: t, openFilter: s } = ve(), { onSendMsg: r, setGetResponse: l } = he(), { showReadyWSHD: c } = J();
+  const { setTicketId: e, ticketId: t, openFilter: r } = ve(), { onSendMsg: s, setGetResponse: d } = he(), { showReadyWSHD: c } = K();
   return c ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
     /* @__PURE__ */ n.jsx(
       bo,
       {
         visible: t,
         onClose: () => {
-          e(""), l(!1), r({
+          e(""), d(!1), s({
             event: "LEAVE_ROOM",
             data: {
               TASK_ID: t
@@ -4111,25 +4129,25 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         }
       }
     ),
-    /* @__PURE__ */ n.jsx("div", { style: { display: !t && !s ? "block" : "none" }, children: /* @__PURE__ */ n.jsx(Fr, {}) }),
+    /* @__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, ...s }) => t ? /* @__PURE__ */ n.jsx(vn, { ...s, visible: s == null ? void 0 : s.open, children: e }) : e, po = () => {
-  const e = k("NeedHelp", "Need Help"), t = k(
+}, 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(
     "WidgetDisconnected",
     "Widget Disconnected"
-  ), [s, r] = D(!0), l = Y(), { widgetProps: c, setOpenWidget: o, isFirstOpenWidget: d, setFirstOpenWidget: a } = J(), { onSendMsg: u, connected: f, isHandshakeWidget: x } = fe(), g = () => {
+  ), [r, s] = D(!0), d = Y(), { widgetProps: c, setOpenWidget: o, isFirstOpenWidget: l, setFirstOpenWidget: a } = K(), { onSendMsg: u, connected: f, isHandshakeWidget: x } = fe(), g = () => {
     o(!0), u({ msg: c == null ? void 0 : c.getStartedPayload });
   };
   return X(() => {
-    r(!f), window.clearTimeout(l.current), l.current = setTimeout(() => {
-      r(!1);
+    s(!f), window.clearTimeout(d.current), d.current = setTimeout(() => {
+      s(!1);
     }, 3e3);
   }, [f]), /* @__PURE__ */ n.jsx(
     wo,
     {
-      usePopover: s && x === "show",
-      open: s && x === "show",
+      usePopover: r && x === "show",
+      open: r && x === "show",
       content: t,
       placement: "right",
       children: /* @__PURE__ */ n.jsxs(
@@ -4137,7 +4155,7 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         {
           className: "w-launcher-container",
           onClick: () => {
-            d || (a(!0), g()), o(!0);
+            l || (a(!0), g()), o(!0);
           },
           children: [
             /* @__PURE__ */ n.jsx(P, { type: "chat-bubble" }),
@@ -4159,20 +4177,20 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       )
     }
   );
-}, _o = R(po), ko = () => {
-  const e = k("NotConnected", "Not Connected"), t = k(
+}, ko = R(_o), po = () => {
+  const e = p("NotConnected", "Not Connected"), t = p(
     "CannotAutoReconnect",
     "Cannot auto reconnect"
-  ), s = k(
+  ), r = p(
     "ReconnectManually",
     "Reconnect Manually"
-  ), [r, l] = D(!1), { connected: c, createSocket: o } = fe(), { widgetProps: d } = J();
+  ), [s, d] = D(!1), { connected: c, createSocket: o } = fe(), { widgetProps: l } = K();
   return X(() => {
-    l(!c);
+    d(!c);
   }, [c]), /* @__PURE__ */ n.jsx(
     Et,
     {
-      title: `${d == null ? void 0 : d.title} ${e}`,
+      title: `${l == null ? void 0 : l.title} ${e}`,
       subTitle: /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
         /* @__PURE__ */ n.jsxs(V.Text, { children: [
           t,
@@ -4186,56 +4204,56 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
             onClick: () => {
               o();
             },
-            children: s
+            children: r
           }
         )
       ] }),
-      onClose: () => l(!1),
-      open: !c && r
+      onClose: () => d(!1),
+      open: !c && s
     }
   );
 }, Ao = R(
-  ko
+  po
 ), So = () => {
-  const { xs: e } = Ce.useBreakpoint(), [t, s] = D(!1), { isOpenWidget: r, widgetProps: l } = J(), { isActiveTabVA: c } = be(), o = Y(null), d = O(() => {
+  const { xs: e } = Ce.useBreakpoint(), [t, r] = D(!1), { isOpenWidget: s, widgetProps: d } = K(), { isActiveTabVA: c } = be(), o = Y(null), l = O(() => {
     var f;
     const u = [un];
-    return e && (l != null && l.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, l == null ? void 0 : l.isSF]), a = Gt(
+    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(
     (u) => {
       var x;
       const f = [u, xn == null ? void 0 : xn.FADE_IN];
-      return l != null && l.isSF && (f == null || f.push(`${u}-sf`)), e && (l != null && l.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 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(" ");
     },
-    [l == null ? void 0 : l.isSF, e]
+    [d == null ? void 0 : d.isSF, e]
   );
   return X(() => {
-    r && s(r), clearTimeout(o.current), o.current = setTimeout(() => {
-      r || s(r);
+    s && r(s), clearTimeout(o.current), o.current = setTimeout(() => {
+      s || r(s);
     }, 250);
-  }, [r]), t ? /* @__PURE__ */ n.jsxs("div", { className: d, children: [
+  }, [s]), t ? /* @__PURE__ */ n.jsxs("div", { className: l, children: [
     /* @__PURE__ */ n.jsxs("div", { style: { display: c ? "block" : "none" }, children: [
-      /* @__PURE__ */ n.jsx("div", { className: a(vs), children: /* @__PURE__ */ n.jsx(pr, {}) }),
-      /* @__PURE__ */ n.jsx(kr, {})
+      /* @__PURE__ */ n.jsx("div", { className: a(vs), children: /* @__PURE__ */ n.jsx(_r, {}) }),
+      /* @__PURE__ */ n.jsx(pr, {})
     ] }),
     /* @__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(_o, {});
-}, 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(({ ...s }) => /* @__PURE__ */ bn(
+  ] }) : /* @__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(
   cn.TabPane,
   {
-    ...s,
-    key: s == null ? void 0 : s.key,
-    tab: s == null ? void 0 : s.label
+    ...r,
+    key: r == null ? void 0 : r.key,
+    tab: r == null ? void 0 : r.label
   }
 )) }), Oo = R(Ro), Do = () => {
-  const { isOpenWidget: e } = J(), { setActiveTab: t, activeTab: s } = be(), r = k(
+  const { isOpenWidget: e } = K(), { setActiveTab: t, activeTab: r } = be(), s = p(
     "VirtualAssistant",
     "Virtual Assistant"
-  ), l = k("Helpdesk", "Helpdesk"), { xs: c } = Ce.useBreakpoint();
+  ), d = p("Helpdesk", "Helpdesk"), { xs: c } = Ce.useBreakpoint();
   return X(() => {
     const o = st();
-    t((o == null ? void 0 : o.activeTab) ?? s);
+    t((o == null ? void 0 : o.activeTab) ?? r);
   }, []), e ? /* @__PURE__ */ n.jsx(
     "div",
     {
@@ -4248,7 +4266,7 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       children: /* @__PURE__ */ n.jsx(
         Oo,
         {
-          activeKey: s,
+          activeKey: r,
           onChange: (o) => {
             t(o), Pe({
               activeTab: o
@@ -4256,11 +4274,11 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
           },
           items: [
             {
-              label: r,
+              label: s,
               key: "va"
             },
             {
-              label: l,
+              label: d,
               key: "helpdesk"
             }
           ]
@@ -4269,7 +4287,7 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     }
   ) : null;
 }, No = R(Do), Mo = () => {
-  const { isOpenWidget: e, setOpenWidget: t, setExpand: s, isExpand: r, widgetProps: l } = J(), { xs: c } = Ce.useBreakpoint();
+  const { isOpenWidget: e, setOpenWidget: t, setExpand: r, isExpand: s, widgetProps: d } = K(), { xs: c } = Ce.useBreakpoint();
   return e ? /* @__PURE__ */ n.jsxs(
     "div",
     {
@@ -4281,8 +4299,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: l == null ? void 0 : l.title }),
-          /* @__PURE__ */ n.jsx("span", { className: `${He}-subtitle`, children: l == null ? void 0 : l.subTitle })
+          /* @__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.jsxs("div", { className: `${He}-action`, children: [
           !c && /* @__PURE__ */ n.jsx(
@@ -4290,11 +4308,11 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
             {
               type: "expand",
               style: {
-                transform: r ? "rotate(180deg)" : "rotate(0deg)",
+                transform: s ? "rotate(180deg)" : "rotate(0deg)",
                 transition: "all 300ms"
               },
               onClick: () => {
-                s((o) => !o);
+                r((o) => !o);
               }
             }
           ),
@@ -4312,22 +4330,22 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     }
   ) : null;
 }, Fo = R(Mo), Ho = () => {
-  const { isExpand: e, isOpenWidget: t, isFirstOpenWidget: s, setOpenWidget: r } = J(), { xs: l } = Ce.useBreakpoint(), c = O(() => {
-    var d;
+  const { isExpand: e, isOpenWidget: t, isFirstOpenWidget: r, setOpenWidget: s } = K(), { xs: d } = Ce.useBreakpoint(), c = O(() => {
+    var l;
     const o = [
-      l && t && "w-container-widget-mobile",
-      s && (t ? "w-show-animate" : "w-close-animate"),
+      d && t && "w-container-widget-mobile",
+      r && (t ? "w-show-animate" : "w-close-animate"),
       "w-container-widget",
       e && "w-container-widget-expand"
     ];
-    return (d = o == null ? void 0 : o.filter(Boolean)) == null ? void 0 : d.join(" ");
-  }, [e, l, s, t]);
+    return (l = o == null ? void 0 : o.filter(Boolean)) == null ? void 0 : l.join(" ");
+  }, [e, d, r, t]);
   return /* @__PURE__ */ n.jsxs(
     "div",
     {
       className: c,
       onKeyDown: (o) => {
-        (o == null ? void 0 : o.code) === "Escape" && !(o != null && o.shiftKey) && !(o != null && o.altKey) && !(o != null && o.ctrlKey) && (o == null ? void 0 : o.key) === "Escape" && r(!1);
+        (o == null ? void 0 : o.code) === "Escape" && !(o != null && o.shiftKey) && !(o != null && o.altKey) && !(o != null && o.ctrlKey) && (o == null ? void 0 : o.key) === "Escape" && s(!1);
       },
       tabIndex: 0,
       children: [
@@ -4342,24 +4360,24 @@ const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
 }, Io = R(Ho), Zo = ({
   getStartedPayload: e,
   socketURL: t,
-  socketPath: s,
-  onPayslipFn: r,
-  title: l,
+  socketPath: r,
+  onPayslipFn: s,
+  title: d,
   subTitle: c,
   keyEncrypt: o,
-  history: d,
+  history: l,
   isSF: a = !1
 }) => /* @__PURE__ */ n.jsx(
   As,
   {
     getStartedPayload: e,
     socketURL: t,
-    socketPath: s,
-    onPayslipFn: r,
-    title: l,
+    socketPath: r,
+    onPayslipFn: s,
+    title: d,
     subTitle: c,
     keyEncrypt: o,
-    history: d,
+    history: l,
     isSF: a,
     children: /* @__PURE__ */ n.jsx(Ls, { children: /* @__PURE__ */ n.jsx(Io, {}) })
   }