widget-chatbot 2.0.0-alpha.19 → 2.0.0-alpha.20

package/dist/widget-chatbot.es.js

@@ -1,7 +1,7 @@
-import bn, { version as Wt, createContext as Te, useContext as ye, useState as D, useRef as K, useMemo as O, useEffect as X, memo as R, Children as Vt, isValidElement as Gt, cloneElement as zt, Fragment as Cn, createElement as vn, useCallback as Yt } from "react";
+import bn, { version as Wt, createContext as Te, useContext as ye, useState as D, useRef as K, useMemo as R, useEffect as X, memo as O, Children as Vt, isValidElement as Gt, cloneElement as zt, Fragment as mn, createElement as vn, useCallback as Yt } from "react";
 import Oe from "axios";
 import ae from "dayjs";
-import { version as Kt, Modal as Un, Typography as V, Button as z, Form as oe, notification as ie, Radio as qt, Divider as Jt, Input as Be, Image as Qt, Skeleton as ue, Avatar as Xn, Upload as Pn, Spin as Zt, Tooltip as Se, Tag as Xt, Badge as Pt, Grid as Ce, Empty as et, Popover as hn, Mentions as Wn, Select as Vn, DatePicker as es, Result as ns, Tabs as cn } from "antd";
+import { version as Kt, Modal as Un, Typography as G, Button as Y, Form as oe, notification as ie, Radio as qt, Divider as Jt, Input as Be, Image as Qt, Skeleton as ue, Avatar as Xn, Upload as Pn, Spin as Zt, Tooltip as Se, Tag as Xt, Badge as Pt, Grid as me, Empty as et, Popover as hn, Mentions as Wn, Select as Vn, DatePicker as es, Result as ns, Tabs as cn } from "antd";
 import { io as ts } from "socket.io-client";
 import ss from "react-markdown";
 import rs from "remark-gfm";
@@ -10,7 +10,7 @@ import cs from "@ant-design/icons";
 import { Pie as is } from "@ant-design/charts";
 import ke from "crypto-js";
 import { Picker as ls } from "emoji-mart";
