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

package/dist/widget-chatbot.es.js

@@ -1,7 +1,7 @@
-import ft, { version as Lr, createContext as Ve, useContext as ze, useState as W, useRef as re, useMemo as z, useEffect as pe, memo as K, Fragment as Tt, Children as Mr, isValidElement as Nr, cloneElement as Fr, createElement as zt, useCallback as Ir } from "react";
-import ot from "axios";
+import ft, { version as Lr, createContext as Ve, useContext as ze, useState as W, useRef as oe, useMemo as K, useEffect as pe, memo as X, Fragment as Tt, Children as Mr, isValidElement as Nr, cloneElement as Fr, createElement as zt, useCallback as Ir } from "react";
+import rt from "axios";
 import je from "dayjs";
-import { version as $r, Modal as fn, Collapse as gn, Typography as ie, Button as le, Form as Se, notification as _e, Radio as Ur, Divider as Hr, Input as gt, Image as Wr, Skeleton as Re, Avatar as Bn, Upload as Yn, Spin as Br, Tooltip as tt, Tag as Yr, Badge as Vr, Grid as Me, Empty as Vn, Popover as Gt, Mentions as pn, Select as hn, DatePicker as zr, Result as Gr, Tabs as Dt } from "antd";
+import { version as $r, Modal as fn, Collapse as gn, Typography as ie, Button as fe, Form as Se, notification as _e, Radio as Ur, Divider as Hr, Input as gt, Image as Br, Skeleton as Re, Avatar as Wn, Upload as Yn, Spin as Wr, Tag as Yr, Tooltip as lt, Badge as Vr, Grid as Me, Empty as Vn, Popover as Gt, Mentions as pn, Select as hn, DatePicker as zr, Result as Gr, Tabs as Dt } from "antd";
 import { io as qr } from "socket.io-client";
 import Kr from "react-markdown";
 import Pr from "remark-gfm";
