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

package/dist/widget-chatbot.es.js

@@ -1,15 +1,15 @@
-import mn, { version as Bt, createContext as Te, useContext as ye, useState as D, useRef as z, useMemo as R, useEffect as Z, memo as O, Children as Ut, isValidElement as Wt, cloneElement as Vt, Fragment as gn, createElement as bn, useCallback as Gt } from "react";
-import Re from "axios";
-import le from "dayjs";
-import { version as zt, Modal as Bn, Typography as Y, Button as G, Form as oe, notification as Ce, Radio as Yt, Divider as Kt, Input as Be, Image as qt, Skeleton as de, Avatar as Qn, Upload as Zn, Tooltip as Se, Tag as Jt, Badge as Qt, Grid as ge, Empty as Xn, Popover as vn, Mentions as Un, Select as Wn, DatePicker as Zt, Result as Xt, Tabs as cn } from "antd";
-import { io as Pt } from "socket.io-client";
-import es from "react-markdown";
-import ns from "remark-gfm";
-import { Prism as ts } from "react-syntax-highlighter";
-import ss from "@ant-design/icons";
-import { Pie as rs } from "@ant-design/charts";
+import mn, { version as Bt, createContext as Te, useContext as ye, useState as D, useRef as Y, useMemo as O, useEffect as X, memo as R, Children as Ut, isValidElement as Wt, cloneElement as Vt, Fragment as gn, createElement as bn, useCallback as Gt } from "react";
+import Oe from "axios";
+import ae from "dayjs";
+import { version as zt, Modal as Bn, Typography as V, Button as z, Form as oe, notification as ie, Radio as Yt, Divider as Kt, Input as Be, Image as qt, Skeleton as ue, Avatar as Qn, Upload as Zn, Spin as Jt, Tooltip as Se, Tag as Qt, Badge as Zt, Grid as Ce, Empty as Xn, Popover as vn, Mentions as Un, Select as Wn, DatePicker as Xt, Result as Pt, Tabs as cn } from "antd";
+import { io as es } from "socket.io-client";
+import ns from "react-markdown";
+import ts from "remark-gfm";
+import { Prism as ss } from "react-syntax-highlighter";
+import rs from "@ant-design/icons";
+import { Pie as os } from "@ant-design/charts";
 import pe from "crypto-js";
-import { Picker as os } from "emoji-mart";
+import { Picker as cs } from "emoji-mart";
 var Je = { exports: {} }, _e = {};
 /*
 object-assign
@@ -26,19 +26,19 @@ function Pn() {
       throw new TypeError("Object.assign cannot be called with null or undefined");
     return Object(c);
   }
-  function i() {
+  function l() {
     try {
       if (!Object.assign)
         return !1;
       var c = new String("abc");
       if (c[5] = "de", Object.getOwnPropertyNames(c)[0] === "5")
         return !1;
-      for (var o = {}, a = 0; a < 10; a++)
-        o["_" + String.fromCharCode(a)] = a;
-      var d = Object.getOwnPropertyNames(o).map(function(f) {
+      for (var o = {}, d = 0; d < 10; d++)
+        o["_" + String.fromCharCode(d)] = d;
+      var a = Object.getOwnPropertyNames(o).map(function(f) {
         return o[f];
       });
-      if (d.join("") !== "0123456789")
+      if (a.join("") !== "0123456789")
         return !1;
       var u = {};
       return "abcdefghijklmnopqrst".split("").forEach(function(f) {
@@ -48,18 +48,18 @@ function Pn() {
       return !1;
     }
   }
-  return ln = i() ? Object.assign : function(c, o) {
-    for (var a, d = r(c), u, f = 1; f < arguments.length; f++) {
-      a = Object(arguments[f]);
-      for (var x in a)
-        t.call(a, x) && (d[x] = a[x]);
+  return ln = l() ? Object.assign : function(c, o) {
+    for (var d, a = r(c), u, f = 1; f < arguments.length; f++) {
+      d = Object(arguments[f]);
+      for (var x in d)
+        t.call(d, x) && (a[x] = d[x]);
       if (e) {
-        u = e(a);
+        u = e(d);
         for (var g = 0; g < u.length; g++)
-          s.call(a, u[g]) && (d[u[g]] = a[u[g]]);
+          s.call(d, u[g]) && (a[u[g]] = d[u[g]]);
       }
     }
-    return d;
+    return a;
   }, ln;
 }
 /** @license React v17.0.2
@@ -71,7 +71,7 @@ function Pn() {
  * LICENSE file in the root directory of this source tree.
  */
 var Gn;