-var Je = { exports: {} }, pe = {};
+var Je = { exports: {} }, _e = {};
 /*
 object-assign
 (c) Sindre Sorhus
@@ -21,24 +21,24 @@ function nt() {
   if (Gn) return ln;
   Gn = 1;
   var e = Object.getOwnPropertySymbols, t = Object.prototype.hasOwnProperty, r = Object.prototype.propertyIsEnumerable;
-  function s(c) {
-    if (c == null)
+  function s(i) {
+    if (i == null)
       throw new TypeError("Object.assign cannot be called with null or undefined");
-    return Object(c);
+    return Object(i);
   }
-  function a() {
+  function l() {
     try {
       if (!Object.assign)
         return !1;
-      var c = new String("abc");
-      if (c[5] = "de", Object.getOwnPropertyNames(c)[0] === "5")
+      var i = new String("abc");
+      if (i[5] = "de", Object.getOwnPropertyNames(i)[0] === "5")
         return !1;
       for (var o = {}, d = 0; d < 10; d++)
         o["_" + String.fromCharCode(d)] = d;
-      var i = Object.getOwnPropertyNames(o).map(function(f) {
+      var c = Object.getOwnPropertyNames(o).map(function(f) {
         return o[f];
       });
-      if (i.join("") !== "0123456789")
+      if (c.join("") !== "0123456789")
         return !1;
       var u = {};
       return "abcdefghijklmnopqrst".split("").forEach(function(f) {
@@ -48,18 +48,18 @@ function nt() {
       return !1;
     }
   }
-  return ln = a() ? Object.assign : function(c, o) {
-    for (var d, i = s(c), u, f = 1; f < arguments.length; f++) {
+  return ln = l() ? Object.assign : function(i, o) {
+    for (var d, c = s(i), u, f = 1; f < arguments.length; f++) {
       d = Object(arguments[f]);
       for (var x in d)
-        t.call(d, x) && (i[x] = d[x]);
+        t.call(d, x) && (c[x] = d[x]);
       if (e) {
         u = e(d);
         for (var g = 0; g < u.length; g++)
-          r.call(d, u[g]) && (i[u[g]] = d[u[g]]);
+          r.call(d, u[g]) && (c[u[g]] = d[u[g]]);
       }
     }
-    return i;
+    return c;
   }, ln;
 }
 /** @license React v17.0.2
@@ -72,22 +72,22 @@ function nt() {
  */
 var zn;
 function as() {
-  if (zn) return pe;
+  if (zn) return _e;
   zn = 1, nt();
   var e = bn, t = 60103;
-  if (pe.Fragment = 60107, typeof Symbol == "function" && Symbol.for) {
+  if (_e.Fragment = 60107, typeof Symbol == "function" && Symbol.for) {
     var r = Symbol.for;
-    t = r("react.element"), pe.Fragment = r("react.fragment");
+    t = r("react.element"), _e.Fragment = r("react.fragment");
   }
-  var s = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, a = Object.prototype.hasOwnProperty, c = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function o(d, i, u) {
-    var f, x = {}, g = null, C = null;
-    u !== void 0 && (g = "" + u), i.key !== void 0 && (g = "" + i.key), i.ref !== void 0 && (C = i.ref);
-    for (f in i) a.call(i, f) && !c.hasOwnProperty(f) && (x[f] = i[f]);
-    if (d && d.defaultProps) for (f in i = d.defaultProps, i) x[f] === void 0 && (x[f] = i[f]);
-    return { $$typeof: t, type: d, key: g, ref: C, props: x, _owner: s.current };
+  var s = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, l = Object.prototype.hasOwnProperty, i = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function o(d, c, u) {
+    var f, x = {}, g = null, m = null;
+    u !== void 0 && (g = "" + u), c.key !== void 0 && (g = "" + c.key), c.ref !== void 0 && (m = c.ref);
+    for (f in c) l.call(c, f) && !i.hasOwnProperty(f) && (x[f] = c[f]);
+    if (d && d.defaultProps) for (f in c = d.defaultProps, c) x[f] === void 0 && (x[f] = c[f]);
+    return { $$typeof: t, type: d, key: g, ref: m, props: x, _owner: s.current };
   }
-  return pe.jsx = o, pe.jsxs = o, pe;
+  return _e.jsx = o, _e.jsxs = o, _e;
 }
 var an = {};
 /** @license React v17.0.2
@@ -102,86 +102,86 @@ var Yn;
 function ds() {
   return Yn || (Yn = 1, function(e) {
     process.env.NODE_ENV !== "production" && function() {
-      var t = bn, r = nt(), s = 60103, a = 60106;
+      var t = bn, r = nt(), s = 60103, l = 60106;
       e.Fragment = 60107;
-      var c = 60108, o = 60114, d = 60109, i = 60110, u = 60112, f = 60113, x = 60120, g = 60115, C = 60116, y = 60121, j = 60122, p = 60117, w = 60129, v = 60131;
+      var i = 60108, o = 60114, d = 60109, c = 60110, u = 60112, f = 60113, x = 60120, g = 60115, m = 60116, T = 60121, w = 60122, p = 60117, j = 60129, v = 60131;
       if (typeof Symbol == "function" && Symbol.for) {
         var h = Symbol.for;
-        s = h("react.element"), a = h("react.portal"), e.Fragment = h("react.fragment"), c = h("react.strict_mode"), o = h("react.profiler"), d = h("react.provider"), i = h("react.context"), u = h("react.forward_ref"), f = h("react.suspense"), x = h("react.suspense_list"), g = h("react.memo"), C = h("react.lazy"), y = h("react.block"), j = h("react.server.block"), p = h("react.fundamental"), h("react.scope"), h("react.opaque.id"), w = h("react.debug_trace_mode"), h("react.offscreen"), v = h("react.legacy_hidden");
+        s = h("react.element"), l = h("react.portal"), e.Fragment = h("react.fragment"), i = h("react.strict_mode"), o = h("react.profiler"), d = h("react.provider"), c = h("react.context"), u = h("react.forward_ref"), f = h("react.suspense"), x = h("react.suspense_list"), g = h("react.memo"), m = h("react.lazy"), T = h("react.block"), w = h("react.server.block"), p = h("react.fundamental"), h("react.scope"), h("react.opaque.id"), j = h("react.debug_trace_mode"), h("react.offscreen"), v = h("react.legacy_hidden");
       }
       var b = typeof Symbol == "function" && Symbol.iterator, E = "@@iterator";
-      function m(l) {
-        if (l === null || typeof l != "object")
+      function C(a) {
+        if (a === null || typeof a != "object")
           return null;
-        var T = b && l[b] || l[E];
-        return typeof T == "function" ? T : null;
+        var y = b && a[b] || a[E];
+        return typeof y == "function" ? y : null;
       }
       var k = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-      function S(l) {
+      function S(a) {
         {
-          for (var T = arguments.length, A = new Array(T > 1 ? T - 1 : 0), N = 1; N < T; N++)
+          for (var y = arguments.length, A = new Array(y > 1 ? y - 1 : 0), N = 1; N < y; N++)
             A[N - 1] = arguments[N];
-          H("error", l, A);
+          F("error", a, A);
         }
       }
-      function H(l, T, A) {
+      function F(a, y, A) {
         {
           var N = k.ReactDebugCurrentFrame, Z = N.getStackAddendum();
-          Z !== "" && (T += "%s", A = A.concat([Z]));
-          var Q = A.map(function(W) {
-            return "" + W;
+          Z !== "" && (y += "%s", A = A.concat([Z]));
+          var Q = A.map(function(V) {
+            return "" + V;
           });
-          Q.unshift("Warning: " + T), Function.prototype.apply.call(console[l], console, Q);
+          Q.unshift("Warning: " + y), Function.prototype.apply.call(console[a], console, Q);
         }
       }
       var B = !1;
-      function M(l) {
-        return !!(typeof l == "string" || typeof l == "function" || l === e.Fragment || l === o || l === w || l === c || l === f || l === x || l === v || B || typeof l == "object" && l !== null && (l.$$typeof === C || l.$$typeof === g || l.$$typeof === d || l.$$typeof === i || l.$$typeof === u || l.$$typeof === p || l.$$typeof === y || l[0] === j));
+      function M(a) {
+        return !!(typeof a == "string" || typeof a == "function" || a === e.Fragment || a === o || a === j || a === i || a === f || a === x || a === v || B || typeof a == "object" && a !== null && (a.$$typeof === m || a.$$typeof === g || a.$$typeof === d || a.$$typeof === c || a.$$typeof === u || a.$$typeof === p || a.$$typeof === T || a[0] === w));
       }
-      function L(l, T, A) {
-        var N = T.displayName || T.name || "";
-        return l.displayName || (N !== "" ? A + "(" + N + ")" : A);
+      function L(a, y, A) {
+        var N = y.displayName || y.name || "";
+        return a.displayName || (N !== "" ? A + "(" + N + ")" : A);
       }
-      function I(l) {
-        return l.displayName || "Context";
+      function H(a) {
+        return a.displayName || "Context";
       }
-      function $(l) {
-        if (l == null)
+      function $(a) {
+        if (a == null)
           return null;
-        if (typeof l.tag == "number" && S("Received an unexpected object in getComponentName(). This is likely a bug in React. Please file an issue."), typeof l == "function")
-          return l.displayName || l.name || null;
-        if (typeof l == "string")
-          return l;
-        switch (l) {
+        if (typeof a.tag == "number" && S("Received an unexpected object in getComponentName(). This is likely a bug in React. Please file an issue."), typeof a == "function")
+          return a.displayName || a.name || null;
+        if (typeof a == "string")
+          return a;
+        switch (a) {
           case e.Fragment:
             return "Fragment";
-          case a:
+          case l:
             return "Portal";
           case o:
             return "Profiler";
-          case c:
+          case i:
             return "StrictMode";
           case f:
             return "Suspense";
           case x:
             return "SuspenseList";
         }
-        if (typeof l == "object")
-          switch (l.$$typeof) {
-            case i:
-              var T = l;
-              return I(T) + ".Consumer";
+        if (typeof a == "object")
+          switch (a.$$typeof) {
+            case c:
+              var y = a;
+              return H(y) + ".Consumer";
             case d:
-              var A = l;
-              return I(A._context) + ".Provider";
+              var A = a;
+              return H(A._context) + ".Provider";
             case u:
-              return L(l, l.render, "ForwardRef");
+              return L(a, a.render, "ForwardRef");
             case g:
-              return $(l.type);
-            case y:
-              return $(l._render);
-            case C: {
-              var N = l, Z = N._payload, Q = N._init;
+              return $(a.type);
+            case T:
+              return $(a._render);
+            case m: {
+              var N = a, Z = N._payload, Q = N._init;
               try {
                 return $(Q(Z));
               } catch {
@@ -191,70 +191,70 @@ function ds() {
           }
         return null;
       }
-      var F = 0, G, J, Y, te, ee, de, ce;
+      var I = 0, J, z, W, te, ee, de, ce;
       function Ne() {
       }
       Ne.__reactDisabledLog = !0;
       function Ve() {
         {
-          if (F === 0) {
-            G = console.log, J = console.info, Y = console.warn, te = console.error, ee = console.group, de = console.groupCollapsed, ce = console.groupEnd;
-            var l = {
+          if (I === 0) {
+            J = console.log, z = console.info, W = console.warn, te = console.error, ee = console.group, de = console.groupCollapsed, ce = console.groupEnd;
+            var a = {
               configurable: !0,
               enumerable: !0,
               value: Ne,
               writable: !0
             };
             Object.defineProperties(console, {
-              info: l,
-              log: l,
-              warn: l,
-              error: l,
-              group: l,
-              groupCollapsed: l,
-              groupEnd: l
+              info: a,
+              log: a,
+              warn: a,
+              error: a,
+              group: a,
+              groupCollapsed: a,
+              groupEnd: a
             });
           }
-          F++;
+          I++;
         }
       }
       function Ge() {
         {
-          if (F--, F === 0) {
-            var l = {
+          if (I--, I === 0) {
+            var a = {
               configurable: !0,
               enumerable: !0,
               writable: !0
             };
             Object.defineProperties(console, {
-              log: r({}, l, {
-                value: G
-              }),
-              info: r({}, l, {
+              log: r({}, a, {
                 value: J
               }),
-              warn: r({}, l, {
-                value: Y
+              info: r({}, a, {
+                value: z
+              }),
+              warn: r({}, a, {
+                value: W
               }),
-              error: r({}, l, {
+              error: r({}, a, {
                 value: te
               }),
-              group: r({}, l, {
+              group: r({}, a, {
                 value: ee
               }),
-              groupCollapsed: r({}, l, {
+              groupCollapsed: r({}, a, {
                 value: de
               }),
-              groupEnd: r({}, l, {
+              groupEnd: r({}, a, {
                 value: ce
               })
             });
           }
-          F < 0 && S("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+          I < 0 && S("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
         }
       }
       var Me = k.ReactCurrentDispatcher, Fe;
-      function ze(l, T, A) {
+      function ze(a, y, A) {
         {
           if (Fe === void 0)
             try {
@@ -264,7 +264,7 @@ function ds() {
               Fe = N && N[1] || "";
             }
           return `
-` + Fe + l;
+` + Fe + a;
         }
       }
       var nn = !1, Ye;
@@ -272,11 +272,11 @@ function ds() {
         var jt = typeof WeakMap == "function" ? WeakMap : Map;
         Ye = new jt();
       }
-      function _n(l, T) {
-        if (!l || nn)
+      function pn(a, y) {
+        if (!a || nn)
           return "";
         {
-          var A = Ye.get(l);
+          var A = Ye.get(a);
           if (A !== void 0)
             return A;
         }
@@ -287,28 +287,28 @@ function ds() {
         var Q;
         Q = Me.current, Me.current = null, Ve();
         try {
-          if (T) {
-            var W = function() {
+          if (y) {
+            var V = function() {
               throw Error();
             };
-            if (Object.defineProperty(W.prototype, "props", {
+            if (Object.defineProperty(V.prototype, "props", {
               set: function() {
                 throw Error();
               }
             }), typeof Reflect == "object" && Reflect.construct) {
               try {
-                Reflect.construct(W, []);
+                Reflect.construct(V, []);
               } catch (ge) {
                 N = ge;
               }
-              Reflect.construct(l, [], W);
+              Reflect.construct(a, [], V);
             } else {
               try {
-                W.call();
+                V.call();
               } catch (ge) {
                 N = ge;
               }
-              l.call(W.prototype);
+              a.call(V.prototype);
             }
           } else {
             try {
@@ -316,7 +316,7 @@ function ds() {
             } catch (ge) {
               N = ge;
             }
-            l();
+            a();
           }
         } catch (ge) {
           if (ge && N && typeof ge.stack == "string") {
@@ -331,7 +331,7 @@ function ds() {
                     if (ne--, se--, se < 0 || U[ne] !== re[se]) {
                       var xe = `
 ` + U[ne].replace(" at new ", " at ");
-                      return typeof l == "function" && Ye.set(l, xe), xe;
+                      return typeof a == "function" && Ye.set(a, xe), xe;
                     }
                   while (ne >= 1 && se >= 0);
                 break;
@@ -340,41 +340,41 @@ function ds() {
         } finally {
           nn = !1, Me.current = Q, Ge(), Error.prepareStackTrace = Z;
         }
-        var we = l ? l.displayName || l.name : "", Bn = we ? ze(we) : "";
-        return typeof l == "function" && Ye.set(l, Bn), Bn;
+        var we = a ? a.displayName || a.name : "", Bn = we ? ze(we) : "";
+        return typeof a == "function" && Ye.set(a, Bn), Bn;
       }
-      function An(l, T, A) {
-        return _n(l, !1);
+      function An(a, y, A) {
+        return pn(a, !1);
       }
-      function wt(l) {
-        var T = l.prototype;
-        return !!(T && T.isReactComponent);
+      function wt(a) {
+        var y = a.prototype;
+        return !!(y && y.isReactComponent);
       }
-      function Ke(l, T, A) {
-        if (l == null)
+      function Ke(a, y, A) {
+        if (a == null)
           return "";
-        if (typeof l == "function")
-          return _n(l, wt(l));
-        if (typeof l == "string")
-          return ze(l);
-        switch (l) {
+        if (typeof a == "function")
+          return pn(a, wt(a));
+        if (typeof a == "string")
+          return ze(a);
+        switch (a) {
           case f:
             return ze("Suspense");
           case x:
             return ze("SuspenseList");
         }
-        if (typeof l == "object")
-          switch (l.$$typeof) {
+        if (typeof a == "object")
+          switch (a.$$typeof) {
             case u:
-              return An(l.render);
+              return An(a.render);
             case g:
-              return Ke(l.type, T, A);
-            case y:
-              return An(l._render);
-            case C: {
-              var N = l, Z = N._payload, Q = N._init;
+              return Ke(a.type, y, A);
+            case T:
+              return An(a._render);
+            case m: {
+              var N = a, Z = N._payload, Q = N._init;
               try {
-                return Ke(Q(Z), T, A);
+                return Ke(Q(Z), y, A);
               } catch {
               }
             }
@@ -382,88 +382,88 @@ function ds() {
         return "";
       }
       var Sn = {}, Ln = k.ReactDebugCurrentFrame;
-      function qe(l) {
-        if (l) {
-          var T = l._owner, A = Ke(l.type, l._source, T ? T.type : null);
+      function qe(a) {
+        if (a) {
+          var y = a._owner, A = Ke(a.type, a._source, y ? y.type : null);
           Ln.setExtraStackFrame(A);
         } else
           Ln.setExtraStackFrame(null);
       }
-      function kt(l, T, A, N, Z) {
+      function kt(a, y, A, N, Z) {
         {
           var Q = Function.call.bind(Object.prototype.hasOwnProperty);
-          for (var W in l)
-            if (Q(l, W)) {
+          for (var V in a)
+            if (Q(a, V)) {
               var U = void 0;
               try {
-                if (typeof l[W] != "function") {
-                  var re = Error((N || "React class") + ": " + A + " type `" + W + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof l[W] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                if (typeof a[V] != "function") {
+                  var re = Error((N || "React class") + ": " + A + " type `" + V + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof a[V] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                   throw re.name = "Invariant Violation", re;
                 }
-                U = l[W](T, W, N, A, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+                U = a[V](y, V, N, A, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
               } catch (ne) {
                 U = ne;
               }
-              U && !(U instanceof Error) && (qe(Z), S("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", N || "React class", A, W, typeof U), qe(null)), U instanceof Error && !(U.message in Sn) && (Sn[U.message] = !0, qe(Z), S("Failed %s type: %s", A, U.message), qe(null));
+              U && !(U instanceof Error) && (qe(Z), S("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", N || "React class", A, V, typeof U), qe(null)), U instanceof Error && !(U.message in Sn) && (Sn[U.message] = !0, qe(Z), S("Failed %s type: %s", A, U.message), qe(null));
             }
         }
       }
-      var Rn = k.ReactCurrentOwner, tn = Object.prototype.hasOwnProperty, pt = {
+      var Rn = k.ReactCurrentOwner, tn = Object.prototype.hasOwnProperty, _t = {
         key: !0,
         ref: !0,
         __self: !0,
         __source: !0
       }, On, Dn;
-      function _t(l) {
-        if (tn.call(l, "ref")) {
-          var T = Object.getOwnPropertyDescriptor(l, "ref").get;
-          if (T && T.isReactWarning)
+      function pt(a) {
+        if (tn.call(a, "ref")) {
+          var y = Object.getOwnPropertyDescriptor(a, "ref").get;
+          if (y && y.isReactWarning)
             return !1;
         }
-        return l.ref !== void 0;
+        return a.ref !== void 0;
       }
-      function At(l) {
-        if (tn.call(l, "key")) {
-          var T = Object.getOwnPropertyDescriptor(l, "key").get;
-          if (T && T.isReactWarning)
+      function At(a) {
+        if (tn.call(a, "key")) {
+          var y = Object.getOwnPropertyDescriptor(a, "key").get;
+          if (y && y.isReactWarning)
             return !1;
         }
-        return l.key !== void 0;
+        return a.key !== void 0;
       }
-      function St(l, T) {
-        typeof l.ref == "string" && Rn.current;
+      function St(a, y) {
+        typeof a.ref == "string" && Rn.current;
       }
-      function Lt(l, T) {
+      function Lt(a, y) {
         {
           var A = function() {
-            On || (On = !0, S("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", T));
+            On || (On = !0, S("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", y));
           };
-          A.isReactWarning = !0, Object.defineProperty(l, "key", {
+          A.isReactWarning = !0, Object.defineProperty(a, "key", {
             get: A,
             configurable: !0
           });
         }
       }
-      function Rt(l, T) {
+      function Rt(a, y) {
         {
           var A = function() {
-            Dn || (Dn = !0, S("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", T));
+            Dn || (Dn = !0, S("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", y));
           };
-          A.isReactWarning = !0, Object.defineProperty(l, "ref", {
+          A.isReactWarning = !0, Object.defineProperty(a, "ref", {
             get: A,
             configurable: !0
           });
         }
       }
-      var Ot = function(l, T, A, N, Z, Q, W) {
+      var Ot = function(a, y, A, N, Z, Q, V) {
         var U = {
           // This tag allows us to uniquely identify this as a React Element
           $$typeof: s,
           // Built-in properties that belong on the element
-          type: l,
-          key: T,
+          type: a,
+          key: y,
           ref: A,
-          props: W,
+          props: V,
           // Record the component responsible for creating this element.
           _owner: Q
         };
@@ -484,169 +484,169 @@ function ds() {
           value: Z
         }), Object.freeze && (Object.freeze(U.props), Object.freeze(U)), U;
       };
-      function Dt(l, T, A, N, Z) {
+      function Dt(a, y, A, N, Z) {
         {
-          var Q, W = {}, U = null, re = null;
-          A !== void 0 && (U = "" + A), At(T) && (U = "" + T.key), _t(T) && (re = T.ref, St(T, Z));
-          for (Q in T)
-            tn.call(T, Q) && !pt.hasOwnProperty(Q) && (W[Q] = T[Q]);
-          if (l && l.defaultProps) {
-            var ne = l.defaultProps;
+          var Q, V = {}, U = null, re = null;
+          A !== void 0 && (U = "" + A), At(y) && (U = "" + y.key), pt(y) && (re = y.ref, St(y, Z));
+          for (Q in y)
+            tn.call(y, Q) && !_t.hasOwnProperty(Q) && (V[Q] = y[Q]);
+          if (a && a.defaultProps) {
+            var ne = a.defaultProps;
             for (Q in ne)
-              W[Q] === void 0 && (W[Q] = ne[Q]);
+              V[Q] === void 0 && (V[Q] = ne[Q]);
           }
           if (U || re) {
-            var se = typeof l == "function" ? l.displayName || l.name || "Unknown" : l;
-            U && Lt(W, se), re && Rt(W, se);
+            var se = typeof a == "function" ? a.displayName || a.name || "Unknown" : a;
+            U && Lt(V, se), re && Rt(V, se);
           }
-          return Ot(l, U, re, Z, N, Rn.current, W);
+          return Ot(a, U, re, Z, N, Rn.current, V);
         }
       }
       var sn = k.ReactCurrentOwner, Nn = k.ReactDebugCurrentFrame;
-      function je(l) {
-        if (l) {
-          var T = l._owner, A = Ke(l.type, l._source, T ? T.type : null);
+      function je(a) {
+        if (a) {
+          var y = a._owner, A = Ke(a.type, a._source, y ? y.type : null);
           Nn.setExtraStackFrame(A);
         } else
           Nn.setExtraStackFrame(null);
       }
       var rn;
       rn = !1;
-      function on(l) {
-        return typeof l == "object" && l !== null && l.$$typeof === s;
+      function on(a) {
+        return typeof a == "object" && a !== null && a.$$typeof === s;
       }
       function Mn() {
         {
           if (sn.current) {
-            var l = $(sn.current.type);
-            if (l)
+            var a = $(sn.current.type);
+            if (a)
               return `
 
-Check the render method of \`` + l + "`.";
+Check the render method of \`` + a + "`.";
           }
           return "";
         }
       }
-      function Nt(l) {
+      function Nt(a) {
         return "";
       }
       var Fn = {};
-      function Mt(l) {
+      function Mt(a) {
         {
-          var T = Mn();
-          if (!T) {
-            var A = typeof l == "string" ? l : l.displayName || l.name;
-            A && (T = `
+          var y = Mn();
+          if (!y) {
+            var A = typeof a == "string" ? a : a.displayName || a.name;
+            A && (y = `
 
 Check the top-level render call using <` + A + ">.");
           }
-          return T;
+          return y;
         }
       }
-      function Hn(l, T) {
+      function Hn(a, y) {
         {
-          if (!l._store || l._store.validated || l.key != null)
+          if (!a._store || a._store.validated || a.key != null)
             return;
-          l._store.validated = !0;
-          var A = Mt(T);
+          a._store.validated = !0;
+          var A = Mt(y);
           if (Fn[A])
             return;
           Fn[A] = !0;
           var N = "";
-          l && l._owner && l._owner !== sn.current && (N = " It was passed a child from " + $(l._owner.type) + "."), je(l), S('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', A, N), je(null);
+          a && a._owner && a._owner !== sn.current && (N = " It was passed a child from " + $(a._owner.type) + "."), je(a), S('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', A, N), je(null);
         }
       }
-      function In(l, T) {
+      function In(a, y) {
         {
-          if (typeof l != "object")
+          if (typeof a != "object")
             return;
-          if (Array.isArray(l))
-            for (var A = 0; A < l.length; A++) {
-              var N = l[A];
-              on(N) && Hn(N, T);
+          if (Array.isArray(a))
+            for (var A = 0; A < a.length; A++) {
+              var N = a[A];
+              on(N) && Hn(N, y);
             }
-          else if (on(l))
-            l._store && (l._store.validated = !0);
-          else if (l) {
-            var Z = m(l);
-            if (typeof Z == "function" && Z !== l.entries)
-              for (var Q = Z.call(l), W; !(W = Q.next()).done; )
-                on(W.value) && Hn(W.value, T);
+          else if (on(a))
+            a._store && (a._store.validated = !0);
+          else if (a) {
+            var Z = C(a);
+            if (typeof Z == "function" && Z !== a.entries)
+              for (var Q = Z.call(a), V; !(V = Q.next()).done; )
+                on(V.value) && Hn(V.value, y);
           }
         }
       }
-      function Ft(l) {
+      function Ft(a) {
         {
-          var T = l.type;
-          if (T == null || typeof T == "string")
+          var y = a.type;
+          if (y == null || typeof y == "string")
             return;
           var A;
-          if (typeof T == "function")
-            A = T.propTypes;
-          else if (typeof T == "object" && (T.$$typeof === u || // Note: Memo only checks outer props here.
+          if (typeof y == "function")
+            A = y.propTypes;
+          else if (typeof y == "object" && (y.$$typeof === u || // Note: Memo only checks outer props here.
           // Inner props are checked in the reconciler.
-          T.$$typeof === g))
-            A = T.propTypes;
+          y.$$typeof === g))
+            A = y.propTypes;
           else
             return;
           if (A) {
-            var N = $(T);
-            kt(A, l.props, "prop", N, l);
-          } else if (T.PropTypes !== void 0 && !rn) {
+            var N = $(y);
+            kt(A, a.props, "prop", N, a);
+          } else if (y.PropTypes !== void 0 && !rn) {
             rn = !0;
-            var Z = $(T);
+            var Z = $(y);
             S("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", Z || "Unknown");
           }
-          typeof T.getDefaultProps == "function" && !T.getDefaultProps.isReactClassApproved && S("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+          typeof y.getDefaultProps == "function" && !y.getDefaultProps.isReactClassApproved && S("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
         }
       }
-      function Ht(l) {
+      function Ht(a) {
         {
-          for (var T = Object.keys(l.props), A = 0; A < T.length; A++) {
-            var N = T[A];
+          for (var y = Object.keys(a.props), A = 0; A < y.length; A++) {
+            var N = y[A];
             if (N !== "children" && N !== "key") {
-              je(l), S("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", N), je(null);
+              je(a), S("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", N), je(null);
               break;
             }
           }
-          l.ref !== null && (je(l), S("Invalid attribute `ref` supplied to `React.Fragment`."), je(null));
+          a.ref !== null && (je(a), S("Invalid attribute `ref` supplied to `React.Fragment`."), je(null));
         }
       }
-      function $n(l, T, A, N, Z, Q) {
+      function $n(a, y, A, N, Z, Q) {
         {
-          var W = M(l);
-          if (!W) {
+          var V = M(a);
+          if (!V) {
             var U = "";
-            (l === void 0 || typeof l == "object" && l !== null && Object.keys(l).length === 0) && (U += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+            (a === void 0 || typeof a == "object" && a !== null && Object.keys(a).length === 0) && (U += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
             var re = Nt();
             re ? U += re : U += Mn();
             var ne;
-            l === null ? ne = "null" : Array.isArray(l) ? ne = "array" : l !== void 0 && l.$$typeof === s ? (ne = "<" + ($(l.type) || "Unknown") + " />", U = " Did you accidentally export a JSX literal instead of a component?") : ne = typeof l, S("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", ne, U);
+            a === null ? ne = "null" : Array.isArray(a) ? ne = "array" : a !== void 0 && a.$$typeof === s ? (ne = "<" + ($(a.type) || "Unknown") + " />", U = " Did you accidentally export a JSX literal instead of a component?") : ne = typeof a, 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 = Dt(l, T, A, Z, Q);
+          var se = Dt(a, y, A, Z, Q);
           if (se == null)
             return se;
-          if (W) {
-            var xe = T.children;
+          if (V) {
+            var xe = y.children;
             if (xe !== void 0)
               if (N)
                 if (Array.isArray(xe)) {
                   for (var we = 0; we < xe.length; we++)
-                    In(xe[we], l);
+                    In(xe[we], a);
                   Object.freeze && Object.freeze(xe);
                 } else
                   S("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
               else
-                In(xe, l);
+                In(xe, a);
           }
-          return l === e.Fragment ? Ht(se) : Ft(se), se;
+          return a === e.Fragment ? Ht(se) : Ft(se), se;
         }
       }
-      function It(l, T, A) {
-        return $n(l, T, A, !0);
+      function It(a, y, A) {
+        return $n(a, y, A, !0);
       }
-      function $t(l, T, A) {
-        return $n(l, T, A, !1);
+      function $t(a, y, A) {
+        return $n(a, y, A, !1);
       }
       var Bt = $t, Ut = It;
       e.jsx = Bt, e.jsxs = Ut;
@@ -658,7 +658,7 @@ function us() {
   return Kn || (Kn = 1, process.env.NODE_ENV === "production" ? Je.exports = as() : Je.exports = ds()), Je.exports;
 }
 var n = us();
-const fs = "2.0.0-alpha.19", tt = "chat_session", xs = "user_uttered", gs = "bot_uttered", Cs = "ehelp_bot_uttered", ms = "https://sfchatbot.dataon.com", bs = [
+const fs = "2.0.0-alpha.20", tt = "chat_session", xs = "user_uttered", gs = "bot_uttered", ms = "ehelp_bot_uttered", Cs = "https://sfchatbot.dataon.com", bs = [
   {
     label: "Didn’t address my question",
     value: "Didn’t address my question"
@@ -703,16 +703,16 @@ const fs = "2.0.0-alpha.19", tt = "chat_session", xs = "user_uttered", gs = "bot
   ".xcf"
 ], un = "w-widget-content-container", fn = "w-ticket-detail-content-container", Es = "w-wrapper-body", Ts = "w-wrapper-body-helpdesk", He = "w-header", xn = {
   FADE_IN: "w-fade-in-animate"
-}, ys = "https://placehold.co/600x400?text=No+Image", Ie = 3, js = "GoHRDev2025WorkPlazeDataOnDotCom", _e = "(Helpdesk Widget Chatbot)", ws = (e) => JSON.parse((e == null ? void 0 : e.replaceAll("/get_started", "")) || "{}"), st = (e) => {
+}, ys = "https://placehold.co/600x400?text=No+Image", Ie = 3, js = "GoHRDev2025WorkPlazeDataOnDotCom", pe = "(Helpdesk Widget Chatbot)", ws = (e) => JSON.parse((e == null ? void 0 : e.replaceAll("/get_started", "")) || "{}"), st = (e) => {
   var t;
   try {
     return (t = new URL(e)) == null ? void 0 : t.host;
   } catch {
-    return st(ms);
+    return st(Cs);
   }
 }, le = (e, t) => {
-  var r, s, a;
-  return ((r = Object.keys(e || {})) == null ? void 0 : r.length) > 0 ? (a = (s = Object == null ? void 0 : Object.prototype) == null ? void 0 : s.hasOwnProperty) == null ? void 0 : a.call(e, t) : !1;
+  var r, s, l;
+  return ((r = Object.keys(e || {})) == null ? void 0 : r.length) > 0 ? (l = (s = Object == null ? void 0 : Object.prototype) == null ? void 0 : s.hasOwnProperty) == null ? void 0 : l.call(e, t) : !1;
 }, Ae = (e) => {
   var r;
   const t = e == null ? void 0 : e.attachment;
@@ -724,10 +724,10 @@ const fs = "2.0.0-alpha.19", tt = "chat_session", xs = "user_uttered", gs = "bot
     chart: (t == null ? void 0 : t.type) === "charts" && le(t, "chartType")
   };
 }, rt = (e) => {
-  var t, r, s, a;
+  var t, r, s, l;
   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(
-      (a = (s = (r = window == null ? void 0 : window.atob(o)) == null ? void 0 : r.split("")) == null ? void 0 : s.map((i) => "%" + ("00" + i.charCodeAt(0).toString(16)).slice(-2))) == null ? void 0 : a.join("")
+    const i = e == null ? void 0 : e.split(".")[1], o = (t = i == null ? void 0 : i.replace(/-/g, "+")) == null ? void 0 : t.replace(/_/g, "/"), d = decodeURIComponent(
+      (l = (s = (r = window == null ? void 0 : window.atob(o)) == null ? void 0 : r.split("")) == null ? void 0 : s.map((c) => "%" + ("00" + c.charCodeAt(0).toString(16)).slice(-2))) == null ? void 0 : l.join("")
     );
     return JSON == null ? void 0 : JSON.parse(d || "{}");
   }
@@ -737,9 +737,9 @@ const fs = "2.0.0-alpha.19", tt = "chat_session", xs = "user_uttered", gs = "bot
   fileName: t = "",
   isOpenNewTab: r = !1
 }) => {
-  var a;
+  var l;
   const s = document == null ? void 0 : document.createElement("a");
-  s.href = e, s.download = t || e, r && (s.target = "_blank"), (a = document == null ? void 0 : document.body) == null || a.appendChild(s), s.click(), document.body.removeChild(s);
+  s.href = e, s.download = t || e, r && (s.target = "_blank"), (l = document == null ? void 0 : document.body) == null || l.appendChild(s), s.click(), document.body.removeChild(s);
 }, ks = () => "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(e) {
   const t = crypto.getRandomValues(new Uint8Array(1))[0] % 16;
   return (e === "x" ? t : t & 3 | 8).toString(16);
@@ -750,28 +750,28 @@ const fs = "2.0.0-alpha.19", tt = "chat_session", xs = "user_uttered", gs = "bot
 }) => (e == null ? void 0 : e.length) > 0 ? [
   ...new Map(
     e.map((s) => {
-      var a;
+      var l;
       return [
-        r ? (a = String(s[t])) == null ? void 0 : a.toLowerCase() : s[t],
+        r ? (l = String(s[t])) == null ? void 0 : l.toLowerCase() : s[t],
         s
       ];
     })
   ).values()
-] : [], ps = (e = []) => {
+] : [], _s = (e = []) => {
   const t = {}, r = [], s = [];
-  e == null || e.forEach((c) => {
+  e == null || e.forEach((i) => {
     var o;
-    le(c, "chats") ? (o = c == null ? void 0 : c.chats) == null || o.forEach((d) => {
+    le(i, "chats") ? (o = i == null ? void 0 : i.chats) == null || o.forEach((d) => {
       s == null || s.push(d);
-    }) : s == null || s.push(c);
-  }), s == null || s.forEach((c, o) => {
-    var i, u, f;
-    const d = c == null ? void 0 : c.generated_id;
+    }) : s == null || s.push(i);
+  }), s == null || s.forEach((i, o) => {
+    var c, u, f;
+    const d = i == null ? void 0 : i.generated_id;
     d ? (t[d] || (t[d] = []), (u = t[d]) == null || u.push({
-      ...c,
+      ...i,
       indexChat: o,
-      ...!(c != null && c.timestamp) && {
-        timestamp: (i = ae()) == null ? void 0 : i.format("hh:mm A")
+      ...!(i != null && i.timestamp) && {
+        timestamp: (c = ae()) == null ? void 0 : c.format("hh:mm A")
       }
     }), r == null || r.push({
       keyItem: d ?? o,
@@ -782,17 +782,17 @@ const fs = "2.0.0-alpha.19", tt = "chat_session", xs = "user_uttered", gs = "bot
       },
       chats: t == null ? void 0 : t[d]
     })) : r == null || r.push({
-      ...c,
+      ...i,
       keyItem: o,
-      ...!(c != null && c.timestamp) && {
+      ...!(i != null && i.timestamp) && {
         timestamp: (f = ae()) == null ? void 0 : f.format("hh:mm A")
       }
     });
   });
-  const a = yn({ ArrObj: r, key: "keyItem" });
-  return a == null || a.forEach((c) => {
-    c == null || delete c.keyItem;
-  }), a;
+  const l = yn({ ArrObj: r, key: "keyItem" });
+  return l == null || l.forEach((i) => {
+    i == null || delete i.keyItem;
+  }), l;
 }, Pe = (e = {}) => {
   const r = {
     ...ot(),
@@ -802,7 +802,7 @@ const fs = "2.0.0-alpha.19", tt = "chat_session", xs = "user_uttered", gs = "bot
 }, ot = () => {
   const e = localStorage == null ? void 0 : localStorage.getItem(tt);
   return JSON.parse(e || "{}");
-}, _s = (e = "") => {
+}, ps = (e = "") => {
   var t;
   try {
     const r = new URL(e);
@@ -812,7 +812,7 @@ const fs = "2.0.0-alpha.19", tt = "chat_session", xs = "user_uttered", gs = "bot
   }
 };
 let Jn = null;
-const me = (e = ".w-wrapper-body") => {
+const Ce = (e = ".w-wrapper-body") => {
   const t = document.querySelector(e);
   clearTimeout(Jn), Jn = setTimeout(() => {
     t && t.scrollTo({
@@ -827,34 +827,34 @@ const me = (e = ".w-wrapper-body") => {
     r += String.fromCharCode(t[s]);
   return btoa(r);
 }, Ss = async (e, t) => {
-  var i;
-  const r = typeof e == "object" ? JSON == null ? void 0 : JSON.stringify(e || {}) : e, s = new TextEncoder(), a = s == null ? void 0 : s.encode(r), c = s == null ? void 0 : s.encode(t);
-  if (c.length !== 32)
+  var c;
+  const r = typeof e == "object" ? JSON == null ? void 0 : JSON.stringify(e || {}) : e, s = new TextEncoder(), l = s == null ? void 0 : s.encode(r), i = s == null ? void 0 : s.encode(t);
+  if (i.length !== 32)
     throw new Error("Key length must be 32 bytes for AES-256");
-  const o = await ((i = crypto == null ? void 0 : crypto.subtle) == null ? void 0 : i.importKey(
+  const o = await ((c = crypto == null ? void 0 : crypto.subtle) == null ? void 0 : c.importKey(
     "raw",
-    c,
+    i,
     { name: "AES-CBC" },
     !1,
     ["encrypt"]
   )), d = await crypto.subtle.encrypt(
     { name: "AES-CBC", iv: new Uint8Array(16) },
     o,
-    a
+    l
   );
   return As(d);
 }, Qe = (e) => {
-  const t = {}, r = ct(e), s = r == null ? void 0 : r.map((a) => {
+  const t = {}, r = ct(e), s = r == null ? void 0 : r.map((l) => {
     var o;
-    const c = a == null ? void 0 : a.CREATED_DATE;
+    const i = l == null ? void 0 : l.CREATED_DATE;
     return {
-      ...a,
-      DATE_KEY: (o = ae(c)) == null ? void 0 : o.format("YYYY-MM-DD")
+      ...l,
+      DATE_KEY: (o = ae(i)) == null ? void 0 : o.format("YYYY-MM-DD")
     };
   });
-  return s == null || s.forEach((a) => {
-    var c;
-    t[a == null ? void 0 : a.DATE_KEY] || (t[a == null ? void 0 : a.DATE_KEY] = []), (c = t[a == null ? void 0 : a.DATE_KEY]) == null || c.push(a);
+  return s == null || s.forEach((l) => {
+    var i;
+    t[l == null ? void 0 : l.DATE_KEY] || (t[l == null ? void 0 : l.DATE_KEY] = []), (i = t[l == null ? void 0 : l.DATE_KEY]) == null || i.push(l);
   }), t;
 }, jn = (e) => {
   var t;
@@ -876,36 +876,39 @@ const me = (e = ".w-wrapper-body") => {
   getStartedPayload: t,
   socketURL: r,
   socketPath: s,
-  onPayslipFn: a,
-  title: c,
+  onPayslipFn: l,
+  title: i,
   subTitle: o,
   keyEncrypt: d,
-  history: i,
-  isSF: u
+  history: c,
+  modelName: u,
+  isSF: f
 }) => {
-  const [f, x] = D(!1), [g, C] = D("va"), [y, j] = D(!1), [p, w] = D({}), [v, h] = D(!1), [b, E] = D(!1), m = K(!1), k = O(() => ({
+  const [x, g] = D(!1), [m, T] = D("va"), [w, p] = D(!1), [j, v] = D({}), [h, b] = D(!1), [E, C] = D(!1), k = K(!1), S = R(() => ({
     getStartedPayload: t,
     socketURL: r,
     socketPath: s,
-    onPayslipFn: a,
-    title: c,
+    onPayslipFn: l,
+    title: i,
     subTitle: o,
     keyEncrypt: d,
-    history: i,
-    isSF: u
+    history: c,
+    modelName: u,
+    isSF: f
   }), [
     t,
     r,
     s,
-    a,
-    c,
+    l,
+    i,
     o,
     d,
-    i,
-    u
-  ]), S = O(() => rt(p == null ? void 0 : p.access_token), [p == null ? void 0 : p.access_token]);
+    c,
+    u,
+    f
+  ]), F = R(() => rt(j == null ? void 0 : j.access_token), [j == null ? void 0 : j.access_token]);
   return X(() => {
-    w(ws(t));
+    v(ws(t));
   }, [t]), X(() => {
     Pe({
       chatbot_version: vs
@@ -914,155 +917,159 @@ const me = (e = ".w-wrapper-body") => {
     lt.Provider,
     {
       value: {
-        objInitPayload: p,
-        setOpenWidget: x,
-        isOpenWidget: f,
-        activeTab: g,
-        setActiveTab: C,
-        isExpand: y,
-        setExpand: j,
-        setObjInitPayload: w,
-        parsedJWT: S,
-        widgetProps: k,
-        isFirstOpenWidget: v,
-        setFirstOpenWidget: h,
-        isFirstRenderHelpdesk: m,
-        showReadyWSHD: b,
-        setShowReadyWSHD: E
+        objInitPayload: j,
+        setOpenWidget: g,
+        isOpenWidget: x,
+        activeTab: m,
+        setActiveTab: T,
+        isExpand: w,
+        setExpand: p,
+        setObjInitPayload: v,
+        parsedJWT: F,
+        widgetProps: S,
+        isFirstOpenWidget: h,
+        setFirstOpenWidget: b,
+        isFirstRenderHelpdesk: k,
+        showReadyWSHD: E,
+        setShowReadyWSHD: C
       },
       children: e
     }
   );
 }, at = Te({}), Rs = () => ye(at), Os = ({ children: e }) => {
-  const { objInitPayload: t } = q(), [r, s] = D({}), a = () => {
+  const { objInitPayload: t } = q(), [r, s] = D({}), l = () => {
     var o;
     (o = Oe(
       `${(t == null ? void 0 : t.uriService) || hs}optional/translations`
     )) == null || o.then(({ data: d }) => {
-      var i;
+      var c;
       if (d) {
-        const u = Object.keys((i = Object.values(d)) == null ? void 0 : i[0]), f = {};
+        const u = Object.keys((c = Object.values(d)) == null ? void 0 : c[0]), f = {};
         u == null || u.forEach((x) => {
           var g;
-          (g = Object.keys(d)) == 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];
+          (g = Object.keys(d)) == null || g.forEach((m) => {
+            var T;
+            f[x == null ? void 0 : x.toLowerCase()] = (T = d == null ? void 0 : d[m]) == null ? void 0 : T[x];
           });
         }), s(f);
       }
     });
-  }, c = () => {
+  }, i = () => {
     const o = window.indexedDB.open("language");
     o.onsuccess = (d) => {
       var u;
-      const i = d.target.result;
+      const c = d.target.result;
       try {
-        const x = i.transaction("keyvaluepairs", "readonly").objectStore("keyvaluepairs"), g = x == null ? void 0 : x.get((u = t == null ? void 0 : t.lang) == null ? void 0 : u.toLowerCase());
+        const x = c.transaction("keyvaluepairs", "readonly").objectStore("keyvaluepairs"), g = x == null ? void 0 : x.get((u = t == null ? void 0 : t.lang) == null ? void 0 : u.toLowerCase());
         g.onsuccess = () => {
           s(g == null ? void 0 : g.result);
         }, g.onerror = () => {
-          a();
+          l();
         };
       } catch {
-        a();
+        l();
       }
     }, o.onerror = () => {
-      a();
+      l();
     };
   };
   return X(() => {
-    c();
+    i();
   }, [t == null ? void 0 : t.uriService, t == null ? void 0 : t.lang]), /* @__PURE__ */ n.jsx(at.Provider, { value: { langDatas: r }, children: e });
 }, dt = Te({}), fe = () => ye(dt), Ds = ({ children: e }) => {
   var M;
-  const [t, r] = D([]), [s, a] = D(!1), [c, o] = D(!1), [d, i] = D({}), [u, f] = D(!1), [x, g] = D(!1), {
-    objInitPayload: C,
-    widgetProps: y,
-    setOpenWidget: j,
+  const [t, r] = D([]), [s, l] = D(!1), [i, o] = D(!1), [d, c] = D({}), [u, f] = D(!1), [x, g] = D(!1), {
+    objInitPayload: m,
+    widgetProps: T,
+    setOpenWidget: w,
     setFirstOpenWidget: p,
-    isFirstRenderHelpdesk: w
+    isFirstRenderHelpdesk: j
   } = q(), v = K(null), h = K(""), b = K(""), E = (L) => {
     var $;
     if (!(($ = L == null ? void 0 : L.metadata) == null ? void 0 : $.stopped)) {
-      const F = le(L, "text_feedback_link") && le(L, "text");
-      r((G) => {
-        const J = [
-          ...G,
+      const I = le(L, "text_feedback_link") && le(L, "text");
+      r((J) => {
+        const z = [
+          ...J,
           {
             ...L,
-            ...F && {
+            ...I && {
               type: "text"
             },
             sender: "response"
           }
         ];
-        return ps(J);
+        return _s(z);
       });
     }
-    a(!1), o(!1), me();
-  }, m = () => {
-    var L, I, $, F;
-    (L = v == null ? void 0 : v.current) == null || L.emit("session_request", { session_id: null }), (I = v == null ? void 0 : v.current) == null || I.on("session_confirm", (G) => {
-      h.current = G, Pe({
-        session_id: G == null ? void 0 : G.session_id
+    l(!1), o(!1), Ce();
+  }, C = (L) => {
+    var H, $, I, J;
+    L && k({
+      msg: T == null ? void 0 : T.getStartedPayload
+    }), (H = v == null ? void 0 : v.current) == null || H.emit("session_request", { session_id: null }), ($ = v == null ? void 0 : v.current) == null || $.on("session_confirm", (z) => {
+      h.current = z, Pe({
+        session_id: z == null ? void 0 : z.session_id
       });
-    }), ($ = v == null ? void 0 : v.current) == null || $.on(gs, E), (F = v == null ? void 0 : v.current) == null || F.on(Cs, (G) => {
-      const J = JSON.parse(G || "{}");
-      le(J, "iswidget") && g(J == null ? void 0 : J.iswidget);
+    }), (I = v == null ? void 0 : v.current) == null || I.on(gs, E), (J = v == null ? void 0 : v.current) == null || J.on(ms, (z) => {
+      const W = JSON.parse(z || "{}");
+      le(W, "iswidget") && g(W == null ? void 0 : W.iswidget);
     }), u || f(!0), p(!1);
   }, k = ({
     msg: L,
-    additionalConfig: I = {},
+    additionalConfig: H = {},
     isShowLoadingResponse: $ = !0
   }) => {
-    var F;
-    (F = v == null ? void 0 : v.current) == null || F.emit(xs, {
+    var I;
+    (I = v == null ? void 0 : v.current) == null || I.emit(xs, {
       customData: {
-        language: C == null ? void 0 : C.lang
+        language: m == null ? void 0 : m.lang
       },
       message: L,
       session_id: h == null ? void 0 : h.current,
-      ...I
-    }), $ ? a(!0) : o(!0);
-  }, S = () => {
-    var I, $;
-    v.current && ((I = v == null ? void 0 : v.current) == null || I.off(), ($ = v == null ? void 0 : v.current) == null || $.disconnect(), v.current = null), w.current = !1;
-    const L = ts(
-      `${_s(y == null ? void 0 : y.socketURL)}://${st(
-        y == null ? void 0 : y.socketURL
+      ...H
+    }), $ ? l(!0) : o(!0);
+  }, S = (L = !1) => {
+    var $, I;
+    v.current && (($ = v == null ? void 0 : v.current) == null || $.off(), (I = v == null ? void 0 : v.current) == null || I.disconnect(), v.current = null), j.current = !1;
+    const H = ts(
+      `${ps(T == null ? void 0 : T.socketURL)}://${st(
+        T == null ? void 0 : T.socketURL
       )}`,
       {
-        path: y == null ? void 0 : y.socketPath,
+        path: T == null ? void 0 : T.socketPath,
         transports: ["websocket"],
         reconnection: !0,
         reconnectionAttempts: 1
       }
     );
-    L.on("connect", m), L.on("connect_error", (F) => {
+    H.on("connect", () => {
+      C(L);
+    }), H.on("connect_error", (J) => {
       console.error("connect_error widget-chatbot : ", {
-        err: F,
-        socketURL: y == null ? void 0 : y.socketURL,
-        socketPath: y == null ? void 0 : y.widgetProps
+        err: J,
+        socketURL: T == null ? void 0 : T.socketURL,
+        socketPath: T == null ? void 0 : T.widgetProps
       }), f(!1);
-    }), L.io.on("reconnect", () => {
+    }), H.io.on("reconnect", () => {
       console.error("reconnect widget-chatbot : ", {
-        socketURL: y == null ? void 0 : y.socketURL,
-        socketPath: y == null ? void 0 : y.widgetProps
+        socketURL: T == null ? void 0 : T.socketURL,
+        socketPath: T == null ? void 0 : T.widgetProps
       }), f(!1);
-    }), v.current = L;
-  }, H = () => {
+    }), v.current = H;
+  }, F = () => {
     var L;
-    (!((L = v == null ? void 0 : v.current) != null && L.connected) || !u) && (S(), j(!1));
+    (!((L = v == null ? void 0 : v.current) != null && L.connected) || !u) && (S(), w(!1));
   }, B = () => {
     f(!1);
   };
-  return X(() => (j(!1), S(), window.addEventListener("online", H), window.addEventListener("offline", B), () => {
-    var L, I;
-    v.current && ((L = v.current) == null || L.off("connect", m), (I = v.current) == null || I.disconnect(), v.current = null), window.removeEventListener("online", H), window.removeEventListener("offline", B);
+  return X(() => (w(!1), S(), window.addEventListener("online", F), window.addEventListener("offline", B), () => {
+    var L, H;
+    v.current && ((L = v.current) == null || L.off("connect", C), (H = v.current) == null || H.disconnect(), v.current = null), window.removeEventListener("online", F), window.removeEventListener("offline", B);
   }), [
-    JSON.stringify(C || {}),
-    y == null ? void 0 : y.socketURL,
-    y == null ? void 0 : y.socketPath
+    JSON.stringify(m || {}),
+    T == null ? void 0 : T.socketURL,
+    T == null ? void 0 : T.socketPath
   ]), /* @__PURE__ */ n.jsx(
     dt.Provider,
     {
@@ -1073,9 +1080,9 @@ const me = (e = ".w-wrapper-body") => {
         isWaitResponse: s,
         socket: v == null ? void 0 : v.current,
         sessionId: (M = h == null ? void 0 : h.current) == null ? void 0 : M.session_id,
-        loadingRegenerate: c,
+        loadingRegenerate: i,
         file: d,
-        setFile: i,
+        setFile: c,
         connected: u,
         isHandshakeWidget: x,
         createSocket: S,
@@ -1367,11 +1374,11 @@ const me = (e = ".w-wrapper-body") => {
   }
 }, Ms = (e) => e.replace(/[^a-zA-Z0-9_]/g, "").trim(), _ = (e = "", t) => {
   var o;
-  const { langDatas: r } = Rs(), s = localStorage == null ? void 0 : localStorage.getItem("show_text_id"), a = Ms(String(e)), c = (r == null ? void 0 : r[a == null ? void 0 : a.toUpperCase()]) || t;
-  return ((o = Object.keys(r || {})) == null ? void 0 : o.length) > 0 ? s ? `WPUI_${a}` : c : t;
+  const { langDatas: r } = Rs(), s = localStorage == null ? void 0 : localStorage.getItem("show_text_id"), l = Ms(String(e)), i = (r == null ? void 0 : r[l == null ? void 0 : l.toUpperCase()]) || t;
+  return ((o = Object.keys(r || {})) == null ? void 0 : o.length) > 0 ? s ? `WPUI_${l}` : i : t;
 }, Fs = ({ isFeedback: e = !1, open: t, ...r }) => {
-  var a;
-  const s = O(() => e ? "w-modal-container-feedback" : "", [e]);
+  var l;
+  const s = R(() => e ? "w-modal-container-feedback" : "", [e]);
   return Le != null && Le.startsWith("5") ? /* @__PURE__ */ n.jsx(
     Un,
     {
@@ -1405,7 +1412,7 @@ const me = (e = ".w-wrapper-body") => {
         } : { visible: t },
         maskStyle: {
           backdropFilter: "blur(4x)",
-          ...((a = Object.keys((r == null ? void 0 : r.maskStyle) || {})) == null ? void 0 : a.length) > 0 && {
+          ...((l = Object.keys((r == null ? void 0 : r.maskStyle) || {})) == null ? void 0 : l.length) > 0 && {
             ...r == null ? void 0 : r.maskStyle
           }
         },
@@ -1418,11 +1425,11 @@ const me = (e = ".w-wrapper-body") => {
       }
     )
   );
-}, ut = R(Fs), Zn = ({ props: e, isModal: t = !1 }) => {
-  const r = (s, a) => {
-    var c;
-    return (c = Vt) == null ? void 0 : c.map(s, (o) => {
-      var d, i, u;
+}, ut = O(Fs), Zn = ({ props: e, isModal: t = !1 }) => {
+  const r = (s, l) => {
+    var i;
+    return (i = Vt) == null ? void 0 : i.map(s, (o) => {
+      var d, c, u;
       return !Gt(o) || ((d = Object.keys((o == null ? void 0 : o.props) || {})) == null ? void 0 : d.length) === 0 ? o : zt(o, {
         ...o == null ? void 0 : o.props,
         ...(o == null ? void 0 : o.type) === "thead" && {
@@ -1438,13 +1445,13 @@ const me = (e = ".w-wrapper-body") => {
             }
           }
         },
-        ...o.type === "tr" && a === "tbody" && {
+        ...o.type === "tr" && l === "tbody" && {
           className: "ant-table-row"
         },
         ...(o == null ? void 0 : o.type) === "tbody" && {
           className: "ant-table-tbody"
         },
-        children: (i = o == null ? void 0 : o.props) != null && i.children ? r((u = o == null ? void 0 : o.props) == null ? void 0 : u.children, o == null ? void 0 : o.type) : o == null ? void 0 : o.props
+        children: (c = o == null ? void 0 : o.props) != null && c.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
       });
     });
   };
@@ -1464,9 +1471,9 @@ const me = (e = ".w-wrapper-body") => {
   const t = _(
     "OpenDetailTable",
     "Open Detail Table"
-  ), r = _("TableDetail", "Tabel Detail"), { widgetProps: s, objInitPayload: a } = q(), [c, o] = D(!1), d = {
-    table: ({ ...i }) => /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-      /* @__PURE__ */ n.jsx(Zn, { props: i }),
+  ), r = _("TableDetail", "Tabel Detail"), { widgetProps: s, objInitPayload: l } = q(), [i, o] = D(!1), d = {
+    table: ({ ...c }) => /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+      /* @__PURE__ */ n.jsx(Zn, { props: c }),
       /* @__PURE__ */ n.jsx(
         "div",
         {
@@ -1476,7 +1483,7 @@ const me = (e = ".w-wrapper-body") => {
             padding: "5px 0px 10px 0px"
           },
           children: /* @__PURE__ */ n.jsx(
-            z,
+            Y,
             {
               onClick: () => {
                 o(!0);
@@ -1493,16 +1500,16 @@ const me = (e = ".w-wrapper-body") => {
           footer: null,
           title: r,
           width: 800,
-          open: c,
+          open: i,
           onCancel: () => {
             o(!1);
           },
-          children: /* @__PURE__ */ n.jsx(Zn, { props: i, isModal: !0 })
+          children: /* @__PURE__ */ n.jsx(Zn, { props: c, isModal: !0 })
         }
       )
     ] }),
-    code: ({ ...i }) => {
-      const { children: u, className: f, ...x } = i, g = /language-(\w+)/.exec(f || "");
+    code: ({ ...c }) => {
+      const { children: u, className: f, ...x } = c, g = /language-(\w+)/.exec(f || "");
       return g ? /* @__PURE__ */ n.jsx(
         os,
         {
@@ -1512,34 +1519,34 @@ const me = (e = ".w-wrapper-body") => {
           style: Ns,
           children: String(u).replace(/\n$/, "")
         }
-      ) : /* @__PURE__ */ n.jsx(V.Text, { code: !0, children: i == null ? void 0 : i.children });
+      ) : /* @__PURE__ */ n.jsx(G.Text, { code: !0, children: c == null ? void 0 : c.children });
     },
-    a: ({ ...i }) => {
-      var C, y, j, p;
-      const u = i == null ? void 0 : i.href, f = (C = i == null ? void 0 : i.children) == null ? void 0 : C[0], x = Qn(u), g = Qn(a == null ? void 0 : a.uriBackend);
+    a: ({ ...c }) => {
+      var m, T, w, p;
+      const u = c == null ? void 0 : c.href, f = (m = c == null ? void 0 : c.children) == null ? void 0 : m[0], x = Qn(u), g = Qn(l == null ? void 0 : l.uriBackend);
       if (x && g) {
-        const w = (y = gn(u)) == null ? void 0 : y.origin, v = (j = gn(a == null ? void 0 : a.uriBackend)) == null ? void 0 : j.origin;
-        if ((w == null ? void 0 : w.toLowerCase()) === (v == null ? void 0 : v.toLowerCase())) {
+        const j = (T = gn(u)) == null ? void 0 : T.origin, v = (w = gn(l == null ? void 0 : l.uriBackend)) == null ? void 0 : w.origin;
+        if ((j == null ? void 0 : j.toLowerCase()) === (v == null ? void 0 : v.toLowerCase())) {
           const h = (p = gn(u)) == null ? void 0 : p.pathname;
           return /* @__PURE__ */ n.jsx(
             "span",
             {
-              ...i,
+              ...c,
               className: "w-link-path",
               onClick: (b) => {
-                var E, m;
-                b == null || b.stopPropagation(), h && ((E = Object.keys((s == null ? void 0 : s.history) || {})) == null ? void 0 : E.length) > 0 && ((m = s == null ? void 0 : s.history) == null || m.push(h));
+                var E, C;
+                b == null || b.stopPropagation(), h && ((E = Object.keys((s == null ? void 0 : s.history) || {})) == null ? void 0 : E.length) > 0 && ((C = s == null ? void 0 : s.history) == null || C.push(h));
               },
               children: f
             }
           );
         }
       }
-      return /* @__PURE__ */ n.jsx("a", { ...i, target: "_blank", className: "w-link-path" });
+      return /* @__PURE__ */ n.jsx("a", { ...c, target: "_blank", className: "w-link-path" });
     }
   };
   return /* @__PURE__ */ n.jsx(ss, { remarkPlugins: [rs], components: d, children: e });
-}, ft = R(Hs), Is = () => /* @__PURE__ */ n.jsx(
+}, ft = O(Hs), Is = () => /* @__PURE__ */ n.jsx(
   "svg",
   {
     width: "24",
@@ -1830,7 +1837,7 @@ const me = (e = ".w-wrapper-body") => {
     children: /* @__PURE__ */ n.jsx("path", { d: "M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z" })
   }
 ) }), P = ({ type: e = "", chatProps: t, ...r }) => {
-  const s = O(() => ({
+  const s = R(() => ({
     minimize: Is,
     expand: $s,
     send: Bs,
@@ -1853,7 +1860,7 @@ const me = (e = ".w-wrapper-body") => {
   }), [e, t, r]);
   return /* @__PURE__ */ n.jsx(cs, { component: s == null ? void 0 : s[e], ...r });
 }, xt = Te({}), be = () => ye(xt), sr = ({ children: e }) => {
-  const [t, r] = D("va"), s = O(() => t === "va", [t]);
+  const [t, r] = D("va"), s = R(() => t === "va", [t]);
   return /* @__PURE__ */ n.jsx(
     xt.Provider,
     {
@@ -1872,21 +1879,21 @@ const me = (e = ".w-wrapper-body") => {
   ), r = _(
     "ShareAnyCommentsOrSuggestionsToHelpUsImprove",
     "Share any comments or suggestions to help us improve"
-  ), s = _("Submit", "Submit"), a = _(
+  ), s = _("Submit", "Submit"), l = _(
     "ThankFeedback",
     "Thank You for your feedback"
-  ), c = _(
+  ), i = _(
     "AdditionalFeedback",
     "Additional Feedback"
-  ), [o] = oe.useForm(), [d, i] = D(!1), [u, f] = D(""), { setChats: x } = fe(), { objInitPayload: g } = q(), { activeTab: C } = be(), y = O(() => {
+  ), [o] = oe.useForm(), [d, c] = D(!1), [u, f] = D(""), { setChats: x } = fe(), { objInitPayload: g } = q(), { activeTab: m } = be(), T = R(() => {
     var h;
     const v = le(e, "feedback") ? (e == null ? void 0 : e.feedback) === "like" || (e == null ? void 0 : e.feedback) === "" : !0;
     return typeof (e == null ? void 0 : e.text_thumbsup_link) == "string" && ((h = e == null ? void 0 : e.text_thumbsup_link) == null ? void 0 : h.trim()) !== "" && v;
-  }, [e]), j = O(() => {
+  }, [e]), w = R(() => {
     var h;
     const v = le(e, "feedback") ? (e == null ? void 0 : e.feedback) === "dislike" || (e == null ? void 0 : e.feedback) === "" : !0;
     return typeof (e == null ? void 0 : e.text_thumbsdown_link) == "string" && ((h = e == null ? void 0 : e.text_thumbsdown_link) == null ? void 0 : h.trim()) !== "" && v;
-  }, [e]), p = O(() => {
+  }, [e]), p = R(() => {
     if (g != null && g.uriBackend)
       try {
         return new URL(g.uriBackend).origin;
@@ -1894,15 +1901,15 @@ const me = (e = ".w-wrapper-body") => {
         return "";
       }
     return "";
-  }, [g == null ? void 0 : g.uriBackend]), w = (v) => {
+  }, [g == null ? void 0 : g.uriBackend]), j = (v) => {
     var M;
     const h = v === "like" ? e == null ? void 0 : e.text_thumbsup_link : e == null ? void 0 : e.text_thumbsdown_link, {
       access_token: b = "",
       companycode: E = "",
-      companyid: m = "",
+      companyid: C = "",
       uriBackend: k = "",
       uriBackendEnt: S = "",
-      lang: H = ""
+      lang: F = ""
     } = g || {}, B = u === "another" ? o == null ? void 0 : o.getFieldValue("ADDITIONAL_FEEDBACK") : u;
     (M = Oe({
       method: "POST",
@@ -1918,64 +1925,64 @@ const me = (e = ".w-wrapper-body") => {
         "Content-Type": "application/json",
         Authorization: `Bearer ${b}`,
         "company-code": `${E}`,
-        "company-id": `${m}`,
+        "company-id": `${C}`,
         uriBackend: `${k}`,
         uriBackendEnt: `${S}`,
         "custom-origin": `${p}`,
         "Acc-Name": `${E.toUpperCase()}`,
-        Language: `${H}`
+        Language: `${F}`
       }
     })) == null || M.then((L) => {
-      var I, $, F;
-      (L == null ? void 0 : L.status) === 200 && (d && i(!1), (I = ie) == null || I.destroy(), ($ = ie) == null || $.config({
+      var H, $, I;
+      (L == null ? void 0 : L.status) === 200 && (d && c(!1), (H = ie) == null || H.destroy(), ($ = ie) == null || $.config({
         getContainer: () => document.querySelector(".w-widget-content-container"),
         top: 28,
         placement: "top",
         duration: 3
-      }), (F = ie) == null || F.success({
-        message: a,
+      }), (I = ie) == null || I.success({
+        message: l,
         className: "w-notification-content"
-      }), x((G) => {
-        var J;
-        return (J = G == null ? void 0 : G.map((Y) => {
+      }), x((J) => {
+        var z;
+        return (z = J == null ? void 0 : J.map((W) => {
           var ee;
-          if (le(Y, "chats")) {
-            const de = (ee = Y == null ? void 0 : Y.chats) == null ? void 0 : ee.map((ce) => (ce == null ? void 0 : ce.indexChat) === (e == null ? void 0 : e.indexChat) ? {
+          if (le(W, "chats")) {
+            const de = (ee = W == null ? void 0 : W.chats) == null ? void 0 : ee.map((ce) => (ce == null ? void 0 : ce.indexChat) === (e == null ? void 0 : e.indexChat) ? {
               ...ce,
               feedback: v
             } : ce);
             return {
-              ...Y,
+              ...W,
               chats: de
             };
           }
-          return (e == null ? void 0 : e.message_id) === (Y == null ? void 0 : Y.message_id) ? {
-            ...Y,
+          return (e == null ? void 0 : e.message_id) === (W == null ? void 0 : W.message_id) ? {
+            ...W,
             feedback: v
-          } : Y;
-        })) == null ? void 0 : J.flat();
+          } : W;
+        })) == null ? void 0 : z.flat();
       }));
     });
   };
   return X(() => {
     var v;
     (v = ie) == null || v.destroy();
-  }, [C]), /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-    y && /* @__PURE__ */ n.jsx(
-      z,
+  }, [m]), /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+    T && /* @__PURE__ */ n.jsx(
+      Y,
       {
         icon: /* @__PURE__ */ n.jsx(P, { type: "like", chatProps: e }),
         onClick: () => {
-          (e == null ? void 0 : e.feedback) !== "like" && w("like");
+          (e == null ? void 0 : e.feedback) !== "like" && j("like");
         }
       }
     ),
-    j && /* @__PURE__ */ n.jsx(
-      z,
+    w && /* @__PURE__ */ n.jsx(
+      Y,
       {
         icon: /* @__PURE__ */ n.jsx(P, { type: "dislike", chatProps: e }),
         onClick: () => {
-          (e == null ? void 0 : e.feedback) !== "dislike" && i(!0);
+          (e == null ? void 0 : e.feedback) !== "dislike" && c(!0);
         }
       }
     ),
@@ -1986,10 +1993,10 @@ const me = (e = ".w-wrapper-body") => {
         isFeedback: !0,
         okText: s,
         onCancel: () => {
-          i(!1);
+          c(!1);
         },
         onOk: () => {
-          w("dislike");
+          j("dislike");
         },
         children: [
           /* @__PURE__ */ n.jsx("p", { style: { textAlign: "center", fontWeight: 600, fontSize: 14 }, children: t }),
@@ -2011,20 +2018,20 @@ const me = (e = ".w-wrapper-body") => {
             }
           ),
           u === "another" && /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-            /* @__PURE__ */ n.jsx(Jt, { children: c }),
+            /* @__PURE__ */ n.jsx(Jt, { children: i }),
             /* @__PURE__ */ n.jsx(oe, { form: o, layout: "vertical", children: /* @__PURE__ */ n.jsx(oe.Item, { name: "ADDITIONAL_FEEDBACK", children: /* @__PURE__ */ n.jsx(Be.TextArea, { rows: 3 }) }) })
           ] })
         ]
       }
     )
   ] });
-}, or = R(rr), cr = ({
+}, or = O(rr), cr = ({
   showFeedback: e = !0,
   showRegenerate: t = !0,
   position: r = "left",
   ...s
 }) => {
-  const a = ks(), { chats: c, onSendMsg: o, setChats: d, loadingRegenerate: i, currRegenerateId: u } = fe(), f = O(() => s == null ? void 0 : s.sender, [s]), x = O(() => c == null ? void 0 : c.filter((p) => (p == null ? void 0 : p.sender) === "client"), [c]), g = O(() => t && f === "response" && (x == null ? void 0 : x.length) > 0 && (s == null ? void 0 : s.indexChat) === (c == null ? void 0 : c.length) - 1, [f, x, c, s == null ? void 0 : s.indexChat, t]), C = O(() => {
+  const l = ks(), { chats: i, onSendMsg: o, setChats: d, loadingRegenerate: c, currRegenerateId: u } = fe(), f = R(() => s == null ? void 0 : s.sender, [s]), x = R(() => i == null ? void 0 : i.filter((p) => (p == null ? void 0 : p.sender) === "client"), [i]), g = R(() => t && f === "response" && (x == null ? void 0 : x.length) > 0 && (s == null ? void 0 : s.indexChat) === (i == null ? void 0 : i.length) - 1, [f, x, i, s == null ? void 0 : s.indexChat, t]), m = R(() => {
     switch (r) {
       case "left":
         return "flex-start";
@@ -2033,21 +2040,21 @@ const me = (e = ".w-wrapper-body") => {
       case "right":
         return "flex-end";
     }
-  }, [r]), y = O(() => e && (s == null ? void 0 : s.text_FeedbackIcons) === "hidup", [s, e]), j = () => {
-    const p = x == null ? void 0 : x[(x == null ? void 0 : x.length) - 1], w = c == null ? void 0 : c[(c == null ? void 0 : c.length) - 1];
+  }, [r]), T = R(() => e && (s == null ? void 0 : s.text_FeedbackIcons) === "hidup", [s, e]), w = () => {
+    const p = x == null ? void 0 : x[(x == null ? void 0 : x.length) - 1], j = i == null ? void 0 : i[(i == null ? void 0 : i.length) - 1];
     d(
       (v = []) => v == null ? void 0 : v.map((h, b) => b === (v == null ? void 0 : v.length) - 1 && (h == null ? void 0 : h.sender) === "response" ? {
         ...h,
-        generated_id: (w == null ? void 0 : w.generated_id) ?? a
+        generated_id: (j == null ? void 0 : j.generated_id) ?? l
         // adjust with response
       } : h)
-    ), u.current = (w == null ? void 0 : w.generated_id) ?? a, o({
+    ), u.current = (j == null ? void 0 : j.generated_id) ?? l, o({
       msg: p == null ? void 0 : p.text,
       additionalConfig: {
-        generate_id: (w == null ? void 0 : w.generated_id) ?? a
+        generate_id: (j == null ? void 0 : j.generated_id) ?? l
       },
-      isShowLoadingResponse: i
-    }), me();
+      isShowLoadingResponse: c
+    }), Ce();
   };
   return /* @__PURE__ */ n.jsx(n.Fragment, { children: /* @__PURE__ */ n.jsxs(
     "div",
@@ -2055,24 +2062,24 @@ const me = (e = ".w-wrapper-body") => {
       style: {
         display: "flex",
         gap: 8,
-        justifyContent: C
+        justifyContent: m
       },
       children: [
         g && /* @__PURE__ */ n.jsx(
-          z,
+          Y,
           {
-            loading: i,
+            loading: c,
             icon: /* @__PURE__ */ n.jsx(P, { type: "sync" }),
             onClick: () => {
-              j();
+              w();
             }
           }
         ),
-        y && /* @__PURE__ */ n.jsx(or, { ...s })
+        T && /* @__PURE__ */ n.jsx(or, { ...s })
       ]
     }
   ) });
-}, mn = R(cr), ir = ({ nameFallback: e = "", ...t }) => /* @__PURE__ */ n.jsx(
+}, Cn = O(cr), ir = ({ nameFallback: e = "", ...t }) => /* @__PURE__ */ n.jsx(
   Qt,
   {
     ...typeof (t == null ? void 0 : t.onError) != "function" && {
@@ -2082,7 +2089,7 @@ const me = (e = ".w-wrapper-body") => {
     loading: "lazy",
     ...t
   }
-), kn = R(ir), lr = ({ nameFallback: e = "", ...t }) => {
+), kn = O(ir), lr = ({ nameFallback: e = "", ...t }) => {
   const r = K(0);
   return /* @__PURE__ */ n.jsx(
     Xn,
@@ -2101,40 +2108,40 @@ const me = (e = ".w-wrapper-body") => {
       )
     }
   );
-}, Ee = R(lr);
+}, Ee = O(lr);
 Ee.Group = Xn.Group;
 const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", children: [
   /* @__PURE__ */ n.jsx("div", {}),
   /* @__PURE__ */ n.jsx("div", {}),
   /* @__PURE__ */ n.jsx("div", {}),
   /* @__PURE__ */ n.jsx("div", {})
-] }), gt = R(ar), dr = () => {
+] }), gt = O(ar), dr = () => {
   const { widgetProps: e } = q();
   return /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
     /* @__PURE__ */ n.jsx(Ee, { src: Ze, nameFallback: e == null ? void 0 : e.title }),
     /* @__PURE__ */ n.jsx(gt, {})
   ] });
-}, pn = R(dr), ur = ({ src: e, name: t }) => /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
+}, _n = O(dr), ur = ({ src: e, name: t }) => /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
   /* @__PURE__ */ n.jsx(Ee, { src: e, preview: !1, nameFallback: t }),
-  /* @__PURE__ */ n.jsx(V.Text, { children: t })
-] }), Ue = R(ur), fr = ({ ...e }) => {
+  /* @__PURE__ */ n.jsx(G.Text, { children: t })
+] }), Ue = O(ur), fr = ({ ...e }) => {
   var f, x;
-  const [t, r] = D(1), { loadingRegenerate: s, currRegenerateId: a } = fe(), { isExpand: c, widgetProps: o } = q(), d = O(() => e == null ? void 0 : e.sender, [e]), i = O(() => e == null ? void 0 : e.chats, [e == null ? void 0 : e.chats]), u = O(() => {
-    const g = i == null ? void 0 : i[(i == null ? void 0 : i.length) - 1];
-    return (g == null ? void 0 : g.generated_id) === a.current;
-  }, [i, e, a.current]);
+  const [t, r] = D(1), { loadingRegenerate: s, currRegenerateId: l } = fe(), { isExpand: i, widgetProps: o } = q(), d = R(() => e == null ? void 0 : e.sender, [e]), c = R(() => e == null ? void 0 : e.chats, [e == null ? void 0 : e.chats]), u = R(() => {
+    const g = c == null ? void 0 : c[(c == null ? void 0 : c.length) - 1];
+    return (g == null ? void 0 : g.generated_id) === l.current;
+  }, [c, e, l.current]);
   return X(() => {
-    !s && (i == null ? void 0 : i.length) > 0 && (r(i == null ? void 0 : i.length), me());
-  }, [s]), s && u ? /* @__PURE__ */ n.jsx(pn, {}) : /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+    !s && (c == null ? void 0 : c.length) > 0 && (r(c == null ? void 0 : c.length), Ce());
+  }, [s]), s && u ? /* @__PURE__ */ n.jsx(_n, {}) : /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
     d === "response" && /* @__PURE__ */ n.jsx(Ue, { name: o == null ? void 0 : o.title, src: Ze }),
-    /* @__PURE__ */ n.jsx("div", { style: { display: "flex", gap: 8 }, children: i == null ? void 0 : i.map((g, C) => {
+    /* @__PURE__ */ n.jsx("div", { style: { display: "flex", gap: 8 }, children: c == null ? void 0 : c.map((g, m) => {
       var p;
-      const y = C === ((p = e == null ? void 0 : e.chats) == null ? void 0 : p.length) - 1, j = t === C + 1;
+      const T = m === ((p = e == null ? void 0 : e.chats) == null ? void 0 : p.length) - 1, w = t === m + 1;
       return /* @__PURE__ */ n.jsxs(
         "div",
         {
           style: {
-            display: j ? "flex" : "none",
+            display: w ? "flex" : "none",
             flexDirection: "column",
             gap: 8
           },
@@ -2143,13 +2150,13 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
             /* @__PURE__ */ n.jsx(
               "div",
               {
-                ...y && {
-                  className: `w-regenerate-chat-last ${c ? "w-regenerate-chat-last-expand" : ""}`
+                ...T && {
+                  className: `w-regenerate-chat-last ${i ? "w-regenerate-chat-last-expand" : ""}`
                 },
                 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-${d}`} ${i ? "w-bubble-chat-regenerate-expand" : ""}`,
                     children: [
                       /* @__PURE__ */ n.jsx(ft, { children: g == null ? void 0 : g.text }),
                       d === "response" && /* @__PURE__ */ n.jsx("span", { style: { fontSize: 12, color: "rgba(0,0,0,0.4)" }, children: g == null ? void 0 : g.timestamp })
@@ -2159,7 +2166,7 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
               }
             ),
             /* @__PURE__ */ n.jsx(
-              mn,
+              Cn,
               {
                 showFeedback: !0,
                 showRegenerate: !1,
@@ -2168,12 +2175,12 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
             )
           ]
         },
-        C
+        m
       );
     }) }),
     /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", gap: 8, justifyContent: "center" }, children: [
       /* @__PURE__ */ n.jsx(
-        mn,
+        Cn,
         {
           showRegenerate: !0,
           showFeedback: !1,
@@ -2182,7 +2189,7 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       ),
       /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", gap: 4, alignItems: "center" }, children: [
         /* @__PURE__ */ n.jsx(
-          z,
+          Y,
           {
             size: "small",
             shape: "circle",
@@ -2193,13 +2200,13 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
             }
           }
         ),
-        /* @__PURE__ */ n.jsxs(V.Text, { children: [
+        /* @__PURE__ */ n.jsxs(G.Text, { children: [
           t,
           " / ",
           (f = e == null ? void 0 : e.chats) == null ? void 0 : f.length
         ] }),
         /* @__PURE__ */ n.jsx(
-          z,
+          Y,
           {
             size: "small",
             shape: "circle",
@@ -2207,17 +2214,17 @@ const ar = () => /* @__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) && r((C) => C + 1);
+              t < ((g = e == null ? void 0 : e.chats) == null ? void 0 : g.length) && r((m) => m + 1);
             }
           }
         )
       ] })
     ] })
   ] });
-}, xr = R(fr), gr = ({ date: e, format: t, sender: r, ...s }) => {
-  var a, c;
+}, xr = O(fr), gr = ({ date: e, format: t, sender: r, ...s }) => {
+  var l, i;
   return /* @__PURE__ */ n.jsx(
-    V.Text,
+    G.Text,
     {
       ...s,
       type: "secondary",
@@ -2227,32 +2234,32 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         ...r === "client" && {
           textAlign: "right"
         },
-        ...((a = Object.keys((s == null ? void 0 : s.style) || {})) == null ? void 0 : a.length) > 0 && {
+        ...((l = Object.keys((s == null ? void 0 : s.style) || {})) == null ? void 0 : l.length) > 0 && {
           ...s == null ? void 0 : s.style
         }
       },
-      children: t ? (c = ae(e)) == null ? void 0 : c.format(t) : e
+      children: t ? (i = ae(e)) == null ? void 0 : i.format(t) : e
     }
   );
-}, We = R(gr), Cr = ({ showResponseInfo: e = !0, ...t }) => {
+}, We = O(gr), mr = ({ showResponseInfo: e = !0, ...t }) => {
   var d;
-  const { loadingRegenerate: r, chats: s } = fe(), { widgetProps: a } = q(), c = O(() => (s == null ? void 0 : s.length) - 1 === (t == null ? void 0 : t.indexChat), [s]), o = O(() => t == null ? void 0 : t.sender, [t]);
-  return ((d = t == null ? void 0 : t.chats) == null ? void 0 : d.length) > 0 ? /* @__PURE__ */ n.jsx(xr, { ...t }) : r && c ? /* @__PURE__ */ n.jsx(pn, {}) : /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-    o === "response" && e && /* @__PURE__ */ n.jsx(Ue, { name: a == null ? void 0 : a.title, src: Ze }),
+  const { loadingRegenerate: r, chats: s } = fe(), { widgetProps: l } = q(), i = R(() => (s == null ? void 0 : s.length) - 1 === (t == null ? void 0 : t.indexChat), [s]), o = R(() => t == null ? void 0 : t.sender, [t]);
+  return ((d = t == null ? void 0 : t.chats) == null ? void 0 : d.length) > 0 ? /* @__PURE__ */ n.jsx(xr, { ...t }) : r && i ? /* @__PURE__ */ n.jsx(_n, {}) : /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+    o === "response" && e && /* @__PURE__ */ n.jsx(Ue, { name: l == null ? void 0 : l.title, src: Ze }),
     /* @__PURE__ */ n.jsxs("div", { className: `w-bubble-chat ${`w-${o}`}`, children: [
       /* @__PURE__ */ n.jsx(ft, { children: t == null ? void 0 : t.text }),
       /* @__PURE__ */ n.jsx(We, { date: t == null ? void 0 : t.timestamp, sender: o })
     ] }),
-    /* @__PURE__ */ n.jsx(mn, { ...t })
+    /* @__PURE__ */ n.jsx(Cn, { ...t })
   ] });
-}, $e = R(Cr), mr = () => {
+}, $e = O(mr), Cr = () => {
   const e = _(
     "PleaseUploadFile",
     "Please upload specify file that needed to complete your request"
   ), t = _("ClickToUpload", "Click to upload"), r = _(
     "ContinueWithoutUpload",
     "Continue without upload"
-  ), { onSendMsg: s, setFile: a } = fe(), c = () => {
+  ), { onSendMsg: s, setFile: l } = fe(), i = () => {
     s({
       msg: "CANCEL UPLOAD"
     });
@@ -2284,23 +2291,23 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
               fileList: [],
               accept: ".doc, .jpg, .ods, .png, .txt, .docx, .pdf",
               onChange: (o) => {
-                a(o == null ? void 0 : o.file);
+                l(o == null ? void 0 : o.file);
               },
-              children: /* @__PURE__ */ n.jsx(z, { icon: /* @__PURE__ */ n.jsx(P, { type: "upload" }), children: t })
+              children: /* @__PURE__ */ n.jsx(Y, { icon: /* @__PURE__ */ n.jsx(P, { type: "upload" }), children: t })
             }
           ),
-          /* @__PURE__ */ n.jsx(z, { type: "dashed", onClick: c, children: r })
+          /* @__PURE__ */ n.jsx(Y, { type: "dashed", onClick: i, children: r })
         ] })
       ]
     }
   );
-}, br = R(mr), vr = () => {
-  const [e, t] = D(!1), [r, s] = D(!1), [a, c] = D(!1), [o, d] = D(3), [i, u] = D(!1), [f, x] = D(""), { widgetProps: g } = q(), { onSendMsg: C, chats: y } = fe(), { onSubmitPYPwd: j = () => {
+}, br = O(Cr), vr = () => {
+  const [e, t] = D(!1), [r, s] = D(!1), [l, i] = D(!1), [o, d] = D(3), [c, u] = D(!1), [f, x] = D(""), { widgetProps: g } = q(), { onSendMsg: m, chats: T } = fe(), { onSubmitPYPwd: w = () => {
   }, onCheckPYAccess: p = () => {
-  } } = (g == null ? void 0 : g.onPayslipFn) || {}, w = _(
+  } } = (g == null ? void 0 : g.onPayslipFn) || {}, j = _(
     "ProvidePasswordPayslip",
     "Please provide your password account to access the download"
-  ), v = _("Cancel", "Cancel"), h = _("Submit", "Submit"), b = _("Password", "Password"), E = _("IsRequired", "Is Required"), m = _(
+  ), v = _("Cancel", "Cancel"), h = _("Submit", "Submit"), b = _("Password", "Password"), E = _("IsRequired", "Is Required"), C = _(
     "PrepareTheFiles",
     "Prepare the files"
   ), k = _(
@@ -2309,34 +2316,34 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
   ), S = _(
     "VerifyAccessPayslip",
     "Please wait, verifying access to your payslip"
-  ), H = _(
+  ), F = _(
     "WrongPwdPayslip",
     "The password you entered is incorrect. Please try again or contact support if you need assistance"
   ), B = _(
     "SessionExpired",
     "Session expired. Please log in again to continue"
   ), [M] = oe.useForm(), L = () => {
-    var F, G, J;
-    c(!0), u(!0), (J = (G = (F = p()) == null ? void 0 : F.then((Y) => {
+    var I, J, z;
+    i(!0), u(!0), (z = (J = (I = p()) == null ? void 0 : I.then((W) => {
       var ee, de;
-      const te = (de = (ee = Y == null ? void 0 : Y.data) == null ? void 0 : ee.DATA) == null ? void 0 : de.RESULT;
-      te && C({ msg: "Valid" }), t(te), x("");
-    })) == null ? void 0 : G.catch((Y) => {
-      console.log("err: ", Y == null ? void 0 : Y.toString()), x(Y == null ? void 0 : Y.toString());
-    })) == null || J.finally(() => {
+      const te = (de = (ee = W == null ? void 0 : W.data) == null ? void 0 : ee.DATA) == null ? void 0 : de.RESULT;
+      te && m({ msg: "Valid" }), t(te), x("");
+    })) == null ? void 0 : J.catch((W) => {
+      console.log("err: ", W == null ? void 0 : W.toString()), x(W == null ? void 0 : W.toString());
+    })) == null || z.finally(() => {
       s(!1), u(!1);
     });
-  }, I = () => {
-    C({ msg: "cancel" }), c(!1);
+  }, H = () => {
+    m({ msg: "cancel" }), i(!1);
   }, $ = () => {
-    var G;
-    const F = M == null ? void 0 : M.getFieldValue("pwd");
-    (G = M == null ? void 0 : M.validateFields()) == null || G.then(() => {
-      var J, Y;
-      s(!0), (Y = (J = j(F)) == null ? void 0 : J.then(({ data: te }) => {
+    var J;
+    const I = M == null ? void 0 : M.getFieldValue("pwd");
+    (J = M == null ? void 0 : M.validateFields()) == null || J.then(() => {
+      var z, W;
+      s(!0), (W = (z = w(I)) == null ? void 0 : z.then(({ data: te }) => {
         var ee;
-        (ee = te == null ? void 0 : te.DATA) != null && ee.ISVALID ? L() : (x(H), d(o - 1), s(!1));
-      })) == null || Y.catch((te) => {
+        (ee = te == null ? void 0 : te.DATA) != null && ee.ISVALID ? L() : (x(F), d(o - 1), s(!1));
+      })) == null || W.catch((te) => {
         var de, ce, Ne, Ve, Ge;
         const ee = te == null ? void 0 : te.response;
         if ((ee == null ? void 0 : ee.status) === 401) {
@@ -2345,7 +2352,7 @@ const ar = () => /* @__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(H), d(o - 1), s(!1));
+          Me && x(B), Fe && (x(F), d(o - 1), s(!1));
         } else
           console.log("err onSubmit: ", te == null ? void 0 : te.toString()), x(te == null ? void 0 : te.toString());
         s(!1);
@@ -2353,10 +2360,10 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     });
   };
   return X(() => {
-    var G;
-    const F = y == null ? void 0 : y[(y == null ? void 0 : y.length) - 1];
-    ((G = F == null ? void 0 : F.attachment) == null ? void 0 : G.type) === "show_password_wp" && L();
-  }, []), a ? i ? /* @__PURE__ */ n.jsx(
+    var J;
+    const I = T == null ? void 0 : T[(T == null ? void 0 : T.length) - 1];
+    ((J = I == null ? void 0 : I.attachment) == null ? void 0 : J.type) === "show_password_wp" && L();
+  }, []), l ? c ? /* @__PURE__ */ n.jsx(
     $e,
     {
       sender: "response",
@@ -2382,7 +2389,7 @@ const ar = () => /* @__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}...` : w }),
+            /* @__PURE__ */ n.jsx(G.Text, { children: e ? `${C}...` : j }),
             !e && /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
               /* @__PURE__ */ n.jsx(
                 oe.Item,
@@ -2398,9 +2405,9 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
                 }
               ),
               /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", gap: 8 }, children: [
-                /* @__PURE__ */ n.jsx(z, { disabled: r, onClick: I, children: v }),
+                /* @__PURE__ */ n.jsx(Y, { disabled: r, onClick: H, children: v }),
                 /* @__PURE__ */ n.jsx(
-                  z,
+                  Y,
                   {
                     type: "primary",
                     onClick: $,
@@ -2416,38 +2423,38 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       )
     }
   ) : null;
-}, hr = R(vr), Er = ({ ...e }) => {
+}, hr = O(vr), Er = ({ ...e }) => {
   var d;
-  const { objInitPayload: t } = q(), [r, s] = D(!1), a = _("Error", "Error"), c = O(() => rt(t == null ? void 0 : t.access_token), [t]), o = () => {
+  const { objInitPayload: t } = q(), [r, s] = D(!1), l = _("Error", "Error"), i = R(() => rt(t == null ? void 0 : t.access_token), [t]), o = () => {
     var u, f, x, g;
     s(!0);
-    const i = e == null ? void 0 : e.attachment;
+    const c = e == null ? void 0 : e.attachment;
     (g = (x = (f = Oe({
       method: "POST",
-      url: i == null ? void 0 : i.endpoint,
-      data: i == null ? void 0 : i.body,
+      url: c == null ? void 0 : c.endpoint,
+      data: c == null ? void 0 : c.body,
       headers: {
         Authorization: `Bearer ${t == null ? void 0 : t.access_token}`,
-        "Content-Type": i == null ? void 0 : i.headers["Content-Type"],
+        "Content-Type": c == null ? void 0 : c.headers["Content-Type"],
         coid: t == null ? void 0 : t.companyid,
         "Company-Id": t == null ? void 0 : t.companyid,
-        "Acc-Name": (u = c == null ? void 0 : c.INSTANCE) == null ? void 0 : u.toLowerCase()
+        "Acc-Name": (u = i == null ? void 0 : i.INSTANCE) == null ? void 0 : u.toLowerCase()
       },
       responseType: "blob"
-    })) == null ? void 0 : f.then((C) => {
+    })) == null ? void 0 : f.then((m) => {
       var v;
-      const y = (v = i == null ? void 0 : i.body) == null ? void 0 : v.media, j = `${i == null ? void 0 : i.filename}.${y}`, p = new Blob([C == null ? void 0 : C.data]), w = URL == null ? void 0 : URL.createObjectURL(p);
-      Tn({ downloadURL: w, fileName: j }), URL.revokeObjectURL(w);
-    })) == null ? void 0 : x.catch((C) => {
-      var j, p, w;
-      const y = C == null ? void 0 : C.message;
-      (j = ie) == null || j.destroy(), (p = ie) == null || p.config({
+      const T = (v = c == null ? void 0 : c.body) == null ? void 0 : v.media, w = `${c == null ? void 0 : c.filename}.${T}`, p = new Blob([m == null ? void 0 : m.data]), j = URL == null ? void 0 : URL.createObjectURL(p);
+      Tn({ downloadURL: j, fileName: w }), URL.revokeObjectURL(j);
+    })) == null ? void 0 : x.catch((m) => {
+      var w, p, j;
+      const T = m == null ? void 0 : m.message;
+      (w = ie) == null || w.destroy(), (p = ie) == null || p.config({
         getContainer: () => document.querySelector(".w-widget-content-container"),
         top: 28,
         placement: "top"
-      }), (w = ie) == null || w.error({
-        message: a,
-        description: y,
+      }), (j = ie) == null || j.error({
+        message: l,
+        description: T,
         className: "w-notification-content",
         duration: 3
       });
@@ -2462,9 +2469,9 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       onClick: o,
       style: { cursor: "pointer" },
       children: /* @__PURE__ */ n.jsxs(Zt, { spinning: r, children: [
-        /* @__PURE__ */ n.jsx(V.Link, { children: (d = e == null ? void 0 : e.attachment) == null ? void 0 : d.filename }),
+        /* @__PURE__ */ n.jsx(G.Link, { children: (d = e == null ? void 0 : e.attachment) == null ? void 0 : d.filename }),
         /* @__PURE__ */ n.jsx(
-          z,
+          Y,
           {
             icon: /* @__PURE__ */ n.jsx(
               P,
@@ -2479,18 +2486,18 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       ] })
     }
   );
-}, Tr = R(Er), yr = ({ ...e }) => {
-  const t = K(), r = _("DownloadChart", "Download Chart"), s = O(() => e == null ? void 0 : e.attachment, [e == null ? void 0 : e.attachment]), a = O(() => {
+}, Tr = O(Er), yr = ({ ...e }) => {
+  const t = K(), r = _("DownloadChart", "Download Chart"), s = R(() => e == null ? void 0 : e.attachment, [e == null ? void 0 : e.attachment]), l = R(() => {
     var o;
-    return (o = s == null ? void 0 : s.data) == null ? void 0 : o.map((d, i) => {
+    return (o = s == null ? void 0 : s.data) == null ? void 0 : o.map((d, c) => {
       var u, f;
       return {
-        label: (u = s == null ? void 0 : s.labels) == null ? void 0 : u[i],
+        label: (u = s == null ? void 0 : s.labels) == null ? void 0 : u[c],
         value: d,
-        color: (f = s == null ? void 0 : s.colors) == null ? void 0 : f[i]
+        color: (f = s == null ? void 0 : s.colors) == null ? void 0 : f[c]
       };
     });
-  }, [s]), c = () => {
+  }, [s]), i = () => {
     var d;
     const o = (d = document == null ? void 0 : document.querySelector(".chart_widget canvas")) == null ? void 0 : d.toDataURL();
     Tn({ fileName: s == null ? void 0 : s.title, downloadURL: o });
@@ -2501,7 +2508,7 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       {
         className: "chart_widget",
         ref: t,
-        data: a,
+        data: l,
         angleField: "value",
         colorField: "label",
         label: {
@@ -2520,17 +2527,17 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       }
     ),
     /* @__PURE__ */ n.jsx("div", { style: { textAlign: "center" }, children: /* @__PURE__ */ n.jsx(
-      z,
+      Y,
       {
         onClick: () => {
-          c();
+          i();
         },
         children: r
       }
     ) })
   ] });
-}, jr = R(yr), wr = ({ ...e }) => {
-  var t, r, s, a, c;
+}, jr = O(yr), wr = ({ ...e }) => {
+  var t, r, s, l, i;
   switch (!0) {
     case ((t = Ae(e)) == null ? void 0 : t.text):
       return /* @__PURE__ */ n.jsx($e, { ...e });
@@ -2538,35 +2545,35 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       return /* @__PURE__ */ n.jsx(br, { ...e });
     case ((s = Ae(e)) == null ? void 0 : s.password):
       return /* @__PURE__ */ n.jsx(hr, { ...e });
-    case ((a = Ae(e)) == null ? void 0 : a.filedownload):
+    case ((l = Ae(e)) == null ? void 0 : l.filedownload):
       return /* @__PURE__ */ n.jsx(Tr, { ...e });
-    case ((c = Ae(e)) == null ? void 0 : c.chart):
+    case ((i = Ae(e)) == null ? void 0 : i.chart):
       return /* @__PURE__ */ n.jsx(jr, { ...e });
     default:
       return null;
   }
-}, kr = R(wr), pr = () => {
-  const { isOpenWidget: e, widgetProps: t } = q(), { chats: r, isWaitResponse: s } = fe(), { activeTab: a } = be();
+}, kr = O(wr), _r = () => {
+  const { isOpenWidget: e, widgetProps: t } = q(), { chats: r, isWaitResponse: s } = fe(), { activeTab: l } = be();
   return X(() => {
-    me();
-  }, [a]), e ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-    /* @__PURE__ */ n.jsx("div", { className: "w-bubble-chat-container", children: r == null ? void 0 : r.map((c, o) => {
-      var i;
-      const d = (i = Ae(c)) == null ? void 0 : i.text;
-      return /* @__PURE__ */ n.jsxs(Cn, { children: [
-        (c == null ? void 0 : c.sender) === "response" && !d && /* @__PURE__ */ n.jsx(
+    Ce();
+  }, [l]), e ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+    /* @__PURE__ */ n.jsx("div", { className: "w-bubble-chat-container", children: r == null ? void 0 : r.map((i, o) => {
+      var c;
+      const d = (c = Ae(i)) == null ? void 0 : c.text;
+      return /* @__PURE__ */ n.jsxs(mn, { children: [
+        (i == null ? void 0 : i.sender) === "response" && !d && /* @__PURE__ */ n.jsx(
           Ue,
           {
             name: t == null ? void 0 : t.title,
             src: Ze
           }
         ),
-        /* @__PURE__ */ n.jsx(kr, { indexChat: o, ...c })
+        /* @__PURE__ */ n.jsx(kr, { indexChat: o, ...i })
       ] }, o);
     }) }),
-    s && /* @__PURE__ */ n.jsx(pn, {})
+    s && /* @__PURE__ */ n.jsx(_n, {})
   ] }) : null;
-}, _r = R(pr), Ar = () => {
+}, pr = O(_r), Ar = () => {
   var h;
   const e = _(
     "ContinueWithoutUpload",
@@ -2575,27 +2582,27 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     onSendMsg: t,
     setChats: r,
     isWaitResponse: s,
-    loadingRegenerate: a,
-    file: c,
+    loadingRegenerate: l,
+    file: i,
     setFile: o,
     chats: d,
-    connected: i
-  } = fe(), { isActiveTabVA: u } = be(), f = O(() => {
+    connected: c
+  } = fe(), { isActiveTabVA: u } = be(), f = R(() => {
     var E;
     const b = d == null ? void 0 : d[(d == null ? void 0 : d.length) - 1];
     return (b == null ? void 0 : b.sender) === "response" && ((E = b == null ? void 0 : b.attachment) == null ? void 0 : E.type) === "fileuploader";
-  }, [d]), x = K(), [g, C] = D(!1), [y, j] = D(!1), p = O(() => s || !y, [y, s]), w = () => {
-    var m, k, S, H;
-    const b = (S = (k = (m = x == null ? void 0 : x.current) == null ? void 0 : m.resizableTextArea) == null ? void 0 : k.textArea) == null ? void 0 : S.value;
+  }, [d]), x = K(), [g, m] = D(!1), [T, w] = D(!1), p = R(() => s || !T, [T, s]), j = () => {
+    var C, k, S, F;
+    const b = (S = (k = (C = x == null ? void 0 : x.current) == null ? void 0 : C.resizableTextArea) == null ? void 0 : k.textArea) == null ? void 0 : S.value;
     if (!(b != null && b.trim()) || s) return;
-    j(!1), t({ msg: b }), C(!g);
+    w(!1), t({ msg: b }), m(!g);
     const E = {
       text: b,
       sender: "client",
       type: "text",
-      timestamp: (H = ae()) == null ? void 0 : H.format("hh:mm A")
+      timestamp: (F = ae()) == null ? void 0 : F.format("hh:mm A")
     };
-    r((B) => [...B, E]), me();
+    r((B) => [...B, E]), Ce();
   }, v = () => {
     t({ msg: "SKIP_WAITING_RESPONSE" });
   };
@@ -2603,10 +2610,10 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     var b;
     x != null && x.current && u && ((b = x == null ? void 0 : x.current) == null || b.focus());
   }, [u]), f ? /* @__PURE__ */ n.jsxs("div", { className: "w-input-container", style: { alignItems: "center" }, children: [
-    /* @__PURE__ */ n.jsx(V.Text, { children: c == null ? void 0 : c.name }),
-    ((h = Object == null ? void 0 : Object.keys(c || {})) == null ? void 0 : h.length) > 0 ? /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
+    /* @__PURE__ */ n.jsx(G.Text, { children: i == null ? void 0 : i.name }),
+    ((h = Object == null ? void 0 : Object.keys(i || {})) == null ? void 0 : h.length) > 0 ? /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
       /* @__PURE__ */ n.jsx(
-        z,
+        Y,
         {
           danger: !0,
           icon: /* @__PURE__ */ n.jsx(P, { type: "delete" }),
@@ -2615,17 +2622,17 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         }
       ),
       /* @__PURE__ */ n.jsx(
-        z,
+        Y,
         {
           className: "w-send-btn",
           style: { backgroundColor: "var(--primary-color, #395ebc)" },
           icon: /* @__PURE__ */ n.jsx(P, { type: "send" }),
           shape: "circle",
-          onClick: w
+          onClick: j
         }
       )
     ] }) : /* @__PURE__ */ n.jsx(Se, { title: e, children: /* @__PURE__ */ n.jsx(
-      z,
+      Y,
       {
         icon: /* @__PURE__ */ n.jsx(P, { type: "close" }),
         shape: "circle",
@@ -2641,23 +2648,23 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       Be.TextArea,
       {
         className: "w-input-widget",
-        disabled: !i,
+        disabled: !c,
         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) && w();
+          ((b == null ? void 0 : b.code) === "Enter" || (b == null ? void 0 : b.key) === "Enter") && !(b != null && b.shiftKey) && j();
         },
         onChange: ({ target: { value: b } }) => {
           const E = /\S/;
           Pe({
             input_va_value: b
-          }), b && (E != null && E.test(b)) ? j(!0) : b != null && b.trim() || j(!1);
+          }), b && (E != null && E.test(b)) ? w(!0) : b != null && b.trim() || w(!1);
         }
       },
       g
     ),
-    s || a ? /* @__PURE__ */ n.jsx(
-      z,
+    s || l ? /* @__PURE__ */ n.jsx(
+      Y,
       {
         style: { border: "none" },
         icon: /* @__PURE__ */ n.jsx(P, { type: "stop" }),
@@ -2666,25 +2673,25 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         size: "large"
       }
     ) : /* @__PURE__ */ n.jsx(
-      z,
+      Y,
       {
         className: `w-send-btn ${p ? "w-send-btn-disabled" : ""}`,
         disabled: p,
         style: { backgroundColor: "var(--primary-color, #395ebc)" },
         icon: /* @__PURE__ */ n.jsx(P, { type: "send" }),
         shape: "circle",
-        onClick: w
+        onClick: j
       }
     )
   ] });
-}, Sr = R(Ar), Lr = ({ taskStatus: e }) => {
-  const t = _("InProgress", "In Progress"), r = _("New", "New"), s = _("Closed", "Closed"), a = _("Done", "Done"), c = _("HDCancelled", "Cancelled"), o = {
+}, Sr = O(Ar), Lr = ({ taskStatus: e }) => {
+  const t = _("InProgress", "In Progress"), r = _("New", "New"), s = _("Closed", "Closed"), l = _("Done", "Done"), i = _("HDCancelled", "Cancelled"), o = {
     "In Progress": t,
     Open: r,
     New: r,
     Closed: s,
-    Fixed: a,
-    Cancelled: c
+    Fixed: l,
+    Cancelled: i
   }, d = {
     "In Progress": "#FFF2D6",
     Responded: "#FFF2D6",
@@ -2694,9 +2701,9 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     Fixed: "#bbfab7",
     Done: "#bbfab7",
     Cancelled: "#FFF2D6"
-  }, i = O(() => d[e] || d.Closed, [e]), u = O(() => o[e] || e, [e]);
-  return /* @__PURE__ */ n.jsx(Xt, { color: i, children: /* @__PURE__ */ n.jsx(
-    V.Text,
+  }, c = R(() => d[e] || d.Closed, [e]), u = R(() => o[e] || e, [e]);
+  return /* @__PURE__ */ n.jsx(Xt, { color: c, children: /* @__PURE__ */ n.jsx(
+    G.Text,
     {
       className: "primary-color-active",
       style: { width: "100%", textAlign: "center" },
@@ -2704,7 +2711,7 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       children: u
     }
   ) }, e);
-}, Ct = R(Lr), Rr = ({ onClick: e, ...t }) => /* @__PURE__ */ n.jsxs(
+}, mt = O(Lr), Rr = ({ onClick: e, ...t }) => /* @__PURE__ */ n.jsxs(
   "div",
   {
     className: "w-ticket-card-container",
@@ -2713,7 +2720,7 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     },
     children: [
       /* @__PURE__ */ n.jsx(
-        V.Text,
+        G.Text,
         {
           strong: !0,
           style: {
@@ -2727,8 +2734,8 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       ),
       /* @__PURE__ */ n.jsxs("div", { className: "w-ticket-card-content-container", children: [
         /* @__PURE__ */ n.jsxs("div", { className: "w-ticket-card-cat-code", children: [
-          /* @__PURE__ */ n.jsx(V.Text, { children: (t == null ? void 0 : t.TASK_CATEGORY) || qn }),
-          /* @__PURE__ */ n.jsx(V.Text, { children: (t == null ? void 0 : t.TASK_CODE) || qn })
+          /* @__PURE__ */ n.jsx(G.Text, { children: (t == null ? void 0 : t.TASK_CATEGORY) || qn }),
+          /* @__PURE__ */ n.jsx(G.Text, { children: (t == null ? void 0 : t.TASK_CODE) || qn })
         ] }),
         /* @__PURE__ */ n.jsxs(
           "div",
@@ -2738,28 +2745,28 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
               alignItems: "flex-end"
             },
             children: [
-              /* @__PURE__ */ n.jsx(Ct, { taskStatus: t == null ? void 0 : t.TASK_STATUS }),
-              /* @__PURE__ */ n.jsx(V.Text, { children: t == null ? void 0 : t.CREATED_DATE })
+              /* @__PURE__ */ n.jsx(mt, { taskStatus: t == null ? void 0 : t.TASK_STATUS }),
+              /* @__PURE__ */ n.jsx(G.Text, { children: t == null ? void 0 : t.CREATED_DATE })
             ]
           }
         )
       ] })
     ]
   }
-), Or = R(Rr), mt = () => {
-  const { objInitPayload: e, setObjInitPayload: t, parsedJWT: r } = q(), s = O(() => {
-    var c;
+), Or = O(Rr), Ct = () => {
+  const { objInitPayload: e, setObjInitPayload: t, parsedJWT: r } = q(), s = R(() => {
+    var i;
     return {
       Authorization: `Bearer ${e == null ? void 0 : e.access_token}`,
       coid: r == null ? void 0 : r.COID,
-      "Acc-Name": (c = r == null ? void 0 : r.INSTANCE) == null ? void 0 : c.toLowerCase(),
+      "Acc-Name": (i = r == null ? void 0 : r.INSTANCE) == null ? void 0 : i.toLowerCase(),
       "Company-Id": e == null ? void 0 : e.companyid,
       Language: e == null ? void 0 : e.lang
     };
   }, [e]);
-  return async (c) => {
+  return async (i) => {
     var u, f, x;
-    const { onSuccess: o, onError: d, onFinally: i } = c ?? {};
+    const { onSuccess: o, onError: d, onFinally: c } = i ?? {};
     (x = (f = (u = Oe({
       url: e == null ? void 0 : e.uriBackend,
       params: {
@@ -2772,9 +2779,9 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       headers: s,
       method: "POST"
     })) == null ? void 0 : u.then((g) => {
-      var j;
-      const C = (j = g == null ? void 0 : g.data) == null ? void 0 : j.DATA, y = {
-        access_token: C == null ? void 0 : C.JWT_TOKEN,
+      var w;
+      const m = (w = g == null ? void 0 : g.data) == null ? void 0 : w.DATA, T = {
+        access_token: m == null ? void 0 : m.JWT_TOKEN,
         refresh_token: e == null ? void 0 : e.refresh_token,
         uagent: e == null ? void 0 : e.uagent,
         uriBackend: e == null ? void 0 : e.uriBackend,
@@ -2786,68 +2793,68 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         uriBackendHRMGO: e == null ? void 0 : e.uriBackendHRMGO,
         config: e == null ? void 0 : e.config
       };
-      t(y), typeof o == "function" && o(g);
+      t(T), typeof o == "function" && o(g);
     })) == null ? void 0 : f.catch((g) => {
       typeof d == "function" && d(g);
     })) == null || x.finally(() => {
-      typeof i == "function" && i();
+      typeof c == "function" && c();
     });
   };
 }, en = () => {
   var o;
-  const e = K(new AbortController()), { objInitPayload: t, parsedJWT: r } = q(), s = mt(), a = {
+  const e = K(new AbortController()), { objInitPayload: t, parsedJWT: r } = q(), s = Ct(), l = {
     Authorization: `Bearer ${t == null ? void 0 : t.access_token}`,
     coid: r == null ? void 0 : r.COID,
     "Acc-Name": (o = r == null ? void 0 : r.INSTANCE) == null ? void 0 : o.toLowerCase(),
     "Company-Id": t == null ? void 0 : t.companyid,
     Language: t == null ? void 0 : t.lang
-  }, c = async ({
+  }, i = async ({
     url: d,
-    endpoint: i,
+    endpoint: c,
     method: u = "POST",
     headers: f,
     ...x
   }) => {
-    var j, p, w, v, h, b;
+    var w, p, j, v, h, b;
     const g = {
-      url: d || `${t == null ? void 0 : t.uriBackendHRMGO}${i}`,
+      url: d || `${t == null ? void 0 : t.uriBackendHRMGO}${c}`,
       ...e.current && {
-        signal: (j = e == null ? void 0 : e.current) == null ? void 0 : j.signal
+        signal: (w = e == null ? void 0 : e.current) == null ? void 0 : w.signal
       },
       headers: {
-        ...a,
+        ...l,
         ...f,
         "Company-Code": t == null ? void 0 : t.companycode
       },
       method: u,
       ...x
-    }, C = (p = Oe) == null ? void 0 : p.create(g);
-    return (v = (w = C == null ? void 0 : C.interceptors) == null ? void 0 : w.request) == null || v.use(
+    }, m = (p = Oe) == null ? void 0 : p.create(g);
+    return (v = (j = m == null ? void 0 : m.interceptors) == null ? void 0 : j.request) == null || v.use(
       (E) => (t != null && t.access_token && (E.headers.Authorization = `Bearer ${t == null ? void 0 : t.access_token}`), E),
       (E) => {
         Promise.reject(E);
       }
-    ), (b = (h = C == null ? void 0 : C.interceptors) == null ? void 0 : h.response) == null || b.use(
+    ), (b = (h = m == null ? void 0 : m.interceptors) == null ? void 0 : h.response) == null || b.use(
       (E) => E,
       async (E) => {
         var k;
-        const m = E == null ? void 0 : E.config;
+        const C = E == null ? void 0 : E.config;
         if (((k = E == null ? void 0 : E.response) == null ? void 0 : k.status) === 401) {
           const S = await s();
-          return m.headers.Authorization = `Bearer ${S}`, Oe(m);
+          return C.headers.Authorization = `Bearer ${S}`, Oe(C);
         }
         return Promise == null ? void 0 : Promise.reject(E);
       }
-    ), await (C == null ? void 0 : C.request(g));
+    ), await (m == null ? void 0 : m.request(g));
   };
-  return c.abort = () => {
+  return i.abort = () => {
     var d;
     e != null && e.current && ((d = e == null ? void 0 : e.current) == null || d.abort(), e.current = new AbortController());
-  }, X(() => () => c.abort(), []), c;
+  }, X(() => () => i.abort(), []), i;
 }, bt = Te({}), ve = () => ye(bt), Dr = ({ children: e }) => {
-  const t = en(), [r, s] = D([]), [a, c] = D(""), [o, d] = D(!1), [i, u] = D(!0), [f, x] = D(0), g = (C) => {
-    var y, j, p, w;
-    u(!0), (w = (p = t({
+  const t = en(), [r, s] = D([]), [l, i] = D(""), [o, d] = D(!1), [c, u] = D(!0), [f, x] = D(0), g = (m) => {
+    var T, w, p, j;
+    u(!0), (j = (p = t({
       endpoint: "/helpdesk/myticket/ticket-list",
       method: "POST",
       data: {
@@ -2856,10 +2863,10 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         SEARCH: {
           MY_TICKET: !0,
           TASK_MODULE: "HD",
-          ...((y = Object.keys(C || {})) == null ? void 0 : y.length) > 0 && {
-            ...C,
-            ...(C == null ? void 0 : C.CREATED_DATE) && {
-              CREATED_DATE: (j = ae(C == null ? void 0 : C.CREATED_DATE)) == null ? void 0 : j.format(En)
+          ...((T = Object.keys(m || {})) == null ? void 0 : T.length) > 0 && {
+            ...m,
+            ...(m == null ? void 0 : m.CREATED_DATE) && {
+              CREATED_DATE: (w = ae(m == null ? void 0 : m.CREATED_DATE)) == null ? void 0 : w.format(En)
             }
           }
         },
@@ -2871,7 +2878,7 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     })) == null ? void 0 : p.then((v) => {
       var h, b, E;
       (h = v == null ? void 0 : v.data) != null && h.DATA && s((E = (b = v == null ? void 0 : v.data) == null ? void 0 : b.DATA) == null ? void 0 : E.LIST);
-    })) == null || w.finally(() => {
+    })) == null || j.finally(() => {
       u(!1);
     });
   };
@@ -2882,12 +2889,12 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     {
       value: {
         listTicket: r,
-        ticketId: a,
-        setTicketId: c,
+        ticketId: l,
+        setTicketId: i,
         getListTicket: g,
         openFilter: o,
         setOpenFilter: d,
-        loadingListTicket: i,
+        loadingListTicket: c,
         countFilters: f,
         setCountFilters: x
       },
@@ -2895,7 +2902,7 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     }
   );
 }, Nr = () => {
-  const e = _("SubjectSearch", "Subject Search"), t = _("AdvanceFilter", "Advance Filter"), r = K(null), { getListTicket: s, setOpenFilter: a, loadingListTicket: c, countFilters: o } = ve();
+  const e = _("SubjectSearch", "Subject Search"), t = _("AdvanceFilter", "Advance Filter"), r = K(null), { getListTicket: s, setOpenFilter: l, loadingListTicket: i, 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,
@@ -2912,111 +2919,111 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       }
     ),
     /* @__PURE__ */ n.jsx(Se, { title: `${t} (${o})`, children: /* @__PURE__ */ n.jsx(Pt, { count: o, children: /* @__PURE__ */ n.jsx(
-      z,
+      Y,
       {
-        loading: c,
+        loading: i,
         icon: /* @__PURE__ */ n.jsx(P, { type: "filter" }),
         onClick: () => {
-          a(!0);
+          l(!0);
         }
       }
     ) }) })
   ] }) });
-}, Mr = R(Nr), vt = Te({}), he = () => ye(vt), Fr = ({ children: e }) => {
-  const t = K(null), r = K(0), s = K(!1), a = K(null), [c, o] = D([]), [d, i] = D(0), [u, f] = D(!1), { objInitPayload: x, parsedJWT: g, isFirstRenderHelpdesk: C, setShowReadyWSHD: y } = q(), j = mt(), p = (b) => {
+}, Mr = O(Nr), vt = Te({}), he = () => ye(vt), Fr = ({ children: e }) => {
+  const t = K(null), r = K(0), s = K(!1), l = K(null), [i, o] = D([]), [d, c] = D(0), [u, f] = D(!1), { objInitPayload: x, parsedJWT: g, isFirstRenderHelpdesk: m, setShowReadyWSHD: T } = q(), w = Ct(), p = (b) => {
     const E = new WebSocket(b);
     E.onopen = () => {
-      s.current = !0, r.current = 0, i(0), y(!0);
-    }, E.onerror = (m) => {
-      y(!1), console.error(`${_e} - WebSocket error:`, m);
-    }, E.onclose = (m) => {
+      s.current = !0, r.current = 0, c(0), T(!0);
+    }, E.onerror = (C) => {
+      T(!1), console.error(`${pe} - WebSocket error:`, C);
+    }, E.onclose = (C) => {
       console.warn(
-        `${_e} - WebSocket disconnected:`,
-        m
-      ), s.current = !1, y(!1), !(m != null && m.wasClean) && (r == null ? void 0 : r.current) < Ie && (r.current += 1, i((k) => k + 1), clearTimeout(a.current), a.current = setTimeout(w, 2e3));
+        `${pe} - WebSocket disconnected:`,
+        C
+      ), s.current = !1, T(!1), !(C != null && C.wasClean) && (r == null ? void 0 : r.current) < Ie && (r.current += 1, c((k) => k + 1), clearTimeout(l.current), l.current = setTimeout(j, 2e3));
     }, E.onmessage = v(E), t.current = E;
-  }, w = async () => {
-    var L, I, $;
+  }, j = async () => {
+    var L, H, $;
     if (((L = t.current) == null ? void 0 : L.readyState) === (WebSocket == null ? void 0 : WebSocket.CONNECTING)) return;
     const {
       access_token: b,
       companyid: E = "",
-      companycode: m = "",
+      companycode: C = "",
       lang: k = "",
       uriBackendHRMGO: S = ""
     } = x ?? {};
-    if (!b || !E || !m) {
+    if (!b || !E || !C) {
       console.warn(
-        `${_e} - Missing required WebSocket  credentials.`
+        `${pe} - Missing required WebSocket  credentials.`
       );
       return;
     }
-    const H = `Bearer ${b}`, B = (I = `${S}/ws`) == null ? void 0 : I.replace("https://", "wss://"), M = {
+    const F = `Bearer ${b}`, B = (H = `${S}/ws`) == null ? void 0 : H.replace("https://", "wss://"), M = {
       COMPANY_ID: E.toString(),
-      COMPANY_CODE: m.toLowerCase(),
+      COMPANY_CODE: C.toLowerCase(),
       LANGUAGE: k,
       ACC_NAME: ($ = g == null ? void 0 : g.INSTANCE) == null ? void 0 : $.toLowerCase(),
-      TOKEN: H
+      TOKEN: F
     };
     try {
-      const F = await Ss(
+      const I = await Ss(
         M,
         js
       );
-      if (!F || s.current || (r == null ? void 0 : r.current) >= Ie) {
+      if (!I || s.current || (r == null ? void 0 : r.current) >= Ie) {
         console.warn(
-          `${_e} - Skipping WebSocket  connection attempt.`
+          `${pe} - Skipping WebSocket  connection attempt.`
         );
         return;
       }
-      t.current && t.current.close(), p(`${B}?t=${F}`);
-    } catch (F) {
+      t.current && t.current.close(), p(`${B}?t=${I}`);
+    } catch (I) {
       console.error(
-        `${_e} - Failed to encrypt token:`,
-        F
+        `${pe} - Failed to encrypt token:`,
+        I
       );
     }
   }, v = (b) => (E) => {
-    var m;
+    var C;
     try {
       if ((E == null ? void 0 : E.data) === "PING")
         b.send("PONG");
       else {
         const { DATA: k, EVENT: S } = JSON.parse(E.data || "{}");
-        !C.current && S === "USER_ONLINE_NOTIF" && Array.isArray(k == null ? void 0 : k.EMPLOYEES) && (o((m = k == null ? void 0 : k.EMPLOYEES) == null ? void 0 : m.filter(Boolean)), C.current = !0), S === "TOKEN_EXPIRED" && j({
+        !m.current && S === "USER_ONLINE_NOTIF" && Array.isArray(k == null ? void 0 : k.EMPLOYEES) && (o((C = k == null ? void 0 : k.EMPLOYEES) == null ? void 0 : C.filter(Boolean)), m.current = !0), S === "TOKEN_EXPIRED" && w({
           onSuccess: () => {
-            w();
+            j();
           }
         });
       }
     } catch {
       console.error(
-        `${_e} - Invalid WebSocket message:`,
+        `${pe} - Invalid WebSocket message:`,
         E.data
       );
     }
-  }, h = ({ event: b, data: E, module: m = "HELPDESK_CHAT" }) => {
+  }, h = ({ event: b, data: E, module: C = "HELPDESK_CHAT" }) => {
     var k;
     (k = t == null ? void 0 : t.current) == null || k.send(
       JSON.stringify({
         EVENT: b,
         DATA: E,
-        MODULE: m
+        MODULE: C
       })
     );
   };
   return X(() => {
-    C.current || w();
+    m.current || j();
   }, []), /* @__PURE__ */ n.jsx(
     vt.Provider,
     {
       value: {
         ws: t == null ? void 0 : t.current,
         onSendMsg: h,
-        userOnline: c,
-        connectWebSocket: w,
+        userOnline: i,
+        connectWebSocket: j,
         retryCountState: d,
-        setRetryCountState: i,
+        setRetryCountState: c,
         retryCountRef: r,
         isGetResponse: u,
         setGetResponse: f
@@ -3026,10 +3033,10 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
   );
 }, Hr = () => {
   var d;
-  const { widgetProps: e } = q(), { listTicket: t, setTicketId: r, loadingListTicket: s } = ve(), { onSendMsg: a, setGetResponse: c } = he(), { xs: o } = Ce.useBreakpoint();
+  const { widgetProps: e } = q(), { listTicket: t, setTicketId: r, loadingListTicket: s } = ve(), { onSendMsg: l, setGetResponse: i } = he(), { xs: o } = me.useBreakpoint();
   return /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
     /* @__PURE__ */ n.jsx(Mr, {}),
-    s ? /* @__PURE__ */ n.jsx("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: (d = Array.from({ length: 5 })) == null ? void 0 : d.map((i, u) => /* @__PURE__ */ n.jsx(
+    s ? /* @__PURE__ */ n.jsx("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: (d = Array.from({ length: 5 })) == null ? void 0 : d.map((c, u) => /* @__PURE__ */ n.jsx(
       ue.Input,
       {
         style: { height: 80, width: "100%", borderRadius: 8 }
@@ -3042,18 +3049,18 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         ...(t == null ? void 0 : t.length) === 0 && {
           style: { justifyContent: "center" }
         },
-        children: (t == null ? void 0 : t.length) > 0 ? t == null ? void 0 : t.map((i, u) => /* @__PURE__ */ vn(
+        children: (t == null ? void 0 : t.length) > 0 ? t == null ? void 0 : t.map((c, u) => /* @__PURE__ */ vn(
           Or,
           {
-            ...i,
+            ...c,
             key: u,
             onClick: () => {
-              c(!0), a({
+              i(!0), l({
                 event: "JOIN_ROOM",
                 data: {
-                  TASK_ID: i == null ? void 0 : i.TASK_ID
+                  TASK_ID: c == null ? void 0 : c.TASK_ID
                 }
-              }), r(i == null ? void 0 : i.TASK_ID);
+              }), r(c == null ? void 0 : c.TASK_ID);
             }
           }
         )) : /* @__PURE__ */ n.jsx(
@@ -3071,19 +3078,19 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       }
     )
   ] });
-}, Ir = R(Hr), $r = ({ children: e, open: t, onClose: r, footer: s, styleContainer: a }) => {
+}, Ir = O(Hr), $r = ({ children: e, open: t, onClose: r, footer: s, styleContainer: l }) => {
   var g;
-  const [c, o] = D(!1), d = K(), i = K(null), u = K(), f = O(() => t ? "w-fade-in-animate" : "w-fade-out-animate", [t]), x = (C) => {
-    C.code === "Escape" && !C.shiftKey && !C.altKey && !C.ctrlKey && C.key === "Escape" && (C.stopPropagation(), typeof r == "function" && r());
+  const [i, o] = D(!1), d = K(), c = K(null), u = K(), f = R(() => t ? "w-fade-in-animate" : "w-fade-out-animate", [t]), x = (m) => {
+    m.code === "Escape" && !m.shiftKey && !m.altKey && !m.ctrlKey && m.key === "Escape" && (m.stopPropagation(), typeof r == "function" && r());
   };
   return X(() => {
-    const C = u.current;
-    return C && (clearTimeout(i.current), i.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(() => {
+    const m = u.current;
+    return m && (clearTimeout(c.current), c.current = setTimeout(() => {
+      m == null || m.focus();
+    }, 250), m == null || m.addEventListener("keydown", x)), t && o(!1), clearTimeout(d == null ? void 0 : d.current), d.current = setTimeout(() => {
       t || o(!0);
     }, 300), () => {
-      C && (C == null || C.removeEventListener("keydown", x));
+      m && (m == null || m.removeEventListener("keydown", x));
     };
   }, [t]), /* @__PURE__ */ n.jsxs(
     "div",
@@ -3092,10 +3099,10 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       tabIndex: 1,
       ref: u,
       style: {
-        display: c ? "none" : "block",
+        display: i ? "none" : "block",
         height: "100%",
-        ...((g = Object == null ? void 0 : Object.keys(a || {})) == null ? void 0 : g.length) > 0 && {
-          ...a
+        ...((g = Object == null ? void 0 : Object.keys(l || {})) == null ? void 0 : g.length) > 0 && {
+          ...l
         }
       },
       children: [
@@ -3104,14 +3111,14 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       ]
     }
   );
-}, ht = R($r), Et = Te({}), De = () => ye(Et), Br = ({ children: e }) => {
-  const [t, r] = D([]), [s, a] = D({}), [c, o] = D(!0), [d, i] = D({}), u = K(!1), f = en(), { ticketId: x } = ve(), { ws: g, setGetResponse: C } = he(), { parsedJWT: y } = q(), j = O(() => {
+}, ht = O($r), Et = Te({}), De = () => ye(Et), Br = ({ children: e }) => {
+  const [t, r] = D([]), [s, l] = D({}), [i, o] = D(!0), [d, c] = D({}), u = K(!1), f = en(), { ticketId: x } = ve(), { ws: g, setGetResponse: m } = he(), { parsedJWT: T } = q(), w = R(() => {
     var S;
-    const b = (s == null ? void 0 : s.CREATED_BY) ?? {}, E = (s == null ? void 0 : s.ASSIGNEE) ?? {}, m = (s == null ? void 0 : s.OTHER_ASSIGNEE) ?? [], k = (S = [b, E, ...m].map((H) => ({
-      ...H
-    }))) == null ? void 0 : S.filter((H) => {
+    const b = (s == null ? void 0 : s.CREATED_BY) ?? {}, E = (s == null ? void 0 : s.ASSIGNEE) ?? {}, C = (s == null ? void 0 : s.OTHER_ASSIGNEE) ?? [], k = (S = [b, E, ...C].map((F) => ({
+      ...F
+    }))) == null ? void 0 : S.filter((F) => {
       var B;
-      return ((B = Object.keys(H || {})) == null ? void 0 : B.length) > 0;
+      return ((B = Object.keys(F || {})) == null ? void 0 : B.length) > 0;
     });
     return yn({ ArrObj: k, key: "EMP_ID" });
   }, [s]), p = () => {
@@ -3124,22 +3131,22 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         PAGE: 1,
         TASK_ID: x
       }
-    })) == null ? void 0 : b.then((m) => {
-      var k, S, H, B, M, L;
-      if (((H = (S = (k = m == null ? void 0 : m.data) == null ? void 0 : k.DATA) == null ? void 0 : S.LIST) == null ? void 0 : H.length) > 0) {
-        const I = (L = (M = (B = m == null ? void 0 : m.data) == null ? void 0 : B.DATA) == null ? void 0 : M.LIST) == null ? void 0 : L.map(($) => ({
+    })) == null ? void 0 : b.then((C) => {
+      var k, S, F, B, M, L;
+      if (((F = (S = (k = C == null ? void 0 : C.data) == null ? void 0 : k.DATA) == null ? void 0 : S.LIST) == null ? void 0 : F.length) > 0) {
+        const H = (L = (M = (B = C == null ? void 0 : C.data) == null ? void 0 : B.DATA) == null ? void 0 : M.LIST) == null ? void 0 : L.map(($) => ({
           ...$,
           ACTOR: {
             ...$ == null ? void 0 : $.ACTOR
           }
         }));
-        r(Qe(I));
+        r(Qe(H));
       } else
         r({});
     })) == null || E.finally(() => {
       o(!1);
     });
-  }, w = () => {
+  }, j = () => {
     var b;
     (b = f({
       endpoint: "/helpdesk/myticket/get",
@@ -3148,30 +3155,30 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         TASK_ID: x
       }
     })) == null || b.then((E) => {
-      var m, k, S;
-      if ((m = E == null ? void 0 : E.data) != null && m.DATA) {
-        const H = (S = (k = E == null ? void 0 : E.data) == null ? void 0 : k.DATA) == null ? void 0 : S.LIST;
-        a(H);
+      var C, k, S;
+      if ((C = E == null ? void 0 : E.data) != null && C.DATA) {
+        const F = (S = (k = E == null ? void 0 : E.data) == null ? void 0 : k.DATA) == null ? void 0 : S.LIST;
+        l(F);
       } else
-        a({});
+        l({});
     });
   }, v = (b) => {
     var k;
-    const E = (k = b == null ? void 0 : b.ACTOR) == null ? void 0 : k.EMP_ID, m = y == null ? void 0 : y.EMP_ID;
-    C(!0), i((S) => ({
+    const E = (k = b == null ? void 0 : b.ACTOR) == null ? void 0 : k.EMP_ID, C = T == null ? void 0 : T.EMP_ID;
+    m(!0), c((S) => ({
       ...S,
       [E]: !1
     })), u.current || r((S) => {
-      const H = jn(S), B = E == m ? "to" : "from", M = [...H, { ...b, CHAT_ALIGN: B }];
+      const F = jn(S), B = E == C ? "to" : "from", M = [...F, { ...b, CHAT_ALIGN: B }];
       return Qe(M);
     }), u.current = !1;
   }, h = (b) => {
     if ((b == null ? void 0 : b.data) !== "PING") {
-      const E = JSON.parse((b == null ? void 0 : b.data) || "{}"), { DATA: m = {}, EVENT: k = "" } = E ?? {};
-      (k === "RECEIVE_MESSAGE" || k === "RECEIVE_ANOTHER_MESSAGE") && v(m);
+      const E = JSON.parse((b == null ? void 0 : b.data) || "{}"), { DATA: C = {}, EVENT: k = "" } = E ?? {};
+      (k === "RECEIVE_MESSAGE" || k === "RECEIVE_ANOTHER_MESSAGE") && v(C);
     }
   };
-  return X(() => (x && (p(), w()), g && x && (g == null || g.addEventListener("message", h)), () => {
+  return X(() => (x && (p(), j()), g && x && (g == null || g.addEventListener("message", h)), () => {
     g && x && (g == null || g.removeEventListener("message", h));
   }), [x]), /* @__PURE__ */ n.jsx(
     Et.Provider,
@@ -3180,21 +3187,21 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         chats: t,
         setChats: r,
         detailTicket: s,
-        employees: j,
+        employees: w,
         isFromSelf: u,
-        loadingChats: c,
+        loadingChats: i,
         objTypingOtherEmp: d,
-        setTypingOtherEmp: i
+        setTypingOtherEmp: c
       },
       children: e
     }
   );
 }, Ur = ({ onClose: e }) => {
-  const { xs: t } = Ce.useBreakpoint(), { employees: r, detailTicket: s, loadingChats: a } = De(), { userOnline: c } = he(), o = O(() => {
-    var i;
-    return (i = r == null ? void 0 : r.map((u) => u == null ? void 0 : u.FULL_NAME)) == null ? void 0 : i.join(", ");
-  }, [r]), d = O(() => t ? "click" : "hover", [t]);
-  return a ? /* @__PURE__ */ n.jsxs("div", { className: "w-ticket-detail-header-container", children: [
+  const { xs: t } = me.useBreakpoint(), { employees: r, detailTicket: s, loadingChats: l } = De(), { userOnline: i } = he(), o = R(() => {
+    var c;
+    return (c = r == null ? void 0 : r.map((u) => u == null ? void 0 : u.FULL_NAME)) == null ? void 0 : c.join(", ");
+  }, [r]), d = R(() => t ? "click" : "hover", [t]);
+  return l ? /* @__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, {}),
@@ -3204,7 +3211,7 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
   ] }) : /* @__PURE__ */ n.jsxs("div", { className: "w-ticket-detail-header-container", children: [
     /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", gap: 8 }, children: [
       /* @__PURE__ */ n.jsx(
-        z,
+        Y,
         {
           icon: /* @__PURE__ */ n.jsx(P, { type: "down" }),
           style: { border: "none" },
@@ -3223,9 +3230,9 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
             backgroundColor: "#fde3cf",
             cursor: "pointer"
           },
-          children: r == null ? void 0 : r.map((i, u) => {
-            const f = c == null ? void 0 : c.includes(i == null ? void 0 : i.EMP_ID);
-            return /* @__PURE__ */ n.jsx(Se, { title: i == null ? void 0 : i.FULL_NAME, trigger: d, children: /* @__PURE__ */ vn(
+          children: r == null ? void 0 : r.map((c, u) => {
+            const f = i == null ? void 0 : i.includes(c == null ? void 0 : c.EMP_ID);
+            return /* @__PURE__ */ n.jsx(Se, { title: c == null ? void 0 : c.FULL_NAME, trigger: d, children: /* @__PURE__ */ vn(
               Ee,
               {
                 ...f && {
@@ -3234,9 +3241,9 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
                     borderRadius: "50%"
                   }
                 },
-                src: i == null ? void 0 : i.PHOTO,
+                src: c == null ? void 0 : c.PHOTO,
                 key: u,
-                nameFallback: i == null ? void 0 : i.FULL_NAME
+                nameFallback: c == null ? void 0 : c.FULL_NAME
               }
             ) }, u);
           })
@@ -3248,7 +3255,7 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
           {
             title: `${s == null ? void 0 : s.TASK_CODE} - ${s == null ? void 0 : s.SUBJECT}`,
             trigger: d,
-            children: /* @__PURE__ */ n.jsxs(V.Text, { className: "w-ticket-detail-header-text", children: [
+            children: /* @__PURE__ */ n.jsxs(G.Text, { className: "w-ticket-detail-header-text", children: [
               s == null ? void 0 : s.TASK_CODE,
               " - ",
               s == null ? void 0 : s.SUBJECT
@@ -3256,7 +3263,7 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
           }
         ),
         /* @__PURE__ */ n.jsx(Se, { title: o, trigger: d, children: /* @__PURE__ */ n.jsx(
-          V.Text,
+          G.Text,
           {
             type: "secondary",
             className: "w-ticket-detail-header-text",
@@ -3268,10 +3275,10 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         ) })
       ] })
     ] }),
-    /* @__PURE__ */ n.jsx(Ct, { taskStatus: s == null ? void 0 : s.STATUS })
+    /* @__PURE__ */ n.jsx(mt, { taskStatus: s == null ? void 0 : s.STATUS })
   ] });
-}, Wr = R(Ur), Vr = ({ ...e }) => {
-  const t = O(() => (e == null ? void 0 : e.CHAT_ALIGN) === "to" ? "client" : "response", [e]);
+}, Wr = O(Ur), Vr = ({ ...e }) => {
+  const t = R(() => (e == null ? void 0 : e.CHAT_ALIGN) === "to" ? "client" : "response", [e]);
   return /* @__PURE__ */ n.jsxs("div", { className: `w-bubble-chat ${`w-${t}`}`, children: [
     /* @__PURE__ */ n.jsx(
       "p",
@@ -3290,25 +3297,25 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       }
     )
   ] });
-}, Gr = R(Vr), zr = ({ ...e }) => {
-  const t = _("Download", "Download"), r = O(() => (e == null ? void 0 : e.CHAT_ALIGN) === "to" ? "client" : "response", [e]), s = O(() => {
-    var i;
+}, Gr = O(Vr), zr = ({ ...e }) => {
+  const t = _("Download", "Download"), r = R(() => (e == null ? void 0 : e.CHAT_ALIGN) === "to" ? "client" : "response", [e]), s = R(() => {
+    var c;
     const d = e == null ? void 0 : e.ATTACHMENT;
     if (d)
       try {
-        const u = new URL(d), f = (i = u == null ? void 0 : u.pathname) == null ? void 0 : i.split("/");
+        const u = new URL(d), f = (c = u == null ? void 0 : u.pathname) == null ? void 0 : c.split("/");
         return f == null ? void 0 : f[(f == null ? void 0 : f.length) - 1];
       } catch {
         return d;
       }
     return "";
-  }, [e]), a = O(() => {
+  }, [e]), l = R(() => {
     if (s != null && s.includes(".")) {
       const d = s == null ? void 0 : s.split(".");
       return `.${d == null ? void 0 : d[(d == null ? void 0 : d.length) - 1]}`;
     }
     return "";
-  }, [e, s]), c = O(() => dn == null ? void 0 : dn.includes(a), [e, a]), o = () => {
+  }, [e, s]), i = R(() => dn == null ? void 0 : dn.includes(l), [e, l]), o = () => {
     Tn({
       downloadURL: e == null ? void 0 : e.ATTACHMENT,
       fileName: s,
@@ -3321,10 +3328,10 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       className: `w-bubble-chat ${`w-${r}`}`,
       style: { display: "flex", flexDirection: "column" },
       children: [
-        c ? /* @__PURE__ */ n.jsx(kn, { src: e == null ? void 0 : e.ATTACHMENT, fallback: ys }) : /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
+        i ? /* @__PURE__ */ n.jsx(kn, { src: e == null ? void 0 : e.ATTACHMENT, fallback: ys }) : /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
           /* @__PURE__ */ n.jsx(P, { type: "file" }),
           /* @__PURE__ */ n.jsx(
-            V.Link,
+            G.Link,
             {
               onClick: o,
               style: { display: "block", width: 160 },
@@ -3332,8 +3339,8 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
             }
           )
         ] }),
-        c && /* @__PURE__ */ n.jsx(
-          z,
+        i && /* @__PURE__ */ n.jsx(
+          Y,
           {
             onClick: o,
             style: {
@@ -3358,8 +3365,8 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       ]
     }
   ) });
-}, Yr = R(zr), Kr = ({ ...e }) => {
-  const t = O(() => (e == null ? void 0 : e.CHAT_ALIGN) === "to" ? "client" : "response", [e]);
+}, Yr = O(zr), Kr = ({ ...e }) => {
+  const t = R(() => (e == null ? void 0 : e.CHAT_ALIGN) === "to" ? "client" : "response", [e]);
   return /* @__PURE__ */ n.jsxs("div", { className: "w-ticket-info-chat-container", children: [
     /* @__PURE__ */ n.jsx(
       We,
@@ -3369,9 +3376,9 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         sender: t
       }
     ),
-    /* @__PURE__ */ n.jsx(V.Text, { children: e == null ? void 0 : e.MESSAGE })
+    /* @__PURE__ */ n.jsx(G.Text, { children: e == null ? void 0 : e.MESSAGE })
   ] });
-}, qr = R(Kr), Tt = () => {
+}, qr = O(Kr), Tt = () => {
   const { widgetProps: e } = q(), t = ke.enc.Hex.parse(
     ke.enc.Utf8.parse(e == null ? void 0 : e.keyEncrypt).toString()
   ), r = {
@@ -3379,25 +3386,25 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     padding: ke.pad.Pkcs7
   }, s = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini|GreatDayHR/i.test(
     navigator.userAgent
-  ), a = (o) => {
+  ), l = (o) => {
     if (typeof o == "number" && (o = o.toString()), !o) return "";
     if (s) return window.encodeURIComponent(o);
-    const d = ke.enc.Utf8.parse(o), i = ke.AES.encrypt(
+    const d = ke.enc.Utf8.parse(o), c = ke.AES.encrypt(
       d,
       t,
       r
     ).toString();
-    return window.encodeURIComponent(`$${i}`);
+    return window.encodeURIComponent(`$${c}`);
   };
   return {
     paramsEncrypt: (o) => {
-      const [d, i = null] = o.split("?"), u = d.split("/").map((f) => {
+      const [d, c = null] = o.split("?"), u = d.split("/").map((f) => {
         const [, x = null] = f.split(":");
-        return x && (e != null && e.keyEncrypt) ? a(x) : f;
+        return x && (e != null && e.keyEncrypt) ? l(x) : f;
       }).join("/");
-      return i ? `${u}?${i}` : u;
+      return c ? `${u}?${c}` : u;
     },
-    encrypt: a
+    encrypt: l
   };
 }, Jr = ({ ...e }) => {
   const t = _("ViewFAQ", "View FAQ"), r = _(
@@ -3406,10 +3413,10 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
   ), s = _(
     "ThisFAQIsUnavailable",
     "This FAQ is unavailable"
-  ), { paramsEncrypt: a } = Tt(), { widgetProps: c } = q(), o = O(() => (e == null ? void 0 : e.CHAT_ALIGN) === "to" ? "client" : "response", [e]), d = O(() => e == null ? void 0 : e.FAQ_ID, [e]);
+  ), { paramsEncrypt: l } = Tt(), { widgetProps: i } = q(), o = R(() => (e == null ? void 0 : e.CHAT_ALIGN) === "to" ? "client" : "response", [e]), d = R(() => e == null ? void 0 : e.FAQ_ID, [e]);
   return /* @__PURE__ */ n.jsxs("div", { className: `w-bubble-chat ${`w-${o}`}`, children: [
     /* @__PURE__ */ n.jsx(
-      V.Text,
+      G.Text,
       {
         style: {
           backgroundColor: "rgb(244, 245, 246)",
@@ -3423,18 +3430,18 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       }
     ),
     d ? /* @__PURE__ */ n.jsx(
-      z,
+      Y,
       {
         block: !0,
         onClick: () => {
-          var i;
-          typeof (c == null ? void 0 : c.history) < "u" && ((i = c == null ? void 0 : c.history) == null || i.push(
-            a(`/standard/hrm.helpdesk.FAQ-detail/:${d}`)
+          var c;
+          typeof (i == null ? void 0 : i.history) < "u" && ((c = i == null ? void 0 : i.history) == null || c.push(
+            l(`/standard/hrm.helpdesk.FAQ-detail/:${d}`)
           ));
         },
         children: t
       }
-    ) : /* @__PURE__ */ n.jsx(V.Text, { children: s }),
+    ) : /* @__PURE__ */ n.jsx(G.Text, { children: s }),
     /* @__PURE__ */ n.jsx(
       We,
       {
@@ -3444,7 +3451,7 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       }
     )
   ] });
-}, Qr = R(Jr), Zr = ({ ...e }) => {
+}, Qr = O(Jr), Zr = ({ ...e }) => {
   switch (e == null ? void 0 : e.CHAT_TYPE) {
     case "info":
       return /* @__PURE__ */ n.jsx(qr, { ...e });
@@ -3455,42 +3462,42 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     default:
       return null;
   }
-}, Xr = R(Zr), Pr = () => {
-  var y;
-  const [e, t] = D([]), r = _("And", "and"), s = _("IsTyping", "Is Typing"), a = _("People", "People"), { employees: c, setTypingOtherEmp: o, objTypingOtherEmp: d } = De(), { ws: i, setGetResponse: u } = he(), { parsedJWT: f } = q(), x = O(() => e == null ? void 0 : e.filter((j) => d == null ? void 0 : d[j == null ? void 0 : j.EMP_ID]), [d, e]), g = O(() => {
-    const j = x == null ? void 0 : x.map((p) => p == null ? void 0 : p.FULL_NAME);
+}, Xr = O(Zr), Pr = () => {
+  var T;
+  const [e, t] = D([]), r = _("And", "and"), s = _("IsTyping", "Is Typing"), l = _("People", "People"), { employees: i, setTypingOtherEmp: o, objTypingOtherEmp: d } = De(), { ws: c, setGetResponse: u } = he(), { parsedJWT: f } = q(), x = R(() => e == null ? void 0 : e.filter((w) => d == null ? void 0 : d[w == null ? void 0 : w.EMP_ID]), [d, e]), g = R(() => {
+    const w = x == null ? void 0 : x.map((p) => p == null ? void 0 : p.FULL_NAME);
     if ((x == null ? void 0 : x.length) > 2) {
-      const p = j == null ? void 0 : j.filter((v, h) => h <= 1), w = j == null ? void 0 : j.filter((v, h) => h > 1);
-      return `${p == null ? void 0 : p.join(", ")}, ${r} ${w == null ? void 0 : w.length} ${a} ${s}`;
+      const p = w == null ? void 0 : w.filter((v, h) => h <= 1), j = w == null ? void 0 : w.filter((v, h) => h > 1);
+      return `${p == null ? void 0 : p.join(", ")}, ${r} ${j == null ? void 0 : j.length} ${l} ${s}`;
     }
-    return `${j == null ? void 0 : j.join(", ")} ${s}`;
-  }, [e, x]), C = (j) => {
-    if ((j == null ? void 0 : j.data) !== "PING") {
-      const p = JSON.parse((j == null ? void 0 : j.data) || "{}"), { DATA: w = {}, EVENT: v = "" } = p ?? {}, h = w == null ? void 0 : w.EMPLOYEE_ID, b = f == null ? void 0 : f.EMP_ID;
+    return `${w == null ? void 0 : w.join(", ")} ${s}`;
+  }, [e, x]), m = (w) => {
+    if ((w == null ? void 0 : w.data) !== "PING") {
+      const p = JSON.parse((w == null ? void 0 : w.data) || "{}"), { DATA: j = {}, EVENT: v = "" } = p ?? {}, h = j == null ? void 0 : j.EMPLOYEE_ID, b = f == null ? void 0 : f.EMP_ID;
       if (v === "TYPING") {
         h === b ? u(!1) : o((k) => ({
           ...k,
-          [h]: w == null ? void 0 : w.IS_TYPING
+          [h]: j == null ? void 0 : j.IS_TYPING
         }));
-        const E = c == null ? void 0 : c.find(
-          (k) => (k == null ? void 0 : k.EMP_ID) === (w == null ? void 0 : w.EMPLOYEE_ID)
-        ), m = {
-          ...w,
+        const E = i == null ? void 0 : i.find(
+          (k) => (k == null ? void 0 : k.EMP_ID) === (j == null ? void 0 : j.EMPLOYEE_ID)
+        ), C = {
+          ...j,
           ...E
         };
         t((k) => {
-          const S = [...k, m], H = yn({
+          const S = [...k, C], F = yn({
             ArrObj: S,
             key: "EMPLOYEE_ID"
           });
-          return H == null ? void 0 : H.filter((B) => B == null ? void 0 : B.IS_TYPING);
+          return F == null ? void 0 : F.filter((B) => B == null ? void 0 : B.IS_TYPING);
         });
       }
     }
   };
-  return X(() => (i && (i == null || i.addEventListener("message", C)), () => {
-    i && (i == null || i.removeEventListener("message", C));
-  }), [c]), (y = Object.values(d || {})) != null && y.every((j) => j === !1) ? null : /* @__PURE__ */ n.jsxs(
+  return X(() => (c && (c == null || c.addEventListener("message", m)), () => {
+    c && (c == null || c.removeEventListener("message", m));
+  }), [i]), (T = Object.values(d || {})) != null && T.every((w) => w === !1) ? null : /* @__PURE__ */ n.jsxs(
     "div",
     {
       style: {
@@ -3509,40 +3516,40 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
               backgroundColor: "#fde3cf",
               cursor: "pointer"
             },
-            children: x == null ? void 0 : x.map((j, p) => /* @__PURE__ */ n.jsx(Se, { title: j == null ? void 0 : j.FULL_NAME, children: /* @__PURE__ */ n.jsx(Ee, { src: j == null ? void 0 : j.PHOTO, nameFallback: j == null ? void 0 : j.FULL_NAME }) }, p))
+            children: x == null ? void 0 : x.map((w, p) => /* @__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 }) }, p))
           }
         ),
-        /* @__PURE__ */ n.jsx(V.Text, { children: g }),
+        /* @__PURE__ */ n.jsx(G.Text, { children: g }),
         (x == null ? void 0 : x.length) > 0 ? /* @__PURE__ */ n.jsx(gt, {}) : null
       ]
     }
   );
-}, eo = R(Pr), no = () => {
-  var c;
-  const { chats: e } = De(), { widgetProps: t } = q(), { activeTab: r } = be(), s = K(), { xs: a } = Ce.useBreakpoint();
+}, eo = O(Pr), no = () => {
+  var i;
+  const { chats: e } = De(), { widgetProps: t } = q(), { activeTab: r } = be(), s = K(), { xs: l } = me.useBreakpoint();
   return X(() => {
     clearTimeout(s.current), s.current = setTimeout(() => {
-      me(".w-ticket-detail-content-container");
+      Ce(".w-ticket-detail-content-container");
     }, 350);
   }, [r]), /* @__PURE__ */ n.jsxs(
     "div",
     {
-      className: `w-ticket-detail-content-container ${a ? t != null && t.isSF ? "w-ticket-detail-content-container-sf-mobile" : "w-ticket-detail-content-container-mobile" : ""} `,
+      className: `w-ticket-detail-content-container ${l ? 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 i, u;
+        (i = Object.keys(e || {})) == null ? void 0 : i.map((o) => {
+          var c, u;
           const d = e == null ? void 0 : e[o];
-          return /* @__PURE__ */ n.jsxs(Cn, { children: [
-            /* @__PURE__ */ n.jsx("div", { className: "w-datekey-chats", children: (i = ae(o)) == null ? void 0 : i.format("ddd, DD MMMM YYYY") }),
+          return /* @__PURE__ */ n.jsxs(mn, { children: [
+            /* @__PURE__ */ n.jsx("div", { className: "w-datekey-chats", children: (c = ae(o)) == null ? void 0 : c.format("ddd, DD MMMM YYYY") }),
             /* @__PURE__ */ n.jsx("div", { className: "w-bubble-chat-container", children: (u = ct(d)) == null ? void 0 : u.map((f, x) => {
-              var y, j;
-              const g = (f == null ? void 0 : f.CHAT_ALIGN) === "to" ? "client" : "response", C = f == null ? void 0 : f.CHAT_TYPE;
-              return /* @__PURE__ */ n.jsxs(Cn, { children: [
-                g === "response" && C !== "info" && /* @__PURE__ */ n.jsx(
+              var T, w;
+              const g = (f == null ? void 0 : f.CHAT_ALIGN) === "to" ? "client" : "response", m = f == null ? void 0 : f.CHAT_TYPE;
+              return /* @__PURE__ */ n.jsxs(mn, { children: [
+                g === "response" && m !== "info" && /* @__PURE__ */ n.jsx(
                   Ue,
                   {
-                    src: (y = f == null ? void 0 : f.ACTOR) == null ? void 0 : y.PHOTO,
-                    name: (j = f == null ? void 0 : f.ACTOR) == null ? void 0 : j.FULL_NAME
+                    src: (T = f == null ? void 0 : f.ACTOR) == null ? void 0 : T.PHOTO,
+                    name: (w = f == null ? void 0 : f.ACTOR) == null ? void 0 : w.FULL_NAME
                   }
                 ),
                 /* @__PURE__ */ n.jsx(Xr, { ...f })
@@ -3554,21 +3561,21 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       ]
     }
   );
-}, to = R(no), so = () => {
-  var c, o;
-  const { chats: e, loadingChats: t } = De(), { widgetProps: r } = q(), { xs: s } = Ce.useBreakpoint(), a = O(() => {
-    var i;
+}, to = O(no), so = () => {
+  var i, o;
+  const { chats: e, loadingChats: t } = De(), { widgetProps: r } = q(), { xs: s } = me.useBreakpoint(), l = R(() => {
+    var c;
     const d = [fn];
     return s && (r != null && r.isSF ? d == null || d.push(
       `${fn}-sf-mobile`
-    ) : d == null || d.push(`${fn}-mobile`)), (i = d == null ? void 0 : d.filter(Boolean)) == null ? void 0 : i.join(" ");
+    ) : d == null || d.push(`${fn}-mobile`)), (c = d == null ? void 0 : d.filter(Boolean)) == null ? void 0 : c.join(" ");
   }, [s, r == null ? void 0 : r.isSF]);
   return t ? /* @__PURE__ */ n.jsx(
     "div",
     {
-      className: `${a} w-ticket-detail-loading-chats`,
-      children: (c = Array.from({ length: 3 })) == null ? void 0 : c.map((d, i) => {
-        const u = i % 2 === 0;
+      className: `${l} w-ticket-detail-loading-chats`,
+      children: (i = Array.from({ length: 3 })) == null ? void 0 : i.map((d, c) => {
+        const u = c % 2 === 0;
         return /* @__PURE__ */ n.jsxs(
           "div",
           {
@@ -3603,14 +3610,14 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
               )
             ]
           },
-          i
+          c
         );
       })
     }
   ) : ((o = Object.keys(e || {})) == null ? void 0 : o.length) === 0 ? /* @__PURE__ */ n.jsx(
     "div",
     {
-      className: a,
+      className: l,
       style: {
         display: "flex",
         justifyContent: "center",
@@ -3619,7 +3626,7 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       children: /* @__PURE__ */ n.jsx(et, {})
     }
   ) : /* @__PURE__ */ n.jsx(to, {});
-}, ro = R(so), oo = ({ ...e }) => {
+}, ro = O(so), oo = ({ ...e }) => {
   const t = K(0);
   return /* @__PURE__ */ n.jsxs(
     "div",
@@ -3645,23 +3652,23 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
           }
         ),
         /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
-          /* @__PURE__ */ n.jsx(V.Text, { strong: !0, style: { fontSize: 18 }, children: e == null ? void 0 : e.FULL_NAME }),
-          /* @__PURE__ */ n.jsx(V.Text, { children: e == null ? void 0 : e.POSITION_NAME }, e == null ? void 0 : e.POSITION_NAME),
-          /* @__PURE__ */ n.jsx(V.Text, { children: e == null ? void 0 : e.DEPT_NAME }),
-          /* @__PURE__ */ n.jsx(V.Text, { children: e == null ? void 0 : e.WORKLOCATION })
+          /* @__PURE__ */ n.jsx(G.Text, { strong: !0, style: { fontSize: 18 }, children: e == null ? void 0 : e.FULL_NAME }),
+          /* @__PURE__ */ n.jsx(G.Text, { children: e == null ? void 0 : e.POSITION_NAME }, e == null ? void 0 : e.POSITION_NAME),
+          /* @__PURE__ */ n.jsx(G.Text, { children: e == null ? void 0 : e.DEPT_NAME }),
+          /* @__PURE__ */ n.jsx(G.Text, { children: e == null ? void 0 : e.WORKLOCATION })
         ] })
       ]
     }
   );
-}, co = R(oo), io = ({ setLoadingUpload: e, isLoadingUpload: t }) => {
-  var w, v;
-  const r = en(), [s, a] = D({}), c = K(null), o = _(
+}, co = O(oo), io = ({ setLoadingUpload: e, isLoadingUpload: t }) => {
+  var j, v;
+  const r = en(), [s, l] = D({}), i = K(null), o = _(
     "ImageMustSmallerThan",
     "Image must smaller than"
   ), d = _(
     "MaximumFileSizeExceeded",
     "Maximum file size exceeded"
-  ), { onSendMsg: i } = he(), { employees: u, setChats: f, isFromSelf: x } = De(), { ticketId: g } = ve(), { activeTab: C } = be(), y = () => {
+  ), { onSendMsg: c } = he(), { employees: u, setChats: f, isFromSelf: x } = De(), { ticketId: g } = ve(), { activeTab: m } = be(), T = () => {
     var h;
     (h = r({
       endpoint: "/upload/get-upload-config",
@@ -3673,14 +3680,14 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         }
       }
     })) == null || h.then((b) => {
-      var m, k;
-      const E = (k = (m = b == null ? void 0 : b.data) == null ? void 0 : m.DATA) == null ? void 0 : k.LIST;
-      (E == null ? void 0 : E.length) > 0 && a(E == null ? void 0 : E[0]);
+      var C, k;
+      const E = (k = (C = b == null ? void 0 : b.data) == null ? void 0 : C.DATA) == null ? void 0 : k.LIST;
+      (E == null ? void 0 : E.length) > 0 && l(E == null ? void 0 : E[0]);
     });
-  }, j = (h) => {
-    var m, k, S;
+  }, w = (h) => {
+    var C, k, S;
     const b = h.size / 1024 / 1024, E = (s == null ? void 0 : s.MAXFILESIZE) / 1024;
-    return b > E && ((m = ie) == null || m.destroy(), (k = ie) == null || k.config({
+    return b > E && ((C = ie) == null || C.destroy(), (k = ie) == null || k.config({
       getContainer: () => document.querySelector(".w-widget-content-container"),
       top: 28,
       placement: "top"
@@ -3693,62 +3700,62 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       duration: 3
     })), !1;
   }, p = (h) => {
-    var E, m;
+    var E, C;
     e(!0);
     const b = new FormData();
-    b.append("UPLOAD_CODE", s == null ? void 0 : s.UPLOAD_CODE), b.append("UPLOAD_TYPE", s == null ? void 0 : s.UPLOAD_TYPE), b.append("FILE", h), (m = (E = r({
+    b.append("UPLOAD_CODE", s == null ? void 0 : s.UPLOAD_CODE), b.append("UPLOAD_TYPE", s == null ? void 0 : s.UPLOAD_TYPE), b.append("FILE", h), (C = (E = r({
       endpoint: "/upload/temp",
       data: b,
       headers: {
         "Content-Type": "multipart/form-data"
       }
     })) == null ? void 0 : E.then((k) => {
-      var S, H, B, M, L;
-      if ((H = (S = k == null ? void 0 : k.data) == null ? void 0 : S.DATA) != null && H.LIST) {
-        const I = (M = (B = k == null ? void 0 : k.data) == null ? void 0 : B.DATA) == null ? void 0 : M.LIST, $ = {
-          ATTACHMENT: I == null ? void 0 : I.VIEW_PATH,
+      var S, F, B, M, L;
+      if ((F = (S = k == null ? void 0 : k.data) == null ? void 0 : S.DATA) != null && F.LIST) {
+        const H = (M = (B = k == null ? void 0 : k.data) == null ? void 0 : B.DATA) == null ? void 0 : M.LIST, $ = {
+          ATTACHMENT: H == null ? void 0 : H.VIEW_PATH,
           FAQ_ID: null,
           MESSAGE: "",
           CREATED_DATE: (L = ae()) == null ? void 0 : L.format(`${En} HH:mm:ss`),
           CHAT_ALIGN: "to",
           CHAT_TYPE: "chat"
         };
-        f((F) => {
-          const J = [...jn(F), $];
-          return Qe(J);
-        }), x.current = !0, i({
+        f((I) => {
+          const z = [...jn(I), $];
+          return Qe(z);
+        }), x.current = !0, c({
           event: "SEND_MESSAGE",
           data: {
-            ATTACHMENT: I == null ? void 0 : I.TEMP_PATH,
+            ATTACHMENT: H == null ? void 0 : H.TEMP_PATH,
             FAQ_ID: null,
             MESSAGE: "",
-            EMPLOYEES: u == null ? void 0 : u.map((F) => F == null ? void 0 : F.EMP_ID),
+            EMPLOYEES: u == null ? void 0 : u.map((I) => I == null ? void 0 : I.EMP_ID),
             TASK_ID: g
           }
-        }), clearTimeout(c.current), c.current = setTimeout(() => {
-          me(".w-ticket-detail-content-container");
+        }), clearTimeout(i.current), i.current = setTimeout(() => {
+          Ce(".w-ticket-detail-content-container");
         }, 350);
       }
-    })) == null || m.finally(() => {
+    })) == null || C.finally(() => {
       e(!1);
     });
   };
   return X(() => {
-    y();
+    T();
   }, []), X(() => {
     var h;
     (h = ie) == null || h.destroy();
-  }, [C]), /* @__PURE__ */ n.jsx(
+  }, [m]), /* @__PURE__ */ n.jsx(
     Pn,
     {
-      beforeUpload: j,
+      beforeUpload: w,
       fileList: [],
-      accept: (v = (w = s == null ? void 0 : s.EXT_LIST) == null ? void 0 : w.split(",")) == null ? void 0 : v.map((h) => `.${h}`),
+      accept: (v = (j = s == null ? void 0 : s.EXT_LIST) == null ? void 0 : j.split(",")) == null ? void 0 : v.map((h) => `.${h}`),
       onChange: (h) => {
         p(h == null ? void 0 : h.file);
       },
       children: /* @__PURE__ */ n.jsx(
-        z,
+        Y,
         {
           loading: t,
           icon: /* @__PURE__ */ n.jsx(P, { type: "paper-clip" }),
@@ -3758,37 +3765,37 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       )
     }
   );
-}, lo = R(io), ao = (e) => {
+}, lo = O(io), ao = (e) => {
   var s;
   const t = K(null), r = K(null);
   return r != null && r.current && ((s = r.current) == null || s.update(e)), X(() => {
-    var c;
-    const a = (c = window == null ? void 0 : window.customElements) == null ? void 0 : c.get("em-emoji-picker");
-    return r.current = new (a || ls)({ ...e, ref: t }), () => {
+    var i;
+    const l = (i = window == null ? void 0 : window.customElements) == null ? void 0 : i.get("em-emoji-picker");
+    return r.current = new (l || ls)({ ...e, ref: t }), () => {
       r.current = null;
     };
   }, []), bn.createElement("div", { ref: t });
 }, uo = ({ refInput: e }) => {
-  const { xs: t } = Ce.useBreakpoint(), r = O(() => t ? "click" : "hover", [t]), s = () => {
+  const { xs: t } = me.useBreakpoint(), r = R(() => t ? "click" : "hover", [t]), s = () => {
     var g;
-    const c = (g = e == null ? void 0 : e.current) == null ? void 0 : g.textarea;
-    if (!c)
+    const i = (g = e == null ? void 0 : e.current) == null ? void 0 : g.textarea;
+    if (!i)
       return !1;
-    const { selectionStart: o, selectionEnd: d, value: i } = c, u = i == null ? void 0 : i.substring(0, o), f = i == null ? void 0 : i.substring(o, d), x = i == null ? void 0 : i.substring(d);
+    const { selectionStart: o, selectionEnd: d, value: c } = i, u = c == null ? void 0 : c.substring(0, o), f = c == null ? void 0 : c.substring(o, d), x = c == null ? void 0 : c.substring(d);
     return {
       before: u,
       selectedText: f,
       after: x,
       selectionStart: o,
       selectionEnd: d,
-      text: i
+      text: c
     };
-  }, a = (c) => {
+  }, l = (i) => {
     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, d = i == null ? void 0 : i.native;
     if (!o) return;
-    const { before: i, after: u } = s(), f = `${i}${d}${u}`;
+    const { before: c, after: u } = s(), f = `${c}${d}${u}`;
     typeof document.execCommand == "function" ? document.execCommand("insertText", !1, d) : o.value = f;
   };
   return /* @__PURE__ */ n.jsx(
@@ -3798,65 +3805,65 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       content: /* @__PURE__ */ n.jsx(
         ao,
         {
-          onEmojiSelect: (c) => {
-            a(c);
+          onEmojiSelect: (i) => {
+            l(i);
           },
           theme: "auto"
         }
       ),
-      children: /* @__PURE__ */ n.jsx(z, { icon: /* @__PURE__ */ n.jsx(P, { type: "smile" }), style: { border: "none" } })
+      children: /* @__PURE__ */ n.jsx(Y, { icon: /* @__PURE__ */ n.jsx(P, { type: "smile" }), style: { border: "none" } })
     }
   );
-}, fo = R(uo), xo = () => {
-  const [e, t] = D(0), [r, s] = D(!1), a = K(null), c = K(null), o = K(!1), d = K(null), { onSendMsg: i, setGetResponse: u, isGetResponse: f } = he(), { ticketId: x } = ve(), { isActiveTabVA: g } = be(), { employees: C, setChats: y, isFromSelf: j, detailTicket: p } = De(), w = O(() => r || !f, [r, f]), v = O(() => {
-    var m;
-    return ((m = p == null ? void 0 : p.STATUS) == null ? void 0 : m.toString().toLowerCase()) === "closed";
-  }, [p == null ? void 0 : p.STATUS]), h = O(() => C == null ? void 0 : C.map((m) => ({
-    ...m,
+}, fo = O(uo), xo = () => {
+  const [e, t] = D(0), [r, s] = D(!1), l = K(null), i = K(null), o = K(!1), d = K(null), { onSendMsg: c, setGetResponse: u, isGetResponse: f } = he(), { ticketId: x } = ve(), { isActiveTabVA: g } = be(), { employees: m, setChats: T, isFromSelf: w, detailTicket: p } = De(), j = R(() => r || !f, [r, f]), v = R(() => {
+    var C;
+    return ((C = p == null ? void 0 : p.STATUS) == null ? void 0 : C.toString().toLowerCase()) === "closed";
+  }, [p == null ? void 0 : p.STATUS]), h = R(() => m == null ? void 0 : m.map((C) => ({
+    ...C,
     label: /* @__PURE__ */ n.jsx(
       hn,
       {
         placement: "left",
-        content: /* @__PURE__ */ n.jsx(co, { ...m }),
-        children: /* @__PURE__ */ n.jsx("div", { children: /* @__PURE__ */ n.jsx(Ue, { src: m == null ? void 0 : m.PHOTO, name: m == null ? void 0 : m.FULL_NAME }) })
+        content: /* @__PURE__ */ n.jsx(co, { ...C }),
+        children: /* @__PURE__ */ n.jsx("div", { children: /* @__PURE__ */ n.jsx(Ue, { src: C == null ? void 0 : C.PHOTO, name: C == null ? void 0 : C.FULL_NAME }) })
       }
     ),
-    value: m == null ? void 0 : m.FULL_NAME
-  })), [C]), b = () => {
-    var S, H, B;
+    value: C == null ? void 0 : C.FULL_NAME
+  })), [m]), b = () => {
+    var S, F, B;
     u(!1);
-    const m = (H = (S = a == null ? void 0 : a.current) == null ? void 0 : S.textarea) == null ? void 0 : H.value;
-    i({
+    const C = (F = (S = l == null ? void 0 : l.current) == null ? void 0 : S.textarea) == null ? void 0 : F.value;
+    c({
       event: "SEND_MESSAGE",
       data: {
         ATTACHMENT: "",
         FAQ_ID: null,
-        MESSAGE: m,
-        EMPLOYEES: C == null ? void 0 : C.map((M) => M == null ? void 0 : M.EMP_ID),
+        MESSAGE: C,
+        EMPLOYEES: m == null ? void 0 : m.map((M) => M == null ? void 0 : M.EMP_ID),
         TASK_ID: x
       }
     });
     const k = {
       ATTACHMENT: "",
       FAQ_ID: null,
-      MESSAGE: m,
+      MESSAGE: C,
       CREATED_DATE: (B = ae()) == null ? void 0 : B.format(`${En} HH:mm:ss`),
       CHAT_ALIGN: "to",
       CHAT_TYPE: "chat"
     };
-    y((M) => {
-      const I = [...jn(M), k];
-      return Qe(I);
-    }), j.current = !0, me(".w-ticket-detail-content-container"), t((M) => M + 1);
+    T((M) => {
+      const H = [...jn(M), k];
+      return Qe(H);
+    }), w.current = !0, Ce(".w-ticket-detail-content-container"), t((M) => M + 1);
   }, E = () => {
-    window.clearTimeout(c.current), o.current || (o.current = !0, i({
+    window.clearTimeout(i.current), o.current || (o.current = !0, c({
       event: "TYPING",
       data: {
         TASK_ID: x,
         IS_TYPING: !0
       }
-    })), c.current = setTimeout(() => {
-      i({
+    })), i.current = setTimeout(() => {
+      c({
         event: "TYPING",
         data: {
           TASK_ID: x,
@@ -3866,9 +3873,9 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     }, 250);
   };
   return X(() => {
-    a != null && a.current && !g && x && (clearTimeout(d.current), d.current = setTimeout(() => {
-      var m;
-      (m = a == null ? void 0 : a.current) == null || m.focus();
+    l != null && l.current && !g && x && (clearTimeout(d.current), d.current = setTimeout(() => {
+      var C;
+      (C = l == null ? void 0 : l.current) == null || C.focus();
     }, 500));
   }, [g, x]), v ? null : /* @__PURE__ */ n.jsxs(
     "div",
@@ -3878,7 +3885,7 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         margin: 0
       },
       children: [
-        /* @__PURE__ */ n.jsx(fo, { refInput: a }),
+        /* @__PURE__ */ n.jsx(fo, { refInput: l }),
         /* @__PURE__ */ n.jsx(
           lo,
           {
@@ -3892,37 +3899,37 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
             autoSize: {
               maxRows: 3
             },
-            ref: a,
+            ref: l,
             className: "w-input-helpdesk",
             placeholder: "Type a message...",
             onChange: () => {
               E();
             },
-            onKeyDown: (m) => {
-              ((m == null ? void 0 : m.code) === "Enter" || (m == null ? void 0 : m.key) === "Enter") && !(m != null && m.shiftKey) && b();
+            onKeyDown: (C) => {
+              ((C == null ? void 0 : C.code) === "Enter" || (C == null ? void 0 : C.key) === "Enter") && !(C != null && C.shiftKey) && b();
             },
-            filterOption: (m, k) => {
+            filterOption: (C, k) => {
               var B, M, L;
-              const S = (B = m == null ? void 0 : m.toString()) == null ? void 0 : B.toLowerCase(), H = (L = (M = k == null ? void 0 : k.FULL_NAME) == null ? void 0 : M.toString()) == null ? void 0 : L.toLowerCase();
-              return H == null ? void 0 : H.includes(S);
+              const S = (B = C == null ? void 0 : C.toString()) == null ? void 0 : B.toLowerCase(), F = (L = (M = k == null ? void 0 : k.FULL_NAME) == null ? void 0 : M.toString()) == null ? void 0 : L.toLowerCase();
+              return F == null ? void 0 : F.includes(S);
             },
-            children: h == null ? void 0 : h.map((m, k) => /* @__PURE__ */ n.jsx(Wn.Option, { ...m, children: m == null ? void 0 : m.label }, k))
+            children: h == null ? void 0 : h.map((C, k) => /* @__PURE__ */ n.jsx(Wn.Option, { ...C, children: C == null ? void 0 : C.label }, k))
           },
           e
         ),
         /* @__PURE__ */ n.jsx(
-          z,
+          Y,
           {
-            loading: w,
-            disabled: w,
+            loading: j,
+            disabled: j,
             className: "w-send-btn",
             style: {
               backgroundColor: "var(--primary-color, #395ebc)",
-              ...w && {
+              ...j && {
                 color: "white"
               }
             },
-            icon: /* @__PURE__ */ n.jsx(P, { type: w ? "loading" : "send" }),
+            icon: /* @__PURE__ */ n.jsx(P, { type: j ? "loading" : "send" }),
             shape: "circle",
             onClick: b
           }
@@ -3930,20 +3937,20 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       ]
     }
   );
-}, go = R(xo), Co = ({ title: e, subTitle: t, onClose: r, open: s, styleWrapper: a }) => {
-  var c;
+}, go = O(xo), mo = ({ title: e, subTitle: t, onClose: r, open: s, styleWrapper: l }) => {
+  var i;
   return s ? /* @__PURE__ */ n.jsx(
     "div",
     {
       className: "w-banner-container",
-      ...((c = Object.keys(a || {})) == null ? void 0 : c.length) > 0 && {
-        style: a
+      ...((i = Object.keys(l || {})) == null ? void 0 : i.length) > 0 && {
+        style: l
       },
       children: /* @__PURE__ */ n.jsxs("div", { className: "w-banner-content", children: [
-        e && /* @__PURE__ */ n.jsx(V.Text, { style: { fontSize: 16, fontWeight: 600 }, children: e }),
+        e && /* @__PURE__ */ n.jsx(G.Text, { style: { fontSize: 16, fontWeight: 600 }, children: e }),
         t && /* @__PURE__ */ n.jsx("div", { className: "w-banner-subtitle", children: t }),
         typeof r == "function" && /* @__PURE__ */ n.jsx("div", { className: "w-banner-close-btn", children: /* @__PURE__ */ n.jsx(
-          z,
+          Y,
           {
             style: { border: "none", background: "transparent" },
             icon: /* @__PURE__ */ n.jsx(P, { type: "close" }),
@@ -3953,25 +3960,25 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       ] })
     }
   ) : null;
-}, yt = R(Co), mo = () => {
+}, yt = O(mo), Co = () => {
   const e = _(
     "ForMoreInformationOfThisTicket",
     "For more information of this ticket"
-  ), t = _("ClickHere", "Click here"), { ticketId: r } = ve(), { widgetProps: s } = q(), { encrypt: a } = Tt();
+  ), t = _("ClickHere", "Click here"), { ticketId: r } = ve(), { widgetProps: s } = q(), { encrypt: l } = Tt();
   return /* @__PURE__ */ n.jsx(
     yt,
     {
       subTitle: /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-        /* @__PURE__ */ n.jsx(V.Text, { children: e }),
+        /* @__PURE__ */ n.jsx(G.Text, { children: e }),
         /* @__PURE__ */ n.jsx(
-          V.Link,
+          G.Link,
           {
             strong: !0,
             className: "w-reconnect-manual",
             onClick: () => {
-              const c = a(r);
+              const i = l(r);
               s != null && s.history && (s == null || s.history.push(
-                `/standard/hrm.helpdesk.my-ticket.ticket-details?id=${c}`
+                `/standard/hrm.helpdesk.my-ticket.ticket-details?id=${i}`
               ));
             },
             children: t
@@ -3984,25 +3991,25 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       }
     }
   );
-}, bo = R(mo), vo = ({ onClose: e, visible: t }) => /* @__PURE__ */ n.jsx(ht, { open: t, onClose: e, children: /* @__PURE__ */ n.jsxs(Br, { children: [
+}, bo = O(Co), vo = ({ onClose: e, visible: t }) => /* @__PURE__ */ n.jsx(ht, { open: t, onClose: e, children: /* @__PURE__ */ n.jsxs(Br, { children: [
   /* @__PURE__ */ n.jsx(Wr, { onClose: e }),
   /* @__PURE__ */ n.jsx(bo, {}),
   /* @__PURE__ */ n.jsx(ro, {}),
   /* @__PURE__ */ n.jsx(go, {})
-] }) }), ho = R(vo), Eo = () => {
+] }) }), ho = O(vo), Eo = () => {
   const e = _("AdvanceFilter", "Advance Filter"), t = _("Subject", "Subject"), r = _(
     "TicketCategory",
     "Ticket Category"
-  ), s = _("TicketStatus", "Ticket Status"), a = _("CreatedDate", "Created Date"), c = _("New", "New"), o = _("Open", "Open"), d = _("Reopen", "Reopen"), i = _("InProgress", "In Progress"), u = _("Responded", "Responded"), f = _("Fixed", "Fixed"), x = _("Done", "Done"), g = _("Closed", "Closed"), C = _("HDCancelled", "Cancelled"), y = _("Clear", "Clear"), j = _("Filter", "Filter"), p = en(), [w] = oe.useForm(), { openFilter: v, setOpenFilter: h, getListTicket: b, setCountFilters: E } = ve(), [m, k] = D([]), S = O(() => {
-    const M = `${c}/${o}/${d}`, L = `${i}/${u}`, I = `${f}/${x}`;
+  ), s = _("TicketStatus", "Ticket Status"), l = _("CreatedDate", "Created Date"), i = _("New", "New"), o = _("Open", "Open"), d = _("Reopen", "Reopen"), c = _("InProgress", "In Progress"), u = _("Responded", "Responded"), f = _("Fixed", "Fixed"), x = _("Done", "Done"), g = _("Closed", "Closed"), m = _("HDCancelled", "Cancelled"), T = _("Clear", "Clear"), w = _("Filter", "Filter"), p = en(), [j] = oe.useForm(), { openFilter: v, setOpenFilter: h, getListTicket: b, setCountFilters: E } = ve(), [C, k] = D([]), S = R(() => {
+    const M = `${i}/${o}/${d}`, L = `${c}/${u}`, H = `${f}/${x}`;
     return [
       { value: 3, label: M },
       { value: 1, label: L },
-      { value: 4, label: I },
+      { value: 4, label: H },
       { value: 6, label: g },
-      { value: 8, label: C }
+      { value: 8, label: m }
     ];
-  }, []), H = () => {
+  }, []), F = () => {
     var M;
     (M = p({
       endpoint: "/helpdesk/category/list",
@@ -4013,26 +4020,26 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         SORT: { FIELD: "ORDER_NO", ORDER: "ASC" }
       }
     })) == null || M.then((L) => {
-      var I, $, F;
-      if ((I = L == null ? void 0 : L.data) != null && I.DATA) {
-        const G = (F = ($ = L == null ? void 0 : L.data) == null ? void 0 : $.DATA) == null ? void 0 : F.LIST;
+      var H, $, I;
+      if ((H = L == null ? void 0 : L.data) != null && H.DATA) {
+        const J = (I = ($ = L == null ? void 0 : L.data) == null ? void 0 : $.DATA) == null ? void 0 : I.LIST;
         k(
-          G == null ? void 0 : G.map((J) => ({
-            label: J == null ? void 0 : J.CATEGORY_NAME,
-            value: J == null ? void 0 : J.CATEGORY_CODE
+          J == null ? void 0 : J.map((z) => ({
+            label: z == null ? void 0 : z.CATEGORY_NAME,
+            value: z == null ? void 0 : z.CATEGORY_CODE
           }))
         );
       }
     });
   }, B = () => {
-    var I, $;
-    const M = w == null ? void 0 : w.getFieldsValue(!0);
+    var H, $;
+    const M = j == null ? void 0 : j.getFieldsValue(!0);
     b(M);
-    const L = ($ = (I = Object.values(M || {})) == null ? void 0 : I.flat()) == null ? void 0 : $.filter(Boolean);
+    const L = ($ = (H = Object.values(M || {})) == null ? void 0 : H.flat()) == null ? void 0 : $.filter(Boolean);
     E(L == null ? void 0 : L.length);
   };
   return X(() => {
-    H();
+    F();
   }, []), /* @__PURE__ */ n.jsxs(
     ht,
     {
@@ -4043,32 +4050,32 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       },
       footer: /* @__PURE__ */ n.jsxs("div", { className: "w-ticket-list-advance-filter-footer", children: [
         /* @__PURE__ */ n.jsx(
-          z,
+          Y,
           {
             onClick: () => {
-              w == null || w.resetFields(), B();
+              j == null || j.resetFields(), B();
             },
-            children: y
+            children: T
           },
           "clear"
         ),
         /* @__PURE__ */ n.jsx(
-          z,
+          Y,
           {
             type: "primary",
             onClick: () => {
               B(), h(!1);
             },
-            children: j
+            children: w
           },
           "filter"
         )
       ] }),
       children: [
         /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", gap: 8, justifyContent: "space-between" }, children: [
-          /* @__PURE__ */ n.jsx(V.Text, { strong: !0, style: { fontSize: 16 }, children: e }),
+          /* @__PURE__ */ n.jsx(G.Text, { strong: !0, style: { fontSize: 16 }, children: e }),
           /* @__PURE__ */ n.jsx(
-            z,
+            Y,
             {
               icon: /* @__PURE__ */ n.jsx(P, { type: "close" }),
               onClick: () => {
@@ -4077,16 +4084,16 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
             }
           )
         ] }),
-        /* @__PURE__ */ n.jsx("div", { className: "w-ticket-list-advance-filter-form-container", children: /* @__PURE__ */ n.jsxs(oe, { form: w, layout: "vertical", children: [
+        /* @__PURE__ */ n.jsx("div", { className: "w-ticket-list-advance-filter-form-container", children: /* @__PURE__ */ n.jsxs(oe, { form: j, layout: "vertical", children: [
           /* @__PURE__ */ n.jsx(oe.Item, { label: t, name: "TASK_NAME", children: /* @__PURE__ */ n.jsx(Be, { allowClear: !0 }) }),
-          /* @__PURE__ */ n.jsx(oe.Item, { label: r, name: "CATEGORY_CODE", children: /* @__PURE__ */ n.jsx(Vn, { options: m, mode: "multiple", allowClear: !0 }) }),
+          /* @__PURE__ */ n.jsx(oe.Item, { label: r, name: "CATEGORY_CODE", children: /* @__PURE__ */ n.jsx(Vn, { options: C, mode: "multiple", allowClear: !0 }) }),
           /* @__PURE__ */ n.jsx(oe.Item, { label: s, name: "TASK_STATUS", children: /* @__PURE__ */ n.jsx(Vn, { options: S, mode: "multiple", allowClear: !0 }) }),
-          /* @__PURE__ */ n.jsx(oe.Item, { label: a, name: "CREATED_DATE", children: /* @__PURE__ */ n.jsx(es, { style: { width: "100%" }, allowClear: !0 }) })
+          /* @__PURE__ */ n.jsx(oe.Item, { label: l, name: "CREATED_DATE", children: /* @__PURE__ */ n.jsx(es, { style: { width: "100%" }, allowClear: !0 }) })
         ] }) })
       ]
     }
   );
-}, To = R(Eo), yo = () => {
+}, To = O(Eo), yo = () => {
   const e = _(
     "ReconnectManually",
     "Reconnect Manually"
@@ -4094,11 +4101,11 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     "HelpdeskWebsocket",
     "Helpdesk Websocket"
   ), r = _("NotConnected", "Not Connected"), s = _("Connecting", "Connecting"), {
-    connectWebSocket: a,
-    retryCountState: c,
+    connectWebSocket: l,
+    retryCountState: i,
     setRetryCountState: o,
     retryCountRef: d
-  } = he(), i = O(() => c === Ie ? `${t} ${r}` : `${t} ${s}`, [c]);
+  } = he(), c = R(() => i === Ie ? `${t} ${r}` : `${t} ${s}`, [i]);
   return /* @__PURE__ */ n.jsx(
     "div",
     {
@@ -4111,18 +4118,18 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       children: /* @__PURE__ */ n.jsx(
         ns,
         {
-          ...c === Ie ? {
+          ...i === Ie ? {
             status: "warning"
           } : {
             icon: null
           },
-          title: i,
-          extra: c === Ie ? /* @__PURE__ */ n.jsx(
-            z,
+          title: c,
+          extra: i === Ie ? /* @__PURE__ */ n.jsx(
+            Y,
             {
               type: "primary",
               onClick: () => {
-                d.current = 0, o(0), a();
+                d.current = 0, o(0), l();
               },
               children: e
             },
@@ -4140,15 +4147,15 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       )
     }
   );
-}, jo = R(yo), wo = () => {
-  const { setTicketId: e, ticketId: t, openFilter: r } = ve(), { onSendMsg: s, setGetResponse: a } = he(), { showReadyWSHD: c } = q();
-  return c ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+}, jo = O(yo), wo = () => {
+  const { setTicketId: e, ticketId: t, openFilter: r } = ve(), { onSendMsg: s, setGetResponse: l } = he(), { showReadyWSHD: i } = q();
+  return i ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
     /* @__PURE__ */ n.jsx(
       ho,
       {
         visible: t,
         onClose: () => {
-          e(""), a(!1), s({
+          e(""), l(!1), s({
             event: "LEAVE_ROOM",
             data: {
               TASK_ID: t
@@ -4160,19 +4167,19 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     /* @__PURE__ */ n.jsx("div", { style: { display: !t && !r ? "block" : "none" }, children: /* @__PURE__ */ n.jsx(Ir, {}) }),
     /* @__PURE__ */ n.jsx(To, {})
   ] }) : /* @__PURE__ */ n.jsx(jo, {});
-}, ko = R(wo), po = ({ children: e, usePopover: t, ...r }) => t ? /* @__PURE__ */ n.jsx(hn, { ...r, visible: r == null ? void 0 : r.open, children: e }) : e, _o = () => {
+}, ko = O(wo), _o = ({ children: e, usePopover: t, ...r }) => t ? /* @__PURE__ */ n.jsx(hn, { ...r, visible: r == null ? void 0 : r.open, children: e }) : e, po = () => {
   const e = _("NeedHelp", "Need Help"), t = _(
     "WidgetDisconnected",
     "Widget Disconnected"
-  ), [r, s] = D(!0), a = K(), { widgetProps: c, setOpenWidget: o, isFirstOpenWidget: d, setFirstOpenWidget: i } = q(), { onSendMsg: u, connected: f, isHandshakeWidget: x } = fe(), g = () => {
-    o(!0), u({ msg: c == null ? void 0 : c.getStartedPayload });
+  ), [r, s] = D(!0), l = K(), { widgetProps: i, setOpenWidget: o, isFirstOpenWidget: d, setFirstOpenWidget: c } = q(), { onSendMsg: u, connected: f, isHandshakeWidget: x } = fe(), g = () => {
+    o(!0), u({ msg: i == null ? void 0 : i.getStartedPayload });
   };
   return X(() => {
-    s(!f), window.clearTimeout(a.current), a.current = setTimeout(() => {
+    s(!f), window.clearTimeout(l.current), l.current = setTimeout(() => {
       s(!1);
     }, 3e3);
   }, [f]), /* @__PURE__ */ n.jsx(
-    po,
+    _o,
     {
       usePopover: r && x === "show",
       open: r && x === "show",
@@ -4183,12 +4190,12 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         {
           className: "w-launcher-container",
           onClick: () => {
-            d || (i(!0), g()), o(!0);
+            d || (c(!0), g()), o(!0);
           },
           children: [
             /* @__PURE__ */ n.jsx(P, { type: "chat-bubble" }),
             /* @__PURE__ */ n.jsxs(
-              V.Text,
+              G.Text,
               {
                 style: {
                   fontWeight: 600,
@@ -4205,80 +4212,80 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       )
     }
   );
-}, Ao = R(_o), So = () => {
+}, Ao = O(po), So = () => {
   const e = _("NotConnected", "Not Connected"), t = _(
     "CannotAutoReconnect",
     "Cannot auto reconnect"
   ), r = _(
     "ReconnectManually",
     "Reconnect Manually"
-  ), [s, a] = D(!1), { connected: c, createSocket: o } = fe(), { widgetProps: d } = q();
+  ), [s, l] = D(!1), { connected: i, createSocket: o } = fe(), { widgetProps: d } = q();
   return X(() => {
-    a(!c);
-  }, [c]), /* @__PURE__ */ n.jsx(
+    l(!i);
+  }, [i]), /* @__PURE__ */ n.jsx(
     yt,
     {
       title: `${d == null ? void 0 : d.title} ${e}`,
       subTitle: /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-        /* @__PURE__ */ n.jsxs(V.Text, { children: [
+        /* @__PURE__ */ n.jsxs(G.Text, { children: [
           t,
           "?"
         ] }),
         /* @__PURE__ */ n.jsx(
-          V.Link,
+          G.Link,
           {
             strong: !0,
             className: "w-reconnect-manual",
             onClick: () => {
-              o();
+              o(!0);
             },
             children: r
           }
         )
       ] }),
-      onClose: () => a(!1),
-      open: !c && s
+      onClose: () => l(!1),
+      open: !i && s
     }
   );
-}, Lo = R(
+}, Lo = O(
   So
 ), Ro = () => {
-  const { xs: e } = Ce.useBreakpoint(), [t, r] = D(!1), { isOpenWidget: s, widgetProps: a } = q(), { isActiveTabVA: c } = be(), o = K(null), d = O(() => {
+  const { xs: e } = me.useBreakpoint(), [t, r] = D(!1), { isOpenWidget: s, widgetProps: l } = q(), { isActiveTabVA: i } = be(), o = K(null), d = R(() => {
     var f;
     const u = [un];
-    return e && (a != null && a.isSF ? u == null || u.push(`${un}-sf-mobile`) : u == null || u.push(`${un}-mobile`)), (f = u == null ? void 0 : u.filter(Boolean)) == null ? void 0 : f.join(" ");
-  }, [e, a == null ? void 0 : a.isSF]), i = Yt(
+    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]), c = Yt(
     (u) => {
       var x;
       const f = [u, xn == null ? void 0 : xn.FADE_IN];
-      return a != null && a.isSF && (f == null || f.push(`${u}-sf`)), e && (a != null && a.isSF ? f == null || f.push(`${u}-sf-mobile`) : f == null || f.push(`${u}-mobile`)), (x = f == null ? void 0 : f.filter(Boolean)) == null ? void 0 : x.join(" ");
+      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(" ");
     },
-    [a == null ? void 0 : a.isSF, e]
+    [l == null ? void 0 : l.isSF, e]
   );
   return X(() => {
     s && r(s), clearTimeout(o.current), o.current = setTimeout(() => {
       s || r(s);
     }, 250);
   }, [s]), t ? /* @__PURE__ */ n.jsxs("div", { className: d, children: [
-    /* @__PURE__ */ n.jsxs("div", { style: { display: c ? "block" : "none" }, children: [
-      /* @__PURE__ */ n.jsx("div", { className: i(Es), children: /* @__PURE__ */ n.jsx(_r, {}) }),
+    /* @__PURE__ */ n.jsxs("div", { style: { display: i ? "block" : "none" }, children: [
+      /* @__PURE__ */ n.jsx("div", { className: c(Es), children: /* @__PURE__ */ n.jsx(pr, {}) }),
       /* @__PURE__ */ n.jsx(Sr, {})
     ] }),
-    /* @__PURE__ */ n.jsx("div", { style: { display: c ? "none" : "block" }, children: /* @__PURE__ */ n.jsx("div", { className: i(Ts), children: /* @__PURE__ */ n.jsx(Fr, { children: /* @__PURE__ */ n.jsx(Dr, { children: /* @__PURE__ */ n.jsx(ko, {}) }) }) }) }),
+    /* @__PURE__ */ n.jsx("div", { style: { display: i ? "none" : "block" }, children: /* @__PURE__ */ n.jsx("div", { className: c(Ts), children: /* @__PURE__ */ n.jsx(Fr, { children: /* @__PURE__ */ n.jsx(Dr, { children: /* @__PURE__ */ n.jsx(ko, {}) }) }) }) }),
     /* @__PURE__ */ n.jsx(Lo, {})
   ] }) : /* @__PURE__ */ n.jsx(Ao, {});
-}, Oo = R(Ro), Do = ({ items: e, ...t }) => Le != null && Le.startsWith("5") || Re != null && Re.startsWith("18") ? /* @__PURE__ */ n.jsx(cn, { ...t, items: e }) : /* @__PURE__ */ n.jsx(cn, { ...t, children: e == null ? void 0 : e.map(({ ...r }) => /* @__PURE__ */ vn(
+}, Oo = O(Ro), Do = ({ items: e, ...t }) => Le != null && Le.startsWith("5") || Re != null && Re.startsWith("18") ? /* @__PURE__ */ n.jsx(cn, { ...t, items: e }) : /* @__PURE__ */ n.jsx(cn, { ...t, children: e == null ? void 0 : e.map(({ ...r }) => /* @__PURE__ */ vn(
   cn.TabPane,
   {
     ...r,
     key: r == null ? void 0 : r.key,
     tab: r == null ? void 0 : r.label
   }
-)) }), No = R(Do), Mo = () => {
+)) }), No = O(Do), Mo = () => {
   const { isOpenWidget: e } = q(), { setActiveTab: t, activeTab: r } = be(), s = _(
     "VirtualAssistant",
     "Virtual Assistant"
-  ), a = _("Helpdesk", "Helpdesk"), { xs: c } = Ce.useBreakpoint();
+  ), l = _("Helpdesk", "Helpdesk"), { xs: i } = me.useBreakpoint();
   return X(() => {
     const o = ot();
     t((o == null ? void 0 : o.activeTab) ?? r);
@@ -4286,7 +4293,7 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     "div",
     {
       className: "w-widget-tab-footer-container",
-      ...c && {
+      ...i && {
         style: {
           borderRadius: 0
         }
@@ -4306,7 +4313,7 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
               key: "va"
             },
             {
-              label: a,
+              label: l,
               key: "helpdesk"
             }
           ]
@@ -4314,24 +4321,27 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       )
     }
   ) : null;
-}, Fo = R(Mo), Ho = () => {
-  const { isOpenWidget: e, setOpenWidget: t, setExpand: r, isExpand: s, widgetProps: a } = q(), { xs: c } = Ce.useBreakpoint();
+}, Fo = O(Mo), Ho = () => {
+  const { isOpenWidget: e, setOpenWidget: t, setExpand: r, isExpand: s, widgetProps: l } = q(), { xs: i } = me.useBreakpoint(), o = R(() => {
+    const { title: d = "", modelName: c = "" } = l;
+    return c ? `${d} (${c})` : d;
+  }, [l == null ? void 0 : l.title, l == null ? void 0 : l.modelName]);
   return e ? /* @__PURE__ */ n.jsxs(
     "div",
     {
       className: `${He}-container`,
-      ...c && {
+      ...i && {
         style: {
           borderRadius: 0
         }
       },
       children: [
         /* @__PURE__ */ n.jsxs("div", { className: `${He}-text`, children: [
-          /* @__PURE__ */ n.jsx("h4", { className: `${He}-title`, children: a == null ? void 0 : a.title }),
-          /* @__PURE__ */ n.jsx("span", { className: `${He}-subtitle`, children: a == null ? void 0 : a.subTitle })
+          /* @__PURE__ */ n.jsx("h4", { className: `${He}-title`, children: o }),
+          /* @__PURE__ */ n.jsx("span", { className: `${He}-subtitle`, children: l == null ? void 0 : l.subTitle })
         ] }),
         /* @__PURE__ */ n.jsxs("div", { className: `${He}-action`, children: [
-          !c && /* @__PURE__ */ n.jsx(
+          !i && /* @__PURE__ */ n.jsx(
             P,
             {
               type: "expand",
@@ -4340,7 +4350,7 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
                 transition: "all 300ms"
               },
               onClick: () => {
-                r((o) => !o);
+                r((d) => !d);
               }
             }
           ),
@@ -4357,21 +4367,21 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       ]
     }
   ) : null;
-}, Io = R(Ho), $o = () => {
-  const { isExpand: e, isOpenWidget: t, isFirstOpenWidget: r, setOpenWidget: s } = q(), { xs: a } = Ce.useBreakpoint(), c = O(() => {
+}, Io = O(Ho), $o = () => {
+  const { isExpand: e, isOpenWidget: t, isFirstOpenWidget: r, setOpenWidget: s } = q(), { xs: l } = me.useBreakpoint(), i = R(() => {
     var d;
     const o = [
-      a && t && "w-container-widget-mobile",
+      l && 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, a, r, t]);
+  }, [e, l, r, t]);
   return /* @__PURE__ */ n.jsxs(
     "div",
     {
-      className: c,
+      className: i,
       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" && s(!1);
       },
@@ -4385,16 +4395,17 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       ]
     }
   );
-}, Bo = R($o), Po = ({
+}, Bo = O($o), Po = ({
   getStartedPayload: e,
   socketURL: t,
   socketPath: r,
   onPayslipFn: s,
-  title: a,
-  subTitle: c,
+  title: l,
+  subTitle: i,
   keyEncrypt: o,
   history: d,
-  isSF: i = !1
+  modelName: c,
+  isSF: u = !1
 }) => /* @__PURE__ */ n.jsx(
   Ls,
   {
@@ -4402,11 +4413,12 @@ const ar = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     socketURL: t,
     socketPath: r,
     onPayslipFn: s,
-    title: a,
-    subTitle: c,
+    title: l,
+    subTitle: i,
     keyEncrypt: o,
     history: d,
-    isSF: i,
+    modelName: c,
+    isSF: u,
     children: /* @__PURE__ */ n.jsx(Os, { children: /* @__PURE__ */ n.jsx(Bo, {}) })
   }
 );