@@ -55,12 +55,12 @@ function qt() {
   return Ot = c() ? Object.assign : function(s, i) {
     for (var a, l = o(s), g, m = 1; m < arguments.length; m++) {
       a = Object(arguments[m]);
-      for (var p in a)
-        n.call(a, p) && (l[p] = a[p]);
+      for (var h in a)
+        n.call(a, h) && (l[h] = a[h]);
       if (e) {
         g = e(a);
-        for (var h = 0; h < g.length; h++)
-          r.call(a, g[h]) && (l[g[h]] = a[g[h]]);
+        for (var p = 0; p < g.length; p++)
+          r.call(a, g[p]) && (l[g[p]] = a[g[p]]);
       }
     }
     return l;
@@ -85,11 +85,11 @@ function to() {
   }
   var o = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, c = Object.prototype.hasOwnProperty, s = { key: !0, ref: !0, __self: !0, __source: !0 };
   function i(a, l, g) {
-    var m, p = {}, h = null, y = null;
-    g !== void 0 && (h = "" + g), l.key !== void 0 && (h = "" + l.key), l.ref !== void 0 && (y = l.ref);
-    for (m in l) c.call(l, m) && !s.hasOwnProperty(m) && (p[m] = l[m]);
-    if (a && a.defaultProps) for (m in l = a.defaultProps, l) p[m] === void 0 && (p[m] = l[m]);
-    return { $$typeof: n, type: a, key: h, ref: y, props: p, _owner: o.current };
+    var m, h = {}, p = null, y = null;
+    g !== void 0 && (p = "" + g), l.key !== void 0 && (p = "" + l.key), l.ref !== void 0 && (y = l.ref);
+    for (m in l) c.call(l, m) && !s.hasOwnProperty(m) && (h[m] = l[m]);
+    if (a && a.defaultProps) for (m in l = a.defaultProps, l) h[m] === void 0 && (h[m] = l[m]);
+    return { $$typeof: n, type: a, key: p, ref: y, props: h, _owner: o.current };
   }
   return Ze.jsx = i, Ze.jsxs = i, Ze;
 }
@@ -108,48 +108,48 @@ function no() {
     process.env.NODE_ENV !== "production" && function() {
       var n = ft, r = qt(), o = 60103, c = 60106;
       e.Fragment = 60107;
-      var s = 60108, i = 60114, a = 60109, l = 60110, g = 60112, m = 60113, p = 60120, h = 60115, y = 60116, j = 60121, v = 60122, S = 60117, T = 60129, w = 60131;
+      var s = 60108, i = 60114, a = 60109, l = 60110, g = 60112, m = 60113, h = 60120, p = 60115, y = 60116, j = 60121, v = 60122, S = 60117, T = 60129, _ = 60131;
       if (typeof Symbol == "function" && Symbol.for) {
         var x = Symbol.for;
-        o = x("react.element"), c = x("react.portal"), e.Fragment = x("react.fragment"), s = x("react.strict_mode"), i = x("react.profiler"), a = x("react.provider"), l = x("react.context"), g = x("react.forward_ref"), m = x("react.suspense"), p = x("react.suspense_list"), h = x("react.memo"), y = x("react.lazy"), j = x("react.block"), v = x("react.server.block"), S = x("react.fundamental"), x("react.scope"), x("react.opaque.id"), T = x("react.debug_trace_mode"), x("react.offscreen"), w = x("react.legacy_hidden");
+        o = x("react.element"), c = x("react.portal"), e.Fragment = x("react.fragment"), s = x("react.strict_mode"), i = x("react.profiler"), a = x("react.provider"), l = x("react.context"), g = x("react.forward_ref"), m = x("react.suspense"), h = x("react.suspense_list"), p = x("react.memo"), y = x("react.lazy"), j = x("react.block"), v = x("react.server.block"), S = x("react.fundamental"), x("react.scope"), x("react.opaque.id"), T = x("react.debug_trace_mode"), x("react.offscreen"), _ = x("react.legacy_hidden");
       }
       var E = typeof Symbol == "function" && Symbol.iterator, f = "@@iterator";
       function b(d) {
         if (d === null || typeof d != "object")
           return null;
-        var D = E && d[E] || d[f];
-        return typeof D == "function" ? D : null;
+        var R = E && d[E] || d[f];
+        return typeof R == "function" ? R : null;
       }
       var u = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
       function C(d) {
         {
-          for (var D = arguments.length, U = new Array(D > 1 ? D - 1 : 0), Q = 1; Q < D; Q++)
+          for (var R = arguments.length, U = new Array(R > 1 ? R - 1 : 0), Q = 1; Q < R; Q++)
             U[Q - 1] = arguments[Q];
           A("error", d, U);
         }
       }
-      function A(d, D, U) {
+      function A(d, R, U) {
         {
           var Q = u.ReactDebugCurrentFrame, he = Q.getStackAddendum();
-          he !== "" && (D += "%s", U = U.concat([he]));
-          var ge = U.map(function(oe) {
-            return "" + oe;
+          he !== "" && (R += "%s", U = U.concat([he]));
+          var ge = U.map(function(se) {
+            return "" + se;
           });
-          ge.unshift("Warning: " + D), Function.prototype.apply.call(console[d], console, ge);
+          ge.unshift("Warning: " + R), Function.prototype.apply.call(console[d], console, ge);
         }
       }
-      var N = !1;
-      function O(d) {
-        return !!(typeof d == "string" || typeof d == "function" || d === e.Fragment || d === i || d === T || d === s || d === m || d === p || d === w || N || typeof d == "object" && d !== null && (d.$$typeof === y || d.$$typeof === h || d.$$typeof === a || d.$$typeof === l || d.$$typeof === g || d.$$typeof === S || d.$$typeof === j || d[0] === v));
+      var L = !1;
+      function D(d) {
+        return !!(typeof d == "string" || typeof d == "function" || d === e.Fragment || d === i || d === T || d === s || d === m || d === h || d === _ || L || typeof d == "object" && d !== null && (d.$$typeof === y || d.$$typeof === p || d.$$typeof === a || d.$$typeof === l || d.$$typeof === g || d.$$typeof === S || d.$$typeof === j || d[0] === v));
       }
-      function _(d, D, U) {
-        var Q = D.displayName || D.name || "";
+      function B(d, R, U) {
+        var Q = R.displayName || R.name || "";
         return d.displayName || (Q !== "" ? U + "(" + Q + ")" : U);
       }
-      function R(d) {
+      function w(d) {
         return d.displayName || "Context";
       }
-      function H(d) {
+      function N(d) {
         if (d == null)
           return null;
         if (typeof d.tag == "number" && C("Received an unexpected object in getComponentName(). This is likely a bug in React. Please file an issue."), typeof d == "function")
@@ -167,27 +167,27 @@ function no() {
             return "StrictMode";
           case m:
             return "Suspense";
-          case p:
+          case h:
             return "SuspenseList";
         }
         if (typeof d == "object")
           switch (d.$$typeof) {
             case l:
-              var D = d;
-              return R(D) + ".Consumer";
+              var R = d;
+              return w(R) + ".Consumer";
             case a:
               var U = d;
-              return R(U._context) + ".Provider";
+              return w(U._context) + ".Provider";
             case g:
-              return _(d, d.render, "ForwardRef");
-            case h:
-              return H(d.type);
+              return B(d, d.render, "ForwardRef");
+            case p:
+              return N(d.type);
             case j:
-              return H(d._render);
+              return N(d._render);
             case y: {
               var Q = d, he = Q._payload, ge = Q._init;
               try {
-                return H(ge(he));
+                return N(ge(he));
               } catch {
                 return null;
               }
@@ -195,18 +195,18 @@ function no() {
           }
         return null;
       }
-      var G = 0, q, F, se, te, k, M, P;
-      function B() {
+      var G = 0, H, F, re, te, k, M, Z;
+      function V() {
       }
-      B.__reactDisabledLog = !0;
-      function Y() {
+      V.__reactDisabledLog = !0;
+      function P() {
         {
           if (G === 0) {
-            q = console.log, F = console.info, se = console.warn, te = console.error, k = console.group, M = console.groupCollapsed, P = console.groupEnd;
+            H = console.log, F = console.info, re = console.warn, te = console.error, k = console.group, M = console.groupCollapsed, Z = console.groupEnd;
             var d = {
               configurable: !0,
               enumerable: !0,
-              value: B,
+              value: V,
               writable: !0
             };
             Object.defineProperties(console, {
@@ -222,7 +222,7 @@ function no() {
           G++;
         }
       }
-      function Z() {
+      function ee() {
         {
           if (G--, G === 0) {
             var d = {
@@ -232,13 +232,13 @@ function no() {
             };
             Object.defineProperties(console, {
               log: r({}, d, {
-                value: q
+                value: H
               }),
               info: r({}, d, {
                 value: F
               }),
               warn: r({}, d, {
-                value: se
+                value: re
               }),
               error: r({}, d, {
                 value: te
@@ -250,37 +250,37 @@ function no() {
                 value: M
               }),
               groupEnd: r({}, d, {
-                value: P
+                value: Z
               })
             });
           }
           G < 0 && C("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
         }
       }
-      var X = u.ReactCurrentDispatcher, J;
-      function ee(d, D, U) {
+      var J = u.ReactCurrentDispatcher, q;
+      function z(d, R, U) {
         {
-          if (J === void 0)
+          if (q === void 0)
             try {
               throw Error();
             } catch (he) {
               var Q = he.stack.trim().match(/\n( *(at )?)/);
-              J = Q && Q[1] || "";
+              q = Q && Q[1] || "";
             }
           return `
-` + J + d;
+` + q + d;
         }
       }
-      var $ = !1, V;
+      var $ = !1, Y;
       {
-        var de = typeof WeakMap == "function" ? WeakMap : Map;
-        V = new de();
+        var ae = typeof WeakMap == "function" ? WeakMap : Map;
+        Y = new ae();
       }
-      function L(d, D) {
+      function O(d, R) {
         if (!d || $)
           return "";
         {
-          var U = V.get(d);
+          var U = Y.get(d);
           if (U !== void 0)
             return U;
         }
@@ -289,30 +289,30 @@ function no() {
         var he = Error.prepareStackTrace;
         Error.prepareStackTrace = void 0;
         var ge;
-        ge = X.current, X.current = null, Y();
+        ge = J.current, J.current = null, P();
         try {
-          if (D) {
-            var oe = function() {
+          if (R) {
+            var se = function() {
               throw Error();
             };
-            if (Object.defineProperty(oe.prototype, "props", {
+            if (Object.defineProperty(se.prototype, "props", {
               set: function() {
                 throw Error();
               }
             }), typeof Reflect == "object" && Reflect.construct) {
               try {
-                Reflect.construct(oe, []);
+                Reflect.construct(se, []);
               } catch (Le) {
                 Q = Le;
               }
-              Reflect.construct(d, [], oe);
+              Reflect.construct(d, [], se);
             } else {
               try {
-                oe.call();
+                se.call();
               } catch (Le) {
                 Q = Le;
               }
-              d.call(oe.prototype);
+              d.call(se.prototype);
             }
           } else {
             try {
@@ -325,90 +325,90 @@ function no() {
         } catch (Le) {
           if (Le && Q && typeof Le.stack == "string") {
             for (var ne = Le.stack.split(`
-`), Te = Q.stack.split(`
-`), me = ne.length - 1, ve = Te.length - 1; me >= 1 && ve >= 0 && ne[me] !== Te[ve]; )
-              ve--;
-            for (; me >= 1 && ve >= 0; me--, ve--)
-              if (ne[me] !== Te[ve]) {
-                if (me !== 1 || ve !== 1)
+`), Ee = Q.stack.split(`
+`), ye = ne.length - 1, be = Ee.length - 1; ye >= 1 && be >= 0 && ne[ye] !== Ee[be]; )
+              be--;
+            for (; ye >= 1 && be >= 0; ye--, be--)
+              if (ne[ye] !== Ee[be]) {
+                if (ye !== 1 || be !== 1)
                   do
-                    if (me--, ve--, ve < 0 || ne[me] !== Te[ve]) {
+                    if (ye--, be--, be < 0 || ne[ye] !== Ee[be]) {
                       var Oe = `
-` + ne[me].replace(" at new ", " at ");
-                      return typeof d == "function" && V.set(d, Oe), Oe;
+` + ne[ye].replace(" at new ", " at ");
+                      return typeof d == "function" && Y.set(d, Oe), Oe;
                     }
-                  while (me >= 1 && ve >= 0);
+                  while (ye >= 1 && be >= 0);
                 break;
               }
           }
         } finally {
-          $ = !1, X.current = ge, Z(), Error.prepareStackTrace = he;
+          $ = !1, J.current = ge, ee(), Error.prepareStackTrace = he;
         }
-        var Xe = d ? d.displayName || d.name : "", dn = Xe ? ee(Xe) : "";
-        return typeof d == "function" && V.set(d, dn), dn;
+        var Xe = d ? d.displayName || d.name : "", dn = Xe ? z(Xe) : "";
+        return typeof d == "function" && Y.set(d, dn), dn;
       }
-      function be(d, D, U) {
-        return L(d, !1);
+      function me(d, R, U) {
+        return O(d, !1);
       }
-      function Ee(d) {
-        var D = d.prototype;
-        return !!(D && D.isReactComponent);
+      function Ce(d) {
+        var R = d.prototype;
+        return !!(R && R.isReactComponent);
       }
-      function fe(d, D, U) {
+      function ce(d, R, U) {
         if (d == null)
           return "";
         if (typeof d == "function")
-          return L(d, Ee(d));
+          return O(d, Ce(d));
         if (typeof d == "string")
-          return ee(d);
+          return z(d);
         switch (d) {
           case m:
-            return ee("Suspense");
-          case p:
-            return ee("SuspenseList");
+            return z("Suspense");
+          case h:
+            return z("SuspenseList");
         }
         if (typeof d == "object")
           switch (d.$$typeof) {
             case g:
-              return be(d.render);
-            case h:
-              return fe(d.type, D, U);
+              return me(d.render);
+            case p:
+              return ce(d.type, R, U);
             case j:
-              return be(d._render);
+              return me(d._render);
             case y: {
               var Q = d, he = Q._payload, ge = Q._init;
               try {
-                return fe(ge(he), D, U);
+                return ce(ge(he), R, U);
               } catch {
               }
             }
           }
         return "";
       }
-      var Ce = {}, Ne = u.ReactDebugCurrentFrame;
+      var Te = {}, Ne = u.ReactDebugCurrentFrame;
       function ke(d) {
         if (d) {
-          var D = d._owner, U = fe(d.type, d._source, D ? D.type : null);
+          var R = d._owner, U = ce(d.type, d._source, R ? R.type : null);
           Ne.setExtraStackFrame(U);
         } else
           Ne.setExtraStackFrame(null);
       }
-      function it(d, D, U, Q, he) {
+      function st(d, R, U, Q, he) {
         {
           var ge = Function.call.bind(Object.prototype.hasOwnProperty);
-          for (var oe in d)
-            if (ge(d, oe)) {
+          for (var se in d)
+            if (ge(d, se)) {
               var ne = void 0;
               try {
-                if (typeof d[oe] != "function") {
-                  var Te = Error((Q || "React class") + ": " + U + " type `" + oe + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof d[oe] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                  throw Te.name = "Invariant Violation", Te;
+                if (typeof d[se] != "function") {
+                  var Ee = Error((Q || "React class") + ": " + U + " type `" + se + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof d[se] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                  throw Ee.name = "Invariant Violation", Ee;
                 }
-                ne = d[oe](D, oe, Q, U, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-              } catch (me) {
-                ne = me;
+                ne = d[se](R, se, Q, U, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              } catch (ye) {
+                ne = ye;
               }
-              ne && !(ne instanceof Error) && (ke(he), C("%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).", Q || "React class", U, oe, typeof ne), ke(null)), ne instanceof Error && !(ne.message in Ce) && (Ce[ne.message] = !0, ke(he), C("Failed %s type: %s", U, ne.message), ke(null));
+              ne && !(ne instanceof Error) && (ke(he), C("%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).", Q || "React class", U, se, typeof ne), ke(null)), ne instanceof Error && !(ne.message in Te) && (Te[ne.message] = !0, ke(he), C("Failed %s type: %s", U, ne.message), ke(null));
             }
         }
       }
@@ -417,30 +417,30 @@ function no() {
         ref: !0,
         __self: !0,
         __source: !0
-      }, Be, rn;
+      }, We, rn;
       function yr(d) {
         if (qe.call(d, "ref")) {
-          var D = Object.getOwnPropertyDescriptor(d, "ref").get;
-          if (D && D.isReactWarning)
+          var R = Object.getOwnPropertyDescriptor(d, "ref").get;
+          if (R && R.isReactWarning)
             return !1;
         }
         return d.ref !== void 0;
       }
       function vr(d) {
         if (qe.call(d, "key")) {
-          var D = Object.getOwnPropertyDescriptor(d, "key").get;
-          if (D && D.isReactWarning)
+          var R = Object.getOwnPropertyDescriptor(d, "key").get;
+          if (R && R.isReactWarning)
             return !1;
         }
         return d.key !== void 0;
       }
-      function br(d, D) {
+      function br(d, R) {
         typeof d.ref == "string" && Ge.current;
       }
-      function Cr(d, D) {
+      function Cr(d, R) {
         {
           var U = function() {
-            Be || (Be = !0, C("%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)", D));
+            We || (We = !0, C("%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)", R));
           };
           U.isReactWarning = !0, Object.defineProperty(d, "key", {
             get: U,
@@ -448,10 +448,10 @@ function no() {
           });
         }
       }
-      function Tr(d, D) {
+      function Tr(d, R) {
         {
           var U = function() {
-            rn || (rn = !0, C("%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)", D));
+            rn || (rn = !0, C("%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)", R));
           };
           U.isReactWarning = !0, Object.defineProperty(d, "ref", {
             get: U,
@@ -459,15 +459,15 @@ function no() {
           });
         }
       }
-      var Er = function(d, D, U, Q, he, ge, oe) {
+      var Er = function(d, R, U, Q, he, ge, se) {
         var ne = {
           // This tag allows us to uniquely identify this as a React Element
           $$typeof: o,
           // Built-in properties that belong on the element
           type: d,
-          key: D,
+          key: R,
           ref: U,
-          props: oe,
+          props: se,
           // Record the component responsible for creating this element.
           _owner: ge
         };
@@ -488,28 +488,28 @@ function no() {
           value: he
         }), Object.freeze && (Object.freeze(ne.props), Object.freeze(ne)), ne;
       };
-      function Sr(d, D, U, Q, he) {
+      function Sr(d, R, U, Q, he) {
         {
-          var ge, oe = {}, ne = null, Te = null;
-          U !== void 0 && (ne = "" + U), vr(D) && (ne = "" + D.key), yr(D) && (Te = D.ref, br(D, he));
-          for (ge in D)
-            qe.call(D, ge) && !Ke.hasOwnProperty(ge) && (oe[ge] = D[ge]);
+          var ge, se = {}, ne = null, Ee = null;
+          U !== void 0 && (ne = "" + U), vr(R) && (ne = "" + R.key), yr(R) && (Ee = R.ref, br(R, he));
+          for (ge in R)
+            qe.call(R, ge) && !Ke.hasOwnProperty(ge) && (se[ge] = R[ge]);
           if (d && d.defaultProps) {
-            var me = d.defaultProps;
-            for (ge in me)
-              oe[ge] === void 0 && (oe[ge] = me[ge]);
+            var ye = d.defaultProps;
+            for (ge in ye)
+              se[ge] === void 0 && (se[ge] = ye[ge]);
           }
-          if (ne || Te) {
-            var ve = typeof d == "function" ? d.displayName || d.name || "Unknown" : d;
-            ne && Cr(oe, ve), Te && Tr(oe, ve);
+          if (ne || Ee) {
+            var be = typeof d == "function" ? d.displayName || d.name || "Unknown" : d;
+            ne && Cr(se, be), Ee && Tr(se, be);
           }
-          return Er(d, ne, Te, he, Q, Ge.current, oe);
+          return Er(d, ne, Ee, he, Q, Ge.current, se);
         }
       }
       var kt = u.ReactCurrentOwner, on = u.ReactDebugCurrentFrame;
       function Pe(d) {
         if (d) {
-          var D = d._owner, U = fe(d.type, d._source, D ? D.type : null);
+          var R = d._owner, U = ce(d.type, d._source, R ? R.type : null);
           on.setExtraStackFrame(U);
         } else
           on.setExtraStackFrame(null);
@@ -522,7 +522,7 @@ function no() {
       function sn() {
         {
           if (kt.current) {
-            var d = H(kt.current.type);
+            var d = N(kt.current.type);
             if (d)
               return `
 
@@ -537,77 +537,77 @@ Check the render method of \`` + d + "`.";
       var an = {};
       function _r(d) {
         {
-          var D = sn();
-          if (!D) {
+          var R = sn();
+          if (!R) {
             var U = typeof d == "string" ? d : d.displayName || d.name;
-            U && (D = `
+            U && (R = `
 
 Check the top-level render call using <` + U + ">.");
           }
-          return D;
+          return R;
         }
       }
-      function cn(d, D) {
+      function cn(d, R) {
         {
           if (!d._store || d._store.validated || d.key != null)
             return;
           d._store.validated = !0;
-          var U = _r(D);
+          var U = _r(R);
           if (an[U])
             return;
           an[U] = !0;
           var Q = "";
-          d && d._owner && d._owner !== kt.current && (Q = " It was passed a child from " + H(d._owner.type) + "."), Pe(d), C('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', U, Q), Pe(null);
+          d && d._owner && d._owner !== kt.current && (Q = " It was passed a child from " + N(d._owner.type) + "."), Pe(d), C('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', U, Q), Pe(null);
         }
       }
-      function ln(d, D) {
+      function ln(d, R) {
         {
           if (typeof d != "object")
             return;
           if (Array.isArray(d))
             for (var U = 0; U < d.length; U++) {
               var Q = d[U];
-              Rt(Q) && cn(Q, D);
+              Rt(Q) && cn(Q, R);
             }
           else if (Rt(d))
             d._store && (d._store.validated = !0);
           else if (d) {
             var he = b(d);
             if (typeof he == "function" && he !== d.entries)
-              for (var ge = he.call(d), oe; !(oe = ge.next()).done; )
-                Rt(oe.value) && cn(oe.value, D);
+              for (var ge = he.call(d), se; !(se = ge.next()).done; )
+                Rt(se.value) && cn(se.value, R);
           }
         }
       }
       function jr(d) {
         {
-          var D = d.type;
-          if (D == null || typeof D == "string")
+          var R = d.type;
+          if (R == null || typeof R == "string")
             return;
           var U;
-          if (typeof D == "function")
-            U = D.propTypes;
-          else if (typeof D == "object" && (D.$$typeof === g || // Note: Memo only checks outer props here.
+          if (typeof R == "function")
+            U = R.propTypes;
+          else if (typeof R == "object" && (R.$$typeof === g || // Note: Memo only checks outer props here.
           // Inner props are checked in the reconciler.
-          D.$$typeof === h))
-            U = D.propTypes;
+          R.$$typeof === p))
+            U = R.propTypes;
           else
             return;
           if (U) {
-            var Q = H(D);
-            it(U, d.props, "prop", Q, d);
-          } else if (D.PropTypes !== void 0 && !At) {
+            var Q = N(R);
+            st(U, d.props, "prop", Q, d);
+          } else if (R.PropTypes !== void 0 && !At) {
             At = !0;
-            var he = H(D);
+            var he = N(R);
             C("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", he || "Unknown");
           }
-          typeof D.getDefaultProps == "function" && !D.getDefaultProps.isReactClassApproved && C("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+          typeof R.getDefaultProps == "function" && !R.getDefaultProps.isReactClassApproved && C("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
         }
       }
       function kr(d) {
         {
-          for (var D = Object.keys(d.props), U = 0; U < D.length; U++) {
-            var Q = D[U];
+          for (var R = Object.keys(d.props), U = 0; U < R.length; U++) {
+            var Q = R[U];
             if (Q !== "children" && Q !== "key") {
               Pe(d), C("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", Q), Pe(null);
               break;
@@ -616,22 +616,22 @@ Check the top-level render call using <` + U + ">.");
           d.ref !== null && (Pe(d), C("Invalid attribute `ref` supplied to `React.Fragment`."), Pe(null));
         }
       }
-      function un(d, D, U, Q, he, ge) {
+      function un(d, R, U, Q, he, ge) {
         {
-          var oe = O(d);
-          if (!oe) {
+          var se = D(d);
+          if (!se) {
             var ne = "";
             (d === void 0 || typeof d == "object" && d !== null && Object.keys(d).length === 0) && (ne += " 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 Te = wr();
-            Te ? ne += Te : ne += sn();
-            var me;
-            d === null ? me = "null" : Array.isArray(d) ? me = "array" : d !== void 0 && d.$$typeof === o ? (me = "<" + (H(d.type) || "Unknown") + " />", ne = " Did you accidentally export a JSX literal instead of a component?") : me = typeof d, C("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", me, ne);
+            var Ee = wr();
+            Ee ? ne += Ee : ne += sn();
+            var ye;
+            d === null ? ye = "null" : Array.isArray(d) ? ye = "array" : d !== void 0 && d.$$typeof === o ? (ye = "<" + (N(d.type) || "Unknown") + " />", ne = " Did you accidentally export a JSX literal instead of a component?") : ye = typeof d, C("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", ye, ne);
           }
-          var ve = Sr(d, D, U, he, ge);
-          if (ve == null)
-            return ve;
-          if (oe) {
-            var Oe = D.children;
+          var be = Sr(d, R, U, he, ge);
+          if (be == null)
+            return be;
+          if (se) {
+            var Oe = R.children;
             if (Oe !== void 0)
               if (Q)
                 if (Array.isArray(Oe)) {
@@ -643,14 +643,14 @@ Check the top-level render call using <` + U + ">.");
               else
                 ln(Oe, d);
           }
-          return d === e.Fragment ? kr(ve) : jr(ve), ve;
+          return d === e.Fragment ? kr(be) : jr(be), be;
         }
       }
-      function Ar(d, D, U) {
-        return un(d, D, U, !0);
+      function Ar(d, R, U) {
+        return un(d, R, U, !0);
       }
-      function Rr(d, D, U) {
-        return un(d, D, U, !1);
+      function Rr(d, R, U) {
+        return un(d, R, U, !1);
       }
       var Dr = Rr, Or = Ar;
       e.jsx = Dr, e.jsxs = Or;
@@ -662,7 +662,7 @@ function ro() {
   return vn || (vn = 1, process.env.NODE_ENV === "production" ? mt.exports = to() : mt.exports = no()), mt.exports;
 }
 var t = ro();
-const oo = "2.0.7-alpha.8", Gn = "chat_session", so = "user_uttered", io = "bot_uttered", ao = "ehelp_bot_uttered", co = "bot_reason_uttered";
+const oo = "2.0.7-alpha.9", Gn = "chat_session", so = "user_uttered", io = "bot_uttered", ao = "ehelp_bot_uttered", co = "bot_reason_uttered";
 JSON.stringify({
   enabled_agents: ["Alice", "Maria", "Jani"],
   default_active_agent: "Alice"
@@ -692,7 +692,7 @@ const lo = "https://sfchatbot.dataon.com", uo = [
     label: "I’d like to explain further",
     value: "another"
   }
-], nt = $r, rt = Lr, fo = oo, go = "https://sfchatbot.dataon.com/openai-service-dev/", St = "https://res.cloudinary.com/dcvolkyfb/image/upload/v1740135794/svg/bot_profile_hlnyop.png", Kt = "YYYY-MM-DD", wt = "HH:mm", bn = "N/A", Mt = [
+], tt = $r, nt = Lr, fo = oo, go = "https://sfchatbot.dataon.com/openai-service-dev/", St = "https://res.cloudinary.com/dcvolkyfb/image/upload/v1740135794/svg/bot_profile_hlnyop.png", Kt = "YYYY-MM-DD", wt = "HH:mm", bn = "N/A", Mt = [
   // Raster (bitmap)
   ".jpg",
   ".jpeg",
@@ -714,7 +714,7 @@ const lo = "https://sfchatbot.dataon.com", uo = [
   ".orf",
   ".psd",
   ".xcf"
-], Nt = "w-widget-content-container", Ft = "w-ticket-detail-content-container", po = "w-wrapper-body", ho = "w-wrapper-body-helpdesk", at = "w-header", It = {
+], Nt = "w-widget-content-container", Ft = "w-ticket-detail-content-container", po = "w-wrapper-body", ho = "w-wrapper-body-helpdesk", it = "w-header", It = {
   FADE_IN: "w-fade-in-animate"
 }, xo = "https://placehold.co/600x400?text=No+Image", ut = 3, mo = "GoHRDev2025WorkPlazeDataOnDotCom", Qe = "(Helpdesk Widget Chatbot)", yo = (e) => JSON.parse((e == null ? void 0 : e.replaceAll("/get_started", "")) || "{}"), qn = (e) => {
   var n;
@@ -887,7 +887,7 @@ const $e = (e = ".w-wrapper-body") => {
     return e == null ? void 0 : e.replaceAll(`.${r}`, `_avatar.${r}`);
   }
   return e;
-}, Zt = (e) => `https://ui-avatars.com/api/?background=e5e5e5&color=000${e && typeof e == "string" ? `&name=${e.replaceAll(" ", "+")}` : ""}`, Tn = (e) => URL.parse(e) && new URL(e), Zn = Ve({}), ue = () => ze(Zn), wo = ({
+}, Zt = (e) => `https://ui-avatars.com/api/?background=e5e5e5&color=000${e && typeof e == "string" ? `&name=${e.replaceAll(" ", "+")}` : ""}`, Tn = (e) => URL.parse(e) && new URL(e), Zn = Ve({}), de = () => ze(Zn), wo = ({
   children: e,
   getStartedPayload: n,
   socketURL: r,
@@ -900,7 +900,7 @@ const $e = (e = ".w-wrapper-body") => {
   modelName: g,
   isSF: m
 }) => {
-  const [p, h] = W(!1), [y, j] = W("va"), [v, S] = W(!1), [T, w] = W({}), [x, E] = W(!1), [f, b] = W(!1), [u, C] = W(!1), A = re(!1), N = z(() => ({
+  const [h, p] = W(!1), [y, j] = W("va"), [v, S] = W(!1), [T, _] = W({}), [x, E] = W(!1), [f, b] = W(!1), [u, C] = W(!1), A = oe(!1), L = K(() => ({
     getStartedPayload: n,
     socketURL: r,
     socketPath: o,
@@ -922,9 +922,9 @@ const $e = (e = ".w-wrapper-body") => {
     l,
     g,
     m
-  ]), O = z(() => Kn(T == null ? void 0 : T.access_token), [T == null ? void 0 : T.access_token]);
+  ]), D = K(() => Kn(T == null ? void 0 : T.access_token), [T == null ? void 0 : T.access_token]);
   return pe(() => {
-    w(yo(n));
+    _(yo(n));
   }, [n]), pe(() => {
     _t({
       chatbot_version: fo
@@ -934,15 +934,15 @@ const $e = (e = ".w-wrapper-body") => {
     {
       value: {
         objInitPayload: T,
-        setOpenWidget: h,
-        isOpenWidget: p,
+        setOpenWidget: p,
+        isOpenWidget: h,
         activeTab: y,
         setActiveTab: j,
         isExpand: v,
         setExpand: S,
-        setObjInitPayload: w,
-        parsedJWT: O,
-        widgetProps: N,
+        setObjInitPayload: _,
+        parsedJWT: D,
+        widgetProps: L,
         isFirstOpenWidget: x,
         setFirstOpenWidget: E,
         isFirstRenderHelpdesk: A,
@@ -955,19 +955,19 @@ const $e = (e = ".w-wrapper-body") => {
     }
   );
 }, Qn = Ve({}), _o = () => ze(Qn), jo = ({ children: e }) => {
-  const { objInitPayload: n } = ue(), [r, o] = W({}), c = () => {
+  const { objInitPayload: n } = de(), [r, o] = W({}), c = () => {
     var i;
-    (i = ot(
+    (i = rt(
       `${(n == null ? void 0 : n.uriService) || go}optional/translations`
     )) == null || i.then(({ data: a }) => {
       var l;
       if (a) {
         const g = Object.keys((l = Object.values(a)) == null ? void 0 : l[0]), m = {};
-        g == null || g.forEach((p) => {
-          var h;
-          (h = Object.keys(a)) == null || h.forEach((y) => {
+        g == null || g.forEach((h) => {
+          var p;
+          (p = Object.keys(a)) == null || p.forEach((y) => {
             var j;
-            m[p == null ? void 0 : p.toLowerCase()] = (j = a == null ? void 0 : a[y]) == null ? void 0 : j[p];
+            m[h == null ? void 0 : h.toLowerCase()] = (j = a == null ? void 0 : a[y]) == null ? void 0 : j[h];
           });
         }), o(m);
       }
@@ -978,10 +978,10 @@ const $e = (e = ".w-wrapper-body") => {
       var g;
       const l = a.target.result;
       try {
-        const p = l.transaction("keyvaluepairs", "readonly").objectStore("keyvaluepairs"), h = p == null ? void 0 : p.get((g = n == null ? void 0 : n.lang) == null ? void 0 : g.toLowerCase());
-        h.onsuccess = () => {
-          o(h == null ? void 0 : h.result);
-        }, h.onerror = () => {
+        const h = l.transaction("keyvaluepairs", "readonly").objectStore("keyvaluepairs"), p = h == null ? void 0 : h.get((g = n == null ? void 0 : n.lang) == null ? void 0 : g.toLowerCase());
+        p.onsuccess = () => {
+          o(p == null ? void 0 : p.result);
+        }, p.onerror = () => {
           c();
         };
       } catch {
@@ -995,73 +995,73 @@ const $e = (e = ".w-wrapper-body") => {
     s();
   }, [n == null ? void 0 : n.uriService, n == null ? void 0 : n.lang]), /* @__PURE__ */ t.jsx(Qn.Provider, { value: { langDatas: r }, children: e });
 }, er = Ve({}), De = () => ze(er), ko = ({ children: e }) => {
-  var ee;
-  const [n, r] = W([]), [o, c] = W(!1), [s, i] = W(!1), [a, l] = W({}), [g, m] = W(!0), [p, h] = W(!1), [y, j] = W(!1), [v, S] = W(!1), [T, w] = W(!1), [x, E] = W(""), [f, b] = W(!1), [u, C] = W(!1), [A, N] = W({}), O = re(null), _ = re(null), R = re(null), H = re(""), G = re(""), {
-    objInitPayload: q,
+  var z;
+  const [n, r] = W([]), [o, c] = W(!1), [s, i] = W(!1), [a, l] = W({}), [g, m] = W(!0), [h, p] = W(!1), [y, j] = W(!1), [v, S] = W(!1), [T, _] = W(!1), [x, E] = W(""), [f, b] = W(!1), [u, C] = W(!1), [A, L] = W({}), D = oe(null), B = oe(null), w = oe(null), N = oe(""), G = oe(""), {
+    objInitPayload: H,
     widgetProps: F,
-    setOpenWidget: se,
+    setOpenWidget: re,
     setFirstOpenWidget: te,
     isFirstRenderHelpdesk: k,
     setUserInputHide: M
-  } = ue(), P = ($) => {
-    var de;
-    const V = we($, "text_feedback_link") && we($, "text");
-    r((L) => {
+  } = de(), Z = ($) => {
+    var ae;
+    const Y = we($, "text_feedback_link") && we($, "text");
+    r((O) => {
       var Ne, ke;
-      const Ee = [...bo(L)], fe = Ee[Ee.length - 1], Ce = $.id && $.id !== "" ? $.id : ((Ne = $.metadata) == null ? void 0 : Ne.id) || ((ke = $.metadata) == null ? void 0 : ke.message_id) || "";
-      return (fe == null ? void 0 : fe.id) === Ce ? (fe.text = `${(fe == null ? void 0 : fe.text) || ""}${($ == null ? void 0 : $.text) || ""}`, $ != null && $.tag && (fe.tag = $.tag)) : Ee.push({
+      const Ce = [...bo(O)], ce = Ce[Ce.length - 1], Te = $.id && $.id !== "" ? $.id : ((Ne = $.metadata) == null ? void 0 : Ne.id) || ((ke = $.metadata) == null ? void 0 : ke.message_id) || "";
+      return (ce == null ? void 0 : ce.id) === Te ? (ce.text = `${(ce == null ? void 0 : ce.text) || ""}${($ == null ? void 0 : $.text) || ""}`, $ != null && $.tag && (ce.tag = $.tag)) : Ce.push({
         ...$,
-        id: Ce,
-        ...V && { type: "text" },
+        id: Te,
+        ...Y && { type: "text" },
         sender: "response"
-      }), Co(Ee);
-    }), C(!0), m(!1), c(!1), M(((de = $ == null ? void 0 : $.metadata) == null ? void 0 : de.userInput) === "hide"), i(!1), O != null && O.current && clearTimeout(O == null ? void 0 : O.current), O.current = setTimeout(() => {
+      }), Co(Ce);
+    }), C(!0), m(!1), c(!1), M(((ae = $ == null ? void 0 : $.metadata) == null ? void 0 : ae.userInput) === "hide"), i(!1), D != null && D.current && clearTimeout(D == null ? void 0 : D.current), D.current = setTimeout(() => {
       C(!1);
-    }, 1750), _ != null && _.current && clearTimeout(_ == null ? void 0 : _.current), _.current = setTimeout(() => {
+    }, 1750), B != null && B.current && clearTimeout(B == null ? void 0 : B.current), B.current = setTimeout(() => {
       m(!0);
     }, 2e3), $e();
-  }, B = ($) => {
-    var V, de, L, be, Ee;
-    $ && Y({ msg: F == null ? void 0 : F.getStartedPayload }), (V = R.current) == null || V.emit("session_request", { session_id: null }), (de = R.current) == null || de.on("session_confirm", (fe) => {
-      H.current = fe, _t({ session_id: fe == null ? void 0 : fe.session_id });
-    }), (L = R.current) == null || L.on(io, P), (be = R.current) == null || be.on(ao, (fe) => {
-      const Ce = JSON.parse(fe || "{}");
-      we(Ce, "iswidget") && w(Ce == null ? void 0 : Ce.iswidget);
-    }), (Ee = R.current) == null || Ee.on(co, (fe) => {
+  }, V = ($) => {
+    var Y, ae, O, me, Ce;
+    $ && P({ msg: F == null ? void 0 : F.getStartedPayload }), (Y = w.current) == null || Y.emit("session_request", { session_id: null }), (ae = w.current) == null || ae.on("session_confirm", (ce) => {
+      N.current = ce, _t({ session_id: ce == null ? void 0 : ce.session_id });
+    }), (O = w.current) == null || O.on(io, Z), (me = w.current) == null || me.on(ao, (ce) => {
+      const Te = JSON.parse(ce || "{}");
+      we(Te, "iswidget") && _(Te == null ? void 0 : Te.iswidget);
+    }), (Ce = w.current) == null || Ce.on(co, (ce) => {
       try {
-        const Ce = typeof fe == "string" ? JSON.parse(fe) : fe, { id: Ne } = Ce || {};
+        const Te = typeof ce == "string" ? JSON.parse(ce) : ce, { id: Ne } = Te || {};
         if (!Ne) return;
-        const ke = Ne.split("|")[0], it = Ce.tag, Ge = Ce.reason;
-        N((qe) => {
-          const Ke = qe[ke] || {}, Be = {
+        const ke = Ne.split("|")[0], st = Te.tag, Ge = Te.reason;
+        L((qe) => {
+          const Ke = qe[ke] || {}, We = {
             ...Ke.tag !== void 0 ? { tag: Ke.tag } : {},
             ...Ke.reason !== void 0 ? { reason: Ke.reason } : {}
           };
-          return typeof it < "u" && (Be.tag = it), Ge && (Be.reason = (Be.reason || "") + Ge), {
+          return typeof st < "u" && (We.tag = st), Ge && (We.reason = (We.reason || "") + Ge), {
             ...qe,
-            [ke]: Be
+            [ke]: We
           };
-        }), it && !Ge && m(!0);
-      } catch (Ce) {
-        console.error("Error parsing BOT_REASON_UTTERED:", Ce);
+        }), st && !Ge && m(!0);
+      } catch (Te) {
+        console.error("Error parsing BOT_REASON_UTTERED:", Te);
       }
     }), v || S(!0), te(!1);
-  }, Y = ({
+  }, P = ({
     msg: $,
-    additionalConfig: V = {},
-    isShowLoadingResponse: de = !0
+    additionalConfig: Y = {},
+    isShowLoadingResponse: ae = !0
   }) => {
-    var L;
-    (L = R.current) == null || L.emit(so, {
-      customData: { language: q == null ? void 0 : q.lang },
+    var O;
+    (O = w.current) == null || O.emit(so, {
+      customData: { language: H == null ? void 0 : H.lang },
       message: $,
-      session_id: H == null ? void 0 : H.current,
-      ...V
-    }), de ? c(!0) : i(!0);
-  }, Z = ($ = !1) => {
-    var de, L;
-    R.current && ((de = R.current) == null || de.off(), (L = R.current) == null || L.disconnect(), R.current = null), k.current = !1;
-    const V = qr(
+      session_id: N == null ? void 0 : N.current,
+      ...Y
+    }), ae ? c(!0) : i(!0);
+  }, ee = ($ = !1) => {
+    var ae, O;
+    w.current && ((ae = w.current) == null || ae.off(), (O = w.current) == null || O.disconnect(), w.current = null), k.current = !1;
+    const Y = qr(
       `${To(F == null ? void 0 : F.socketURL)}://${qn(
         F == null ? void 0 : F.socketURL
       )}`,
@@ -1072,27 +1072,27 @@ const $e = (e = ".w-wrapper-body") => {
         reconnectionAttempts: 1
       }
     );
-    V.on("connect", () => B($)), V.on("connect_error", (be) => {
+    Y.on("connect", () => V($)), Y.on("connect_error", (me) => {
       console.error("connect_error widget-chatbot : ", {
-        err: be,
+        err: me,
         socketURL: F == null ? void 0 : F.socketURL,
         socketPath: F == null ? void 0 : F.widgetProps
       }), S(!1);
-    }), V.io.on("reconnect", () => {
+    }), Y.io.on("reconnect", () => {
       console.error("reconnect widget-chatbot : ", {
         socketURL: F == null ? void 0 : F.socketURL,
         socketPath: F == null ? void 0 : F.widgetProps
       }), S(!1);
-    }), R.current = V;
-  }, X = () => {
+    }), w.current = Y;
+  }, J = () => {
     var $;
-    (!(($ = R == null ? void 0 : R.current) != null && $.connected) || !v) && (Z(), se(!1));
-  }, J = () => S(!1);
-  return pe(() => (se(!1), Z(), window.addEventListener("online", X), window.addEventListener("offline", J), () => {
-    var $, V;
-    R.current && (($ = R.current) == null || $.off("connect", B), (V = R.current) == null || V.disconnect(), R.current = null), window.removeEventListener("online", X), window.removeEventListener("offline", J);
+    (!(($ = w == null ? void 0 : w.current) != null && $.connected) || !v) && (ee(), re(!1));
+  }, q = () => S(!1);
+  return pe(() => (re(!1), ee(), window.addEventListener("online", J), window.addEventListener("offline", q), () => {
+    var $, Y;
+    w.current && (($ = w.current) == null || $.off("connect", V), (Y = w.current) == null || Y.disconnect(), w.current = null), window.removeEventListener("online", J), window.removeEventListener("offline", q);
   }), [
-    JSON.stringify(q || {}),
+    JSON.stringify(H || {}),
     F == null ? void 0 : F.socketURL,
     F == null ? void 0 : F.socketPath
   ]), /* @__PURE__ */ t.jsx(
@@ -1101,16 +1101,16 @@ const $e = (e = ".w-wrapper-body") => {
       value: {
         setChats: r,
         chats: n,
-        onSendMsg: Y,
+        onSendMsg: P,
         isWaitResponse: o,
-        socket: R == null ? void 0 : R.current,
-        sessionId: (ee = H == null ? void 0 : H.current) == null ? void 0 : ee.session_id,
+        socket: w == null ? void 0 : w.current,
+        sessionId: (z = N == null ? void 0 : N.current) == null ? void 0 : z.session_id,
         loadingRegenerate: s,
         file: a,
         setFile: l,
         connected: v,
         isHandshakeWidget: T,
-        createSocket: Z,
+        createSocket: ee,
         currRegenerateId: G,
         thinkingText: x,
         setThinkingText: E,
@@ -1122,8 +1122,8 @@ const $e = (e = ".w-wrapper-body") => {
         setStreamingCompleted: m,
         // <- optional
         reasonMap: A,
-        isShowUpload: p,
-        setShowUpload: h,
+        isShowUpload: h,
+        setShowUpload: p,
         isLoadingUpload: y,
         setLoadingUpload: j
       },
@@ -1417,8 +1417,8 @@ const $e = (e = ".w-wrapper-body") => {
   return ((i = Object.keys(r || {})) == null ? void 0 : i.length) > 0 ? o ? `WPUI_${c}` : s : n;
 }, Do = ({ isFeedback: e = !1, open: n, ...r }) => {
   var c;
-  const o = z(() => e ? "w-modal-container-feedback" : "", [e]);
-  return nt != null && nt.startsWith("5") ? /* @__PURE__ */ t.jsx(
+  const o = K(() => e ? "w-modal-container-feedback" : "", [e]);
+  return tt != null && tt.startsWith("5") ? /* @__PURE__ */ t.jsx(
     fn,
     {
       rootClassName: o,
@@ -1446,7 +1446,7 @@ const $e = (e = ".w-wrapper-body") => {
         getContainer: "#w-widget-content",
         width: 300,
         ...r,
-        ...rt != null && rt.startsWith("18") ? {
+        ...nt != null && nt.startsWith("18") ? {
           open: n
         } : { visible: n },
         maskStyle: {
@@ -1464,7 +1464,7 @@ const $e = (e = ".w-wrapper-body") => {
       }
     )
   );
-}, tr = K(Do), Oo = ({ childrenData: e, children: n, tag: r, reason: o }) => {
+}, tr = X(Do), Oo = ({ childrenData: e, children: n, tag: r, reason: o }) => {
   const c = I("ThinkProcess", "Think Process"), i = [{ type: "text", value: typeof e == "string" ? e : "" }], a = typeof o == "string" ? o.replace(/\s+/g, " ").trim() : "", l = a.length > 0;
   return /* @__PURE__ */ t.jsxs("div", { children: [
     l && /* @__PURE__ */ t.jsx(
@@ -1509,7 +1509,7 @@ const $e = (e = ".w-wrapper-body") => {
     ),
     i.map((g, m) => /* @__PURE__ */ t.jsx(Tt, { children: n(g.value, "text") }, m))
   ] });
-}, Lo = K(Oo), En = ({ props: e, isModal: n = !1 }) => {
+}, Lo = X(Oo), En = ({ props: e, isModal: n = !1 }) => {
   const r = (o, c) => {
     var s;
     return (s = Mr) == null ? void 0 : s.map(o, (i) => {
@@ -1555,14 +1555,14 @@ const $e = (e = ".w-wrapper-body") => {
   const o = I(
     "OpenDetailTable",
     "Open Detail Table"
-  ), c = I("TableDetail", "Tabel Detail"), { widgetProps: s, objInitPayload: i } = ue(), [a, l] = W(!1);
+  ), c = I("TableDetail", "Tabel Detail"), { widgetProps: s, objInitPayload: i } = de(), [a, l] = W(!1);
   return /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(Lo, { childrenData: e, tag: n, reason: r, children: (g, m) => /* @__PURE__ */ t.jsx(
     Kr,
     {
       remarkPlugins: [Pr],
       components: {
-        table: ({ ...p }) => /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-          /* @__PURE__ */ t.jsx(En, { props: p }),
+        table: ({ ...h }) => /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+          /* @__PURE__ */ t.jsx(En, { props: h }),
           /* @__PURE__ */ t.jsx(
             "div",
             {
@@ -1572,7 +1572,7 @@ const $e = (e = ".w-wrapper-body") => {
                 padding: "5px 0px 10px 0px"
               },
               children: /* @__PURE__ */ t.jsx(
-                le,
+                fe,
                 {
                   onClick: () => {
                     l(!0);
@@ -1593,16 +1593,16 @@ const $e = (e = ".w-wrapper-body") => {
               onCancel: () => {
                 l(!1);
               },
-              children: /* @__PURE__ */ t.jsx(En, { props: p, isModal: !0 })
+              children: /* @__PURE__ */ t.jsx(En, { props: h, isModal: !0 })
             }
           )
         ] }),
-        p: (p) => /* @__PURE__ */ t.jsx(
+        p: (h) => /* @__PURE__ */ t.jsx(
           "p",
           {
-            ...p,
+            ...h,
             style: {
-              ...(p == null ? void 0 : p.style) || {},
+              ...(h == null ? void 0 : h.style) || {},
               ...m === "think" && {
                 fontSize: 12,
                 color: "grey"
@@ -1610,21 +1610,21 @@ const $e = (e = ".w-wrapper-body") => {
             }
           }
         ),
-        code: ({ className: p, children: h }) => {
-          const y = /language-(\w+)/.exec(p || "");
+        code: ({ className: h, children: p }) => {
+          const y = /language-(\w+)/.exec(h || "");
           return y ? /* @__PURE__ */ t.jsx(
             Xr,
             {
               language: y[1],
               style: Ao,
               PreTag: "div",
-              children: String(h).replace(/\n$/, "")
+              children: String(p).replace(/\n$/, "")
             }
-          ) : /* @__PURE__ */ t.jsx(ie.Text, { code: !0, children: h });
+          ) : /* @__PURE__ */ t.jsx(ie.Text, { code: !0, children: p });
         },
-        a: (p) => {
+        a: (h) => {
           var S;
-          const h = p.href, y = (S = p.children) == null ? void 0 : S[0], j = Tn(h), v = Tn(
+          const p = h.href, y = (S = h.children) == null ? void 0 : S[0], j = Tn(p), v = Tn(
             i == null ? void 0 : i.uriBackend
           );
           return !j && v ? /* @__PURE__ */ t.jsx(
@@ -1633,18 +1633,18 @@ const $e = (e = ".w-wrapper-body") => {
               className: "w-link-path",
               onClick: (T) => {
                 T.stopPropagation();
-                const w = `${h}`;
-                s != null && s.history && s.history.push(w);
+                const _ = `${p}`;
+                s != null && s.history && s.history.push(_);
               },
               children: y
             }
-          ) : /* @__PURE__ */ t.jsx("a", { ...p, target: "_blank", className: "w-link-path" });
+          ) : /* @__PURE__ */ t.jsx("a", { ...h, target: "_blank", className: "w-link-path" });
         }
       },
       children: g
     }
   ) }) });
-}, nr = K(Mo), No = () => /* @__PURE__ */ t.jsxs(
+}, nr = X(Mo), No = () => /* @__PURE__ */ t.jsxs(
   "svg",
   {
     width: "24",
@@ -1756,7 +1756,7 @@ const $e = (e = ".w-wrapper-body") => {
     "aria-hidden": "true",
     children: /* @__PURE__ */ t.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" })
   }
-) }), Wo = () => /* @__PURE__ */ t.jsx("span", { role: "img", "aria-label": "left", className: "anticon anticon-left", children: /* @__PURE__ */ t.jsx(
+) }), Bo = () => /* @__PURE__ */ t.jsx("span", { role: "img", "aria-label": "left", className: "anticon anticon-left", children: /* @__PURE__ */ t.jsx(
   "svg",
   {
     viewBox: "64 64 896 896",
@@ -1767,7 +1767,7 @@ const $e = (e = ".w-wrapper-body") => {
     "aria-hidden": "true",
     children: /* @__PURE__ */ t.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" })
   }
-) }), Bo = () => /* @__PURE__ */ t.jsx("span", { role: "img", "aria-label": "right", className: "anticon anticon-right", children: /* @__PURE__ */ t.jsx(
+) }), Wo = () => /* @__PURE__ */ t.jsx("span", { role: "img", "aria-label": "right", className: "anticon anticon-right", children: /* @__PURE__ */ t.jsx(
   "svg",
   {
     viewBox: "64 64 896 896",
@@ -1972,14 +1972,14 @@ const $e = (e = ".w-wrapper-body") => {
     children: /* @__PURE__ */ t.jsx("path", { d: "M300 276.5a56 56 0 1056-97 56 56 0 00-56 97zm0 284a56 56 0 1056-97 56 56 0 00-56 97zM640 228a56 56 0 10112 0 56 56 0 00-112 0zm0 284a56 56 0 10112 0 56 56 0 00-112 0zM300 844.5a56 56 0 1056-97 56 56 0 00-56 97zM640 796a56 56 0 10112 0 56 56 0 00-112 0z" })
   }
 ), xe = ({ type: e = "", chatProps: n, ...r }) => {
-  const o = z(() => ({
+  const o = K(() => ({
     minimize: Fo,
     expand: Io,
     send: $o,
     stop: Uo,
     sync: Ho,
-    left: Wo,
-    right: Bo,
+    left: Bo,
+    right: Wo,
     like: () => /* @__PURE__ */ t.jsx(Yo, { ...n }),
     dislike: () => /* @__PURE__ */ t.jsx(Vo, { ...n }),
     delete: zo,
@@ -1997,7 +1997,7 @@ const $e = (e = ".w-wrapper-body") => {
   }), [e, n, r]);
   return /* @__PURE__ */ t.jsx(Jr, { component: o == null ? void 0 : o[e], ...r });
 }, rr = Ve({}), Ue = () => ze(rr), ns = ({ children: e }) => {
-  const [n, r] = W("va"), o = z(() => n === "va", [n]);
+  const [n, r] = W("va"), o = K(() => n === "va", [n]);
   return /* @__PURE__ */ t.jsx(
     rr.Provider,
     {
@@ -2022,40 +2022,40 @@ const $e = (e = ".w-wrapper-body") => {
   ), s = I(
     "AdditionalFeedback",
     "Additional Feedback"
-  ), [i] = Se.useForm(), [a, l] = W(!1), [g, m] = W(""), { setChats: p } = De(), { objInitPayload: h, isUserInputHide: y } = ue(), { activeTab: j } = Ue(), v = z(() => {
+  ), [i] = Se.useForm(), [a, l] = W(!1), [g, m] = W(""), { setChats: h } = De(), { objInitPayload: p, isUserInputHide: y } = de(), { activeTab: j } = Ue(), v = K(() => {
     var E;
     const x = we(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()) !== "" && x;
-  }, [e]), S = z(() => {
+  }, [e]), S = K(() => {
     var E;
     const x = we(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()) !== "" && x;
-  }, [e]), T = z(() => {
-    if (h != null && h.uriBackend)
+  }, [e]), T = K(() => {
+    if (p != null && p.uriBackend)
       try {
-        return new URL(h.uriBackend).origin;
+        return new URL(p.uriBackend).origin;
       } catch {
         return "";
       }
     return "";
-  }, [h == null ? void 0 : h.uriBackend]), w = (x) => {
-    var _;
+  }, [p == null ? void 0 : p.uriBackend]), _ = (x) => {
+    var B;
     const E = x === "like" ? e == null ? void 0 : e.text_thumbsup_link : e == null ? void 0 : e.text_thumbsdown_link, {
       access_token: f = "",
       companycode: b = "",
       companyid: u = "",
       uriBackend: C = "",
       uriBackendEnt: A = "",
-      lang: N = ""
-    } = h || {}, O = g === "another" ? i == null ? void 0 : i.getFieldValue("additional_feedback") : g;
-    (_ = ot({
+      lang: L = ""
+    } = p || {}, D = g === "another" ? i == null ? void 0 : i.getFieldValue("additional_feedback") : g;
+    (B = rt({
       method: "POST",
       url: E,
       data: {
         message_id: e == null ? void 0 : e.id,
         response_type: x === "like" ? "thumbs_up" : "thumbs_down",
         ...x === "dislike" && {
-          additional_feedback: O
+          additional_feedback: D
         }
       },
       headers: {
@@ -2067,37 +2067,37 @@ const $e = (e = ".w-wrapper-body") => {
         uriBackendEnt: `${A}`,
         "custom-origin": `${T}`,
         "Acc-Name": `${b.toUpperCase()}`,
-        Language: `${N}`
+        Language: `${L}`
       }
-    })) == null || _.then((R) => {
-      var H, G, q;
-      (R == null ? void 0 : R.status) === 200 && (a && l(!1), (H = _e) == null || H.destroy(), (G = _e) == null || G.config({
+    })) == null || B.then((w) => {
+      var N, G, H;
+      (w == null ? void 0 : w.status) === 200 && (a && l(!1), (N = _e) == null || N.destroy(), (G = _e) == null || G.config({
         getContainer: () => document.querySelector(".w-widget-content-container"),
         top: 28,
         placement: "top",
         duration: 3
-      }), (q = _e) == null || q.success({
+      }), (H = _e) == null || H.success({
         message: c,
         className: "w-notification-content"
-      }), p((F) => {
-        var se;
-        return (se = F == null ? void 0 : F.map((te) => {
+      }), h((F) => {
+        var re;
+        return (re = F == null ? void 0 : F.map((te) => {
           var M;
           if (we(te, "chats")) {
-            const P = (M = te == null ? void 0 : te.chats) == null ? void 0 : M.map((B) => (B == null ? void 0 : B.indexChat) === (e == null ? void 0 : e.indexChat) ? {
-              ...B,
+            const Z = (M = te == null ? void 0 : te.chats) == null ? void 0 : M.map((V) => (V == null ? void 0 : V.indexChat) === (e == null ? void 0 : e.indexChat) ? {
+              ...V,
               feedback: x
-            } : B);
+            } : V);
             return {
               ...te,
-              chats: P
+              chats: Z
             };
           }
           return (e == null ? void 0 : e.id) === (te == null ? void 0 : te.id) ? {
             ...te,
             feedback: x
           } : te;
-        })) == null ? void 0 : se.flat();
+        })) == null ? void 0 : re.flat();
       }));
     });
   };
@@ -2106,16 +2106,16 @@ const $e = (e = ".w-wrapper-body") => {
     (x = _e) == null || x.destroy();
   }, [j]), y ? null : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     v && /* @__PURE__ */ t.jsx(
-      le,
+      fe,
       {
         icon: /* @__PURE__ */ t.jsx(xe, { type: "like", chatProps: e }),
         onClick: () => {
-          (e == null ? void 0 : e.feedback) !== "like" && w("like");
+          (e == null ? void 0 : e.feedback) !== "like" && _("like");
         }
       }
     ),
     S && /* @__PURE__ */ t.jsx(
-      le,
+      fe,
       {
         icon: /* @__PURE__ */ t.jsx(xe, { type: "dislike", chatProps: e }),
         onClick: () => {
@@ -2133,7 +2133,7 @@ const $e = (e = ".w-wrapper-body") => {
           l(!1);
         },
         onOk: () => {
-          w("dislike");
+          _("dislike");
         },
         children: [
           /* @__PURE__ */ t.jsx("p", { style: { textAlign: "center", fontWeight: 600, fontSize: 14 }, children: n }),
@@ -2162,7 +2162,7 @@ const $e = (e = ".w-wrapper-body") => {
       }
     )
   ] });
-}, os = K(rs), ss = ({
+}, os = X(rs), ss = ({
   showFeedback: e = !0,
   showRegenerate: n = !0,
   position: r = "left",
@@ -2175,8 +2175,8 @@ const $e = (e = ".w-wrapper-body") => {
     onSendMsg: l,
     setChats: g,
     loadingRegenerate: m,
-    currRegenerateId: p
-  } = De(), h = z(() => o == null ? void 0 : o.sender, [o]), y = z(() => a == null ? void 0 : a.filter((w) => (w == null ? void 0 : w.sender) === "client"), [a]), j = z(() => n && h === "response" && (y == null ? void 0 : y.length) > 0 && (o == null ? void 0 : o.indexChat) === (a == null ? void 0 : a.length) - 1 && (o == null ? void 0 : o.text_FeedbackIcons) === "hidup", [h, y, a, o, n]), v = z(() => {
+    currRegenerateId: h
+  } = De(), p = K(() => o == null ? void 0 : o.sender, [o]), y = K(() => a == null ? void 0 : a.filter((_) => (_ == null ? void 0 : _.sender) === "client"), [a]), j = K(() => n && p === "response" && (y == null ? void 0 : y.length) > 0 && (o == null ? void 0 : o.indexChat) === (a == null ? void 0 : a.length) - 1 && (o == null ? void 0 : o.text_FeedbackIcons) === "hidup", [p, y, a, o, n]), v = K(() => {
     switch (r) {
       case "left":
         return "flex-start";
@@ -2185,17 +2185,17 @@ const $e = (e = ".w-wrapper-body") => {
       case "right":
         return "flex-end";
     }
-  }, [r]), S = z(() => e && (o == null ? void 0 : o.text_FeedbackIcons) === "hidup", [o, e]), T = () => {
+  }, [r]), S = K(() => e && (o == null ? void 0 : o.text_FeedbackIcons) === "hidup", [o, e]), T = () => {
     if (!s) return;
     i(!1);
-    const w = y == null ? void 0 : y[(y == null ? void 0 : y.length) - 1], x = a == null ? void 0 : a[(a == null ? void 0 : a.length) - 1];
+    const _ = y == null ? void 0 : y[(y == null ? void 0 : y.length) - 1], x = a == null ? void 0 : a[(a == null ? void 0 : a.length) - 1];
     g(
       (E = []) => E == null ? void 0 : E.map((f, b) => b === (E == null ? void 0 : E.length) - 1 && (f == null ? void 0 : f.sender) === "response" ? {
         ...f,
         generated_id: (x == null ? void 0 : x.generated_id) ?? c
       } : f)
-    ), p.current = (x == null ? void 0 : x.generated_id) ?? c, l({
-      msg: w == null ? void 0 : w.text,
+    ), h.current = (x == null ? void 0 : x.generated_id) ?? c, l({
+      msg: _ == null ? void 0 : _.text,
       additionalConfig: {
         generate_id: (x == null ? void 0 : x.generated_id) ?? c
       },
@@ -2212,7 +2212,7 @@ const $e = (e = ".w-wrapper-body") => {
       },
       children: [
         j && /* @__PURE__ */ t.jsx(
-          le,
+          fe,
           {
             loading: m,
             disabled: !s,
@@ -2226,8 +2226,8 @@ const $e = (e = ".w-wrapper-body") => {
       ]
     }
   ) });
-}, Vt = K(ss), is = ({ nameFallback: e = "", ...n }) => /* @__PURE__ */ t.jsx(
-  Wr,
+}, Vt = X(ss), is = ({ nameFallback: e = "", ...n }) => /* @__PURE__ */ t.jsx(
+  Br,
   {
     ...typeof (n == null ? void 0 : n.onError) != "function" && {
       fallback: Zt(e)
@@ -2236,10 +2236,10 @@ const $e = (e = ".w-wrapper-body") => {
     loading: "lazy",
     ...n
   }
-), Qt = K(is), as = ({ nameFallback: e = "", ...n }) => {
-  const r = re(0);
+), Qt = X(is), as = ({ nameFallback: e = "", ...n }) => {
+  const r = oe(0);
   return /* @__PURE__ */ t.jsx(
-    Bn,
+    Wn,
     {
       ...n,
       src: /* @__PURE__ */ t.jsx(
@@ -2256,33 +2256,33 @@ const $e = (e = ".w-wrapper-body") => {
       )
     }
   );
-}, Ye = K(as);
-Ye.Group = Bn.Group;
+}, Ye = X(as);
+Ye.Group = Wn.Group;
 const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", children: [
   /* @__PURE__ */ t.jsx("div", {}),
   /* @__PURE__ */ t.jsx("div", {}),
   /* @__PURE__ */ t.jsx("div", {}),
   /* @__PURE__ */ t.jsx("div", {})
-] }), or = K(cs), ls = () => {
-  const { widgetProps: e } = ue();
+] }), or = X(cs), ls = () => {
+  const { widgetProps: e } = de();
   return /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
     /* @__PURE__ */ t.jsx(Ye, { src: St, nameFallback: e == null ? void 0 : e.title }),
     /* @__PURE__ */ t.jsx(or, {})
   ] });
-}, en = K(ls), us = ({ src: e, name: n }) => /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
+}, en = X(ls), us = ({ src: e, name: n }) => /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
   /* @__PURE__ */ t.jsx(Ye, { src: e, preview: !1, nameFallback: n }),
   /* @__PURE__ */ t.jsx(ie.Text, { children: n })
-] }), pt = K(us), ds = ({ ...e }) => {
-  var m, p;
-  const [n, r] = W(1), { loadingRegenerate: o, currRegenerateId: c } = De(), { isExpand: s, widgetProps: i } = ue(), a = z(() => e == null ? void 0 : e.sender, [e]), l = z(() => e == null ? void 0 : e.chats, [e == null ? void 0 : e.chats]), g = z(() => {
-    const h = l == null ? void 0 : l[(l == null ? void 0 : l.length) - 1];
-    return (h == null ? void 0 : h.generated_id) === c.current;
+] }), pt = X(us), ds = ({ ...e }) => {
+  var m, h;
+  const [n, r] = W(1), { loadingRegenerate: o, currRegenerateId: c } = De(), { isExpand: s, widgetProps: i } = de(), a = K(() => e == null ? void 0 : e.sender, [e]), l = K(() => e == null ? void 0 : e.chats, [e == null ? void 0 : e.chats]), g = K(() => {
+    const p = l == null ? void 0 : l[(l == null ? void 0 : l.length) - 1];
+    return (p == null ? void 0 : p.generated_id) === c.current;
   }, [l, e, c.current]);
   return pe(() => {
     !o && (l == null ? void 0 : l.length) > 0 && (r(l == null ? void 0 : l.length), $e());
   }, [o]), o && g ? /* @__PURE__ */ t.jsx(en, {}) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     a === "response" && /* @__PURE__ */ t.jsx(pt, { name: i == null ? void 0 : i.title, src: St }),
-    /* @__PURE__ */ t.jsx("div", { style: { display: "flex", gap: 8 }, children: l == null ? void 0 : l.map((h, y) => {
+    /* @__PURE__ */ t.jsx("div", { style: { display: "flex", gap: 8 }, children: l == null ? void 0 : l.map((p, y) => {
       var S;
       const j = y === ((S = e == null ? void 0 : e.chats) == null ? void 0 : S.length) - 1, v = n === y + 1;
       return /* @__PURE__ */ t.jsxs(
@@ -2306,8 +2306,8 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
                   {
                     className: `w-bubble-chat w-bubble-chat-regenerate  ${`w-${a}`} ${s ? "w-bubble-chat-regenerate-expand" : ""}`,
                     children: [
-                      /* @__PURE__ */ t.jsx(nr, { tag: h == null ? void 0 : h.tag, reason: h == null ? void 0 : h.reason, children: h == null ? void 0 : h.text }),
-                      a === "response" && /* @__PURE__ */ t.jsx("span", { style: { fontSize: 12, color: "rgba(0,0,0,0.4)" }, children: h == null ? void 0 : h.timestamp })
+                      /* @__PURE__ */ t.jsx(nr, { tag: p == null ? void 0 : p.tag, reason: p == null ? void 0 : p.reason, children: p == null ? void 0 : p.text }),
+                      a === "response" && /* @__PURE__ */ t.jsx("span", { style: { fontSize: 12, color: "rgba(0,0,0,0.4)" }, children: p == null ? void 0 : p.timestamp })
                     ]
                   }
                 )
@@ -2318,7 +2318,7 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
               {
                 showFeedback: !0,
                 showRegenerate: !1,
-                ...h
+                ...p
               }
             )
           ]
@@ -2337,14 +2337,14 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
       ),
       /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", gap: 4, alignItems: "center" }, children: [
         /* @__PURE__ */ t.jsx(
-          le,
+          fe,
           {
             size: "small",
             shape: "circle",
             disabled: n === 1,
             icon: /* @__PURE__ */ t.jsx(xe, { type: "left" }),
             onClick: () => {
-              n > 1 && r((h) => h - 1);
+              n > 1 && r((p) => p - 1);
             }
           }
         ),
@@ -2354,22 +2354,22 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
           (m = e == null ? void 0 : e.chats) == null ? void 0 : m.length
         ] }),
         /* @__PURE__ */ t.jsx(
-          le,
+          fe,
           {
             size: "small",
             shape: "circle",
-            disabled: n === ((p = e == null ? void 0 : e.chats) == null ? void 0 : p.length),
+            disabled: n === ((h = e == null ? void 0 : e.chats) == null ? void 0 : h.length),
             icon: /* @__PURE__ */ t.jsx(xe, { type: "right" }),
             onClick: () => {
-              var h;
-              n < ((h = e == null ? void 0 : e.chats) == null ? void 0 : h.length) && r((y) => y + 1);
+              var p;
+              n < ((p = e == null ? void 0 : e.chats) == null ? void 0 : p.length) && r((y) => y + 1);
             }
           }
         )
       ] })
     ] })
   ] });
-}, fs = K(ds), gs = ({ date: e, format: n, sender: r, ...o }) => {
+}, fs = X(ds), gs = ({ date: e, format: n, sender: r, ...o }) => {
   var c, s;
   return /* @__PURE__ */ t.jsx(
     ie.Text,
@@ -2389,12 +2389,12 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
       children: n ? (s = je(e)) == null ? void 0 : s.format(n) : e
     }
   );
-}, ht = K(gs), ps = ({ showResponseInfo: e = !0, ...n }) => {
+}, ht = X(gs), ps = ({ showResponseInfo: e = !0, ...n }) => {
   var m;
-  const { loadingRegenerate: r, chats: o, reasonMap: c } = De(), { widgetProps: s } = ue(), i = z(
+  const { loadingRegenerate: r, chats: o, reasonMap: c } = De(), { widgetProps: s } = de(), i = K(
     () => (o == null ? void 0 : o.length) - 1 === (n == null ? void 0 : n.indexChat),
     [o]
-  ), a = z(() => n == null ? void 0 : n.sender, [n]), l = z(() => ((n == null ? void 0 : n.id) || "").split("|")[0], [n]), g = z(() => c == null ? void 0 : c[l], [c, l, n]);
+  ), a = K(() => n == null ? void 0 : n.sender, [n]), l = K(() => ((n == null ? void 0 : n.id) || "").split("|")[0], [n]), g = K(() => c == null ? void 0 : c[l], [c, l, n]);
   return ((m = n == null ? void 0 : n.chats) == null ? void 0 : m.length) > 0 ? /* @__PURE__ */ t.jsx(fs, { ...n }) : r && i ? /* @__PURE__ */ t.jsx(en, {}) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     a === "response" && e && /* @__PURE__ */ t.jsx(pt, { name: s == null ? void 0 : s.title, src: St }),
     /* @__PURE__ */ t.jsxs("div", { className: `w-bubble-chat ${`w-${a}`}`, children: [
@@ -2411,7 +2411,7 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
     ] }),
     /* @__PURE__ */ t.jsx(Vt, { ...n })
   ] });
-}, dt = K(ps), hs = () => {
+}, dt = X(ps), hs = () => {
   const e = I(
     "PleaseUploadFile",
     "Please upload specify file that needed to complete your request"
@@ -2453,7 +2453,7 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
                 c(g == null ? void 0 : g.file);
               },
               children: /* @__PURE__ */ t.jsx(
-                le,
+                fe,
                 {
                   icon: /* @__PURE__ */ t.jsx(xe, { type: "upload" }),
                   disabled: s,
@@ -2463,7 +2463,7 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
             }
           ),
           /* @__PURE__ */ t.jsx(
-            le,
+            fe,
             {
               type: "dashed",
               onClick: l,
@@ -2475,13 +2475,13 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
       ]
     }
   );
-}, xs = K(hs), ms = () => {
-  const [e, n] = W(!1), [r, o] = W(!1), [c, s] = W(!1), [i, a] = W(3), [l, g] = W(!1), [m, p] = W(""), { widgetProps: h } = ue(), { onSendMsg: y, chats: j } = De(), { onSubmitPYPwd: v = () => {
+}, xs = X(hs), ms = () => {
+  const [e, n] = W(!1), [r, o] = W(!1), [c, s] = W(!1), [i, a] = W(3), [l, g] = W(!1), [m, h] = W(""), { widgetProps: p } = de(), { onSendMsg: y, chats: j } = De(), { onSubmitPYPwd: v = () => {
   }, onCheckPYAccess: S = () => {
-  } } = (h == null ? void 0 : h.onPayslipFn) || {}, T = I(
+  } } = (p == null ? void 0 : p.onPayslipFn) || {}, T = I(
     "ProvidePasswordPayslip",
     "Please provide your password account to access the download"
-  ), w = I("Cancel", "Cancel"), x = I("Submit", "Submit"), E = I("Password", "Password"), f = I("IsRequired", "Is Required"), b = I(
+  ), _ = I("Cancel", "Cancel"), x = I("Submit", "Submit"), E = I("Password", "Password"), f = I("IsRequired", "Is Required"), b = I(
     "PrepareTheFiles",
     "Prepare the files"
   ), u = I(
@@ -2493,50 +2493,50 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
   ), A = I(
     "WrongPwdPayslip",
     "The password you entered is incorrect. Please try again or contact support if you need assistance"
-  ), N = I(
+  ), L = I(
     "SessionExpired",
     "Session expired. Please log in again to continue"
-  ), [O] = Se.useForm(), _ = () => {
-    var G, q, F;
-    s(!0), g(!0), (F = (q = (G = S()) == null ? void 0 : G.then((se) => {
+  ), [D] = Se.useForm(), B = () => {
+    var G, H, F;
+    s(!0), g(!0), (F = (H = (G = S()) == null ? void 0 : G.then((re) => {
       var k, M;
-      const te = (M = (k = se == null ? void 0 : se.data) == null ? void 0 : k.DATA) == null ? void 0 : M.RESULT;
-      te && y({ msg: "Valid" }), n(te), p("");
-    })) == null ? void 0 : q.catch((se) => {
-      p(se == null ? void 0 : se.toString());
+      const te = (M = (k = re == null ? void 0 : re.data) == null ? void 0 : k.DATA) == null ? void 0 : M.RESULT;
+      te && y({ msg: "Valid" }), n(te), h("");
+    })) == null ? void 0 : H.catch((re) => {
+      h(re == null ? void 0 : re.toString());
     })) == null || F.finally(() => {
       o(!1), g(!1);
     });
-  }, R = () => {
+  }, w = () => {
     y({ msg: "cancel" }), s(!1);
-  }, H = () => {
-    var q;
-    const G = O == null ? void 0 : O.getFieldValue("pwd");
-    (q = O == null ? void 0 : O.validateFields()) == null || q.then(() => {
-      var F, se;
-      o(!0), (se = (F = v(G)) == null ? void 0 : F.then(({ data: te }) => {
+  }, N = () => {
+    var H;
+    const G = D == null ? void 0 : D.getFieldValue("pwd");
+    (H = D == null ? void 0 : D.validateFields()) == null || H.then(() => {
+      var F, re;
+      o(!0), (re = (F = v(G)) == null ? void 0 : F.then(({ data: te }) => {
         var k;
-        (k = te == null ? void 0 : te.DATA) != null && k.ISVALID ? _() : (p(A), a(i - 1), o(!1));
-      })) == null || se.catch((te) => {
-        var M, P, B, Y, Z;
+        (k = te == null ? void 0 : te.DATA) != null && k.ISVALID ? B() : (h(A), a(i - 1), o(!1));
+      })) == null || re.catch((te) => {
+        var M, Z, V, P, ee;
         const k = te == null ? void 0 : te.response;
         if ((k == null ? void 0 : k.status) === 401) {
-          const X = (P = (M = k == null ? void 0 : k.data) == null ? void 0 : M.ERRORS) == null ? void 0 : P.includes(
+          const J = (Z = (M = k == null ? void 0 : k.data) == null ? void 0 : M.ERRORS) == null ? void 0 : Z.includes(
             "ACCESS_TOKEN_EXPIRED"
-          ), J = (Z = (Y = (B = k == null ? void 0 : k.data) == null ? void 0 : B.MESSAGE) == null ? void 0 : Y.toLowerCase()) == null ? void 0 : Z.includes(
+          ), q = (ee = (P = (V = k == null ? void 0 : k.data) == null ? void 0 : V.MESSAGE) == null ? void 0 : P.toLowerCase()) == null ? void 0 : ee.includes(
             "invalid password"
           );
-          X && p(N), J && (p(A), a(i - 1), o(!1));
+          J && h(L), q && (h(A), a(i - 1), o(!1));
         } else
-          p(te == null ? void 0 : te.toString());
+          h(te == null ? void 0 : te.toString());
         o(!1);
       });
     });
   };
   return pe(() => {
-    var q;
+    var H;
     const G = j == null ? void 0 : j[(j == null ? void 0 : j.length) - 1];
-    ((q = G == null ? void 0 : G.attachment) == null ? void 0 : q.type) === "show_password_wp" && _();
+    ((H = G == null ? void 0 : G.attachment) == null ? void 0 : H.type) === "show_password_wp" && B();
   }, []), c ? l ? /* @__PURE__ */ t.jsx(
     dt,
     {
@@ -2559,7 +2559,7 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
       children: /* @__PURE__ */ t.jsxs(
         Se,
         {
-          form: O,
+          form: D,
           layout: "vertical",
           style: { display: "flex", flexDirection: "column", gap: 8 },
           children: [
@@ -2579,12 +2579,12 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
                 }
               ),
               /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", gap: 8 }, children: [
-                /* @__PURE__ */ t.jsx(le, { disabled: r, onClick: R, children: w }),
+                /* @__PURE__ */ t.jsx(fe, { disabled: r, onClick: w, children: _ }),
                 /* @__PURE__ */ t.jsx(
-                  le,
+                  fe,
                   {
                     type: "primary",
-                    onClick: H,
+                    onClick: N,
                     loading: r,
                     htmlType: "submit",
                     children: x
@@ -2597,13 +2597,13 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
       )
     }
   ) : null;
-}, ys = K(ms), vs = ({ ...e }) => {
+}, ys = X(ms), vs = ({ ...e }) => {
   var a;
-  const { objInitPayload: n } = ue(), [r, o] = W(!1), c = I("Error", "Error"), s = z(() => Kn(n == null ? void 0 : n.access_token), [n]), i = () => {
-    var g, m, p, h;
+  const { objInitPayload: n } = de(), [r, o] = W(!1), c = I("Error", "Error"), s = K(() => Kn(n == null ? void 0 : n.access_token), [n]), i = () => {
+    var g, m, h, p;
     o(!0);
     const l = e == null ? void 0 : e.attachment;
-    (h = (p = (m = ot({
+    (p = (h = (m = rt({
       method: "POST",
       url: l == null ? void 0 : l.endpoint,
       data: l == null ? void 0 : l.body,
@@ -2616,10 +2616,10 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
       },
       responseType: "blob"
     })) == null ? void 0 : m.then((y) => {
-      var w;
-      const j = (w = l == null ? void 0 : l.body) == null ? void 0 : w.media, v = `${l == null ? void 0 : l.filename}.${j}`, S = new Blob([y == null ? void 0 : y.data]), T = URL == null ? void 0 : URL.createObjectURL(S);
+      var _;
+      const j = (_ = l == null ? void 0 : l.body) == null ? void 0 : _.media, v = `${l == null ? void 0 : l.filename}.${j}`, S = new Blob([y == null ? void 0 : y.data]), T = URL == null ? void 0 : URL.createObjectURL(S);
       Pt({ downloadURL: T, fileName: v }), URL.revokeObjectURL(T);
-    })) == null ? void 0 : p.catch((y) => {
+    })) == null ? void 0 : h.catch((y) => {
       var v, S, T;
       const j = y == null ? void 0 : y.message;
       (v = _e) == null || v.destroy(), (S = _e) == null || S.config({
@@ -2632,7 +2632,7 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
         className: "w-notification-content",
         duration: 3
       });
-    })) == null || h.finally(() => {
+    })) == null || p.finally(() => {
       o(!1);
     });
   };
@@ -2642,10 +2642,10 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
       className: "w-bubble-chat w-response",
       onClick: i,
       style: { cursor: "pointer" },
-      children: /* @__PURE__ */ t.jsxs(Br, { spinning: r, children: [
+      children: /* @__PURE__ */ t.jsxs(Wr, { spinning: r, children: [
         /* @__PURE__ */ t.jsx(ie.Link, { children: (a = e == null ? void 0 : e.attachment) == null ? void 0 : a.filename }),
         /* @__PURE__ */ t.jsx(
-          le,
+          fe,
           {
             icon: /* @__PURE__ */ t.jsx(
               xe,
@@ -2660,8 +2660,8 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
       ] })
     }
   );
-}, bs = K(vs), Cs = ({ ...e }) => {
-  const n = re(), r = I("DownloadChart", "Download Chart"), o = z(() => e == null ? void 0 : e.attachment, [e == null ? void 0 : e.attachment]), c = z(() => {
+}, bs = X(vs), Cs = ({ ...e }) => {
+  const n = oe(), r = I("DownloadChart", "Download Chart"), o = K(() => e == null ? void 0 : e.attachment, [e == null ? void 0 : e.attachment]), c = K(() => {
     var i;
     return (i = o == null ? void 0 : o.data) == null ? void 0 : i.map((a, l) => {
       var g, m;
@@ -2701,7 +2701,7 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
       }
     ),
     /* @__PURE__ */ t.jsx("div", { style: { textAlign: "center" }, children: /* @__PURE__ */ t.jsx(
-      le,
+      fe,
       {
         onClick: () => {
           s();
@@ -2710,7 +2710,7 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
       }
     ) })
   ] });
-}, Ts = K(Cs), Es = ({ ...e }) => {
+}, Ts = X(Cs), Es = ({ ...e }) => {
   var n, r, o, c, s;
   switch (!0) {
     case ((n = et(e)) == null ? void 0 : n.text):
@@ -2726,8 +2726,8 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
     default:
       return null;
   }
-}, Ss = K(Es), ws = () => {
-  const { isOpenWidget: e, widgetProps: n } = ue(), { chats: r, isWaitResponse: o } = De(), { activeTab: c } = Ue();
+}, Ss = X(Es), ws = () => {
+  const { isOpenWidget: e, widgetProps: n } = de(), { chats: r, isWaitResponse: o } = De(), { activeTab: c } = Ue();
   return pe(() => {
     $e();
   }, [c]), e ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
@@ -2747,8 +2747,8 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
     }) }),
     o && /* @__PURE__ */ t.jsx(en, {})
   ] }) : null;
-}, _s = K(ws), sr = () => {
-  const { objInitPayload: e, setObjInitPayload: n, parsedJWT: r } = ue(), o = z(() => {
+}, _s = X(ws), sr = () => {
+  const { objInitPayload: e, setObjInitPayload: n, parsedJWT: r } = de(), o = K(() => {
     var s;
     return {
       Authorization: `Bearer ${e == null ? void 0 : e.access_token}`,
@@ -2759,9 +2759,9 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
     };
   }, [e]);
   return async (s) => {
-    var g, m, p;
+    var g, m, h;
     const { onSuccess: i, onError: a, onFinally: l } = s ?? {};
-    (p = (m = (g = ot({
+    (h = (m = (g = rt({
       url: e == null ? void 0 : e.uriBackend,
       params: {
         ofid: "sfsystem.RefreshToken",
@@ -2772,9 +2772,9 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
       },
       headers: o,
       method: "POST"
-    })) == null ? void 0 : g.then((h) => {
+    })) == null ? void 0 : g.then((p) => {
       var v;
-      const y = (v = h == null ? void 0 : h.data) == null ? void 0 : v.DATA, j = {
+      const y = (v = p == null ? void 0 : p.data) == null ? void 0 : v.DATA, j = {
         access_token: y == null ? void 0 : y.JWT_TOKEN,
         refresh_token: e == null ? void 0 : e.refresh_token,
         uagent: e == null ? void 0 : e.uagent,
@@ -2787,16 +2787,16 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
         uriBackendHRMGO: e == null ? void 0 : e.uriBackendHRMGO,
         config: e == null ? void 0 : e.config
       };
-      n(j), typeof i == "function" && i(h);
-    })) == null ? void 0 : m.catch((h) => {
-      typeof a == "function" && a(h);
-    })) == null || p.finally(() => {
+      n(j), typeof i == "function" && i(p);
+    })) == null ? void 0 : m.catch((p) => {
+      typeof a == "function" && a(p);
+    })) == null || h.finally(() => {
       typeof l == "function" && l();
     });
   };
 }, xt = () => {
   var i;
-  const e = re(new AbortController()), { objInitPayload: n, parsedJWT: r } = ue(), o = sr(), c = {
+  const e = oe(new AbortController()), { objInitPayload: n, parsedJWT: r } = de(), o = sr(), c = {
     Authorization: `Bearer ${n == null ? void 0 : n.access_token}`,
     coid: r == null ? void 0 : r.COID,
     "Acc-Name": (i = r == null ? void 0 : r.INSTANCE) == null ? void 0 : i.toLowerCase(),
@@ -2807,12 +2807,12 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
     endpoint: l,
     method: g = "POST",
     headers: m,
-    apiType: p = "go",
-    ...h
+    apiType: h = "go",
+    ...p
   }) => {
-    var T, w, x, E, f, b;
+    var T, _, x, E, f, b;
     const j = {
-      url: p === "lc" ? n == null ? void 0 : n.uriBackend : p === "go" && l ? `${n == null ? void 0 : n.uriBackendHRMGO}${l}` : a,
+      url: h === "lc" ? n == null ? void 0 : n.uriBackend : h === "go" && l ? `${n == null ? void 0 : n.uriBackendHRMGO}${l}` : a,
       ...e.current && {
         signal: (T = e == null ? void 0 : e.current) == null ? void 0 : T.signal
       },
@@ -2822,8 +2822,8 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
         "Company-Code": n == null ? void 0 : n.companycode
       },
       method: g,
-      ...h
-    }, v = (w = ot) == null ? void 0 : w.create(j);
+      ...p
+    }, v = (_ = rt) == null ? void 0 : _.create(j);
     return (E = (x = v == null ? void 0 : v.interceptors) == null ? void 0 : x.request) == null || E.use(
       (u) => (n != null && n.access_token && (u.headers.Authorization = `Bearer ${n == null ? void 0 : n.access_token}`), u),
       (u) => {
@@ -2835,8 +2835,8 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
         var A;
         const C = u == null ? void 0 : u.config;
         if (((A = u == null ? void 0 : u.response) == null ? void 0 : A.status) === 401) {
-          const N = await o();
-          return C.headers.Authorization = `Bearer ${N}`, ot(C);
+          const L = await o();
+          return C.headers.Authorization = `Bearer ${L}`, rt(C);
         }
         return Promise == null ? void 0 : Promise.reject(u);
       }
@@ -2847,10 +2847,10 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
     e != null && e.current && ((a = e == null ? void 0 : e.current) == null || a.abort(), e.current = new AbortController());
   }, pe(() => () => s.abort(), []), s;
 }, js = () => {
-  var O;
+  var B;
   const e = I(
-    "ContinueWithoutUpload",
-    "Continue without Upload"
+    "NoFileSelected",
+    "No File Selected"
   ), {
     onSendMsg: n,
     setChats: r,
@@ -2862,88 +2862,87 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
     connected: l,
     isInputDisabled: g,
     isShowUpload: m,
-    setShowUpload: p,
-    isLoadingUpload: h,
+    setShowUpload: h,
+    isLoadingUpload: p,
     setLoadingUpload: y
-  } = De(), { isUserInputHide: j } = ue(), { isActiveTabVA: v } = Ue(), S = z(() => {
-    var R;
-    const _ = a == null ? void 0 : a[(a == null ? void 0 : a.length) - 1];
-    return (_ == null ? void 0 : _.sender) === "response" && ((R = _ == null ? void 0 : _.attachment) == null ? void 0 : R.type) === "fileuploader";
-  }, [a]), T = re(), [w, x] = W(!1), [E, f] = W(!1), b = z(() => o || !E, [E, o]), u = xt(), C = () => {
-    var k, M, P, B;
+  } = De(), { isUserInputHide: j } = de(), { isActiveTabVA: v } = Ue(), S = K(() => {
+    var N;
+    const w = a == null ? void 0 : a[(a == null ? void 0 : a.length) - 1];
+    return (w == null ? void 0 : w.sender) === "response" && ((N = w == null ? void 0 : w.attachment) == null ? void 0 : N.type) === "fileuploader";
+  }, [a]), T = oe(), [_, x] = W(!1), [E, f] = W(!1), b = K(() => o || !E, [E, o]), u = xt(), C = (w, N) => u(w === "hrm-go" ? {
+    apiType: "go",
+    endpoint: "/upload/temp",
+    data: N
+  } : {
+    apiType: "lc",
+    params: {
+      ofid: "SFUtil.UploadFile"
+    },
+    data: N
+  }), A = () => {
+    var P, ee;
     y(!0);
-    const _ = new FormData(), R = a == null ? void 0 : a[(a == null ? void 0 : a.length) - 1], G = `${((k = R == null ? void 0 : R.attachment) == null ? void 0 : k.prefix) || "WP"}-${+/* @__PURE__ */ new Date()}`, q = /* @__PURE__ */ new Date(), F = q.getFullYear(), se = String(q.getMonth() + 1).padStart(2, "0"), te = `${F}/${se}`;
-    _.append("file", s), _ == null || _.append("rename", G), _ == null || _.append("action", "UPLOAD"), _ == null || _.append("filefield", G), _ == null || _.append("method", "eligible"), _ == null || _.append("hash", !1), _ == null || _.append("subFolder", te), _ == null || _.append("code", (M = R == null ? void 0 : R.attachment) == null ? void 0 : M.code), (B = (P = u({
-      apiType: "lc",
-      params: {
-        ofid: "SFUtil.UploadFile"
-      },
-      data: _
-    })) == null ? void 0 : P.then((Y) => {
-      var J, ee, $;
-      const Z = (J = Y == null ? void 0 : Y.data) == null ? void 0 : J.DATA;
-      console.log("r", Y, Z);
-      const X = ($ = (ee = Z == null ? void 0 : Z.FILENAMES) == null ? void 0 : ee[0]) == null ? void 0 : $.SERVERFILE;
-      n({ msg: `sf-filename ${X}` }), p(!1);
-    })) == null || B.finally(() => {
-      y(!1);
+    const w = new FormData(), N = new FormData(), G = a == null ? void 0 : a[(a == null ? void 0 : a.length) - 1], H = G == null ? void 0 : G.attachment, F = (H == null ? void 0 : H.prefix) || "WP", re = (H == null ? void 0 : H.apiType) || "lc", te = `${F}-${+/* @__PURE__ */ new Date()}`, k = /* @__PURE__ */ new Date(), M = k.getFullYear(), Z = String(k.getMonth() + 1).padStart(2, "0"), V = `${M}/${Z}`;
+    w.append("file", s), w == null || w.append("rename", te), w == null || w.append("action", "UPLOAD"), w == null || w.append("filefield", te), w == null || w.append("method", "eligible"), w == null || w.append("hash", !1), w == null || w.append("subFolder", V), w == null || w.append("code", H == null ? void 0 : H.code), N.append("FILE", s), N.append("UPLOAD_CODE", H == null ? void 0 : H.UPLOAD_CODE), N.append("UPLOAD_TYPE", H == null ? void 0 : H.UPLOAD_TYPE), (ee = (P = C(re, re === "lc" ? w : N)) == null ? void 0 : P.then((J) => {
+      var ae, O, me, Ce, ce;
+      const q = (ae = J == null ? void 0 : J.data) == null ? void 0 : ae.DATA, z = (me = (O = q == null ? void 0 : q.LIST) == null ? void 0 : O.TEMP_PATH) == null ? void 0 : me.split("/"), $ = `${z == null ? void 0 : z[(z == null ? void 0 : z.length) - 2]}/${z == null ? void 0 : z[(z == null ? void 0 : z.length) - 1]}`, Y = re === "hrm-go" ? $ : `sf-filename ${(ce = (Ce = q == null ? void 0 : q.FILENAMES) == null ? void 0 : Ce[0]) == null ? void 0 : ce.SERVERFILE}`;
+      n({ msg: Y }), h(!1);
+    })) == null || ee.finally(() => {
+      y(!1), i({});
     });
-  }, A = () => {
-    var H, G, q, F;
-    const _ = (q = (G = (H = T == null ? void 0 : T.current) == null ? void 0 : H.resizableTextArea) == null ? void 0 : G.textArea) == null ? void 0 : q.value;
-    if (!(_ != null && _.trim()) || o) return;
-    f(!1), n({ msg: _ }), x(!w);
-    const R = {
-      text: _,
+  }, L = () => {
+    var G, H, F, re;
+    const w = (F = (H = (G = T == null ? void 0 : T.current) == null ? void 0 : G.resizableTextArea) == null ? void 0 : H.textArea) == null ? void 0 : F.value;
+    if (!(w != null && w.trim()) || o) return;
+    f(!1), n({ msg: w }), x(!_);
+    const N = {
+      text: w,
       sender: "client",
       type: "text",
-      timestamp: (F = je()) == null ? void 0 : F.format("hh:mm A")
+      timestamp: (re = je()) == null ? void 0 : re.format("hh:mm A")
     };
-    r((se) => [...se, R]), $e();
-  }, N = () => {
+    r((te) => [...te, N]), $e();
+  }, D = () => {
     n({ msg: "SKIP_WAITING_RESPONSE" });
   };
   return pe(() => {
-    var _;
-    T != null && T.current && v && ((_ = T == null ? void 0 : T.current) == null || _.focus());
+    var w;
+    T != null && T.current && v && ((w = T == null ? void 0 : T.current) == null || w.focus());
   }, [v]), pe(() => {
-    S && p(!0);
+    S && h(!0);
   }, [S]), j ? null : m ? /* @__PURE__ */ t.jsxs("div", { className: "w-input-container", style: { alignItems: "center" }, children: [
-    /* @__PURE__ */ t.jsx(ie.Text, { children: s == null ? void 0 : s.name }),
-    ((O = Object == null ? void 0 : Object.keys(s || {})) == null ? void 0 : O.length) > 0 ? /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
+    /* @__PURE__ */ t.jsx(
+      ie.Text,
+      {
+        ...!(s != null && s.name) && {
+          type: "secondary"
+        },
+        children: (s == null ? void 0 : s.name) || e
+      }
+    ),
+    ((B = Object == null ? void 0 : Object.keys(s || {})) == null ? void 0 : B.length) > 0 ? /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
       /* @__PURE__ */ t.jsx(
-        le,
+        fe,
         {
           danger: !0,
           icon: /* @__PURE__ */ t.jsx(xe, { type: "delete" }),
           shape: "circle",
           onClick: () => i({}),
-          disabled: h
+          disabled: p
         }
       ),
       /* @__PURE__ */ t.jsx(
-        le,
+        fe,
         {
           className: "w-send-btn",
           style: { backgroundColor: "var(--primary-color, #395ebc)" },
           icon: /* @__PURE__ */ t.jsx(xe, { type: "send" }),
           shape: "circle",
-          onClick: C,
-          loading: h
+          onClick: A,
+          loading: p
         }
       )
-    ] }) : /* @__PURE__ */ t.jsx(tt, { title: e, children: /* @__PURE__ */ t.jsx(
-      le,
-      {
-        icon: /* @__PURE__ */ t.jsx(xe, { type: "close" }),
-        shape: "circle",
-        onClick: () => {
-          p(!1), n({
-            msg: "CANCEL UPLOAD"
-          });
-        }
-      }
-    ) })
+    ] }) : null
   ] }) : /* @__PURE__ */ t.jsxs("div", { className: "w-input-container", children: [
     /* @__PURE__ */ t.jsx(
       gt.TextArea,
@@ -2952,40 +2951,40 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
         disabled: g || !l,
         ref: T,
         placeholder: "Type a message...",
-        onKeyDown: (_) => {
-          ((_ == null ? void 0 : _.code) === "Enter" || (_ == null ? void 0 : _.key) === "Enter") && !(_ != null && _.shiftKey) && A();
+        onKeyDown: (w) => {
+          ((w == null ? void 0 : w.code) === "Enter" || (w == null ? void 0 : w.key) === "Enter") && !(w != null && w.shiftKey) && L();
         },
-        onChange: ({ target: { value: _ } }) => {
-          const R = /\S/;
+        onChange: ({ target: { value: w } }) => {
+          const N = /\S/;
           _t({
-            input_va_value: _
-          }), _ && (R != null && R.test(_)) ? f(!0) : _ != null && _.trim() || f(!1);
+            input_va_value: w
+          }), w && (N != null && N.test(w)) ? f(!0) : w != null && w.trim() || f(!1);
         }
       },
-      w
+      _
     ),
     o || c ? /* @__PURE__ */ t.jsx(
-      le,
+      fe,
       {
         style: { border: "none" },
         icon: /* @__PURE__ */ t.jsx(xe, { type: "stop" }),
         shape: "circle",
-        onClick: N,
+        onClick: D,
         size: "large"
       }
     ) : /* @__PURE__ */ t.jsx(
-      le,
+      fe,
       {
         className: `w-send-btn ${b ? "w-send-btn-disabled" : ""}`,
         disabled: b || g,
         style: { backgroundColor: "var(--primary-color, #395ebc)" },
         icon: /* @__PURE__ */ t.jsx(xe, { type: "send" }),
         shape: "circle",
-        onClick: A
+        onClick: L
       }
     )
   ] });
-}, ks = K(js), As = ({ taskStatus: e }) => {
+}, ks = X(js), As = ({ taskStatus: e }) => {
   const n = I("InProgress", "In Progress"), r = I("New", "New"), o = I("Closed", "Closed"), c = I("Done", "Done"), s = I("HDCancelled", "Cancelled"), i = {
     "In Progress": n,
     Open: r,
@@ -3002,7 +3001,7 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
     Fixed: "#bbfab7",
     Done: "#bbfab7",
     Cancelled: "#FFF2D6"
-  }, l = z(() => a[e] || a.Closed, [e]), g = z(() => i[e] || e, [e]);
+  }, l = K(() => a[e] || a.Closed, [e]), g = K(() => i[e] || e, [e]);
   return /* @__PURE__ */ t.jsx(Yr, { color: l, children: /* @__PURE__ */ t.jsx(
     ie.Text,
     {
@@ -3012,7 +3011,7 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
       children: g
     }
   ) }, e);
-}, ir = K(As), Rs = ({ onClick: e, ...n }) => /* @__PURE__ */ t.jsxs(
+}, ir = X(As), Rs = ({ onClick: e, ...n }) => /* @__PURE__ */ t.jsxs(
   "div",
   {
     className: "w-ticket-card-container",
@@ -3054,8 +3053,8 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
       ] })
     ]
   }
-), Ds = K(Rs), ar = Ve({}), He = () => ze(ar), Os = ({ children: e }) => {
-  const n = xt(), [r, o] = W([]), [c, s] = W(""), [i, a] = W(!1), [l, g] = W(!0), [m, p] = W(0), h = (y) => {
+), Ds = X(Rs), ar = Ve({}), He = () => ze(ar), Os = ({ children: e }) => {
+  const n = xt(), [r, o] = W([]), [c, s] = W(""), [i, a] = W(!1), [l, g] = W(!0), [m, h] = W(0), p = (y) => {
     var j, v, S, T;
     g(!0), (T = (S = n({
       endpoint: "/helpdesk/myticket/ticket-list",
@@ -3078,15 +3077,15 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
           ORDER: "DESC"
         }
       }
-    })) == null ? void 0 : S.then((w) => {
+    })) == null ? void 0 : S.then((_) => {
       var x, E, f;
-      (x = w == null ? void 0 : w.data) != null && x.DATA && o((f = (E = w == null ? void 0 : w.data) == null ? void 0 : E.DATA) == null ? void 0 : f.LIST);
+      (x = _ == null ? void 0 : _.data) != null && x.DATA && o((f = (E = _ == null ? void 0 : _.data) == null ? void 0 : E.DATA) == null ? void 0 : f.LIST);
     })) == null || T.finally(() => {
       g(!1);
     });
   };
   return pe(() => {
-    h();
+    p();
   }, []), /* @__PURE__ */ t.jsx(
     ar.Provider,
     {
@@ -3094,18 +3093,18 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
         listTicket: r,
         ticketId: c,
         setTicketId: s,
-        getListTicket: h,
+        getListTicket: p,
         openFilter: i,
         setOpenFilter: a,
         loadingListTicket: l,
         countFilters: m,
-        setCountFilters: p
+        setCountFilters: h
       },
       children: e
     }
   );
 }, Ls = () => {
-  const e = I("SubjectSearch", "Subject Search"), n = I("AdvanceFilter", "Advance Filter"), r = re(null), { getListTicket: o, setOpenFilter: c, loadingListTicket: s, countFilters: i } = He();
+  const e = I("SubjectSearch", "Subject Search"), n = I("AdvanceFilter", "Advance Filter"), r = oe(null), { getListTicket: o, setOpenFilter: c, loadingListTicket: s, countFilters: i } = He();
   return /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", gap: 8, marginBottom: 12 }, children: [
     /* @__PURE__ */ t.jsx(
       gt,
@@ -3121,8 +3120,8 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
         allowClear: !0
       }
     ),
-    /* @__PURE__ */ t.jsx(tt, { title: `${n} (${i})`, children: /* @__PURE__ */ t.jsx(Vr, { count: i, children: /* @__PURE__ */ t.jsx(
-      le,
+    /* @__PURE__ */ t.jsx(lt, { title: `${n} (${i})`, children: /* @__PURE__ */ t.jsx(Vr, { count: i, children: /* @__PURE__ */ t.jsx(
+      fe,
       {
         loading: s,
         icon: /* @__PURE__ */ t.jsx(xe, { type: "filter" }),
@@ -3132,8 +3131,8 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
       }
     ) }) })
   ] }) });
-}, Ms = K(Ls), cr = Ve({}), We = () => ze(cr), Ns = ({ children: e }) => {
-  const n = re(null), r = re(0), o = re(!1), c = re(null), [s, i] = W([]), [a, l] = W(0), [g, m] = W(!1), { objInitPayload: p, parsedJWT: h, isFirstRenderHelpdesk: y, setShowReadyWSHD: j } = ue(), v = sr(), S = (E) => {
+}, Ms = X(Ls), cr = Ve({}), Be = () => ze(cr), Ns = ({ children: e }) => {
+  const n = oe(null), r = oe(0), o = oe(!1), c = oe(null), [s, i] = W([]), [a, l] = W(0), [g, m] = W(!1), { objInitPayload: h, parsedJWT: p, isFirstRenderHelpdesk: y, setShowReadyWSHD: j } = de(), v = sr(), S = (E) => {
     const f = new WebSocket(E);
     f.onopen = () => {
       o.current = !0, r.current = 0, l(0), j(!0);
@@ -3144,33 +3143,33 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
         `${Qe} - WebSocket disconnected:`,
         b
       ), o.current = !1, j(!1), !(b != null && b.wasClean) && (r == null ? void 0 : r.current) < ut && (r.current += 1, l((u) => u + 1), clearTimeout(c.current), c.current = setTimeout(T, 2e3));
-    }, f.onmessage = w(f), n.current = f;
+    }, f.onmessage = _(f), n.current = f;
   }, T = async () => {
-    var _, R, H;
-    if (((_ = n.current) == null ? void 0 : _.readyState) === (WebSocket == null ? void 0 : WebSocket.CONNECTING)) return;
+    var B, w, N;
+    if (((B = n.current) == null ? void 0 : B.readyState) === (WebSocket == null ? void 0 : WebSocket.CONNECTING)) return;
     const {
       access_token: E,
       companyid: f = "",
       companycode: b = "",
       lang: u = "",
       uriBackendHRMGO: C = ""
-    } = p ?? {};
+    } = h ?? {};
     if (!E || !f || !b) {
       console.warn(
         `${Qe} - Missing required WebSocket  credentials.`
       );
       return;
     }
-    const A = `Bearer ${E}`, N = (R = `${C}/ws`) == null ? void 0 : R.replace("https://", "wss://"), O = {
+    const A = `Bearer ${E}`, L = (w = `${C}/ws`) == null ? void 0 : w.replace("https://", "wss://"), D = {
       COMPANY_ID: f.toString(),
       COMPANY_CODE: b.toLowerCase(),
       LANGUAGE: u,
-      ACC_NAME: (H = h == null ? void 0 : h.INSTANCE) == null ? void 0 : H.toLowerCase(),
+      ACC_NAME: (N = p == null ? void 0 : p.INSTANCE) == null ? void 0 : N.toLowerCase(),
       TOKEN: A
     };
     try {
       const G = await So(
-        O,
+        D,
         mo
       );
       if (!G || o.current || (r == null ? void 0 : r.current) >= ut) {
@@ -3179,14 +3178,14 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
         );
         return;
       }
-      n.current && n.current.close(), S(`${N}?t=${G}`);
+      n.current && n.current.close(), S(`${L}?t=${G}`);
     } catch (G) {
       console.error(
         `${Qe} - Failed to encrypt token:`,
         G
       );
     }
-  }, w = (E) => (f) => {
+  }, _ = (E) => (f) => {
     var b;
     try {
       if ((f == null ? void 0 : f.data) === "PING")
@@ -3236,7 +3235,7 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
   );
 }, Fs = () => {
   var a;
-  const { widgetProps: e } = ue(), { listTicket: n, setTicketId: r, loadingListTicket: o } = He(), { onSendMsg: c, setGetResponse: s } = We(), { xs: i } = Me.useBreakpoint();
+  const { widgetProps: e } = de(), { listTicket: n, setTicketId: r, loadingListTicket: o } = He(), { onSendMsg: c, setGetResponse: s } = Be(), { xs: i } = Me.useBreakpoint();
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsx(Ms, {}),
     o ? /* @__PURE__ */ t.jsx("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: (a = Array.from({ length: 5 })) == null ? void 0 : a.map((l, g) => /* @__PURE__ */ t.jsx(
@@ -3281,19 +3280,19 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
       }
     )
   ] });
-}, Is = K(Fs), $s = ({ children: e, open: n, onClose: r, footer: o, styleContainer: c }) => {
-  var h;
-  const [s, i] = W(!1), a = re(), l = re(null), g = re(), m = z(() => n ? "w-fade-in-animate" : "w-fade-out-animate", [n]), p = (y) => {
+}, Is = X(Fs), $s = ({ children: e, open: n, onClose: r, footer: o, styleContainer: c }) => {
+  var p;
+  const [s, i] = W(!1), a = oe(), l = oe(null), g = oe(), m = K(() => n ? "w-fade-in-animate" : "w-fade-out-animate", [n]), h = (y) => {
     y.code === "Escape" && !y.shiftKey && !y.altKey && !y.ctrlKey && y.key === "Escape" && (y.stopPropagation(), typeof r == "function" && r());
   };
   return pe(() => {
     const y = g.current;
     return y && (clearTimeout(l.current), l.current = setTimeout(() => {
       y == null || y.focus();
-    }, 250), y == null || y.addEventListener("keydown", p)), n && i(!1), clearTimeout(a == null ? void 0 : a.current), a.current = setTimeout(() => {
+    }, 250), y == null || y.addEventListener("keydown", h)), n && i(!1), clearTimeout(a == null ? void 0 : a.current), a.current = setTimeout(() => {
       n || i(!0);
     }, 300), () => {
-      y && (y == null || y.removeEventListener("keydown", p));
+      y && (y == null || y.removeEventListener("keydown", h));
     };
   }, [n]), /* @__PURE__ */ t.jsxs(
     "div",
@@ -3304,7 +3303,7 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
       style: {
         display: s ? "none" : "block",
         height: "100%",
-        ...((h = Object == null ? void 0 : Object.keys(c || {})) == null ? void 0 : h.length) > 0 && {
+        ...((p = Object == null ? void 0 : Object.keys(c || {})) == null ? void 0 : p.length) > 0 && {
           ...c
         }
       },
@@ -3314,14 +3313,14 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
       ]
     }
   );
-}, lr = K($s), ur = Ve({}), st = () => ze(ur), Us = ({ children: e }) => {
-  const [n, r] = W([]), [o, c] = W({}), [s, i] = W(!0), [a, l] = W({}), g = re(!1), m = xt(), { ticketId: p } = He(), { ws: h, setGetResponse: y } = We(), { parsedJWT: j } = ue(), v = z(() => {
+}, lr = X($s), ur = Ve({}), ot = () => ze(ur), Us = ({ children: e }) => {
+  const [n, r] = W([]), [o, c] = W({}), [s, i] = W(!0), [a, l] = W({}), g = oe(!1), m = xt(), { ticketId: h } = He(), { ws: p, setGetResponse: y } = Be(), { parsedJWT: j } = de(), v = K(() => {
     var C;
     const E = (o == null ? void 0 : o.CREATED_BY) ?? {}, f = (o == null ? void 0 : o.ASSIGNEE) ?? {}, b = (o == null ? void 0 : o.OTHER_ASSIGNEE) ?? [], u = (C = [E, f, ...b].map((A) => ({
       ...A
     }))) == null ? void 0 : C.filter((A) => {
-      var N;
-      return ((N = Object.keys(A || {})) == null ? void 0 : N.length) > 0;
+      var L;
+      return ((L = Object.keys(A || {})) == null ? void 0 : L.length) > 0;
     });
     return Xt({ ArrObj: u, key: "EMP_ID" });
   }, [o]), S = () => {
@@ -3332,18 +3331,18 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
       data: {
         LIMIT: 9999,
         PAGE: 1,
-        TASK_ID: p
+        TASK_ID: h
       }
     })) == null ? void 0 : E.then((b) => {
-      var u, C, A, N, O, _;
+      var u, C, A, L, D, B;
       if (((A = (C = (u = b == null ? void 0 : b.data) == null ? void 0 : u.DATA) == null ? void 0 : C.LIST) == null ? void 0 : A.length) > 0) {
-        const R = (_ = (O = (N = b == null ? void 0 : b.data) == null ? void 0 : N.DATA) == null ? void 0 : O.LIST) == null ? void 0 : _.map((H) => ({
-          ...H,
+        const w = (B = (D = (L = b == null ? void 0 : b.data) == null ? void 0 : L.DATA) == null ? void 0 : D.LIST) == null ? void 0 : B.map((N) => ({
+          ...N,
           ACTOR: {
-            ...H == null ? void 0 : H.ACTOR
+            ...N == null ? void 0 : N.ACTOR
           }
         }));
-        r(Et(R));
+        r(Et(w));
       } else
         r({});
     })) == null || f.finally(() => {
@@ -3355,7 +3354,7 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
       endpoint: "/helpdesk/myticket/get",
       method: "POST",
       data: {
-        TASK_ID: p
+        TASK_ID: h
       }
     })) == null || E.then((f) => {
       var b, u, C;
@@ -3365,25 +3364,25 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
       } else
         c({});
     });
-  }, w = (E) => {
+  }, _ = (E) => {
     var u;
     const f = (u = E == null ? void 0 : E.ACTOR) == null ? void 0 : u.EMP_ID, b = j == null ? void 0 : j.EMP_ID;
     y(!0), l((C) => ({
       ...C,
       [f]: !1
     })), g.current || r((C) => {
-      const A = Jt(C), N = f == b ? "to" : "from", O = [...A, { ...E, CHAT_ALIGN: N }];
-      return Et(O);
+      const A = Jt(C), L = f == b ? "to" : "from", D = [...A, { ...E, CHAT_ALIGN: L }];
+      return Et(D);
     }), g.current = !1;
   }, x = (E) => {
     if ((E == null ? void 0 : E.data) !== "PING") {
       const f = JSON.parse((E == null ? void 0 : E.data) || "{}"), { DATA: b = {}, EVENT: u = "" } = f ?? {};
-      (u === "RECEIVE_MESSAGE" || u === "RECEIVE_ANOTHER_MESSAGE") && w(b);
+      (u === "RECEIVE_MESSAGE" || u === "RECEIVE_ANOTHER_MESSAGE") && _(b);
     }
   };
-  return pe(() => (p && (S(), T()), h && p && (h == null || h.addEventListener("message", x)), () => {
-    h && p && (h == null || h.removeEventListener("message", x));
-  }), [p]), /* @__PURE__ */ t.jsx(
+  return pe(() => (h && (S(), T()), p && h && (p == null || p.addEventListener("message", x)), () => {
+    p && h && (p == null || p.removeEventListener("message", x));
+  }), [h]), /* @__PURE__ */ t.jsx(
     ur.Provider,
     {
       value: {
@@ -3400,10 +3399,10 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
     }
   );
 }, Hs = ({ onClose: e }) => {
-  const { xs: n } = Me.useBreakpoint(), { employees: r, detailTicket: o, loadingChats: c } = st(), { userOnline: s } = We(), i = z(() => {
+  const { xs: n } = Me.useBreakpoint(), { employees: r, detailTicket: o, loadingChats: c } = ot(), { userOnline: s } = Be(), i = K(() => {
     var l;
     return (l = r == null ? void 0 : r.map((g) => g == null ? void 0 : g.FULL_NAME)) == null ? void 0 : l.join(", ");
-  }, [r]), a = z(() => n ? "click" : "hover", [n]);
+  }, [r]), a = K(() => n ? "click" : "hover", [n]);
   return c ? /* @__PURE__ */ t.jsxs("div", { className: "w-ticket-detail-header-container", children: [
     /* @__PURE__ */ t.jsx(Re.Avatar, {}),
     /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
@@ -3414,7 +3413,7 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
   ] }) : /* @__PURE__ */ t.jsxs("div", { className: "w-ticket-detail-header-container", children: [
     /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", gap: 8 }, children: [
       /* @__PURE__ */ t.jsx(
-        le,
+        fe,
         {
           icon: /* @__PURE__ */ t.jsx(xe, { type: "down" }),
           style: { border: "none" },
@@ -3435,7 +3434,7 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
           },
           children: r == null ? void 0 : r.map((l, g) => {
             const m = s == null ? void 0 : s.includes(l == null ? void 0 : l.EMP_ID);
-            return /* @__PURE__ */ t.jsx(tt, { title: l == null ? void 0 : l.FULL_NAME, trigger: a, children: /* @__PURE__ */ zt(
+            return /* @__PURE__ */ t.jsx(lt, { title: l == null ? void 0 : l.FULL_NAME, trigger: a, children: /* @__PURE__ */ zt(
               Ye,
               {
                 ...m && {
@@ -3454,7 +3453,7 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
       ),
       /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", flexDirection: "column", width: 150 }, children: [
         /* @__PURE__ */ t.jsx(
-          tt,
+          lt,
           {
             title: `${o == null ? void 0 : o.TASK_CODE} - ${o == null ? void 0 : o.SUBJECT}`,
             trigger: a,
@@ -3465,7 +3464,7 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
             ] })
           }
         ),
-        /* @__PURE__ */ t.jsx(tt, { title: i, trigger: a, children: /* @__PURE__ */ t.jsx(
+        /* @__PURE__ */ t.jsx(lt, { title: i, trigger: a, children: /* @__PURE__ */ t.jsx(
           ie.Text,
           {
             type: "secondary",
@@ -3480,8 +3479,8 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
     ] }),
     /* @__PURE__ */ t.jsx(ir, { taskStatus: o == null ? void 0 : o.STATUS })
   ] });
-}, Ws = K(Hs), Bs = ({ ...e }) => {
-  const n = z(() => (e == null ? void 0 : e.CHAT_ALIGN) === "to" ? "client" : "response", [e]);
+}, Bs = X(Hs), Ws = ({ ...e }) => {
+  const n = K(() => (e == null ? void 0 : e.CHAT_ALIGN) === "to" ? "client" : "response", [e]);
   return /* @__PURE__ */ t.jsxs("div", { className: `w-bubble-chat ${`w-${n}`}`, children: [
     /* @__PURE__ */ t.jsx(
       "p",
@@ -3500,8 +3499,8 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
       }
     )
   ] });
-}, Ys = K(Bs), Vs = ({ ...e }) => {
-  const n = I("Download", "Download"), r = z(() => (e == null ? void 0 : e.CHAT_ALIGN) === "to" ? "client" : "response", [e]), o = z(() => {
+}, Ys = X(Ws), Vs = ({ ...e }) => {
+  const n = I("Download", "Download"), r = K(() => (e == null ? void 0 : e.CHAT_ALIGN) === "to" ? "client" : "response", [e]), o = K(() => {
     var l;
     const a = e == null ? void 0 : e.ATTACHMENT;
     if (a)
@@ -3512,13 +3511,13 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
         return a;
       }
     return "";
-  }, [e]), c = z(() => {
+  }, [e]), c = K(() => {
     if (o != null && o.includes(".")) {
       const a = o == null ? void 0 : o.split(".");
       return `.${a == null ? void 0 : a[(a == null ? void 0 : a.length) - 1]}`;
     }
     return "";
-  }, [e, o]), s = z(() => Mt == null ? void 0 : Mt.includes(c), [e, c]), i = () => {
+  }, [e, o]), s = K(() => Mt == null ? void 0 : Mt.includes(c), [e, c]), i = () => {
     Pt({
       downloadURL: e == null ? void 0 : e.ATTACHMENT,
       fileName: o,
@@ -3543,7 +3542,7 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
           )
         ] }),
         s && /* @__PURE__ */ t.jsx(
-          le,
+          fe,
           {
             onClick: i,
             style: {
@@ -3568,8 +3567,8 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
       ]
     }
   ) });
-}, zs = K(Vs), Gs = ({ ...e }) => {
-  const n = z(() => (e == null ? void 0 : e.CHAT_ALIGN) === "to" ? "client" : "response", [e]);
+}, zs = X(Vs), Gs = ({ ...e }) => {
+  const n = K(() => (e == null ? void 0 : e.CHAT_ALIGN) === "to" ? "client" : "response", [e]);
   return /* @__PURE__ */ t.jsxs("div", { className: "w-ticket-info-chat-container", children: [
     /* @__PURE__ */ t.jsx(
       ht,
@@ -3581,8 +3580,8 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
     ),
     /* @__PURE__ */ t.jsx(ie.Text, { children: e == null ? void 0 : e.MESSAGE })
   ] });
-}, qs = K(Gs), dr = () => {
-  const { widgetProps: e } = ue(), n = Je.enc.Hex.parse(
+}, qs = X(Gs), dr = () => {
+  const { widgetProps: e } = de(), n = Je.enc.Hex.parse(
     Je.enc.Utf8.parse(e == null ? void 0 : e.keyEncrypt).toString()
   ), r = {
     mode: Je.mode.ECB,
@@ -3602,8 +3601,8 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
   return {
     paramsEncrypt: (i) => {
       const [a, l = null] = i.split("?"), g = a.split("/").map((m) => {
-        const [, p = null] = m.split(":");
-        return p && (e != null && e.keyEncrypt) ? c(p) : m;
+        const [, h = null] = m.split(":");
+        return h && (e != null && e.keyEncrypt) ? c(h) : m;
       }).join("/");
       return l ? `${g}?${l}` : g;
     },
@@ -3616,7 +3615,7 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
   ), o = I(
     "ThisFAQIsUnavailable",
     "This FAQ is unavailable"
-  ), { paramsEncrypt: c } = dr(), { widgetProps: s } = ue(), i = z(() => (e == null ? void 0 : e.CHAT_ALIGN) === "to" ? "client" : "response", [e]), a = z(() => e == null ? void 0 : e.FAQ_ID, [e]);
+  ), { paramsEncrypt: c } = dr(), { widgetProps: s } = de(), i = K(() => (e == null ? void 0 : e.CHAT_ALIGN) === "to" ? "client" : "response", [e]), a = K(() => e == null ? void 0 : e.FAQ_ID, [e]);
   return /* @__PURE__ */ t.jsxs("div", { className: `w-bubble-chat ${`w-${i}`}`, children: [
     /* @__PURE__ */ t.jsx(
       ie.Text,
@@ -3633,7 +3632,7 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
       }
     ),
     a ? /* @__PURE__ */ t.jsx(
-      le,
+      fe,
       {
         block: !0,
         onClick: () => {
@@ -3654,7 +3653,7 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
       }
     )
   ] });
-}, Ps = K(Ks), Xs = ({ ...e }) => {
+}, Ps = X(Ks), Xs = ({ ...e }) => {
   switch (e == null ? void 0 : e.CHAT_TYPE) {
     case "info":
       return /* @__PURE__ */ t.jsx(qs, { ...e });
@@ -3665,19 +3664,19 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
     default:
       return null;
   }
-}, Js = K(Xs), Zs = () => {
+}, Js = X(Xs), Zs = () => {
   var j;
-  const [e, n] = W([]), r = I("And", "and"), o = I("IsTyping", "Is Typing"), c = I("People", "People"), { employees: s, setTypingOtherEmp: i, objTypingOtherEmp: a } = st(), { ws: l, setGetResponse: g } = We(), { parsedJWT: m } = ue(), p = z(() => e == null ? void 0 : e.filter((v) => a == null ? void 0 : a[v == null ? void 0 : v.EMP_ID]), [a, e]), h = z(() => {
-    const v = p == null ? void 0 : p.map((S) => S == null ? void 0 : S.FULL_NAME);
-    if ((p == null ? void 0 : p.length) > 2) {
-      const S = v == null ? void 0 : v.filter((w, x) => x <= 1), T = v == null ? void 0 : v.filter((w, x) => x > 1);
+  const [e, n] = W([]), r = I("And", "and"), o = I("IsTyping", "Is Typing"), c = I("People", "People"), { employees: s, setTypingOtherEmp: i, objTypingOtherEmp: a } = ot(), { ws: l, setGetResponse: g } = Be(), { parsedJWT: m } = de(), h = K(() => e == null ? void 0 : e.filter((v) => a == null ? void 0 : a[v == null ? void 0 : v.EMP_ID]), [a, e]), p = K(() => {
+    const v = h == null ? void 0 : h.map((S) => S == null ? void 0 : S.FULL_NAME);
+    if ((h == null ? void 0 : h.length) > 2) {
+      const S = v == null ? void 0 : v.filter((_, x) => x <= 1), T = v == null ? void 0 : v.filter((_, x) => x > 1);
       return `${S == null ? void 0 : S.join(", ")}, ${r} ${T == null ? void 0 : T.length} ${c} ${o}`;
     }
     return `${v == null ? void 0 : v.join(", ")} ${o}`;
-  }, [e, p]), y = (v) => {
+  }, [e, h]), y = (v) => {
     if ((v == null ? void 0 : v.data) !== "PING") {
-      const S = JSON.parse((v == null ? void 0 : v.data) || "{}"), { DATA: T = {}, EVENT: w = "" } = S ?? {}, x = T == null ? void 0 : T.EMPLOYEE_ID, E = m == null ? void 0 : m.EMP_ID;
-      if (w === "TYPING") {
+      const S = JSON.parse((v == null ? void 0 : v.data) || "{}"), { DATA: T = {}, EVENT: _ = "" } = S ?? {}, x = T == null ? void 0 : T.EMPLOYEE_ID, E = m == null ? void 0 : m.EMP_ID;
+      if (_ === "TYPING") {
         x === E ? g(!1) : i((u) => ({
           ...u,
           [x]: T == null ? void 0 : T.IS_TYPING
@@ -3693,7 +3692,7 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
             ArrObj: C,
             key: "EMPLOYEE_ID"
           });
-          return A == null ? void 0 : A.filter((N) => N == null ? void 0 : N.IS_TYPING);
+          return A == null ? void 0 : A.filter((L) => L == null ? void 0 : L.IS_TYPING);
         });
       }
     }
@@ -3719,17 +3718,17 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
               backgroundColor: "#fde3cf",
               cursor: "pointer"
             },
-            children: p == null ? void 0 : p.map((v, S) => /* @__PURE__ */ t.jsx(tt, { title: v == null ? void 0 : v.FULL_NAME, children: /* @__PURE__ */ t.jsx(Ye, { src: v == null ? void 0 : v.PHOTO, nameFallback: v == null ? void 0 : v.FULL_NAME }) }, S))
+            children: h == null ? void 0 : h.map((v, S) => /* @__PURE__ */ t.jsx(lt, { title: v == null ? void 0 : v.FULL_NAME, children: /* @__PURE__ */ t.jsx(Ye, { src: v == null ? void 0 : v.PHOTO, nameFallback: v == null ? void 0 : v.FULL_NAME }) }, S))
           }
         ),
-        /* @__PURE__ */ t.jsx(ie.Text, { children: h }),
-        (p == null ? void 0 : p.length) > 0 ? /* @__PURE__ */ t.jsx(or, {}) : null
+        /* @__PURE__ */ t.jsx(ie.Text, { children: p }),
+        (h == null ? void 0 : h.length) > 0 ? /* @__PURE__ */ t.jsx(or, {}) : null
       ]
     }
   );
-}, Qs = K(Zs), ei = () => {
+}, Qs = X(Zs), ei = () => {
   var s;
-  const { chats: e } = st(), { widgetProps: n } = ue(), { activeTab: r } = Ue(), o = re(), { xs: c } = Me.useBreakpoint();
+  const { chats: e } = ot(), { widgetProps: n } = de(), { activeTab: r } = Ue(), o = oe(), { xs: c } = Me.useBreakpoint();
   return pe(() => {
     clearTimeout(o.current), o.current = setTimeout(() => {
       $e(".w-ticket-detail-content-container");
@@ -3744,11 +3743,11 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
           const a = e == null ? void 0 : e[i];
           return /* @__PURE__ */ t.jsxs(Tt, { children: [
             /* @__PURE__ */ t.jsx("div", { className: "w-datekey-chats", children: (l = je(i)) == null ? void 0 : l.format("ddd, DD MMMM YYYY") }),
-            /* @__PURE__ */ t.jsx("div", { className: "w-bubble-chat-container", children: (g = Xn(a)) == null ? void 0 : g.map((m, p) => {
+            /* @__PURE__ */ t.jsx("div", { className: "w-bubble-chat-container", children: (g = Xn(a)) == null ? void 0 : g.map((m, h) => {
               var j, v;
-              const h = (m == null ? void 0 : m.CHAT_ALIGN) === "to" ? "client" : "response", y = m == null ? void 0 : m.CHAT_TYPE;
+              const p = (m == null ? void 0 : m.CHAT_ALIGN) === "to" ? "client" : "response", y = m == null ? void 0 : m.CHAT_TYPE;
               return /* @__PURE__ */ t.jsxs(Tt, { children: [
-                h === "response" && y !== "info" && /* @__PURE__ */ t.jsx(
+                p === "response" && y !== "info" && /* @__PURE__ */ t.jsx(
                   pt,
                   {
                     src: (j = m == null ? void 0 : m.ACTOR) == null ? void 0 : j.PHOTO,
@@ -3756,7 +3755,7 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
                   }
                 ),
                 /* @__PURE__ */ t.jsx(Js, { ...m })
-              ] }, p);
+              ] }, h);
             }) })
           ] }, i);
         }),
@@ -3764,9 +3763,9 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
       ]
     }
   );
-}, ti = K(ei), ni = () => {
+}, ti = X(ei), ni = () => {
   var s, i;
-  const { chats: e, loadingChats: n } = st(), { widgetProps: r } = ue(), { xs: o } = Me.useBreakpoint(), c = z(() => {
+  const { chats: e, loadingChats: n } = ot(), { widgetProps: r } = de(), { xs: o } = Me.useBreakpoint(), c = K(() => {
     var l;
     const a = [Ft];
     return o && (r != null && r.isSF ? a == null || a.push(
@@ -3829,8 +3828,8 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
       children: /* @__PURE__ */ t.jsx(Vn, {})
     }
   ) : /* @__PURE__ */ t.jsx(ti, {});
-}, ri = K(ni), oi = ({ ...e }) => {
-  const n = re(0);
+}, ri = X(ni), oi = ({ ...e }) => {
+  const n = oe(0);
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
@@ -3863,15 +3862,15 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
       ]
     }
   );
-}, si = K(oi), ii = ({ setLoadingUpload: e, isLoadingUpload: n }) => {
-  var T, w;
-  const r = xt(), [o, c] = W({}), s = re(null), i = I(
+}, si = X(oi), ii = ({ setLoadingUpload: e, isLoadingUpload: n }) => {
+  var T, _;
+  const r = xt(), [o, c] = W({}), s = oe(null), i = I(
     "ImageMustSmallerThan",
     "Image must smaller than"
   ), a = I(
     "MaximumFileSizeExceeded",
     "Maximum file size exceeded"
-  ), { onSendMsg: l } = We(), { employees: g, setChats: m, isFromSelf: p } = st(), { ticketId: h } = He(), { activeTab: y } = Ue(), j = () => {
+  ), { onSendMsg: l } = Be(), { employees: g, setChats: m, isFromSelf: h } = ot(), { ticketId: p } = He(), { activeTab: y } = Ue(), j = () => {
     var x;
     (x = r({
       endpoint: "/upload/get-upload-config",
@@ -3913,27 +3912,27 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
         "Content-Type": "multipart/form-data"
       }
     })) == null ? void 0 : f.then((u) => {
-      var C, A, N, O, _;
+      var C, A, L, D, B;
       if ((A = (C = u == null ? void 0 : u.data) == null ? void 0 : C.DATA) != null && A.LIST) {
-        const R = (O = (N = u == null ? void 0 : u.data) == null ? void 0 : N.DATA) == null ? void 0 : O.LIST, H = {
-          ATTACHMENT: R == null ? void 0 : R.VIEW_PATH,
+        const w = (D = (L = u == null ? void 0 : u.data) == null ? void 0 : L.DATA) == null ? void 0 : D.LIST, N = {
+          ATTACHMENT: w == null ? void 0 : w.VIEW_PATH,
           FAQ_ID: null,
           MESSAGE: "",
-          CREATED_DATE: (_ = je()) == null ? void 0 : _.format(`${Kt} HH:mm:ss`),
+          CREATED_DATE: (B = je()) == null ? void 0 : B.format(`${Kt} HH:mm:ss`),
           CHAT_ALIGN: "to",
           CHAT_TYPE: "chat"
         };
         m((G) => {
-          const F = [...Jt(G), H];
+          const F = [...Jt(G), N];
           return Et(F);
-        }), p.current = !0, l({
+        }), h.current = !0, l({
           event: "SEND_MESSAGE",
           data: {
-            ATTACHMENT: R == null ? void 0 : R.TEMP_PATH,
+            ATTACHMENT: w == null ? void 0 : w.TEMP_PATH,
             FAQ_ID: null,
             MESSAGE: "",
             EMPLOYEES: g == null ? void 0 : g.map((G) => G == null ? void 0 : G.EMP_ID),
-            TASK_ID: h
+            TASK_ID: p
           }
         }), clearTimeout(s.current), s.current = setTimeout(() => {
           $e(".w-ticket-detail-content-container");
@@ -3953,12 +3952,12 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
     {
       beforeUpload: v,
       fileList: [],
-      accept: (w = (T = o == null ? void 0 : o.EXT_LIST) == null ? void 0 : T.split(",")) == null ? void 0 : w.map((x) => `.${x}`),
+      accept: (_ = (T = o == null ? void 0 : o.EXT_LIST) == null ? void 0 : T.split(",")) == null ? void 0 : _.map((x) => `.${x}`),
       onChange: (x) => {
         S(x == null ? void 0 : x.file);
       },
       children: /* @__PURE__ */ t.jsx(
-        le,
+        fe,
         {
           loading: n,
           icon: /* @__PURE__ */ t.jsx(xe, { type: "paper-clip" }),
@@ -3968,9 +3967,9 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
       )
     }
   );
-}, ai = K(ii), ci = (e) => {
+}, ai = X(ii), ci = (e) => {
   var o;
-  const n = re(null), r = re(null);
+  const n = oe(null), r = oe(null);
   return r != null && r.current && ((o = r.current) == null || o.update(e)), pe(() => {
     var s;
     const c = (s = window == null ? void 0 : window.customElements) == null ? void 0 : s.get("em-emoji-picker");
@@ -3979,24 +3978,24 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
     };
   }, []), ft.createElement("div", { ref: n });
 }, li = ({ refInput: e }) => {
-  const { xs: n } = Me.useBreakpoint(), r = z(() => n ? "click" : "hover", [n]), o = () => {
-    var h;
-    const s = (h = e == null ? void 0 : e.current) == null ? void 0 : h.textarea;
+  const { xs: n } = Me.useBreakpoint(), r = K(() => n ? "click" : "hover", [n]), o = () => {
+    var p;
+    const s = (p = e == null ? void 0 : e.current) == null ? void 0 : p.textarea;
     if (!s)
       return !1;
-    const { selectionStart: i, selectionEnd: a, value: l } = s, g = l == null ? void 0 : l.substring(0, i), m = l == null ? void 0 : l.substring(i, a), p = l == null ? void 0 : l.substring(a);
+    const { selectionStart: i, selectionEnd: a, value: l } = s, g = l == null ? void 0 : l.substring(0, i), m = l == null ? void 0 : l.substring(i, a), h = l == null ? void 0 : l.substring(a);
     return {
       before: g,
       selectedText: m,
-      after: p,
+      after: h,
       selectionStart: i,
       selectionEnd: a,
       text: l
     };
   }, c = (s) => {
-    var p, h;
-    (p = e == null ? void 0 : e.current) == null || p.focus();
-    const i = (h = e == null ? void 0 : e.current) == null ? void 0 : h.textarea, a = s == null ? void 0 : s.native;
+    var h, p;
+    (h = e == null ? void 0 : e.current) == null || h.focus();
+    const i = (p = e == null ? void 0 : e.current) == null ? void 0 : p.textarea, a = s == null ? void 0 : s.native;
     if (!i) return;
     const { before: l, after: g } = o(), m = `${l}${a}${g}`;
     typeof document.execCommand == "function" ? document.execCommand("insertText", !1, a) : i.value = m;
@@ -4014,14 +4013,14 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
           theme: "auto"
         }
       ),
-      children: /* @__PURE__ */ t.jsx(le, { icon: /* @__PURE__ */ t.jsx(xe, { type: "smile" }), style: { border: "none" } })
+      children: /* @__PURE__ */ t.jsx(fe, { icon: /* @__PURE__ */ t.jsx(xe, { type: "smile" }), style: { border: "none" } })
     }
   );
-}, ui = K(li), di = () => {
-  const [e, n] = W(0), [r, o] = W(!1), c = re(null), s = re(null), i = re(!1), a = re(null), { onSendMsg: l, setGetResponse: g, isGetResponse: m } = We(), { ticketId: p } = He(), { isActiveTabVA: h } = Ue(), { employees: y, setChats: j, isFromSelf: v, detailTicket: S } = st(), T = z(() => r || !m, [r, m]), w = z(() => {
+}, ui = X(li), di = () => {
+  const [e, n] = W(0), [r, o] = W(!1), c = oe(null), s = oe(null), i = oe(!1), a = oe(null), { onSendMsg: l, setGetResponse: g, isGetResponse: m } = Be(), { ticketId: h } = He(), { isActiveTabVA: p } = Ue(), { employees: y, setChats: j, isFromSelf: v, detailTicket: S } = ot(), T = K(() => r || !m, [r, m]), _ = K(() => {
     var b;
     return ((b = S == null ? void 0 : S.STATUS) == null ? void 0 : b.toString().toLowerCase()) === "closed";
-  }, [S == null ? void 0 : S.STATUS]), x = z(() => y == null ? void 0 : y.map((b) => ({
+  }, [S == null ? void 0 : S.STATUS]), x = K(() => y == null ? void 0 : y.map((b) => ({
     ...b,
     label: /* @__PURE__ */ t.jsx(
       Gt,
@@ -4033,7 +4032,7 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
     ),
     value: b == null ? void 0 : b.FULL_NAME
   })), [y]), E = () => {
-    var C, A, N;
+    var C, A, L;
     g(!1);
     const b = (A = (C = c == null ? void 0 : c.current) == null ? void 0 : C.textarea) == null ? void 0 : A.value;
     l({
@@ -4042,45 +4041,45 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
         ATTACHMENT: "",
         FAQ_ID: null,
         MESSAGE: b,
-        EMPLOYEES: y == null ? void 0 : y.map((O) => O == null ? void 0 : O.EMP_ID),
-        TASK_ID: p
+        EMPLOYEES: y == null ? void 0 : y.map((D) => D == null ? void 0 : D.EMP_ID),
+        TASK_ID: h
       }
     });
     const u = {
       ATTACHMENT: "",
       FAQ_ID: null,
       MESSAGE: b,
-      CREATED_DATE: (N = je()) == null ? void 0 : N.format(`${Kt} HH:mm:ss`),
+      CREATED_DATE: (L = je()) == null ? void 0 : L.format(`${Kt} HH:mm:ss`),
       CHAT_ALIGN: "to",
       CHAT_TYPE: "chat"
     };
-    j((O) => {
-      const R = [...Jt(O), u];
-      return Et(R);
-    }), v.current = !0, $e(".w-ticket-detail-content-container"), n((O) => O + 1);
+    j((D) => {
+      const w = [...Jt(D), u];
+      return Et(w);
+    }), v.current = !0, $e(".w-ticket-detail-content-container"), n((D) => D + 1);
   }, f = () => {
     window.clearTimeout(s.current), i.current || (i.current = !0, l({
       event: "TYPING",
       data: {
-        TASK_ID: p,
+        TASK_ID: h,
         IS_TYPING: !0
       }
     })), s.current = setTimeout(() => {
       l({
         event: "TYPING",
         data: {
-          TASK_ID: p,
+          TASK_ID: h,
           IS_TYPING: !1
         }
       }), i.current = !1;
     }, 250);
   };
   return pe(() => {
-    c != null && c.current && !h && p && (clearTimeout(a.current), a.current = setTimeout(() => {
+    c != null && c.current && !p && h && (clearTimeout(a.current), a.current = setTimeout(() => {
       var b;
       (b = c == null ? void 0 : c.current) == null || b.focus();
     }, 500));
-  }, [h, p]), w ? null : /* @__PURE__ */ t.jsxs(
+  }, [p, h]), _ ? null : /* @__PURE__ */ t.jsxs(
     "div",
     {
       className: "w-input-container",
@@ -4112,8 +4111,8 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
               ((b == null ? void 0 : b.code) === "Enter" || (b == null ? void 0 : b.key) === "Enter") && !(b != null && b.shiftKey) && E();
             },
             filterOption: (b, u) => {
-              var N, O, _;
-              const C = (N = b == null ? void 0 : b.toString()) == null ? void 0 : N.toLowerCase(), A = (_ = (O = u == null ? void 0 : u.FULL_NAME) == null ? void 0 : O.toString()) == null ? void 0 : _.toLowerCase();
+              var L, D, B;
+              const C = (L = b == null ? void 0 : b.toString()) == null ? void 0 : L.toLowerCase(), A = (B = (D = u == null ? void 0 : u.FULL_NAME) == null ? void 0 : D.toString()) == null ? void 0 : B.toLowerCase();
               return A == null ? void 0 : A.includes(C);
             },
             children: x == null ? void 0 : x.map((b, u) => /* @__PURE__ */ t.jsx(pn.Option, { ...b, children: b == null ? void 0 : b.label }, u))
@@ -4121,7 +4120,7 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
           e
         ),
         /* @__PURE__ */ t.jsx(
-          le,
+          fe,
           {
             loading: T,
             disabled: T,
@@ -4140,7 +4139,7 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
       ]
     }
   );
-}, fi = K(di), gi = ({ title: e, subTitle: n, onClose: r, open: o, styleWrapper: c }) => {
+}, fi = X(di), gi = ({ title: e, subTitle: n, onClose: r, open: o, styleWrapper: c }) => {
   var s;
   return o ? /* @__PURE__ */ t.jsx(
     "div",
@@ -4153,7 +4152,7 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
         e && /* @__PURE__ */ t.jsx(ie.Text, { style: { fontSize: 16, fontWeight: 600 }, children: e }),
         n && /* @__PURE__ */ t.jsx("div", { className: "w-banner-subtitle", children: n }),
         typeof r == "function" && /* @__PURE__ */ t.jsx("div", { className: "w-banner-close-btn", children: /* @__PURE__ */ t.jsx(
-          le,
+          fe,
           {
             style: { border: "none", background: "transparent" },
             icon: /* @__PURE__ */ t.jsx(xe, { type: "close" }),
@@ -4163,11 +4162,11 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
       ] })
     }
   ) : null;
-}, fr = K(gi), pi = () => {
+}, fr = X(gi), pi = () => {
   const e = I(
     "ForMoreInformationOfThisTicket",
     "For more information of this ticket"
-  ), n = I("ClickHere", "Click here"), { ticketId: r } = He(), { widgetProps: o } = ue(), { encrypt: c } = dr();
+  ), n = I("ClickHere", "Click here"), { ticketId: r } = He(), { widgetProps: o } = de(), { encrypt: c } = dr();
   return /* @__PURE__ */ t.jsx(
     fr,
     {
@@ -4194,27 +4193,27 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
       }
     }
   );
-}, hi = K(pi), xi = ({ onClose: e, visible: n }) => /* @__PURE__ */ t.jsx(lr, { open: n, onClose: e, children: /* @__PURE__ */ t.jsxs(Us, { children: [
-  /* @__PURE__ */ t.jsx(Ws, { onClose: e }),
+}, hi = X(pi), xi = ({ onClose: e, visible: n }) => /* @__PURE__ */ t.jsx(lr, { open: n, onClose: e, children: /* @__PURE__ */ t.jsxs(Us, { children: [
+  /* @__PURE__ */ t.jsx(Bs, { onClose: e }),
   /* @__PURE__ */ t.jsx(hi, {}),
   /* @__PURE__ */ t.jsx(ri, {}),
   /* @__PURE__ */ t.jsx(fi, {})
-] }) }), mi = K(xi), yi = () => {
+] }) }), mi = X(xi), yi = () => {
   const e = I("AdvanceFilter", "Advance Filter"), n = I("Subject", "Subject"), r = I(
     "TicketCategory",
     "Ticket Category"
-  ), o = I("TicketStatus", "Ticket Status"), c = I("CreatedDate", "Created Date"), s = I("New", "New"), i = I("Open", "Open"), a = I("Reopen", "Reopen"), l = I("InProgress", "In Progress"), g = I("Responded", "Responded"), m = I("Fixed", "Fixed"), p = I("Done", "Done"), h = I("Closed", "Closed"), y = I("HDCancelled", "Cancelled"), j = I("Clear", "Clear"), v = I("Filter", "Filter"), S = xt(), [T] = Se.useForm(), { openFilter: w, setOpenFilter: x, getListTicket: E, setCountFilters: f } = He(), [b, u] = W([]), C = z(() => {
-    const O = `${s}/${i}/${a}`, _ = `${l}/${g}`, R = `${m}/${p}`;
+  ), o = I("TicketStatus", "Ticket Status"), c = I("CreatedDate", "Created Date"), s = I("New", "New"), i = I("Open", "Open"), a = I("Reopen", "Reopen"), l = I("InProgress", "In Progress"), g = I("Responded", "Responded"), m = I("Fixed", "Fixed"), h = I("Done", "Done"), p = I("Closed", "Closed"), y = I("HDCancelled", "Cancelled"), j = I("Clear", "Clear"), v = I("Filter", "Filter"), S = xt(), [T] = Se.useForm(), { openFilter: _, setOpenFilter: x, getListTicket: E, setCountFilters: f } = He(), [b, u] = W([]), C = K(() => {
+    const D = `${s}/${i}/${a}`, B = `${l}/${g}`, w = `${m}/${h}`;
     return [
-      { value: 3, label: O },
-      { value: 1, label: _ },
-      { value: 4, label: R },
-      { value: 6, label: h },
+      { value: 3, label: D },
+      { value: 1, label: B },
+      { value: 4, label: w },
+      { value: 6, label: p },
       { value: 8, label: y }
     ];
   }, []), A = () => {
-    var O;
-    (O = S({
+    var D;
+    (D = S({
       endpoint: "/helpdesk/category/list",
       data: {
         LIMIT: 999999,
@@ -4222,24 +4221,24 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
         SELECTOR: "*",
         SORT: { FIELD: "ORDER_NO", ORDER: "ASC" }
       }
-    })) == null || O.then((_) => {
-      var R, H, G;
-      if ((R = _ == null ? void 0 : _.data) != null && R.DATA) {
-        const q = (G = (H = _ == null ? void 0 : _.data) == null ? void 0 : H.DATA) == null ? void 0 : G.LIST;
+    })) == null || D.then((B) => {
+      var w, N, G;
+      if ((w = B == null ? void 0 : B.data) != null && w.DATA) {
+        const H = (G = (N = B == null ? void 0 : B.data) == null ? void 0 : N.DATA) == null ? void 0 : G.LIST;
         u(
-          q == null ? void 0 : q.map((F) => ({
+          H == null ? void 0 : H.map((F) => ({
             label: F == null ? void 0 : F.CATEGORY_NAME,
             value: F == null ? void 0 : F.CATEGORY_CODE
           }))
         );
       }
     });
-  }, N = () => {
-    var R, H;
-    const O = T == null ? void 0 : T.getFieldsValue(!0);
-    E(O);
-    const _ = (H = (R = Object.values(O || {})) == null ? void 0 : R.flat()) == null ? void 0 : H.filter(Boolean);
-    f(_ == null ? void 0 : _.length);
+  }, L = () => {
+    var w, N;
+    const D = T == null ? void 0 : T.getFieldsValue(!0);
+    E(D);
+    const B = (N = (w = Object.values(D || {})) == null ? void 0 : w.flat()) == null ? void 0 : N.filter(Boolean);
+    f(B == null ? void 0 : B.length);
   };
   return pe(() => {
     A();
@@ -4247,27 +4246,27 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
     lr,
     {
       styleContainer: { height: "calc(100% - 50px)" },
-      open: w,
+      open: _,
       onClose: () => {
         x(!1);
       },
       footer: /* @__PURE__ */ t.jsxs("div", { className: "w-ticket-list-advance-filter-footer", children: [
         /* @__PURE__ */ t.jsx(
-          le,
+          fe,
           {
             onClick: () => {
-              T == null || T.resetFields(), N();
+              T == null || T.resetFields(), L();
             },
             children: j
           },
           "clear"
         ),
         /* @__PURE__ */ t.jsx(
-          le,
+          fe,
           {
             type: "primary",
             onClick: () => {
-              N(), x(!1);
+              L(), x(!1);
             },
             children: v
           },
@@ -4278,7 +4277,7 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
         /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", gap: 8, justifyContent: "space-between" }, children: [
           /* @__PURE__ */ t.jsx(ie.Text, { strong: !0, style: { fontSize: 16 }, children: e }),
           /* @__PURE__ */ t.jsx(
-            le,
+            fe,
             {
               icon: /* @__PURE__ */ t.jsx(xe, { type: "close" }),
               onClick: () => {
@@ -4296,7 +4295,7 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
       ]
     }
   );
-}, vi = K(yi), bi = () => {
+}, vi = X(yi), bi = () => {
   const e = I(
     "ReconnectManually",
     "Reconnect Manually"
@@ -4308,7 +4307,7 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
     retryCountState: s,
     setRetryCountState: i,
     retryCountRef: a
-  } = We(), l = z(() => s === ut ? `${n} ${r}` : `${n} ${o}`, [s]);
+  } = Be(), l = K(() => s === ut ? `${n} ${r}` : `${n} ${o}`, [s]);
   return /* @__PURE__ */ t.jsx(
     "div",
     {
@@ -4328,7 +4327,7 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
           },
           title: l,
           extra: s === ut ? /* @__PURE__ */ t.jsx(
-            le,
+            fe,
             {
               type: "primary",
               onClick: () => {
@@ -4350,8 +4349,8 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
       )
     }
   );
-}, Ci = K(bi), Ti = () => {
-  const { setTicketId: e, ticketId: n, openFilter: r } = He(), { onSendMsg: o, setGetResponse: c } = We(), { showReadyWSHD: s } = ue();
+}, Ci = X(bi), Ti = () => {
+  const { setTicketId: e, ticketId: n, openFilter: r } = He(), { onSendMsg: o, setGetResponse: c } = Be(), { showReadyWSHD: s } = de();
   return s ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsx(
       mi,
@@ -4370,8 +4369,8 @@ const cs = () => /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", chil
     /* @__PURE__ */ t.jsx("div", { style: { display: !n && !r ? "block" : "none" }, children: /* @__PURE__ */ t.jsx(Is, {}) }),
     /* @__PURE__ */ t.jsx(vi, {})
   ] }) : /* @__PURE__ */ t.jsx(Ci, {});
-}, Ei = K(Ti);
-var ct = { exports: {} }, $t = {}, yt = { exports: {} }, vt = { exports: {} }, ae = {};
+}, Ei = X(Ti);
+var at = { exports: {} }, $t = {}, yt = { exports: {} }, vt = { exports: {} }, le = {};
 /** @license React v16.13.1
  * react-is.production.min.js
  *
@@ -4382,9 +4381,9 @@ var ct = { exports: {} }, $t = {}, yt = { exports: {} }, vt = { exports: {} }, a
  */
 var Sn;
 function Si() {
-  if (Sn) return ae;
+  if (Sn) return le;
   Sn = 1;
-  var e = typeof Symbol == "function" && Symbol.for, n = e ? Symbol.for("react.element") : 60103, r = e ? Symbol.for("react.portal") : 60106, o = e ? Symbol.for("react.fragment") : 60107, c = e ? Symbol.for("react.strict_mode") : 60108, s = e ? Symbol.for("react.profiler") : 60114, i = e ? Symbol.for("react.provider") : 60109, a = e ? Symbol.for("react.context") : 60110, l = e ? Symbol.for("react.async_mode") : 60111, g = e ? Symbol.for("react.concurrent_mode") : 60111, m = e ? Symbol.for("react.forward_ref") : 60112, p = e ? Symbol.for("react.suspense") : 60113, h = e ? Symbol.for("react.suspense_list") : 60120, y = e ? Symbol.for("react.memo") : 60115, j = e ? Symbol.for("react.lazy") : 60116, v = e ? Symbol.for("react.block") : 60121, S = e ? Symbol.for("react.fundamental") : 60117, T = e ? Symbol.for("react.responder") : 60118, w = e ? Symbol.for("react.scope") : 60119;
+  var e = typeof Symbol == "function" && Symbol.for, n = e ? Symbol.for("react.element") : 60103, r = e ? Symbol.for("react.portal") : 60106, o = e ? Symbol.for("react.fragment") : 60107, c = e ? Symbol.for("react.strict_mode") : 60108, s = e ? Symbol.for("react.profiler") : 60114, i = e ? Symbol.for("react.provider") : 60109, a = e ? Symbol.for("react.context") : 60110, l = e ? Symbol.for("react.async_mode") : 60111, g = e ? Symbol.for("react.concurrent_mode") : 60111, m = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, p = e ? Symbol.for("react.suspense_list") : 60120, y = e ? Symbol.for("react.memo") : 60115, j = e ? Symbol.for("react.lazy") : 60116, v = e ? Symbol.for("react.block") : 60121, S = e ? Symbol.for("react.fundamental") : 60117, T = e ? Symbol.for("react.responder") : 60118, _ = e ? Symbol.for("react.scope") : 60119;
   function x(f) {
     if (typeof f == "object" && f !== null) {
       var b = f.$$typeof;
@@ -4396,7 +4395,7 @@ function Si() {
             case o:
             case s:
             case c:
-            case p:
+            case h:
               return f;
             default:
               switch (f = f && f.$$typeof, f) {
@@ -4418,35 +4417,35 @@ function Si() {
   function E(f) {
     return x(f) === g;
   }
-  return ae.AsyncMode = l, ae.ConcurrentMode = g, ae.ContextConsumer = a, ae.ContextProvider = i, ae.Element = n, ae.ForwardRef = m, ae.Fragment = o, ae.Lazy = j, ae.Memo = y, ae.Portal = r, ae.Profiler = s, ae.StrictMode = c, ae.Suspense = p, ae.isAsyncMode = function(f) {
+  return le.AsyncMode = l, le.ConcurrentMode = g, le.ContextConsumer = a, le.ContextProvider = i, le.Element = n, le.ForwardRef = m, le.Fragment = o, le.Lazy = j, le.Memo = y, le.Portal = r, le.Profiler = s, le.StrictMode = c, le.Suspense = h, le.isAsyncMode = function(f) {
     return E(f) || x(f) === l;
-  }, ae.isConcurrentMode = E, ae.isContextConsumer = function(f) {
+  }, le.isConcurrentMode = E, le.isContextConsumer = function(f) {
     return x(f) === a;
-  }, ae.isContextProvider = function(f) {
+  }, le.isContextProvider = function(f) {
     return x(f) === i;
-  }, ae.isElement = function(f) {
+  }, le.isElement = function(f) {
     return typeof f == "object" && f !== null && f.$$typeof === n;
-  }, ae.isForwardRef = function(f) {
+  }, le.isForwardRef = function(f) {
     return x(f) === m;
-  }, ae.isFragment = function(f) {
+  }, le.isFragment = function(f) {
     return x(f) === o;
-  }, ae.isLazy = function(f) {
+  }, le.isLazy = function(f) {
     return x(f) === j;
-  }, ae.isMemo = function(f) {
+  }, le.isMemo = function(f) {
     return x(f) === y;
-  }, ae.isPortal = function(f) {
+  }, le.isPortal = function(f) {
     return x(f) === r;
-  }, ae.isProfiler = function(f) {
+  }, le.isProfiler = function(f) {
     return x(f) === s;
-  }, ae.isStrictMode = function(f) {
+  }, le.isStrictMode = function(f) {
     return x(f) === c;
-  }, ae.isSuspense = function(f) {
-    return x(f) === p;
-  }, ae.isValidElementType = function(f) {
-    return typeof f == "string" || typeof f == "function" || f === o || f === g || f === s || f === c || f === p || f === h || typeof f == "object" && f !== null && (f.$$typeof === j || f.$$typeof === y || f.$$typeof === i || f.$$typeof === a || f.$$typeof === m || f.$$typeof === S || f.$$typeof === T || f.$$typeof === w || f.$$typeof === v);
-  }, ae.typeOf = x, ae;
+  }, le.isSuspense = function(f) {
+    return x(f) === h;
+  }, le.isValidElementType = function(f) {
+    return typeof f == "string" || typeof f == "function" || f === o || f === g || f === s || f === c || f === h || f === p || typeof f == "object" && f !== null && (f.$$typeof === j || f.$$typeof === y || f.$$typeof === i || f.$$typeof === a || f.$$typeof === m || f.$$typeof === S || f.$$typeof === T || f.$$typeof === _ || f.$$typeof === v);
+  }, le.typeOf = x, le;
 }
-var ce = {};
+var ue = {};
 /** @license React v16.13.1
  * react-is.development.js
  *
@@ -4458,85 +4457,85 @@ var ce = {};
 var wn;
 function wi() {
   return wn || (wn = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = typeof Symbol == "function" && Symbol.for, n = e ? Symbol.for("react.element") : 60103, r = e ? Symbol.for("react.portal") : 60106, o = e ? Symbol.for("react.fragment") : 60107, c = e ? Symbol.for("react.strict_mode") : 60108, s = e ? Symbol.for("react.profiler") : 60114, i = e ? Symbol.for("react.provider") : 60109, a = e ? Symbol.for("react.context") : 60110, l = e ? Symbol.for("react.async_mode") : 60111, g = e ? Symbol.for("react.concurrent_mode") : 60111, m = e ? Symbol.for("react.forward_ref") : 60112, p = e ? Symbol.for("react.suspense") : 60113, h = e ? Symbol.for("react.suspense_list") : 60120, y = e ? Symbol.for("react.memo") : 60115, j = e ? Symbol.for("react.lazy") : 60116, v = e ? Symbol.for("react.block") : 60121, S = e ? Symbol.for("react.fundamental") : 60117, T = e ? Symbol.for("react.responder") : 60118, w = e ? Symbol.for("react.scope") : 60119;
-    function x(L) {
-      return typeof L == "string" || typeof L == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      L === o || L === g || L === s || L === c || L === p || L === h || typeof L == "object" && L !== null && (L.$$typeof === j || L.$$typeof === y || L.$$typeof === i || L.$$typeof === a || L.$$typeof === m || L.$$typeof === S || L.$$typeof === T || L.$$typeof === w || L.$$typeof === v);
+    var e = typeof Symbol == "function" && Symbol.for, n = e ? Symbol.for("react.element") : 60103, r = e ? Symbol.for("react.portal") : 60106, o = e ? Symbol.for("react.fragment") : 60107, c = e ? Symbol.for("react.strict_mode") : 60108, s = e ? Symbol.for("react.profiler") : 60114, i = e ? Symbol.for("react.provider") : 60109, a = e ? Symbol.for("react.context") : 60110, l = e ? Symbol.for("react.async_mode") : 60111, g = e ? Symbol.for("react.concurrent_mode") : 60111, m = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, p = e ? Symbol.for("react.suspense_list") : 60120, y = e ? Symbol.for("react.memo") : 60115, j = e ? Symbol.for("react.lazy") : 60116, v = e ? Symbol.for("react.block") : 60121, S = e ? Symbol.for("react.fundamental") : 60117, T = e ? Symbol.for("react.responder") : 60118, _ = e ? Symbol.for("react.scope") : 60119;
+    function x(O) {
+      return typeof O == "string" || typeof O == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
+      O === o || O === g || O === s || O === c || O === h || O === p || typeof O == "object" && O !== null && (O.$$typeof === j || O.$$typeof === y || O.$$typeof === i || O.$$typeof === a || O.$$typeof === m || O.$$typeof === S || O.$$typeof === T || O.$$typeof === _ || O.$$typeof === v);
     }
-    function E(L) {
-      if (typeof L == "object" && L !== null) {
-        var be = L.$$typeof;
-        switch (be) {
+    function E(O) {
+      if (typeof O == "object" && O !== null) {
+        var me = O.$$typeof;
+        switch (me) {
           case n:
-            var Ee = L.type;
-            switch (Ee) {
+            var Ce = O.type;
+            switch (Ce) {
               case l:
               case g:
               case o:
               case s:
               case c:
-              case p:
-                return Ee;
+              case h:
+                return Ce;
               default:
-                var fe = Ee && Ee.$$typeof;
-                switch (fe) {
+                var ce = Ce && Ce.$$typeof;
+                switch (ce) {
                   case a:
                   case m:
                   case j:
                   case y:
                   case i:
-                    return fe;
+                    return ce;
                   default:
-                    return be;
+                    return me;
                 }
             }
           case r:
-            return be;
+            return me;
         }
       }
     }
-    var f = l, b = g, u = a, C = i, A = n, N = m, O = o, _ = j, R = y, H = r, G = s, q = c, F = p, se = !1;
-    function te(L) {
-      return se || (se = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), k(L) || E(L) === l;
+    var f = l, b = g, u = a, C = i, A = n, L = m, D = o, B = j, w = y, N = r, G = s, H = c, F = h, re = !1;
+    function te(O) {
+      return re || (re = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), k(O) || E(O) === l;
     }
-    function k(L) {
-      return E(L) === g;
+    function k(O) {
+      return E(O) === g;
     }
-    function M(L) {
-      return E(L) === a;
+    function M(O) {
+      return E(O) === a;
     }
-    function P(L) {
-      return E(L) === i;
+    function Z(O) {
+      return E(O) === i;
     }
-    function B(L) {
-      return typeof L == "object" && L !== null && L.$$typeof === n;
+    function V(O) {
+      return typeof O == "object" && O !== null && O.$$typeof === n;
     }
-    function Y(L) {
-      return E(L) === m;
+    function P(O) {
+      return E(O) === m;
     }
-    function Z(L) {
-      return E(L) === o;
+    function ee(O) {
+      return E(O) === o;
     }
-    function X(L) {
-      return E(L) === j;
+    function J(O) {
+      return E(O) === j;
     }
-    function J(L) {
-      return E(L) === y;
+    function q(O) {
+      return E(O) === y;
     }
-    function ee(L) {
-      return E(L) === r;
+    function z(O) {
+      return E(O) === r;
     }
-    function $(L) {
-      return E(L) === s;
+    function $(O) {
+      return E(O) === s;
     }
-    function V(L) {
-      return E(L) === c;
+    function Y(O) {
+      return E(O) === c;
     }
-    function de(L) {
-      return E(L) === p;
+    function ae(O) {
+      return E(O) === h;
     }
-    ce.AsyncMode = f, ce.ConcurrentMode = b, ce.ContextConsumer = u, ce.ContextProvider = C, ce.Element = A, ce.ForwardRef = N, ce.Fragment = O, ce.Lazy = _, ce.Memo = R, ce.Portal = H, ce.Profiler = G, ce.StrictMode = q, ce.Suspense = F, ce.isAsyncMode = te, ce.isConcurrentMode = k, ce.isContextConsumer = M, ce.isContextProvider = P, ce.isElement = B, ce.isForwardRef = Y, ce.isFragment = Z, ce.isLazy = X, ce.isMemo = J, ce.isPortal = ee, ce.isProfiler = $, ce.isStrictMode = V, ce.isSuspense = de, ce.isValidElementType = x, ce.typeOf = E;
-  }()), ce;
+    ue.AsyncMode = f, ue.ConcurrentMode = b, ue.ContextConsumer = u, ue.ContextProvider = C, ue.Element = A, ue.ForwardRef = L, ue.Fragment = D, ue.Lazy = B, ue.Memo = w, ue.Portal = N, ue.Profiler = G, ue.StrictMode = H, ue.Suspense = F, ue.isAsyncMode = te, ue.isConcurrentMode = k, ue.isContextConsumer = M, ue.isContextProvider = Z, ue.isElement = V, ue.isForwardRef = P, ue.isFragment = ee, ue.isLazy = J, ue.isMemo = q, ue.isPortal = z, ue.isProfiler = $, ue.isStrictMode = Y, ue.isSuspense = ae, ue.isValidElementType = x, ue.typeOf = E;
+  }()), ue;
 }
 var _n;
 function gr() {
@@ -4553,9 +4552,9 @@ var Ht, kn;
 function pr() {
   return kn || (kn = 1, Ht = Function.call.bind(Object.prototype.hasOwnProperty)), Ht;
 }
-var Wt, An;
+var Bt, An;
 function _i() {
-  if (An) return Wt;
+  if (An) return Bt;
   An = 1;
   var e = function() {
   };
@@ -4574,25 +4573,25 @@ function _i() {
     if (process.env.NODE_ENV !== "production") {
       for (var m in s)
         if (o(s, m)) {
-          var p;
+          var h;
           try {
             if (typeof s[m] != "function") {
-              var h = Error(
+              var p = Error(
                 (l || "React class") + ": " + a + " type `" + m + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof s[m] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
               );
-              throw h.name = "Invariant Violation", h;
+              throw p.name = "Invariant Violation", p;
             }
-            p = s[m](i, m, l, a, null, n);
+            h = s[m](i, m, l, a, null, n);
           } catch (j) {
-            p = j;
+            h = j;
           }
-          if (p && !(p instanceof Error) && e(
-            (l || "React class") + ": type specification of " + a + " `" + m + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof p + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
-          ), p instanceof Error && !(p.message in r)) {
-            r[p.message] = !0;
+          if (h && !(h instanceof Error) && e(
+            (l || "React class") + ": type specification of " + a + " `" + m + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof h + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
+          ), h instanceof Error && !(h.message in r)) {
+            r[h.message] = !0;
             var y = g ? g() : "";
             e(
-              "Failed " + a + " type: " + p.message + (y ?? "")
+              "Failed " + a + " type: " + h.message + (y ?? "")
             );
           }
         }
@@ -4600,11 +4599,11 @@ function _i() {
   }
   return c.resetWarningCache = function() {
     process.env.NODE_ENV !== "production" && (r = {});
-  }, Wt = c, Wt;
+  }, Bt = c, Bt;
 }
-var Bt, Rn;
+var Wt, Rn;
 function ji() {
-  if (Rn) return Bt;
+  if (Rn) return Wt;
   Rn = 1;
   var e = gr(), n = qt(), r = /* @__PURE__ */ tn(), o = /* @__PURE__ */ pr(), c = /* @__PURE__ */ _i(), s = function() {
   };
@@ -4619,14 +4618,14 @@ function ji() {
   function i() {
     return null;
   }
-  return Bt = function(a, l) {
+  return Wt = function(a, l) {
     var g = typeof Symbol == "function" && Symbol.iterator, m = "@@iterator";
-    function p(k) {
+    function h(k) {
       var M = k && (g && k[g] || k[m]);
       if (typeof M == "function")
         return M;
     }
-    var h = "<<anonymous>>", y = {
+    var p = "<<anonymous>>", y = {
       array: T("array"),
       bigint: T("bigint"),
       bool: T("boolean"),
@@ -4635,17 +4634,17 @@ function ji() {
       object: T("object"),
       string: T("string"),
       symbol: T("symbol"),
-      any: w(),
+      any: _(),
       arrayOf: x,
       element: E(),
       elementType: f(),
       instanceOf: b,
-      node: N(),
+      node: L(),
       objectOf: C,
       oneOf: u,
       oneOfType: A,
-      shape: _,
-      exact: R
+      shape: B,
+      exact: w
     };
     function j(k, M) {
       return k === M ? k !== 0 || 1 / k === 1 / M : k !== k && M !== M;
@@ -4656,34 +4655,34 @@ function ji() {
     v.prototype = Error.prototype;
     function S(k) {
       if (process.env.NODE_ENV !== "production")
-        var M = {}, P = 0;
-      function B(Z, X, J, ee, $, V, de) {
-        if (ee = ee || h, V = V || J, de !== r) {
+        var M = {}, Z = 0;
+      function V(ee, J, q, z, $, Y, ae) {
+        if (z = z || p, Y = Y || q, ae !== r) {
           if (l) {
-            var L = new Error(
+            var O = new Error(
               "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
             );
-            throw L.name = "Invariant Violation", L;
+            throw O.name = "Invariant Violation", O;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var be = ee + ":" + J;
-            !M[be] && // Avoid spamming the console because they are often not actionable except for lib authors
-            P < 3 && (s(
-              "You are manually calling a React.PropTypes validation function for the `" + V + "` prop on `" + ee + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
-            ), M[be] = !0, P++);
+            var me = z + ":" + q;
+            !M[me] && // Avoid spamming the console because they are often not actionable except for lib authors
+            Z < 3 && (s(
+              "You are manually calling a React.PropTypes validation function for the `" + Y + "` prop on `" + z + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
+            ), M[me] = !0, Z++);
           }
         }
-        return X[J] == null ? Z ? X[J] === null ? new v("The " + $ + " `" + V + "` is marked as required " + ("in `" + ee + "`, but its value is `null`.")) : new v("The " + $ + " `" + V + "` is marked as required in " + ("`" + ee + "`, but its value is `undefined`.")) : null : k(X, J, ee, $, V);
+        return J[q] == null ? ee ? J[q] === null ? new v("The " + $ + " `" + Y + "` is marked as required " + ("in `" + z + "`, but its value is `null`.")) : new v("The " + $ + " `" + Y + "` is marked as required in " + ("`" + z + "`, but its value is `undefined`.")) : null : k(J, q, z, $, Y);
       }
-      var Y = B.bind(null, !1);
-      return Y.isRequired = B.bind(null, !0), Y;
+      var P = V.bind(null, !1);
+      return P.isRequired = V.bind(null, !0), P;
     }
     function T(k) {
-      function M(P, B, Y, Z, X, J) {
-        var ee = P[B], $ = q(ee);
+      function M(Z, V, P, ee, J, q) {
+        var z = Z[V], $ = H(z);
         if ($ !== k) {
-          var V = F(ee);
+          var Y = F(z);
           return new v(
-            "Invalid " + Z + " `" + X + "` of type " + ("`" + V + "` supplied to `" + Y + "`, expected ") + ("`" + k + "`."),
+            "Invalid " + ee + " `" + J + "` of type " + ("`" + Y + "` supplied to `" + P + "`, expected ") + ("`" + k + "`."),
             { expectedType: k }
           );
         }
@@ -4691,54 +4690,54 @@ function ji() {
       }
       return S(M);
     }
-    function w() {
+    function _() {
       return S(i);
     }
     function x(k) {
-      function M(P, B, Y, Z, X) {
+      function M(Z, V, P, ee, J) {
         if (typeof k != "function")
-          return new v("Property `" + X + "` of component `" + Y + "` has invalid PropType notation inside arrayOf.");
-        var J = P[B];
-        if (!Array.isArray(J)) {
-          var ee = q(J);
-          return new v("Invalid " + Z + " `" + X + "` of type " + ("`" + ee + "` supplied to `" + Y + "`, expected an array."));
+          return new v("Property `" + J + "` of component `" + P + "` has invalid PropType notation inside arrayOf.");
+        var q = Z[V];
+        if (!Array.isArray(q)) {
+          var z = H(q);
+          return new v("Invalid " + ee + " `" + J + "` of type " + ("`" + z + "` supplied to `" + P + "`, expected an array."));
         }
-        for (var $ = 0; $ < J.length; $++) {
-          var V = k(J, $, Y, Z, X + "[" + $ + "]", r);
-          if (V instanceof Error)
-            return V;
+        for (var $ = 0; $ < q.length; $++) {
+          var Y = k(q, $, P, ee, J + "[" + $ + "]", r);
+          if (Y instanceof Error)
+            return Y;
         }
         return null;
       }
       return S(M);
     }
     function E() {
-      function k(M, P, B, Y, Z) {
-        var X = M[P];
-        if (!a(X)) {
-          var J = q(X);
-          return new v("Invalid " + Y + " `" + Z + "` of type " + ("`" + J + "` supplied to `" + B + "`, expected a single ReactElement."));
+      function k(M, Z, V, P, ee) {
+        var J = M[Z];
+        if (!a(J)) {
+          var q = H(J);
+          return new v("Invalid " + P + " `" + ee + "` of type " + ("`" + q + "` supplied to `" + V + "`, expected a single ReactElement."));
         }
         return null;
       }
       return S(k);
     }
     function f() {
-      function k(M, P, B, Y, Z) {
-        var X = M[P];
-        if (!e.isValidElementType(X)) {
-          var J = q(X);
-          return new v("Invalid " + Y + " `" + Z + "` of type " + ("`" + J + "` supplied to `" + B + "`, expected a single ReactElement type."));
+      function k(M, Z, V, P, ee) {
+        var J = M[Z];
+        if (!e.isValidElementType(J)) {
+          var q = H(J);
+          return new v("Invalid " + P + " `" + ee + "` of type " + ("`" + q + "` supplied to `" + V + "`, expected a single ReactElement type."));
         }
         return null;
       }
       return S(k);
     }
     function b(k) {
-      function M(P, B, Y, Z, X) {
-        if (!(P[B] instanceof k)) {
-          var J = k.name || h, ee = te(P[B]);
-          return new v("Invalid " + Z + " `" + X + "` of type " + ("`" + ee + "` supplied to `" + Y + "`, expected ") + ("instance of `" + J + "`."));
+      function M(Z, V, P, ee, J) {
+        if (!(Z[V] instanceof k)) {
+          var q = k.name || p, z = te(Z[V]);
+          return new v("Invalid " + ee + " `" + J + "` of type " + ("`" + z + "` supplied to `" + P + "`, expected ") + ("instance of `" + q + "`."));
         }
         return null;
       }
@@ -4749,30 +4748,30 @@ function ji() {
         return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? s(
           "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
         ) : s("Invalid argument supplied to oneOf, expected an array.")), i;
-      function M(P, B, Y, Z, X) {
-        for (var J = P[B], ee = 0; ee < k.length; ee++)
-          if (j(J, k[ee]))
+      function M(Z, V, P, ee, J) {
+        for (var q = Z[V], z = 0; z < k.length; z++)
+          if (j(q, k[z]))
             return null;
-        var $ = JSON.stringify(k, function(de, L) {
-          var be = F(L);
-          return be === "symbol" ? String(L) : L;
+        var $ = JSON.stringify(k, function(ae, O) {
+          var me = F(O);
+          return me === "symbol" ? String(O) : O;
         });
-        return new v("Invalid " + Z + " `" + X + "` of value `" + String(J) + "` " + ("supplied to `" + Y + "`, expected one of " + $ + "."));
+        return new v("Invalid " + ee + " `" + J + "` of value `" + String(q) + "` " + ("supplied to `" + P + "`, expected one of " + $ + "."));
       }
       return S(M);
     }
     function C(k) {
-      function M(P, B, Y, Z, X) {
+      function M(Z, V, P, ee, J) {
         if (typeof k != "function")
-          return new v("Property `" + X + "` of component `" + Y + "` has invalid PropType notation inside objectOf.");
-        var J = P[B], ee = q(J);
-        if (ee !== "object")
-          return new v("Invalid " + Z + " `" + X + "` of type " + ("`" + ee + "` supplied to `" + Y + "`, expected an object."));
-        for (var $ in J)
-          if (o(J, $)) {
-            var V = k(J, $, Y, Z, X + "." + $, r);
-            if (V instanceof Error)
-              return V;
+          return new v("Property `" + J + "` of component `" + P + "` has invalid PropType notation inside objectOf.");
+        var q = Z[V], z = H(q);
+        if (z !== "object")
+          return new v("Invalid " + ee + " `" + J + "` of type " + ("`" + z + "` supplied to `" + P + "`, expected an object."));
+        for (var $ in q)
+          if (o(q, $)) {
+            var Y = k(q, $, P, ee, J + "." + $, r);
+            if (Y instanceof Error)
+              return Y;
           }
         return null;
       }
@@ -4782,76 +4781,76 @@ function ji() {
       if (!Array.isArray(k))
         return process.env.NODE_ENV !== "production" && s("Invalid argument supplied to oneOfType, expected an instance of array."), i;
       for (var M = 0; M < k.length; M++) {
-        var P = k[M];
-        if (typeof P != "function")
+        var Z = k[M];
+        if (typeof Z != "function")
           return s(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + se(P) + " at index " + M + "."
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + re(Z) + " at index " + M + "."
           ), i;
       }
-      function B(Y, Z, X, J, ee) {
-        for (var $ = [], V = 0; V < k.length; V++) {
-          var de = k[V], L = de(Y, Z, X, J, ee, r);
-          if (L == null)
+      function V(P, ee, J, q, z) {
+        for (var $ = [], Y = 0; Y < k.length; Y++) {
+          var ae = k[Y], O = ae(P, ee, J, q, z, r);
+          if (O == null)
             return null;
-          L.data && o(L.data, "expectedType") && $.push(L.data.expectedType);
+          O.data && o(O.data, "expectedType") && $.push(O.data.expectedType);
         }
-        var be = $.length > 0 ? ", expected one of type [" + $.join(", ") + "]" : "";
-        return new v("Invalid " + J + " `" + ee + "` supplied to " + ("`" + X + "`" + be + "."));
+        var me = $.length > 0 ? ", expected one of type [" + $.join(", ") + "]" : "";
+        return new v("Invalid " + q + " `" + z + "` supplied to " + ("`" + J + "`" + me + "."));
       }
-      return S(B);
+      return S(V);
     }
-    function N() {
-      function k(M, P, B, Y, Z) {
-        return H(M[P]) ? null : new v("Invalid " + Y + " `" + Z + "` supplied to " + ("`" + B + "`, expected a ReactNode."));
+    function L() {
+      function k(M, Z, V, P, ee) {
+        return N(M[Z]) ? null : new v("Invalid " + P + " `" + ee + "` supplied to " + ("`" + V + "`, expected a ReactNode."));
       }
       return S(k);
     }
-    function O(k, M, P, B, Y) {
+    function D(k, M, Z, V, P) {
       return new v(
-        (k || "React class") + ": " + M + " type `" + P + "." + B + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + Y + "`."
+        (k || "React class") + ": " + M + " type `" + Z + "." + V + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + P + "`."
       );
     }
-    function _(k) {
-      function M(P, B, Y, Z, X) {
-        var J = P[B], ee = q(J);
-        if (ee !== "object")
-          return new v("Invalid " + Z + " `" + X + "` of type `" + ee + "` " + ("supplied to `" + Y + "`, expected `object`."));
+    function B(k) {
+      function M(Z, V, P, ee, J) {
+        var q = Z[V], z = H(q);
+        if (z !== "object")
+          return new v("Invalid " + ee + " `" + J + "` of type `" + z + "` " + ("supplied to `" + P + "`, expected `object`."));
         for (var $ in k) {
-          var V = k[$];
-          if (typeof V != "function")
-            return O(Y, Z, X, $, F(V));
-          var de = V(J, $, Y, Z, X + "." + $, r);
-          if (de)
-            return de;
+          var Y = k[$];
+          if (typeof Y != "function")
+            return D(P, ee, J, $, F(Y));
+          var ae = Y(q, $, P, ee, J + "." + $, r);
+          if (ae)
+            return ae;
         }
         return null;
       }
       return S(M);
     }
-    function R(k) {
-      function M(P, B, Y, Z, X) {
-        var J = P[B], ee = q(J);
-        if (ee !== "object")
-          return new v("Invalid " + Z + " `" + X + "` of type `" + ee + "` " + ("supplied to `" + Y + "`, expected `object`."));
-        var $ = n({}, P[B], k);
-        for (var V in $) {
-          var de = k[V];
-          if (o(k, V) && typeof de != "function")
-            return O(Y, Z, X, V, F(de));
-          if (!de)
+    function w(k) {
+      function M(Z, V, P, ee, J) {
+        var q = Z[V], z = H(q);
+        if (z !== "object")
+          return new v("Invalid " + ee + " `" + J + "` of type `" + z + "` " + ("supplied to `" + P + "`, expected `object`."));
+        var $ = n({}, Z[V], k);
+        for (var Y in $) {
+          var ae = k[Y];
+          if (o(k, Y) && typeof ae != "function")
+            return D(P, ee, J, Y, F(ae));
+          if (!ae)
             return new v(
-              "Invalid " + Z + " `" + X + "` key `" + V + "` supplied to `" + Y + "`.\nBad object: " + JSON.stringify(P[B], null, "  ") + `
+              "Invalid " + ee + " `" + J + "` key `" + Y + "` supplied to `" + P + "`.\nBad object: " + JSON.stringify(Z[V], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(k), null, "  ")
             );
-          var L = de(J, V, Y, Z, X + "." + V, r);
-          if (L)
-            return L;
+          var O = ae(q, Y, P, ee, J + "." + Y, r);
+          if (O)
+            return O;
         }
         return null;
       }
       return S(M);
     }
-    function H(k) {
+    function N(k) {
       switch (typeof k) {
         case "number":
         case "string":
@@ -4861,20 +4860,20 @@ Valid keys: ` + JSON.stringify(Object.keys(k), null, "  ")
           return !k;
         case "object":
           if (Array.isArray(k))
-            return k.every(H);
+            return k.every(N);
           if (k === null || a(k))
             return !0;
-          var M = p(k);
+          var M = h(k);
           if (M) {
-            var P = M.call(k), B;
+            var Z = M.call(k), V;
             if (M !== k.entries) {
-              for (; !(B = P.next()).done; )
-                if (!H(B.value))
+              for (; !(V = Z.next()).done; )
+                if (!N(V.value))
                   return !1;
             } else
-              for (; !(B = P.next()).done; ) {
-                var Y = B.value;
-                if (Y && !H(Y[1]))
+              for (; !(V = Z.next()).done; ) {
+                var P = V.value;
+                if (P && !N(P[1]))
                   return !1;
               }
           } else
@@ -4887,14 +4886,14 @@ Valid keys: ` + JSON.stringify(Object.keys(k), null, "  ")
     function G(k, M) {
       return k === "symbol" ? !0 : M ? M["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && M instanceof Symbol : !1;
     }
-    function q(k) {
+    function H(k) {
       var M = typeof k;
       return Array.isArray(k) ? "array" : k instanceof RegExp ? "object" : G(M, k) ? "symbol" : M;
     }
     function F(k) {
       if (typeof k > "u" || k === null)
         return "" + k;
-      var M = q(k);
+      var M = H(k);
       if (M === "object") {
         if (k instanceof Date)
           return "date";
@@ -4903,7 +4902,7 @@ Valid keys: ` + JSON.stringify(Object.keys(k), null, "  ")
       }
       return M;
     }
-    function se(k) {
+    function re(k) {
       var M = F(k);
       switch (M) {
         case "array":
@@ -4918,10 +4917,10 @@ Valid keys: ` + JSON.stringify(Object.keys(k), null, "  ")
       }
     }
     function te(k) {
-      return !k.constructor || !k.constructor.name ? h : k.constructor.name;
+      return !k.constructor || !k.constructor.name ? p : k.constructor.name;
     }
     return y.checkPropTypes = c, y.resetWarningCache = c.resetWarningCache, y.PropTypes = y, y;
-  }, Bt;
+  }, Wt;
 }
 var Yt, Dn;
 function ki() {
@@ -4933,12 +4932,12 @@ function ki() {
   function r() {
   }
   return r.resetWarningCache = n, Yt = function() {
-    function o(i, a, l, g, m, p) {
-      if (p !== e) {
-        var h = new Error(
+    function o(i, a, l, g, m, h) {
+      if (h !== e) {
+        var p = new Error(
           "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
         );
-        throw h.name = "Invariant Violation", h;
+        throw p.name = "Invariant Violation", p;
       }
     }
     o.isRequired = o;
@@ -5000,7 +4999,7 @@ function Ai() {
   }
   return bt.exports = n, bt.exports.clsx = n, bt.exports;
 }
-var ye = {}, Fe = {}, Mn;
+var ve = {}, Fe = {}, Mn;
 function jt() {
   if (Mn) return Fe;
   Mn = 1, Object.defineProperty(Fe, "__esModule", {
@@ -5058,22 +5057,22 @@ function Ri() {
 }
 var Fn;
 function nn() {
-  if (Fn) return ye;
-  Fn = 1, Object.defineProperty(ye, "__esModule", {
+  if (Fn) return ve;
+  Fn = 1, Object.defineProperty(ve, "__esModule", {
     value: !0
-  }), ye.addClassName = f, ye.addEvent = i, ye.addUserSelectStyles = w, ye.createCSSTransform = y, ye.createSVGTransform = j, ye.getTouch = S, ye.getTouchIdentifier = T, ye.getTranslation = v, ye.innerHeight = m, ye.innerWidth = p, ye.matchesSelector = c, ye.matchesSelectorAndParentsTo = s, ye.offsetXYFromParent = h, ye.outerHeight = l, ye.outerWidth = g, ye.removeClassName = b, ye.removeEvent = a, ye.scheduleRemoveUserSelectStyles = x;
+  }), ve.addClassName = f, ve.addEvent = i, ve.addUserSelectStyles = _, ve.createCSSTransform = y, ve.createSVGTransform = j, ve.getTouch = S, ve.getTouchIdentifier = T, ve.getTranslation = v, ve.innerHeight = m, ve.innerWidth = h, ve.matchesSelector = c, ve.matchesSelectorAndParentsTo = s, ve.offsetXYFromParent = p, ve.outerHeight = l, ve.outerWidth = g, ve.removeClassName = b, ve.removeEvent = a, ve.scheduleRemoveUserSelectStyles = x;
   var e = jt(), n = r(Ri());
   function r(u, C) {
-    if (typeof WeakMap == "function") var A = /* @__PURE__ */ new WeakMap(), N = /* @__PURE__ */ new WeakMap();
-    return (r = function(O, _) {
-      if (!_ && O && O.__esModule) return O;
-      var R, H, G = { __proto__: null, default: O };
-      if (O === null || typeof O != "object" && typeof O != "function") return G;
-      if (R = _ ? N : A) {
-        if (R.has(O)) return R.get(O);
-        R.set(O, G);
+    if (typeof WeakMap == "function") var A = /* @__PURE__ */ new WeakMap(), L = /* @__PURE__ */ new WeakMap();
+    return (r = function(D, B) {
+      if (!B && D && D.__esModule) return D;
+      var w, N, G = { __proto__: null, default: D };
+      if (D === null || typeof D != "object" && typeof D != "function") return G;
+      if (w = B ? L : A) {
+        if (w.has(D)) return w.get(D);
+        w.set(D, G);
       }
-      for (const q in O) q !== "default" && {}.hasOwnProperty.call(O, q) && ((H = (R = Object.defineProperty) && Object.getOwnPropertyDescriptor(O, q)) && (H.get || H.set) ? R(G, q, H) : G[q] = O[q]);
+      for (const H in D) H !== "default" && {}.hasOwnProperty.call(D, H) && ((N = (w = Object.defineProperty) && Object.getOwnPropertyDescriptor(D, H)) && (N.get || N.set) ? w(G, H, N) : G[H] = D[H]);
       return G;
     })(u, C);
   }
@@ -5084,29 +5083,29 @@ function nn() {
     })), (0, e.isFunction)(u[o]) ? u[o](C) : !1;
   }
   function s(u, C, A) {
-    let N = u;
+    let L = u;
     do {
-      if (c(N, C)) return !0;
-      if (N === A) return !1;
-      N = N.parentNode;
-    } while (N);
+      if (c(L, C)) return !0;
+      if (L === A) return !1;
+      L = L.parentNode;
+    } while (L);
     return !1;
   }
-  function i(u, C, A, N) {
+  function i(u, C, A, L) {
     if (!u) return;
-    const O = {
+    const D = {
       capture: !0,
-      ...N
+      ...L
     };
-    u.addEventListener ? u.addEventListener(C, A, O) : u.attachEvent ? u.attachEvent("on" + C, A) : u["on" + C] = A;
+    u.addEventListener ? u.addEventListener(C, A, D) : u.attachEvent ? u.attachEvent("on" + C, A) : u["on" + C] = A;
   }
-  function a(u, C, A, N) {
+  function a(u, C, A, L) {
     if (!u) return;
-    const O = {
+    const D = {
       capture: !0,
-      ...N
+      ...L
     };
-    u.removeEventListener ? u.removeEventListener(C, A, O) : u.detachEvent ? u.detachEvent("on" + C, A) : u["on" + C] = null;
+    u.removeEventListener ? u.removeEventListener(C, A, D) : u.detachEvent ? u.detachEvent("on" + C, A) : u["on" + C] = null;
   }
   function l(u) {
     let C = u.clientHeight;
@@ -5123,19 +5122,19 @@ function nn() {
     const A = u.ownerDocument.defaultView.getComputedStyle(u);
     return C -= (0, e.int)(A.paddingTop), C -= (0, e.int)(A.paddingBottom), C;
   }
-  function p(u) {
+  function h(u) {
     let C = u.clientWidth;
     const A = u.ownerDocument.defaultView.getComputedStyle(u);
     return C -= (0, e.int)(A.paddingLeft), C -= (0, e.int)(A.paddingRight), C;
   }
-  function h(u, C, A) {
-    const O = C === C.ownerDocument.body ? {
+  function p(u, C, A) {
+    const D = C === C.ownerDocument.body ? {
       left: 0,
       top: 0
-    } : C.getBoundingClientRect(), _ = (u.clientX + C.scrollLeft - O.left) / A, R = (u.clientY + C.scrollTop - O.top) / A;
+    } : C.getBoundingClientRect(), B = (u.clientX + C.scrollLeft - D.left) / A, w = (u.clientY + C.scrollTop - D.top) / A;
     return {
-      x: _,
-      y: R
+      x: B,
+      y: w
     };
   }
   function y(u, C) {
@@ -5149,14 +5148,14 @@ function nn() {
   }
   function v(u, C, A) {
     let {
-      x: N,
-      y: O
-    } = u, _ = `translate(${N}${A},${O}${A})`;
+      x: L,
+      y: D
+    } = u, B = `translate(${L}${A},${D}${A})`;
     if (C) {
-      const R = `${typeof C.x == "string" ? C.x : C.x + A}`, H = `${typeof C.y == "string" ? C.y : C.y + A}`;
-      _ = `translate(${R}, ${H})` + _;
+      const w = `${typeof C.x == "string" ? C.x : C.x + A}`, N = `${typeof C.y == "string" ? C.y : C.y + A}`;
+      B = `translate(${w}, ${N})` + B;
     }
-    return _;
+    return B;
   }
   function S(u, C) {
     return u.targetTouches && (0, e.findInArray)(u.targetTouches, (A) => C === A.identifier) || u.changedTouches && (0, e.findInArray)(u.changedTouches, (A) => C === A.identifier);
@@ -5165,7 +5164,7 @@ function nn() {
     if (u.targetTouches && u.targetTouches[0]) return u.targetTouches[0].identifier;
     if (u.changedTouches && u.changedTouches[0]) return u.changedTouches[0].identifier;
   }
-  function w(u) {
+  function _(u) {
     if (!u) return;
     let C = u.getElementById("react-draggable-style-el");
     C || (C = u.createElement("style"), C.type = "text/css", C.id = "react-draggable-style-el", C.innerHTML = `.react-draggable-transparent-selection *::-moz-selection {all: inherit;}
@@ -5195,7 +5194,7 @@ function nn() {
   function b(u, C) {
     u.classList ? u.classList.remove(C) : u.className = u.className.replace(new RegExp(`(?:^|\\s)${C}(?!\\S)`, "g"), "");
   }
-  return ye;
+  return ve;
 }
 var Ae = {}, In;
 function xr() {
@@ -5204,21 +5203,21 @@ function xr() {
     value: !0
   }), Ae.canDragX = c, Ae.canDragY = s, Ae.createCoreData = a, Ae.createDraggableData = l, Ae.getBoundPosition = r, Ae.getControlPosition = i, Ae.snapToGrid = o;
   var e = jt(), n = nn();
-  function r(p, h, y) {
-    if (!p.props.bounds) return [h, y];
+  function r(h, p, y) {
+    if (!h.props.bounds) return [p, y];
     let {
       bounds: j
-    } = p.props;
+    } = h.props;
     j = typeof j == "string" ? j : g(j);
-    const v = m(p);
+    const v = m(h);
     if (typeof j == "string") {
       const {
         ownerDocument: S
       } = v, T = S.defaultView;
-      let w;
-      if (j === "parent" ? w = v.parentNode : w = v.getRootNode().querySelector(j), !(w instanceof T.HTMLElement))
+      let _;
+      if (j === "parent" ? _ = v.parentNode : _ = v.getRootNode().querySelector(j), !(_ instanceof T.HTMLElement))
         throw new Error('Bounds selector "' + j + '" could not find an element.');
-      const x = w, E = T.getComputedStyle(v), f = T.getComputedStyle(x);
+      const x = _, E = T.getComputedStyle(v), f = T.getComputedStyle(x);
       j = {
         left: -v.offsetLeft + (0, e.int)(f.paddingLeft) + (0, e.int)(E.marginLeft),
         top: -v.offsetTop + (0, e.int)(f.paddingTop) + (0, e.int)(E.marginTop),
@@ -5226,73 +5225,73 @@ function xr() {
         bottom: (0, n.innerHeight)(x) - (0, n.outerHeight)(v) - v.offsetTop + (0, e.int)(f.paddingBottom) - (0, e.int)(E.marginBottom)
       };
     }
-    return (0, e.isNum)(j.right) && (h = Math.min(h, j.right)), (0, e.isNum)(j.bottom) && (y = Math.min(y, j.bottom)), (0, e.isNum)(j.left) && (h = Math.max(h, j.left)), (0, e.isNum)(j.top) && (y = Math.max(y, j.top)), [h, y];
+    return (0, e.isNum)(j.right) && (p = Math.min(p, j.right)), (0, e.isNum)(j.bottom) && (y = Math.min(y, j.bottom)), (0, e.isNum)(j.left) && (p = Math.max(p, j.left)), (0, e.isNum)(j.top) && (y = Math.max(y, j.top)), [p, y];
   }
-  function o(p, h, y) {
-    const j = Math.round(h / p[0]) * p[0], v = Math.round(y / p[1]) * p[1];
+  function o(h, p, y) {
+    const j = Math.round(p / h[0]) * h[0], v = Math.round(y / h[1]) * h[1];
     return [j, v];
   }
-  function c(p) {
-    return p.props.axis === "both" || p.props.axis === "x";
+  function c(h) {
+    return h.props.axis === "both" || h.props.axis === "x";
   }
-  function s(p) {
-    return p.props.axis === "both" || p.props.axis === "y";
+  function s(h) {
+    return h.props.axis === "both" || h.props.axis === "y";
   }
-  function i(p, h, y) {
-    const j = typeof h == "number" ? (0, n.getTouch)(p, h) : null;
-    if (typeof h == "number" && !j) return null;
+  function i(h, p, y) {
+    const j = typeof p == "number" ? (0, n.getTouch)(h, p) : null;
+    if (typeof p == "number" && !j) return null;
     const v = m(y), S = y.props.offsetParent || v.offsetParent || v.ownerDocument.body;
-    return (0, n.offsetXYFromParent)(j || p, S, y.props.scale);
+    return (0, n.offsetXYFromParent)(j || h, S, y.props.scale);
   }
-  function a(p, h, y) {
-    const j = !(0, e.isNum)(p.lastX), v = m(p);
+  function a(h, p, y) {
+    const j = !(0, e.isNum)(h.lastX), v = m(h);
     return j ? {
       node: v,
       deltaX: 0,
       deltaY: 0,
-      lastX: h,
+      lastX: p,
       lastY: y,
-      x: h,
+      x: p,
       y
     } : {
       node: v,
-      deltaX: h - p.lastX,
-      deltaY: y - p.lastY,
-      lastX: p.lastX,
-      lastY: p.lastY,
-      x: h,
+      deltaX: p - h.lastX,
+      deltaY: y - h.lastY,
+      lastX: h.lastX,
+      lastY: h.lastY,
+      x: p,
       y
     };
   }
-  function l(p, h) {
-    const y = p.props.scale;
+  function l(h, p) {
+    const y = h.props.scale;
     return {
-      node: h.node,
-      x: p.state.x + h.deltaX / y,
-      y: p.state.y + h.deltaY / y,
-      deltaX: h.deltaX / y,
-      deltaY: h.deltaY / y,
-      lastX: p.state.x,
-      lastY: p.state.y
+      node: p.node,
+      x: h.state.x + p.deltaX / y,
+      y: h.state.y + p.deltaY / y,
+      deltaX: p.deltaX / y,
+      deltaY: p.deltaY / y,
+      lastX: h.state.x,
+      lastY: h.state.y
     };
   }
-  function g(p) {
+  function g(h) {
     return {
-      left: p.left,
-      top: p.top,
-      right: p.right,
-      bottom: p.bottom
+      left: h.left,
+      top: h.top,
+      right: h.right,
+      bottom: h.bottom
     };
   }
-  function m(p) {
-    const h = p.findDOMNode();
-    if (!h)
+  function m(h) {
+    const p = h.findDOMNode();
+    if (!p)
       throw new Error("<DraggableCore>: Unmounted during event!");
-    return h;
+    return p;
   }
   return Ae;
 }
-var lt = {}, Ct = {}, $n;
+var ct = {}, Ct = {}, $n;
 function mr() {
   if ($n) return Ct;
   $n = 1, Object.defineProperty(Ct, "__esModule", {
@@ -5304,21 +5303,21 @@ function mr() {
 }
 var Un;
 function Di() {
-  if (Un) return lt;
-  Un = 1, Object.defineProperty(lt, "__esModule", {
+  if (Un) return ct;
+  Un = 1, Object.defineProperty(ct, "__esModule", {
     value: !0
-  }), lt.default = void 0;
+  }), ct.default = void 0;
   var e = l(ft), n = a(/* @__PURE__ */ hr()), r = a(zn), o = nn(), c = xr(), s = jt(), i = a(mr());
   function a(v) {
     return v && v.__esModule ? v : { default: v };
   }
   function l(v, S) {
-    if (typeof WeakMap == "function") var T = /* @__PURE__ */ new WeakMap(), w = /* @__PURE__ */ new WeakMap();
+    if (typeof WeakMap == "function") var T = /* @__PURE__ */ new WeakMap(), _ = /* @__PURE__ */ new WeakMap();
     return (l = function(x, E) {
       if (!E && x && x.__esModule) return x;
       var f, b, u = { __proto__: null, default: x };
       if (x === null || typeof x != "object" && typeof x != "function") return u;
-      if (f = E ? w : T) {
+      if (f = E ? _ : T) {
         if (f.has(x)) return f.get(x);
         f.set(x, u);
       }
@@ -5330,20 +5329,20 @@ function Di() {
     return (S = m(S)) in v ? Object.defineProperty(v, S, { value: T, enumerable: !0, configurable: !0, writable: !0 }) : v[S] = T, v;
   }
   function m(v) {
-    var S = p(v, "string");
+    var S = h(v, "string");
     return typeof S == "symbol" ? S : S + "";
   }
-  function p(v, S) {
+  function h(v, S) {
     if (typeof v != "object" || !v) return v;
     var T = v[Symbol.toPrimitive];
     if (T !== void 0) {
-      var w = T.call(v, S);
-      if (typeof w != "object") return w;
+      var _ = T.call(v, S);
+      if (typeof _ != "object") return _;
       throw new TypeError("@@toPrimitive must return a primitive value.");
     }
     return (S === "string" ? String : Number)(v);
   }
-  const h = {
+  const p = {
     touch: {
       start: "touchstart",
       move: "touchmove",
@@ -5355,7 +5354,7 @@ function Di() {
       stop: "mouseup"
     }
   };
-  let y = h.mouse, j = class extends e.Component {
+  let y = p.mouse, j = class extends e.Component {
     constructor() {
       super(...arguments), g(this, "dragging", !1), g(this, "lastX", NaN), g(this, "lastY", NaN), g(this, "touchIdentifier", null), g(this, "mounted", !1), g(this, "handleDragStart", (S) => {
         if (this.props.onMouseDown(S), !this.props.allowAnyClick && typeof S.button == "number" && S.button !== 0) return !1;
@@ -5363,9 +5362,9 @@ function Di() {
         if (!T || !T.ownerDocument || !T.ownerDocument.body)
           throw new Error("<DraggableCore> not mounted on DragStart!");
         const {
-          ownerDocument: w
+          ownerDocument: _
         } = T;
-        if (this.props.disabled || !(S.target instanceof w.defaultView.Node) || this.props.handle && !(0, o.matchesSelectorAndParentsTo)(S.target, this.props.handle, T) || this.props.cancel && (0, o.matchesSelectorAndParentsTo)(S.target, this.props.cancel, T))
+        if (this.props.disabled || !(S.target instanceof _.defaultView.Node) || this.props.handle && !(0, o.matchesSelectorAndParentsTo)(S.target, this.props.handle, T) || this.props.cancel && (0, o.matchesSelectorAndParentsTo)(S.target, this.props.cancel, T))
           return;
         S.type === "touchstart" && !this.props.allowMobileScroll && S.preventDefault();
         const x = (0, o.getTouchIdentifier)(S);
@@ -5376,20 +5375,20 @@ function Di() {
           x: f,
           y: b
         } = E, u = (0, c.createCoreData)(this, f, b);
-        (0, i.default)("DraggableCore: handleDragStart: %j", u), (0, i.default)("calling", this.props.onStart), !(this.props.onStart(S, u) === !1 || this.mounted === !1) && (this.props.enableUserSelectHack && (0, o.addUserSelectStyles)(w), this.dragging = !0, this.lastX = f, this.lastY = b, (0, o.addEvent)(w, y.move, this.handleDrag), (0, o.addEvent)(w, y.stop, this.handleDragStop));
+        (0, i.default)("DraggableCore: handleDragStart: %j", u), (0, i.default)("calling", this.props.onStart), !(this.props.onStart(S, u) === !1 || this.mounted === !1) && (this.props.enableUserSelectHack && (0, o.addUserSelectStyles)(_), this.dragging = !0, this.lastX = f, this.lastY = b, (0, o.addEvent)(_, y.move, this.handleDrag), (0, o.addEvent)(_, y.stop, this.handleDragStop));
       }), g(this, "handleDrag", (S) => {
         const T = (0, c.getControlPosition)(S, this.touchIdentifier, this);
         if (T == null) return;
         let {
-          x: w,
+          x: _,
           y: x
         } = T;
         if (Array.isArray(this.props.grid)) {
-          let b = w - this.lastX, u = x - this.lastY;
+          let b = _ - this.lastX, u = x - this.lastY;
           if ([b, u] = (0, c.snapToGrid)(this.props.grid, b, u), !b && !u) return;
-          w = this.lastX + b, x = this.lastY + u;
+          _ = this.lastX + b, x = this.lastY + u;
         }
-        const E = (0, c.createCoreData)(this, w, x);
+        const E = (0, c.createCoreData)(this, _, x);
         if ((0, i.default)("DraggableCore: handleDrag: %j", E), this.props.onDrag(S, E) === !1 || this.mounted === !1) {
           try {
             this.handleDragStop(new MouseEvent("mouseup"));
@@ -5399,29 +5398,29 @@ function Di() {
           }
           return;
         }
-        this.lastX = w, this.lastY = x;
+        this.lastX = _, this.lastY = x;
       }), g(this, "handleDragStop", (S) => {
         if (!this.dragging) return;
         const T = (0, c.getControlPosition)(S, this.touchIdentifier, this);
         if (T == null) return;
         let {
-          x: w,
+          x: _,
           y: x
         } = T;
         if (Array.isArray(this.props.grid)) {
-          let u = w - this.lastX || 0, C = x - this.lastY || 0;
-          [u, C] = (0, c.snapToGrid)(this.props.grid, u, C), w = this.lastX + u, x = this.lastY + C;
+          let u = _ - this.lastX || 0, C = x - this.lastY || 0;
+          [u, C] = (0, c.snapToGrid)(this.props.grid, u, C), _ = this.lastX + u, x = this.lastY + C;
         }
-        const E = (0, c.createCoreData)(this, w, x);
+        const E = (0, c.createCoreData)(this, _, x);
         if (this.props.onStop(S, E) === !1 || this.mounted === !1) return !1;
         const b = this.findDOMNode();
         b && this.props.enableUserSelectHack && (0, o.scheduleRemoveUserSelectStyles)(b.ownerDocument), (0, i.default)("DraggableCore: handleDragStop: %j", E), this.dragging = !1, this.lastX = NaN, this.lastY = NaN, b && ((0, i.default)("DraggableCore: Removing handlers"), (0, o.removeEvent)(b.ownerDocument, y.move, this.handleDrag), (0, o.removeEvent)(b.ownerDocument, y.stop, this.handleDragStop));
-      }), g(this, "onMouseDown", (S) => (y = h.mouse, this.handleDragStart(S))), g(this, "onMouseUp", (S) => (y = h.mouse, this.handleDragStop(S))), g(this, "onTouchStart", (S) => (y = h.touch, this.handleDragStart(S))), g(this, "onTouchEnd", (S) => (y = h.touch, this.handleDragStop(S)));
+      }), g(this, "onMouseDown", (S) => (y = p.mouse, this.handleDragStart(S))), g(this, "onMouseUp", (S) => (y = p.mouse, this.handleDragStop(S))), g(this, "onTouchStart", (S) => (y = p.touch, this.handleDragStart(S))), g(this, "onTouchEnd", (S) => (y = p.touch, this.handleDragStop(S)));
     }
     componentDidMount() {
       this.mounted = !0;
       const S = this.findDOMNode();
-      S && (0, o.addEvent)(S, h.touch.start, this.onTouchStart, {
+      S && (0, o.addEvent)(S, p.touch.start, this.onTouchStart, {
         passive: !1
       });
     }
@@ -5432,7 +5431,7 @@ function Di() {
         const {
           ownerDocument: T
         } = S;
-        (0, o.removeEvent)(T, h.mouse.move, this.handleDrag), (0, o.removeEvent)(T, h.touch.move, this.handleDrag), (0, o.removeEvent)(T, h.mouse.stop, this.handleDragStop), (0, o.removeEvent)(T, h.touch.stop, this.handleDragStop), (0, o.removeEvent)(S, h.touch.start, this.onTouchStart, {
+        (0, o.removeEvent)(T, p.mouse.move, this.handleDrag), (0, o.removeEvent)(T, p.touch.move, this.handleDrag), (0, o.removeEvent)(T, p.mouse.stop, this.handleDragStop), (0, o.removeEvent)(T, p.touch.stop, this.handleDragStop), (0, o.removeEvent)(S, p.touch.start, this.onTouchStart, {
           passive: !1
         }), this.props.enableUserSelectHack && (0, o.scheduleRemoveUserSelectStyles)(T);
       }
@@ -5440,8 +5439,8 @@ function Di() {
     // React Strict Mode compatibility: if `nodeRef` is passed, we will use it instead of trying to find
     // the underlying DOM node ourselves. See the README for more information.
     findDOMNode() {
-      var S, T, w;
-      return (S = this.props) != null && S.nodeRef ? (w = (T = this.props) == null ? void 0 : T.nodeRef) == null ? void 0 : w.current : r.default.findDOMNode(this);
+      var S, T, _;
+      return (S = this.props) != null && S.nodeRef ? (_ = (T = this.props) == null ? void 0 : T.nodeRef) == null ? void 0 : _.current : r.default.findDOMNode(this);
     }
     render() {
       return /* @__PURE__ */ e.cloneElement(e.Children.only(this.props.children), {
@@ -5456,7 +5455,7 @@ function Di() {
       });
     }
   };
-  return lt.default = j, g(j, "displayName", "DraggableCore"), g(j, "propTypes", {
+  return ct.default = j, g(j, "displayName", "DraggableCore"), g(j, "propTypes", {
     /**
      * `allowAnyClick` allows dragging using any mouse button.
      * By default, we only accept the left button.
@@ -5601,7 +5600,7 @@ function Di() {
     onMouseDown: function() {
     },
     scale: 1
-  }), lt;
+  }), ct;
 }
 var Hn;
 function Oi() {
@@ -5614,13 +5613,13 @@ function Oi() {
         return l.default;
       }
     }), e.default = void 0;
-    var n = p(ft), r = m(/* @__PURE__ */ hr()), o = m(zn), c = Ai(), s = nn(), i = xr(), a = jt(), l = m(Di()), g = m(mr());
+    var n = h(ft), r = m(/* @__PURE__ */ hr()), o = m(zn), c = Ai(), s = nn(), i = xr(), a = jt(), l = m(Di()), g = m(mr());
     function m(T) {
       return T && T.__esModule ? T : { default: T };
     }
-    function p(T, w) {
+    function h(T, _) {
       if (typeof WeakMap == "function") var x = /* @__PURE__ */ new WeakMap(), E = /* @__PURE__ */ new WeakMap();
-      return (p = function(f, b) {
+      return (h = function(f, b) {
         if (!b && f && f.__esModule) return f;
         var u, C, A = { __proto__: null, default: f };
         if (f === null || typeof f != "object" && typeof f != "function") return A;
@@ -5628,43 +5627,43 @@ function Oi() {
           if (u.has(f)) return u.get(f);
           u.set(f, A);
         }
-        for (const N in f) N !== "default" && {}.hasOwnProperty.call(f, N) && ((C = (u = Object.defineProperty) && Object.getOwnPropertyDescriptor(f, N)) && (C.get || C.set) ? u(A, N, C) : A[N] = f[N]);
+        for (const L in f) L !== "default" && {}.hasOwnProperty.call(f, L) && ((C = (u = Object.defineProperty) && Object.getOwnPropertyDescriptor(f, L)) && (C.get || C.set) ? u(A, L, C) : A[L] = f[L]);
         return A;
-      })(T, w);
+      })(T, _);
     }
-    function h() {
-      return h = Object.assign ? Object.assign.bind() : function(T) {
-        for (var w = 1; w < arguments.length; w++) {
-          var x = arguments[w];
+    function p() {
+      return p = Object.assign ? Object.assign.bind() : function(T) {
+        for (var _ = 1; _ < arguments.length; _++) {
+          var x = arguments[_];
           for (var E in x) ({}).hasOwnProperty.call(x, E) && (T[E] = x[E]);
         }
         return T;
-      }, h.apply(null, arguments);
+      }, p.apply(null, arguments);
     }
-    function y(T, w, x) {
-      return (w = j(w)) in T ? Object.defineProperty(T, w, { value: x, enumerable: !0, configurable: !0, writable: !0 }) : T[w] = x, T;
+    function y(T, _, x) {
+      return (_ = j(_)) in T ? Object.defineProperty(T, _, { value: x, enumerable: !0, configurable: !0, writable: !0 }) : T[_] = x, T;
     }
     function j(T) {
-      var w = v(T, "string");
-      return typeof w == "symbol" ? w : w + "";
+      var _ = v(T, "string");
+      return typeof _ == "symbol" ? _ : _ + "";
     }
-    function v(T, w) {
+    function v(T, _) {
       if (typeof T != "object" || !T) return T;
       var x = T[Symbol.toPrimitive];
       if (x !== void 0) {
-        var E = x.call(T, w);
+        var E = x.call(T, _);
         if (typeof E != "object") return E;
         throw new TypeError("@@toPrimitive must return a primitive value.");
       }
-      return (w === "string" ? String : Number)(T);
+      return (_ === "string" ? String : Number)(T);
     }
     class S extends n.Component {
       // React 16.3+
       // Arity (props, state)
-      static getDerivedStateFromProps(w, x) {
+      static getDerivedStateFromProps(_, x) {
         let {
           position: E
-        } = w, {
+        } = _, {
           prevPropsPosition: f
         } = x;
         return E && (!f || E.x !== f.x || E.y !== f.y) ? ((0, g.default)("Draggable: getDerivedStateFromProps %j", {
@@ -5678,8 +5677,8 @@ function Oi() {
           }
         }) : null;
       }
-      constructor(w) {
-        super(w), y(this, "onDragStart", (x, E) => {
+      constructor(_) {
+        super(_), y(this, "onDragStart", (x, E) => {
           if ((0, g.default)("Draggable: onDragStart: %j", E), this.props.onStart(x, (0, i.createDraggableData)(this, E)) === !1) return !1;
           this.setState({
             dragging: !0,
@@ -5700,8 +5699,8 @@ function Oi() {
               y: A
             } = b;
             b.x += this.state.slackX, b.y += this.state.slackY;
-            const [N, O] = (0, i.getBoundPosition)(this, b.x, b.y);
-            b.x = N, b.y = O, b.slackX = this.state.slackX + (C - b.x), b.slackY = this.state.slackY + (A - b.y), f.x = b.x, f.y = b.y, f.deltaX = b.x - this.state.x, f.deltaY = b.y - this.state.y;
+            const [L, D] = (0, i.getBoundPosition)(this, b.x, b.y);
+            b.x = L, b.y = D, b.slackX = this.state.slackX + (C - b.x), b.slackY = this.state.slackY + (A - b.y), f.x = b.x, f.y = b.y, f.deltaX = b.x - this.state.x, f.deltaY = b.y - this.state.y;
           }
           if (this.props.onDrag(x, f) === !1) return !1;
           this.setState(b);
@@ -5727,17 +5726,17 @@ function Oi() {
           // Whether or not we have been dragged before.
           dragged: !1,
           // Current transform x and y.
-          x: w.position ? w.position.x : w.defaultPosition.x,
-          y: w.position ? w.position.y : w.defaultPosition.y,
+          x: _.position ? _.position.x : _.defaultPosition.x,
+          y: _.position ? _.position.y : _.defaultPosition.y,
           prevPropsPosition: {
-            ...w.position
+            ..._.position
           },
           // Used for compensating for out-of-bounds drags
           slackX: 0,
           slackY: 0,
           // Can only determine if SVG after mounting
           isElementSVG: !1
-        }, w.position && !(w.onDrag || w.onStop) && console.warn("A `position` was applied to this <Draggable>, without drag handlers. This will make this component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the `position` of this element.");
+        }, _.position && !(_.onDrag || _.onStop) && console.warn("A `position` was applied to this <Draggable>, without drag handlers. This will make this component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the `position` of this element.");
       }
       componentDidMount() {
         typeof window.SVGElement < "u" && this.findDOMNode() instanceof window.SVGElement && this.setState({
@@ -5752,12 +5751,12 @@ function Oi() {
       // React Strict Mode compatibility: if `nodeRef` is passed, we will use it instead of trying to find
       // the underlying DOM node ourselves. See the README for more information.
       findDOMNode() {
-        var w, x;
-        return ((x = (w = this.props) == null ? void 0 : w.nodeRef) == null ? void 0 : x.current) ?? o.default.findDOMNode(this);
+        var _, x;
+        return ((x = (_ = this.props) == null ? void 0 : _.nodeRef) == null ? void 0 : x.current) ?? o.default.findDOMNode(this);
       }
       render() {
         const {
-          axis: w,
+          axis: _,
           bounds: x,
           children: E,
           defaultPosition: f,
@@ -5765,23 +5764,23 @@ function Oi() {
           defaultClassNameDragging: u,
           defaultClassNameDragged: C,
           position: A,
-          positionOffset: N,
-          scale: O,
-          ..._
+          positionOffset: L,
+          scale: D,
+          ...B
         } = this.props;
-        let R = {}, H = null;
-        const q = !!!A || this.state.dragging, F = A || f, se = {
+        let w = {}, N = null;
+        const H = !!!A || this.state.dragging, F = A || f, re = {
           // Set left if horizontal drag is enabled
-          x: (0, i.canDragX)(this) && q ? this.state.x : F.x,
+          x: (0, i.canDragX)(this) && H ? this.state.x : F.x,
           // Set top if vertical drag is enabled
-          y: (0, i.canDragY)(this) && q ? this.state.y : F.y
+          y: (0, i.canDragY)(this) && H ? this.state.y : F.y
         };
-        this.state.isElementSVG ? H = (0, s.createSVGTransform)(se, N) : R = (0, s.createCSSTransform)(se, N);
+        this.state.isElementSVG ? N = (0, s.createSVGTransform)(re, L) : w = (0, s.createCSSTransform)(re, L);
         const te = (0, c.clsx)(E.props.className || "", b, {
           [u]: this.state.dragging,
           [C]: this.state.dragged
         });
-        return /* @__PURE__ */ n.createElement(l.default, h({}, _, {
+        return /* @__PURE__ */ n.createElement(l.default, p({}, B, {
           onStart: this.onDragStart,
           onDrag: this.onDrag,
           onStop: this.onDragStop
@@ -5789,9 +5788,9 @@ function Oi() {
           className: te,
           style: {
             ...E.props.style,
-            ...R
+            ...w
           },
-          transform: H
+          transform: N
         }));
       }
     }
@@ -5917,15 +5916,15 @@ function Oi() {
     });
   }($t)), $t;
 }
-var Wn;
+var Bn;
 function Li() {
-  if (Wn) return ct.exports;
-  Wn = 1;
+  if (Bn) return at.exports;
+  Bn = 1;
   const {
     default: e,
     DraggableCore: n
   } = Oi();
-  return ct.exports = e, ct.exports.default = e, ct.exports.DraggableCore = n, ct.exports;
+  return at.exports = e, at.exports.default = e, at.exports.DraggableCore = n, at.exports;
 }
 var Mi = Li();
 const Ni = /* @__PURE__ */ eo(Mi), Fi = ({ children: e, usePopover: n, ...r }) => n ? /* @__PURE__ */ t.jsx(Gt, { ...r, visible: r == null ? void 0 : r.open, children: e }) : e, Ii = () => {
@@ -5936,11 +5935,11 @@ const Ni = /* @__PURE__ */ eo(Mi), Fi = ({ children: e, usePopover: n, ...r }) =
     x: 0,
     y: 250,
     maxY: window.innerHeight - 200
-  }), [s, i] = W(!1), [a, l] = W(!1), g = re(), m = re(null), p = re(null), h = re(null), y = re({
+  }), [s, i] = W(!1), [a, l] = W(!1), g = oe(), m = oe(null), h = oe(null), p = oe(null), y = oe({
     x: 0,
     y: 0
-  }), { widgetProps: j, setOpenWidget: v, isFirstOpenWidget: S, setFirstOpenWidget: T } = ue(), { onSendMsg: w, connected: x, isHandshakeWidget: E } = De(), f = () => {
-    v(!0), w({ msg: j == null ? void 0 : j.getStartedPayload });
+  }), { widgetProps: j, setOpenWidget: v, isFirstOpenWidget: S, setFirstOpenWidget: T } = de(), { onSendMsg: _, connected: x, isHandshakeWidget: E } = De(), f = () => {
+    v(!0), _({ msg: j == null ? void 0 : j.getStartedPayload });
   }, b = () => {
     const A = window.innerHeight;
     c({
@@ -5950,12 +5949,12 @@ const Ni = /* @__PURE__ */ eo(Mi), Fi = ({ children: e, usePopover: n, ...r }) =
       maxY: A - 200
     });
   }, u = () => {
-    clearTimeout(m.current), clearTimeout(p.current), h.current && (s && (h.current.style.right = "0px"), s || (h.current.style.right = "-25px", m.current = setTimeout(() => {
-      i(!0), h.current.style.right = "0px";
+    clearTimeout(m.current), clearTimeout(h.current), p.current && (s && (p.current.style.right = "0px"), s || (p.current.style.right = "-25px", m.current = setTimeout(() => {
+      i(!0), p.current.style.right = "0px";
     }, 300)));
   }, C = () => {
-    clearTimeout(p.current), s && (h.current.style.right = "-15px", p.current = setTimeout(() => {
-      i(!1), h.current.style.right = "-28px";
+    clearTimeout(h.current), s && (p.current.style.right = "-15px", h.current = setTimeout(() => {
+      i(!1), p.current.style.right = "-28px";
     }, 2500));
   };
   return pe(() => {
@@ -5980,24 +5979,24 @@ const Ni = /* @__PURE__ */ eo(Mi), Fi = ({ children: e, usePopover: n, ...r }) =
           },
           handle: ".w-handler-launcher-widget",
           axis: "y",
-          onDrag: (A, N) => {
-            const O = Math.abs(N.x - y.current.x), _ = Math.abs(N.y - y.current.y);
-            (O > 3 || _ > 3) && l(!0), c((R) => ({
-              ...R,
-              y: N.y
+          onDrag: (A, L) => {
+            const D = Math.abs(L.x - y.current.x), B = Math.abs(L.y - y.current.y);
+            (D > 3 || B > 3) && l(!0), c((w) => ({
+              ...w,
+              y: L.y
             }));
           },
           position: {
             x: o == null ? void 0 : o.x,
             y: o == null ? void 0 : o.y
           },
-          onStart: (A, N) => {
-            y.current = { x: N.x, y: N.y }, l(!1);
+          onStart: (A, L) => {
+            y.current = { x: L.x, y: L.y }, l(!1);
           },
           children: /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
             "div",
             {
-              ref: h,
+              ref: p,
               className: `w-launcher-container w-handler-launcher-widget ${s ? "w-show-launcher" : "w-hide-launcher"}`,
               onClick: () => {
                 a || (S || (T(!0), f()), v(!0));
@@ -6023,14 +6022,14 @@ const Ni = /* @__PURE__ */ eo(Mi), Fi = ({ children: e, usePopover: n, ...r }) =
       )
     }
   );
-}, $i = K(Ii), Ui = () => {
+}, $i = X(Ii), Ui = () => {
   const e = I("NotConnected", "Not Connected"), n = I(
     "CannotAutoReconnect",
     "Cannot auto reconnect"
   ), r = I(
     "ReconnectManually",
     "Reconnect Manually"
-  ), [o, c] = W(!1), { connected: s, createSocket: i } = De(), { widgetProps: a } = ue();
+  ), [o, c] = W(!1), { connected: s, createSocket: i } = De(), { widgetProps: a } = de();
   return pe(() => {
     c(!s);
   }, [s]), /* @__PURE__ */ t.jsx(
@@ -6058,18 +6057,18 @@ const Ni = /* @__PURE__ */ eo(Mi), Fi = ({ children: e, usePopover: n, ...r }) =
       open: !s && o
     }
   );
-}, Hi = K(
+}, Hi = X(
   Ui
-), Wi = () => {
-  const { xs: e } = Me.useBreakpoint(), [n, r] = W(!1), { isOpenWidget: o, widgetProps: c } = ue(), { isActiveTabVA: s } = Ue(), i = re(null), a = z(() => {
+), Bi = () => {
+  const { xs: e } = Me.useBreakpoint(), [n, r] = W(!1), { isOpenWidget: o, widgetProps: c } = de(), { isActiveTabVA: s } = Ue(), i = oe(null), a = K(() => {
     var m;
     const g = [Nt];
     return e && (c != null && c.isSF ? g == null || g.push(`${Nt}-sf-mobile`) : g == null || g.push(`${Nt}-mobile`)), (m = g == null ? void 0 : g.filter(Boolean)) == null ? void 0 : m.join(" ");
   }, [e, c == null ? void 0 : c.isSF]), l = Ir(
     (g) => {
-      var p;
+      var h;
       const m = [g, It == null ? void 0 : It.FADE_IN];
-      return c != null && c.isSF && (m == null || m.push(`${g}-sf`)), e && (c != null && c.isSF ? m == null || m.push(`${g}-sf-mobile`) : m == null || m.push(`${g}-mobile`)), (p = m == null ? void 0 : m.filter(Boolean)) == null ? void 0 : p.join(" ");
+      return c != null && c.isSF && (m == null || m.push(`${g}-sf`)), e && (c != null && c.isSF ? m == null || m.push(`${g}-sf-mobile`) : m == null || m.push(`${g}-mobile`)), (h = m == null ? void 0 : m.filter(Boolean)) == null ? void 0 : h.join(" ");
     },
     [c == null ? void 0 : c.isSF, e]
   );
@@ -6085,15 +6084,15 @@ const Ni = /* @__PURE__ */ eo(Mi), Fi = ({ children: e, usePopover: n, ...r }) =
     /* @__PURE__ */ t.jsx("div", { style: { display: s ? "none" : "block" }, children: /* @__PURE__ */ t.jsx("div", { className: l(ho), children: /* @__PURE__ */ t.jsx(Ns, { children: /* @__PURE__ */ t.jsx(Os, { children: /* @__PURE__ */ t.jsx(Ei, {}) }) }) }) }),
     /* @__PURE__ */ t.jsx(Hi, {})
   ] }) : /* @__PURE__ */ t.jsx($i, {});
-}, Bi = K(Wi), Yi = ({ items: e, ...n }) => nt != null && nt.startsWith("5") || rt != null && rt.startsWith("18") ? /* @__PURE__ */ t.jsx(Dt, { ...n, items: e }) : /* @__PURE__ */ t.jsx(Dt, { ...n, children: e == null ? void 0 : e.map(({ ...r }) => /* @__PURE__ */ zt(
+}, Wi = X(Bi), Yi = ({ items: e, ...n }) => tt != null && tt.startsWith("5") || nt != null && nt.startsWith("18") ? /* @__PURE__ */ t.jsx(Dt, { ...n, items: e }) : /* @__PURE__ */ t.jsx(Dt, { ...n, children: e == null ? void 0 : e.map(({ ...r }) => /* @__PURE__ */ zt(
   Dt.TabPane,
   {
     ...r,
     key: r == null ? void 0 : r.key,
     tab: r == null ? void 0 : r.label
   }
-)) }), Vi = K(Yi), zi = () => {
-  const { isOpenWidget: e, isUserInputHide: n } = ue(), { setActiveTab: r, activeTab: o } = Ue(), c = I(
+)) }), Vi = X(Yi), zi = () => {
+  const { isOpenWidget: e, isUserInputHide: n } = de(), { setActiveTab: r, activeTab: o } = Ue(), c = I(
     "VirtualAssistant",
     "Virtual Assistant"
   ), s = I("Helpdesk", "Helpdesk"), { xs: i } = Me.useBreakpoint();
@@ -6132,26 +6131,26 @@ const Ni = /* @__PURE__ */ eo(Mi), Fi = ({ children: e, usePopover: n, ...r }) =
       )
     }
   ) : null;
-}, Gi = K(zi), qi = () => {
-  const { isOpenWidget: e, setOpenWidget: n, setExpand: r, isExpand: o, widgetProps: c } = ue(), { xs: s } = Me.useBreakpoint(), i = z(() => {
+}, Gi = X(zi), qi = () => {
+  const { isOpenWidget: e, setOpenWidget: n, setExpand: r, isExpand: o, widgetProps: c } = de(), { xs: s } = Me.useBreakpoint(), i = K(() => {
     const { title: a = "", modelName: l = "" } = c;
     return l ? `${a} (${l})` : a;
   }, [c == null ? void 0 : c.title, c == null ? void 0 : c.modelName]);
   return e ? /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: `${at}-container`,
+      className: `${it}-container`,
       ...s && {
         style: {
           borderRadius: 0
         }
       },
       children: [
-        /* @__PURE__ */ t.jsxs("div", { className: `${at}-text`, children: [
-          /* @__PURE__ */ t.jsx("h4", { className: `${at}-title`, children: i }),
-          /* @__PURE__ */ t.jsx("span", { className: `${at}-subtitle`, children: c == null ? void 0 : c.subTitle })
+        /* @__PURE__ */ t.jsxs("div", { className: `${it}-text`, children: [
+          /* @__PURE__ */ t.jsx("h4", { className: `${it}-title`, children: i }),
+          /* @__PURE__ */ t.jsx("span", { className: `${it}-subtitle`, children: c == null ? void 0 : c.subTitle })
         ] }),
-        /* @__PURE__ */ t.jsxs("div", { className: `${at}-action`, children: [
+        /* @__PURE__ */ t.jsxs("div", { className: `${it}-action`, children: [
           !s && /* @__PURE__ */ t.jsx(
             xe,
             {
@@ -6178,8 +6177,8 @@ const Ni = /* @__PURE__ */ eo(Mi), Fi = ({ children: e, usePopover: n, ...r }) =
       ]
     }
   ) : null;
-}, Ki = K(qi), Pi = () => {
-  const { isExpand: e, isOpenWidget: n, isFirstOpenWidget: r, setOpenWidget: o } = ue(), { xs: c } = Me.useBreakpoint(), s = z(() => {
+}, Ki = X(qi), Pi = () => {
+  const { isExpand: e, isOpenWidget: n, isFirstOpenWidget: r, setOpenWidget: o } = de(), { xs: c } = Me.useBreakpoint(), s = K(() => {
     var a;
     const i = [
       c && n && "w-container-widget-mobile",
@@ -6200,13 +6199,13 @@ const Ni = /* @__PURE__ */ eo(Mi), Fi = ({ children: e, usePopover: n, ...r }) =
       children: [
         /* @__PURE__ */ t.jsx(Ki, {}),
         /* @__PURE__ */ t.jsx("div", { id: "w-widget-content", children: /* @__PURE__ */ t.jsxs(ns, { children: [
-          /* @__PURE__ */ t.jsx(ko, { children: /* @__PURE__ */ t.jsx(Bi, {}) }),
+          /* @__PURE__ */ t.jsx(ko, { children: /* @__PURE__ */ t.jsx(Wi, {}) }),
           /* @__PURE__ */ t.jsx(Gi, {})
         ] }) })
       ]
     }
   );
-}, Xi = K(Pi), da = ({
+}, Xi = X(Pi), da = ({
   getStartedPayload: e,
   socketURL: n,
   socketPath: r,