-function cs() {
+function is() {
   if (Gn) return _e;
   Gn = 1, Pn();
   var e = mn, t = 60103;
@@ -79,13 +79,13 @@ function cs() {
     var s = Symbol.for;
     t = s("react.element"), _e.Fragment = s("react.fragment");
   }
-  var r = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = Object.prototype.hasOwnProperty, c = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function o(a, d, u) {
-    var f, x = {}, g = null, b = null;
-    u !== void 0 && (g = "" + u), d.key !== void 0 && (g = "" + d.key), d.ref !== void 0 && (b = d.ref);
-    for (f in d) i.call(d, f) && !c.hasOwnProperty(f) && (x[f] = d[f]);
-    if (a && a.defaultProps) for (f in d = a.defaultProps, d) x[f] === void 0 && (x[f] = d[f]);
-    return { $$typeof: t, type: a, key: g, ref: b, props: x, _owner: r.current };
+  var r = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, l = Object.prototype.hasOwnProperty, c = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function o(d, a, u) {
+    var f, x = {}, g = null, C = null;
+    u !== void 0 && (g = "" + u), a.key !== void 0 && (g = "" + a.key), a.ref !== void 0 && (C = a.ref);
+    for (f in a) l.call(a, f) && !c.hasOwnProperty(f) && (x[f] = a[f]);
+    if (d && d.defaultProps) for (f in a = d.defaultProps, a) x[f] === void 0 && (x[f] = a[f]);
+    return { $$typeof: t, type: d, key: g, ref: C, props: x, _owner: r.current };
   }
   return _e.jsx = o, _e.jsxs = o, _e;
 }
@@ -99,63 +99,63 @@ var an = {};
  * LICENSE file in the root directory of this source tree.
  */
 var zn;
-function is() {
+function ls() {
   return zn || (zn = 1, function(e) {
     process.env.NODE_ENV !== "production" && function() {
-      var t = mn, s = Pn(), r = 60103, i = 60106;
+      var t = mn, s = Pn(), r = 60103, l = 60106;
       e.Fragment = 60107;
-      var c = 60108, o = 60114, a = 60109, d = 60110, u = 60112, f = 60113, x = 60120, g = 60115, b = 60116, y = 60121, w = 60122, A = 60117, p = 60129, E = 60131;
+      var c = 60108, o = 60114, d = 60109, a = 60110, u = 60112, f = 60113, x = 60120, g = 60115, C = 60116, y = 60121, w = 60122, _ = 60117, p = 60129, v = 60131;
       if (typeof Symbol == "function" && Symbol.for) {
-        var h = Symbol.for;
-        r = h("react.element"), i = h("react.portal"), e.Fragment = h("react.fragment"), c = h("react.strict_mode"), o = h("react.profiler"), a = h("react.provider"), d = h("react.context"), u = h("react.forward_ref"), f = h("react.suspense"), x = h("react.suspense_list"), g = h("react.memo"), b = h("react.lazy"), y = h("react.block"), w = h("react.server.block"), A = h("react.fundamental"), h("react.scope"), h("react.opaque.id"), p = h("react.debug_trace_mode"), h("react.offscreen"), E = h("react.legacy_hidden");
+        var E = Symbol.for;
+        r = E("react.element"), l = E("react.portal"), e.Fragment = E("react.fragment"), c = E("react.strict_mode"), o = E("react.profiler"), d = E("react.provider"), a = E("react.context"), u = E("react.forward_ref"), f = E("react.suspense"), x = E("react.suspense_list"), g = E("react.memo"), C = E("react.lazy"), y = E("react.block"), w = E("react.server.block"), _ = E("react.fundamental"), E("react.scope"), E("react.opaque.id"), p = E("react.debug_trace_mode"), E("react.offscreen"), v = E("react.legacy_hidden");
       }
-      var m = typeof Symbol == "function" && Symbol.iterator, v = "@@iterator";
-      function C(l) {
-        if (l === null || typeof l != "object")
+      var b = typeof Symbol == "function" && Symbol.iterator, h = "@@iterator";
+      function m(i) {
+        if (i === null || typeof i != "object")
           return null;
-        var T = m && l[m] || l[v];
+        var T = b && i[b] || i[h];
         return typeof T == "function" ? T : null;
       }
       var j = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-      function S(l) {
+      function S(i) {
         {
-          for (var T = arguments.length, k = new Array(T > 1 ? T - 1 : 0), N = 1; N < T; N++)
-            k[N - 1] = arguments[N];
-          I("error", l, k);
+          for (var T = arguments.length, A = new Array(T > 1 ? T - 1 : 0), N = 1; N < T; N++)
+            A[N - 1] = arguments[N];
+          I("error", i, A);
         }
       }
-      function I(l, T, k) {
+      function I(i, T, A) {
         {
-          var N = j.ReactDebugCurrentFrame, J = N.getStackAddendum();
-          J !== "" && (T += "%s", k = k.concat([J]));
-          var K = k.map(function(W) {
+          var N = j.ReactDebugCurrentFrame, Q = N.getStackAddendum();
+          Q !== "" && (T += "%s", A = A.concat([Q]));
+          var q = A.map(function(W) {
             return "" + W;
           });
-          K.unshift("Warning: " + T), Function.prototype.apply.call(console[l], console, K);
+          q.unshift("Warning: " + T), Function.prototype.apply.call(console[i], console, q);
         }
       }
       var B = !1;
-      function M(l) {
-        return !!(typeof l == "string" || typeof l == "function" || l === e.Fragment || l === o || l === p || l === c || l === f || l === x || l === E || B || typeof l == "object" && l !== null && (l.$$typeof === b || l.$$typeof === g || l.$$typeof === a || l.$$typeof === d || l.$$typeof === u || l.$$typeof === A || l.$$typeof === y || l[0] === w));
+      function M(i) {
+        return !!(typeof i == "string" || typeof i == "function" || i === e.Fragment || i === o || i === p || i === c || i === f || i === x || i === v || B || typeof i == "object" && i !== null && (i.$$typeof === C || i.$$typeof === g || i.$$typeof === d || i.$$typeof === a || i.$$typeof === u || i.$$typeof === _ || i.$$typeof === y || i[0] === w));
       }
-      function L(l, T, k) {
+      function L(i, T, A) {
         var N = T.displayName || T.name || "";
-        return l.displayName || (N !== "" ? k + "(" + N + ")" : k);
+        return i.displayName || (N !== "" ? A + "(" + N + ")" : A);
       }
-      function F(l) {
-        return l.displayName || "Context";
+      function F(i) {
+        return i.displayName || "Context";
       }
-      function $(l) {
-        if (l == null)
+      function $(i) {
+        if (i == 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 i.tag == "number" && S("Received an unexpected object in getComponentName(). This is likely a bug in React. Please file an issue."), typeof i == "function")
+          return i.displayName || i.name || null;
+        if (typeof i == "string")
+          return i;
+        switch (i) {
           case e.Fragment:
             return "Fragment";
-          case i:
+          case l:
             return "Portal";
           case o:
             return "Profiler";
@@ -166,24 +166,24 @@ function is() {
           case x:
             return "SuspenseList";
         }
-        if (typeof l == "object")
-          switch (l.$$typeof) {
-            case d:
-              var T = l;
-              return F(T) + ".Consumer";
+        if (typeof i == "object")
+          switch (i.$$typeof) {
             case a:
-              var k = l;
-              return F(k._context) + ".Provider";
+              var T = i;
+              return F(T) + ".Consumer";
+            case d:
+              var A = i;
+              return F(A._context) + ".Provider";
             case u:
-              return L(l, l.render, "ForwardRef");
+              return L(i, i.render, "ForwardRef");
             case g:
-              return $(l.type);
+              return $(i.type);
             case y:
-              return $(l._render);
-            case b: {
-              var N = l, J = N._payload, K = N._init;
+              return $(i._render);
+            case C: {
+              var N = i, Q = N._payload, q = N._init;
               try {
-                return $(K(J));
+                return $(q(Q));
               } catch {
                 return null;
               }
@@ -191,28 +191,28 @@ function is() {
           }
         return null;
       }
-      var H = 0, V, Q, X, se, ee, ae, ce;
+      var H = 0, G, Z, K, te, ee, de, ce;
       function Ne() {
       }
       Ne.__reactDisabledLog = !0;
       function Ve() {
         {
           if (H === 0) {
-            V = console.log, Q = console.info, X = console.warn, se = console.error, ee = console.group, ae = console.groupCollapsed, ce = console.groupEnd;
-            var l = {
+            G = console.log, Z = console.info, K = console.warn, te = console.error, ee = console.group, de = console.groupCollapsed, ce = console.groupEnd;
+            var i = {
               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: i,
+              log: i,
+              warn: i,
+              error: i,
+              group: i,
+              groupCollapsed: i,
+              groupEnd: i
             });
           }
           H++;
@@ -221,31 +221,31 @@ function is() {
       function Ge() {
         {
           if (H--, H === 0) {
-            var l = {
+            var i = {
               configurable: !0,
               enumerable: !0,
               writable: !0
             };
             Object.defineProperties(console, {
-              log: s({}, l, {
-                value: V
+              log: s({}, i, {
+                value: G
               }),
-              info: s({}, l, {
-                value: Q
+              info: s({}, i, {
+                value: Z
               }),
-              warn: s({}, l, {
-                value: X
+              warn: s({}, i, {
+                value: K
               }),
-              error: s({}, l, {
-                value: se
+              error: s({}, i, {
+                value: te
               }),
-              group: s({}, l, {
+              group: s({}, i, {
                 value: ee
               }),
-              groupCollapsed: s({}, l, {
-                value: ae
+              groupCollapsed: s({}, i, {
+                value: de
               }),
-              groupEnd: s({}, l, {
+              groupEnd: s({}, i, {
                 value: ce
               })
             });
@@ -254,17 +254,17 @@ function is() {
         }
       }
       var Me = j.ReactCurrentDispatcher, Fe;
-      function ze(l, T, k) {
+      function ze(i, T, A) {
         {
           if (Fe === void 0)
             try {
               throw Error();
-            } catch (J) {
-              var N = J.stack.trim().match(/\n( *(at )?)/);
+            } catch (Q) {
+              var N = Q.stack.trim().match(/\n( *(at )?)/);
               Fe = N && N[1] || "";
             }
           return `
-` + Fe + l;
+` + Fe + i;
         }
       }
       var nn = !1, Ye;
@@ -272,20 +272,20 @@ function is() {
         var Tt = typeof WeakMap == "function" ? WeakMap : Map;
         Ye = new Tt();
       }
-      function _n(l, T) {
-        if (!l || nn)
+      function _n(i, T) {
+        if (!i || nn)
           return "";
         {
-          var k = Ye.get(l);
-          if (k !== void 0)
-            return k;
+          var A = Ye.get(i);
+          if (A !== void 0)
+            return A;
         }
         var N;
         nn = !0;
-        var J = Error.prepareStackTrace;
+        var Q = Error.prepareStackTrace;
         Error.prepareStackTrace = void 0;
-        var K;
-        K = Me.current, Me.current = null, Ve();
+        var q;
+        q = Me.current, Me.current = null, Ve();
         try {
           if (T) {
             var W = function() {
@@ -298,83 +298,83 @@ function is() {
             }), typeof Reflect == "object" && Reflect.construct) {
               try {
                 Reflect.construct(W, []);
-              } catch (xe) {
-                N = xe;
+              } catch (ge) {
+                N = ge;
               }
-              Reflect.construct(l, [], W);
+              Reflect.construct(i, [], W);
             } else {
               try {
                 W.call();
-              } catch (xe) {
-                N = xe;
+              } catch (ge) {
+                N = ge;
               }
-              l.call(W.prototype);
+              i.call(W.prototype);
             }
           } else {
             try {
               throw Error();
-            } catch (xe) {
-              N = xe;
+            } catch (ge) {
+              N = ge;
             }
-            l();
+            i();
           }
-        } catch (xe) {
-          if (xe && N && typeof xe.stack == "string") {
-            for (var U = xe.stack.split(`
+        } catch (ge) {
+          if (ge && N && typeof ge.stack == "string") {
+            for (var U = ge.stack.split(`
 `), re = N.stack.split(`
-`), ne = U.length - 1, te = re.length - 1; ne >= 1 && te >= 0 && U[ne] !== re[te]; )
-              te--;
-            for (; ne >= 1 && te >= 0; ne--, te--)
-              if (U[ne] !== re[te]) {
-                if (ne !== 1 || te !== 1)
+`), ne = U.length - 1, se = re.length - 1; ne >= 1 && se >= 0 && U[ne] !== re[se]; )
+              se--;
+            for (; ne >= 1 && se >= 0; ne--, se--)
+              if (U[ne] !== re[se]) {
+                if (ne !== 1 || se !== 1)
                   do
-                    if (ne--, te--, te < 0 || U[ne] !== re[te]) {
-                      var fe = `
+                    if (ne--, se--, se < 0 || U[ne] !== re[se]) {
+                      var xe = `
 ` + U[ne].replace(" at new ", " at ");
-                      return typeof l == "function" && Ye.set(l, fe), fe;
+                      return typeof i == "function" && Ye.set(i, xe), xe;
                     }
-                  while (ne >= 1 && te >= 0);
+                  while (ne >= 1 && se >= 0);
                 break;
               }
           }
         } finally {
-          nn = !1, Me.current = K, Ge(), Error.prepareStackTrace = J;
+          nn = !1, Me.current = q, Ge(), Error.prepareStackTrace = Q;
         }
-        var we = l ? l.displayName || l.name : "", $n = we ? ze(we) : "";
-        return typeof l == "function" && Ye.set(l, $n), $n;
+        var we = i ? i.displayName || i.name : "", $n = we ? ze(we) : "";
+        return typeof i == "function" && Ye.set(i, $n), $n;
       }
-      function kn(l, T, k) {
-        return _n(l, !1);
+      function kn(i, T, A) {
+        return _n(i, !1);
       }
-      function yt(l) {
-        var T = l.prototype;
+      function yt(i) {
+        var T = i.prototype;
         return !!(T && T.isReactComponent);
       }
-      function Ke(l, T, k) {
-        if (l == null)
+      function Ke(i, T, A) {
+        if (i == null)
           return "";
-        if (typeof l == "function")
-          return _n(l, yt(l));
-        if (typeof l == "string")
-          return ze(l);
-        switch (l) {
+        if (typeof i == "function")
+          return _n(i, yt(i));
+        if (typeof i == "string")
+          return ze(i);
+        switch (i) {
           case f:
             return ze("Suspense");
           case x:
             return ze("SuspenseList");
         }
-        if (typeof l == "object")
-          switch (l.$$typeof) {
+        if (typeof i == "object")
+          switch (i.$$typeof) {
             case u:
-              return kn(l.render);
+              return kn(i.render);
             case g:
-              return Ke(l.type, T, k);
+              return Ke(i.type, T, A);
             case y:
-              return kn(l._render);
-            case b: {
-              var N = l, J = N._payload, K = N._init;
+              return kn(i._render);
+            case C: {
+              var N = i, Q = N._payload, q = N._init;
               try {
-                return Ke(K(J), T, k);
+                return Ke(q(Q), T, A);
               } catch {
               }
             }
@@ -382,29 +382,29 @@ function is() {
         return "";
       }
       var An = {}, Sn = j.ReactDebugCurrentFrame;
-      function qe(l) {
-        if (l) {
-          var T = l._owner, k = Ke(l.type, l._source, T ? T.type : null);
-          Sn.setExtraStackFrame(k);
+      function qe(i) {
+        if (i) {
+          var T = i._owner, A = Ke(i.type, i._source, T ? T.type : null);
+          Sn.setExtraStackFrame(A);
         } else
           Sn.setExtraStackFrame(null);
       }
-      function jt(l, T, k, N, J) {
+      function jt(i, T, A, N, Q) {
         {
-          var K = Function.call.bind(Object.prototype.hasOwnProperty);
-          for (var W in l)
-            if (K(l, W)) {
+          var q = Function.call.bind(Object.prototype.hasOwnProperty);
+          for (var W in i)
+            if (q(i, W)) {
               var U = void 0;
               try {
-                if (typeof l[W] != "function") {
-                  var re = Error((N || "React class") + ": " + k + " type `" + W + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof l[W] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                if (typeof i[W] != "function") {
+                  var re = Error((N || "React class") + ": " + A + " type `" + W + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof i[W] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                   throw re.name = "Invariant Violation", re;
                 }
-                U = l[W](T, W, N, k, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+                U = i[W](T, W, N, A, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
               } catch (ne) {
                 U = ne;
               }
-              U && !(U instanceof Error) && (qe(J), S("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", N || "React class", k, W, typeof U), qe(null)), U instanceof Error && !(U.message in An) && (An[U.message] = !0, qe(J), S("Failed %s type: %s", k, U.message), qe(null));
+              U && !(U instanceof Error) && (qe(Q), S("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", N || "React class", A, W, typeof U), qe(null)), U instanceof Error && !(U.message in An) && (An[U.message] = !0, qe(Q), S("Failed %s type: %s", A, U.message), qe(null));
             }
         }
       }
@@ -413,59 +413,59 @@ function is() {
         ref: !0,
         __self: !0,
         __source: !0
-      }, On, Rn;
-      function pt(l) {
-        if (tn.call(l, "ref")) {
-          var T = Object.getOwnPropertyDescriptor(l, "ref").get;
+      }, Rn, On;
+      function pt(i) {
+        if (tn.call(i, "ref")) {
+          var T = Object.getOwnPropertyDescriptor(i, "ref").get;
           if (T && T.isReactWarning)
             return !1;
         }
-        return l.ref !== void 0;
+        return i.ref !== void 0;
       }
-      function _t(l) {
-        if (tn.call(l, "key")) {
-          var T = Object.getOwnPropertyDescriptor(l, "key").get;
+      function _t(i) {
+        if (tn.call(i, "key")) {
+          var T = Object.getOwnPropertyDescriptor(i, "key").get;
           if (T && T.isReactWarning)
             return !1;
         }
-        return l.key !== void 0;
+        return i.key !== void 0;
       }
-      function kt(l, T) {
-        typeof l.ref == "string" && Ln.current;
+      function kt(i, T) {
+        typeof i.ref == "string" && Ln.current;
       }
-      function At(l, T) {
+      function At(i, T) {
         {
-          var k = function() {
-            On || (On = !0, S("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", T));
+          var A = function() {
+            Rn || (Rn = !0, S("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", T));
           };
-          k.isReactWarning = !0, Object.defineProperty(l, "key", {
-            get: k,
+          A.isReactWarning = !0, Object.defineProperty(i, "key", {
+            get: A,
             configurable: !0
           });
         }
       }
-      function St(l, T) {
+      function St(i, T) {
         {
-          var k = function() {
-            Rn || (Rn = !0, S("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", T));
+          var A = function() {
+            On || (On = !0, S("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", T));
           };
-          k.isReactWarning = !0, Object.defineProperty(l, "ref", {
-            get: k,
+          A.isReactWarning = !0, Object.defineProperty(i, "ref", {
+            get: A,
             configurable: !0
           });
         }
       }
-      var Lt = function(l, T, k, N, J, K, W) {
+      var Lt = function(i, T, A, N, Q, q, W) {
         var U = {
           // This tag allows us to uniquely identify this as a React Element
           $$typeof: r,
           // Built-in properties that belong on the element
-          type: l,
+          type: i,
           key: T,
-          ref: k,
+          ref: A,
           props: W,
           // Record the component responsible for creating this element.
-          _owner: K
+          _owner: q
         };
         return U._store = {}, Object.defineProperty(U._store, "validated", {
           configurable: !1,
@@ -481,172 +481,172 @@ function is() {
           configurable: !1,
           enumerable: !1,
           writable: !1,
-          value: J
+          value: Q
         }), Object.freeze && (Object.freeze(U.props), Object.freeze(U)), U;
       };
-      function Ot(l, T, k, N, J) {
+      function Rt(i, T, A, N, Q) {
         {
-          var K, W = {}, U = null, re = null;
-          k !== void 0 && (U = "" + k), _t(T) && (U = "" + T.key), pt(T) && (re = T.ref, kt(T, J));
-          for (K in T)
-            tn.call(T, K) && !wt.hasOwnProperty(K) && (W[K] = T[K]);
-          if (l && l.defaultProps) {
-            var ne = l.defaultProps;
-            for (K in ne)
-              W[K] === void 0 && (W[K] = ne[K]);
+          var q, W = {}, U = null, re = null;
+          A !== void 0 && (U = "" + A), _t(T) && (U = "" + T.key), pt(T) && (re = T.ref, kt(T, Q));
+          for (q in T)
+            tn.call(T, q) && !wt.hasOwnProperty(q) && (W[q] = T[q]);
+          if (i && i.defaultProps) {
+            var ne = i.defaultProps;
+            for (q in ne)
+              W[q] === void 0 && (W[q] = ne[q]);
           }
           if (U || re) {
-            var te = typeof l == "function" ? l.displayName || l.name || "Unknown" : l;
-            U && At(W, te), re && St(W, te);
+            var se = typeof i == "function" ? i.displayName || i.name || "Unknown" : i;
+            U && At(W, se), re && St(W, se);
           }
-          return Lt(l, U, re, J, N, Ln.current, W);
+          return Lt(i, U, re, Q, N, Ln.current, W);
         }
       }
       var sn = j.ReactCurrentOwner, Dn = j.ReactDebugCurrentFrame;
-      function je(l) {
-        if (l) {
-          var T = l._owner, k = Ke(l.type, l._source, T ? T.type : null);
-          Dn.setExtraStackFrame(k);
+      function je(i) {
+        if (i) {
+          var T = i._owner, A = Ke(i.type, i._source, T ? T.type : null);
+          Dn.setExtraStackFrame(A);
         } else
           Dn.setExtraStackFrame(null);
       }
       var rn;
       rn = !1;
-      function on(l) {
-        return typeof l == "object" && l !== null && l.$$typeof === r;
+      function on(i) {
+        return typeof i == "object" && i !== null && i.$$typeof === r;
       }
       function Nn() {
         {
           if (sn.current) {
-            var l = $(sn.current.type);
-            if (l)
+            var i = $(sn.current.type);
+            if (i)
               return `
 
-Check the render method of \`` + l + "`.";
+Check the render method of \`` + i + "`.";
           }
           return "";
         }
       }
-      function Rt(l) {
+      function Ot(i) {
         return "";
       }
       var Mn = {};
-      function Dt(l) {
+      function Dt(i) {
         {
           var T = Nn();
           if (!T) {
-            var k = typeof l == "string" ? l : l.displayName || l.name;
-            k && (T = `
+            var A = typeof i == "string" ? i : i.displayName || i.name;
+            A && (T = `
 
-Check the top-level render call using <` + k + ">.");
+Check the top-level render call using <` + A + ">.");
           }
           return T;
         }
       }
-      function Fn(l, T) {
+      function Fn(i, T) {
         {
-          if (!l._store || l._store.validated || l.key != null)
+          if (!i._store || i._store.validated || i.key != null)
             return;
-          l._store.validated = !0;
-          var k = Dt(T);
-          if (Mn[k])
+          i._store.validated = !0;
+          var A = Dt(T);
+          if (Mn[A])
             return;
-          Mn[k] = !0;
+          Mn[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.', k, N), je(null);
+          i && i._owner && i._owner !== sn.current && (N = " It was passed a child from " + $(i._owner.type) + "."), je(i), S('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', A, N), je(null);
         }
       }
-      function Hn(l, T) {
+      function Hn(i, T) {
         {
-          if (typeof l != "object")
+          if (typeof i != "object")
             return;
-          if (Array.isArray(l))
-            for (var k = 0; k < l.length; k++) {
-              var N = l[k];
+          if (Array.isArray(i))
+            for (var A = 0; A < i.length; A++) {
+              var N = i[A];
               on(N) && Fn(N, T);
             }
-          else if (on(l))
-            l._store && (l._store.validated = !0);
-          else if (l) {
-            var J = C(l);
-            if (typeof J == "function" && J !== l.entries)
-              for (var K = J.call(l), W; !(W = K.next()).done; )
+          else if (on(i))
+            i._store && (i._store.validated = !0);
+          else if (i) {
+            var Q = m(i);
+            if (typeof Q == "function" && Q !== i.entries)
+              for (var q = Q.call(i), W; !(W = q.next()).done; )
                 on(W.value) && Fn(W.value, T);
           }
         }
       }
-      function Nt(l) {
+      function Nt(i) {
         {
-          var T = l.type;
+          var T = i.type;
           if (T == null || typeof T == "string")
             return;
-          var k;
+          var A;
           if (typeof T == "function")
-            k = T.propTypes;
+            A = T.propTypes;
           else if (typeof T == "object" && (T.$$typeof === u || // Note: Memo only checks outer props here.
           // Inner props are checked in the reconciler.
           T.$$typeof === g))
-            k = T.propTypes;
+            A = T.propTypes;
           else
             return;
-          if (k) {
+          if (A) {
             var N = $(T);
-            jt(k, l.props, "prop", N, l);
+            jt(A, i.props, "prop", N, i);
           } else if (T.PropTypes !== void 0 && !rn) {
             rn = !0;
-            var J = $(T);
-            S("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", J || "Unknown");
+            var Q = $(T);
+            S("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", Q || "Unknown");
           }
           typeof T.getDefaultProps == "function" && !T.getDefaultProps.isReactClassApproved && S("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
         }
       }
-      function Mt(l) {
+      function Mt(i) {
         {
-          for (var T = Object.keys(l.props), k = 0; k < T.length; k++) {
-            var N = T[k];
+          for (var T = Object.keys(i.props), A = 0; A < T.length; A++) {
+            var N = T[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(i), 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));
+          i.ref !== null && (je(i), S("Invalid attribute `ref` supplied to `React.Fragment`."), je(null));
         }
       }
-      function In(l, T, k, N, J, K) {
+      function In(i, T, A, N, Q, q) {
         {
-          var W = M(l);
+          var W = M(i);
           if (!W) {
             var U = "";
-            (l === void 0 || typeof l == "object" && l !== null && Object.keys(l).length === 0) && (U += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-            var re = Rt();
+            (i === void 0 || typeof i == "object" && i !== null && Object.keys(i).length === 0) && (U += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+            var re = Ot();
             re ? U += re : U += Nn();
             var ne;
-            l === null ? ne = "null" : Array.isArray(l) ? ne = "array" : l !== void 0 && l.$$typeof === r ? (ne = "<" + ($(l.type) || "Unknown") + " />", U = " Did you accidentally export a JSX literal instead of a component?") : ne = typeof l, S("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", ne, U);
+            i === null ? ne = "null" : Array.isArray(i) ? ne = "array" : i !== void 0 && i.$$typeof === r ? (ne = "<" + ($(i.type) || "Unknown") + " />", U = " Did you accidentally export a JSX literal instead of a component?") : ne = typeof i, S("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", ne, U);
           }
-          var te = Ot(l, T, k, J, K);
-          if (te == null)
-            return te;
+          var se = Rt(i, T, A, Q, q);
+          if (se == null)
+            return se;
           if (W) {
-            var fe = T.children;
-            if (fe !== void 0)
+            var xe = T.children;
+            if (xe !== void 0)
               if (N)
-                if (Array.isArray(fe)) {
-                  for (var we = 0; we < fe.length; we++)
-                    Hn(fe[we], l);
-                  Object.freeze && Object.freeze(fe);
+                if (Array.isArray(xe)) {
+                  for (var we = 0; we < xe.length; we++)
+                    Hn(xe[we], i);
+                  Object.freeze && Object.freeze(xe);
                 } else
                   S("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
               else
-                Hn(fe, l);
+                Hn(xe, i);
           }
-          return l === e.Fragment ? Mt(te) : Nt(te), te;
+          return i === e.Fragment ? Mt(se) : Nt(se), se;
         }
       }
-      function Ft(l, T, k) {
-        return In(l, T, k, !0);
+      function Ft(i, T, A) {
+        return In(i, T, A, !0);
       }
-      function Ht(l, T, k) {
-        return In(l, T, k, !1);
+      function Ht(i, T, A) {
+        return In(i, T, A, !1);
       }
       var It = Ht, $t = Ft;
       e.jsx = It, e.jsxs = $t;
@@ -654,11 +654,11 @@ Check the top-level render call using <` + k + ">.");
   }(an)), an;
 }
 var Yn;
-function ls() {
-  return Yn || (Yn = 1, process.env.NODE_ENV === "production" ? Je.exports = cs() : Je.exports = is()), Je.exports;
+function as() {
+  return Yn || (Yn = 1, process.env.NODE_ENV === "production" ? Je.exports = is() : Je.exports = ls()), Je.exports;
 }
-var n = ls();
-const as = "2.0.0-alpha.11", et = "chat_session", ds = "user_uttered", us = "bot_uttered", fs = "ehelp_bot_uttered", xs = "https://sfchatbot.dataon.com", gs = [
+var n = as();
+const ds = "2.0.0-alpha.12", et = "chat_session", us = "user_uttered", fs = "bot_uttered", xs = "ehelp_bot_uttered", gs = "https://sfchatbot.dataon.com", Cs = [
   {
     label: "Didn’t address my question",
     value: "Didn’t address my question"
@@ -679,7 +679,7 @@ const as = "2.0.0-alpha.11", et = "chat_session", ds = "user_uttered", us = "bot
     label: "I’d like to explain further",
     value: "another"
   }
-], Le = zt, Oe = Bt, Cs = as, ms = "https://sfchatbot.dataon.com/openai-service-dev/", Ze = "https://res.cloudinary.com/dcvolkyfb/image/upload/v1740135794/svg/bot_profile_hlnyop.png", hn = "YYYY-MM-DD", Xe = "HH:mm", Kn = "N/A", dn = [
+], Le = zt, Re = Bt, ms = ds, bs = "https://sfchatbot.dataon.com/openai-service-dev/", Ze = "https://res.cloudinary.com/dcvolkyfb/image/upload/v1740135794/svg/bot_profile_hlnyop.png", hn = "YYYY-MM-DD", Xe = "HH:mm", Kn = "N/A", dn = [
   // Raster (bitmap)
   ".jpg",
   ".jpeg",
@@ -701,35 +701,35 @@ const as = "2.0.0-alpha.11", et = "chat_session", ds = "user_uttered", us = "bot
   ".orf",
   ".psd",
   ".xcf"
-], un = "w-widget-content-container", fn = "w-ticket-detail-content-container", bs = "w-wrapper-body", vs = "w-wrapper-body-helpdesk", He = "w-header", xn = {
+], un = "w-widget-content-container", fn = "w-ticket-detail-content-container", vs = "w-wrapper-body", hs = "w-wrapper-body-helpdesk", He = "w-header", xn = {
   FADE_IN: "w-fade-in-animate"
-}, hs = "https://placehold.co/600x400?text=No+Image", Ie = 3, Es = "GoHRDev2025WorkPlazeDataOnDotCom", ke = "(Helpdesk Widget Chatbot)", Ts = (e) => JSON.parse((e == null ? void 0 : e.replaceAll("/get_started", "")) || "{}"), nt = (e) => {
+}, Es = "https://placehold.co/600x400?text=No+Image", Ie = 3, Ts = "GoHRDev2025WorkPlazeDataOnDotCom", ke = "(Helpdesk Widget Chatbot)", ys = (e) => JSON.parse((e == null ? void 0 : e.replaceAll("/get_started", "")) || "{}"), nt = (e) => {
   var t;
   try {
     return (t = new URL(e)) == null ? void 0 : t.host;
   } catch {
-    return nt(xs);
+    return nt(gs);
   }
-}, ie = (e, t) => {
-  var s, r, i;
-  return ((s = Object.keys(e || {})) == null ? void 0 : s.length) > 0 ? (i = (r = Object == null ? void 0 : Object.prototype) == null ? void 0 : r.hasOwnProperty) == null ? void 0 : i.call(e, t) : !1;
+}, le = (e, t) => {
+  var s, r, l;
+  return ((s = Object.keys(e || {})) == null ? void 0 : s.length) > 0 ? (l = (r = Object == null ? void 0 : Object.prototype) == null ? void 0 : r.hasOwnProperty) == null ? void 0 : l.call(e, t) : !1;
 }, Ae = (e) => {
   var s;
   const t = e == null ? void 0 : e.attachment;
   return {
     text: ((s = Object.keys(e || {})) == null ? void 0 : s.length) > 0 && (e == null ? void 0 : e.type) === "text",
-    upload: ie(e, "attachment") && ie(t, "type") && (t == null ? void 0 : t.type) === "fileuploader",
+    upload: le(e, "attachment") && le(t, "type") && (t == null ? void 0 : t.type) === "fileuploader",
     password: (t == null ? void 0 : t.type) === "show_password_wp",
-    filedownload: ie(t, "type") && (t == null ? void 0 : t.type) === "filedownloader",
-    chart: (t == null ? void 0 : t.type) === "charts" && ie(t, "chartType")
+    filedownload: le(t, "type") && (t == null ? void 0 : t.type) === "filedownloader",
+    chart: (t == null ? void 0 : t.type) === "charts" && le(t, "chartType")
   };
 }, tt = (e) => {
-  var t, s, r, i;
+  var t, s, r, 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, "/"), a = decodeURIComponent(
-      (i = (r = (s = window == null ? void 0 : window.atob(o)) == null ? void 0 : s.split("")) == null ? void 0 : r.map((d) => "%" + ("00" + d.charCodeAt(0).toString(16)).slice(-2))) == null ? void 0 : i.join("")
+    const c = e == null ? void 0 : e.split(".")[1], o = (t = c == null ? void 0 : c.replace(/-/g, "+")) == null ? void 0 : t.replace(/_/g, "/"), d = decodeURIComponent(
+      (l = (r = (s = window == null ? void 0 : window.atob(o)) == null ? void 0 : s.split("")) == null ? void 0 : r.map((a) => "%" + ("00" + a.charCodeAt(0).toString(16)).slice(-2))) == null ? void 0 : l.join("")
     );
-    return JSON == null ? void 0 : JSON.parse(a || "{}");
+    return JSON == null ? void 0 : JSON.parse(d || "{}");
   }
   return {};
 }, En = ({
@@ -737,10 +737,10 @@ const as = "2.0.0-alpha.11", et = "chat_session", ds = "user_uttered", us = "bot
   fileName: t = "",
   isOpenNewTab: s = !1
 }) => {
-  var i;
+  var l;
   const r = document == null ? void 0 : document.createElement("a");
-  r.href = e, r.download = t || e, s && (r.target = "_blank"), (i = document == null ? void 0 : document.body) == null || i.appendChild(r), r.click(), document.body.removeChild(r);
-}, ys = () => "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(e) {
+  r.href = e, r.download = t || e, s && (r.target = "_blank"), (l = document == null ? void 0 : document.body) == null || l.appendChild(r), r.click(), document.body.removeChild(r);
+}, js = () => "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(e) {
   const t = crypto.getRandomValues(new Uint8Array(1))[0] % 16;
   return (e === "x" ? t : t & 3 | 8).toString(16);
 }), Tn = ({
@@ -750,49 +750,49 @@ const as = "2.0.0-alpha.11", et = "chat_session", ds = "user_uttered", us = "bot
 }) => (e == null ? void 0 : e.length) > 0 ? [
   ...new Map(
     e.map((r) => {
-      var i;
+      var l;
       return [
-        s ? (i = String(r[t])) == null ? void 0 : i.toLowerCase() : r[t],
+        s ? (l = String(r[t])) == null ? void 0 : l.toLowerCase() : r[t],
         r
       ];
     })
   ).values()
-] : [], js = (e = []) => {
+] : [], ws = (e = []) => {
   const t = {}, s = [], r = [];
   e == null || e.forEach((c) => {
     var o;
-    ie(c, "chats") ? (o = c == null ? void 0 : c.chats) == null || o.forEach((a) => {
-      r == null || r.push(a);
+    le(c, "chats") ? (o = c == null ? void 0 : c.chats) == null || o.forEach((d) => {
+      r == null || r.push(d);
     }) : r == null || r.push(c);
   }), r == null || r.forEach((c, o) => {
-    var d, u, f;
-    const a = c == null ? void 0 : c.generated_id;
-    a ? (t[a] || (t[a] = []), (u = t[a]) == null || u.push({
+    var a, u, f;
+    const d = c == null ? void 0 : c.generated_id;
+    d ? (t[d] || (t[d] = []), (u = t[d]) == null || u.push({
       ...c,
       indexChat: o,
       ...!(c != null && c.timestamp) && {
-        timestamp: (d = le()) == null ? void 0 : d.format("hh:mm A")
+        timestamp: (a = ae()) == null ? void 0 : a.format("hh:mm A")
       }
     }), s == null || s.push({
-      keyItem: a ?? o,
+      keyItem: d ?? o,
       type: "text",
       sender: "response",
-      ...a && {
-        generated_id: a
+      ...d && {
+        generated_id: d
       },
-      chats: t == null ? void 0 : t[a]
+      chats: t == null ? void 0 : t[d]
     })) : s == null || s.push({
       ...c,
       keyItem: o,
       ...!(c != null && c.timestamp) && {
-        timestamp: (f = le()) == null ? void 0 : f.format("hh:mm A")
+        timestamp: (f = ae()) == null ? void 0 : f.format("hh:mm A")
       }
     });
   });
-  const i = Tn({ ArrObj: s, key: "keyItem" });
-  return i == null || i.forEach((c) => {
+  const l = Tn({ ArrObj: s, key: "keyItem" });
+  return l == null || l.forEach((c) => {
     c == null || delete c.keyItem;
-  }), i;
+  }), l;
 }, Pe = (e = {}) => {
   const s = {
     ...st(),
@@ -802,7 +802,7 @@ const as = "2.0.0-alpha.11", et = "chat_session", ds = "user_uttered", us = "bot
 }, st = () => {
   const e = localStorage == null ? void 0 : localStorage.getItem(et);
   return JSON.parse(e || "{}");
-}, ws = (e = "") => {
+}, ps = (e = "") => {
   var t;
   try {
     const s = new URL(e);
@@ -820,162 +820,162 @@ const me = (e = ".w-wrapper-body") => {
       behavior: "smooth"
     });
   }, 0);
-}, ps = (e) => {
+}, _s = (e) => {
   const t = new Uint8Array(e);
   let s = "";
   for (let r = 0; r < t.byteLength; r++)
     s += String.fromCharCode(t[r]);
   return btoa(s);
-}, _s = async (e, t) => {
-  var d;
-  const s = typeof e == "object" ? JSON == null ? void 0 : JSON.stringify(e || {}) : e, r = new TextEncoder(), i = r == null ? void 0 : r.encode(s), c = r == null ? void 0 : r.encode(t);
+}, ks = async (e, t) => {
+  var a;
+  const s = typeof e == "object" ? JSON == null ? void 0 : JSON.stringify(e || {}) : e, r = new TextEncoder(), l = r == null ? void 0 : r.encode(s), c = r == null ? void 0 : r.encode(t);
   if (c.length !== 32)
     throw new Error("Key length must be 32 bytes for AES-256");
-  const o = await ((d = crypto == null ? void 0 : crypto.subtle) == null ? void 0 : d.importKey(
+  const o = await ((a = crypto == null ? void 0 : crypto.subtle) == null ? void 0 : a.importKey(
     "raw",
     c,
     { name: "AES-CBC" },
     !1,
     ["encrypt"]
-  )), a = await crypto.subtle.encrypt(
+  )), d = await crypto.subtle.encrypt(
     { name: "AES-CBC", iv: new Uint8Array(16) },
     o,
-    i
+    l
   );
-  return ps(a);
+  return _s(d);
 }, Qe = (e) => {
-  const t = {}, s = rt(e), r = s == null ? void 0 : s.map((i) => {
+  const t = {}, s = rt(e), r = s == null ? void 0 : s.map((l) => {
     var o;
-    const c = i == null ? void 0 : i.CREATED_DATE;
+    const c = l == null ? void 0 : l.CREATED_DATE;
     return {
-      ...i,
-      DATE_KEY: (o = le(c)) == null ? void 0 : o.format("YYYY-MM-DD")
+      ...l,
+      DATE_KEY: (o = ae(c)) == null ? void 0 : o.format("YYYY-MM-DD")
     };
   });
-  return r == null || r.forEach((i) => {
+  return r == null || r.forEach((l) => {
     var c;
-    t[i == null ? void 0 : i.DATE_KEY] || (t[i == null ? void 0 : i.DATE_KEY] = []), (c = t[i == null ? void 0 : i.DATE_KEY]) == null || c.push(i);
+    t[l == null ? void 0 : l.DATE_KEY] || (t[l == null ? void 0 : l.DATE_KEY] = []), (c = t[l == null ? void 0 : l.DATE_KEY]) == null || c.push(l);
   }), t;
 }, yn = (e) => {
   var t;
   return (t = Object.values(e || {})) == null ? void 0 : t.flat();
-}, rt = (e) => e == null ? void 0 : e.sort((t, s) => le(t == null ? void 0 : t.CREATED_DATE) - le(s == null ? void 0 : s.CREATED_DATE)), ot = (e) => {
+}, rt = (e) => e == null ? void 0 : e.sort((t, s) => ae(t == null ? void 0 : t.CREATED_DATE) - ae(s == null ? void 0 : s.CREATED_DATE)), ot = (e) => {
   if (e && typeof e == "string") {
     const t = e == null ? void 0 : e.split("."), s = t[(t == null ? void 0 : t.length) - 1];
     return e == null ? void 0 : e.replaceAll(`.${s}`, `_avatar.${s}`);
   }
   return e;
-}, jn = (e) => `https://ui-avatars.com/api/?background=e5e5e5&color=000${e && typeof e == "string" ? `&name=${e.replaceAll(" ", "+")}` : ""}`, ct = Te({}), q = () => ye(ct), ks = ({
+}, jn = (e) => `https://ui-avatars.com/api/?background=e5e5e5&color=000${e && typeof e == "string" ? `&name=${e.replaceAll(" ", "+")}` : ""}`, ct = Te({}), J = () => ye(ct), As = ({
   children: e,
   getStartedPayload: t,
   socketURL: s,
   socketPath: r,
-  onPayslipFn: i,
+  onPayslipFn: l,
   title: c,
   subTitle: o,
-  keyEncrypt: a,
-  history: d,
+  keyEncrypt: d,
+  history: a,
   isSF: u
 }) => {
-  const [f, x] = D(!1), [g, b] = D("va"), [y, w] = D(!1), [A, p] = D({}), [E, h] = D(!1), [m, v] = D(!1), C = z(!1), j = R(() => ({
+  const [f, x] = D(!1), [g, C] = D("va"), [y, w] = D(!1), [_, p] = D({}), [v, E] = D(!1), [b, h] = D(!1), m = Y(!1), j = O(() => ({
     getStartedPayload: t,
     socketURL: s,
     socketPath: r,
-    onPayslipFn: i,
+    onPayslipFn: l,
     title: c,
     subTitle: o,
-    keyEncrypt: a,
+    keyEncrypt: d,
     isSF: u
   }), [
     t,
     s,
     r,
-    i,
+    l,
     c,
     o,
-    a,
+    d,
     u
-  ]), S = R(() => tt(A == null ? void 0 : A.access_token), [A == null ? void 0 : A.access_token]);
-  return Z(() => {
-    p(Ts(t));
-  }, [t]), Z(() => {
+  ]), S = O(() => tt(_ == null ? void 0 : _.access_token), [_ == null ? void 0 : _.access_token]);
+  return X(() => {
+    p(ys(t));
+  }, [t]), X(() => {
     Pe({
-      chatbot_version: Cs
+      chatbot_version: ms
     });
   }, []), /* @__PURE__ */ n.jsx(
     ct.Provider,
     {
       value: {
-        objInitPayload: A,
+        objInitPayload: _,
         setOpenWidget: x,
         isOpenWidget: f,
         activeTab: g,
-        setActiveTab: b,
+        setActiveTab: C,
         isExpand: y,
         setExpand: w,
         setObjInitPayload: p,
         parsedJWT: S,
         widgetProps: j,
-        isFirstOpenWidget: E,
-        setFirstOpenWidget: h,
-        isFirstRenderHelpdesk: C,
-        history: d,
-        showReadyWSHD: m,
-        setShowReadyWSHD: v
+        isFirstOpenWidget: v,
+        setFirstOpenWidget: E,
+        isFirstRenderHelpdesk: m,
+        history: a,
+        showReadyWSHD: b,
+        setShowReadyWSHD: h
       },
       children: e
     }
   );
-}, it = Te({}), As = () => ye(it), Ss = ({ children: e }) => {
-  const { objInitPayload: t } = q(), [s, r] = D({}), i = () => {
+}, it = Te({}), Ss = () => ye(it), Ls = ({ children: e }) => {
+  const { objInitPayload: t } = J(), [s, r] = D({}), l = () => {
     var o;
-    (o = Re(
-      `${(t == null ? void 0 : t.uriService) || ms}optional/translations`
-    )) == null || o.then(({ data: a }) => {
-      var d;
-      if (a) {
-        const u = Object.keys((d = Object.values(a)) == null ? void 0 : d[0]), f = {};
+    (o = Oe(
+      `${(t == null ? void 0 : t.uriService) || bs}optional/translations`
+    )) == null || o.then(({ data: d }) => {
+      var a;
+      if (d) {
+        const u = Object.keys((a = Object.values(d)) == null ? void 0 : a[0]), f = {};
         u == null || u.forEach((x) => {
           var g;
-          (g = Object.keys(a)) == null || g.forEach((b) => {
+          (g = Object.keys(d)) == null || g.forEach((C) => {
             var y;
-            f[x == null ? void 0 : x.toLowerCase()] = (y = a == null ? void 0 : a[b]) == null ? void 0 : y[x];
+            f[x == null ? void 0 : x.toLowerCase()] = (y = d == null ? void 0 : d[C]) == null ? void 0 : y[x];
           });
         }), r(f);
       }
     });
   }, c = () => {
     const o = window.indexedDB.open("language");
-    o.onsuccess = (a) => {
+    o.onsuccess = (d) => {
       var u;
-      const d = a.target.result;
+      const a = d.target.result;
       try {
-        const x = d.transaction("keyvaluepairs", "readonly").objectStore("keyvaluepairs"), g = x == null ? void 0 : x.get((u = t == null ? void 0 : t.lang) == null ? void 0 : u.toLowerCase());
+        const x = a.transaction("keyvaluepairs", "readonly").objectStore("keyvaluepairs"), g = x == null ? void 0 : x.get((u = t == null ? void 0 : t.lang) == null ? void 0 : u.toLowerCase());
         g.onsuccess = () => {
           r(g == null ? void 0 : g.result);
         }, g.onerror = () => {
-          i();
+          l();
         };
       } catch {
-        i();
+        l();
       }
     }, o.onerror = () => {
-      i();
+      l();
     };
   };
-  return Z(() => {
+  return X(() => {
     c();
   }, [t == null ? void 0 : t.uriService, t == null ? void 0 : t.lang]), /* @__PURE__ */ n.jsx(it.Provider, { value: { langDatas: s }, children: e });
-}, lt = Te({}), ue = () => ye(lt), Ls = ({ children: e }) => {
+}, lt = Te({}), fe = () => ye(lt), Rs = ({ children: e }) => {
   var M;
-  const [t, s] = D([]), [r, i] = D(!1), [c, o] = D(!1), [a, d] = D({}), [u, f] = D(!1), [x, g] = D(!1), {
-    objInitPayload: b,
+  const [t, s] = D([]), [r, l] = D(!1), [c, o] = D(!1), [d, a] = D({}), [u, f] = D(!1), [x, g] = D(!1), {
+    objInitPayload: C,
     widgetProps: y,
     setOpenWidget: w,
-    setFirstOpenWidget: A,
+    setFirstOpenWidget: _,
     isFirstRenderHelpdesk: p
-  } = q(), E = z(null), h = z(""), m = z(""), v = (L) => {
-    const F = ie(L, "text_feedback_link") && ie(L, "text");
+  } = J(), v = Y(null), E = Y(""), b = Y(""), h = (L) => {
+    const F = le(L, "text_feedback_link") && le(L, "text");
     s(($) => {
       const H = [
         ...$,
@@ -987,37 +987,37 @@ const me = (e = ".w-wrapper-body") => {
           sender: "response"
         }
       ];
-      return js(H);
-    }), i(!1), o(!1), me();
-  }, C = () => {
+      return ws(H);
+    }), l(!1), o(!1), me();
+  }, m = () => {
     var L, F, $, H;
-    (L = E == null ? void 0 : E.current) == null || L.emit("session_request", { session_id: null }), (F = E == null ? void 0 : E.current) == null || F.on("session_confirm", (V) => {
-      h.current = V, Pe({
-        session_id: V == null ? void 0 : V.session_id
+    (L = v == null ? void 0 : v.current) == null || L.emit("session_request", { session_id: null }), (F = v == null ? void 0 : v.current) == null || F.on("session_confirm", (G) => {
+      E.current = G, Pe({
+        session_id: G == null ? void 0 : G.session_id
       });
-    }), ($ = E == null ? void 0 : E.current) == null || $.on(us, v), (H = E == null ? void 0 : E.current) == null || H.on(fs, (V) => {
-      const Q = JSON.parse(V || "{}");
-      ie(Q, "iswidget") && g(Q == null ? void 0 : Q.iswidget);
-    }), u || f(!0), A(!1);
+    }), ($ = v == null ? void 0 : v.current) == null || $.on(fs, h), (H = v == null ? void 0 : v.current) == null || H.on(xs, (G) => {
+      const Z = JSON.parse(G || "{}");
+      le(Z, "iswidget") && g(Z == null ? void 0 : Z.iswidget);
+    }), u || f(!0), _(!1);
   }, j = ({
     msg: L,
     additionalConfig: F = {},
     isShowLoadingResponse: $ = !0
   }) => {
     var H;
-    (H = E == null ? void 0 : E.current) == null || H.emit(ds, {
+    (H = v == null ? void 0 : v.current) == null || H.emit(us, {
       customData: {
-        language: b == null ? void 0 : b.lang
+        language: C == null ? void 0 : C.lang
       },
       message: L,
-      session_id: h == null ? void 0 : h.current,
+      session_id: E == null ? void 0 : E.current,
       ...F
-    }), $ ? i(!0) : o(!0);
+    }), $ ? l(!0) : o(!0);
   }, S = () => {
     var F, $;
-    E.current && ((F = E == null ? void 0 : E.current) == null || F.off(), ($ = E == null ? void 0 : E.current) == null || $.disconnect(), E.current = null), p.current = !1;
-    const L = Pt(
-      `${ws(y == null ? void 0 : y.socketURL)}://${nt(
+    v.current && ((F = v == null ? void 0 : v.current) == null || F.off(), ($ = v == null ? void 0 : v.current) == null || $.disconnect(), v.current = null), p.current = !1;
+    const L = es(
+      `${ps(y == null ? void 0 : y.socketURL)}://${nt(
         y == null ? void 0 : y.socketURL
       )}`,
       {
@@ -1027,7 +1027,7 @@ const me = (e = ".w-wrapper-body") => {
         reconnectionAttempts: 1
       }
     );
-    L.on("connect", C), L.on("connect_error", (H) => {
+    L.on("connect", m), L.on("connect_error", (H) => {
       console.error("connect_error widget-chatbot : ", {
         err: H,
         socketURL: y == null ? void 0 : y.socketURL,
@@ -1038,18 +1038,18 @@ const me = (e = ".w-wrapper-body") => {
         socketURL: y == null ? void 0 : y.socketURL,
         socketPath: y == null ? void 0 : y.widgetProps
       }), f(!1);
-    }), E.current = L;
+    }), v.current = L;
   }, I = () => {
     var L;
-    (!((L = E == null ? void 0 : E.current) != null && L.connected) || !u) && (S(), w(!1));
+    (!((L = v == null ? void 0 : v.current) != null && L.connected) || !u) && (S(), w(!1));
   }, B = () => {
     f(!1);
   };
-  return Z(() => (w(!1), S(), window.addEventListener("online", I), window.addEventListener("offline", B), () => {
+  return X(() => (w(!1), S(), window.addEventListener("online", I), window.addEventListener("offline", B), () => {
     var L, F;
-    E.current && ((L = E.current) == null || L.off("connect", C), (F = E.current) == null || F.disconnect(), E.current = null), window.removeEventListener("online", I), window.removeEventListener("offline", B);
+    v.current && ((L = v.current) == null || L.off("connect", m), (F = v.current) == null || F.disconnect(), v.current = null), window.removeEventListener("online", I), window.removeEventListener("offline", B);
   }), [
-    JSON.stringify(b || {}),
+    JSON.stringify(C || {}),
     y == null ? void 0 : y.socketURL,
     y == null ? void 0 : y.socketPath
   ]), /* @__PURE__ */ n.jsx(
@@ -1060,15 +1060,15 @@ const me = (e = ".w-wrapper-body") => {
         chats: t,
         onSendMsg: j,
         isWaitResponse: r,
-        socket: E == null ? void 0 : E.current,
-        sessionId: (M = h == null ? void 0 : h.current) == null ? void 0 : M.session_id,
+        socket: v == null ? void 0 : v.current,
+        sessionId: (M = E == null ? void 0 : E.current) == null ? void 0 : M.session_id,
         loadingRegenerate: c,
-        file: a,
-        setFile: d,
+        file: d,
+        setFile: a,
         connected: u,
         isHandshakeWidget: x,
         createSocket: S,
-        currRegenerateId: m
+        currRegenerateId: b
       },
       children: e
     }
@@ -1354,13 +1354,13 @@ const me = (e = ".w-wrapper-body") => {
     boxShadow: "inset 5px 0 0 #f7d87c",
     zIndex: "0"
   }
-}, Rs = (e) => e.replace(/[^a-zA-Z0-9_]/g, "").trim(), _ = (e = "", t) => {
+}, Ds = (e) => e.replace(/[^a-zA-Z0-9_]/g, "").trim(), k = (e = "", t) => {
   var o;
-  const { langDatas: s } = As(), r = localStorage == null ? void 0 : localStorage.getItem("show_text_id"), i = Rs(String(e)), c = (s == null ? void 0 : s[i == null ? void 0 : i.toUpperCase()]) || t;
-  return ((o = Object.keys(s || {})) == null ? void 0 : o.length) > 0 ? r ? `WPUI_${i}` : c : t;
-}, Ds = ({ isFeedback: e = !1, open: t, ...s }) => {
-  var i;
-  const r = R(() => e ? "w-modal-container-feedback" : "", [e]);
+  const { langDatas: s } = Ss(), r = localStorage == null ? void 0 : localStorage.getItem("show_text_id"), l = Ds(String(e)), c = (s == null ? void 0 : s[l == null ? void 0 : l.toUpperCase()]) || t;
+  return ((o = Object.keys(s || {})) == null ? void 0 : o.length) > 0 ? r ? `WPUI_${l}` : c : t;
+}, Ns = ({ isFeedback: e = !1, open: t, ...s }) => {
+  var l;
+  const r = O(() => e ? "w-modal-container-feedback" : "", [e]);
   return Le != null && Le.startsWith("5") ? /* @__PURE__ */ n.jsx(
     Bn,
     {
@@ -1389,12 +1389,12 @@ const me = (e = ".w-wrapper-body") => {
         getContainer: "#w-widget-content",
         width: 300,
         ...s,
-        ...Oe != null && Oe.startsWith("18") ? {
+        ...Re != null && Re.startsWith("18") ? {
           open: t
         } : { visible: t },
         maskStyle: {
           backdropFilter: "blur(4x)",
-          ...((i = Object.keys((s == null ? void 0 : s.maskStyle) || {})) == null ? void 0 : i.length) > 0 && {
+          ...((l = Object.keys((s == null ? void 0 : s.maskStyle) || {})) == null ? void 0 : l.length) > 0 && {
             ...s == null ? void 0 : s.maskStyle
           }
         },
@@ -1407,12 +1407,12 @@ const me = (e = ".w-wrapper-body") => {
       }
     )
   );
-}, at = O(Ds), Jn = ({ props: e, isModal: t = !1 }) => {
-  const s = (r, i) => {
+}, at = R(Ns), Jn = ({ props: e, isModal: t = !1 }) => {
+  const s = (r, l) => {
     var c;
     return (c = Ut) == null ? void 0 : c.map(r, (o) => {
-      var a, d, u;
-      return !Wt(o) || ((a = Object.keys((o == null ? void 0 : o.props) || {})) == null ? void 0 : a.length) === 0 ? o : Vt(o, {
+      var d, a, u;
+      return !Wt(o) || ((d = Object.keys((o == null ? void 0 : o.props) || {})) == null ? void 0 : d.length) === 0 ? o : Vt(o, {
         ...o == null ? void 0 : o.props,
         ...(o == null ? void 0 : o.type) === "thead" && {
           className: "ant-table-thead"
@@ -1427,13 +1427,13 @@ const me = (e = ".w-wrapper-body") => {
             }
           }
         },
-        ...o.type === "tr" && i === "tbody" && {
+        ...o.type === "tr" && l === "tbody" && {
           className: "ant-table-row"
         },
         ...(o == null ? void 0 : o.type) === "tbody" && {
           className: "ant-table-tbody"
         },
-        children: (d = o == null ? void 0 : o.props) != null && d.children ? s((u = o == null ? void 0 : o.props) == null ? void 0 : u.children, o == null ? void 0 : o.type) : o == null ? void 0 : o.props
+        children: (a = o == null ? void 0 : o.props) != null && a.children ? s((u = o == null ? void 0 : o.props) == null ? void 0 : u.children, o == null ? void 0 : o.type) : o == null ? void 0 : o.props
       });
     });
   };
@@ -1449,11 +1449,11 @@ const me = (e = ".w-wrapper-body") => {
       children: /* @__PURE__ */ n.jsx("table", { className: "wp-md-table", ...e, children: s(e == null ? void 0 : e.children, "") })
     }
   ) }) }) });
-}, Ns = ({ children: e }) => {
-  const t = _(
+}, Ms = ({ children: e }) => {
+  const t = k(
     "OpenDetailTable",
     "Open Detail Table"
-  ), s = _("TableDetail", "Tabel Detail"), [r, i] = D(!1), c = {
+  ), s = k("TableDetail", "Tabel Detail"), [r, l] = D(!1), c = {
     table: ({ ...o }) => /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
       /* @__PURE__ */ n.jsx(Jn, { props: o }),
       /* @__PURE__ */ n.jsx(
@@ -1465,10 +1465,10 @@ const me = (e = ".w-wrapper-body") => {
             padding: "5px 0px 10px 0px"
           },
           children: /* @__PURE__ */ n.jsx(
-            G,
+            z,
             {
               onClick: () => {
-                i(!0);
+                l(!0);
               },
               children: t
             }
@@ -1484,28 +1484,28 @@ const me = (e = ".w-wrapper-body") => {
           width: 800,
           open: r,
           onCancel: () => {
-            i(!1);
+            l(!1);
           },
           children: /* @__PURE__ */ n.jsx(Jn, { props: o, isModal: !0 })
         }
       )
     ] }),
     code: ({ ...o }) => {
-      const { children: a, className: d, ...u } = o, f = /language-(\w+)/.exec(d || "");
+      const { children: d, className: a, ...u } = o, f = /language-(\w+)/.exec(a || "");
       return f ? /* @__PURE__ */ n.jsx(
-        ts,
+        ss,
         {
           ...u,
           PreTag: "div",
           language: f[1],
           style: Os,
-          children: String(a).replace(/\n$/, "")
+          children: String(d).replace(/\n$/, "")
         }
-      ) : /* @__PURE__ */ n.jsx(Y.Text, { code: !0, children: o == null ? void 0 : o.children });
+      ) : /* @__PURE__ */ n.jsx(V.Text, { code: !0, children: o == null ? void 0 : o.children });
     }
   };
-  return /* @__PURE__ */ n.jsx(es, { remarkPlugins: [ns], components: c, children: e });
-}, dt = O(Ns), Ms = () => /* @__PURE__ */ n.jsx(
+  return /* @__PURE__ */ n.jsx(ns, { remarkPlugins: [ts], components: c, children: e });
+}, dt = R(Ms), Fs = () => /* @__PURE__ */ n.jsx(
   "svg",
   {
     width: "24",
@@ -1523,7 +1523,7 @@ const me = (e = ".w-wrapper-body") => {
       }
     )
   }
-), Fs = () => /* @__PURE__ */ n.jsx(
+), Hs = () => /* @__PURE__ */ n.jsx(
   "svg",
   {
     width: "24",
@@ -1540,7 +1540,7 @@ const me = (e = ".w-wrapper-body") => {
       }
     )
   }
-), Hs = () => /* @__PURE__ */ n.jsxs(
+), Is = () => /* @__PURE__ */ n.jsxs(
   "svg",
   {
     viewBox: "64 64 896 896",
@@ -1554,7 +1554,7 @@ const me = (e = ".w-wrapper-body") => {
       /* @__PURE__ */ n.jsx("path", { d: "M931.4 498.9L94.9 79.5c-3.4-1.7-7.3-2.1-11-1.2a15.99 15.99 0 00-11.7 19.3l86.2 352.2c1.3 5.3 5.2 9.6 10.4 11.3l147.7 50.7-147.6 50.7c-5.2 1.8-9.1 6-10.3 11.3L72.2 926.5c-.9 3.7-.5 7.6 1.2 10.9 3.9 7.9 13.5 11.1 21.5 7.2l836.5-417c3.1-1.5 5.6-4.1 7.2-7.1 3.9-8 .7-17.6-7.2-21.6zM170.8 826.3l50.3-205.6 295.2-101.3c2.3-.8 4.2-2.6 5-5 1.4-4.2-.8-8.7-5-10.2L221.1 403 171 198.2l628 314.9-628.2 313.2z" })
     ]
   }
-), Is = () => /* @__PURE__ */ n.jsxs(
+), $s = () => /* @__PURE__ */ n.jsxs(
   "svg",
   {
     viewBox: "-2.4 -2.4 28.80 28.80",
@@ -1581,7 +1581,7 @@ const me = (e = ".w-wrapper-body") => {
       ) })
     ]
   }
-), $s = () => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "sync", className: "anticon anticon-sync", children: /* @__PURE__ */ n.jsx(
+), Bs = () => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "sync", className: "anticon anticon-sync", children: /* @__PURE__ */ n.jsx(
   "svg",
   {
     viewBox: "64 64 896 896",
@@ -1592,7 +1592,7 @@ const me = (e = ".w-wrapper-body") => {
     "aria-hidden": "true",
     children: /* @__PURE__ */ n.jsx("path", { d: "M168 504.2c1-43.7 10-86.1 26.9-126 17.3-41 42.1-77.7 73.7-109.4S337 212.3 378 195c42.4-17.9 87.4-27 133.9-27s91.5 9.1 133.8 27A341.5 341.5 0 01755 268.8c9.9 9.9 19.2 20.4 27.8 31.4l-60.2 47a8 8 0 003 14.1l175.7 43c5 1.2 9.9-2.6 9.9-7.7l.8-180.9c0-6.7-7.7-10.5-12.9-6.3l-56.4 44.1C765.8 155.1 646.2 92 511.8 92 282.7 92 96.3 275.6 92 503.8a8 8 0 008 8.2h60c4.4 0 7.9-3.5 8-7.8zm756 7.8h-60c-4.4 0-7.9 3.5-8 7.8-1 43.7-10 86.1-26.9 126-17.3 41-42.1 77.8-73.7 109.4A342.45 342.45 0 01512.1 856a342.24 342.24 0 01-243.2-100.8c-9.9-9.9-19.2-20.4-27.8-31.4l60.2-47a8 8 0 00-3-14.1l-175.7-43c-5-1.2-9.9 2.6-9.9 7.7l-.7 181c0 6.7 7.7 10.5 12.9 6.3l56.4-44.1C258.2 868.9 377.8 932 512.2 932c229.2 0 415.5-183.7 419.8-411.8a8 8 0 00-8-8.2z" })
   }
-) }), Bs = () => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "left", className: "anticon anticon-left", children: /* @__PURE__ */ n.jsx(
+) }), Us = () => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "left", className: "anticon anticon-left", children: /* @__PURE__ */ n.jsx(
   "svg",
   {
     viewBox: "64 64 896 896",
@@ -1603,7 +1603,7 @@ const me = (e = ".w-wrapper-body") => {
     "aria-hidden": "true",
     children: /* @__PURE__ */ n.jsx("path", { d: "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z" })
   }
-) }), Us = () => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "right", className: "anticon anticon-right", children: /* @__PURE__ */ n.jsx(
+) }), Ws = () => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "right", className: "anticon anticon-right", children: /* @__PURE__ */ n.jsx(
   "svg",
   {
     viewBox: "64 64 896 896",
@@ -1614,7 +1614,7 @@ const me = (e = ".w-wrapper-body") => {
     "aria-hidden": "true",
     children: /* @__PURE__ */ n.jsx("path", { d: "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z" })
   }
-) }), Ws = ({ ...e }) => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "like", className: "anticon anticon-like", children: /* @__PURE__ */ n.jsxs(
+) }), Vs = ({ ...e }) => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "like", className: "anticon anticon-like", children: /* @__PURE__ */ n.jsxs(
   "svg",
   {
     viewBox: "64 64 896 896",
@@ -1641,7 +1641,7 @@ const me = (e = ".w-wrapper-body") => {
       )
     ]
   }
-) }), Vs = ({ ...e }) => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "dislike", className: "anticon anticon-dislike", children: /* @__PURE__ */ n.jsxs(
+) }), Gs = ({ ...e }) => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "dislike", className: "anticon anticon-dislike", children: /* @__PURE__ */ n.jsxs(
   "svg",
   {
     viewBox: "64 64 896 896",
@@ -1668,7 +1668,7 @@ const me = (e = ".w-wrapper-body") => {
       )
     ]
   }
-) }), Gs = () => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "delete", className: "anticon anticon-delete", children: /* @__PURE__ */ n.jsx(
+) }), zs = () => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "delete", className: "anticon anticon-delete", children: /* @__PURE__ */ n.jsx(
   "svg",
   {
     viewBox: "64 64 896 896",
@@ -1679,7 +1679,7 @@ const me = (e = ".w-wrapper-body") => {
     "aria-hidden": "true",
     children: /* @__PURE__ */ n.jsx("path", { d: "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z" })
   }
-) }), zs = () => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "close", className: "anticon anticon-close", children: /* @__PURE__ */ n.jsx(
+) }), Ys = () => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "close", className: "anticon anticon-close", children: /* @__PURE__ */ n.jsx(
   "svg",
   {
     fillRule: "evenodd",
@@ -1692,7 +1692,7 @@ const me = (e = ".w-wrapper-body") => {
     "aria-hidden": "true",
     children: /* @__PURE__ */ n.jsx("path", { d: "M799.86 166.31c.02 0 .04.02.08.06l57.69 57.7c.04.03.05.05.06.08a.12.12 0 010 .06c0 .03-.02.05-.06.09L569.93 512l287.7 287.7c.04.04.05.06.06.09a.12.12 0 010 .07c0 .02-.02.04-.06.08l-57.7 57.69c-.03.04-.05.05-.07.06a.12.12 0 01-.07 0c-.03 0-.05-.02-.09-.06L512 569.93l-287.7 287.7c-.04.04-.06.05-.09.06a.12.12 0 01-.07 0c-.02 0-.04-.02-.08-.06l-57.69-57.7c-.04-.03-.05-.05-.06-.07a.12.12 0 010-.07c0-.03.02-.05.06-.09L454.07 512l-287.7-287.7c-.04-.04-.05-.06-.06-.09a.12.12 0 010-.07c0-.02.02-.04.06-.08l57.7-57.69c.03-.04.05-.05.07-.06a.12.12 0 01.07 0c.03 0 .05.02.09.06L512 454.07l287.7-287.7c.04-.04.06-.05.09-.06a.12.12 0 01.07 0z" })
   }
-) }), Ys = () => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "upload", className: "anticon anticon-upload", children: /* @__PURE__ */ n.jsx(
+) }), Ks = () => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "upload", className: "anticon anticon-upload", children: /* @__PURE__ */ n.jsx(
   "svg",
   {
     viewBox: "64 64 896 896",
@@ -1703,7 +1703,7 @@ const me = (e = ".w-wrapper-body") => {
     "aria-hidden": "true",
     children: /* @__PURE__ */ n.jsx("path", { d: "M400 317.7h73.9V656c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V317.7H624c6.7 0 10.4-7.7 6.3-12.9L518.3 163a8 8 0 00-12.6 0l-112 141.7c-4.1 5.3-.4 13 6.3 13zM878 626h-60c-4.4 0-8 3.6-8 8v154H214V634c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v198c0 17.7 14.3 32 32 32h684c17.7 0 32-14.3 32-32V634c0-4.4-3.6-8-8-8z" })
   }
-) }), Ks = () => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "filter", className: "anticon anticon-filter", children: /* @__PURE__ */ n.jsx(
+) }), qs = () => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "filter", className: "anticon anticon-filter", children: /* @__PURE__ */ n.jsx(
   "svg",
   {
     viewBox: "64 64 896 896",
@@ -1714,7 +1714,7 @@ const me = (e = ".w-wrapper-body") => {
     "aria-hidden": "true",
     children: /* @__PURE__ */ n.jsx("path", { d: "M880.1 154H143.9c-24.5 0-39.8 26.7-27.5 48L349 597.4V838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V597.4L907.7 202c12.2-21.3-3.1-48-27.6-48zM603.4 798H420.6V642h182.9v156zm9.6-236.6l-9.5 16.6h-183l-9.5-16.6L212.7 226h598.6L613 561.4z" })
   }
-) }), qs = () => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "down", className: "anticon anticon-down", children: /* @__PURE__ */ n.jsx(
+) }), Js = () => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "down", className: "anticon anticon-down", children: /* @__PURE__ */ n.jsx(
   "svg",
   {
     viewBox: "64 64 896 896",
@@ -1725,12 +1725,13 @@ const me = (e = ".w-wrapper-body") => {
     "aria-hidden": "true",
     children: /* @__PURE__ */ n.jsx("path", { d: "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" })
   }
-) }), Js = () => /* @__PURE__ */ n.jsx(
+) }), Qs = ({ ...e }) => /* @__PURE__ */ n.jsx(
   "span",
   {
     role: "img",
     "aria-label": "paper-clip",
     className: "anticon anticon-paper-clip",
+    ...e,
     children: /* @__PURE__ */ n.jsx(
       "svg",
       {
@@ -1744,7 +1745,7 @@ const me = (e = ".w-wrapper-body") => {
       }
     )
   }
-), Qs = () => /* @__PURE__ */ n.jsx(
+), Zs = () => /* @__PURE__ */ n.jsx(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1760,7 +1761,7 @@ const me = (e = ".w-wrapper-body") => {
       }
     )
   }
-), Zs = () => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "smile", className: "anticon anticon-smile", children: /* @__PURE__ */ n.jsx(
+), Xs = () => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "smile", className: "anticon anticon-smile", children: /* @__PURE__ */ n.jsx(
   "svg",
   {
     viewBox: "64 64 896 896",
@@ -1771,7 +1772,7 @@ const me = (e = ".w-wrapper-body") => {
     "aria-hidden": "true",
     children: /* @__PURE__ */ n.jsx("path", { d: "M288 421a48 48 0 1096 0 48 48 0 10-96 0zm352 0a48 48 0 1096 0 48 48 0 10-96 0zM512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm263 711c-34.2 34.2-74 61-118.3 79.8C611 874.2 562.3 884 512 884c-50.3 0-99-9.8-144.8-29.2A370.4 370.4 0 01248.9 775c-34.2-34.2-61-74-79.8-118.3C149.8 611 140 562.3 140 512s9.8-99 29.2-144.8A370.4 370.4 0 01249 248.9c34.2-34.2 74-61 118.3-79.8C413 149.8 461.7 140 512 140c50.3 0 99 9.8 144.8 29.2A370.4 370.4 0 01775.1 249c34.2 34.2 61 74 79.8 118.3C874.2 413 884 461.7 884 512s-9.8 99-29.2 144.8A368.89 368.89 0 01775 775zM664 533h-48.1c-4.2 0-7.8 3.2-8.1 7.4C604 589.9 562.5 629 512 629s-92.1-39.1-95.8-88.6c-.3-4.2-3.9-7.4-8.1-7.4H360a8 8 0 00-8 8.4c4.4 84.3 74.5 151.6 160 151.6s155.6-67.3 160-151.6a8 8 0 00-8-8.4z" })
   }
-) }), Xs = () => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "file", className: "anticon anticon-file", children: /* @__PURE__ */ n.jsx(
+) }), Ps = () => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "file", className: "anticon anticon-file", children: /* @__PURE__ */ n.jsx(
   "svg",
   {
     viewBox: "64 64 896 896",
@@ -1782,7 +1783,7 @@ const me = (e = ".w-wrapper-body") => {
     "aria-hidden": "true",
     children: /* @__PURE__ */ n.jsx("path", { d: "M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM790.2 326H602V137.8L790.2 326zm1.8 562H232V136h302v216a42 42 0 0042 42h216v494z" })
   }
-) }), Ps = ({ ...e }) => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "loading", ...e, className: "w-spin-animate", children: /* @__PURE__ */ n.jsx(
+) }), er = ({ ...e }) => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "loading", ...e, className: "w-spin-animate", children: /* @__PURE__ */ n.jsx(
   "svg",
   {
     viewBox: "0 0 1024 1024",
@@ -1795,30 +1796,30 @@ 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, ...s }) => {
-  const r = R(() => ({
-    minimize: Ms,
-    expand: Fs,
-    send: Hs,
-    stop: Is,
-    sync: $s,
-    left: Bs,
-    right: Us,
-    like: () => /* @__PURE__ */ n.jsx(Ws, { ...t }),
-    dislike: () => /* @__PURE__ */ n.jsx(Vs, { ...t }),
-    delete: Gs,
-    close: zs,
-    upload: Ys,
-    filter: Ks,
-    down: qs,
-    "paper-clip": Js,
-    "chat-bubble": Qs,
-    smile: Zs,
-    file: Xs,
-    loading: () => /* @__PURE__ */ n.jsx(Ps, { ...s })
+  const r = O(() => ({
+    minimize: Fs,
+    expand: Hs,
+    send: Is,
+    stop: $s,
+    sync: Bs,
+    left: Us,
+    right: Ws,
+    like: () => /* @__PURE__ */ n.jsx(Vs, { ...t }),
+    dislike: () => /* @__PURE__ */ n.jsx(Gs, { ...t }),
+    delete: zs,
+    close: Ys,
+    upload: Ks,
+    filter: qs,
+    down: Js,
+    "paper-clip": () => /* @__PURE__ */ n.jsx(Qs, { ...s }),
+    "chat-bubble": Zs,
+    smile: Xs,
+    file: Ps,
+    loading: () => /* @__PURE__ */ n.jsx(er, { ...s })
   }), [e, t, s]);
-  return /* @__PURE__ */ n.jsx(ss, { component: r == null ? void 0 : r[e], ...s });
-}, ut = Te({}), be = () => ye(ut), er = ({ children: e }) => {
-  const [t, s] = D("va"), r = R(() => t === "va", [t]);
+  return /* @__PURE__ */ n.jsx(rs, { component: r == null ? void 0 : r[e], ...s });
+}, ut = Te({}), be = () => ye(ut), nr = ({ children: e }) => {
+  const [t, s] = D("va"), r = O(() => t === "va", [t]);
   return /* @__PURE__ */ n.jsx(
     ut.Provider,
     {
@@ -1830,28 +1831,28 @@ const me = (e = ".w-wrapper-body") => {
       children: e
     }
   );
-}, nr = ({ ...e }) => {
-  const t = _(
+}, tr = ({ ...e }) => {
+  const t = k(
     "WeLoveToHearAboutYourExperienceWithTheSunfishChatbot",
     "We'd love to hear about your experience with the Sunfish chatbot"
-  ), s = _(
+  ), s = k(
     "ShareAnyCommentsOrSuggestionsToHelpUsImprove",
     "Share any comments or suggestions to help us improve"
-  ), r = _("Submit", "Submit"), i = _(
+  ), r = k("Submit", "Submit"), l = k(
     "ThankFeedback",
     "Thank You for your feedback"
-  ), c = _(
+  ), c = k(
     "AdditionalFeedback",
     "Additional Feedback"
-  ), [o] = oe.useForm(), [a, d] = D(!1), [u, f] = D(""), { setChats: x } = ue(), { objInitPayload: g } = q(), { activeTab: b } = be(), y = R(() => {
-    var h;
-    const E = ie(e, "feedback") ? (e == null ? void 0 : e.feedback) === "like" || (e == null ? void 0 : e.feedback) === "" : !0;
-    return typeof (e == null ? void 0 : e.text_thumbsup_link) == "string" && ((h = e == null ? void 0 : e.text_thumbsup_link) == null ? void 0 : h.trim()) !== "" && E;
-  }, [e]), w = R(() => {
-    var h;
-    const E = ie(e, "feedback") ? (e == null ? void 0 : e.feedback) === "dislike" || (e == null ? void 0 : e.feedback) === "" : !0;
-    return typeof (e == null ? void 0 : e.text_thumbsdown_link) == "string" && ((h = e == null ? void 0 : e.text_thumbsdown_link) == null ? void 0 : h.trim()) !== "" && E;
-  }, [e]), A = R(() => {
+  ), [o] = oe.useForm(), [d, a] = D(!1), [u, f] = D(""), { setChats: x } = fe(), { objInitPayload: g } = J(), { activeTab: C } = be(), y = O(() => {
+    var E;
+    const v = le(e, "feedback") ? (e == null ? void 0 : e.feedback) === "like" || (e == null ? void 0 : e.feedback) === "" : !0;
+    return typeof (e == null ? void 0 : e.text_thumbsup_link) == "string" && ((E = e == null ? void 0 : e.text_thumbsup_link) == null ? void 0 : E.trim()) !== "" && v;
+  }, [e]), w = O(() => {
+    var E;
+    const v = le(e, "feedback") ? (e == null ? void 0 : e.feedback) === "dislike" || (e == null ? void 0 : e.feedback) === "" : !0;
+    return typeof (e == null ? void 0 : e.text_thumbsdown_link) == "string" && ((E = e == null ? void 0 : e.text_thumbsdown_link) == null ? void 0 : E.trim()) !== "" && v;
+  }, [e]), _ = O(() => {
     if (g != null && g.uriBackend)
       try {
         return new URL(g.uriBackend).origin;
@@ -1859,75 +1860,75 @@ const me = (e = ".w-wrapper-body") => {
         return "";
       }
     return "";
-  }, [g == null ? void 0 : g.uriBackend]), p = (E) => {
+  }, [g == null ? void 0 : g.uriBackend]), p = (v) => {
     var M;
-    const h = E === "like" ? e == null ? void 0 : e.text_thumbsup_link : e == null ? void 0 : e.text_thumbsdown_link, {
-      access_token: m = "",
-      companycode: v = "",
-      companyid: C = "",
+    const E = v === "like" ? e == null ? void 0 : e.text_thumbsup_link : e == null ? void 0 : e.text_thumbsdown_link, {
+      access_token: b = "",
+      companycode: h = "",
+      companyid: m = "",
       uriBackend: j = "",
       uriBackendEnt: S = "",
       lang: I = ""
     } = g || {}, B = u === "another" ? o == null ? void 0 : o.getFieldValue("ADDITIONAL_FEEDBACK") : u;
-    (M = Re({
+    (M = Oe({
       method: "POST",
-      url: h,
+      url: E,
       data: {
         message_id: e == null ? void 0 : e.id,
-        response_type: E === "like" ? "up" : "down",
-        ...E === "dislike" && {
+        response_type: v === "like" ? "up" : "down",
+        ...v === "dislike" && {
           additional_feedback: B
         }
       },
       headers: {
         "Content-Type": "application/json",
-        Authorization: `Bearer ${m}`,
-        "company-code": `${v}`,
-        "company-id": `${C}`,
+        Authorization: `Bearer ${b}`,
+        "company-code": `${h}`,
+        "company-id": `${m}`,
         uriBackend: `${j}`,
         uriBackendEnt: `${S}`,
-        "custom-origin": `${A}`,
-        "Acc-Name": `${v.toUpperCase()}`,
+        "custom-origin": `${_}`,
+        "Acc-Name": `${h.toUpperCase()}`,
         Language: `${I}`
       }
     })) == null || M.then((L) => {
       var F, $, H;
-      (L == null ? void 0 : L.status) === 200 && (a && d(!1), (F = Ce) == null || F.destroy(), ($ = Ce) == null || $.config({
+      (L == null ? void 0 : L.status) === 200 && (d && a(!1), (F = ie) == null || F.destroy(), ($ = ie) == null || $.config({
         getContainer: () => document.querySelector(".w-widget-content-container"),
         top: 28,
         placement: "top",
         duration: 3
-      }), (H = Ce) == null || H.success({
-        message: i,
+      }), (H = ie) == null || H.success({
+        message: l,
         className: "w-notification-content"
-      }), x((V) => {
-        var Q;
-        return (Q = V == null ? void 0 : V.map((X) => {
+      }), x((G) => {
+        var Z;
+        return (Z = G == null ? void 0 : G.map((K) => {
           var ee;
-          if (ie(X, "chats")) {
-            const ae = (ee = X == null ? void 0 : X.chats) == null ? void 0 : ee.map((ce) => (ce == null ? void 0 : ce.indexChat) === (e == null ? void 0 : e.indexChat) ? {
+          if (le(K, "chats")) {
+            const de = (ee = K == null ? void 0 : K.chats) == null ? void 0 : ee.map((ce) => (ce == null ? void 0 : ce.indexChat) === (e == null ? void 0 : e.indexChat) ? {
               ...ce,
-              feedback: E
+              feedback: v
             } : ce);
             return {
-              ...X,
-              chats: ae
+              ...K,
+              chats: de
             };
           }
-          return (e == null ? void 0 : e.message_id) === (X == null ? void 0 : X.message_id) ? {
-            ...X,
-            feedback: E
-          } : X;
-        })) == null ? void 0 : Q.flat();
+          return (e == null ? void 0 : e.message_id) === (K == null ? void 0 : K.message_id) ? {
+            ...K,
+            feedback: v
+          } : K;
+        })) == null ? void 0 : Z.flat();
       }));
     });
   };
-  return Z(() => {
-    var E;
-    (E = Ce) == null || E.destroy();
-  }, [b]), /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+  return X(() => {
+    var v;
+    (v = ie) == null || v.destroy();
+  }, [C]), /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
     y && /* @__PURE__ */ n.jsx(
-      G,
+      z,
       {
         icon: /* @__PURE__ */ n.jsx(P, { type: "like", chatProps: e }),
         onClick: () => {
@@ -1936,22 +1937,22 @@ const me = (e = ".w-wrapper-body") => {
       }
     ),
     w && /* @__PURE__ */ n.jsx(
-      G,
+      z,
       {
         icon: /* @__PURE__ */ n.jsx(P, { type: "dislike", chatProps: e }),
         onClick: () => {
-          (e == null ? void 0 : e.feedback) !== "dislike" && d(!0);
+          (e == null ? void 0 : e.feedback) !== "dislike" && a(!0);
         }
       }
     ),
     /* @__PURE__ */ n.jsxs(
       at,
       {
-        open: a,
+        open: d,
         isFeedback: !0,
         okText: r,
         onCancel: () => {
-          d(!1);
+          a(!1);
         },
         onOk: () => {
           p("dislike");
@@ -1966,12 +1967,12 @@ const me = (e = ".w-wrapper-body") => {
             Yt.Group,
             {
               className: "w-list-feedback-suggestion",
-              options: gs,
+              options: Cs,
               optionType: "button",
               buttonStyle: "solid",
-              onChange: (E) => {
-                var h;
-                f((h = E == null ? void 0 : E.target) == null ? void 0 : h.value);
+              onChange: (v) => {
+                var E;
+                f((E = v == null ? void 0 : v.target) == null ? void 0 : E.value);
               }
             }
           ),
@@ -1983,13 +1984,13 @@ const me = (e = ".w-wrapper-body") => {
       }
     )
   ] });
-}, tr = O(nr), sr = ({
+}, sr = R(tr), rr = ({
   showFeedback: e = !0,
   showRegenerate: t = !0,
   position: s = "left",
   ...r
 }) => {
-  const i = ys(), { chats: c, onSendMsg: o, setChats: a, loadingRegenerate: d, currRegenerateId: u } = ue(), f = R(() => r == null ? void 0 : r.sender, [r]), x = R(() => c == null ? void 0 : c.filter((A) => (A == null ? void 0 : A.sender) === "client"), [c]), g = R(() => t && f === "response" && (x == null ? void 0 : x.length) > 0 && (r == null ? void 0 : r.indexChat) === (c == null ? void 0 : c.length) - 1, [f, x, c, r == null ? void 0 : r.indexChat, t]), b = R(() => {
+  const l = js(), { chats: c, onSendMsg: o, setChats: d, loadingRegenerate: a, currRegenerateId: u } = fe(), f = O(() => r == null ? void 0 : r.sender, [r]), x = O(() => c == null ? void 0 : c.filter((_) => (_ == null ? void 0 : _.sender) === "client"), [c]), g = O(() => t && f === "response" && (x == null ? void 0 : x.length) > 0 && (r == null ? void 0 : r.indexChat) === (c == null ? void 0 : c.length) - 1, [f, x, c, r == null ? void 0 : r.indexChat, t]), C = O(() => {
     switch (s) {
       case "left":
         return "flex-start";
@@ -1998,20 +1999,20 @@ const me = (e = ".w-wrapper-body") => {
       case "right":
         return "flex-end";
     }
-  }, [s]), y = R(() => e && (r == null ? void 0 : r.text_FeedbackIcons) === "hidup", [r, e]), w = () => {
-    const A = x == null ? void 0 : x[(x == null ? void 0 : x.length) - 1], p = c == null ? void 0 : c[(c == null ? void 0 : c.length) - 1];
-    a(
-      (E = []) => E == null ? void 0 : E.map((h, m) => m === (E == null ? void 0 : E.length) - 1 && (h == null ? void 0 : h.sender) === "response" ? {
-        ...h,
-        generated_id: (p == null ? void 0 : p.generated_id) ?? i
+  }, [s]), y = O(() => e && (r == null ? void 0 : r.text_FeedbackIcons) === "hidup", [r, e]), w = () => {
+    const _ = x == null ? void 0 : x[(x == null ? void 0 : x.length) - 1], p = c == null ? void 0 : c[(c == null ? void 0 : c.length) - 1];
+    d(
+      (v = []) => v == null ? void 0 : v.map((E, b) => b === (v == null ? void 0 : v.length) - 1 && (E == null ? void 0 : E.sender) === "response" ? {
+        ...E,
+        generated_id: (p == null ? void 0 : p.generated_id) ?? l
         // adjust with response
-      } : h)
-    ), u.current = (p == null ? void 0 : p.generated_id) ?? i, o({
-      msg: A == null ? void 0 : A.text,
+      } : E)
+    ), u.current = (p == null ? void 0 : p.generated_id) ?? l, o({
+      msg: _ == null ? void 0 : _.text,
       additionalConfig: {
-        generate_id: (p == null ? void 0 : p.generated_id) ?? i
+        generate_id: (p == null ? void 0 : p.generated_id) ?? l
       },
-      isShowLoadingResponse: d
+      isShowLoadingResponse: a
     }), me();
   };
   return /* @__PURE__ */ n.jsx(n.Fragment, { children: /* @__PURE__ */ n.jsxs(
@@ -2020,35 +2021,35 @@ const me = (e = ".w-wrapper-body") => {
       style: {
         display: "flex",
         gap: 8,
-        justifyContent: b
+        justifyContent: C
       },
       children: [
         g && /* @__PURE__ */ n.jsx(
-          G,
+          z,
           {
-            loading: d,
+            loading: a,
             icon: /* @__PURE__ */ n.jsx(P, { type: "sync" }),
             onClick: () => {
               w();
             }
           }
         ),
-        y && /* @__PURE__ */ n.jsx(tr, { ...r })
+        y && /* @__PURE__ */ n.jsx(sr, { ...r })
       ]
     }
   ) });
-}, Cn = O(sr), rr = ({ nameFallback: e = "", ...t }) => /* @__PURE__ */ n.jsx(
+}, Cn = R(rr), or = ({ nameFallback: e = "", ...t }) => /* @__PURE__ */ n.jsx(
   qt,
   {
     ...typeof (t == null ? void 0 : t.onError) != "function" && {
       fallback: jn(e)
     },
-    placeholder: /* @__PURE__ */ n.jsx(de.Image, { style: { width: "100%", height: "100%" } }),
+    placeholder: /* @__PURE__ */ n.jsx(ue.Image, { style: { width: "100%", height: "100%" } }),
     loading: "lazy",
     ...t
   }
-), wn = O(rr), or = ({ nameFallback: e = "", ...t }) => {
-  const s = z(0);
+), wn = R(or), cr = ({ nameFallback: e = "", ...t }) => {
+  const s = Y(0);
   return /* @__PURE__ */ n.jsx(
     Qn,
     {
@@ -2066,35 +2067,35 @@ const me = (e = ".w-wrapper-body") => {
       )
     }
   );
-}, Ee = O(or);
+}, Ee = R(cr);
 Ee.Group = Qn.Group;
-const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", children: [
+const ir = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", children: [
   /* @__PURE__ */ n.jsx("div", {}),
   /* @__PURE__ */ n.jsx("div", {}),
   /* @__PURE__ */ n.jsx("div", {}),
   /* @__PURE__ */ n.jsx("div", {})
-] }), ft = O(cr), ir = () => {
-  const { widgetProps: e } = q();
+] }), ft = R(ir), lr = () => {
+  const { widgetProps: e } = J();
   return /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
     /* @__PURE__ */ n.jsx(Ee, { src: Ze, nameFallback: e == null ? void 0 : e.title }),
     /* @__PURE__ */ n.jsx(ft, {})
   ] });
-}, pn = O(ir), lr = ({ src: e, name: t }) => /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
+}, pn = R(lr), ar = ({ src: e, name: t }) => /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
   /* @__PURE__ */ n.jsx(Ee, { src: e, preview: !1, nameFallback: t }),
-  /* @__PURE__ */ n.jsx(Y.Text, { children: t })
-] }), Ue = O(lr), ar = ({ ...e }) => {
+  /* @__PURE__ */ n.jsx(V.Text, { children: t })
+] }), Ue = R(ar), dr = ({ ...e }) => {
   var f, x;
-  const [t, s] = D(1), { loadingRegenerate: r, currRegenerateId: i } = ue(), { isExpand: c, widgetProps: o } = q(), a = R(() => e == null ? void 0 : e.sender, [e]), d = R(() => e == null ? void 0 : e.chats, [e == null ? void 0 : e.chats]), u = R(() => {
-    const g = d == null ? void 0 : d[(d == null ? void 0 : d.length) - 1];
-    return (g == null ? void 0 : g.generated_id) === i.current;
-  }, [d, e, i.current]);
-  return Z(() => {
-    !r && (d == null ? void 0 : d.length) > 0 && (s(d == null ? void 0 : d.length), me());
+  const [t, s] = D(1), { loadingRegenerate: r, currRegenerateId: l } = fe(), { isExpand: c, widgetProps: o } = J(), d = O(() => e == null ? void 0 : e.sender, [e]), a = O(() => e == null ? void 0 : e.chats, [e == null ? void 0 : e.chats]), u = O(() => {
+    const g = a == null ? void 0 : a[(a == null ? void 0 : a.length) - 1];
+    return (g == null ? void 0 : g.generated_id) === l.current;
+  }, [a, e, l.current]);
+  return X(() => {
+    !r && (a == null ? void 0 : a.length) > 0 && (s(a == null ? void 0 : a.length), me());
   }, [r]), r && u ? /* @__PURE__ */ n.jsx(pn, {}) : /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-    a === "response" && /* @__PURE__ */ n.jsx(Ue, { name: o == null ? void 0 : o.title, src: Ze }),
-    /* @__PURE__ */ n.jsx("div", { style: { display: "flex", gap: 8 }, children: d == null ? void 0 : d.map((g, b) => {
-      var A;
-      const y = b === ((A = e == null ? void 0 : e.chats) == null ? void 0 : A.length) - 1, w = t === b + 1;
+    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: a == null ? void 0 : a.map((g, C) => {
+      var _;
+      const y = C === ((_ = e == null ? void 0 : e.chats) == null ? void 0 : _.length) - 1, w = t === C + 1;
       return /* @__PURE__ */ n.jsxs(
         "div",
         {
@@ -2114,10 +2115,10 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
                 children: /* @__PURE__ */ n.jsxs(
                   "div",
                   {
-                    className: `w-bubble-chat w-bubble-chat-regenerate  ${`w-${a}`} ${c ? "w-bubble-chat-regenerate-expand" : ""}`,
+                    className: `w-bubble-chat w-bubble-chat-regenerate  ${`w-${d}`} ${c ? "w-bubble-chat-regenerate-expand" : ""}`,
                     children: [
                       /* @__PURE__ */ n.jsx(dt, { children: g == null ? void 0 : g.text }),
-                      a === "response" && /* @__PURE__ */ n.jsx("span", { style: { fontSize: 12, color: "rgba(0,0,0,0.4)" }, children: g == null ? void 0 : g.timestamp })
+                      d === "response" && /* @__PURE__ */ n.jsx("span", { style: { fontSize: 12, color: "rgba(0,0,0,0.4)" }, children: g == null ? void 0 : g.timestamp })
                     ]
                   }
                 )
@@ -2133,7 +2134,7 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
             )
           ]
         },
-        b
+        C
       );
     }) }),
     /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", gap: 8, justifyContent: "center" }, children: [
@@ -2147,7 +2148,7 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       ),
       /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", gap: 4, alignItems: "center" }, children: [
         /* @__PURE__ */ n.jsx(
-          G,
+          z,
           {
             size: "small",
             shape: "circle",
@@ -2158,13 +2159,13 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
             }
           }
         ),
-        /* @__PURE__ */ n.jsxs(Y.Text, { children: [
+        /* @__PURE__ */ n.jsxs(V.Text, { children: [
           t,
           " / ",
           (f = e == null ? void 0 : e.chats) == null ? void 0 : f.length
         ] }),
         /* @__PURE__ */ n.jsx(
-          G,
+          z,
           {
             size: "small",
             shape: "circle",
@@ -2172,17 +2173,17 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
             icon: /* @__PURE__ */ n.jsx(P, { type: "right" }),
             onClick: () => {
               var g;
-              t < ((g = e == null ? void 0 : e.chats) == null ? void 0 : g.length) && s((b) => b + 1);
+              t < ((g = e == null ? void 0 : e.chats) == null ? void 0 : g.length) && s((C) => C + 1);
             }
           }
         )
       ] })
     ] })
   ] });
-}, dr = O(ar), ur = ({ date: e, format: t, sender: s, ...r }) => {
-  var i, c;
+}, ur = R(dr), fr = ({ date: e, format: t, sender: s, ...r }) => {
+  var l, c;
   return /* @__PURE__ */ n.jsx(
-    Y.Text,
+    V.Text,
     {
       ...r,
       type: "secondary",
@@ -2192,32 +2193,32 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         ...s === "client" && {
           textAlign: "right"
         },
-        ...((i = Object.keys((r == null ? void 0 : r.style) || {})) == null ? void 0 : i.length) > 0 && {
+        ...((l = Object.keys((r == null ? void 0 : r.style) || {})) == null ? void 0 : l.length) > 0 && {
           ...r == null ? void 0 : r.style
         }
       },
-      children: t ? (c = le(e)) == null ? void 0 : c.format(t) : e
+      children: t ? (c = ae(e)) == null ? void 0 : c.format(t) : e
     }
   );
-}, We = O(ur), fr = ({ ...e }) => {
-  var o;
-  const { loadingRegenerate: t, chats: s } = ue(), { widgetProps: r } = q(), i = R(() => (s == null ? void 0 : s.length) - 1 === (e == null ? void 0 : e.indexChat), [s]), c = R(() => e == null ? void 0 : e.sender, [e]);
-  return ((o = e == null ? void 0 : e.chats) == null ? void 0 : o.length) > 0 ? /* @__PURE__ */ n.jsx(dr, { ...e }) : t && i ? /* @__PURE__ */ n.jsx(pn, {}) : /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-    c === "response" && /* @__PURE__ */ n.jsx(Ue, { name: r == null ? void 0 : r.title, src: Ze }),
-    /* @__PURE__ */ n.jsxs("div", { className: `w-bubble-chat ${`w-${c}`}`, children: [
-      /* @__PURE__ */ n.jsx(dt, { children: e == null ? void 0 : e.text }),
-      /* @__PURE__ */ n.jsx(We, { date: e == null ? void 0 : e.timestamp, sender: c })
+}, We = R(fr), xr = ({ showResponseInfo: e = !0, ...t }) => {
+  var d;
+  const { loadingRegenerate: s, chats: r } = fe(), { widgetProps: l } = J(), c = O(() => (r == null ? void 0 : r.length) - 1 === (t == null ? void 0 : t.indexChat), [r]), o = O(() => t == null ? void 0 : t.sender, [t]);
+  return ((d = t == null ? void 0 : t.chats) == null ? void 0 : d.length) > 0 ? /* @__PURE__ */ n.jsx(ur, { ...t }) : s && c ? /* @__PURE__ */ n.jsx(pn, {}) : /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+    o === "response" && e && /* @__PURE__ */ n.jsx(Ue, { name: l == null ? void 0 : l.title, src: Ze }),
+    /* @__PURE__ */ n.jsxs("div", { className: `w-bubble-chat ${`w-${o}`}`, children: [
+      /* @__PURE__ */ n.jsx(dt, { children: t == null ? void 0 : t.text }),
+      /* @__PURE__ */ n.jsx(We, { date: t == null ? void 0 : t.timestamp, sender: o })
     ] }),
-    /* @__PURE__ */ n.jsx(Cn, { ...e })
+    /* @__PURE__ */ n.jsx(Cn, { ...t })
   ] });
-}, $e = O(fr), xr = () => {
-  const e = _(
+}, $e = R(xr), gr = () => {
+  const e = k(
     "PleaseUploadFile",
     "Please upload specify file that needed to complete your request"
-  ), t = _("ClickToUpload", "Click to upload"), s = _(
+  ), t = k("ClickToUpload", "Click to upload"), s = k(
     "ContinueWithoutUpload",
     "Continue without upload"
-  ), { onSendMsg: r, setFile: i } = ue(), c = () => {
+  ), { onSendMsg: r, setFile: l } = fe(), c = () => {
     r({
       msg: "CANCEL UPLOAD"
     });
@@ -2232,7 +2233,14 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         marginBottom: 12
       },
       children: [
-        /* @__PURE__ */ n.jsx($e, { sender: "response", text: `${e}...` }),
+        /* @__PURE__ */ n.jsx(
+          $e,
+          {
+            sender: "response",
+            text: `${e}...`,
+            showResponseInfo: !1
+          }
+        ),
         /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", gap: 8 }, children: [
           /* @__PURE__ */ n.jsx(
             Zn,
@@ -2242,154 +2250,224 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
               fileList: [],
               accept: ".doc, .jpg, .ods, .png, .txt, .docx, .pdf",
               onChange: (o) => {
-                i(o == null ? void 0 : o.file);
+                l(o == null ? void 0 : o.file);
               },
-              children: /* @__PURE__ */ n.jsx(G, { icon: /* @__PURE__ */ n.jsx(P, { type: "upload" }), children: t })
+              children: /* @__PURE__ */ n.jsx(z, { icon: /* @__PURE__ */ n.jsx(P, { type: "upload" }), children: t })
             }
           ),
-          /* @__PURE__ */ n.jsx(G, { type: "dashed", onClick: c, children: s })
+          /* @__PURE__ */ n.jsx(z, { type: "dashed", onClick: c, children: s })
         ] })
       ]
     }
   );
-}, gr = O(xr), Cr = () => {
-  const [e, t] = D(!1), [s, r] = D(!1), [i, c] = D(!1), [o, a] = D(3), [d, u] = D(!1), [f, x] = D(""), { widgetProps: g } = q(), { onSendMsg: b, chats: y } = ue(), { onSubmitPYPwd: w = () => {
-  }, onCheckPYAccess: A = () => {
-  } } = (g == null ? void 0 : g.onPayslipFn) || {}, p = _(
+}, Cr = R(gr), mr = () => {
+  const [e, t] = D(!1), [s, r] = D(!1), [l, c] = D(!1), [o, d] = D(3), [a, u] = D(!1), [f, x] = D(""), { widgetProps: g } = J(), { onSendMsg: C, chats: y } = fe(), { onSubmitPYPwd: w = () => {
+  }, onCheckPYAccess: _ = () => {
+  } } = (g == null ? void 0 : g.onPayslipFn) || {}, p = k(
     "ProvidePasswordPayslip",
     "Please provide your password account to access the download"
-  ), E = _("Cancel", "Cancel"), h = _("Submit", "Submit"), m = _("Password", "Password"), v = _("IsRequired", "Is Required"), C = _(
+  ), v = k("Cancel", "Cancel"), E = k("Submit", "Submit"), b = k("Password", "Password"), h = k("IsRequired", "Is Required"), m = k(
     "PasswordPayslipValid",
     "Your password is valid. Please download the payslip file"
-  ), j = _(
+  ), j = k(
     "AttemptPasswordExceeded",
     "Your attempt to enter the password exceeded the limit"
-  ), S = _(
+  ), S = k(
     "VerifyAccessPayslip",
     "Please wait, verifying access to your payslip"
-  ), I = _(
+  ), I = k(
     "WrongPwdPayslip",
     "The password you entered is incorrect. Please try again or contact support if you need assistance"
-  ), B = _(
+  ), B = k(
     "SessionExpired",
     "Session expired. Please log in again to continue"
   ), [M] = oe.useForm(), L = () => {
-    var H, V, Q;
-    c(!0), u(!0), (Q = (V = (H = A()) == null ? void 0 : H.then((X) => {
-      var ee, ae;
-      const se = (ae = (ee = X == null ? void 0 : X.data) == null ? void 0 : ee.DATA) == null ? void 0 : ae.RESULT;
-      se && b({ msg: "Valid" }), t(se), x("");
-    })) == null ? void 0 : V.catch((X) => {
-      x(X == null ? void 0 : X.toString());
-    })) == null || Q.finally(() => {
+    var H, G, Z;
+    c(!0), u(!0), (Z = (G = (H = _()) == null ? void 0 : H.then((K) => {
+      var ee, de;
+      const te = (de = (ee = K == null ? void 0 : K.data) == null ? void 0 : ee.DATA) == null ? void 0 : de.RESULT;
+      te && C({ msg: "Valid" }), t(te), x("");
+    })) == null ? void 0 : G.catch((K) => {
+      console.log("err: ", K == null ? void 0 : K.toString()), x(K == null ? void 0 : K.toString());
+    })) == null || Z.finally(() => {
       r(!1), u(!1);
     });
   }, F = () => {
-    b({ msg: "cancel" }), c(!1);
+    C({ msg: "cancel" }), c(!1);
   }, $ = () => {
-    var V;
+    var G;
     const H = M == null ? void 0 : M.getFieldValue("pwd");
-    (V = M == null ? void 0 : M.validateFields()) == null || V.then(() => {
-      var Q, X;
-      r(!0), (X = (Q = w(H)) == null ? void 0 : Q.then(({ data: se }) => {
+    (G = M == null ? void 0 : M.validateFields()) == null || G.then(() => {
+      var Z, K;
+      r(!0), (K = (Z = w(H)) == null ? void 0 : Z.then(({ data: te }) => {
         var ee;
-        (ee = se == null ? void 0 : se.DATA) != null && ee.ISVALID ? L() : (x(I), a(o - 1), r(!1));
-      })) == null || X.catch((se) => {
-        var ae, ce, Ne, Ve, Ge;
-        const ee = se == null ? void 0 : se.response;
+        (ee = te == null ? void 0 : te.DATA) != null && ee.ISVALID ? L() : (x(I), d(o - 1), r(!1));
+      })) == null || K.catch((te) => {
+        var de, ce, Ne, Ve, Ge;
+        const ee = te == null ? void 0 : te.response;
         if ((ee == null ? void 0 : ee.status) === 401) {
-          const Me = (ce = (ae = ee == null ? void 0 : ee.data) == null ? void 0 : ae.ERRORS) == null ? void 0 : ce.includes(
+          const Me = (ce = (de = ee == null ? void 0 : ee.data) == null ? void 0 : de.ERRORS) == null ? void 0 : ce.includes(
             "ACCESS_TOKEN_EXPIRED"
           ), Fe = (Ge = (Ve = (Ne = ee == null ? void 0 : ee.data) == null ? void 0 : Ne.MESSAGE) == null ? void 0 : Ve.toLowerCase()) == null ? void 0 : Ge.includes(
             "invalid password"
           );
-          Me && x(B), Fe && (x(I), a(o - 1), r(!1));
+          Me && x(B), Fe && (x(I), d(o - 1), r(!1));
         } else
-          x(se == null ? void 0 : se.toString());
+          console.log("err onSubmit: ", te == null ? void 0 : te.toString()), x(te == null ? void 0 : te.toString());
         r(!1);
       });
     });
   };
-  return Z(() => {
-    var V;
+  return X(() => {
+    var G;
     const H = y == null ? void 0 : y[(y == null ? void 0 : y.length) - 1];
-    ((V = H == null ? void 0 : H.attachment) == null ? void 0 : V.type) === "show_password_wp" && L();
-  }, []), i ? d ? /* @__PURE__ */ n.jsx($e, { sender: "response", text: `${S}...` }) : o === 0 ? /* @__PURE__ */ n.jsx($e, { sender: "response", text: j }) : f ? /* @__PURE__ */ n.jsx($e, { sender: "response", text: f }) : /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
-    /* @__PURE__ */ n.jsx(oe, { form: M, layout: "vertical", children: /* @__PURE__ */ n.jsx(
-      oe.Item,
-      {
-        name: "pwd",
-        label: e ? C : p,
-        rules: [
-          {
-            required: !0,
-            message: `${m} ${v}`
-          }
-        ],
-        children: /* @__PURE__ */ n.jsx(
-          Be.Password,
-          {
-            ...e && {
-              disabled: !0,
-              style: {
-                display: "none"
-              }
-            }
-          }
-        )
-      }
-    ) }),
-    !e && /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", gap: 8 }, children: [
-      /* @__PURE__ */ n.jsx(G, { disabled: s, onClick: F, children: E }),
-      /* @__PURE__ */ n.jsx(G, { type: "primary", onClick: $, loading: s, children: h })
-    ] })
-  ] }) : null;
-}, mr = O(Cr), br = ({ ...e }) => {
-  const { objInitPayload: t } = q(), s = R(() => tt(t == null ? void 0 : t.access_token), [t]), r = () => {
-    var c, o;
-    const i = e == null ? void 0 : e.attachment;
-    (o = Re({
+    ((G = H == null ? void 0 : H.attachment) == null ? void 0 : G.type) === "show_password_wp" && L();
+  }, []), l ? a ? /* @__PURE__ */ n.jsx(
+    $e,
+    {
+      sender: "response",
+      text: `${S}...`,
+      showResponseInfo: !1
+    }
+  ) : o === 0 ? /* @__PURE__ */ n.jsx(
+    $e,
+    {
+      sender: "response",
+      text: j,
+      showResponseInfo: !1
+    }
+  ) : f ? /* @__PURE__ */ n.jsx($e, { sender: "response", text: f, showResponseInfo: !1 }) : /* @__PURE__ */ n.jsx(
+    "div",
+    {
+      style: { display: "flex", flexDirection: "column" },
+      className: "w-bubble-chat",
+      children: /* @__PURE__ */ n.jsxs(
+        oe,
+        {
+          form: M,
+          layout: "vertical",
+          style: { display: "flex", flexDirection: "column", gap: 8 },
+          children: [
+            /* @__PURE__ */ n.jsx(V.Text, { children: e ? m : p }),
+            !e && /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+              /* @__PURE__ */ n.jsx(
+                oe.Item,
+                {
+                  name: "pwd",
+                  rules: [
+                    {
+                      required: !0,
+                      message: `${b} ${h}`
+                    }
+                  ],
+                  children: /* @__PURE__ */ n.jsx(Be.Password, {})
+                }
+              ),
+              /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", gap: 8 }, children: [
+                /* @__PURE__ */ n.jsx(z, { disabled: s, onClick: F, children: v }),
+                /* @__PURE__ */ n.jsx(
+                  z,
+                  {
+                    type: "primary",
+                    onClick: $,
+                    loading: s,
+                    htmlType: "submit",
+                    children: E
+                  }
+                )
+              ] })
+            ] })
+          ]
+        }
+      )
+    }
+  ) : null;
+}, br = R(mr), vr = ({ ...e }) => {
+  var d;
+  const { objInitPayload: t } = J(), [s, r] = D(!1), l = k("Error", "Error"), c = O(() => tt(t == null ? void 0 : t.access_token), [t]), o = () => {
+    var u, f, x, g;
+    r(!0);
+    const a = 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: a == null ? void 0 : a.endpoint,
+      data: a == null ? void 0 : a.body,
       headers: {
         Authorization: `Bearer ${t == null ? void 0 : t.access_token}`,
-        "Content-Type": i == null ? void 0 : i.headers["Content-Type"],
+        "Content-Type": a == null ? void 0 : a.headers["Content-Type"],
         coid: t == null ? void 0 : t.companyid,
         "Company-Id": t == null ? void 0 : t.companyid,
-        "Acc-Name": (c = s == null ? void 0 : s.INSTANCE) == null ? void 0 : c.toLowerCase()
+        "Acc-Name": (u = c == null ? void 0 : c.INSTANCE) == null ? void 0 : u.toLowerCase()
       },
       responseType: "blob"
-    })) == null || o.then((a) => {
-      var g;
-      const d = (g = i == null ? void 0 : i.body) == null ? void 0 : g.media, u = `${i == null ? void 0 : i.filename}.${d}`, f = new Blob([a == null ? void 0 : a.data]), x = URL == null ? void 0 : URL.createObjectURL(f);
-      En({ downloadURL: x, fileName: u }), URL.revokeObjectURL(x);
+    })) == null ? void 0 : f.then((C) => {
+      var v;
+      const y = (v = a == null ? void 0 : a.body) == null ? void 0 : v.media, w = `${a == null ? void 0 : a.filename}.${y}`, _ = new Blob([C == null ? void 0 : C.data]), p = URL == null ? void 0 : URL.createObjectURL(_);
+      En({ downloadURL: p, fileName: w }), URL.revokeObjectURL(p);
+    })) == null ? void 0 : x.catch((C) => {
+      var w, _, p;
+      const y = C == null ? void 0 : C.message;
+      (w = ie) == null || w.destroy(), (_ = ie) == null || _.config({
+        getContainer: () => document.querySelector(".w-widget-content-container"),
+        top: 28,
+        placement: "top"
+      }), (p = ie) == null || p.error({
+        message: l,
+        description: y,
+        className: "w-notification-content",
+        duration: 3
+      });
+    })) == null || g.finally(() => {
+      r(!1);
     });
   };
-  return /* @__PURE__ */ n.jsx(G, { onClick: r, children: "Download file" });
-}, vr = O(br), hr = ({ ...e }) => {
-  const t = z(), s = _("DownloadChart", "Download Chart"), r = R(() => e == null ? void 0 : e.attachment, [e == null ? void 0 : e.attachment]), i = R(() => {
+  return /* @__PURE__ */ n.jsx(
+    "div",
+    {
+      className: "w-bubble-chat w-response",
+      onClick: o,
+      style: { cursor: "pointer" },
+      children: /* @__PURE__ */ n.jsxs(Jt, { spinning: s, children: [
+        /* @__PURE__ */ n.jsx(V.Link, { children: (d = e == null ? void 0 : e.attachment) == null ? void 0 : d.filename }),
+        /* @__PURE__ */ n.jsx(
+          z,
+          {
+            icon: /* @__PURE__ */ n.jsx(
+              P,
+              {
+                type: "paper-clip",
+                style: { color: "var(--primary-color, #395ebc)" }
+              }
+            ),
+            style: { border: "none" }
+          }
+        )
+      ] })
+    }
+  );
+}, hr = R(vr), Er = ({ ...e }) => {
+  const t = Y(), s = k("DownloadChart", "Download Chart"), r = O(() => e == null ? void 0 : e.attachment, [e == null ? void 0 : e.attachment]), l = O(() => {
     var o;
-    return (o = r == null ? void 0 : r.data) == null ? void 0 : o.map((a, d) => {
+    return (o = r == null ? void 0 : r.data) == null ? void 0 : o.map((d, a) => {
       var u, f;
       return {
-        label: (u = r == null ? void 0 : r.labels) == null ? void 0 : u[d],
-        value: a,
-        color: (f = r == null ? void 0 : r.colors) == null ? void 0 : f[d]
+        label: (u = r == null ? void 0 : r.labels) == null ? void 0 : u[a],
+        value: d,
+        color: (f = r == null ? void 0 : r.colors) == null ? void 0 : f[a]
       };
     });
   }, [r]), c = () => {
-    var a;
-    const o = (a = document == null ? void 0 : document.querySelector(".chart_widget canvas")) == null ? void 0 : a.toDataURL();
+    var d;
+    const o = (d = document == null ? void 0 : document.querySelector(".chart_widget canvas")) == null ? void 0 : d.toDataURL();
     En({ fileName: r == null ? void 0 : r.title, downloadURL: o });
   };
   return /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
     /* @__PURE__ */ n.jsx(
-      rs,
+      os,
       {
         className: "chart_widget",
         ref: t,
-        data: i,
+        data: l,
         angleField: "value",
         colorField: "label",
         label: {
@@ -2408,7 +2486,7 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       }
     ),
     /* @__PURE__ */ n.jsx("div", { style: { textAlign: "center" }, children: /* @__PURE__ */ n.jsx(
-      G,
+      z,
       {
         onClick: () => {
           c();
@@ -2417,84 +2495,84 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       }
     ) })
   ] });
-}, Er = O(hr), Tr = ({ ...e }) => {
-  var t, s, r, i, c;
+}, Tr = R(Er), yr = ({ ...e }) => {
+  var t, s, r, l, c;
   switch (!0) {
     case ((t = Ae(e)) == null ? void 0 : t.text):
       return /* @__PURE__ */ n.jsx($e, { ...e });
     case ((s = Ae(e)) == null ? void 0 : s.upload):
-      return /* @__PURE__ */ n.jsx(gr, { ...e });
+      return /* @__PURE__ */ n.jsx(Cr, { ...e });
     case ((r = Ae(e)) == null ? void 0 : r.password):
-      return /* @__PURE__ */ n.jsx(mr, { ...e });
-    case ((i = Ae(e)) == null ? void 0 : i.filedownload):
-      return /* @__PURE__ */ n.jsx(vr, { ...e });
+      return /* @__PURE__ */ n.jsx(br, { ...e });
+    case ((l = Ae(e)) == null ? void 0 : l.filedownload):
+      return /* @__PURE__ */ n.jsx(hr, { ...e });
     case ((c = Ae(e)) == null ? void 0 : c.chart):
-      return /* @__PURE__ */ n.jsx(Er, { ...e });
+      return /* @__PURE__ */ n.jsx(Tr, { ...e });
     default:
       return null;
   }
-}, yr = O(Tr), jr = () => {
-  const { isOpenWidget: e, widgetProps: t } = q(), { chats: s, isWaitResponse: r } = ue(), { activeTab: i } = be();
-  return Z(() => {
+}, jr = R(yr), wr = () => {
+  const { isOpenWidget: e, widgetProps: t } = J(), { chats: s, isWaitResponse: r } = fe(), { activeTab: l } = be();
+  return X(() => {
     me();
-  }, [i]), e ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+  }, [l]), e ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
     /* @__PURE__ */ n.jsx("div", { className: "w-bubble-chat-container", children: s == null ? void 0 : s.map((c, o) => {
-      var d;
-      const a = (d = Ae(c)) == null ? void 0 : d.text;
+      var a;
+      const d = (a = Ae(c)) == null ? void 0 : a.text;
       return /* @__PURE__ */ n.jsxs(gn, { children: [
-        (c == null ? void 0 : c.sender) === "response" && !a && /* @__PURE__ */ n.jsx(
+        (c == null ? void 0 : c.sender) === "response" && !d && /* @__PURE__ */ n.jsx(
           Ue,
           {
             name: t == null ? void 0 : t.title,
             src: Ze
           }
         ),
-        /* @__PURE__ */ n.jsx(yr, { indexChat: o, ...c })
+        /* @__PURE__ */ n.jsx(jr, { indexChat: o, ...c })
       ] }, o);
     }) }),
     r && /* @__PURE__ */ n.jsx(pn, {})
   ] }) : null;
-}, wr = O(jr), pr = () => {
-  var h;
-  const e = _(
+}, pr = R(wr), _r = () => {
+  var E;
+  const e = k(
     "ContinueWithoutUpload",
     "Continue without Upload"
   ), {
     onSendMsg: t,
     setChats: s,
     isWaitResponse: r,
-    loadingRegenerate: i,
+    loadingRegenerate: l,
     file: c,
     setFile: o,
-    chats: a,
-    connected: d
-  } = ue(), { isActiveTabVA: u } = be(), f = R(() => {
-    var v;
-    const m = a == null ? void 0 : a[(a == null ? void 0 : a.length) - 1];
-    return (m == null ? void 0 : m.sender) === "response" && ((v = m == null ? void 0 : m.attachment) == null ? void 0 : v.type) === "fileuploader";
-  }, [a]), x = z(), [g, b] = D(!1), [y, w] = D(!1), A = R(() => r || !y, [y, r]), p = () => {
-    var C, j, S, I;
-    const m = (S = (j = (C = x == null ? void 0 : x.current) == null ? void 0 : C.resizableTextArea) == null ? void 0 : j.textArea) == null ? void 0 : S.value;
-    if (!(m != null && m.trim()) || r) return;
-    w(!1), t({ msg: m }), b(!g);
-    const v = {
-      text: m,
+    chats: d,
+    connected: a
+  } = fe(), { isActiveTabVA: u } = be(), f = O(() => {
+    var h;
+    const b = d == null ? void 0 : d[(d == null ? void 0 : d.length) - 1];
+    return (b == null ? void 0 : b.sender) === "response" && ((h = b == null ? void 0 : b.attachment) == null ? void 0 : h.type) === "fileuploader";
+  }, [d]), x = Y(), [g, C] = D(!1), [y, w] = D(!1), _ = O(() => r || !y, [y, r]), p = () => {
+    var m, j, S, I;
+    const b = (S = (j = (m = x == null ? void 0 : x.current) == null ? void 0 : m.resizableTextArea) == null ? void 0 : j.textArea) == null ? void 0 : S.value;
+    if (!(b != null && b.trim()) || r) return;
+    w(!1), t({ msg: b }), C(!g);
+    const h = {
+      text: b,
       sender: "client",
       type: "text",
-      timestamp: (I = le()) == null ? void 0 : I.format("hh:mm A")
+      timestamp: (I = ae()) == null ? void 0 : I.format("hh:mm A")
     };
-    s((B) => [...B, v]), me();
-  }, E = () => {
+    s((B) => [...B, h]), me();
+  }, v = () => {
     t({ msg: "SKIP_WAITING_RESPONSE" });
   };
-  return Z(() => {
-    var m;
-    x != null && x.current && u && ((m = x == null ? void 0 : x.current) == null || m.focus());
+  return X(() => {
+    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(Y.Text, { children: c == null ? void 0 : c.name }),
-    ((h = Object == null ? void 0 : Object.keys(c || {})) == null ? void 0 : h.length) > 0 ? /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
+    /* @__PURE__ */ n.jsx(V.Text, { children: c == null ? void 0 : c.name }),
+    ((E = Object == null ? void 0 : Object.keys(c || {})) == null ? void 0 : E.length) > 0 ? /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
       /* @__PURE__ */ n.jsx(
-        G,
+        z,
         {
           danger: !0,
           icon: /* @__PURE__ */ n.jsx(P, { type: "delete" }),
@@ -2503,7 +2581,7 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         }
       ),
       /* @__PURE__ */ n.jsx(
-        G,
+        z,
         {
           className: "w-send-btn",
           style: { backgroundColor: "var(--primary-color, #395ebc)" },
@@ -2513,7 +2591,7 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         }
       )
     ] }) : /* @__PURE__ */ n.jsx(Se, { title: e, children: /* @__PURE__ */ n.jsx(
-      G,
+      z,
       {
         icon: /* @__PURE__ */ n.jsx(P, { type: "close" }),
         shape: "circle",
@@ -2529,35 +2607,35 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       Be.TextArea,
       {
         className: "w-input-widget",
-        disabled: !d,
+        disabled: !a,
         ref: x,
         placeholder: "Type a message...",
-        onKeyDown: (m) => {
-          ((m == null ? void 0 : m.code) === "Enter" || (m == null ? void 0 : m.key) === "Enter") && !(m != null && m.shiftKey) && p();
+        onKeyDown: (b) => {
+          ((b == null ? void 0 : b.code) === "Enter" || (b == null ? void 0 : b.key) === "Enter") && !(b != null && b.shiftKey) && p();
         },
-        onChange: ({ target: { value: m } }) => {
-          const v = /\S/;
+        onChange: ({ target: { value: b } }) => {
+          const h = /\S/;
           Pe({
-            input_va_value: m
-          }), m && (v != null && v.test(m)) ? w(!0) : m != null && m.trim() || w(!1);
+            input_va_value: b
+          }), b && (h != null && h.test(b)) ? w(!0) : b != null && b.trim() || w(!1);
         }
       },
       g
     ),
-    r || i ? /* @__PURE__ */ n.jsx(
-      G,
+    r || l ? /* @__PURE__ */ n.jsx(
+      z,
       {
         style: { border: "none" },
         icon: /* @__PURE__ */ n.jsx(P, { type: "stop" }),
         shape: "circle",
-        onClick: E,
+        onClick: v,
         size: "large"
       }
     ) : /* @__PURE__ */ n.jsx(
-      G,
+      z,
       {
-        className: `w-send-btn ${A ? "w-send-btn-disabled" : ""}`,
-        disabled: A,
+        className: `w-send-btn ${_ ? "w-send-btn-disabled" : ""}`,
+        disabled: _,
         style: { backgroundColor: "var(--primary-color, #395ebc)" },
         icon: /* @__PURE__ */ n.jsx(P, { type: "send" }),
         shape: "circle",
@@ -2565,15 +2643,15 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       }
     )
   ] });
-}, _r = O(pr), kr = ({ taskStatus: e }) => {
-  const t = _("InProgress", "In Progress"), s = _("New", "New"), r = _("Closed", "Closed"), i = _("Done", "Done"), c = _("HDCancelled", "Cancelled"), o = {
+}, kr = R(_r), Ar = ({ taskStatus: e }) => {
+  const t = k("InProgress", "In Progress"), s = k("New", "New"), r = k("Closed", "Closed"), l = k("Done", "Done"), c = k("HDCancelled", "Cancelled"), o = {
     "In Progress": t,
     Open: s,
     New: s,
     Closed: r,
-    Fixed: i,
+    Fixed: l,
     Cancelled: c
-  }, a = {
+  }, d = {
     "In Progress": "#FFF2D6",
     Responded: "#FFF2D6",
     Open: "#e9e2f8",
@@ -2582,9 +2660,9 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     Fixed: "#bbfab7",
     Done: "#bbfab7",
     Cancelled: "#FFF2D6"
-  }, d = R(() => a[e] || a.Closed, [e]), u = R(() => o[e] || e, [e]);
-  return /* @__PURE__ */ n.jsx(Jt, { color: d, children: /* @__PURE__ */ n.jsx(
-    Y.Text,
+  }, a = O(() => d[e] || d.Closed, [e]), u = O(() => o[e] || e, [e]);
+  return /* @__PURE__ */ n.jsx(Qt, { color: a, children: /* @__PURE__ */ n.jsx(
+    V.Text,
     {
       className: "primary-color-active",
       style: { width: "100%", textAlign: "center" },
@@ -2592,7 +2670,7 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       children: u
     }
   ) }, e);
-}, xt = O(kr), Ar = ({ onClick: e, ...t }) => /* @__PURE__ */ n.jsxs(
+}, xt = R(Ar), Sr = ({ onClick: e, ...t }) => /* @__PURE__ */ n.jsxs(
   "div",
   {
     className: "w-ticket-card-container",
@@ -2601,7 +2679,7 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     },
     children: [
       /* @__PURE__ */ n.jsx(
-        Y.Text,
+        V.Text,
         {
           strong: !0,
           style: {
@@ -2615,8 +2693,8 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       ),
       /* @__PURE__ */ n.jsxs("div", { className: "w-ticket-card-content-container", children: [
         /* @__PURE__ */ n.jsxs("div", { className: "w-ticket-card-cat-code", children: [
-          /* @__PURE__ */ n.jsx(Y.Text, { children: (t == null ? void 0 : t.TASK_CATEGORY) || Kn }),
-          /* @__PURE__ */ n.jsx(Y.Text, { children: (t == null ? void 0 : t.TASK_CODE) || Kn })
+          /* @__PURE__ */ n.jsx(V.Text, { children: (t == null ? void 0 : t.TASK_CATEGORY) || Kn }),
+          /* @__PURE__ */ n.jsx(V.Text, { children: (t == null ? void 0 : t.TASK_CODE) || Kn })
         ] }),
         /* @__PURE__ */ n.jsxs(
           "div",
@@ -2627,15 +2705,15 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
             },
             children: [
               /* @__PURE__ */ n.jsx(xt, { taskStatus: t == null ? void 0 : t.TASK_STATUS }),
-              /* @__PURE__ */ n.jsx(Y.Text, { children: t == null ? void 0 : t.CREATED_DATE })
+              /* @__PURE__ */ n.jsx(V.Text, { children: t == null ? void 0 : t.CREATED_DATE })
             ]
           }
         )
       ] })
     ]
   }
-), Sr = O(Ar), gt = () => {
-  const { objInitPayload: e, setObjInitPayload: t, parsedJWT: s } = q(), r = R(() => {
+), Lr = R(Sr), gt = () => {
+  const { objInitPayload: e, setObjInitPayload: t, parsedJWT: s } = J(), r = O(() => {
     var c;
     return {
       Authorization: `Bearer ${e == null ? void 0 : e.access_token}`,
@@ -2647,8 +2725,8 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
   }, [e]);
   return async (c) => {
     var u, f, x;
-    const { onSuccess: o, onError: a, onFinally: d } = c ?? {};
-    (x = (f = (u = Re({
+    const { onSuccess: o, onError: d, onFinally: a } = c ?? {};
+    (x = (f = (u = Oe({
       url: e == null ? void 0 : e.uriBackend,
       params: {
         ofid: "sfsystem.RefreshToken",
@@ -2661,8 +2739,8 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       method: "POST"
     })) == null ? void 0 : u.then((g) => {
       var w;
-      const b = (w = g == null ? void 0 : g.data) == null ? void 0 : w.DATA, y = {
-        access_token: b == null ? void 0 : b.JWT_TOKEN,
+      const C = (w = g == null ? void 0 : g.data) == null ? void 0 : w.DATA, y = {
+        access_token: C == null ? void 0 : C.JWT_TOKEN,
         refresh_token: e == null ? void 0 : e.refresh_token,
         uagent: e == null ? void 0 : e.uagent,
         uriBackend: e == null ? void 0 : e.uriBackend,
@@ -2676,66 +2754,66 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       };
       t(y), typeof o == "function" && o(g);
     })) == null ? void 0 : f.catch((g) => {
-      typeof a == "function" && a(g);
+      typeof d == "function" && d(g);
     })) == null || x.finally(() => {
-      typeof d == "function" && d();
+      typeof a == "function" && a();
     });
   };
 }, en = () => {
   var o;
-  const e = z(new AbortController()), { objInitPayload: t, parsedJWT: s } = q(), r = gt(), i = {
+  const e = Y(new AbortController()), { objInitPayload: t, parsedJWT: s } = J(), r = gt(), l = {
     Authorization: `Bearer ${t == null ? void 0 : t.access_token}`,
     coid: s == null ? void 0 : s.COID,
     "Acc-Name": (o = s == null ? void 0 : s.INSTANCE) == null ? void 0 : o.toLowerCase(),
     "Company-Id": t == null ? void 0 : t.companyid,
     Language: t == null ? void 0 : t.lang
   }, c = async ({
-    url: a,
-    endpoint: d,
+    url: d,
+    endpoint: a,
     method: u = "POST",
     headers: f,
     ...x
   }) => {
-    var w, A, p, E, h, m;
+    var w, _, p, v, E, b;
     const g = {
-      url: a || `${t == null ? void 0 : t.uriBackendHRMGO}${d}`,
+      url: d || `${t == null ? void 0 : t.uriBackendHRMGO}${a}`,
       ...e.current && {
         signal: (w = e == null ? void 0 : e.current) == null ? void 0 : w.signal
       },
       headers: {
-        ...i,
+        ...l,
         ...f,
         "Company-Code": t == null ? void 0 : t.companycode
       },
       method: u,
       ...x
-    }, b = (A = Re) == null ? void 0 : A.create(g);
-    return (E = (p = b == null ? void 0 : b.interceptors) == null ? void 0 : p.request) == null || E.use(
-      (v) => (t != null && t.access_token && (v.headers.Authorization = `Bearer ${t == null ? void 0 : t.access_token}`), v),
-      (v) => {
-        Promise.reject(v);
+    }, C = (_ = Oe) == null ? void 0 : _.create(g);
+    return (v = (p = C == null ? void 0 : C.interceptors) == null ? void 0 : p.request) == null || v.use(
+      (h) => (t != null && t.access_token && (h.headers.Authorization = `Bearer ${t == null ? void 0 : t.access_token}`), h),
+      (h) => {
+        Promise.reject(h);
       }
-    ), (m = (h = b == null ? void 0 : b.interceptors) == null ? void 0 : h.response) == null || m.use(
-      (v) => v,
-      async (v) => {
+    ), (b = (E = C == null ? void 0 : C.interceptors) == null ? void 0 : E.response) == null || b.use(
+      (h) => h,
+      async (h) => {
         var j;
-        const C = v == null ? void 0 : v.config;
-        if (((j = v == null ? void 0 : v.response) == null ? void 0 : j.status) === 401) {
+        const m = h == null ? void 0 : h.config;
+        if (((j = h == null ? void 0 : h.response) == null ? void 0 : j.status) === 401) {
           const S = await r();
-          return C.headers.Authorization = `Bearer ${S}`, Re(C);
+          return m.headers.Authorization = `Bearer ${S}`, Oe(m);
         }
-        return Promise == null ? void 0 : Promise.reject(v);
+        return Promise == null ? void 0 : Promise.reject(h);
       }
-    ), await (b == null ? void 0 : b.request(g));
+    ), await (C == null ? void 0 : C.request(g));
   };
   return c.abort = () => {
-    var a;
-    e != null && e.current && ((a = e == null ? void 0 : e.current) == null || a.abort(), e.current = new AbortController());
-  }, Z(() => () => c.abort(), []), c;
-}, Ct = Te({}), ve = () => ye(Ct), Lr = ({ children: e }) => {
-  const t = en(), [s, r] = D([]), [i, c] = D(""), [o, a] = D(!1), [d, u] = D(!0), [f, x] = D(0), g = (b) => {
-    var y, w, A, p;
-    u(!0), (p = (A = t({
+    var d;
+    e != null && e.current && ((d = e == null ? void 0 : e.current) == null || d.abort(), e.current = new AbortController());
+  }, X(() => () => c.abort(), []), c;
+}, Ct = Te({}), ve = () => ye(Ct), Rr = ({ children: e }) => {
+  const t = en(), [s, r] = D([]), [l, c] = D(""), [o, d] = D(!1), [a, u] = D(!0), [f, x] = D(0), g = (C) => {
+    var y, w, _, p;
+    u(!0), (p = (_ = t({
       endpoint: "/helpdesk/myticket/ticket-list",
       method: "POST",
       data: {
@@ -2744,10 +2822,10 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         SEARCH: {
           MY_TICKET: !0,
           TASK_MODULE: "HD",
-          ...((y = Object.keys(b || {})) == null ? void 0 : y.length) > 0 && {
-            ...b,
-            ...(b == null ? void 0 : b.CREATED_DATE) && {
-              CREATED_DATE: (w = le(b == null ? void 0 : b.CREATED_DATE)) == null ? void 0 : w.format(hn)
+          ...((y = Object.keys(C || {})) == null ? void 0 : y.length) > 0 && {
+            ...C,
+            ...(C == null ? void 0 : C.CREATED_DATE) && {
+              CREATED_DATE: (w = ae(C == null ? void 0 : C.CREATED_DATE)) == null ? void 0 : w.format(hn)
             }
           }
         },
@@ -2756,26 +2834,26 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
           ORDER: "DESC"
         }
       }
-    })) == null ? void 0 : A.then((E) => {
-      var h, m, v;
-      (h = E == null ? void 0 : E.data) != null && h.DATA && r((v = (m = E == null ? void 0 : E.data) == null ? void 0 : m.DATA) == null ? void 0 : v.LIST);
+    })) == null ? void 0 : _.then((v) => {
+      var E, b, h;
+      (E = v == null ? void 0 : v.data) != null && E.DATA && r((h = (b = v == null ? void 0 : v.data) == null ? void 0 : b.DATA) == null ? void 0 : h.LIST);
     })) == null || p.finally(() => {
       u(!1);
     });
   };
-  return Z(() => {
+  return X(() => {
     g();
   }, []), /* @__PURE__ */ n.jsx(
     Ct.Provider,
     {
       value: {
         listTicket: s,
-        ticketId: i,
+        ticketId: l,
         setTicketId: c,
         getListTicket: g,
         openFilter: o,
-        setOpenFilter: a,
-        loadingListTicket: d,
+        setOpenFilter: d,
+        loadingListTicket: a,
         countFilters: f,
         setCountFilters: x
       },
@@ -2783,73 +2861,73 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     }
   );
 }, Or = () => {
-  const e = _("SubjectSearch", "Subject Search"), t = _("AdvanceFilter", "Advance Filter"), s = z(null), { getListTicket: r, setOpenFilter: i, loadingListTicket: c, countFilters: o } = ve();
+  const e = k("SubjectSearch", "Subject Search"), t = k("AdvanceFilter", "Advance Filter"), s = Y(null), { getListTicket: r, setOpenFilter: l, loadingListTicket: c, countFilters: o } = ve();
   return /* @__PURE__ */ n.jsx(n.Fragment, { children: /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", gap: 8, marginBottom: 12 }, children: [
     /* @__PURE__ */ n.jsx(
       Be,
       {
         placeholder: e,
-        onChange: ({ target: { value: a } }) => {
+        onChange: ({ target: { value: d } }) => {
           clearTimeout(s == null ? void 0 : s.current), s.current = setTimeout(() => {
             r({
-              TASK_NAME: a
+              TASK_NAME: d
             });
           }, 250);
         },
         allowClear: !0
       }
     ),
-    /* @__PURE__ */ n.jsx(Se, { title: `${t} (${o})`, children: /* @__PURE__ */ n.jsx(Qt, { count: o, children: /* @__PURE__ */ n.jsx(
-      G,
+    /* @__PURE__ */ n.jsx(Se, { title: `${t} (${o})`, children: /* @__PURE__ */ n.jsx(Zt, { count: o, children: /* @__PURE__ */ n.jsx(
+      z,
       {
         loading: c,
         icon: /* @__PURE__ */ n.jsx(P, { type: "filter" }),
         onClick: () => {
-          i(!0);
+          l(!0);
         }
       }
     ) }) })
   ] }) });
-}, Rr = O(Or), mt = Te({}), he = () => ye(mt), Dr = ({ children: e }) => {
-  const t = z(null), s = z(0), r = z(!1), i = z(null), [c, o] = D([]), [a, d] = D(0), [u, f] = D(!1), { objInitPayload: x, parsedJWT: g, isFirstRenderHelpdesk: b, setShowReadyWSHD: y } = q(), w = gt(), A = (m) => {
-    const v = new WebSocket(m);
-    v.onopen = () => {
-      r.current = !0, s.current = 0, d(0), y(!0);
-    }, v.onerror = (C) => {
-      y(!1), console.error(`${ke} - WebSocket error:`, C);
-    }, v.onclose = (C) => {
+}, Dr = R(Or), mt = Te({}), he = () => ye(mt), Nr = ({ children: e }) => {
+  const t = Y(null), s = Y(0), r = Y(!1), l = Y(null), [c, o] = D([]), [d, a] = D(0), [u, f] = D(!1), { objInitPayload: x, parsedJWT: g, isFirstRenderHelpdesk: C, setShowReadyWSHD: y } = J(), w = gt(), _ = (b) => {
+    const h = new WebSocket(b);
+    h.onopen = () => {
+      r.current = !0, s.current = 0, a(0), y(!0);
+    }, h.onerror = (m) => {
+      y(!1), console.error(`${ke} - WebSocket error:`, m);
+    }, h.onclose = (m) => {
       console.warn(
         `${ke} - WebSocket disconnected:`,
-        C
-      ), r.current = !1, y(!1), !(C != null && C.wasClean) && (s == null ? void 0 : s.current) < Ie && (s.current += 1, d((j) => j + 1), clearTimeout(i.current), i.current = setTimeout(p, 2e3));
-    }, v.onmessage = E(v), t.current = v;
+        m
+      ), r.current = !1, y(!1), !(m != null && m.wasClean) && (s == null ? void 0 : s.current) < Ie && (s.current += 1, a((j) => j + 1), clearTimeout(l.current), l.current = setTimeout(p, 2e3));
+    }, h.onmessage = v(h), t.current = h;
   }, p = async () => {
     var L, F, $;
     if (((L = t.current) == null ? void 0 : L.readyState) === (WebSocket == null ? void 0 : WebSocket.CONNECTING)) return;
     const {
-      access_token: m,
-      companyid: v = "",
-      companycode: C = "",
+      access_token: b,
+      companyid: h = "",
+      companycode: m = "",
       lang: j = "",
       uriBackendHRMGO: S = ""
     } = x ?? {};
-    if (!m || !v || !C) {
+    if (!b || !h || !m) {
       console.warn(
         `${ke} - Missing required WebSocket  credentials.`
       );
       return;
     }
-    const I = `Bearer ${m}`, B = (F = `${S}/ws`) == null ? void 0 : F.replace("https://", "wss://"), M = {
-      COMPANY_ID: v.toString(),
-      COMPANY_CODE: C.toLowerCase(),
+    const I = `Bearer ${b}`, B = (F = `${S}/ws`) == null ? void 0 : F.replace("https://", "wss://"), M = {
+      COMPANY_ID: h.toString(),
+      COMPANY_CODE: m.toLowerCase(),
       LANGUAGE: j,
       ACC_NAME: ($ = g == null ? void 0 : g.INSTANCE) == null ? void 0 : $.toLowerCase(),
       TOKEN: I
     };
     try {
-      const H = await _s(
+      const H = await ks(
         M,
-        Es
+        Ts
       );
       if (!H || r.current || (s == null ? void 0 : s.current) >= Ie) {
         console.warn(
@@ -2857,21 +2935,21 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         );
         return;
       }
-      t.current && t.current.close(), A(`${B}?t=${H}`);
+      t.current && t.current.close(), _(`${B}?t=${H}`);
     } catch (H) {
       console.error(
         `${ke} - Failed to encrypt token:`,
         H
       );
     }
-  }, E = (m) => (v) => {
-    var C;
+  }, v = (b) => (h) => {
+    var m;
     try {
-      if ((v == null ? void 0 : v.data) === "PING")
-        m.send("PONG");
+      if ((h == null ? void 0 : h.data) === "PING")
+        b.send("PONG");
       else {
-        const { DATA: j, EVENT: S } = JSON.parse(v.data || "{}");
-        !b.current && S === "USER_ONLINE_NOTIF" && Array.isArray(j == null ? void 0 : j.EMPLOYEES) && (o((C = j == null ? void 0 : j.EMPLOYEES) == null ? void 0 : C.filter(Boolean)), b.current = !0), S === "TOKEN_EXPIRED" && w({
+        const { DATA: j, EVENT: S } = JSON.parse(h.data || "{}");
+        !C.current && S === "USER_ONLINE_NOTIF" && Array.isArray(j == null ? void 0 : j.EMPLOYEES) && (o((m = j == null ? void 0 : j.EMPLOYEES) == null ? void 0 : m.filter(Boolean)), C.current = !0), S === "TOKEN_EXPIRED" && w({
           onSuccess: () => {
             p();
           }
@@ -2880,31 +2958,31 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     } catch {
       console.error(
         `${ke} - Invalid WebSocket message:`,
-        v.data
+        h.data
       );
     }
-  }, h = ({ event: m, data: v, module: C = "HELPDESK_CHAT" }) => {
+  }, E = ({ event: b, data: h, module: m = "HELPDESK_CHAT" }) => {
     var j;
     (j = t == null ? void 0 : t.current) == null || j.send(
       JSON.stringify({
-        EVENT: m,
-        DATA: v,
-        MODULE: C
+        EVENT: b,
+        DATA: h,
+        MODULE: m
       })
     );
   };
-  return Z(() => {
-    b.current || p();
+  return X(() => {
+    C.current || p();
   }, []), /* @__PURE__ */ n.jsx(
     mt.Provider,
     {
       value: {
         ws: t == null ? void 0 : t.current,
-        onSendMsg: h,
+        onSendMsg: E,
         userOnline: c,
         connectWebSocket: p,
-        retryCountState: a,
-        setRetryCountState: d,
+        retryCountState: d,
+        setRetryCountState: a,
         retryCountRef: s,
         isGetResponse: u,
         setGetResponse: f
@@ -2912,13 +2990,13 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       children: e
     }
   );
-}, Nr = () => {
-  var a;
-  const { widgetProps: e } = q(), { listTicket: t, setTicketId: s, loadingListTicket: r } = ve(), { onSendMsg: i, setGetResponse: c } = he(), { xs: o } = ge.useBreakpoint();
+}, Mr = () => {
+  var d;
+  const { widgetProps: e } = J(), { listTicket: t, setTicketId: s, loadingListTicket: r } = ve(), { onSendMsg: l, setGetResponse: c } = he(), { xs: o } = Ce.useBreakpoint();
   return /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-    /* @__PURE__ */ n.jsx(Rr, {}),
-    r ? /* @__PURE__ */ n.jsx("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: (a = Array.from({ length: 5 })) == null ? void 0 : a.map((d, u) => /* @__PURE__ */ n.jsx(
-      de.Input,
+    /* @__PURE__ */ n.jsx(Dr, {}),
+    r ? /* @__PURE__ */ n.jsx("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: (d = Array.from({ length: 5 })) == null ? void 0 : d.map((a, u) => /* @__PURE__ */ n.jsx(
+      ue.Input,
       {
         style: { height: 80, width: "100%", borderRadius: 8 }
       },
@@ -2930,18 +3008,18 @@ const cr = () => /* @__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((d, u) => /* @__PURE__ */ bn(
-          Sr,
+        children: (t == null ? void 0 : t.length) > 0 ? t == null ? void 0 : t.map((a, u) => /* @__PURE__ */ bn(
+          Lr,
           {
-            ...d,
+            ...a,
             key: u,
             onClick: () => {
-              c(!0), i({
+              c(!0), l({
                 event: "JOIN_ROOM",
                 data: {
-                  TASK_ID: d == null ? void 0 : d.TASK_ID
+                  TASK_ID: a == null ? void 0 : a.TASK_ID
                 }
-              }), s(d == null ? void 0 : d.TASK_ID);
+              }), s(a == null ? void 0 : a.TASK_ID);
             }
           }
         )) : /* @__PURE__ */ n.jsx(
@@ -2959,19 +3037,19 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       }
     )
   ] });
-}, Mr = O(Nr), Fr = ({ children: e, open: t, onClose: s, footer: r, styleContainer: i }) => {
+}, Fr = R(Mr), Hr = ({ children: e, open: t, onClose: s, footer: r, styleContainer: l }) => {
   var g;
-  const [c, o] = D(!1), a = z(), d = z(null), u = z(), f = R(() => t ? "w-fade-in-animate" : "w-fade-out-animate", [t]), x = (b) => {
-    b.code === "Escape" && !b.shiftKey && !b.altKey && !b.ctrlKey && b.key === "Escape" && (b.stopPropagation(), typeof s == "function" && s());
+  const [c, o] = D(!1), d = Y(), a = Y(null), u = Y(), f = O(() => t ? "w-fade-in-animate" : "w-fade-out-animate", [t]), x = (C) => {
+    C.code === "Escape" && !C.shiftKey && !C.altKey && !C.ctrlKey && C.key === "Escape" && (C.stopPropagation(), typeof s == "function" && s());
   };
-  return Z(() => {
-    const b = u.current;
-    return b && (clearTimeout(d.current), d.current = setTimeout(() => {
-      b == null || b.focus();
-    }, 250), b == null || b.addEventListener("keydown", x)), t && o(!1), clearTimeout(a == null ? void 0 : a.current), a.current = setTimeout(() => {
+  return X(() => {
+    const C = u.current;
+    return C && (clearTimeout(a.current), a.current = setTimeout(() => {
+      C == null || C.focus();
+    }, 250), C == null || C.addEventListener("keydown", x)), t && o(!1), clearTimeout(d == null ? void 0 : d.current), d.current = setTimeout(() => {
       t || o(!0);
     }, 300), () => {
-      b && (b == null || b.removeEventListener("keydown", x));
+      C && (C == null || C.removeEventListener("keydown", x));
     };
   }, [t]), /* @__PURE__ */ n.jsxs(
     "div",
@@ -2982,8 +3060,8 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       style: {
         display: c ? "none" : "block",
         height: "100%",
-        ...((g = Object == null ? void 0 : Object.keys(i || {})) == null ? void 0 : g.length) > 0 && {
-          ...i
+        ...((g = Object == null ? void 0 : Object.keys(l || {})) == null ? void 0 : g.length) > 0 && {
+          ...l
         }
       },
       children: [
@@ -2992,19 +3070,19 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       ]
     }
   );
-}, bt = O(Fr), vt = Te({}), De = () => ye(vt), Hr = ({ children: e }) => {
-  const [t, s] = D([]), [r, i] = D({}), [c, o] = D(!0), [a, d] = D({}), u = z(!1), f = en(), { ticketId: x } = ve(), { ws: g, setGetResponse: b } = he(), { parsedJWT: y } = q(), w = R(() => {
+}, bt = R(Hr), vt = Te({}), De = () => ye(vt), Ir = ({ children: e }) => {
+  const [t, s] = D([]), [r, l] = D({}), [c, o] = D(!0), [d, a] = D({}), u = Y(!1), f = en(), { ticketId: x } = ve(), { ws: g, setGetResponse: C } = he(), { parsedJWT: y } = J(), w = O(() => {
     var S;
-    const m = (r == null ? void 0 : r.CREATED_BY) ?? {}, v = (r == null ? void 0 : r.ASSIGNEE) ?? {}, C = (r == null ? void 0 : r.OTHER_ASSIGNEE) ?? [], j = (S = [m, v, ...C].map((I) => ({
+    const b = (r == null ? void 0 : r.CREATED_BY) ?? {}, h = (r == null ? void 0 : r.ASSIGNEE) ?? {}, m = (r == null ? void 0 : r.OTHER_ASSIGNEE) ?? [], j = (S = [b, h, ...m].map((I) => ({
       ...I
     }))) == null ? void 0 : S.filter((I) => {
       var B;
       return ((B = Object.keys(I || {})) == null ? void 0 : B.length) > 0;
     });
     return Tn({ ArrObj: j, key: "EMP_ID" });
-  }, [r]), A = () => {
-    var m, v;
-    o(!0), (v = (m = f({
+  }, [r]), _ = () => {
+    var b, h;
+    o(!0), (h = (b = f({
       endpoint: "/helpdesk/chat/list",
       method: "POST",
       data: {
@@ -3012,10 +3090,10 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         PAGE: 1,
         TASK_ID: x
       }
-    })) == null ? void 0 : m.then((C) => {
+    })) == null ? void 0 : b.then((m) => {
       var j, S, I, B, M, L;
-      if (((I = (S = (j = C == null ? void 0 : C.data) == null ? void 0 : j.DATA) == null ? void 0 : S.LIST) == null ? void 0 : I.length) > 0) {
-        const F = (L = (M = (B = C == null ? void 0 : C.data) == null ? void 0 : B.DATA) == null ? void 0 : M.LIST) == null ? void 0 : L.map(($) => ({
+      if (((I = (S = (j = m == null ? void 0 : m.data) == null ? void 0 : j.DATA) == null ? void 0 : S.LIST) == null ? void 0 : I.length) > 0) {
+        const F = (L = (M = (B = m == null ? void 0 : m.data) == null ? void 0 : B.DATA) == null ? void 0 : M.LIST) == null ? void 0 : L.map(($) => ({
           ...$,
           ACTOR: {
             ...$ == null ? void 0 : $.ACTOR
@@ -3024,43 +3102,43 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         s(Qe(F));
       } else
         s({});
-    })) == null || v.finally(() => {
+    })) == null || h.finally(() => {
       o(!1);
     });
   }, p = () => {
-    var m;
-    (m = f({
+    var b;
+    (b = f({
       endpoint: "/helpdesk/myticket/get",
       method: "POST",
       data: {
         TASK_ID: x
       }
-    })) == null || m.then((v) => {
-      var C, j, S;
-      if ((C = v == null ? void 0 : v.data) != null && C.DATA) {
-        const I = (S = (j = v == null ? void 0 : v.data) == null ? void 0 : j.DATA) == null ? void 0 : S.LIST;
-        i(I);
+    })) == null || b.then((h) => {
+      var m, j, S;
+      if ((m = h == null ? void 0 : h.data) != null && m.DATA) {
+        const I = (S = (j = h == null ? void 0 : h.data) == null ? void 0 : j.DATA) == null ? void 0 : S.LIST;
+        l(I);
       } else
-        i({});
+        l({});
     });
-  }, E = (m) => {
+  }, v = (b) => {
     var j;
-    const v = (j = m == null ? void 0 : m.ACTOR) == null ? void 0 : j.EMP_ID, C = y == null ? void 0 : y.EMP_ID;
-    b(!0), d((S) => ({
+    const h = (j = b == null ? void 0 : b.ACTOR) == null ? void 0 : j.EMP_ID, m = y == null ? void 0 : y.EMP_ID;
+    C(!0), a((S) => ({
       ...S,
-      [v]: !1
+      [h]: !1
     })), u.current || s((S) => {
-      const I = yn(S), B = v == C ? "to" : "from", M = [...I, { ...m, CHAT_ALIGN: B }];
+      const I = yn(S), B = h == m ? "to" : "from", M = [...I, { ...b, CHAT_ALIGN: B }];
       return Qe(M);
     }), u.current = !1;
-  }, h = (m) => {
-    if ((m == null ? void 0 : m.data) !== "PING") {
-      const v = JSON.parse((m == null ? void 0 : m.data) || "{}"), { DATA: C = {}, EVENT: j = "" } = v ?? {};
-      (j === "RECEIVE_MESSAGE" || j === "RECEIVE_ANOTHER_MESSAGE") && E(C);
+  }, E = (b) => {
+    if ((b == null ? void 0 : b.data) !== "PING") {
+      const h = JSON.parse((b == null ? void 0 : b.data) || "{}"), { DATA: m = {}, EVENT: j = "" } = h ?? {};
+      (j === "RECEIVE_MESSAGE" || j === "RECEIVE_ANOTHER_MESSAGE") && v(m);
     }
   };
-  return Z(() => (x && (A(), p()), g && x && (g == null || g.addEventListener("message", h)), () => {
-    g && x && (g == null || g.removeEventListener("message", h));
+  return X(() => (x && (_(), p()), g && x && (g == null || g.addEventListener("message", E)), () => {
+    g && x && (g == null || g.removeEventListener("message", E));
   }), [x]), /* @__PURE__ */ n.jsx(
     vt.Provider,
     {
@@ -3071,28 +3149,28 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         employees: w,
         isFromSelf: u,
         loadingChats: c,
-        objTypingOtherEmp: a,
-        setTypingOtherEmp: d
+        objTypingOtherEmp: d,
+        setTypingOtherEmp: a
       },
       children: e
     }
   );
-}, Ir = ({ onClose: e }) => {
-  const { xs: t } = ge.useBreakpoint(), { employees: s, detailTicket: r, loadingChats: i } = De(), { userOnline: c } = he(), o = R(() => {
-    var d;
-    return (d = s == null ? void 0 : s.map((u) => u == null ? void 0 : u.FULL_NAME)) == null ? void 0 : d.join(", ");
-  }, [s]), a = R(() => t ? "click" : "hover", [t]);
-  return i ? /* @__PURE__ */ n.jsxs("div", { className: "w-ticket-detail-header-container", children: [
-    /* @__PURE__ */ n.jsx(de.Avatar, {}),
+}, $r = ({ onClose: e }) => {
+  const { xs: t } = Ce.useBreakpoint(), { employees: s, detailTicket: r, loadingChats: l } = De(), { userOnline: c } = he(), o = O(() => {
+    var a;
+    return (a = s == null ? void 0 : s.map((u) => u == null ? void 0 : u.FULL_NAME)) == null ? void 0 : a.join(", ");
+  }, [s]), d = O(() => t ? "click" : "hover", [t]);
+  return l ? /* @__PURE__ */ n.jsxs("div", { className: "w-ticket-detail-header-container", children: [
+    /* @__PURE__ */ n.jsx(ue.Avatar, {}),
     /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
-      /* @__PURE__ */ n.jsx(de.Input, {}),
-      /* @__PURE__ */ n.jsx(de.Input, { size: "small" })
+      /* @__PURE__ */ n.jsx(ue.Input, {}),
+      /* @__PURE__ */ n.jsx(ue.Input, { size: "small" })
     ] }),
-    /* @__PURE__ */ n.jsx(de.Input, {})
+    /* @__PURE__ */ n.jsx(ue.Input, {})
   ] }) : /* @__PURE__ */ n.jsxs("div", { className: "w-ticket-detail-header-container", children: [
     /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", gap: 8 }, children: [
       /* @__PURE__ */ n.jsx(
-        G,
+        z,
         {
           icon: /* @__PURE__ */ n.jsx(P, { type: "down" }),
           style: { border: "none" },
@@ -3105,15 +3183,15 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         Ee.Group,
         {
           maxCount: 2,
-          maxPopoverTrigger: a,
+          maxPopoverTrigger: d,
           maxStyle: {
             color: "#f56a00",
             backgroundColor: "#fde3cf",
             cursor: "pointer"
           },
-          children: s == null ? void 0 : s.map((d, u) => {
-            const f = c == null ? void 0 : c.includes(d == null ? void 0 : d.EMP_ID);
-            return /* @__PURE__ */ n.jsx(Se, { title: d == null ? void 0 : d.FULL_NAME, trigger: a, children: /* @__PURE__ */ bn(
+          children: s == null ? void 0 : s.map((a, u) => {
+            const f = c == null ? void 0 : c.includes(a == null ? void 0 : a.EMP_ID);
+            return /* @__PURE__ */ n.jsx(Se, { title: a == null ? void 0 : a.FULL_NAME, trigger: d, children: /* @__PURE__ */ bn(
               Ee,
               {
                 ...f && {
@@ -3122,9 +3200,9 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
                     borderRadius: "50%"
                   }
                 },
-                src: d == null ? void 0 : d.PHOTO,
+                src: a == null ? void 0 : a.PHOTO,
                 key: u,
-                nameFallback: d == null ? void 0 : d.FULL_NAME
+                nameFallback: a == null ? void 0 : a.FULL_NAME
               }
             ) }, u);
           })
@@ -3135,16 +3213,16 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
           Se,
           {
             title: `${r == null ? void 0 : r.TASK_CODE} - ${r == null ? void 0 : r.SUBJECT}`,
-            trigger: a,
-            children: /* @__PURE__ */ n.jsxs(Y.Text, { className: "w-ticket-detail-header-text", children: [
+            trigger: d,
+            children: /* @__PURE__ */ n.jsxs(V.Text, { className: "w-ticket-detail-header-text", children: [
               r == null ? void 0 : r.TASK_CODE,
               " - ",
               r == null ? void 0 : r.SUBJECT
             ] })
           }
         ),
-        /* @__PURE__ */ n.jsx(Se, { title: o, trigger: a, children: /* @__PURE__ */ n.jsx(
-          Y.Text,
+        /* @__PURE__ */ n.jsx(Se, { title: o, trigger: d, children: /* @__PURE__ */ n.jsx(
+          V.Text,
           {
             type: "secondary",
             className: "w-ticket-detail-header-text",
@@ -3158,8 +3236,8 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     ] }),
     /* @__PURE__ */ n.jsx(xt, { taskStatus: r == null ? void 0 : r.STATUS })
   ] });
-}, $r = O(Ir), Br = ({ ...e }) => {
-  const t = R(() => (e == null ? void 0 : e.CHAT_ALIGN) === "to" ? "client" : "response", [e]);
+}, Br = R($r), Ur = ({ ...e }) => {
+  const t = O(() => (e == null ? void 0 : e.CHAT_ALIGN) === "to" ? "client" : "response", [e]);
   return /* @__PURE__ */ n.jsxs("div", { className: `w-bubble-chat ${`w-${t}`}`, children: [
     /* @__PURE__ */ n.jsx(
       "p",
@@ -3178,25 +3256,25 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       }
     )
   ] });
-}, Ur = O(Br), Wr = ({ ...e }) => {
-  const t = _("Download", "Download"), s = R(() => (e == null ? void 0 : e.CHAT_ALIGN) === "to" ? "client" : "response", [e]), r = R(() => {
-    var d;
-    const a = e == null ? void 0 : e.ATTACHMENT;
-    if (a)
+}, Wr = R(Ur), Vr = ({ ...e }) => {
+  const t = k("Download", "Download"), s = O(() => (e == null ? void 0 : e.CHAT_ALIGN) === "to" ? "client" : "response", [e]), r = O(() => {
+    var a;
+    const d = e == null ? void 0 : e.ATTACHMENT;
+    if (d)
       try {
-        const u = new URL(a), f = (d = u == null ? void 0 : u.pathname) == null ? void 0 : d.split("/");
+        const u = new URL(d), f = (a = u == null ? void 0 : u.pathname) == null ? void 0 : a.split("/");
         return f == null ? void 0 : f[(f == null ? void 0 : f.length) - 1];
       } catch {
-        return a;
+        return d;
       }
     return "";
-  }, [e]), i = R(() => {
+  }, [e]), l = O(() => {
     if (r != null && r.includes(".")) {
-      const a = r == null ? void 0 : r.split(".");
-      return `.${a == null ? void 0 : a[(a == null ? void 0 : a.length) - 1]}`;
+      const d = r == null ? void 0 : r.split(".");
+      return `.${d == null ? void 0 : d[(d == null ? void 0 : d.length) - 1]}`;
     }
     return "";
-  }, [e, r]), c = R(() => dn == null ? void 0 : dn.includes(i), [e, i]), o = () => {
+  }, [e, r]), c = O(() => dn == null ? void 0 : dn.includes(l), [e, l]), o = () => {
     En({
       downloadURL: e == null ? void 0 : e.ATTACHMENT,
       fileName: r,
@@ -3209,10 +3287,10 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       className: `w-bubble-chat ${`w-${s}`}`,
       style: { display: "flex", flexDirection: "column" },
       children: [
-        c ? /* @__PURE__ */ n.jsx(wn, { src: e == null ? void 0 : e.ATTACHMENT, fallback: hs }) : /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
+        c ? /* @__PURE__ */ n.jsx(wn, { src: e == null ? void 0 : e.ATTACHMENT, fallback: Es }) : /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
           /* @__PURE__ */ n.jsx(P, { type: "file" }),
           /* @__PURE__ */ n.jsx(
-            Y.Link,
+            V.Link,
             {
               onClick: o,
               style: { display: "block", width: 160 },
@@ -3221,7 +3299,7 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
           )
         ] }),
         c && /* @__PURE__ */ n.jsx(
-          G,
+          z,
           {
             onClick: o,
             style: {
@@ -3246,8 +3324,8 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       ]
     }
   ) });
-}, Vr = O(Wr), Gr = ({ ...e }) => {
-  const t = R(() => (e == null ? void 0 : e.CHAT_ALIGN) === "to" ? "client" : "response", [e]);
+}, Gr = R(Vr), zr = ({ ...e }) => {
+  const t = O(() => (e == null ? void 0 : e.CHAT_ALIGN) === "to" ? "client" : "response", [e]);
   return /* @__PURE__ */ n.jsxs("div", { className: "w-ticket-info-chat-container", children: [
     /* @__PURE__ */ n.jsx(
       We,
@@ -3257,47 +3335,47 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         sender: t
       }
     ),
-    /* @__PURE__ */ n.jsx(Y.Text, { children: e == null ? void 0 : e.MESSAGE })
+    /* @__PURE__ */ n.jsx(V.Text, { children: e == null ? void 0 : e.MESSAGE })
   ] });
-}, zr = O(Gr), ht = () => {
-  const { widgetProps: e } = q(), t = pe.enc.Hex.parse(
+}, Yr = R(zr), ht = () => {
+  const { widgetProps: e } = J(), t = pe.enc.Hex.parse(
     pe.enc.Utf8.parse(e == null ? void 0 : e.keyEncrypt).toString()
   ), s = {
     mode: pe.mode.ECB,
     padding: pe.pad.Pkcs7
   }, r = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini|GreatDayHR/i.test(
     navigator.userAgent
-  ), i = (o) => {
+  ), l = (o) => {
     if (typeof o == "number" && (o = o.toString()), !o) return "";
     if (r) return window.encodeURIComponent(o);
-    const a = pe.enc.Utf8.parse(o), d = pe.AES.encrypt(
-      a,
+    const d = pe.enc.Utf8.parse(o), a = pe.AES.encrypt(
+      d,
       t,
       s
     ).toString();
-    return window.encodeURIComponent(`$${d}`);
+    return window.encodeURIComponent(`$${a}`);
   };
   return {
     paramsEncrypt: (o) => {
-      const [a, d = null] = o.split("?"), u = a.split("/").map((f) => {
+      const [d, a = null] = o.split("?"), u = d.split("/").map((f) => {
         const [, x = null] = f.split(":");
-        return x && (e != null && e.keyEncrypt) ? i(x) : f;
+        return x && (e != null && e.keyEncrypt) ? l(x) : f;
       }).join("/");
-      return d ? `${u}?${d}` : u;
+      return a ? `${u}?${a}` : u;
     },
-    encrypt: i
+    encrypt: l
   };
-}, Yr = ({ ...e }) => {
-  const t = _("ViewFAQ", "View FAQ"), s = _(
+}, Kr = ({ ...e }) => {
+  const t = k("ViewFAQ", "View FAQ"), s = k(
     "FAQUnavailable",
     "FAQ unavailable"
-  ), r = _(
+  ), r = k(
     "ThisFAQIsUnavailable",
     "This FAQ is unavailable"
-  ), { paramsEncrypt: i } = ht(), { history: c } = q(), o = R(() => (e == null ? void 0 : e.CHAT_ALIGN) === "to" ? "client" : "response", [e]), a = R(() => e == null ? void 0 : e.FAQ_ID, [e]);
+  ), { paramsEncrypt: l } = ht(), { history: c } = J(), o = O(() => (e == null ? void 0 : e.CHAT_ALIGN) === "to" ? "client" : "response", [e]), d = O(() => e == null ? void 0 : e.FAQ_ID, [e]);
   return /* @__PURE__ */ n.jsxs("div", { className: `w-bubble-chat ${`w-${o}`}`, children: [
     /* @__PURE__ */ n.jsx(
-      Y.Text,
+      V.Text,
       {
         style: {
           backgroundColor: "rgb(244, 245, 246)",
@@ -3307,21 +3385,21 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
           marginBottom: 8,
           display: "block"
         },
-        children: a ? e == null ? void 0 : e.MESSAGE : s
+        children: d ? e == null ? void 0 : e.MESSAGE : s
       }
     ),
-    a ? /* @__PURE__ */ n.jsx(
-      G,
+    d ? /* @__PURE__ */ n.jsx(
+      z,
       {
         block: !0,
         onClick: () => {
           typeof c < "u" && c.push(
-            i(`/standard/hrm.helpdesk.FAQ-detail/:${a}`)
+            l(`/standard/hrm.helpdesk.FAQ-detail/:${d}`)
           );
         },
         children: t
       }
-    ) : /* @__PURE__ */ n.jsx(Y.Text, { children: r }),
+    ) : /* @__PURE__ */ n.jsx(V.Text, { children: r }),
     /* @__PURE__ */ n.jsx(
       We,
       {
@@ -3331,42 +3409,42 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       }
     )
   ] });
-}, Kr = O(Yr), qr = ({ ...e }) => {
+}, qr = R(Kr), Jr = ({ ...e }) => {
   switch (e == null ? void 0 : e.CHAT_TYPE) {
     case "info":
-      return /* @__PURE__ */ n.jsx(zr, { ...e });
+      return /* @__PURE__ */ n.jsx(Yr, { ...e });
     case "faq":
-      return /* @__PURE__ */ n.jsx(Kr, { ...e });
+      return /* @__PURE__ */ n.jsx(qr, { ...e });
     case "chat":
-      return e != null && e.ATTACHMENT ? /* @__PURE__ */ n.jsx(Vr, { ...e }) : /* @__PURE__ */ n.jsx(Ur, { ...e });
+      return e != null && e.ATTACHMENT ? /* @__PURE__ */ n.jsx(Gr, { ...e }) : /* @__PURE__ */ n.jsx(Wr, { ...e });
     default:
       return null;
   }
-}, Jr = O(qr), Qr = () => {
+}, Qr = R(Jr), Zr = () => {
   var y;
-  const [e, t] = D([]), s = _("And", "and"), r = _("IsTyping", "Is Typing"), i = _("People", "People"), { employees: c, setTypingOtherEmp: o, objTypingOtherEmp: a } = De(), { ws: d, setGetResponse: u } = he(), { parsedJWT: f } = q(), x = R(() => e == null ? void 0 : e.filter((w) => a == null ? void 0 : a[w == null ? void 0 : w.EMP_ID]), [a, e]), g = R(() => {
-    const w = x == null ? void 0 : x.map((A) => A == null ? void 0 : A.FULL_NAME);
+  const [e, t] = D([]), s = k("And", "and"), r = k("IsTyping", "Is Typing"), l = k("People", "People"), { employees: c, setTypingOtherEmp: o, objTypingOtherEmp: d } = De(), { ws: a, setGetResponse: u } = he(), { parsedJWT: f } = J(), x = O(() => e == null ? void 0 : e.filter((w) => d == null ? void 0 : d[w == null ? void 0 : w.EMP_ID]), [d, e]), g = O(() => {
+    const w = x == null ? void 0 : x.map((_) => _ == null ? void 0 : _.FULL_NAME);
     if ((x == null ? void 0 : x.length) > 2) {
-      const A = w == null ? void 0 : w.filter((E, h) => h <= 1), p = w == null ? void 0 : w.filter((E, h) => h > 1);
-      return `${A == null ? void 0 : A.join(", ")}, ${s} ${p == null ? void 0 : p.length} ${i} ${r}`;
+      const _ = w == null ? void 0 : w.filter((v, E) => E <= 1), p = w == null ? void 0 : w.filter((v, E) => E > 1);
+      return `${_ == null ? void 0 : _.join(", ")}, ${s} ${p == null ? void 0 : p.length} ${l} ${r}`;
     }
     return `${w == null ? void 0 : w.join(", ")} ${r}`;
-  }, [e, x]), b = (w) => {
+  }, [e, x]), C = (w) => {
     if ((w == null ? void 0 : w.data) !== "PING") {
-      const A = JSON.parse((w == null ? void 0 : w.data) || "{}"), { DATA: p = {}, EVENT: E = "" } = A ?? {}, h = p == null ? void 0 : p.EMPLOYEE_ID, m = f == null ? void 0 : f.EMP_ID;
-      if (E === "TYPING") {
-        h === m ? u(!1) : o((j) => ({
+      const _ = JSON.parse((w == null ? void 0 : w.data) || "{}"), { DATA: p = {}, EVENT: v = "" } = _ ?? {}, E = p == null ? void 0 : p.EMPLOYEE_ID, b = f == null ? void 0 : f.EMP_ID;
+      if (v === "TYPING") {
+        E === b ? u(!1) : o((j) => ({
           ...j,
-          [h]: p == null ? void 0 : p.IS_TYPING
+          [E]: p == null ? void 0 : p.IS_TYPING
         }));
-        const v = c == null ? void 0 : c.find(
+        const h = c == null ? void 0 : c.find(
           (j) => (j == null ? void 0 : j.EMP_ID) === (p == null ? void 0 : p.EMPLOYEE_ID)
-        ), C = {
+        ), m = {
           ...p,
-          ...v
+          ...h
         };
         t((j) => {
-          const S = [...j, C], I = Tn({
+          const S = [...j, m], I = Tn({
             ArrObj: S,
             key: "EMPLOYEE_ID"
           });
@@ -3375,9 +3453,9 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       }
     }
   };
-  return Z(() => (d && (d == null || d.addEventListener("message", b)), () => {
-    d && (d == null || d.removeEventListener("message", b));
-  }), [c]), (y = Object.values(a || {})) != null && y.every((w) => w === !1) ? null : /* @__PURE__ */ n.jsxs(
+  return X(() => (a && (a == null || a.addEventListener("message", C)), () => {
+    a && (a == null || a.removeEventListener("message", C));
+  }), [c]), (y = Object.values(d || {})) != null && y.every((w) => w === !1) ? null : /* @__PURE__ */ n.jsxs(
     "div",
     {
       style: {
@@ -3396,66 +3474,66 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
               backgroundColor: "#fde3cf",
               cursor: "pointer"
             },
-            children: x == null ? void 0 : x.map((w, A) => /* @__PURE__ */ n.jsx(Se, { title: w == null ? void 0 : w.FULL_NAME, children: /* @__PURE__ */ n.jsx(Ee, { src: w == null ? void 0 : w.PHOTO, nameFallback: w == null ? void 0 : w.FULL_NAME }) }, A))
+            children: x == null ? void 0 : x.map((w, _) => /* @__PURE__ */ n.jsx(Se, { title: w == null ? void 0 : w.FULL_NAME, children: /* @__PURE__ */ n.jsx(Ee, { src: w == null ? void 0 : w.PHOTO, nameFallback: w == null ? void 0 : w.FULL_NAME }) }, _))
           }
         ),
-        /* @__PURE__ */ n.jsx(Y.Text, { children: g }),
+        /* @__PURE__ */ n.jsx(V.Text, { children: g }),
         (x == null ? void 0 : x.length) > 0 ? /* @__PURE__ */ n.jsx(ft, {}) : null
       ]
     }
   );
-}, Zr = O(Qr), Xr = () => {
+}, Xr = R(Zr), Pr = () => {
   var c;
-  const { chats: e } = De(), { widgetProps: t } = q(), { activeTab: s } = be(), r = z(), { xs: i } = ge.useBreakpoint();
-  return Z(() => {
+  const { chats: e } = De(), { widgetProps: t } = J(), { activeTab: s } = be(), r = Y(), { xs: l } = Ce.useBreakpoint();
+  return X(() => {
     clearTimeout(r.current), r.current = setTimeout(() => {
       me(".w-ticket-detail-content-container");
     }, 350);
   }, [s]), /* @__PURE__ */ n.jsxs(
     "div",
     {
-      className: `w-ticket-detail-content-container ${i ? 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 d, u;
-          const a = e == null ? void 0 : e[o];
+          var a, u;
+          const d = e == null ? void 0 : e[o];
           return /* @__PURE__ */ n.jsxs(gn, { children: [
-            /* @__PURE__ */ n.jsx("div", { className: "w-datekey-chats", children: (d = le(o)) == null ? void 0 : d.format("ddd, DD MMMM YYYY") }),
-            /* @__PURE__ */ n.jsx("div", { className: "w-bubble-chat-container", children: (u = rt(a)) == null ? void 0 : u.map((f, x) => {
+            /* @__PURE__ */ n.jsx("div", { className: "w-datekey-chats", children: (a = ae(o)) == null ? void 0 : a.format("ddd, DD MMMM YYYY") }),
+            /* @__PURE__ */ n.jsx("div", { className: "w-bubble-chat-container", children: (u = rt(d)) == null ? void 0 : u.map((f, x) => {
               var y, w;
-              const g = (f == null ? void 0 : f.CHAT_ALIGN) === "to" ? "client" : "response", b = f == null ? void 0 : f.CHAT_TYPE;
+              const g = (f == null ? void 0 : f.CHAT_ALIGN) === "to" ? "client" : "response", C = f == null ? void 0 : f.CHAT_TYPE;
               return /* @__PURE__ */ n.jsxs(gn, { children: [
-                g === "response" && b !== "info" && /* @__PURE__ */ n.jsx(
+                g === "response" && C !== "info" && /* @__PURE__ */ n.jsx(
                   Ue,
                   {
                     src: (y = f == null ? void 0 : f.ACTOR) == null ? void 0 : y.PHOTO,
                     name: (w = f == null ? void 0 : f.ACTOR) == null ? void 0 : w.FULL_NAME
                   }
                 ),
-                /* @__PURE__ */ n.jsx(Jr, { ...f })
+                /* @__PURE__ */ n.jsx(Qr, { ...f })
               ] }, x);
             }) })
           ] }, o);
         }),
-        /* @__PURE__ */ n.jsx(Zr, {})
+        /* @__PURE__ */ n.jsx(Xr, {})
       ]
     }
   );
-}, Pr = O(Xr), eo = () => {
+}, eo = R(Pr), no = () => {
   var c, o;
-  const { chats: e, loadingChats: t } = De(), { widgetProps: s } = q(), { xs: r } = ge.useBreakpoint(), i = R(() => {
-    var d;
-    const a = [fn];
-    return r && (s != null && s.isSF ? a == null || a.push(
+  const { chats: e, loadingChats: t } = De(), { widgetProps: s } = J(), { xs: r } = Ce.useBreakpoint(), l = O(() => {
+    var a;
+    const d = [fn];
+    return r && (s != null && s.isSF ? d == null || d.push(
       `${fn}-sf-mobile`
-    ) : a == null || a.push(`${fn}-mobile`)), (d = a == null ? void 0 : a.filter(Boolean)) == null ? void 0 : d.join(" ");
+    ) : d == null || d.push(`${fn}-mobile`)), (a = d == null ? void 0 : d.filter(Boolean)) == null ? void 0 : a.join(" ");
   }, [r, s == null ? void 0 : s.isSF]);
   return t ? /* @__PURE__ */ n.jsx(
     "div",
     {
-      className: `${i} w-ticket-detail-loading-chats`,
-      children: (c = Array.from({ length: 3 })) == null ? void 0 : c.map((a, d) => {
-        const u = d % 2 === 0;
+      className: `${l} w-ticket-detail-loading-chats`,
+      children: (c = Array.from({ length: 3 })) == null ? void 0 : c.map((d, a) => {
+        const u = a % 2 === 0;
         return /* @__PURE__ */ n.jsxs(
           "div",
           {
@@ -3467,7 +3545,7 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
               }
             },
             children: [
-              /* @__PURE__ */ n.jsx("div", { style: { order: u ? 2 : 1 }, children: /* @__PURE__ */ n.jsx(de.Avatar, {}) }),
+              /* @__PURE__ */ n.jsx("div", { style: { order: u ? 2 : 1 }, children: /* @__PURE__ */ n.jsx(ue.Avatar, {}) }),
               /* @__PURE__ */ n.jsxs(
                 "div",
                 {
@@ -3478,9 +3556,9 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
                     order: u ? 1 : 2
                   },
                   children: [
-                    /* @__PURE__ */ n.jsx(de.Input, { style: { width: 120, borderRadius: 8 } }),
+                    /* @__PURE__ */ n.jsx(ue.Input, { style: { width: 120, borderRadius: 8 } }),
                     /* @__PURE__ */ n.jsx(
-                      de.Input,
+                      ue.Input,
                       {
                         style: { height: 50, width: "100%", borderRadius: 8 }
                       }
@@ -3490,14 +3568,14 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
               )
             ]
           },
-          d
+          a
         );
       })
     }
   ) : ((o = Object.keys(e || {})) == null ? void 0 : o.length) === 0 ? /* @__PURE__ */ n.jsx(
     "div",
     {
-      className: i,
+      className: l,
       style: {
         display: "flex",
         justifyContent: "center",
@@ -3505,9 +3583,9 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       },
       children: /* @__PURE__ */ n.jsx(Xn, {})
     }
-  ) : /* @__PURE__ */ n.jsx(Pr, {});
-}, no = O(eo), to = ({ ...e }) => {
-  const t = z(0);
+  ) : /* @__PURE__ */ n.jsx(eo, {});
+}, to = R(no), so = ({ ...e }) => {
+  const t = Y(0);
   return /* @__PURE__ */ n.jsxs(
     "div",
     {
@@ -3522,7 +3600,7 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
             nameFallback: e == null ? void 0 : e.FULL_NAME,
             src: e == null ? void 0 : e.PHOTO,
             width: 80,
-            placeholder: /* @__PURE__ */ n.jsx(de.Image, { style: { width: "100%", height: "100%" } }),
+            placeholder: /* @__PURE__ */ n.jsx(ue.Image, { style: { width: "100%", height: "100%" } }),
             style: { borderRadius: 8 },
             preview: !1,
             loading: "lazy",
@@ -3532,25 +3610,25 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
           }
         ),
         /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
-          /* @__PURE__ */ n.jsx(Y.Text, { strong: !0, style: { fontSize: 18 }, children: e == null ? void 0 : e.FULL_NAME }),
-          /* @__PURE__ */ n.jsx(Y.Text, { children: e == null ? void 0 : e.POSITION_NAME }, e == null ? void 0 : e.POSITION_NAME),
-          /* @__PURE__ */ n.jsx(Y.Text, { children: e == null ? void 0 : e.DEPT_NAME }),
-          /* @__PURE__ */ n.jsx(Y.Text, { children: e == null ? void 0 : e.WORKLOCATION })
+          /* @__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 })
         ] })
       ]
     }
   );
-}, so = O(to), ro = ({ setLoadingUpload: e, isLoadingUpload: t }) => {
-  var p, E;
-  const s = en(), [r, i] = D({}), c = z(null), o = _(
+}, ro = R(so), oo = ({ setLoadingUpload: e, isLoadingUpload: t }) => {
+  var p, v;
+  const s = en(), [r, l] = D({}), c = Y(null), o = k(
     "ImageMustSmallerThan",
     "Image must smaller than"
-  ), a = _(
+  ), d = k(
     "MaximumFileSizeExceeded",
     "Maximum file size exceeded"
-  ), { onSendMsg: d } = he(), { employees: u, setChats: f, isFromSelf: x } = De(), { ticketId: g } = ve(), { activeTab: b } = be(), y = () => {
-    var h;
-    (h = s({
+  ), { onSendMsg: a } = he(), { employees: u, setChats: f, isFromSelf: x } = De(), { ticketId: g } = ve(), { activeTab: C } = be(), y = () => {
+    var E;
+    (E = s({
       endpoint: "/upload/get-upload-config",
       data: {
         LIMIT: 1,
@@ -3559,51 +3637,51 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
           UPLOAD_CODE: "helpdesk"
         }
       }
-    })) == null || h.then((m) => {
-      var C, j;
-      const v = (j = (C = m == null ? void 0 : m.data) == null ? void 0 : C.DATA) == null ? void 0 : j.LIST;
-      (v == null ? void 0 : v.length) > 0 && i(v == null ? void 0 : v[0]);
+    })) == null || E.then((b) => {
+      var m, j;
+      const h = (j = (m = b == null ? void 0 : b.data) == null ? void 0 : m.DATA) == null ? void 0 : j.LIST;
+      (h == null ? void 0 : h.length) > 0 && l(h == null ? void 0 : h[0]);
     });
-  }, w = (h) => {
-    var C, j, S;
-    const m = h.size / 1024 / 1024, v = (r == null ? void 0 : r.MAXFILESIZE) / 1024;
-    return m > v && ((C = Ce) == null || C.destroy(), (j = Ce) == null || j.config({
+  }, w = (E) => {
+    var m, j, S;
+    const b = E.size / 1024 / 1024, h = (r == null ? void 0 : r.MAXFILESIZE) / 1024;
+    return b > h && ((m = ie) == null || m.destroy(), (j = ie) == null || j.config({
       getContainer: () => document.querySelector(".w-widget-content-container"),
       top: 28,
       placement: "top"
-    }), (S = Ce) == null || S.error({
-      message: a,
-      description: `${o} ${v == null ? void 0 : v.toFixed(
+    }), (S = ie) == null || S.error({
+      message: d,
+      description: `${o} ${h == null ? void 0 : h.toFixed(
         1
       )} MB!`,
       className: "w-notification-content",
       duration: 3
     })), !1;
-  }, A = (h) => {
-    var v, C;
+  }, _ = (E) => {
+    var h, m;
     e(!0);
-    const m = new FormData();
-    m.append("UPLOAD_CODE", r == null ? void 0 : r.UPLOAD_CODE), m.append("UPLOAD_TYPE", r == null ? void 0 : r.UPLOAD_TYPE), m.append("FILE", h), (C = (v = s({
+    const b = new FormData();
+    b.append("UPLOAD_CODE", r == null ? void 0 : r.UPLOAD_CODE), b.append("UPLOAD_TYPE", r == null ? void 0 : r.UPLOAD_TYPE), b.append("FILE", E), (m = (h = s({
       endpoint: "/upload/temp",
-      data: m,
+      data: b,
       headers: {
         "Content-Type": "multipart/form-data"
       }
-    })) == null ? void 0 : v.then((j) => {
+    })) == null ? void 0 : h.then((j) => {
       var S, I, B, M, L;
       if ((I = (S = j == null ? void 0 : j.data) == null ? void 0 : S.DATA) != null && I.LIST) {
         const F = (M = (B = j == null ? void 0 : j.data) == null ? void 0 : B.DATA) == null ? void 0 : M.LIST, $ = {
           ATTACHMENT: F == null ? void 0 : F.VIEW_PATH,
           FAQ_ID: null,
           MESSAGE: "",
-          CREATED_DATE: (L = le()) == null ? void 0 : L.format(`${hn} HH:mm:ss`),
+          CREATED_DATE: (L = ae()) == null ? void 0 : L.format(`${hn} HH:mm:ss`),
           CHAT_ALIGN: "to",
           CHAT_TYPE: "chat"
         };
         f((H) => {
-          const Q = [...yn(H), $];
-          return Qe(Q);
-        }), x.current = !0, d({
+          const Z = [...yn(H), $];
+          return Qe(Z);
+        }), x.current = !0, a({
           event: "SEND_MESSAGE",
           data: {
             ATTACHMENT: F == null ? void 0 : F.TEMP_PATH,
@@ -3616,26 +3694,26 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
           me(".w-ticket-detail-content-container");
         }, 350);
       }
-    })) == null || C.finally(() => {
+    })) == null || m.finally(() => {
       e(!1);
     });
   };
-  return Z(() => {
+  return X(() => {
     y();
-  }, []), Z(() => {
-    var h;
-    (h = Ce) == null || h.destroy();
-  }, [b]), /* @__PURE__ */ n.jsx(
+  }, []), X(() => {
+    var E;
+    (E = ie) == null || E.destroy();
+  }, [C]), /* @__PURE__ */ n.jsx(
     Zn,
     {
       beforeUpload: w,
       fileList: [],
-      accept: (E = (p = r == null ? void 0 : r.EXT_LIST) == null ? void 0 : p.split(",")) == null ? void 0 : E.map((h) => `.${h}`),
-      onChange: (h) => {
-        A(h == null ? void 0 : h.file);
+      accept: (v = (p = r == null ? void 0 : r.EXT_LIST) == null ? void 0 : p.split(",")) == null ? void 0 : v.map((E) => `.${E}`),
+      onChange: (E) => {
+        _(E == null ? void 0 : E.file);
       },
       children: /* @__PURE__ */ n.jsx(
-        G,
+        z,
         {
           loading: t,
           icon: /* @__PURE__ */ n.jsx(P, { type: "paper-clip" }),
@@ -3645,89 +3723,89 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       )
     }
   );
-}, oo = O(ro), co = (e) => {
+}, co = R(oo), io = (e) => {
   var r;
-  const t = z(null), s = z(null);
-  return s != null && s.current && ((r = s.current) == null || r.update(e)), Z(() => {
+  const t = Y(null), s = Y(null);
+  return s != null && s.current && ((r = s.current) == null || r.update(e)), X(() => {
     var c;
-    const i = (c = window == null ? void 0 : window.customElements) == null ? void 0 : c.get("em-emoji-picker");
-    return s.current = new (i || os)({ ...e, ref: t }), () => {
+    const l = (c = window == null ? void 0 : window.customElements) == null ? void 0 : c.get("em-emoji-picker");
+    return s.current = new (l || cs)({ ...e, ref: t }), () => {
       s.current = null;
     };
   }, []), mn.createElement("div", { ref: t });
-}, io = ({ refInput: e }) => {
-  const { xs: t } = ge.useBreakpoint(), s = R(() => t ? "click" : "hover", [t]), r = () => {
+}, lo = ({ refInput: e }) => {
+  const { xs: t } = Ce.useBreakpoint(), s = O(() => t ? "click" : "hover", [t]), r = () => {
     var g;
     const c = (g = e == null ? void 0 : e.current) == null ? void 0 : g.textarea;
     if (!c)
       return !1;
-    const { selectionStart: o, selectionEnd: a, value: d } = c, u = d == null ? void 0 : d.substring(0, o), f = d == null ? void 0 : d.substring(o, a), x = d == null ? void 0 : d.substring(a);
+    const { selectionStart: o, selectionEnd: d, value: a } = c, u = a == null ? void 0 : a.substring(0, o), f = a == null ? void 0 : a.substring(o, d), x = a == null ? void 0 : a.substring(d);
     return {
       before: u,
       selectedText: f,
       after: x,
       selectionStart: o,
-      selectionEnd: a,
-      text: d
+      selectionEnd: d,
+      text: a
     };
-  }, i = (c) => {
+  }, l = (c) => {
     var x, g;
     (x = e == null ? void 0 : e.current) == null || x.focus();
-    const o = (g = e == null ? void 0 : e.current) == null ? void 0 : g.textarea, a = c == null ? void 0 : c.native;
+    const o = (g = e == null ? void 0 : e.current) == null ? void 0 : g.textarea, d = c == null ? void 0 : c.native;
     if (!o) return;
-    const { before: d, after: u } = r(), f = `${d}${a}${u}`;
-    typeof document.execCommand == "function" ? document.execCommand("insertText", !1, a) : o.value = f;
+    const { before: a, after: u } = r(), f = `${a}${d}${u}`;
+    typeof document.execCommand == "function" ? document.execCommand("insertText", !1, d) : o.value = f;
   };
   return /* @__PURE__ */ n.jsx(
     vn,
     {
       trigger: s,
       content: /* @__PURE__ */ n.jsx(
-        co,
+        io,
         {
           onEmojiSelect: (c) => {
-            i(c);
+            l(c);
           },
           theme: "auto"
         }
       ),
-      children: /* @__PURE__ */ n.jsx(G, { icon: /* @__PURE__ */ n.jsx(P, { type: "smile" }), style: { border: "none" } })
+      children: /* @__PURE__ */ n.jsx(z, { icon: /* @__PURE__ */ n.jsx(P, { type: "smile" }), style: { border: "none" } })
     }
   );
-}, lo = O(io), ao = () => {
-  const [e, t] = D(0), [s, r] = D(!1), i = z(null), c = z(null), o = z(!1), a = z(null), { onSendMsg: d, setGetResponse: u, isGetResponse: f } = he(), { ticketId: x } = ve(), { isActiveTabVA: g } = be(), { employees: b, setChats: y, isFromSelf: w, detailTicket: A } = De(), p = R(() => s || !f, [s, f]), E = R(() => {
-    var C;
-    return ((C = A == null ? void 0 : A.STATUS) == null ? void 0 : C.toString().toLowerCase()) === "closed";
-  }, [A == null ? void 0 : A.STATUS]), h = R(() => b == null ? void 0 : b.map((C) => ({
-    ...C,
+}, ao = R(lo), uo = () => {
+  const [e, t] = D(0), [s, r] = D(!1), l = Y(null), c = Y(null), o = Y(!1), d = Y(null), { onSendMsg: a, setGetResponse: u, isGetResponse: f } = he(), { ticketId: x } = ve(), { isActiveTabVA: g } = be(), { employees: C, setChats: y, isFromSelf: w, detailTicket: _ } = De(), p = O(() => s || !f, [s, f]), v = O(() => {
+    var m;
+    return ((m = _ == null ? void 0 : _.STATUS) == null ? void 0 : m.toString().toLowerCase()) === "closed";
+  }, [_ == null ? void 0 : _.STATUS]), E = O(() => C == null ? void 0 : C.map((m) => ({
+    ...m,
     label: /* @__PURE__ */ n.jsx(
       vn,
       {
         placement: "left",
-        content: /* @__PURE__ */ n.jsx(so, { ...C }),
-        children: /* @__PURE__ */ n.jsx("div", { children: /* @__PURE__ */ n.jsx(Ue, { src: C == null ? void 0 : C.PHOTO, name: C == null ? void 0 : C.FULL_NAME }) })
+        content: /* @__PURE__ */ n.jsx(ro, { ...m }),
+        children: /* @__PURE__ */ n.jsx("div", { children: /* @__PURE__ */ n.jsx(Ue, { src: m == null ? void 0 : m.PHOTO, name: m == null ? void 0 : m.FULL_NAME }) })
       }
     ),
-    value: C == null ? void 0 : C.FULL_NAME
-  })), [b]), m = () => {
+    value: m == null ? void 0 : m.FULL_NAME
+  })), [C]), b = () => {
     var S, I, B;
     u(!1);
-    const C = (I = (S = i == null ? void 0 : i.current) == null ? void 0 : S.textarea) == null ? void 0 : I.value;
-    d({
+    const m = (I = (S = l == null ? void 0 : l.current) == null ? void 0 : S.textarea) == null ? void 0 : I.value;
+    a({
       event: "SEND_MESSAGE",
       data: {
         ATTACHMENT: "",
         FAQ_ID: null,
-        MESSAGE: C,
-        EMPLOYEES: b == null ? void 0 : b.map((M) => M == null ? void 0 : M.EMP_ID),
+        MESSAGE: m,
+        EMPLOYEES: C == null ? void 0 : C.map((M) => M == null ? void 0 : M.EMP_ID),
         TASK_ID: x
       }
     });
     const j = {
       ATTACHMENT: "",
       FAQ_ID: null,
-      MESSAGE: C,
-      CREATED_DATE: (B = le()) == null ? void 0 : B.format(`${hn} HH:mm:ss`),
+      MESSAGE: m,
+      CREATED_DATE: (B = ae()) == null ? void 0 : B.format(`${hn} HH:mm:ss`),
       CHAT_ALIGN: "to",
       CHAT_TYPE: "chat"
     };
@@ -3735,15 +3813,15 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       const F = [...yn(M), j];
       return Qe(F);
     }), w.current = !0, me(".w-ticket-detail-content-container"), t((M) => M + 1);
-  }, v = () => {
-    window.clearTimeout(c.current), o.current || (o.current = !0, d({
+  }, h = () => {
+    window.clearTimeout(c.current), o.current || (o.current = !0, a({
       event: "TYPING",
       data: {
         TASK_ID: x,
         IS_TYPING: !0
       }
     })), c.current = setTimeout(() => {
-      d({
+      a({
         event: "TYPING",
         data: {
           TASK_ID: x,
@@ -3752,12 +3830,12 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       }), o.current = !1;
     }, 250);
   };
-  return Z(() => {
-    i != null && i.current && !g && x && (clearTimeout(a.current), a.current = setTimeout(() => {
-      var C;
-      (C = i == null ? void 0 : i.current) == null || C.focus();
+  return X(() => {
+    l != null && l.current && !g && x && (clearTimeout(d.current), d.current = setTimeout(() => {
+      var m;
+      (m = l == null ? void 0 : l.current) == null || m.focus();
     }, 500));
-  }, [g, x]), E ? null : /* @__PURE__ */ n.jsxs(
+  }, [g, x]), v ? null : /* @__PURE__ */ n.jsxs(
     "div",
     {
       className: "w-input-container",
@@ -3765,9 +3843,9 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         margin: 0
       },
       children: [
-        /* @__PURE__ */ n.jsx(lo, { refInput: i }),
+        /* @__PURE__ */ n.jsx(ao, { refInput: l }),
         /* @__PURE__ */ n.jsx(
-          oo,
+          co,
           {
             setLoadingUpload: r,
             isLoadingUpload: s
@@ -3779,26 +3857,26 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
             autoSize: {
               maxRows: 3
             },
-            ref: i,
+            ref: l,
             className: "w-input-helpdesk",
             placeholder: "Type a message...",
             onChange: () => {
-              v();
+              h();
             },
-            onKeyDown: (C) => {
-              ((C == null ? void 0 : C.code) === "Enter" || (C == null ? void 0 : C.key) === "Enter") && !(C != null && C.shiftKey) && m();
+            onKeyDown: (m) => {
+              ((m == null ? void 0 : m.code) === "Enter" || (m == null ? void 0 : m.key) === "Enter") && !(m != null && m.shiftKey) && b();
             },
-            filterOption: (C, j) => {
+            filterOption: (m, j) => {
               var B, M, L;
-              const S = (B = C == null ? void 0 : C.toString()) == null ? void 0 : B.toLowerCase(), I = (L = (M = j == null ? void 0 : j.FULL_NAME) == null ? void 0 : M.toString()) == null ? void 0 : L.toLowerCase();
+              const S = (B = m == null ? void 0 : m.toString()) == null ? void 0 : B.toLowerCase(), I = (L = (M = j == null ? void 0 : j.FULL_NAME) == null ? void 0 : M.toString()) == null ? void 0 : L.toLowerCase();
               return I == null ? void 0 : I.includes(S);
             },
-            children: h == null ? void 0 : h.map((C, j) => /* @__PURE__ */ n.jsx(Un.Option, { ...C, children: C == null ? void 0 : C.label }, j))
+            children: E == null ? void 0 : E.map((m, j) => /* @__PURE__ */ n.jsx(Un.Option, { ...m, children: m == null ? void 0 : m.label }, j))
           },
           e
         ),
         /* @__PURE__ */ n.jsx(
-          G,
+          z,
           {
             loading: p,
             disabled: p,
@@ -3811,26 +3889,26 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
             },
             icon: /* @__PURE__ */ n.jsx(P, { type: p ? "loading" : "send" }),
             shape: "circle",
-            onClick: m
+            onClick: b
           }
         )
       ]
     }
   );
-}, uo = O(ao), fo = ({ title: e, subTitle: t, onClose: s, open: r, styleWrapper: i }) => {
+}, fo = R(uo), xo = ({ title: e, subTitle: t, onClose: s, open: r, styleWrapper: l }) => {
   var c;
   return r ? /* @__PURE__ */ n.jsx(
     "div",
     {
       className: "w-banner-container",
-      ...((c = Object.keys(i || {})) == null ? void 0 : c.length) > 0 && {
-        style: i
+      ...((c = Object.keys(l || {})) == null ? void 0 : c.length) > 0 && {
+        style: l
       },
       children: /* @__PURE__ */ n.jsxs("div", { className: "w-banner-content", children: [
-        e && /* @__PURE__ */ n.jsx(Y.Text, { style: { fontSize: 16, fontWeight: 600 }, children: e }),
+        e && /* @__PURE__ */ n.jsx(V.Text, { style: { fontSize: 16, fontWeight: 600 }, children: e }),
         t && /* @__PURE__ */ n.jsx("div", { className: "w-banner-subtitle", children: t }),
         typeof s == "function" && /* @__PURE__ */ n.jsx("div", { className: "w-banner-close-btn", children: /* @__PURE__ */ n.jsx(
-          G,
+          z,
           {
             style: { border: "none", background: "transparent" },
             icon: /* @__PURE__ */ n.jsx(P, { type: "close" }),
@@ -3840,23 +3918,23 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       ] })
     }
   ) : null;
-}, Et = O(fo), xo = () => {
-  const e = _(
+}, Et = R(xo), go = () => {
+  const e = k(
     "ForMoreInformationOfThisTicket",
     "For more information of this ticket"
-  ), t = _("ClickHere", "Click here"), { ticketId: s } = ve(), { history: r } = q(), { encrypt: i } = ht();
+  ), t = k("ClickHere", "Click here"), { ticketId: s } = ve(), { history: r } = J(), { encrypt: l } = ht();
   return /* @__PURE__ */ n.jsx(
     Et,
     {
       subTitle: /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-        /* @__PURE__ */ n.jsx(Y.Text, { children: e }),
+        /* @__PURE__ */ n.jsx(V.Text, { children: e }),
         /* @__PURE__ */ n.jsx(
-          Y.Link,
+          V.Link,
           {
             strong: !0,
             className: "w-reconnect-manual",
             onClick: () => {
-              const c = i(s);
+              const c = l(s);
               r.push(
                 `/standard/hrm.helpdesk.my-ticket.ticket-details?id=${c}`
               );
@@ -3871,27 +3949,27 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       }
     }
   );
-}, go = O(xo), Co = ({ onClose: e, visible: t }) => /* @__PURE__ */ n.jsx(bt, { open: t, onClose: e, children: /* @__PURE__ */ n.jsxs(Hr, { children: [
-  /* @__PURE__ */ n.jsx($r, { onClose: e }),
-  /* @__PURE__ */ n.jsx(go, {}),
-  /* @__PURE__ */ n.jsx(no, {}),
-  /* @__PURE__ */ n.jsx(uo, {})
-] }) }), mo = O(Co), bo = () => {
-  const e = _("AdvanceFilter", "Advance Filter"), t = _("Subject", "Subject"), s = _(
+}, Co = R(go), mo = ({ onClose: e, visible: t }) => /* @__PURE__ */ n.jsx(bt, { open: t, onClose: e, children: /* @__PURE__ */ n.jsxs(Ir, { children: [
+  /* @__PURE__ */ n.jsx(Br, { onClose: e }),
+  /* @__PURE__ */ n.jsx(Co, {}),
+  /* @__PURE__ */ n.jsx(to, {}),
+  /* @__PURE__ */ n.jsx(fo, {})
+] }) }), bo = R(mo), vo = () => {
+  const e = k("AdvanceFilter", "Advance Filter"), t = k("Subject", "Subject"), s = k(
     "TicketCategory",
     "Ticket Category"
-  ), r = _("TicketStatus", "Ticket Status"), i = _("CreatedDate", "Created Date"), c = _("New", "New"), o = _("Open", "Open"), a = _("Reopen", "Reopen"), d = _("InProgress", "In Progress"), u = _("Responded", "Responded"), f = _("Fixed", "Fixed"), x = _("Done", "Done"), g = _("Closed", "Closed"), b = _("HDCancelled", "Cancelled"), y = _("Clear", "Clear"), w = _("Filter", "Filter"), A = en(), [p] = oe.useForm(), { openFilter: E, setOpenFilter: h, getListTicket: m, setCountFilters: v } = ve(), [C, j] = D([]), S = R(() => {
-    const M = `${c}/${o}/${a}`, L = `${d}/${u}`, F = `${f}/${x}`;
+  ), r = k("TicketStatus", "Ticket Status"), l = k("CreatedDate", "Created Date"), c = k("New", "New"), o = k("Open", "Open"), d = k("Reopen", "Reopen"), a = k("InProgress", "In Progress"), u = k("Responded", "Responded"), f = k("Fixed", "Fixed"), x = k("Done", "Done"), g = k("Closed", "Closed"), C = k("HDCancelled", "Cancelled"), y = k("Clear", "Clear"), w = k("Filter", "Filter"), _ = en(), [p] = oe.useForm(), { openFilter: v, setOpenFilter: E, getListTicket: b, setCountFilters: h } = ve(), [m, j] = D([]), S = O(() => {
+    const M = `${c}/${o}/${d}`, L = `${a}/${u}`, F = `${f}/${x}`;
     return [
       { value: 3, label: M },
       { value: 1, label: L },
       { value: 4, label: F },
       { value: 6, label: g },
-      { value: 8, label: b }
+      { value: 8, label: C }
     ];
   }, []), I = () => {
     var M;
-    (M = A({
+    (M = _({
       endpoint: "/helpdesk/category/list",
       data: {
         LIMIT: 999999,
@@ -3902,11 +3980,11 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     })) == null || M.then((L) => {
       var F, $, H;
       if ((F = L == null ? void 0 : L.data) != null && F.DATA) {
-        const V = (H = ($ = L == null ? void 0 : L.data) == null ? void 0 : $.DATA) == null ? void 0 : H.LIST;
+        const G = (H = ($ = L == null ? void 0 : L.data) == null ? void 0 : $.DATA) == null ? void 0 : H.LIST;
         j(
-          V == null ? void 0 : V.map((Q) => ({
-            label: Q == null ? void 0 : Q.CATEGORY_NAME,
-            value: Q == null ? void 0 : Q.CATEGORY_CODE
+          G == null ? void 0 : G.map((Z) => ({
+            label: Z == null ? void 0 : Z.CATEGORY_NAME,
+            value: Z == null ? void 0 : Z.CATEGORY_CODE
           }))
         );
       }
@@ -3914,23 +3992,23 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
   }, B = () => {
     var F, $;
     const M = p == null ? void 0 : p.getFieldsValue(!0);
-    m(M);
+    b(M);
     const L = ($ = (F = Object.values(M || {})) == null ? void 0 : F.flat()) == null ? void 0 : $.filter(Boolean);
-    v(L == null ? void 0 : L.length);
+    h(L == null ? void 0 : L.length);
   };
-  return Z(() => {
+  return X(() => {
     I();
   }, []), /* @__PURE__ */ n.jsxs(
     bt,
     {
       styleContainer: { height: "calc(100% - 50px)" },
-      open: E,
+      open: v,
       onClose: () => {
-        h(!1);
+        E(!1);
       },
       footer: /* @__PURE__ */ n.jsxs("div", { className: "w-ticket-list-advance-filter-footer", children: [
         /* @__PURE__ */ n.jsx(
-          G,
+          z,
           {
             onClick: () => {
               p == null || p.resetFields(), B();
@@ -3940,11 +4018,11 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
           "clear"
         ),
         /* @__PURE__ */ n.jsx(
-          G,
+          z,
           {
             type: "primary",
             onClick: () => {
-              B(), h(!1);
+              B(), E(!1);
             },
             children: w
           },
@@ -3952,29 +4030,29 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         )
       ] }),
       children: [
-        /* @__PURE__ */ n.jsx(Y.Text, { strong: !0, style: { fontSize: 16 }, children: e }),
+        /* @__PURE__ */ n.jsx(V.Text, { strong: !0, style: { fontSize: 16 }, children: e }),
         /* @__PURE__ */ n.jsx("div", { className: "w-ticket-list-advance-filter-form-container", children: /* @__PURE__ */ n.jsxs(oe, { form: p, layout: "vertical", children: [
           /* @__PURE__ */ n.jsx(oe.Item, { label: t, name: "TASK_NAME", children: /* @__PURE__ */ n.jsx(Be, { allowClear: !0 }) }),
-          /* @__PURE__ */ n.jsx(oe.Item, { label: s, name: "CATEGORY_CODE", children: /* @__PURE__ */ n.jsx(Wn, { options: C, mode: "multiple", allowClear: !0 }) }),
+          /* @__PURE__ */ n.jsx(oe.Item, { label: s, name: "CATEGORY_CODE", children: /* @__PURE__ */ n.jsx(Wn, { options: m, mode: "multiple", allowClear: !0 }) }),
           /* @__PURE__ */ n.jsx(oe.Item, { label: r, name: "TASK_STATUS", children: /* @__PURE__ */ n.jsx(Wn, { options: S, mode: "multiple", allowClear: !0 }) }),
-          /* @__PURE__ */ n.jsx(oe.Item, { label: i, name: "CREATED_DATE", children: /* @__PURE__ */ n.jsx(Zt, { style: { width: "100%" }, allowClear: !0 }) })
+          /* @__PURE__ */ n.jsx(oe.Item, { label: l, name: "CREATED_DATE", children: /* @__PURE__ */ n.jsx(Xt, { style: { width: "100%" }, allowClear: !0 }) })
         ] }) })
       ]
     }
   );
-}, vo = O(bo), ho = () => {
-  const e = _(
+}, ho = R(vo), Eo = () => {
+  const e = k(
     "ReconnectManually",
     "Reconnect Manually"
-  ), t = _(
+  ), t = k(
     "HelpdeskWebsocket",
     "Helpdesk Websocket"
-  ), s = _("NotConnected", "Not Connected"), r = _("Connecting", "Connecting"), {
-    connectWebSocket: i,
+  ), s = k("NotConnected", "Not Connected"), r = k("Connecting", "Connecting"), {
+    connectWebSocket: l,
     retryCountState: c,
     setRetryCountState: o,
-    retryCountRef: a
-  } = he(), d = R(() => c === Ie ? `${t} ${s}` : `${t} ${r}`, [c]);
+    retryCountRef: d
+  } = he(), a = O(() => c === Ie ? `${t} ${s}` : `${t} ${r}`, [c]);
   return /* @__PURE__ */ n.jsx(
     "div",
     {
@@ -3985,20 +4063,20 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         height: "100%"
       },
       children: /* @__PURE__ */ n.jsx(
-        Xt,
+        Pt,
         {
           ...c === Ie ? {
             status: "warning"
           } : {
             icon: null
           },
-          title: d,
+          title: a,
           extra: c === Ie ? /* @__PURE__ */ n.jsx(
-            G,
+            z,
             {
               type: "primary",
               onClick: () => {
-                a.current = 0, o(0), i();
+                d.current = 0, o(0), l();
               },
               children: e
             },
@@ -4016,15 +4094,15 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       )
     }
   );
-}, Eo = O(ho), To = () => {
-  const { setTicketId: e, ticketId: t, openFilter: s } = ve(), { onSendMsg: r, setGetResponse: i } = he(), { showReadyWSHD: c } = q();
+}, To = R(Eo), yo = () => {
+  const { setTicketId: e, ticketId: t, openFilter: s } = ve(), { onSendMsg: r, setGetResponse: l } = he(), { showReadyWSHD: c } = J();
   return c ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
     /* @__PURE__ */ n.jsx(
-      mo,
+      bo,
       {
         visible: t,
         onClose: () => {
-          e(""), i(!1), r({
+          e(""), l(!1), r({
             event: "LEAVE_ROOM",
             data: {
               TASK_ID: t
@@ -4033,22 +4111,22 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         }
       }
     ),
-    /* @__PURE__ */ n.jsx("div", { style: { display: !t && !s ? "block" : "none" }, children: /* @__PURE__ */ n.jsx(Mr, {}) }),
-    /* @__PURE__ */ n.jsx(vo, {})
-  ] }) : /* @__PURE__ */ n.jsx(Eo, {});
-}, yo = O(To), jo = ({ children: e, usePopover: t, ...s }) => t ? /* @__PURE__ */ n.jsx(vn, { ...s, visible: s == null ? void 0 : s.open, children: e }) : e, wo = () => {
-  const e = _("NeedHelp", "Need Help"), t = _(
+    /* @__PURE__ */ n.jsx("div", { style: { display: !t && !s ? "block" : "none" }, children: /* @__PURE__ */ n.jsx(Fr, {}) }),
+    /* @__PURE__ */ n.jsx(ho, {})
+  ] }) : /* @__PURE__ */ n.jsx(To, {});
+}, jo = R(yo), wo = ({ children: e, usePopover: t, ...s }) => t ? /* @__PURE__ */ n.jsx(vn, { ...s, visible: s == null ? void 0 : s.open, children: e }) : e, po = () => {
+  const e = k("NeedHelp", "Need Help"), t = k(
     "WidgetDisconnected",
     "Widget Disconnected"
-  ), [s, r] = D(!0), i = z(), { widgetProps: c, setOpenWidget: o, isFirstOpenWidget: a, setFirstOpenWidget: d } = q(), { onSendMsg: u, connected: f, isHandshakeWidget: x } = ue(), g = () => {
+  ), [s, r] = D(!0), l = Y(), { widgetProps: c, setOpenWidget: o, isFirstOpenWidget: d, setFirstOpenWidget: a } = J(), { onSendMsg: u, connected: f, isHandshakeWidget: x } = fe(), g = () => {
     o(!0), u({ msg: c == null ? void 0 : c.getStartedPayload });
   };
-  return Z(() => {
-    r(!f), window.clearTimeout(i.current), i.current = setTimeout(() => {
+  return X(() => {
+    r(!f), window.clearTimeout(l.current), l.current = setTimeout(() => {
       r(!1);
     }, 3e3);
   }, [f]), /* @__PURE__ */ n.jsx(
-    jo,
+    wo,
     {
       usePopover: s && x === "show",
       open: s && x === "show",
@@ -4059,12 +4137,12 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         {
           className: "w-launcher-container",
           onClick: () => {
-            a || (d(!0), g()), o(!0);
+            d || (a(!0), g()), o(!0);
           },
           children: [
             /* @__PURE__ */ n.jsx(P, { type: "chat-bubble" }),
             /* @__PURE__ */ n.jsxs(
-              Y.Text,
+              V.Text,
               {
                 style: {
                   fontWeight: 600,
@@ -4081,27 +4159,27 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       )
     }
   );
-}, po = O(wo), _o = () => {
-  const e = _("NotConnected", "Not Connected"), t = _(
+}, _o = R(po), ko = () => {
+  const e = k("NotConnected", "Not Connected"), t = k(
     "CannotAutoReconnect",
     "Cannot auto reconnect"
-  ), s = _(
+  ), s = k(
     "ReconnectManually",
     "Reconnect Manually"
-  ), [r, i] = D(!1), { connected: c, createSocket: o } = ue(), { widgetProps: a } = q();
-  return Z(() => {
-    i(!c);
+  ), [r, l] = D(!1), { connected: c, createSocket: o } = fe(), { widgetProps: d } = J();
+  return X(() => {
+    l(!c);
   }, [c]), /* @__PURE__ */ n.jsx(
     Et,
     {
-      title: `${a == null ? void 0 : a.title} ${e}`,
+      title: `${d == null ? void 0 : d.title} ${e}`,
       subTitle: /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-        /* @__PURE__ */ n.jsxs(Y.Text, { children: [
+        /* @__PURE__ */ n.jsxs(V.Text, { children: [
           t,
           "?"
         ] }),
         /* @__PURE__ */ n.jsx(
-          Y.Link,
+          V.Link,
           {
             strong: !0,
             className: "w-reconnect-manual",
@@ -4112,50 +4190,50 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
           }
         )
       ] }),
-      onClose: () => i(!1),
+      onClose: () => l(!1),
       open: !c && r
     }
   );
-}, ko = O(
-  _o
-), Ao = () => {
-  const { xs: e } = ge.useBreakpoint(), [t, s] = D(!1), { isOpenWidget: r, widgetProps: i } = q(), { isActiveTabVA: c } = be(), o = z(null), a = R(() => {
+}, Ao = R(
+  ko
+), So = () => {
+  const { xs: e } = Ce.useBreakpoint(), [t, s] = D(!1), { isOpenWidget: r, widgetProps: l } = J(), { isActiveTabVA: c } = be(), o = Y(null), d = O(() => {
     var f;
     const u = [un];
-    return e && (i != null && i.isSF ? u == null || u.push(`${un}-sf-mobile`) : u == null || u.push(`${un}-mobile`)), (f = u == null ? void 0 : u.filter(Boolean)) == null ? void 0 : f.join(" ");
-  }, [e, i == null ? void 0 : i.isSF]), d = Gt(
+    return e && (l != null && l.isSF ? u == null || u.push(`${un}-sf-mobile`) : u == null || u.push(`${un}-mobile`)), (f = u == null ? void 0 : u.filter(Boolean)) == null ? void 0 : f.join(" ");
+  }, [e, l == null ? void 0 : l.isSF]), a = Gt(
     (u) => {
       var x;
       const f = [u, xn == null ? void 0 : xn.FADE_IN];
-      return i != null && i.isSF && (f == null || f.push(`${u}-sf`)), e && (i != null && i.isSF ? f == null || f.push(`${u}-sf-mobile`) : f == null || f.push(`${u}-mobile`)), (x = f == null ? void 0 : f.filter(Boolean)) == null ? void 0 : x.join(" ");
+      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(" ");
     },
-    [i == null ? void 0 : i.isSF, e]
+    [l == null ? void 0 : l.isSF, e]
   );
-  return Z(() => {
+  return X(() => {
     r && s(r), clearTimeout(o.current), o.current = setTimeout(() => {
       r || s(r);
     }, 250);
-  }, [r]), t ? /* @__PURE__ */ n.jsxs("div", { className: a, children: [
+  }, [r]), t ? /* @__PURE__ */ n.jsxs("div", { className: d, children: [
     /* @__PURE__ */ n.jsxs("div", { style: { display: c ? "block" : "none" }, children: [
-      /* @__PURE__ */ n.jsx("div", { className: d(bs), children: /* @__PURE__ */ n.jsx(wr, {}) }),
-      /* @__PURE__ */ n.jsx(_r, {})
+      /* @__PURE__ */ n.jsx("div", { className: a(vs), children: /* @__PURE__ */ n.jsx(pr, {}) }),
+      /* @__PURE__ */ n.jsx(kr, {})
     ] }),
-    /* @__PURE__ */ n.jsx("div", { style: { display: c ? "none" : "block" }, children: /* @__PURE__ */ n.jsx("div", { className: d(vs), children: /* @__PURE__ */ n.jsx(Dr, { children: /* @__PURE__ */ n.jsx(Lr, { children: /* @__PURE__ */ n.jsx(yo, {}) }) }) }) }),
-    /* @__PURE__ */ n.jsx(ko, {})
-  ] }) : /* @__PURE__ */ n.jsx(po, {});
-}, So = O(Ao), Lo = ({ items: e, ...t }) => Le != null && Le.startsWith("5") || Oe != null && Oe.startsWith("18") ? /* @__PURE__ */ n.jsx(cn, { ...t, items: e }) : /* @__PURE__ */ n.jsx(cn, { ...t, children: e == null ? void 0 : e.map(({ ...s }) => /* @__PURE__ */ bn(
+    /* @__PURE__ */ n.jsx("div", { style: { display: c ? "none" : "block" }, children: /* @__PURE__ */ n.jsx("div", { className: a(hs), children: /* @__PURE__ */ n.jsx(Nr, { children: /* @__PURE__ */ n.jsx(Rr, { children: /* @__PURE__ */ n.jsx(jo, {}) }) }) }) }),
+    /* @__PURE__ */ n.jsx(Ao, {})
+  ] }) : /* @__PURE__ */ n.jsx(_o, {});
+}, Lo = R(So), Ro = ({ items: e, ...t }) => Le != null && Le.startsWith("5") || Re != null && Re.startsWith("18") ? /* @__PURE__ */ n.jsx(cn, { ...t, items: e }) : /* @__PURE__ */ n.jsx(cn, { ...t, children: e == null ? void 0 : e.map(({ ...s }) => /* @__PURE__ */ bn(
   cn.TabPane,
   {
     ...s,
     key: s == null ? void 0 : s.key,
     tab: s == null ? void 0 : s.label
   }
-)) }), Oo = O(Lo), Ro = () => {
-  const { isOpenWidget: e } = q(), { setActiveTab: t, activeTab: s } = be(), r = _(
+)) }), Oo = R(Ro), Do = () => {
+  const { isOpenWidget: e } = J(), { setActiveTab: t, activeTab: s } = be(), r = k(
     "VirtualAssistant",
     "Virtual Assistant"
-  ), i = _("Helpdesk", "Helpdesk"), { xs: c } = ge.useBreakpoint();
-  return Z(() => {
+  ), l = k("Helpdesk", "Helpdesk"), { xs: c } = Ce.useBreakpoint();
+  return X(() => {
     const o = st();
     t((o == null ? void 0 : o.activeTab) ?? s);
   }, []), e ? /* @__PURE__ */ n.jsx(
@@ -4182,7 +4260,7 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
               key: "va"
             },
             {
-              label: i,
+              label: l,
               key: "helpdesk"
             }
           ]
@@ -4190,8 +4268,8 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       )
     }
   ) : null;
-}, Do = O(Ro), No = () => {
-  const { isOpenWidget: e, setOpenWidget: t, setExpand: s, isExpand: r, widgetProps: i } = q(), { xs: c } = ge.useBreakpoint();
+}, No = R(Do), Mo = () => {
+  const { isOpenWidget: e, setOpenWidget: t, setExpand: s, isExpand: r, widgetProps: l } = J(), { xs: c } = Ce.useBreakpoint();
   return e ? /* @__PURE__ */ n.jsxs(
     "div",
     {
@@ -4203,8 +4281,8 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       },
       children: [
         /* @__PURE__ */ n.jsxs("div", { className: `${He}-text`, children: [
-          /* @__PURE__ */ n.jsx("h4", { className: `${He}-title`, children: i == null ? void 0 : i.title }),
-          /* @__PURE__ */ n.jsx("span", { className: `${He}-subtitle`, children: i == null ? void 0 : i.subTitle })
+          /* @__PURE__ */ n.jsx("h4", { className: `${He}-title`, children: l == null ? void 0 : l.title }),
+          /* @__PURE__ */ n.jsx("span", { className: `${He}-subtitle`, children: l == null ? void 0 : l.subTitle })
         ] }),
         /* @__PURE__ */ n.jsxs("div", { className: `${He}-action`, children: [
           !c && /* @__PURE__ */ n.jsx(
@@ -4233,24 +4311,18 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       ]
     }
   ) : null;
-}, Mo = O(No), Fo = () => {
-  const { isExpand: e, isOpenWidget: t, isFirstOpenWidget: s, setOpenWidget: r } = q(), { xs: i } = ge.useBreakpoint(), c = R(() => {
-    var a;
+}, Fo = R(Mo), Ho = () => {
+  const { isExpand: e, isOpenWidget: t, isFirstOpenWidget: s, setOpenWidget: r } = J(), { xs: l } = Ce.useBreakpoint(), c = O(() => {
+    var d;
     const o = [
-      i && t && "w-container-widget-mobile",
+      l && t && "w-container-widget-mobile",
       s && (t ? "w-show-animate" : "w-close-animate"),
       "w-container-widget",
       e && "w-container-widget-expand"
     ];
-    return (a = o == null ? void 0 : o.filter(Boolean)) == null ? void 0 : a.join(" ");
-  }, [e, i, s, t]);
-  return console.log("arr ; ", {
-    classNameContainerWidget: c,
-    isExpand: e,
-    xs: i,
-    isFirstOpenWidget: s,
-    isOpenWidget: t
-  }), /* @__PURE__ */ n.jsxs(
+    return (d = o == null ? void 0 : o.filter(Boolean)) == null ? void 0 : d.join(" ");
+  }, [e, l, s, t]);
+  return /* @__PURE__ */ n.jsxs(
     "div",
     {
       className: c,
@@ -4259,39 +4331,39 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       },
       tabIndex: 0,
       children: [
-        /* @__PURE__ */ n.jsx(Mo, {}),
-        /* @__PURE__ */ n.jsx("div", { id: "w-widget-content", children: /* @__PURE__ */ n.jsxs(er, { children: [
-          /* @__PURE__ */ n.jsx(Ls, { children: /* @__PURE__ */ n.jsx(So, {}) }),
-          /* @__PURE__ */ n.jsx(Do, {})
+        /* @__PURE__ */ n.jsx(Fo, {}),
+        /* @__PURE__ */ n.jsx("div", { id: "w-widget-content", children: /* @__PURE__ */ n.jsxs(nr, { children: [
+          /* @__PURE__ */ n.jsx(Rs, { children: /* @__PURE__ */ n.jsx(Lo, {}) }),
+          /* @__PURE__ */ n.jsx(No, {})
         ] }) })
       ]
     }
   );
-}, Ho = O(Fo), Qo = ({
+}, Io = R(Ho), Zo = ({
   getStartedPayload: e,
   socketURL: t,
   socketPath: s,
   onPayslipFn: r,
-  title: i,
+  title: l,
   subTitle: c,
   keyEncrypt: o,
-  history: a,
-  isSF: d = !1
+  history: d,
+  isSF: a = !1
 }) => /* @__PURE__ */ n.jsx(
-  ks,
+  As,
   {
     getStartedPayload: e,
     socketURL: t,
     socketPath: s,
     onPayslipFn: r,
-    title: i,
+    title: l,
     subTitle: c,
     keyEncrypt: o,
-    history: a,
-    isSF: d,
-    children: /* @__PURE__ */ n.jsx(Ss, { children: /* @__PURE__ */ n.jsx(Ho, {}) })
+    history: d,
+    isSF: a,
+    children: /* @__PURE__ */ n.jsx(Ls, { children: /* @__PURE__ */ n.jsx(Io, {}) })
   }
 );
 export {
-  Qo as default
+  Zo as default
 };