widget-chatbot 2.0.8-alpha.1 → 2.0.8-alpha.2

package/dist/widget-chatbot.es.js

@@ -1,7 +1,7 @@
-import gt, { version as Mr, createContext as ze, useContext as Ge, useState as W, useRef as ne, useMemo as z, useEffect as fe, memo as G, Fragment as Et, Children as Nr, isValidElement as Fr, cloneElement as Ir, createElement as Gt, useCallback as $r } from "react";
+import gt, { version as Mr, createContext as ze, useContext as Ge, useState as B, useRef as ne, useMemo as G, useEffect as fe, memo as K, Fragment as Et, Children as Nr, isValidElement as Fr, cloneElement as Ir, createElement as Gt, useCallback as $r } from "react";
 import st from "axios";
 import je from "dayjs";
-import { version as Ur, Modal as gn, Collapse as pn, Typography as ie, Button as ue, Form as Se, notification as _e, Radio as Hr, Divider as Wr, Input as pt, Image as Br, Skeleton as De, Avatar as Yn, Upload as Vn, Tooltip as Ye, Spin as Yr, Tag as Vr, Badge as zr, Grid as Me, Empty as zn, Popover as qt, Mentions as hn, Select as xn, DatePicker as Gr, Result as qr, Tabs as Ot } from "antd";
+import { version as Ur, Modal as gn, Collapse as pn, Typography as ae, Button as ue, Form as we, notification as Se, Radio as Hr, Divider as Wr, Input as pt, Image as Br, Skeleton as De, Avatar as Yn, Upload as Vn, Tooltip as Ye, Spin as Yr, Tag as Vr, Badge as zr, Grid as Me, Empty as zn, Popover as qt, Mentions as hn, Select as xn, DatePicker as Gr, Result as qr, Tabs as Ot } from "antd";
 import { io as Kr } from "socket.io-client";
 import Pr from "react-markdown";
 import Xr from "remark-gfm";
@@ -123,17 +123,17 @@ function ro() {
       var u = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
       function C(d) {
         {
-          for (var R = arguments.length, H = new Array(R > 1 ? R - 1 : 0), Z = 1; Z < R; Z++)
-            H[Z - 1] = arguments[Z];
+          for (var R = arguments.length, H = new Array(R > 1 ? R - 1 : 0), Q = 1; Q < R; Q++)
+            H[Q - 1] = arguments[Q];
           A("error", d, H);
         }
       }
       function A(d, R, H) {
         {
-          var Z = u.ReactDebugCurrentFrame, he = Z.getStackAddendum();
+          var Q = u.ReactDebugCurrentFrame, he = Q.getStackAddendum();
           he !== "" && (R += "%s", H = H.concat([he]));
-          var pe = H.map(function(se) {
-            return "" + se;
+          var pe = H.map(function(ie) {
+            return "" + ie;
           });
           pe.unshift("Warning: " + R), Function.prototype.apply.call(console[d], console, pe);
         }
@@ -142,14 +142,14 @@ function ro() {
       function D(d) {
         return !!(typeof d == "string" || typeof d == "function" || d === e.Fragment || d === i || d === E || d === s || d === m || d === h || d === w || M || typeof d == "object" && d !== null && (d.$$typeof === y || d.$$typeof === g || d.$$typeof === c || d.$$typeof === a || d.$$typeof === f || d.$$typeof === S || d.$$typeof === _ || d[0] === v));
       }
-      function B(d, R, H) {
-        var Z = R.displayName || R.name || "";
-        return d.displayName || (Z !== "" ? H + "(" + Z + ")" : H);
+      function W(d, R, H) {
+        var Q = R.displayName || R.name || "";
+        return d.displayName || (Q !== "" ? H + "(" + Q + ")" : H);
       }
       function N(d) {
         return d.displayName || "Context";
       }
-      function j(d) {
+      function Y(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")
@@ -179,15 +179,15 @@ function ro() {
               var H = d;
               return N(H._context) + ".Provider";
             case f:
-              return B(d, d.render, "ForwardRef");
+              return W(d, d.render, "ForwardRef");
             case g:
-              return j(d.type);
+              return Y(d.type);
             case _:
-              return j(d._render);
+              return Y(d._render);
             case y: {
-              var Z = d, he = Z._payload, pe = Z._init;
+              var Q = d, he = Q._payload, pe = Q._init;
               try {
-                return j(pe(he));
+                return Y(pe(he));
               } catch {
                 return null;
               }
@@ -195,18 +195,18 @@ function ro() {
           }
         return null;
       }
-      var U = 0, X, I, oe, te, k, L, J;
-      function V() {
+      var k = 0, U, I, re, ee, j, L, Z;
+      function z() {
       }
-      V.__reactDisabledLog = !0;
-      function q() {
+      z.__reactDisabledLog = !0;
+      function P() {
         {
-          if (U === 0) {
-            X = console.log, I = console.info, oe = console.warn, te = console.error, k = console.group, L = console.groupCollapsed, J = console.groupEnd;
+          if (k === 0) {
+            U = console.log, I = console.info, re = console.warn, ee = console.error, j = console.group, L = console.groupCollapsed, Z = console.groupEnd;
             var d = {
               configurable: !0,
               enumerable: !0,
-              value: V,
+              value: z,
               writable: !0
             };
             Object.defineProperties(console, {
@@ -219,12 +219,12 @@ function ro() {
               groupEnd: d
             });
           }
-          U++;
+          k++;
         }
       }
-      function ee() {
+      function te() {
         {
-          if (U--, U === 0) {
+          if (k--, k === 0) {
             var d = {
               configurable: !0,
               enumerable: !0,
@@ -232,122 +232,122 @@ function ro() {
             };
             Object.defineProperties(console, {
               log: r({}, d, {
-                value: X
+                value: U
               }),
               info: r({}, d, {
                 value: I
               }),
               warn: r({}, d, {
-                value: oe
+                value: re
               }),
               error: r({}, d, {
-                value: te
+                value: ee
               }),
               group: r({}, d, {
-                value: k
+                value: j
               }),
               groupCollapsed: r({}, d, {
                 value: L
               }),
               groupEnd: r({}, d, {
-                value: J
+                value: Z
               })
             });
           }
-          U < 0 && C("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+          k < 0 && C("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
         }
       }
-      var K = u.ReactCurrentDispatcher, P;
-      function Q(d, R, H) {
+      var X = u.ReactCurrentDispatcher, J;
+      function q(d, R, H) {
         {
-          if (P === void 0)
+          if (J === void 0)
             try {
               throw Error();
             } catch (he) {
-              var Z = he.stack.trim().match(/\n( *(at )?)/);
-              P = Z && Z[1] || "";
+              var Q = he.stack.trim().match(/\n( *(at )?)/);
+              J = Q && Q[1] || "";
             }
           return `
-` + P + d;
+` + J + d;
         }
       }
-      var $ = !1, Y;
+      var F = !1, V;
       {
-        var ae = typeof WeakMap == "function" ? WeakMap : Map;
-        Y = new ae();
+        var se = typeof WeakMap == "function" ? WeakMap : Map;
+        V = new se();
       }
       function O(d, R) {
-        if (!d || $)
+        if (!d || F)
           return "";
         {
-          var H = Y.get(d);
+          var H = V.get(d);
           if (H !== void 0)
             return H;
         }
-        var Z;
-        $ = !0;
+        var Q;
+        F = !0;
         var he = Error.prepareStackTrace;
         Error.prepareStackTrace = void 0;
         var pe;
-        pe = K.current, K.current = null, q();
+        pe = X.current, X.current = null, P();
         try {
           if (R) {
-            var se = function() {
+            var ie = function() {
               throw Error();
             };
-            if (Object.defineProperty(se.prototype, "props", {
+            if (Object.defineProperty(ie.prototype, "props", {
               set: function() {
                 throw Error();
               }
             }), typeof Reflect == "object" && Reflect.construct) {
               try {
-                Reflect.construct(se, []);
+                Reflect.construct(ie, []);
               } catch (Le) {
-                Z = Le;
+                Q = Le;
               }
-              Reflect.construct(d, [], se);
+              Reflect.construct(d, [], ie);
             } else {
               try {
-                se.call();
+                ie.call();
               } catch (Le) {
-                Z = Le;
+                Q = Le;
               }
-              d.call(se.prototype);
+              d.call(ie.prototype);
             }
           } else {
             try {
               throw Error();
             } catch (Le) {
-              Z = Le;
+              Q = Le;
             }
             d();
           }
         } catch (Le) {
-          if (Le && Z && typeof Le.stack == "string") {
-            for (var re = Le.stack.split(`
-`), Te = Z.stack.split(`
-`), me = re.length - 1, ve = Te.length - 1; me >= 1 && ve >= 0 && re[me] !== Te[ve]; )
-              ve--;
-            for (; me >= 1 && ve >= 0; me--, ve--)
-              if (re[me] !== Te[ve]) {
-                if (me !== 1 || ve !== 1)
+          if (Le && Q && typeof Le.stack == "string") {
+            for (var oe = Le.stack.split(`
+`), Te = Q.stack.split(`
+`), ye = oe.length - 1, be = Te.length - 1; ye >= 1 && be >= 0 && oe[ye] !== Te[be]; )
+              be--;
+            for (; ye >= 1 && be >= 0; ye--, be--)
+              if (oe[ye] !== Te[be]) {
+                if (ye !== 1 || be !== 1)
                   do
-                    if (me--, ve--, ve < 0 || re[me] !== Te[ve]) {
+                    if (ye--, be--, be < 0 || oe[ye] !== Te[be]) {
                       var Oe = `
-` + re[me].replace(" at new ", " at ");
-                      return typeof d == "function" && Y.set(d, Oe), Oe;
+` + oe[ye].replace(" at new ", " at ");
+                      return typeof d == "function" && V.set(d, Oe), Oe;
                     }
-                  while (me >= 1 && ve >= 0);
+                  while (ye >= 1 && be >= 0);
                 break;
               }
           }
         } finally {
-          $ = !1, K.current = pe, ee(), Error.prepareStackTrace = he;
+          F = !1, X.current = pe, te(), Error.prepareStackTrace = he;
         }
-        var Je = d ? d.displayName || d.name : "", fn = Je ? Q(Je) : "";
-        return typeof d == "function" && Y.set(d, fn), fn;
+        var Je = d ? d.displayName || d.name : "", fn = Je ? q(Je) : "";
+        return typeof d == "function" && V.set(d, fn), fn;
       }
-      function be(d, R, H) {
+      function me(d, R, H) {
         return O(d, !1);
       }
       function Ee(d) {
@@ -360,23 +360,23 @@ function ro() {
         if (typeof d == "function")
           return O(d, Ee(d));
         if (typeof d == "string")
-          return Q(d);
+          return q(d);
         switch (d) {
           case m:
-            return Q("Suspense");
+            return q("Suspense");
           case h:
-            return Q("SuspenseList");
+            return q("SuspenseList");
         }
         if (typeof d == "object")
           switch (d.$$typeof) {
             case f:
-              return be(d.render);
+              return me(d.render);
             case g:
               return ge(d.type, R, H);
             case _:
-              return be(d._render);
+              return me(d._render);
             case y: {
-              var Z = d, he = Z._payload, pe = Z._init;
+              var Q = d, he = Q._payload, pe = Q._init;
               try {
                 return ge(pe(he), R, H);
               } catch {
@@ -393,22 +393,22 @@ function ro() {
         } else
           Ne.setExtraStackFrame(null);
       }
-      function at(d, R, H, Z, he) {
+      function at(d, R, H, Q, he) {
         {
           var pe = Function.call.bind(Object.prototype.hasOwnProperty);
-          for (var se in d)
-            if (pe(d, se)) {
-              var re = void 0;
+          for (var ie in d)
+            if (pe(d, ie)) {
+              var oe = void 0;
               try {
-                if (typeof d[se] != "function") {
-                  var Te = Error((Z || "React class") + ": " + H + " 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`.");
+                if (typeof d[ie] != "function") {
+                  var Te = Error((Q || "React class") + ": " + H + " type `" + ie + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof d[ie] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                   throw Te.name = "Invariant Violation", Te;
                 }
-                re = d[se](R, se, Z, H, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-              } catch (me) {
-                re = me;
+                oe = d[ie](R, ie, Q, H, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              } catch (ye) {
+                oe = ye;
               }
-              re && !(re instanceof Error) && (Ae(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).", Z || "React class", H, se, typeof re), Ae(null)), re instanceof Error && !(re.message in Ce) && (Ce[re.message] = !0, Ae(he), C("Failed %s type: %s", H, re.message), Ae(null));
+              oe && !(oe instanceof Error) && (Ae(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", H, ie, typeof oe), Ae(null)), oe instanceof Error && !(oe.message in Ce) && (Ce[oe.message] = !0, Ae(he), C("Failed %s type: %s", H, oe.message), Ae(null));
             }
         }
       }
@@ -459,51 +459,51 @@ function ro() {
           });
         }
       }
-      var Sr = function(d, R, H, Z, he, pe, se) {
-        var re = {
+      var Sr = function(d, R, H, Q, he, pe, ie) {
+        var oe = {
           // 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: R,
           ref: H,
-          props: se,
+          props: ie,
           // Record the component responsible for creating this element.
           _owner: pe
         };
-        return re._store = {}, Object.defineProperty(re._store, "validated", {
+        return oe._store = {}, Object.defineProperty(oe._store, "validated", {
           configurable: !1,
           enumerable: !1,
           writable: !0,
           value: !1
-        }), Object.defineProperty(re, "_self", {
+        }), Object.defineProperty(oe, "_self", {
           configurable: !1,
           enumerable: !1,
           writable: !1,
-          value: Z
-        }), Object.defineProperty(re, "_source", {
+          value: Q
+        }), Object.defineProperty(oe, "_source", {
           configurable: !1,
           enumerable: !1,
           writable: !1,
           value: he
-        }), Object.freeze && (Object.freeze(re.props), Object.freeze(re)), re;
+        }), Object.freeze && (Object.freeze(oe.props), Object.freeze(oe)), oe;
       };
-      function wr(d, R, H, Z, he) {
+      function wr(d, R, H, Q, he) {
         {
-          var pe, se = {}, re = null, Te = null;
-          H !== void 0 && (re = "" + H), br(R) && (re = "" + R.key), vr(R) && (Te = R.ref, Cr(R, he));
+          var pe, ie = {}, oe = null, Te = null;
+          H !== void 0 && (oe = "" + H), br(R) && (oe = "" + R.key), vr(R) && (Te = R.ref, Cr(R, he));
           for (pe in R)
-            Ke.call(R, pe) && !Pe.hasOwnProperty(pe) && (se[pe] = R[pe]);
+            Ke.call(R, pe) && !Pe.hasOwnProperty(pe) && (ie[pe] = R[pe]);
           if (d && d.defaultProps) {
-            var me = d.defaultProps;
-            for (pe in me)
-              se[pe] === void 0 && (se[pe] = me[pe]);
+            var ye = d.defaultProps;
+            for (pe in ye)
+              ie[pe] === void 0 && (ie[pe] = ye[pe]);
           }
-          if (re || Te) {
-            var ve = typeof d == "function" ? d.displayName || d.name || "Unknown" : d;
-            re && Tr(se, ve), Te && Er(se, ve);
+          if (oe || Te) {
+            var be = typeof d == "function" ? d.displayName || d.name || "Unknown" : d;
+            oe && Tr(ie, be), Te && Er(ie, be);
           }
-          return Sr(d, re, Te, he, Z, qe.current, se);
+          return Sr(d, oe, Te, he, Q, qe.current, ie);
         }
       }
       var At = u.ReactCurrentOwner, sn = u.ReactDebugCurrentFrame;
@@ -522,7 +522,7 @@ function ro() {
       function an() {
         {
           if (At.current) {
-            var d = j(At.current.type);
+            var d = Y(At.current.type);
             if (d)
               return `
 
@@ -556,8 +556,8 @@ Check the top-level render call using <` + H + ">.");
           if (cn[H])
             return;
           cn[H] = !0;
-          var Z = "";
-          d && d._owner && d._owner !== At.current && (Z = " It was passed a child from " + j(d._owner.type) + "."), Xe(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.', H, Z), Xe(null);
+          var Q = "";
+          d && d._owner && d._owner !== At.current && (Q = " It was passed a child from " + Y(d._owner.type) + "."), Xe(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.', H, Q), Xe(null);
         }
       }
       function un(d, R) {
@@ -566,16 +566,16 @@ Check the top-level render call using <` + H + ">.");
             return;
           if (Array.isArray(d))
             for (var H = 0; H < d.length; H++) {
-              var Z = d[H];
-              Dt(Z) && ln(Z, R);
+              var Q = d[H];
+              Dt(Q) && ln(Q, R);
             }
           else if (Dt(d))
             d._store && (d._store.validated = !0);
           else if (d) {
             var he = b(d);
             if (typeof he == "function" && he !== d.entries)
-              for (var pe = he.call(d), se; !(se = pe.next()).done; )
-                Dt(se.value) && ln(se.value, R);
+              for (var pe = he.call(d), ie; !(ie = pe.next()).done; )
+                Dt(ie.value) && ln(ie.value, R);
           }
         }
       }
@@ -594,11 +594,11 @@ Check the top-level render call using <` + H + ">.");
           else
             return;
           if (H) {
-            var Z = j(R);
-            at(H, d.props, "prop", Z, d);
+            var Q = Y(R);
+            at(H, d.props, "prop", Q, d);
           } else if (R.PropTypes !== void 0 && !Rt) {
             Rt = !0;
-            var he = j(R);
+            var he = Y(R);
             C("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", he || "Unknown");
           }
           typeof R.getDefaultProps == "function" && !R.getDefaultProps.isReactClassApproved && C("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
@@ -607,33 +607,33 @@ Check the top-level render call using <` + H + ">.");
       function Ar(d) {
         {
           for (var R = Object.keys(d.props), H = 0; H < R.length; H++) {
-            var Z = R[H];
-            if (Z !== "children" && Z !== "key") {
-              Xe(d), C("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", Z), Xe(null);
+            var Q = R[H];
+            if (Q !== "children" && Q !== "key") {
+              Xe(d), C("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", Q), Xe(null);
               break;
             }
           }
           d.ref !== null && (Xe(d), C("Invalid attribute `ref` supplied to `React.Fragment`."), Xe(null));
         }
       }
-      function dn(d, R, H, Z, he, pe) {
+      function dn(d, R, H, Q, he, pe) {
         {
-          var se = D(d);
-          if (!se) {
-            var re = "";
-            (d === void 0 || typeof d == "object" && d !== null && Object.keys(d).length === 0) && (re += " 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 ie = D(d);
+          if (!ie) {
+            var oe = "";
+            (d === void 0 || typeof d == "object" && d !== null && Object.keys(d).length === 0) && (oe += " 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 = _r();
-            Te ? re += Te : re += an();
-            var me;
-            d === null ? me = "null" : Array.isArray(d) ? me = "array" : d !== void 0 && d.$$typeof === o ? (me = "<" + (j(d.type) || "Unknown") + " />", re = " 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, re);
+            Te ? oe += Te : oe += an();
+            var ye;
+            d === null ? ye = "null" : Array.isArray(d) ? ye = "array" : d !== void 0 && d.$$typeof === o ? (ye = "<" + (Y(d.type) || "Unknown") + " />", oe = " 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, oe);
           }
-          var ve = wr(d, R, H, he, pe);
-          if (ve == null)
-            return ve;
-          if (se) {
+          var be = wr(d, R, H, he, pe);
+          if (be == null)
+            return be;
+          if (ie) {
             var Oe = R.children;
             if (Oe !== void 0)
-              if (Z)
+              if (Q)
                 if (Array.isArray(Oe)) {
                   for (var Je = 0; Je < Oe.length; Je++)
                     un(Oe[Je], d);
@@ -643,7 +643,7 @@ Check the top-level render call using <` + H + ">.");
               else
                 un(Oe, d);
           }
-          return d === e.Fragment ? Ar(ve) : kr(ve), ve;
+          return d === e.Fragment ? Ar(be) : kr(be), be;
         }
       }
       function Rr(d, R, H) {
@@ -662,7 +662,7 @@ function oo() {
   return bn || (bn = 1, process.env.NODE_ENV === "production" ? yt.exports = no() : yt.exports = ro()), yt.exports;
 }
 var t = oo();
-const so = "2.0.8-alpha.1", qn = "chat_session", io = "user_uttered", ao = "bot_uttered", co = "ehelp_bot_uttered", lo = "bot_reason_uttered";
+const so = "2.0.8-alpha.2", qn = "chat_session", io = "user_uttered", ao = "bot_uttered", co = "ehelp_bot_uttered", lo = "bot_reason_uttered";
 JSON.stringify({
   enabled_agents: ["Alice", "Maria", "Jani"],
   default_active_agent: "Alice"
@@ -723,7 +723,7 @@ const uo = "https://sfchatbot.dataon.com", fo = [
   } catch {
     return Kn(uo);
   }
-}, we = (e, n) => {
+}, _e = (e, n) => {
   var r, o, l;
   return ((r = Object.keys(e || {})) == null ? void 0 : r.length) > 0 ? (l = (o = Object == null ? void 0 : Object.prototype) == null ? void 0 : o.hasOwnProperty) == null ? void 0 : l.call(e, n) : !1;
 }, nt = (e) => {
@@ -731,10 +731,10 @@ const uo = "https://sfchatbot.dataon.com", fo = [
   const n = e == null ? void 0 : e.attachment;
   return {
     text: ((r = Object.keys(e || {})) == null ? void 0 : r.length) > 0 && (e == null ? void 0 : e.type) === "text",
-    upload: we(e, "attachment") && we(n, "type") && (n == null ? void 0 : n.type) === "fileuploader",
+    upload: _e(e, "attachment") && _e(n, "type") && (n == null ? void 0 : n.type) === "fileuploader",
     password: (n == null ? void 0 : n.type) === "show_password_wp",
-    filedownload: we(n, "type") && (n == null ? void 0 : n.type) === "filedownloader",
-    chart: (n == null ? void 0 : n.type) === "charts" && we(n, "chartType")
+    filedownload: _e(n, "type") && (n == null ? void 0 : n.type) === "filedownloader",
+    chart: (n == null ? void 0 : n.type) === "charts" && _e(n, "chartType")
   };
 }, Pn = (e) => {
   var n, r, o, l;
@@ -774,7 +774,7 @@ const uo = "https://sfchatbot.dataon.com", fo = [
   const n = [];
   return e == null || e.forEach((r) => {
     var o;
-    we(r, "chats") ? (o = r == null ? void 0 : r.chats) == null || o.forEach((l) => {
+    _e(r, "chats") ? (o = r == null ? void 0 : r.chats) == null || o.forEach((l) => {
       n.push(l);
     }) : n.push(r);
   }), n;
@@ -782,7 +782,7 @@ const uo = "https://sfchatbot.dataon.com", fo = [
   const n = {}, r = [], o = [];
   e == null || e.forEach((s) => {
     var i;
-    we(s, "chats") ? (i = s == null ? void 0 : s.chats) == null || i.forEach((c) => {
+    _e(s, "chats") ? (i = s == null ? void 0 : s.chats) == null || i.forEach((c) => {
       o == null || o.push(c);
     }) : o == null || o.push(s);
   }), o == null || o.forEach((s, i) => {
@@ -900,7 +900,7 @@ const $e = (e = ".w-wrapper-body") => {
   modelName: f,
   isSF: m
 }) => {
-  const [h, g] = W(!1), [y, _] = W("va"), [v, S] = W(!1), [E, w] = W({}), [x, T] = W(!1), [p, b] = W(!1), [u, C] = W(!1), A = ne(!1), M = z(() => ({
+  const [h, g] = B(!1), [y, _] = B("va"), [v, S] = B(!1), [E, w] = B({}), [x, T] = B(!1), [p, b] = B(!1), [u, C] = B(!1), A = ne(!1), M = G(() => ({
     getStartedPayload: n,
     socketURL: r,
     socketPath: o,
@@ -922,7 +922,7 @@ const $e = (e = ".w-wrapper-body") => {
     a,
     f,
     m
-  ]), D = z(() => Pn(E == null ? void 0 : E.access_token), [E == null ? void 0 : E.access_token]);
+  ]), D = G(() => Pn(E == null ? void 0 : E.access_token), [E == null ? void 0 : E.access_token]);
   return fe(() => {
     w(vo(n));
   }, [n]), fe(() => {
@@ -955,7 +955,7 @@ const $e = (e = ".w-wrapper-body") => {
     }
   );
 }, er = ze({}), jo = () => Ge(er), ko = ({ children: e }) => {
-  const { objInitPayload: n } = de(), [r, o] = W({}), l = () => {
+  const { objInitPayload: n } = de(), [r, o] = B({}), l = () => {
     var i;
     (i = st(
       `${(n == null ? void 0 : n.uriService) || po}optional/translations`
@@ -995,38 +995,38 @@ const $e = (e = ".w-wrapper-body") => {
     s();
   }, [n == null ? void 0 : n.uriService, n == null ? void 0 : n.lang]), /* @__PURE__ */ t.jsx(er.Provider, { value: { langDatas: r }, children: e });
 }, tr = ze({}), ke = () => Ge(tr), Ao = ({ children: e }) => {
-  var Q;
-  const [n, r] = W([]), [o, l] = W(!1), [s, i] = W(!1), [c, a] = W({}), [f, m] = W(!0), [h, g] = W(!1), [y, _] = W(!1), [v, S] = W(!1), [E, w] = W(!1), [x, T] = W(""), [p, b] = W(!1), [u, C] = W(!1), [A, M] = W({}), D = ne(null), B = ne(null), N = ne(null), j = ne(""), U = ne(""), {
-    objInitPayload: X,
+  var q;
+  const [n, r] = B([]), [o, l] = B(!1), [s, i] = B(!1), [c, a] = B({}), [f, m] = B(!0), [h, g] = B(!1), [y, _] = B(!1), [v, S] = B(!1), [E, w] = B(!1), [x, T] = B(""), [p, b] = B(!1), [u, C] = B(!1), [A, M] = B({}), D = ne(null), W = ne(null), N = ne(null), Y = ne(""), k = ne(""), {
+    objInitPayload: U,
     widgetProps: I,
-    setOpenWidget: oe,
-    setFirstOpenWidget: te,
-    isFirstRenderHelpdesk: k,
+    setOpenWidget: re,
+    setFirstOpenWidget: ee,
+    isFirstRenderHelpdesk: j,
     setUserInputHide: L
-  } = de(), J = ($) => {
-    var ae;
-    const Y = we($, "text_feedback_link") && we($, "text");
+  } = de(), Z = (F) => {
+    var se;
+    const V = _e(F, "text_feedback_link") && _e(F, "text");
     r((O) => {
       var Ne, Ae;
-      const Ee = [...Co(O)], ge = Ee[Ee.length - 1], Ce = $.id && $.id !== "" ? $.id : ((Ne = $.metadata) == null ? void 0 : Ne.id) || ((Ae = $.metadata) == null ? void 0 : Ae.message_id) || "";
-      return (ge == null ? void 0 : ge.id) === Ce ? (ge.text = `${(ge == null ? void 0 : ge.text) || ""}${($ == null ? void 0 : $.text) || ""}`, $ != null && $.tag && (ge.tag = $.tag)) : Ee.push({
-        ...$,
+      const Ee = [...Co(O)], ge = Ee[Ee.length - 1], Ce = F.id && F.id !== "" ? F.id : ((Ne = F.metadata) == null ? void 0 : Ne.id) || ((Ae = F.metadata) == null ? void 0 : Ae.message_id) || "";
+      return (ge == null ? void 0 : ge.id) === Ce ? (ge.text = `${(ge == null ? void 0 : ge.text) || ""}${(F == null ? void 0 : F.text) || ""}`, F != null && F.tag && (ge.tag = F.tag)) : Ee.push({
+        ...F,
         id: Ce,
-        ...Y && { type: "text" },
+        ...V && { type: "text" },
         sender: "response"
       }), To(Ee);
-    }), C(!0), m(!1), l(!1), L(((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(!0), m(!1), l(!1), L(((se = F == null ? void 0 : F.metadata) == null ? void 0 : se.userInput) === "hide"), i(!1), D != null && D.current && clearTimeout(D == null ? void 0 : D.current), D.current = setTimeout(() => {
       C(!1);
-    }, 1750), B != null && B.current && clearTimeout(B == null ? void 0 : B.current), B.current = setTimeout(() => {
+    }, 1750), W != null && W.current && clearTimeout(W == null ? void 0 : W.current), W.current = setTimeout(() => {
       m(!0);
     }, 2e3), $e();
-  }, V = ($) => {
-    var Y, ae, O, be, Ee;
-    $ && q({ msg: I == null ? void 0 : I.getStartedPayload }), (Y = N.current) == null || Y.emit("session_request", { session_id: null }), (ae = N.current) == null || ae.on("session_confirm", (ge) => {
-      j.current = ge, jt({ session_id: ge == null ? void 0 : ge.session_id });
-    }), (O = N.current) == null || O.on(ao, J), (be = N.current) == null || be.on(co, (ge) => {
+  }, z = (F) => {
+    var V, se, O, me, Ee;
+    F && P({ msg: I == null ? void 0 : I.getStartedPayload }), (V = N.current) == null || V.emit("session_request", { session_id: null }), (se = N.current) == null || se.on("session_confirm", (ge) => {
+      Y.current = ge, jt({ session_id: ge == null ? void 0 : ge.session_id });
+    }), (O = N.current) == null || O.on(ao, Z), (me = N.current) == null || me.on(co, (ge) => {
       const Ce = JSON.parse(ge || "{}");
-      we(Ce, "iswidget") && w(Ce == null ? void 0 : Ce.iswidget);
+      _e(Ce, "iswidget") && w(Ce == null ? void 0 : Ce.iswidget);
     }), (Ee = N.current) == null || Ee.on(lo, (ge) => {
       try {
         const Ce = typeof ge == "string" ? JSON.parse(ge) : ge, { id: Ne } = Ce || {};
@@ -1045,23 +1045,23 @@ const $e = (e = ".w-wrapper-body") => {
       } catch (Ce) {
         console.error("Error parsing BOT_REASON_UTTERED:", Ce);
       }
-    }), v || S(!0), te(!1);
-  }, q = ({
-    msg: $,
-    additionalConfig: Y = {},
-    isShowLoadingResponse: ae = !0
+    }), v || S(!0), ee(!1);
+  }, P = ({
+    msg: F,
+    additionalConfig: V = {},
+    isShowLoadingResponse: se = !0
   }) => {
     var O;
     (O = N.current) == null || O.emit(io, {
-      customData: { language: X == null ? void 0 : X.lang },
-      message: $,
-      session_id: j == null ? void 0 : j.current,
-      ...Y
-    }), ae ? l(!0) : i(!0);
-  }, ee = ($ = !1) => {
-    var ae, O;
-    N.current && ((ae = N.current) == null || ae.off(), (O = N.current) == null || O.disconnect(), N.current = null), k.current = !1;
-    const Y = Kr(
+      customData: { language: U == null ? void 0 : U.lang },
+      message: F,
+      session_id: Y == null ? void 0 : Y.current,
+      ...V
+    }), se ? l(!0) : i(!0);
+  }, te = (F = !1) => {
+    var se, O;
+    N.current && ((se = N.current) == null || se.off(), (O = N.current) == null || O.disconnect(), N.current = null), j.current = !1;
+    const V = Kr(
       `${Eo(I == null ? void 0 : I.socketURL)}://${Kn(
         I == null ? void 0 : I.socketURL
       )}`,
@@ -1072,27 +1072,27 @@ const $e = (e = ".w-wrapper-body") => {
         reconnectionAttempts: 1
       }
     );
-    Y.on("connect", () => V($)), Y.on("connect_error", (be) => {
+    V.on("connect", () => z(F)), V.on("connect_error", (me) => {
       console.error("connect_error widget-chatbot : ", {
-        err: be,
+        err: me,
         socketURL: I == null ? void 0 : I.socketURL,
         socketPath: I == null ? void 0 : I.widgetProps
       }), S(!1);
-    }), Y.io.on("reconnect", () => {
+    }), V.io.on("reconnect", () => {
       console.error("reconnect widget-chatbot : ", {
         socketURL: I == null ? void 0 : I.socketURL,
         socketPath: I == null ? void 0 : I.widgetProps
       }), S(!1);
-    }), N.current = Y;
-  }, K = () => {
-    var $;
-    (!(($ = N == null ? void 0 : N.current) != null && $.connected) || !v) && (ee(), oe(!1));
-  }, P = () => S(!1);
-  return fe(() => (oe(!1), ee(), window.addEventListener("online", K), window.addEventListener("offline", P), () => {
-    var $, Y;
-    N.current && (($ = N.current) == null || $.off("connect", V), (Y = N.current) == null || Y.disconnect(), N.current = null), window.removeEventListener("online", K), window.removeEventListener("offline", P);
+    }), N.current = V;
+  }, X = () => {
+    var F;
+    (!((F = N == null ? void 0 : N.current) != null && F.connected) || !v) && (te(), re(!1));
+  }, J = () => S(!1);
+  return fe(() => (re(!1), te(), window.addEventListener("online", X), window.addEventListener("offline", J), () => {
+    var F, V;
+    N.current && ((F = N.current) == null || F.off("connect", z), (V = N.current) == null || V.disconnect(), N.current = null), window.removeEventListener("online", X), window.removeEventListener("offline", J);
   }), [
-    JSON.stringify(X || {}),
+    JSON.stringify(U || {}),
     I == null ? void 0 : I.socketURL,
     I == null ? void 0 : I.socketPath
   ]), /* @__PURE__ */ t.jsx(
@@ -1101,17 +1101,17 @@ const $e = (e = ".w-wrapper-body") => {
       value: {
         setChats: r,
         chats: n,
-        onSendMsg: q,
+        onSendMsg: P,
         isWaitResponse: o,
         socket: N == null ? void 0 : N.current,
-        sessionId: (Q = j == null ? void 0 : j.current) == null ? void 0 : Q.session_id,
+        sessionId: (q = Y == null ? void 0 : Y.current) == null ? void 0 : q.session_id,
         loadingRegenerate: s,
         file: c,
         setFile: a,
         connected: v,
         isHandshakeWidget: E,
-        createSocket: ee,
-        currRegenerateId: U,
+        createSocket: te,
+        currRegenerateId: k,
         thinkingText: x,
         setThinkingText: T,
         isThinkingCompleted: p,
@@ -1411,13 +1411,13 @@ const $e = (e = ".w-wrapper-body") => {
     boxShadow: "inset 5px 0 0 #f7d87c",
     zIndex: "0"
   }
-}, Do = (e) => e.replace(/[^a-zA-Z0-9_]/g, "").trim(), F = (e = "", n) => {
+}, Do = (e) => e.replace(/[^a-zA-Z0-9_]/g, "").trim(), $ = (e = "", n) => {
   var i;
   const { langDatas: r } = jo(), o = localStorage == null ? void 0 : localStorage.getItem("show_text_id"), l = Do(String(e)), s = (r == null ? void 0 : r[l == null ? void 0 : l.toUpperCase()]) || n;
   return ((i = Object.keys(r || {})) == null ? void 0 : i.length) > 0 ? o ? `WPUI_${l}` : s : n;
 }, Oo = ({ isFeedback: e = !1, open: n, ...r }) => {
   var l;
-  const o = z(() => e ? "w-modal-container-feedback" : "", [e]);
+  const o = G(() => e ? "w-modal-container-feedback" : "", [e]);
   return rt != null && rt.startsWith("5") ? /* @__PURE__ */ t.jsx(
     gn,
     {
@@ -1464,8 +1464,8 @@ const $e = (e = ".w-wrapper-body") => {
       }
     )
   );
-}, nr = G(Oo), Lo = ({ childrenData: e, children: n, tag: r, reason: o }) => {
-  const l = F("ThinkProcess", "Think Process"), i = [{ type: "text", value: typeof e == "string" ? e : "" }], c = typeof o == "string" ? o.replace(/\s+/g, " ").trim() : "", a = c.length > 0;
+}, nr = K(Oo), Lo = ({ childrenData: e, children: n, tag: r, reason: o }) => {
+  const l = $("ThinkProcess", "Think Process"), i = [{ type: "text", value: typeof e == "string" ? e : "" }], c = typeof o == "string" ? o.replace(/\s+/g, " ").trim() : "", a = c.length > 0;
   return /* @__PURE__ */ t.jsxs("div", { children: [
     a && /* @__PURE__ */ t.jsx(
       pn,
@@ -1478,7 +1478,7 @@ const $e = (e = ".w-wrapper-body") => {
           pn.Panel,
           {
             header: /* @__PURE__ */ t.jsx(
-              ie.Paragraph,
+              ae.Paragraph,
               {
                 style: {
                   maxWidth: 180,
@@ -1491,7 +1491,7 @@ const $e = (e = ".w-wrapper-body") => {
               }
             ),
             children: /* @__PURE__ */ t.jsx(
-              ie.Paragraph,
+              ae.Paragraph,
               {
                 style: {
                   fontSize: 12,
@@ -1509,7 +1509,7 @@ const $e = (e = ".w-wrapper-body") => {
     ),
     i.map((f, m) => /* @__PURE__ */ t.jsx(Et, { children: n(f.value, "text") }, m))
   ] });
-}, Mo = G(Lo), Sn = ({ props: e, isModal: n = !1 }) => {
+}, Mo = K(Lo), Sn = ({ props: e, isModal: n = !1 }) => {
   const r = (o, l) => {
     var s;
     return (s = Nr) == null ? void 0 : s.map(o, (i) => {
@@ -1552,10 +1552,10 @@ const $e = (e = ".w-wrapper-body") => {
     }
   ) }) }) });
 }, No = ({ children: e, tag: n, reason: r }) => {
-  const o = F(
+  const o = $(
     "OpenDetailTable",
     "Open Detail Table"
-  ), l = F("TableDetail", "Tabel Detail"), { widgetProps: s, objInitPayload: i } = de(), [c, a] = W(!1);
+  ), l = $("TableDetail", "Tabel Detail"), { widgetProps: s, objInitPayload: i } = de(), [c, a] = B(!1);
   return /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(Mo, { childrenData: e, tag: n, reason: r, children: (f, m) => /* @__PURE__ */ t.jsx(
     Pr,
     {
@@ -1620,7 +1620,7 @@ const $e = (e = ".w-wrapper-body") => {
               PreTag: "div",
               children: String(g).replace(/\n$/, "")
             }
-          ) : /* @__PURE__ */ t.jsx(ie.Text, { code: !0, children: g });
+          ) : /* @__PURE__ */ t.jsx(ae.Text, { code: !0, children: g });
         },
         a: (h) => {
           var S;
@@ -1644,7 +1644,7 @@ const $e = (e = ".w-wrapper-body") => {
       children: f
     }
   ) }) });
-}, rr = G(No), Fo = () => /* @__PURE__ */ t.jsxs(
+}, rr = K(No), Fo = () => /* @__PURE__ */ t.jsxs(
   "svg",
   {
     width: "24",
@@ -1972,7 +1972,7 @@ 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 = G(() => ({
     minimize: Io,
     expand: $o,
     send: Uo,
@@ -1997,7 +1997,7 @@ const $e = (e = ".w-wrapper-body") => {
   }), [e, n, r]);
   return /* @__PURE__ */ t.jsx(Zr, { component: o == null ? void 0 : o[e], ...r });
 }, or = ze({}), Ue = () => Ge(or), rs = ({ children: e }) => {
-  const [n, r] = W("va"), o = z(() => n === "va", [n]);
+  const [n, r] = B("va"), o = G(() => n === "va", [n]);
   return /* @__PURE__ */ t.jsx(
     or.Provider,
     {
@@ -2010,27 +2010,27 @@ const $e = (e = ".w-wrapper-body") => {
     }
   );
 }, os = ({ ...e }) => {
-  const n = F(
+  const n = $(
     "WeLoveToHearAboutYourExperienceWithTheSunfishChatbot",
     "We'd love to hear about your experience with the Sunfish chatbot"
-  ), r = F(
+  ), r = $(
     "ShareAnyCommentsOrSuggestionsToHelpUsImprove",
     "Share any comments or suggestions to help us improve"
-  ), o = F("Submit", "Submit"), l = F(
+  ), o = $("Submit", "Submit"), l = $(
     "ThankFeedback",
     "Thank You for your feedback"
-  ), s = F(
+  ), s = $(
     "AdditionalFeedback",
     "Additional Feedback"
-  ), [i] = Se.useForm(), [c, a] = W(!1), [f, m] = W(""), { setChats: h } = ke(), { objInitPayload: g, isUserInputHide: y } = de(), { activeTab: _ } = Ue(), v = z(() => {
+  ), [i] = we.useForm(), [c, a] = B(!1), [f, m] = B(""), { setChats: h } = ke(), { objInitPayload: g, isUserInputHide: y } = de(), { activeTab: _ } = Ue(), v = G(() => {
     var T;
-    const x = we(e, "feedback") ? (e == null ? void 0 : e.feedback) === "like" || (e == null ? void 0 : e.feedback) === "" : !0;
+    const x = _e(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" && ((T = e == null ? void 0 : e.text_thumbsup_link) == null ? void 0 : T.trim()) !== "" && x;
-  }, [e]), S = z(() => {
+  }, [e]), S = G(() => {
     var T;
-    const x = we(e, "feedback") ? (e == null ? void 0 : e.feedback) === "dislike" || (e == null ? void 0 : e.feedback) === "" : !0;
+    const x = _e(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" && ((T = e == null ? void 0 : e.text_thumbsdown_link) == null ? void 0 : T.trim()) !== "" && x;
-  }, [e]), E = z(() => {
+  }, [e]), E = G(() => {
     if (g != null && g.uriBackend)
       try {
         return new URL(g.uriBackend).origin;
@@ -2039,7 +2039,7 @@ const $e = (e = ".w-wrapper-body") => {
       }
     return "";
   }, [g == null ? void 0 : g.uriBackend]), w = (x) => {
-    var B;
+    var W;
     const T = x === "like" ? e == null ? void 0 : e.text_thumbsup_link : e == null ? void 0 : e.text_thumbsdown_link, {
       access_token: p = "",
       companycode: b = "",
@@ -2048,7 +2048,7 @@ const $e = (e = ".w-wrapper-body") => {
       uriBackendEnt: A = "",
       lang: M = ""
     } = g || {}, D = f === "another" ? i == null ? void 0 : i.getFieldValue("additional_feedback") : f;
-    (B = st({
+    (W = st({
       method: "POST",
       url: T,
       data: {
@@ -2069,41 +2069,41 @@ const $e = (e = ".w-wrapper-body") => {
         "Acc-Name": `${b.toUpperCase()}`,
         Language: `${M}`
       }
-    })) == null || B.then((N) => {
-      var j, U, X;
-      (N == null ? void 0 : N.status) === 200 && (c && a(!1), (j = _e) == null || j.destroy(), (U = _e) == null || U.config({
+    })) == null || W.then((N) => {
+      var Y, k, U;
+      (N == null ? void 0 : N.status) === 200 && (c && a(!1), (Y = Se) == null || Y.destroy(), (k = Se) == null || k.config({
         getContainer: () => document.querySelector(".w-widget-content-container"),
         top: 28,
         placement: "top",
         duration: 3
-      }), (X = _e) == null || X.success({
+      }), (U = Se) == null || U.success({
         message: l,
         className: "w-notification-content"
       }), h((I) => {
-        var oe;
-        return (oe = I == null ? void 0 : I.map((te) => {
+        var re;
+        return (re = I == null ? void 0 : I.map((ee) => {
           var L;
-          if (we(te, "chats")) {
-            const J = (L = te == null ? void 0 : te.chats) == null ? void 0 : L.map((V) => (V == null ? void 0 : V.indexChat) === (e == null ? void 0 : e.indexChat) ? {
-              ...V,
+          if (_e(ee, "chats")) {
+            const Z = (L = ee == null ? void 0 : ee.chats) == null ? void 0 : L.map((z) => (z == null ? void 0 : z.indexChat) === (e == null ? void 0 : e.indexChat) ? {
+              ...z,
               feedback: x
-            } : V);
+            } : z);
             return {
-              ...te,
-              chats: J
+              ...ee,
+              chats: Z
             };
           }
-          return (e == null ? void 0 : e.id) === (te == null ? void 0 : te.id) ? {
-            ...te,
+          return (e == null ? void 0 : e.id) === (ee == null ? void 0 : ee.id) ? {
+            ...ee,
             feedback: x
-          } : te;
-        })) == null ? void 0 : oe.flat();
+          } : ee;
+        })) == null ? void 0 : re.flat();
       }));
     });
   };
   return fe(() => {
     var x;
-    (x = _e) == null || x.destroy();
+    (x = Se) == null || x.destroy();
   }, [_]), y ? null : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     v && /* @__PURE__ */ t.jsx(
       ue,
@@ -2156,13 +2156,13 @@ const $e = (e = ".w-wrapper-body") => {
           ),
           f === "another" && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
             /* @__PURE__ */ t.jsx(Wr, { children: s }),
-            /* @__PURE__ */ t.jsx(Se, { form: i, layout: "vertical", children: /* @__PURE__ */ t.jsx(Se.Item, { name: "additional_feedback", children: /* @__PURE__ */ t.jsx(pt.TextArea, { rows: 3 }) }) })
+            /* @__PURE__ */ t.jsx(we, { form: i, layout: "vertical", children: /* @__PURE__ */ t.jsx(we.Item, { name: "additional_feedback", children: /* @__PURE__ */ t.jsx(pt.TextArea, { rows: 3 }) }) })
           ] })
         ]
       }
     )
   ] });
-}, ss = G(os), is = ({
+}, ss = K(os), is = ({
   showFeedback: e = !0,
   showRegenerate: n = !0,
   position: r = "left",
@@ -2176,7 +2176,7 @@ const $e = (e = ".w-wrapper-body") => {
     setChats: f,
     loadingRegenerate: m,
     currRegenerateId: h
-  } = ke(), g = z(() => o == null ? void 0 : o.sender, [o]), y = z(() => c == null ? void 0 : c.filter((w) => (w == null ? void 0 : w.sender) === "client"), [c]), _ = z(() => n && g === "response" && (y == null ? void 0 : y.length) > 0 && (o == null ? void 0 : o.indexChat) === (c == null ? void 0 : c.length) - 1 && (o == null ? void 0 : o.text_FeedbackIcons) === "hidup", [g, y, c, o, n]), v = z(() => {
+  } = ke(), g = G(() => o == null ? void 0 : o.sender, [o]), y = G(() => c == null ? void 0 : c.filter((w) => (w == null ? void 0 : w.sender) === "client"), [c]), _ = G(() => n && g === "response" && (y == null ? void 0 : y.length) > 0 && (o == null ? void 0 : o.indexChat) === (c == null ? void 0 : c.length) - 1 && (o == null ? void 0 : o.text_FeedbackIcons) === "hidup", [g, y, c, o, n]), v = G(() => {
     switch (r) {
       case "left":
         return "flex-start";
@@ -2185,7 +2185,7 @@ 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]), E = () => {
+  }, [r]), S = G(() => e && (o == null ? void 0 : o.text_FeedbackIcons) === "hidup", [o, e]), E = () => {
     if (!s) return;
     i(!1);
     const w = y == null ? void 0 : y[(y == null ? void 0 : y.length) - 1], x = c == null ? void 0 : c[(c == null ? void 0 : c.length) - 1];
@@ -2226,7 +2226,7 @@ const $e = (e = ".w-wrapper-body") => {
       ]
     }
   ) });
-}, zt = G(is), as = ({ nameFallback: e = "", ...n }) => /* @__PURE__ */ t.jsx(
+}, zt = K(is), as = ({ nameFallback: e = "", ...n }) => /* @__PURE__ */ t.jsx(
   Br,
   {
     ...typeof (n == null ? void 0 : n.onError) != "function" && {
@@ -2236,7 +2236,7 @@ const $e = (e = ".w-wrapper-body") => {
     loading: "lazy",
     ...n
   }
-), en = G(as), cs = ({ nameFallback: e = "", ...n }) => {
+), en = K(as), cs = ({ nameFallback: e = "", ...n }) => {
   const r = ne(0);
   return /* @__PURE__ */ t.jsx(
     Yn,
@@ -2256,7 +2256,7 @@ const $e = (e = ".w-wrapper-body") => {
       )
     }
   );
-}, Ve = G(cs);
+}, Ve = K(cs);
 Ve.Group = Yn.Group;
 const tt = [
   { label: "Thinking..", duration: 3e3 },
@@ -2266,7 +2266,7 @@ const tt = [
   { label: "Almost there..", duration: 1 / 0 }
 ], ls = ({ isLoading: e = !0, onPhaseChange: n }) => {
   var m;
-  const [r, o] = W(0), [l, s] = W(!1), i = ne(null), c = ne(null), a = ne(0);
+  const [r, o] = B(0), [l, s] = B(!1), i = ne(null), c = ne(null), a = ne(0);
   if (fe(() => {
     const h = () => {
       c.current && (clearInterval(c.current), c.current = null);
@@ -2292,7 +2292,7 @@ const tt = [
   }, [e, n]), !e) return null;
   const f = ((m = tt[r]) == null ? void 0 : m.label) || "Thinking..";
   return /* @__PURE__ */ t.jsx("span", { className: `dynamic-loading-label ${l ? "transitioning" : ""}`, children: f });
-}, us = G(ls), ds = ({ showLabel: e = !1, isLoading: n = !0, onPhaseChange: r }) => /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 4 }, children: [
+}, us = K(ls), ds = ({ showLabel: e = !1, isLoading: n = !0, onPhaseChange: r }) => /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 4 }, children: [
   /* @__PURE__ */ t.jsxs("div", { className: "lds-ellipsis", children: [
     /* @__PURE__ */ t.jsx("div", {}),
     /* @__PURE__ */ t.jsx("div", {}),
@@ -2300,18 +2300,18 @@ const tt = [
     /* @__PURE__ */ t.jsx("div", {})
   ] }),
   e && /* @__PURE__ */ t.jsx(us, { isLoading: n, onPhaseChange: r })
-] }), sr = G(ds), fs = () => {
+] }), sr = K(ds), fs = () => {
   const { widgetProps: e } = de(), { connected: n } = ke();
   return /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
     /* @__PURE__ */ t.jsx(Ve, { src: wt, nameFallback: e == null ? void 0 : e.title }),
     /* @__PURE__ */ t.jsx(sr, { showLabel: n, isLoading: !0 })
   ] });
-}, tn = G(fs), gs = ({ src: e, name: n }) => /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
+}, tn = K(fs), gs = ({ src: e, name: n }) => /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
   /* @__PURE__ */ t.jsx(Ve, { src: e, preview: !1, nameFallback: n }),
-  /* @__PURE__ */ t.jsx(ie.Text, { children: n })
-] }), ht = G(gs), ps = ({ ...e }) => {
+  /* @__PURE__ */ t.jsx(ae.Text, { children: n })
+] }), ht = K(gs), ps = ({ ...e }) => {
   var m, h;
-  const [n, r] = W(1), { loadingRegenerate: o, currRegenerateId: l } = ke(), { isExpand: s, widgetProps: i } = de(), c = z(() => e == null ? void 0 : e.sender, [e]), a = z(() => e == null ? void 0 : e.chats, [e == null ? void 0 : e.chats]), f = z(() => {
+  const [n, r] = B(1), { loadingRegenerate: o, currRegenerateId: l } = ke(), { isExpand: s, widgetProps: i } = de(), c = G(() => e == null ? void 0 : e.sender, [e]), a = G(() => e == null ? void 0 : e.chats, [e == null ? void 0 : e.chats]), f = G(() => {
     const g = a == null ? void 0 : a[(a == null ? void 0 : a.length) - 1];
     return (g == null ? void 0 : g.generated_id) === l.current;
   }, [a, e, l.current]);
@@ -2385,7 +2385,7 @@ const tt = [
             }
           }
         ),
-        /* @__PURE__ */ t.jsxs(ie.Text, { children: [
+        /* @__PURE__ */ t.jsxs(ae.Text, { children: [
           n,
           " / ",
           (m = e == null ? void 0 : e.chats) == null ? void 0 : m.length
@@ -2406,10 +2406,10 @@ const tt = [
       ] })
     ] })
   ] });
-}, hs = G(ps), xs = ({ date: e, format: n, sender: r, ...o }) => {
+}, hs = K(ps), xs = ({ date: e, format: n, sender: r, ...o }) => {
   var l, s;
   return /* @__PURE__ */ t.jsx(
-    ie.Text,
+    ae.Text,
     {
       ...o,
       type: "secondary",
@@ -2426,12 +2426,12 @@ const tt = [
       children: n ? (s = je(e)) == null ? void 0 : s.format(n) : e
     }
   );
-}, xt = G(xs), ms = ({ showResponseInfo: e = !0, ...n }) => {
+}, xt = K(xs), ms = ({ showResponseInfo: e = !0, ...n }) => {
   var m;
-  const { loadingRegenerate: r, chats: o, reasonMap: l } = ke(), { widgetProps: s } = de(), i = z(
+  const { loadingRegenerate: r, chats: o, reasonMap: l } = ke(), { widgetProps: s } = de(), i = G(
     () => (o == null ? void 0 : o.length) - 1 === (n == null ? void 0 : n.indexChat),
     [o]
-  ), c = z(() => n == null ? void 0 : n.sender, [n]), a = z(() => ((n == null ? void 0 : n.id) || "").split("|")[0], [n]), f = z(() => l == null ? void 0 : l[a], [l, a, n]);
+  ), c = G(() => n == null ? void 0 : n.sender, [n]), a = G(() => ((n == null ? void 0 : n.id) || "").split("|")[0], [n]), f = G(() => l == null ? void 0 : l[a], [l, a, n]);
   return ((m = n == null ? void 0 : n.chats) == null ? void 0 : m.length) > 0 ? /* @__PURE__ */ t.jsx(hs, { ...n }) : r && i ? /* @__PURE__ */ t.jsx(tn, {}) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     c === "response" && e && /* @__PURE__ */ t.jsx(ht, { name: s == null ? void 0 : s.title, src: wt }),
     /* @__PURE__ */ t.jsxs("div", { className: `w-bubble-chat ${`w-${c}`}`, children: [
@@ -2448,17 +2448,17 @@ const tt = [
     ] }),
     /* @__PURE__ */ t.jsx(zt, { ...n })
   ] });
-}, ft = G(ms), ys = () => {
-  const e = F(
+}, ft = K(ms), ys = () => {
+  const e = $(
     "PleaseUploadFile",
     "Please upload specify file that needed to complete your request"
-  ), n = F("ClickToUpload", "Click to upload"), r = F(
+  ), n = $("ClickToUpload", "Click to upload"), r = $(
     "ContinueWithoutUpload",
     "Continue without upload"
-  ), o = F(
+  ), o = $(
     "UploadRequired",
     "Upload is required for this request"
-  ), { onSendMsg: l, setFile: s, isLoadingUpload: i, isShowUpload: c, setShowUpload: a, chats: f } = ke(), m = z(() => {
+  ), { onSendMsg: l, setFile: s, isLoadingUpload: i, isShowUpload: c, setShowUpload: a, chats: f } = ke(), m = G(() => {
     var y;
     const g = f == null ? void 0 : f[(f == null ? void 0 : f.length) - 1];
     return ((y = g == null ? void 0 : g.attachment) == null ? void 0 : y.is_required) === !0;
@@ -2519,80 +2519,80 @@ const tt = [
       ]
     }
   );
-}, vs = G(ys), bs = () => {
-  const [e, n] = W(!1), [r, o] = W(!1), [l, s] = W(!1), [i, c] = W(3), [a, f] = W(!1), [m, h] = W(""), { widgetProps: g } = de(), { onSendMsg: y, chats: _ } = ke(), { onSubmitPYPwd: v = () => {
+}, vs = K(ys), bs = () => {
+  const [e, n] = B(!1), [r, o] = B(!1), [l, s] = B(!1), [i, c] = B(3), [a, f] = B(!1), [m, h] = B(""), { widgetProps: g } = de(), { onSendMsg: y, chats: _ } = ke(), { onSubmitPYPwd: v = () => {
   }, onCheckPYAccess: S = () => {
-  } } = (g == null ? void 0 : g.onPayslipFn) || {}, E = F(
+  } } = (g == null ? void 0 : g.onPayslipFn) || {}, E = $(
     "ProvidePasswordPayslip",
     "Please provide your password account to access the download"
-  ), w = F("Cancel", "Cancel"), x = F("Submit", "Submit"), T = F("Password", "Password"), p = F("IsRequired", "Is Required"), b = F(
+  ), w = $("Cancel", "Cancel"), x = $("Submit", "Submit"), T = $("Password", "Password"), p = $("IsRequired", "Is Required"), b = $(
     "PrepareTheFiles",
     "Prepare the files"
-  ), u = F(
+  ), u = $(
     "AttemptPasswordExceeded",
     "Your attempt to enter the password exceeded the limit"
-  ), C = F(
+  ), C = $(
     "VerifyAccessPayslip",
     "Please wait, verifying access to your payslip"
-  ), A = F(
+  ), A = $(
     "WrongPwdPayslip",
     "The password you entered is incorrect. Please try again or contact support if you need assistance"
-  ), M = F(
+  ), M = $(
     "SessionExpired",
     "Session expired. Please log in again to continue"
-  ), [D] = Se.useForm(), B = () => {
-    var U, X, I;
-    s(!0), f(!0), (I = (X = (U = S()) == null ? void 0 : U.then((oe) => {
-      var k, L;
-      const te = (L = (k = oe == null ? void 0 : oe.data) == null ? void 0 : k.DATA) == null ? void 0 : L.RESULT;
-      te && y({ msg: "Valid" }), n(te), h("");
-    })) == null ? void 0 : X.catch((oe) => {
-      h(oe == null ? void 0 : oe.toString());
+  ), [D] = we.useForm(), W = () => {
+    var k, U, I;
+    s(!0), f(!0), (I = (U = (k = S()) == null ? void 0 : k.then((re) => {
+      var j, L;
+      const ee = (L = (j = re == null ? void 0 : re.data) == null ? void 0 : j.DATA) == null ? void 0 : L.RESULT;
+      ee && y({ msg: "Valid" }), n(ee), h("");
+    })) == null ? void 0 : U.catch((re) => {
+      h(re == null ? void 0 : re.toString());
     })) == null || I.finally(() => {
       o(!1), f(!1);
     });
   }, N = () => {
     y({ msg: "cancel" }), s(!1);
-  }, j = () => {
-    var X;
-    const U = D == null ? void 0 : D.getFieldValue("pwd");
-    (X = D == null ? void 0 : D.validateFields()) == null || X.then(() => {
-      var I, oe;
-      o(!0), (oe = (I = v(U)) == null ? void 0 : I.then(({ data: te }) => {
-        var k;
-        if ((k = te == null ? void 0 : te.DATA) != null && k.ISVALID)
-          B();
+  }, Y = () => {
+    var U;
+    const k = D == null ? void 0 : D.getFieldValue("pwd");
+    (U = D == null ? void 0 : D.validateFields()) == null || U.then(() => {
+      var I, re;
+      o(!0), (re = (I = v(k)) == null ? void 0 : I.then(({ data: ee }) => {
+        var j;
+        if ((j = ee == null ? void 0 : ee.DATA) != null && j.ISVALID)
+          W();
         else {
           h(A);
           const L = i - 1;
           c(L), o(!1), L === 0 && y({ msg: "cancel" });
         }
-      })) == null || oe.catch((te) => {
-        var L, J, V, q, ee;
-        const k = te == null ? void 0 : te.response;
-        if ((k == null ? void 0 : k.status) === 401) {
-          const K = (J = (L = k == null ? void 0 : k.data) == null ? void 0 : L.ERRORS) == null ? void 0 : J.includes(
+      })) == null || re.catch((ee) => {
+        var L, Z, z, P, te;
+        const j = ee == null ? void 0 : ee.response;
+        if ((j == null ? void 0 : j.status) === 401) {
+          const X = (Z = (L = j == null ? void 0 : j.data) == null ? void 0 : L.ERRORS) == null ? void 0 : Z.includes(
             "ACCESS_TOKEN_EXPIRED"
-          ), P = (ee = (q = (V = k == null ? void 0 : k.data) == null ? void 0 : V.MESSAGE) == null ? void 0 : q.toLowerCase()) == null ? void 0 : ee.includes(
+          ), J = (te = (P = (z = j == null ? void 0 : j.data) == null ? void 0 : z.MESSAGE) == null ? void 0 : P.toLowerCase()) == null ? void 0 : te.includes(
             "invalid password"
           );
-          if (K)
+          if (X)
             h(M);
-          else if (P) {
+          else if (J) {
             h(A);
-            const Q = i - 1;
-            c(Q), o(!1), Q === 0 && y({ msg: "cancel" });
+            const q = i - 1;
+            c(q), o(!1), q === 0 && y({ msg: "cancel" });
           }
         } else
-          h(te == null ? void 0 : te.toString());
+          h(ee == null ? void 0 : ee.toString());
         o(!1);
       });
     });
   };
   return fe(() => {
-    var X;
-    const U = _ == null ? void 0 : _[(_ == null ? void 0 : _.length) - 1];
-    ((X = U == null ? void 0 : U.attachment) == null ? void 0 : X.type) === "show_password_wp" && B();
+    var U;
+    const k = _ == null ? void 0 : _[(_ == null ? void 0 : _.length) - 1];
+    ((U = k == null ? void 0 : k.attachment) == null ? void 0 : U.type) === "show_password_wp" && W();
   }, [i]), l ? a ? /* @__PURE__ */ t.jsx(
     ft,
     {
@@ -2613,16 +2613,16 @@ const tt = [
       style: { display: "flex", flexDirection: "column" },
       className: "w-bubble-chat",
       children: /* @__PURE__ */ t.jsxs(
-        Se,
+        we,
         {
           form: D,
           layout: "vertical",
           style: { display: "flex", flexDirection: "column", gap: 8 },
           children: [
-            /* @__PURE__ */ t.jsx(ie.Text, { children: e ? `${b}...` : E }),
+            /* @__PURE__ */ t.jsx(ae.Text, { children: e ? `${b}...` : E }),
             !e && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
               /* @__PURE__ */ t.jsx(
-                Se.Item,
+                we.Item,
                 {
                   name: "pwd",
                   rules: [
@@ -2640,7 +2640,7 @@ const tt = [
                   ue,
                   {
                     type: "primary",
-                    onClick: j,
+                    onClick: Y,
                     loading: r,
                     htmlType: "submit",
                     children: x
@@ -2653,9 +2653,9 @@ const tt = [
       )
     }
   ) : null;
-}, Cs = G(bs), Ts = ({ ...e }) => {
+}, Cs = K(bs), Ts = ({ ...e }) => {
   var c;
-  const { objInitPayload: n } = de(), [r, o] = W(!1), l = F("Error", "Error"), s = z(() => Pn(n == null ? void 0 : n.access_token), [n]), i = () => {
+  const { objInitPayload: n } = de(), [r, o] = B(!1), l = $("Error", "Error"), s = G(() => Pn(n == null ? void 0 : n.access_token), [n]), i = () => {
     var f, m, h, g;
     o(!0);
     const a = e == null ? void 0 : e.attachment;
@@ -2678,11 +2678,11 @@ const tt = [
     })) == null ? void 0 : h.catch((y) => {
       var v, S, E;
       const _ = y == null ? void 0 : y.message;
-      (v = _e) == null || v.destroy(), (S = _e) == null || S.config({
+      (v = Se) == null || v.destroy(), (S = Se) == null || S.config({
         getContainer: () => document.querySelector(".w-widget-content-container"),
         top: 28,
         placement: "top"
-      }), (E = _e) == null || E.error({
+      }), (E = Se) == null || E.error({
         message: l,
         description: _,
         className: "w-notification-content",
@@ -2699,7 +2699,7 @@ const tt = [
       onClick: i,
       style: { cursor: "pointer" },
       children: /* @__PURE__ */ t.jsxs(Yr, { spinning: r, children: [
-        /* @__PURE__ */ t.jsx(ie.Link, { children: (c = e == null ? void 0 : e.attachment) == null ? void 0 : c.filename }),
+        /* @__PURE__ */ t.jsx(ae.Link, { children: (c = e == null ? void 0 : e.attachment) == null ? void 0 : c.filename }),
         /* @__PURE__ */ t.jsx(
           ue,
           {
@@ -2716,8 +2716,8 @@ const tt = [
       ] })
     }
   );
-}, Es = G(Ts), Ss = ({ ...e }) => {
-  const n = ne(), r = F("DownloadChart", "Download Chart"), o = z(() => e == null ? void 0 : e.attachment, [e == null ? void 0 : e.attachment]), l = z(() => {
+}, Es = K(Ts), Ss = ({ ...e }) => {
+  const n = ne(), r = $("DownloadChart", "Download Chart"), o = G(() => e == null ? void 0 : e.attachment, [e == null ? void 0 : e.attachment]), l = G(() => {
     var i;
     return (i = o == null ? void 0 : o.data) == null ? void 0 : i.map((c, a) => {
       var f, m;
@@ -2766,7 +2766,7 @@ const tt = [
       }
     ) })
   ] });
-}, ws = G(Ss), _s = ({ ...e }) => {
+}, ws = K(Ss), _s = ({ ...e }) => {
   var n, r, o, l, s;
   switch (!0) {
     case ((n = nt(e)) == null ? void 0 : n.text):
@@ -2782,7 +2782,7 @@ const tt = [
     default:
       return null;
   }
-}, js = G(_s), ks = () => {
+}, js = K(_s), ks = () => {
   const { isOpenWidget: e, widgetProps: n } = de(), { chats: r, isWaitResponse: o } = ke(), { activeTab: l } = Ue();
   return fe(() => {
     $e();
@@ -2803,8 +2803,8 @@ const tt = [
     }) }),
     o && /* @__PURE__ */ t.jsx(tn, {})
   ] }) : null;
-}, As = G(ks), ir = () => {
-  const { objInitPayload: e, setObjInitPayload: n, parsedJWT: r } = de(), o = z(() => {
+}, As = K(ks), ir = () => {
+  const { objInitPayload: e, setObjInitPayload: n, parsedJWT: r } = de(), o = G(() => {
     var s;
     return {
       Authorization: `Bearer ${e == null ? void 0 : e.access_token}`,
@@ -2903,11 +2903,11 @@ const tt = [
     e != null && e.current && ((c = e == null ? void 0 : e.current) == null || c.abort(), e.current = new AbortController());
   }, fe(() => () => s.abort(), []), s;
 }, Rs = () => {
-  var N;
-  const e = F(
+  var Y;
+  const e = $(
     "ContinueWithoutUpload",
     "Continue without Upload"
-  ), n = F(
+  ), n = $(
     "UploadRequired",
     "Upload is required for this request"
   ), {
@@ -2924,56 +2924,72 @@ const tt = [
     setShowUpload: g,
     isLoadingUpload: y,
     setLoadingUpload: _
-  } = ke(), { isUserInputHide: v } = de(), { isActiveTabVA: S } = Ue(), E = z(() => {
+  } = ke(), { isUserInputHide: v } = de(), { isActiveTabVA: S } = Ue(), E = G(() => {
     var U;
-    const j = a == null ? void 0 : a[(a == null ? void 0 : a.length) - 1];
-    return (j == null ? void 0 : j.sender) === "response" && ((U = j == null ? void 0 : j.attachment) == null ? void 0 : U.type) === "fileuploader";
-  }, [a]), w = z(() => {
+    const k = a == null ? void 0 : a[(a == null ? void 0 : a.length) - 1];
+    return (k == null ? void 0 : k.sender) === "response" && ((U = k == null ? void 0 : k.attachment) == null ? void 0 : U.type) === "fileuploader";
+  }, [a]), w = G(() => {
     var U;
-    const j = a == null ? void 0 : a[(a == null ? void 0 : a.length) - 1];
-    return ((U = j == null ? void 0 : j.attachment) == null ? void 0 : U.is_required) === !0;
-  }, [a]), x = ne(), [T, p] = W(!1), [b, u] = W(!1), C = z(() => l || !b, [b, l]), A = mt(), M = () => {
-    var J, V, q, ee;
+    const k = a == null ? void 0 : a[(a == null ? void 0 : a.length) - 1];
+    return ((U = k == null ? void 0 : k.attachment) == null ? void 0 : U.is_required) === !0;
+  }, [a]), x = ne(), [T, p] = B(!1), [b, u] = B(!1), C = G(() => l || !b, [b, l]), A = mt(), M = (k, U) => {
+    var I, re, ee;
+    (I = Se) == null || I.destroy(), (re = Se) == null || re.config({
+      getContainer: () => document.querySelector(".w-widget-content-container"),
+      top: 28,
+      placement: "top",
+      duration: 3
+    }), (ee = Se) == null || ee[k]({
+      message: U,
+      className: "w-notification-content"
+    });
+  }, D = () => {
+    var z, P, te, X, J;
     _(!0);
-    const j = new FormData(), U = a == null ? void 0 : a[(a == null ? void 0 : a.length) - 1], I = `${((J = U == null ? void 0 : U.attachment) == null ? void 0 : J.prefix) || "WP"}-${+/* @__PURE__ */ new Date()}`, oe = /* @__PURE__ */ new Date(), te = oe.getFullYear(), k = String(oe.getMonth() + 1).padStart(2, "0"), L = `${te}/${k}`;
-    j.append("file", i), j == null || j.append("rename", I), j == null || j.append("action", "UPLOAD"), j == null || j.append("filefield", I), j == null || j.append("method", "eligible"), j == null || j.append("hash", !1), j == null || j.append("subFolder", L), j == null || j.append("code", (V = U == null ? void 0 : U.attachment) == null ? void 0 : V.code), (ee = (q = A({
+    const k = new FormData(), U = a == null ? void 0 : a[(a == null ? void 0 : a.length) - 1], re = `${((z = U == null ? void 0 : U.attachment) == null ? void 0 : z.prefix) || "WP"}-${+/* @__PURE__ */ new Date()}`, ee = /* @__PURE__ */ new Date(), j = ee.getFullYear(), L = String(ee.getMonth() + 1).padStart(2, "0"), Z = `${j}/${L}`;
+    k.append("file", i), k == null || k.append("rename", re), k == null || k.append("action", "UPLOAD"), k == null || k.append("filefield", re), k == null || k.append("method", "eligible"), k == null || k.append("hash", !1), k == null || k.append("subFolder", Z), k == null || k.append("code", (P = U == null ? void 0 : U.attachment) == null ? void 0 : P.code), (J = (X = (te = A({
       apiType: "lc",
       params: {
         ofid: "SFUtil.UploadFile"
       },
-      data: j
-    })) == null ? void 0 : q.then((K) => {
-      var $, Y, ae;
-      const P = ($ = K == null ? void 0 : K.data) == null ? void 0 : $.DATA;
-      console.log("r", K, P);
-      const Q = (ae = (Y = P == null ? void 0 : P.FILENAMES) == null ? void 0 : Y[0]) == null ? void 0 : ae.SERVERFILE;
-      r({ msg: `sf-filename ${Q}` }), g(!1);
-    })) == null || ee.finally(() => {
+      data: k
+    })) == null ? void 0 : te.then((q) => {
+      var se, O, me;
+      const F = (se = q == null ? void 0 : q.data) == null ? void 0 : se.DATA;
+      console.log("r", q, F);
+      const V = (me = (O = F == null ? void 0 : F.FILENAMES) == null ? void 0 : O[0]) == null ? void 0 : me.SERVERFILE;
+      V ? (M("success", "Upload Success"), r({ msg: `sf-filename ${V}` }), g(!1)) : M("error", "Upload Failed");
+    })) == null ? void 0 : X.catch((q) => {
+      var V, se;
+      console.error("Upload error:", q);
+      const F = ((se = (V = q == null ? void 0 : q.response) == null ? void 0 : V.data) == null ? void 0 : se.MESSAGE) || "Failed to Upload File";
+      M("error", F);
+    })) == null || J.finally(() => {
       _(!1);
     });
-  }, D = () => {
-    var X, I, oe, te;
-    const j = (oe = (I = (X = x == null ? void 0 : x.current) == null ? void 0 : X.resizableTextArea) == null ? void 0 : I.textArea) == null ? void 0 : oe.value;
-    if (!(j != null && j.trim()) || l) return;
-    u(!1), r({ msg: j }), p(!T);
+  }, W = () => {
+    var I, re, ee, j;
+    const k = (ee = (re = (I = x == null ? void 0 : x.current) == null ? void 0 : I.resizableTextArea) == null ? void 0 : re.textArea) == null ? void 0 : ee.value;
+    if (!(k != null && k.trim()) || l) return;
+    u(!1), r({ msg: k }), p(!T);
     const U = {
-      text: j,
+      text: k,
       sender: "client",
       type: "text",
-      timestamp: (te = je()) == null ? void 0 : te.format("hh:mm A")
+      timestamp: (j = je()) == null ? void 0 : j.format("hh:mm A")
     };
-    o((k) => [...k, U]), $e();
-  }, B = () => {
+    o((L) => [...L, U]), $e();
+  }, N = () => {
     r({ msg: "SKIP_WAITING_RESPONSE" });
   };
   return fe(() => {
-    var j;
-    x != null && x.current && S && ((j = x == null ? void 0 : x.current) == null || j.focus());
+    var k;
+    x != null && x.current && S && ((k = x == null ? void 0 : x.current) == null || k.focus());
   }, [S]), fe(() => {
     E && g(!0);
   }, [E]), v ? null : h ? /* @__PURE__ */ t.jsxs("div", { className: "w-input-container", style: { alignItems: "center" }, children: [
-    /* @__PURE__ */ t.jsx(ie.Text, { children: i == null ? void 0 : i.name }),
-    ((N = Object == null ? void 0 : Object.keys(i || {})) == null ? void 0 : N.length) > 0 ? /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
+    /* @__PURE__ */ t.jsx(ae.Text, { children: i == null ? void 0 : i.name }),
+    ((Y = Object == null ? void 0 : Object.keys(i || {})) == null ? void 0 : Y.length) > 0 ? /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
       /* @__PURE__ */ t.jsx(
         ue,
         {
@@ -2991,7 +3007,7 @@ const tt = [
           style: { backgroundColor: "var(--primary-color, #395ebc)" },
           icon: /* @__PURE__ */ t.jsx(xe, { type: "send" }),
           shape: "circle",
-          onClick: M,
+          onClick: D,
           loading: y
         }
       )
@@ -3016,14 +3032,14 @@ const tt = [
         disabled: m || !f,
         ref: x,
         placeholder: "Type a message...",
-        onKeyDown: (j) => {
-          ((j == null ? void 0 : j.code) === "Enter" || (j == null ? void 0 : j.key) === "Enter") && !(j != null && j.shiftKey) && D();
+        onKeyDown: (k) => {
+          ((k == null ? void 0 : k.code) === "Enter" || (k == null ? void 0 : k.key) === "Enter") && !(k != null && k.shiftKey) && W();
         },
-        onChange: ({ target: { value: j } }) => {
+        onChange: ({ target: { value: k } }) => {
           const U = /\S/;
           jt({
-            input_va_value: j
-          }), j && (U != null && U.test(j)) ? u(!0) : j != null && j.trim() || u(!1);
+            input_va_value: k
+          }), k && (U != null && U.test(k)) ? u(!0) : k != null && k.trim() || u(!1);
         }
       },
       T
@@ -3034,7 +3050,7 @@ const tt = [
         style: { border: "none" },
         icon: /* @__PURE__ */ t.jsx(xe, { type: "stop" }),
         shape: "circle",
-        onClick: B,
+        onClick: N,
         size: "large"
       }
     ) : /* @__PURE__ */ t.jsx(
@@ -3045,12 +3061,12 @@ const tt = [
         style: { backgroundColor: "var(--primary-color, #395ebc)" },
         icon: /* @__PURE__ */ t.jsx(xe, { type: "send" }),
         shape: "circle",
-        onClick: D
+        onClick: W
       }
     )
   ] });
-}, Ds = G(Rs), Os = ({ taskStatus: e }) => {
-  const n = F("InProgress", "In Progress"), r = F("New", "New"), o = F("Closed", "Closed"), l = F("Done", "Done"), s = F("HDCancelled", "Cancelled"), i = {
+}, Ds = K(Rs), Os = ({ taskStatus: e }) => {
+  const n = $("InProgress", "In Progress"), r = $("New", "New"), o = $("Closed", "Closed"), l = $("Done", "Done"), s = $("HDCancelled", "Cancelled"), i = {
     "In Progress": n,
     Open: r,
     New: r,
@@ -3066,9 +3082,9 @@ const tt = [
     Fixed: "#bbfab7",
     Done: "#bbfab7",
     Cancelled: "#FFF2D6"
-  }, a = z(() => c[e] || c.Closed, [e]), f = z(() => i[e] || e, [e]);
+  }, a = G(() => c[e] || c.Closed, [e]), f = G(() => i[e] || e, [e]);
   return /* @__PURE__ */ t.jsx(Vr, { color: a, children: /* @__PURE__ */ t.jsx(
-    ie.Text,
+    ae.Text,
     {
       className: "primary-color-active",
       style: { width: "100%", textAlign: "center" },
@@ -3076,7 +3092,7 @@ const tt = [
       children: f
     }
   ) }, e);
-}, ar = G(Os), Ls = ({ onClick: e, ...n }) => /* @__PURE__ */ t.jsxs(
+}, ar = K(Os), Ls = ({ onClick: e, ...n }) => /* @__PURE__ */ t.jsxs(
   "div",
   {
     className: "w-ticket-card-container",
@@ -3085,7 +3101,7 @@ const tt = [
     },
     children: [
       /* @__PURE__ */ t.jsx(
-        ie.Text,
+        ae.Text,
         {
           strong: !0,
           style: {
@@ -3099,8 +3115,8 @@ const tt = [
       ),
       /* @__PURE__ */ t.jsxs("div", { className: "w-ticket-card-content-container", children: [
         /* @__PURE__ */ t.jsxs("div", { className: "w-ticket-card-cat-code", children: [
-          /* @__PURE__ */ t.jsx(ie.Text, { children: (n == null ? void 0 : n.TASK_CATEGORY) || Cn }),
-          /* @__PURE__ */ t.jsx(ie.Text, { children: (n == null ? void 0 : n.TASK_CODE) || Cn })
+          /* @__PURE__ */ t.jsx(ae.Text, { children: (n == null ? void 0 : n.TASK_CATEGORY) || Cn }),
+          /* @__PURE__ */ t.jsx(ae.Text, { children: (n == null ? void 0 : n.TASK_CODE) || Cn })
         ] }),
         /* @__PURE__ */ t.jsxs(
           "div",
@@ -3111,15 +3127,15 @@ const tt = [
             },
             children: [
               /* @__PURE__ */ t.jsx(ar, { taskStatus: n == null ? void 0 : n.TASK_STATUS }),
-              /* @__PURE__ */ t.jsx(ie.Text, { children: n == null ? void 0 : n.CREATED_DATE })
+              /* @__PURE__ */ t.jsx(ae.Text, { children: n == null ? void 0 : n.CREATED_DATE })
             ]
           }
         )
       ] })
     ]
   }
-), Ms = G(Ls), cr = ze({}), He = () => Ge(cr), Ns = ({ children: e }) => {
-  const n = mt(), [r, o] = W([]), [l, s] = W(""), [i, c] = W(!1), [a, f] = W(!0), [m, h] = W(0), g = (y) => {
+), Ms = K(Ls), cr = ze({}), He = () => Ge(cr), Ns = ({ children: e }) => {
+  const n = mt(), [r, o] = B([]), [l, s] = B(""), [i, c] = B(!1), [a, f] = B(!0), [m, h] = B(0), g = (y) => {
     var _, v, S, E;
     f(!0), (E = (S = n({
       endpoint: "/helpdesk/myticket/ticket-list",
@@ -3169,7 +3185,7 @@ const tt = [
     }
   );
 }, Fs = () => {
-  const e = F("SubjectSearch", "Subject Search"), n = F("AdvanceFilter", "Advance Filter"), r = ne(null), { getListTicket: o, setOpenFilter: l, loadingListTicket: s, countFilters: i } = He();
+  const e = $("SubjectSearch", "Subject Search"), n = $("AdvanceFilter", "Advance Filter"), r = ne(null), { getListTicket: o, setOpenFilter: l, 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(
       pt,
@@ -3196,8 +3212,8 @@ const tt = [
       }
     ) }) })
   ] }) });
-}, Is = G(Fs), lr = ze({}), We = () => Ge(lr), $s = ({ children: e }) => {
-  const n = ne(null), r = ne(0), o = ne(!1), l = ne(null), [s, i] = W([]), [c, a] = W(0), [f, m] = W(!1), { objInitPayload: h, parsedJWT: g, isFirstRenderHelpdesk: y, setShowReadyWSHD: _ } = de(), v = ir(), S = (T) => {
+}, Is = K(Fs), lr = ze({}), We = () => Ge(lr), $s = ({ children: e }) => {
+  const n = ne(null), r = ne(0), o = ne(!1), l = ne(null), [s, i] = B([]), [c, a] = B(0), [f, m] = B(!1), { objInitPayload: h, parsedJWT: g, isFirstRenderHelpdesk: y, setShowReadyWSHD: _ } = de(), v = ir(), S = (T) => {
     const p = new WebSocket(T);
     p.onopen = () => {
       o.current = !0, r.current = 0, a(0), _(!0);
@@ -3210,8 +3226,8 @@ const tt = [
       ), o.current = !1, _(!1), !(b != null && b.wasClean) && (r == null ? void 0 : r.current) < dt && (r.current += 1, a((u) => u + 1), clearTimeout(l.current), l.current = setTimeout(E, 2e3));
     }, p.onmessage = w(p), n.current = p;
   }, E = async () => {
-    var B, N, j;
-    if (((B = n.current) == null ? void 0 : B.readyState) === (WebSocket == null ? void 0 : WebSocket.CONNECTING)) return;
+    var W, N, Y;
+    if (((W = n.current) == null ? void 0 : W.readyState) === (WebSocket == null ? void 0 : WebSocket.CONNECTING)) return;
     const {
       access_token: T,
       companyid: p = "",
@@ -3229,25 +3245,25 @@ const tt = [
       COMPANY_ID: p.toString(),
       COMPANY_CODE: b.toLowerCase(),
       LANGUAGE: u,
-      ACC_NAME: (j = g == null ? void 0 : g.INSTANCE) == null ? void 0 : j.toLowerCase(),
+      ACC_NAME: (Y = g == null ? void 0 : g.INSTANCE) == null ? void 0 : Y.toLowerCase(),
       TOKEN: A
     };
     try {
-      const U = await wo(
+      const k = await wo(
         D,
         yo
       );
-      if (!U || o.current || (r == null ? void 0 : r.current) >= dt) {
+      if (!k || o.current || (r == null ? void 0 : r.current) >= dt) {
         console.warn(
           `${et} - Skipping WebSocket  connection attempt.`
         );
         return;
       }
-      n.current && n.current.close(), S(`${M}?t=${U}`);
-    } catch (U) {
+      n.current && n.current.close(), S(`${M}?t=${k}`);
+    } catch (k) {
       console.error(
         `${et} - Failed to encrypt token:`,
-        U
+        k
       );
     }
   }, w = (T) => (p) => {
@@ -3345,9 +3361,9 @@ const tt = [
       }
     )
   ] });
-}, Hs = G(Us), Ws = ({ children: e, open: n, onClose: r, footer: o, styleContainer: l }) => {
+}, Hs = K(Us), Ws = ({ children: e, open: n, onClose: r, footer: o, styleContainer: l }) => {
   var g;
-  const [s, i] = W(!1), c = ne(), a = ne(null), f = ne(), m = z(() => n ? "w-fade-in-animate" : "w-fade-out-animate", [n]), h = (y) => {
+  const [s, i] = B(!1), c = ne(), a = ne(null), f = ne(), m = G(() => 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 fe(() => {
@@ -3378,8 +3394,8 @@ const tt = [
       ]
     }
   );
-}, ur = G(Ws), dr = ze({}), it = () => Ge(dr), Bs = ({ children: e }) => {
-  const [n, r] = W([]), [o, l] = W({}), [s, i] = W(!0), [c, a] = W({}), f = ne(!1), m = mt(), { ticketId: h } = He(), { ws: g, setGetResponse: y } = We(), { parsedJWT: _ } = de(), v = z(() => {
+}, ur = K(Ws), dr = ze({}), it = () => Ge(dr), Bs = ({ children: e }) => {
+  const [n, r] = B([]), [o, l] = B({}), [s, i] = B(!0), [c, a] = B({}), f = ne(!1), m = mt(), { ticketId: h } = He(), { ws: g, setGetResponse: y } = We(), { parsedJWT: _ } = de(), v = G(() => {
     var C;
     const T = (o == null ? void 0 : o.CREATED_BY) ?? {}, p = (o == null ? void 0 : o.ASSIGNEE) ?? {}, b = (o == null ? void 0 : o.OTHER_ASSIGNEE) ?? [], u = (C = [T, p, ...b].map((A) => ({
       ...A
@@ -3399,12 +3415,12 @@ const tt = [
         TASK_ID: h
       }
     })) == null ? void 0 : T.then((b) => {
-      var u, C, A, M, D, B;
+      var u, C, A, M, D, W;
       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 N = (B = (D = (M = b == null ? void 0 : b.data) == null ? void 0 : M.DATA) == null ? void 0 : D.LIST) == null ? void 0 : B.map((j) => ({
-          ...j,
+        const N = (W = (D = (M = b == null ? void 0 : b.data) == null ? void 0 : M.DATA) == null ? void 0 : D.LIST) == null ? void 0 : W.map((Y) => ({
+          ...Y,
           ACTOR: {
-            ...j == null ? void 0 : j.ACTOR
+            ...Y == null ? void 0 : Y.ACTOR
           }
         }));
         r(St(N));
@@ -3464,10 +3480,10 @@ const tt = [
     }
   );
 }, Ys = ({ onClose: e }) => {
-  const { xs: n } = Me.useBreakpoint(), { employees: r, detailTicket: o, loadingChats: l } = it(), { userOnline: s } = We(), i = z(() => {
+  const { xs: n } = Me.useBreakpoint(), { employees: r, detailTicket: o, loadingChats: l } = it(), { userOnline: s } = We(), i = G(() => {
     var a;
     return (a = r == null ? void 0 : r.map((f) => f == null ? void 0 : f.FULL_NAME)) == null ? void 0 : a.join(", ");
-  }, [r]), c = z(() => n ? "click" : "hover", [n]);
+  }, [r]), c = G(() => n ? "click" : "hover", [n]);
   return l ? /* @__PURE__ */ t.jsxs("div", { className: "w-ticket-detail-header-container", children: [
     /* @__PURE__ */ t.jsx(De.Avatar, {}),
     /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
@@ -3522,7 +3538,7 @@ const tt = [
           {
             title: `${o == null ? void 0 : o.TASK_CODE} - ${o == null ? void 0 : o.SUBJECT}`,
             trigger: c,
-            children: /* @__PURE__ */ t.jsxs(ie.Text, { className: "w-ticket-detail-header-text", children: [
+            children: /* @__PURE__ */ t.jsxs(ae.Text, { className: "w-ticket-detail-header-text", children: [
               o == null ? void 0 : o.TASK_CODE,
               " - ",
               o == null ? void 0 : o.SUBJECT
@@ -3530,7 +3546,7 @@ const tt = [
           }
         ),
         /* @__PURE__ */ t.jsx(Ye, { title: i, trigger: c, children: /* @__PURE__ */ t.jsx(
-          ie.Text,
+          ae.Text,
           {
             type: "secondary",
             className: "w-ticket-detail-header-text",
@@ -3544,8 +3560,8 @@ const tt = [
     ] }),
     /* @__PURE__ */ t.jsx(ar, { taskStatus: o == null ? void 0 : o.STATUS })
   ] });
-}, Vs = G(Ys), zs = ({ ...e }) => {
-  const n = z(() => (e == null ? void 0 : e.CHAT_ALIGN) === "to" ? "client" : "response", [e]);
+}, Vs = K(Ys), zs = ({ ...e }) => {
+  const n = G(() => (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",
@@ -3564,8 +3580,8 @@ const tt = [
       }
     )
   ] });
-}, Gs = G(zs), qs = ({ ...e }) => {
-  const n = F("Download", "Download"), r = z(() => (e == null ? void 0 : e.CHAT_ALIGN) === "to" ? "client" : "response", [e]), o = z(() => {
+}, Gs = K(zs), qs = ({ ...e }) => {
+  const n = $("Download", "Download"), r = G(() => (e == null ? void 0 : e.CHAT_ALIGN) === "to" ? "client" : "response", [e]), o = G(() => {
     var a;
     const c = e == null ? void 0 : e.ATTACHMENT;
     if (c)
@@ -3576,13 +3592,13 @@ const tt = [
         return c;
       }
     return "";
-  }, [e]), l = z(() => {
+  }, [e]), l = G(() => {
     if (o != null && o.includes(".")) {
       const c = o == null ? void 0 : o.split(".");
       return `.${c == null ? void 0 : c[(c == null ? void 0 : c.length) - 1]}`;
     }
     return "";
-  }, [e, o]), s = z(() => Nt == null ? void 0 : Nt.includes(l), [e, l]), i = () => {
+  }, [e, o]), s = G(() => Nt == null ? void 0 : Nt.includes(l), [e, l]), i = () => {
     Xt({
       downloadURL: e == null ? void 0 : e.ATTACHMENT,
       fileName: o,
@@ -3598,7 +3614,7 @@ const tt = [
         s ? /* @__PURE__ */ t.jsx(en, { src: e == null ? void 0 : e.ATTACHMENT, fallback: mo }) : /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
           /* @__PURE__ */ t.jsx(xe, { type: "file" }),
           /* @__PURE__ */ t.jsx(
-            ie.Link,
+            ae.Link,
             {
               onClick: i,
               style: { display: "block", width: 160 },
@@ -3632,8 +3648,8 @@ const tt = [
       ]
     }
   ) });
-}, Ks = G(qs), Ps = ({ ...e }) => {
-  const n = z(() => (e == null ? void 0 : e.CHAT_ALIGN) === "to" ? "client" : "response", [e]);
+}, Ks = K(qs), Ps = ({ ...e }) => {
+  const n = G(() => (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(
       xt,
@@ -3643,9 +3659,9 @@ const tt = [
         sender: n
       }
     ),
-    /* @__PURE__ */ t.jsx(ie.Text, { children: e == null ? void 0 : e.MESSAGE })
+    /* @__PURE__ */ t.jsx(ae.Text, { children: e == null ? void 0 : e.MESSAGE })
   ] });
-}, Xs = G(Ps), fr = () => {
+}, Xs = K(Ps), fr = () => {
   const { widgetProps: e } = de(), n = Ze.enc.Hex.parse(
     Ze.enc.Utf8.parse(e == null ? void 0 : e.keyEncrypt).toString()
   ), r = {
@@ -3674,16 +3690,16 @@ const tt = [
     encrypt: l
   };
 }, Js = ({ ...e }) => {
-  const n = F("ViewFAQ", "View FAQ"), r = F(
+  const n = $("ViewFAQ", "View FAQ"), r = $(
     "FAQUnavailable",
     "FAQ unavailable"
-  ), o = F(
+  ), o = $(
     "ThisFAQIsUnavailable",
     "This FAQ is unavailable"
-  ), { paramsEncrypt: l } = fr(), { widgetProps: s } = de(), i = z(() => (e == null ? void 0 : e.CHAT_ALIGN) === "to" ? "client" : "response", [e]), c = z(() => e == null ? void 0 : e.FAQ_ID, [e]);
+  ), { paramsEncrypt: l } = fr(), { widgetProps: s } = de(), i = G(() => (e == null ? void 0 : e.CHAT_ALIGN) === "to" ? "client" : "response", [e]), c = G(() => 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,
+      ae.Text,
       {
         style: {
           backgroundColor: "rgb(244, 245, 246)",
@@ -3708,7 +3724,7 @@ const tt = [
         },
         children: n
       }
-    ) : /* @__PURE__ */ t.jsx(ie.Text, { children: o }),
+    ) : /* @__PURE__ */ t.jsx(ae.Text, { children: o }),
     /* @__PURE__ */ t.jsx(
       xt,
       {
@@ -3718,7 +3734,7 @@ const tt = [
       }
     )
   ] });
-}, Zs = G(Js), Qs = ({ ...e }) => {
+}, Zs = K(Js), Qs = ({ ...e }) => {
   switch (e == null ? void 0 : e.CHAT_TYPE) {
     case "info":
       return /* @__PURE__ */ t.jsx(Xs, { ...e });
@@ -3729,9 +3745,9 @@ const tt = [
     default:
       return null;
   }
-}, ei = G(Qs), ti = () => {
+}, ei = K(Qs), ti = () => {
   var _;
-  const [e, n] = W([]), r = F("And", "and"), o = F("IsTyping", "Is Typing"), l = F("People", "People"), { employees: s, setTypingOtherEmp: i, objTypingOtherEmp: c } = it(), { ws: a, setGetResponse: f } = We(), { parsedJWT: m } = de(), h = z(() => e == null ? void 0 : e.filter((v) => c == null ? void 0 : c[v == null ? void 0 : v.EMP_ID]), [c, e]), g = z(() => {
+  const [e, n] = B([]), r = $("And", "and"), o = $("IsTyping", "Is Typing"), l = $("People", "People"), { employees: s, setTypingOtherEmp: i, objTypingOtherEmp: c } = it(), { ws: a, setGetResponse: f } = We(), { parsedJWT: m } = de(), h = G(() => e == null ? void 0 : e.filter((v) => c == null ? void 0 : c[v == null ? void 0 : v.EMP_ID]), [c, e]), g = G(() => {
     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((w, x) => x <= 1), E = v == null ? void 0 : v.filter((w, x) => x > 1);
@@ -3786,12 +3802,12 @@ const tt = [
             children: h == null ? void 0 : h.map((v, S) => /* @__PURE__ */ t.jsx(Ye, { title: v == null ? void 0 : v.FULL_NAME, children: /* @__PURE__ */ t.jsx(Ve, { src: v == null ? void 0 : v.PHOTO, nameFallback: v == null ? void 0 : v.FULL_NAME }) }, S))
           }
         ),
-        /* @__PURE__ */ t.jsx(ie.Text, { children: g }),
+        /* @__PURE__ */ t.jsx(ae.Text, { children: g }),
         (h == null ? void 0 : h.length) > 0 ? /* @__PURE__ */ t.jsx(sr, {}) : null
       ]
     }
   );
-}, ni = G(ti), ri = () => {
+}, ni = K(ti), ri = () => {
   var s;
   const { chats: e } = it(), { widgetProps: n } = de(), { activeTab: r } = Ue(), o = ne(), { xs: l } = Me.useBreakpoint();
   return fe(() => {
@@ -3828,9 +3844,9 @@ const tt = [
       ]
     }
   );
-}, oi = G(ri), si = () => {
+}, oi = K(ri), si = () => {
   var s, i;
-  const { chats: e, loadingChats: n } = it(), { widgetProps: r } = de(), { xs: o } = Me.useBreakpoint(), l = z(() => {
+  const { chats: e, loadingChats: n } = it(), { widgetProps: r } = de(), { xs: o } = Me.useBreakpoint(), l = G(() => {
     var a;
     const c = [It];
     return o && (r != null && r.isSF ? c == null || c.push(
@@ -3893,7 +3909,7 @@ const tt = [
       children: /* @__PURE__ */ t.jsx(zn, {})
     }
   ) : /* @__PURE__ */ t.jsx(oi, {});
-}, ii = G(si), ai = ({ ...e }) => {
+}, ii = K(si), ai = ({ ...e }) => {
   const n = ne(0);
   return /* @__PURE__ */ t.jsxs(
     "div",
@@ -3919,20 +3935,20 @@ const tt = [
           }
         ),
         /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
-          /* @__PURE__ */ t.jsx(ie.Text, { strong: !0, style: { fontSize: 18 }, children: e == null ? void 0 : e.FULL_NAME }),
-          /* @__PURE__ */ t.jsx(ie.Text, { children: e == null ? void 0 : e.POSITION_NAME }, e == null ? void 0 : e.POSITION_NAME),
-          /* @__PURE__ */ t.jsx(ie.Text, { children: e == null ? void 0 : e.DEPT_NAME }),
-          /* @__PURE__ */ t.jsx(ie.Text, { children: e == null ? void 0 : e.WORKLOCATION })
+          /* @__PURE__ */ t.jsx(ae.Text, { strong: !0, style: { fontSize: 18 }, children: e == null ? void 0 : e.FULL_NAME }),
+          /* @__PURE__ */ t.jsx(ae.Text, { children: e == null ? void 0 : e.POSITION_NAME }, e == null ? void 0 : e.POSITION_NAME),
+          /* @__PURE__ */ t.jsx(ae.Text, { children: e == null ? void 0 : e.DEPT_NAME }),
+          /* @__PURE__ */ t.jsx(ae.Text, { children: e == null ? void 0 : e.WORKLOCATION })
         ] })
       ]
     }
   );
-}, ci = G(ai), li = ({ setLoadingUpload: e, isLoadingUpload: n }) => {
+}, ci = K(ai), li = ({ setLoadingUpload: e, isLoadingUpload: n }) => {
   var E, w;
-  const r = mt(), [o, l] = W({}), s = ne(null), i = F(
+  const r = mt(), [o, l] = B({}), s = ne(null), i = $(
     "ImageMustSmallerThan",
     "Image must smaller than"
-  ), c = F(
+  ), c = $(
     "MaximumFileSizeExceeded",
     "Maximum file size exceeded"
   ), { onSendMsg: a } = We(), { employees: f, setChats: m, isFromSelf: h } = it(), { ticketId: g } = He(), { activeTab: y } = Ue(), _ = () => {
@@ -3954,11 +3970,11 @@ const tt = [
   }, v = (x) => {
     var b, u, C;
     const T = x.size / 1024 / 1024, p = (o == null ? void 0 : o.MAXFILESIZE) / 1024;
-    return T > p && ((b = _e) == null || b.destroy(), (u = _e) == null || u.config({
+    return T > p && ((b = Se) == null || b.destroy(), (u = Se) == null || u.config({
       getContainer: () => document.querySelector(".w-widget-content-container"),
       top: 28,
       placement: "top"
-    }), (C = _e) == null || C.error({
+    }), (C = Se) == null || C.error({
       message: c,
       description: `${i} ${p == null ? void 0 : p.toFixed(
         1
@@ -3977,18 +3993,18 @@ const tt = [
         "Content-Type": "multipart/form-data"
       }
     })) == null ? void 0 : p.then((u) => {
-      var C, A, M, D, B;
+      var C, A, M, D, W;
       if ((A = (C = u == null ? void 0 : u.data) == null ? void 0 : C.DATA) != null && A.LIST) {
-        const N = (D = (M = u == null ? void 0 : u.data) == null ? void 0 : M.DATA) == null ? void 0 : D.LIST, j = {
+        const N = (D = (M = u == null ? void 0 : u.data) == null ? void 0 : M.DATA) == null ? void 0 : D.LIST, Y = {
           ATTACHMENT: N == null ? void 0 : N.VIEW_PATH,
           FAQ_ID: null,
           MESSAGE: "",
-          CREATED_DATE: (B = je()) == null ? void 0 : B.format(`${Pt} HH:mm:ss`),
+          CREATED_DATE: (W = je()) == null ? void 0 : W.format(`${Pt} HH:mm:ss`),
           CHAT_ALIGN: "to",
           CHAT_TYPE: "chat"
         };
-        m((U) => {
-          const I = [...Zt(U), j];
+        m((k) => {
+          const I = [...Zt(k), Y];
           return St(I);
         }), h.current = !0, a({
           event: "SEND_MESSAGE",
@@ -3996,7 +4012,7 @@ const tt = [
             ATTACHMENT: N == null ? void 0 : N.TEMP_PATH,
             FAQ_ID: null,
             MESSAGE: "",
-            EMPLOYEES: f == null ? void 0 : f.map((U) => U == null ? void 0 : U.EMP_ID),
+            EMPLOYEES: f == null ? void 0 : f.map((k) => k == null ? void 0 : k.EMP_ID),
             TASK_ID: g
           }
         }), clearTimeout(s.current), s.current = setTimeout(() => {
@@ -4011,7 +4027,7 @@ const tt = [
     _();
   }, []), fe(() => {
     var x;
-    (x = _e) == null || x.destroy();
+    (x = Se) == null || x.destroy();
   }, [y]), /* @__PURE__ */ t.jsx(
     Vn,
     {
@@ -4032,7 +4048,7 @@ const tt = [
       )
     }
   );
-}, ui = G(li), di = (e) => {
+}, ui = K(li), di = (e) => {
   var o;
   const n = ne(null), r = ne(null);
   return r != null && r.current && ((o = r.current) == null || o.update(e)), fe(() => {
@@ -4043,7 +4059,7 @@ const tt = [
     };
   }, []), gt.createElement("div", { ref: n });
 }, fi = ({ refInput: e }) => {
-  const { xs: n } = Me.useBreakpoint(), r = z(() => n ? "click" : "hover", [n]), o = () => {
+  const { xs: n } = Me.useBreakpoint(), r = G(() => n ? "click" : "hover", [n]), o = () => {
     var g;
     const s = (g = e == null ? void 0 : e.current) == null ? void 0 : g.textarea;
     if (!s)
@@ -4081,11 +4097,11 @@ const tt = [
       children: /* @__PURE__ */ t.jsx(ue, { icon: /* @__PURE__ */ t.jsx(xe, { type: "smile" }), style: { border: "none" } })
     }
   );
-}, gi = G(fi), pi = () => {
-  const [e, n] = W(0), [r, o] = W(!1), l = ne(null), s = ne(null), i = ne(!1), c = ne(null), { onSendMsg: a, setGetResponse: f, isGetResponse: m } = We(), { ticketId: h } = He(), { isActiveTabVA: g } = Ue(), { employees: y, setChats: _, isFromSelf: v, detailTicket: S } = it(), E = z(() => r || !m, [r, m]), w = z(() => {
+}, gi = K(fi), pi = () => {
+  const [e, n] = B(0), [r, o] = B(!1), l = ne(null), s = ne(null), i = ne(!1), c = ne(null), { onSendMsg: a, setGetResponse: f, isGetResponse: m } = We(), { ticketId: h } = He(), { isActiveTabVA: g } = Ue(), { employees: y, setChats: _, isFromSelf: v, detailTicket: S } = it(), E = G(() => r || !m, [r, m]), w = G(() => {
     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 = G(() => y == null ? void 0 : y.map((b) => ({
     ...b,
     label: /* @__PURE__ */ t.jsx(
       qt,
@@ -4176,8 +4192,8 @@ const tt = [
               ((b == null ? void 0 : b.code) === "Enter" || (b == null ? void 0 : b.key) === "Enter") && !(b != null && b.shiftKey) && T();
             },
             filterOption: (b, u) => {
-              var M, D, B;
-              const C = (M = b == null ? void 0 : b.toString()) == null ? void 0 : M.toLowerCase(), A = (B = (D = u == null ? void 0 : u.FULL_NAME) == null ? void 0 : D.toString()) == null ? void 0 : B.toLowerCase();
+              var M, D, W;
+              const C = (M = b == null ? void 0 : b.toString()) == null ? void 0 : M.toLowerCase(), A = (W = (D = u == null ? void 0 : u.FULL_NAME) == null ? void 0 : D.toString()) == null ? void 0 : W.toLowerCase();
               return A == null ? void 0 : A.includes(C);
             },
             children: x == null ? void 0 : x.map((b, u) => /* @__PURE__ */ t.jsx(hn.Option, { ...b, children: b == null ? void 0 : b.label }, u))
@@ -4204,7 +4220,7 @@ const tt = [
       ]
     }
   );
-}, hi = G(pi), xi = ({ title: e, subTitle: n, onClose: r, open: o, styleWrapper: l }) => {
+}, hi = K(pi), xi = ({ title: e, subTitle: n, onClose: r, open: o, styleWrapper: l }) => {
   var s;
   return o ? /* @__PURE__ */ t.jsx(
     "div",
@@ -4214,7 +4230,7 @@ const tt = [
         style: l
       },
       children: /* @__PURE__ */ t.jsxs("div", { className: "w-banner-content", children: [
-        e && /* @__PURE__ */ t.jsx(ie.Text, { style: { fontSize: 16, fontWeight: 600 }, children: e }),
+        e && /* @__PURE__ */ t.jsx(ae.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(
           ue,
@@ -4227,18 +4243,18 @@ const tt = [
       ] })
     }
   ) : null;
-}, gr = G(xi), mi = () => {
-  const e = F(
+}, gr = K(xi), mi = () => {
+  const e = $(
     "ForMoreInformationOfThisTicket",
     "For more information of this ticket"
-  ), n = F("ClickHere", "Click here"), { ticketId: r } = He(), { widgetProps: o } = de(), { encrypt: l } = fr();
+  ), n = $("ClickHere", "Click here"), { ticketId: r } = He(), { widgetProps: o } = de(), { encrypt: l } = fr();
   return /* @__PURE__ */ t.jsx(
     gr,
     {
       subTitle: /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-        /* @__PURE__ */ t.jsx(ie.Text, { children: e }),
+        /* @__PURE__ */ t.jsx(ae.Text, { children: e }),
         /* @__PURE__ */ t.jsx(
-          ie.Link,
+          ae.Link,
           {
             strong: !0,
             className: "w-reconnect-manual",
@@ -4258,20 +4274,20 @@ const tt = [
       }
     }
   );
-}, yi = G(mi), vi = ({ onClose: e, visible: n }) => /* @__PURE__ */ t.jsx(ur, { open: n, onClose: e, children: /* @__PURE__ */ t.jsxs(Bs, { children: [
+}, yi = K(mi), vi = ({ onClose: e, visible: n }) => /* @__PURE__ */ t.jsx(ur, { open: n, onClose: e, children: /* @__PURE__ */ t.jsxs(Bs, { children: [
   /* @__PURE__ */ t.jsx(Vs, { onClose: e }),
   /* @__PURE__ */ t.jsx(yi, {}),
   /* @__PURE__ */ t.jsx(ii, {}),
   /* @__PURE__ */ t.jsx(hi, {})
-] }) }), bi = G(vi), Ci = () => {
-  const e = F("AdvanceFilter", "Advance Filter"), n = F("Subject", "Subject"), r = F(
+] }) }), bi = K(vi), Ci = () => {
+  const e = $("AdvanceFilter", "Advance Filter"), n = $("Subject", "Subject"), r = $(
     "TicketCategory",
     "Ticket Category"
-  ), o = F("TicketStatus", "Ticket Status"), l = F("CreatedDate", "Created Date"), s = F("New", "New"), i = F("Open", "Open"), c = F("Reopen", "Reopen"), a = F("InProgress", "In Progress"), f = F("Responded", "Responded"), m = F("Fixed", "Fixed"), h = F("Done", "Done"), g = F("Closed", "Closed"), y = F("HDCancelled", "Cancelled"), _ = F("Clear", "Clear"), v = F("Filter", "Filter"), S = mt(), [E] = Se.useForm(), { openFilter: w, setOpenFilter: x, getListTicket: T, setCountFilters: p } = He(), [b, u] = W([]), C = z(() => {
-    const D = `${s}/${i}/${c}`, B = `${a}/${f}`, N = `${m}/${h}`;
+  ), o = $("TicketStatus", "Ticket Status"), l = $("CreatedDate", "Created Date"), s = $("New", "New"), i = $("Open", "Open"), c = $("Reopen", "Reopen"), a = $("InProgress", "In Progress"), f = $("Responded", "Responded"), m = $("Fixed", "Fixed"), h = $("Done", "Done"), g = $("Closed", "Closed"), y = $("HDCancelled", "Cancelled"), _ = $("Clear", "Clear"), v = $("Filter", "Filter"), S = mt(), [E] = we.useForm(), { openFilter: w, setOpenFilter: x, getListTicket: T, setCountFilters: p } = He(), [b, u] = B([]), C = G(() => {
+    const D = `${s}/${i}/${c}`, W = `${a}/${f}`, N = `${m}/${h}`;
     return [
       { value: 3, label: D },
-      { value: 1, label: B },
+      { value: 1, label: W },
       { value: 4, label: N },
       { value: 6, label: g },
       { value: 8, label: y }
@@ -4286,12 +4302,12 @@ const tt = [
         SELECTOR: "*",
         SORT: { FIELD: "ORDER_NO", ORDER: "ASC" }
       }
-    })) == null || D.then((B) => {
-      var N, j, U;
-      if ((N = B == null ? void 0 : B.data) != null && N.DATA) {
-        const X = (U = (j = B == null ? void 0 : B.data) == null ? void 0 : j.DATA) == null ? void 0 : U.LIST;
+    })) == null || D.then((W) => {
+      var N, Y, k;
+      if ((N = W == null ? void 0 : W.data) != null && N.DATA) {
+        const U = (k = (Y = W == null ? void 0 : W.data) == null ? void 0 : Y.DATA) == null ? void 0 : k.LIST;
         u(
-          X == null ? void 0 : X.map((I) => ({
+          U == null ? void 0 : U.map((I) => ({
             label: I == null ? void 0 : I.CATEGORY_NAME,
             value: I == null ? void 0 : I.CATEGORY_CODE
           }))
@@ -4299,11 +4315,11 @@ const tt = [
       }
     });
   }, M = () => {
-    var N, j;
+    var N, Y;
     const D = E == null ? void 0 : E.getFieldsValue(!0);
     T(D);
-    const B = (j = (N = Object.values(D || {})) == null ? void 0 : N.flat()) == null ? void 0 : j.filter(Boolean);
-    p(B == null ? void 0 : B.length);
+    const W = (Y = (N = Object.values(D || {})) == null ? void 0 : N.flat()) == null ? void 0 : Y.filter(Boolean);
+    p(W == null ? void 0 : W.length);
   };
   return fe(() => {
     A();
@@ -4340,7 +4356,7 @@ const tt = [
       ] }),
       children: [
         /* @__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(ae.Text, { strong: !0, style: { fontSize: 16 }, children: e }),
           /* @__PURE__ */ t.jsx(
             ue,
             {
@@ -4351,28 +4367,28 @@ const tt = [
             }
           )
         ] }),
-        /* @__PURE__ */ t.jsx("div", { className: "w-ticket-list-advance-filter-form-container", children: /* @__PURE__ */ t.jsxs(Se, { form: E, layout: "vertical", children: [
-          /* @__PURE__ */ t.jsx(Se.Item, { label: n, name: "TASK_NAME", children: /* @__PURE__ */ t.jsx(pt, { allowClear: !0 }) }),
-          /* @__PURE__ */ t.jsx(Se.Item, { label: r, name: "CATEGORY_CODE", children: /* @__PURE__ */ t.jsx(xn, { options: b, mode: "multiple", allowClear: !0 }) }),
-          /* @__PURE__ */ t.jsx(Se.Item, { label: o, name: "TASK_STATUS", children: /* @__PURE__ */ t.jsx(xn, { options: C, mode: "multiple", allowClear: !0 }) }),
-          /* @__PURE__ */ t.jsx(Se.Item, { label: l, name: "CREATED_DATE", children: /* @__PURE__ */ t.jsx(Gr, { style: { width: "100%" }, allowClear: !0 }) })
+        /* @__PURE__ */ t.jsx("div", { className: "w-ticket-list-advance-filter-form-container", children: /* @__PURE__ */ t.jsxs(we, { form: E, layout: "vertical", children: [
+          /* @__PURE__ */ t.jsx(we.Item, { label: n, name: "TASK_NAME", children: /* @__PURE__ */ t.jsx(pt, { allowClear: !0 }) }),
+          /* @__PURE__ */ t.jsx(we.Item, { label: r, name: "CATEGORY_CODE", children: /* @__PURE__ */ t.jsx(xn, { options: b, mode: "multiple", allowClear: !0 }) }),
+          /* @__PURE__ */ t.jsx(we.Item, { label: o, name: "TASK_STATUS", children: /* @__PURE__ */ t.jsx(xn, { options: C, mode: "multiple", allowClear: !0 }) }),
+          /* @__PURE__ */ t.jsx(we.Item, { label: l, name: "CREATED_DATE", children: /* @__PURE__ */ t.jsx(Gr, { style: { width: "100%" }, allowClear: !0 }) })
         ] }) })
       ]
     }
   );
-}, Ti = G(Ci), Ei = () => {
-  const e = F(
+}, Ti = K(Ci), Ei = () => {
+  const e = $(
     "ReconnectManually",
     "Reconnect Manually"
-  ), n = F(
+  ), n = $(
     "HelpdeskWebsocket",
     "Helpdesk Websocket"
-  ), r = F("NotConnected", "Not Connected"), o = F("Connecting", "Connecting"), {
+  ), r = $("NotConnected", "Not Connected"), o = $("Connecting", "Connecting"), {
     connectWebSocket: l,
     retryCountState: s,
     setRetryCountState: i,
     retryCountRef: c
-  } = We(), a = z(() => s === dt ? `${n} ${r}` : `${n} ${o}`, [s]);
+  } = We(), a = G(() => s === dt ? `${n} ${r}` : `${n} ${o}`, [s]);
   return /* @__PURE__ */ t.jsx(
     "div",
     {
@@ -4414,7 +4430,7 @@ const tt = [
       )
     }
   );
-}, Si = G(Ei), wi = () => {
+}, Si = K(Ei), wi = () => {
   const { setTicketId: e, ticketId: n, openFilter: r } = He(), { onSendMsg: o, setGetResponse: l } = We(), { showReadyWSHD: s } = de();
   return s ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsx(
@@ -4434,7 +4450,7 @@ const tt = [
     /* @__PURE__ */ t.jsx("div", { style: { display: !n && !r ? "block" : "none" }, children: /* @__PURE__ */ t.jsx(Hs, {}) }),
     /* @__PURE__ */ t.jsx(Ti, {})
   ] }) : /* @__PURE__ */ t.jsx(Si, {});
-}, _i = G(wi);
+}, _i = K(wi);
 var lt = { exports: {} }, Ut = {}, vt = { exports: {} }, bt = { exports: {} }, ce = {};
 /** @license React v16.13.1
  * react-is.production.min.js
@@ -4529,8 +4545,8 @@ function ki() {
     }
     function T(O) {
       if (typeof O == "object" && O !== null) {
-        var be = O.$$typeof;
-        switch (be) {
+        var me = O.$$typeof;
+        switch (me) {
           case n:
             var Ee = O.type;
             switch (Ee) {
@@ -4551,55 +4567,55 @@ function ki() {
                   case i:
                     return ge;
                   default:
-                    return be;
+                    return me;
                 }
             }
           case r:
-            return be;
+            return me;
         }
       }
     }
-    var p = a, b = f, u = c, C = i, A = n, M = m, D = o, B = _, N = y, j = r, U = s, X = l, I = h, oe = !1;
-    function te(O) {
-      return oe || (oe = !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) || T(O) === a;
+    var p = a, b = f, u = c, C = i, A = n, M = m, D = o, W = _, N = y, Y = r, k = s, U = l, I = h, re = !1;
+    function ee(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.")), j(O) || T(O) === a;
     }
-    function k(O) {
+    function j(O) {
       return T(O) === f;
     }
     function L(O) {
       return T(O) === c;
     }
-    function J(O) {
+    function Z(O) {
       return T(O) === i;
     }
-    function V(O) {
+    function z(O) {
       return typeof O == "object" && O !== null && O.$$typeof === n;
     }
-    function q(O) {
+    function P(O) {
       return T(O) === m;
     }
-    function ee(O) {
+    function te(O) {
       return T(O) === o;
     }
-    function K(O) {
+    function X(O) {
       return T(O) === _;
     }
-    function P(O) {
+    function J(O) {
       return T(O) === y;
     }
-    function Q(O) {
+    function q(O) {
       return T(O) === r;
     }
-    function $(O) {
+    function F(O) {
       return T(O) === s;
     }
-    function Y(O) {
+    function V(O) {
       return T(O) === l;
     }
-    function ae(O) {
+    function se(O) {
       return T(O) === h;
     }
-    le.AsyncMode = p, le.ConcurrentMode = b, le.ContextConsumer = u, le.ContextProvider = C, le.Element = A, le.ForwardRef = M, le.Fragment = D, le.Lazy = B, le.Memo = N, le.Portal = j, le.Profiler = U, le.StrictMode = X, le.Suspense = I, le.isAsyncMode = te, le.isConcurrentMode = k, le.isContextConsumer = L, le.isContextProvider = J, le.isElement = V, le.isForwardRef = q, le.isFragment = ee, le.isLazy = K, le.isMemo = P, le.isPortal = Q, le.isProfiler = $, le.isStrictMode = Y, le.isSuspense = ae, le.isValidElementType = x, le.typeOf = T;
+    le.AsyncMode = p, le.ConcurrentMode = b, le.ContextConsumer = u, le.ContextProvider = C, le.Element = A, le.ForwardRef = M, le.Fragment = D, le.Lazy = W, le.Memo = N, le.Portal = Y, le.Profiler = k, le.StrictMode = U, le.Suspense = I, le.isAsyncMode = ee, le.isConcurrentMode = j, le.isContextConsumer = L, le.isContextProvider = Z, le.isElement = z, le.isForwardRef = P, le.isFragment = te, le.isLazy = X, le.isMemo = J, le.isPortal = q, le.isProfiler = F, le.isStrictMode = V, le.isSuspense = se, le.isValidElementType = x, le.typeOf = T;
   }()), le;
 }
 var jn;
@@ -4685,8 +4701,8 @@ function Ri() {
   }
   return Yt = function(c, a) {
     var f = typeof Symbol == "function" && Symbol.iterator, m = "@@iterator";
-    function h(k) {
-      var L = k && (f && k[f] || k[m]);
+    function h(j) {
+      var L = j && (f && j[f] || j[m]);
       if (typeof L == "function")
         return L;
     }
@@ -4708,47 +4724,47 @@ function Ri() {
       objectOf: C,
       oneOf: u,
       oneOfType: A,
-      shape: B,
+      shape: W,
       exact: N
     };
-    function _(k, L) {
-      return k === L ? k !== 0 || 1 / k === 1 / L : k !== k && L !== L;
+    function _(j, L) {
+      return j === L ? j !== 0 || 1 / j === 1 / L : j !== j && L !== L;
     }
-    function v(k, L) {
-      this.message = k, this.data = L && typeof L == "object" ? L : {}, this.stack = "";
+    function v(j, L) {
+      this.message = j, this.data = L && typeof L == "object" ? L : {}, this.stack = "";
     }
     v.prototype = Error.prototype;
-    function S(k) {
+    function S(j) {
       if (process.env.NODE_ENV !== "production")
-        var L = {}, J = 0;
-      function V(ee, K, P, Q, $, Y, ae) {
-        if (Q = Q || g, Y = Y || P, ae !== r) {
+        var L = {}, Z = 0;
+      function z(te, X, J, q, F, V, se) {
+        if (q = q || g, V = V || J, se !== r) {
           if (a) {
             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 O.name = "Invariant Violation", O;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var be = Q + ":" + P;
-            !L[be] && // Avoid spamming the console because they are often not actionable except for lib authors
-            J < 3 && (s(
-              "You are manually calling a React.PropTypes validation function for the `" + Y + "` prop on `" + Q + "`. 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."
-            ), L[be] = !0, J++);
+            var me = q + ":" + J;
+            !L[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 `" + V + "` prop on `" + q + "`. 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."
+            ), L[me] = !0, Z++);
           }
         }
-        return K[P] == null ? ee ? K[P] === null ? new v("The " + $ + " `" + Y + "` is marked as required " + ("in `" + Q + "`, but its value is `null`.")) : new v("The " + $ + " `" + Y + "` is marked as required in " + ("`" + Q + "`, but its value is `undefined`.")) : null : k(K, P, Q, $, Y);
+        return X[J] == null ? te ? X[J] === null ? new v("The " + F + " `" + V + "` is marked as required " + ("in `" + q + "`, but its value is `null`.")) : new v("The " + F + " `" + V + "` is marked as required in " + ("`" + q + "`, but its value is `undefined`.")) : null : j(X, J, q, F, V);
       }
-      var q = V.bind(null, !1);
-      return q.isRequired = V.bind(null, !0), q;
+      var P = z.bind(null, !1);
+      return P.isRequired = z.bind(null, !0), P;
     }
-    function E(k) {
-      function L(J, V, q, ee, K, P) {
-        var Q = J[V], $ = X(Q);
-        if ($ !== k) {
-          var Y = I(Q);
+    function E(j) {
+      function L(Z, z, P, te, X, J) {
+        var q = Z[z], F = U(q);
+        if (F !== j) {
+          var V = I(q);
           return new v(
-            "Invalid " + ee + " `" + K + "` of type " + ("`" + Y + "` supplied to `" + q + "`, expected ") + ("`" + k + "`."),
-            { expectedType: k }
+            "Invalid " + te + " `" + X + "` of type " + ("`" + V + "` supplied to `" + P + "`, expected ") + ("`" + j + "`."),
+            { expectedType: j }
           );
         }
         return null;
@@ -4758,156 +4774,156 @@ function Ri() {
     function w() {
       return S(i);
     }
-    function x(k) {
-      function L(J, V, q, ee, K) {
-        if (typeof k != "function")
-          return new v("Property `" + K + "` of component `" + q + "` has invalid PropType notation inside arrayOf.");
-        var P = J[V];
-        if (!Array.isArray(P)) {
-          var Q = X(P);
-          return new v("Invalid " + ee + " `" + K + "` of type " + ("`" + Q + "` supplied to `" + q + "`, expected an array."));
+    function x(j) {
+      function L(Z, z, P, te, X) {
+        if (typeof j != "function")
+          return new v("Property `" + X + "` of component `" + P + "` has invalid PropType notation inside arrayOf.");
+        var J = Z[z];
+        if (!Array.isArray(J)) {
+          var q = U(J);
+          return new v("Invalid " + te + " `" + X + "` of type " + ("`" + q + "` supplied to `" + P + "`, expected an array."));
         }
-        for (var $ = 0; $ < P.length; $++) {
-          var Y = k(P, $, q, ee, K + "[" + $ + "]", r);
-          if (Y instanceof Error)
-            return Y;
+        for (var F = 0; F < J.length; F++) {
+          var V = j(J, F, P, te, X + "[" + F + "]", r);
+          if (V instanceof Error)
+            return V;
         }
         return null;
       }
       return S(L);
     }
     function T() {
-      function k(L, J, V, q, ee) {
-        var K = L[J];
-        if (!c(K)) {
-          var P = X(K);
-          return new v("Invalid " + q + " `" + ee + "` of type " + ("`" + P + "` supplied to `" + V + "`, expected a single ReactElement."));
+      function j(L, Z, z, P, te) {
+        var X = L[Z];
+        if (!c(X)) {
+          var J = U(X);
+          return new v("Invalid " + P + " `" + te + "` of type " + ("`" + J + "` supplied to `" + z + "`, expected a single ReactElement."));
         }
         return null;
       }
-      return S(k);
+      return S(j);
     }
     function p() {
-      function k(L, J, V, q, ee) {
-        var K = L[J];
-        if (!e.isValidElementType(K)) {
-          var P = X(K);
-          return new v("Invalid " + q + " `" + ee + "` of type " + ("`" + P + "` supplied to `" + V + "`, expected a single ReactElement type."));
+      function j(L, Z, z, P, te) {
+        var X = L[Z];
+        if (!e.isValidElementType(X)) {
+          var J = U(X);
+          return new v("Invalid " + P + " `" + te + "` of type " + ("`" + J + "` supplied to `" + z + "`, expected a single ReactElement type."));
         }
         return null;
       }
-      return S(k);
+      return S(j);
     }
-    function b(k) {
-      function L(J, V, q, ee, K) {
-        if (!(J[V] instanceof k)) {
-          var P = k.name || g, Q = te(J[V]);
-          return new v("Invalid " + ee + " `" + K + "` of type " + ("`" + Q + "` supplied to `" + q + "`, expected ") + ("instance of `" + P + "`."));
+    function b(j) {
+      function L(Z, z, P, te, X) {
+        if (!(Z[z] instanceof j)) {
+          var J = j.name || g, q = ee(Z[z]);
+          return new v("Invalid " + te + " `" + X + "` of type " + ("`" + q + "` supplied to `" + P + "`, expected ") + ("instance of `" + J + "`."));
         }
         return null;
       }
       return S(L);
     }
-    function u(k) {
-      if (!Array.isArray(k))
+    function u(j) {
+      if (!Array.isArray(j))
         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 L(J, V, q, ee, K) {
-        for (var P = J[V], Q = 0; Q < k.length; Q++)
-          if (_(P, k[Q]))
+      function L(Z, z, P, te, X) {
+        for (var J = Z[z], q = 0; q < j.length; q++)
+          if (_(J, j[q]))
             return null;
-        var $ = JSON.stringify(k, function(ae, O) {
-          var be = I(O);
-          return be === "symbol" ? String(O) : O;
+        var F = JSON.stringify(j, function(se, O) {
+          var me = I(O);
+          return me === "symbol" ? String(O) : O;
         });
-        return new v("Invalid " + ee + " `" + K + "` of value `" + String(P) + "` " + ("supplied to `" + q + "`, expected one of " + $ + "."));
+        return new v("Invalid " + te + " `" + X + "` of value `" + String(J) + "` " + ("supplied to `" + P + "`, expected one of " + F + "."));
       }
       return S(L);
     }
-    function C(k) {
-      function L(J, V, q, ee, K) {
-        if (typeof k != "function")
-          return new v("Property `" + K + "` of component `" + q + "` has invalid PropType notation inside objectOf.");
-        var P = J[V], Q = X(P);
-        if (Q !== "object")
-          return new v("Invalid " + ee + " `" + K + "` of type " + ("`" + Q + "` supplied to `" + q + "`, expected an object."));
-        for (var $ in P)
-          if (o(P, $)) {
-            var Y = k(P, $, q, ee, K + "." + $, r);
-            if (Y instanceof Error)
-              return Y;
+    function C(j) {
+      function L(Z, z, P, te, X) {
+        if (typeof j != "function")
+          return new v("Property `" + X + "` of component `" + P + "` has invalid PropType notation inside objectOf.");
+        var J = Z[z], q = U(J);
+        if (q !== "object")
+          return new v("Invalid " + te + " `" + X + "` of type " + ("`" + q + "` supplied to `" + P + "`, expected an object."));
+        for (var F in J)
+          if (o(J, F)) {
+            var V = j(J, F, P, te, X + "." + F, r);
+            if (V instanceof Error)
+              return V;
           }
         return null;
       }
       return S(L);
     }
-    function A(k) {
-      if (!Array.isArray(k))
+    function A(j) {
+      if (!Array.isArray(j))
         return process.env.NODE_ENV !== "production" && s("Invalid argument supplied to oneOfType, expected an instance of array."), i;
-      for (var L = 0; L < k.length; L++) {
-        var J = k[L];
-        if (typeof J != "function")
+      for (var L = 0; L < j.length; L++) {
+        var Z = j[L];
+        if (typeof Z != "function")
           return s(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + oe(J) + " at index " + L + "."
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + re(Z) + " at index " + L + "."
           ), i;
       }
-      function V(q, ee, K, P, Q) {
-        for (var $ = [], Y = 0; Y < k.length; Y++) {
-          var ae = k[Y], O = ae(q, ee, K, P, Q, r);
+      function z(P, te, X, J, q) {
+        for (var F = [], V = 0; V < j.length; V++) {
+          var se = j[V], O = se(P, te, X, J, q, r);
           if (O == null)
             return null;
-          O.data && o(O.data, "expectedType") && $.push(O.data.expectedType);
+          O.data && o(O.data, "expectedType") && F.push(O.data.expectedType);
         }
-        var be = $.length > 0 ? ", expected one of type [" + $.join(", ") + "]" : "";
-        return new v("Invalid " + P + " `" + Q + "` supplied to " + ("`" + K + "`" + be + "."));
+        var me = F.length > 0 ? ", expected one of type [" + F.join(", ") + "]" : "";
+        return new v("Invalid " + J + " `" + q + "` supplied to " + ("`" + X + "`" + me + "."));
       }
-      return S(V);
+      return S(z);
     }
     function M() {
-      function k(L, J, V, q, ee) {
-        return j(L[J]) ? null : new v("Invalid " + q + " `" + ee + "` supplied to " + ("`" + V + "`, expected a ReactNode."));
+      function j(L, Z, z, P, te) {
+        return Y(L[Z]) ? null : new v("Invalid " + P + " `" + te + "` supplied to " + ("`" + z + "`, expected a ReactNode."));
       }
-      return S(k);
+      return S(j);
     }
-    function D(k, L, J, V, q) {
+    function D(j, L, Z, z, P) {
       return new v(
-        (k || "React class") + ": " + L + " type `" + J + "." + V + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + q + "`."
+        (j || "React class") + ": " + L + " type `" + Z + "." + z + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + P + "`."
       );
     }
-    function B(k) {
-      function L(J, V, q, ee, K) {
-        var P = J[V], Q = X(P);
-        if (Q !== "object")
-          return new v("Invalid " + ee + " `" + K + "` of type `" + Q + "` " + ("supplied to `" + q + "`, expected `object`."));
-        for (var $ in k) {
-          var Y = k[$];
-          if (typeof Y != "function")
-            return D(q, ee, K, $, I(Y));
-          var ae = Y(P, $, q, ee, K + "." + $, r);
-          if (ae)
-            return ae;
+    function W(j) {
+      function L(Z, z, P, te, X) {
+        var J = Z[z], q = U(J);
+        if (q !== "object")
+          return new v("Invalid " + te + " `" + X + "` of type `" + q + "` " + ("supplied to `" + P + "`, expected `object`."));
+        for (var F in j) {
+          var V = j[F];
+          if (typeof V != "function")
+            return D(P, te, X, F, I(V));
+          var se = V(J, F, P, te, X + "." + F, r);
+          if (se)
+            return se;
         }
         return null;
       }
       return S(L);
     }
-    function N(k) {
-      function L(J, V, q, ee, K) {
-        var P = J[V], Q = X(P);
-        if (Q !== "object")
-          return new v("Invalid " + ee + " `" + K + "` of type `" + Q + "` " + ("supplied to `" + q + "`, expected `object`."));
-        var $ = n({}, J[V], k);
-        for (var Y in $) {
-          var ae = k[Y];
-          if (o(k, Y) && typeof ae != "function")
-            return D(q, ee, K, Y, I(ae));
-          if (!ae)
+    function N(j) {
+      function L(Z, z, P, te, X) {
+        var J = Z[z], q = U(J);
+        if (q !== "object")
+          return new v("Invalid " + te + " `" + X + "` of type `" + q + "` " + ("supplied to `" + P + "`, expected `object`."));
+        var F = n({}, Z[z], j);
+        for (var V in F) {
+          var se = j[V];
+          if (o(j, V) && typeof se != "function")
+            return D(P, te, X, V, I(se));
+          if (!se)
             return new v(
-              "Invalid " + ee + " `" + K + "` key `" + Y + "` supplied to `" + q + "`.\nBad object: " + JSON.stringify(J[V], null, "  ") + `
-Valid keys: ` + JSON.stringify(Object.keys(k), null, "  ")
+              "Invalid " + te + " `" + X + "` key `" + V + "` supplied to `" + P + "`.\nBad object: " + JSON.stringify(Z[z], null, "  ") + `
+Valid keys: ` + JSON.stringify(Object.keys(j), null, "  ")
             );
-          var O = ae(P, Y, q, ee, K + "." + Y, r);
+          var O = se(J, V, P, te, X + "." + V, r);
           if (O)
             return O;
         }
@@ -4915,30 +4931,30 @@ Valid keys: ` + JSON.stringify(Object.keys(k), null, "  ")
       }
       return S(L);
     }
-    function j(k) {
-      switch (typeof k) {
+    function Y(j) {
+      switch (typeof j) {
         case "number":
         case "string":
         case "undefined":
           return !0;
         case "boolean":
-          return !k;
+          return !j;
         case "object":
-          if (Array.isArray(k))
-            return k.every(j);
-          if (k === null || c(k))
+          if (Array.isArray(j))
+            return j.every(Y);
+          if (j === null || c(j))
             return !0;
-          var L = h(k);
+          var L = h(j);
           if (L) {
-            var J = L.call(k), V;
-            if (L !== k.entries) {
-              for (; !(V = J.next()).done; )
-                if (!j(V.value))
+            var Z = L.call(j), z;
+            if (L !== j.entries) {
+              for (; !(z = Z.next()).done; )
+                if (!Y(z.value))
                   return !1;
             } else
-              for (; !(V = J.next()).done; ) {
-                var q = V.value;
-                if (q && !j(q[1]))
+              for (; !(z = Z.next()).done; ) {
+                var P = z.value;
+                if (P && !Y(P[1]))
                   return !1;
               }
           } else
@@ -4948,27 +4964,27 @@ Valid keys: ` + JSON.stringify(Object.keys(k), null, "  ")
           return !1;
       }
     }
-    function U(k, L) {
-      return k === "symbol" ? !0 : L ? L["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && L instanceof Symbol : !1;
+    function k(j, L) {
+      return j === "symbol" ? !0 : L ? L["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && L instanceof Symbol : !1;
     }
-    function X(k) {
-      var L = typeof k;
-      return Array.isArray(k) ? "array" : k instanceof RegExp ? "object" : U(L, k) ? "symbol" : L;
+    function U(j) {
+      var L = typeof j;
+      return Array.isArray(j) ? "array" : j instanceof RegExp ? "object" : k(L, j) ? "symbol" : L;
     }
-    function I(k) {
-      if (typeof k > "u" || k === null)
-        return "" + k;
-      var L = X(k);
+    function I(j) {
+      if (typeof j > "u" || j === null)
+        return "" + j;
+      var L = U(j);
       if (L === "object") {
-        if (k instanceof Date)
+        if (j instanceof Date)
           return "date";
-        if (k instanceof RegExp)
+        if (j instanceof RegExp)
           return "regexp";
       }
       return L;
     }
-    function oe(k) {
-      var L = I(k);
+    function re(j) {
+      var L = I(j);
       switch (L) {
         case "array":
         case "object":
@@ -4981,8 +4997,8 @@ Valid keys: ` + JSON.stringify(Object.keys(k), null, "  ")
           return L;
       }
     }
-    function te(k) {
-      return !k.constructor || !k.constructor.name ? g : k.constructor.name;
+    function ee(j) {
+      return !j.constructor || !j.constructor.name ? g : j.constructor.name;
     }
     return y.checkPropTypes = l, y.resetWarningCache = l.resetWarningCache, y.PropTypes = y, y;
   }, Yt;
@@ -5064,7 +5080,7 @@ function Oi() {
   }
   return Ct.exports = n, Ct.exports.clsx = n, Ct.exports;
 }
-var ye = {}, Fe = {}, Nn;
+var ve = {}, Fe = {}, Nn;
 function kt() {
   if (Nn) return Fe;
   Nn = 1, Object.defineProperty(Fe, "__esModule", {
@@ -5122,23 +5138,23 @@ function Li() {
 }
 var In;
 function rn() {
-  if (In) return ye;
-  In = 1, Object.defineProperty(ye, "__esModule", {
+  if (In) return ve;
+  In = 1, Object.defineProperty(ve, "__esModule", {
     value: !0
-  }), ye.addClassName = p, ye.addEvent = i, ye.addUserSelectStyles = w, ye.createCSSTransform = y, ye.createSVGTransform = _, ye.getTouch = S, ye.getTouchIdentifier = E, ye.getTranslation = v, ye.innerHeight = m, ye.innerWidth = h, ye.matchesSelector = l, ye.matchesSelectorAndParentsTo = s, ye.offsetXYFromParent = g, ye.outerHeight = a, ye.outerWidth = f, ye.removeClassName = b, ye.removeEvent = c, ye.scheduleRemoveUserSelectStyles = x;
+  }), ve.addClassName = p, ve.addEvent = i, ve.addUserSelectStyles = w, ve.createCSSTransform = y, ve.createSVGTransform = _, ve.getTouch = S, ve.getTouchIdentifier = E, ve.getTranslation = v, ve.innerHeight = m, ve.innerWidth = h, ve.matchesSelector = l, ve.matchesSelectorAndParentsTo = s, ve.offsetXYFromParent = g, ve.outerHeight = a, ve.outerWidth = f, ve.removeClassName = b, ve.removeEvent = c, ve.scheduleRemoveUserSelectStyles = x;
   var e = kt(), n = r(Li());
   function r(u, C) {
     if (typeof WeakMap == "function") var A = /* @__PURE__ */ new WeakMap(), M = /* @__PURE__ */ new WeakMap();
-    return (r = function(D, B) {
-      if (!B && D && D.__esModule) return D;
-      var N, j, U = { __proto__: null, default: D };
-      if (D === null || typeof D != "object" && typeof D != "function") return U;
-      if (N = B ? M : A) {
+    return (r = function(D, W) {
+      if (!W && D && D.__esModule) return D;
+      var N, Y, k = { __proto__: null, default: D };
+      if (D === null || typeof D != "object" && typeof D != "function") return k;
+      if (N = W ? M : A) {
         if (N.has(D)) return N.get(D);
-        N.set(D, U);
+        N.set(D, k);
       }
-      for (const X in D) X !== "default" && {}.hasOwnProperty.call(D, X) && ((j = (N = Object.defineProperty) && Object.getOwnPropertyDescriptor(D, X)) && (j.get || j.set) ? N(U, X, j) : U[X] = D[X]);
-      return U;
+      for (const U in D) U !== "default" && {}.hasOwnProperty.call(D, U) && ((Y = (N = Object.defineProperty) && Object.getOwnPropertyDescriptor(D, U)) && (Y.get || Y.set) ? N(k, U, Y) : k[U] = D[U]);
+      return k;
     })(u, C);
   }
   let o = "";
@@ -5196,9 +5212,9 @@ function rn() {
     const D = C === C.ownerDocument.body ? {
       left: 0,
       top: 0
-    } : C.getBoundingClientRect(), B = (u.clientX + C.scrollLeft - D.left) / A, N = (u.clientY + C.scrollTop - D.top) / A;
+    } : C.getBoundingClientRect(), W = (u.clientX + C.scrollLeft - D.left) / A, N = (u.clientY + C.scrollTop - D.top) / A;
     return {
-      x: B,
+      x: W,
       y: N
     };
   }
@@ -5215,12 +5231,12 @@ function rn() {
     let {
       x: M,
       y: D
-    } = u, B = `translate(${M}${A},${D}${A})`;
+    } = u, W = `translate(${M}${A},${D}${A})`;
     if (C) {
-      const N = `${typeof C.x == "string" ? C.x : C.x + A}`, j = `${typeof C.y == "string" ? C.y : C.y + A}`;
-      B = `translate(${N}, ${j})` + B;
+      const N = `${typeof C.x == "string" ? C.x : C.x + A}`, Y = `${typeof C.y == "string" ? C.y : C.y + A}`;
+      W = `translate(${N}, ${Y})` + W;
     }
-    return B;
+    return W;
   }
   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);
@@ -5259,7 +5275,7 @@ function rn() {
   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 Re = {}, $n;
 function mr() {
@@ -5831,31 +5847,31 @@ function Ni() {
           position: A,
           positionOffset: M,
           scale: D,
-          ...B
+          ...W
         } = this.props;
-        let N = {}, j = null;
-        const X = !!!A || this.state.dragging, I = A || p, oe = {
+        let N = {}, Y = null;
+        const U = !!!A || this.state.dragging, I = A || p, re = {
           // Set left if horizontal drag is enabled
-          x: (0, i.canDragX)(this) && X ? this.state.x : I.x,
+          x: (0, i.canDragX)(this) && U ? this.state.x : I.x,
           // Set top if vertical drag is enabled
-          y: (0, i.canDragY)(this) && X ? this.state.y : I.y
+          y: (0, i.canDragY)(this) && U ? this.state.y : I.y
         };
-        this.state.isElementSVG ? j = (0, s.createSVGTransform)(oe, M) : N = (0, s.createCSSTransform)(oe, M);
-        const te = (0, l.clsx)(T.props.className || "", b, {
+        this.state.isElementSVG ? Y = (0, s.createSVGTransform)(re, M) : N = (0, s.createCSSTransform)(re, M);
+        const ee = (0, l.clsx)(T.props.className || "", b, {
           [u]: this.state.dragging,
           [C]: this.state.dragged
         });
-        return /* @__PURE__ */ n.createElement(a.default, g({}, B, {
+        return /* @__PURE__ */ n.createElement(a.default, g({}, W, {
           onStart: this.onDragStart,
           onDrag: this.onDrag,
           onStop: this.onDragStop
         }), /* @__PURE__ */ n.cloneElement(n.Children.only(T), {
-          className: te,
+          className: ee,
           style: {
             ...T.props.style,
             ...N
           },
-          transform: j
+          transform: Y
         }));
       }
     }
@@ -5993,14 +6009,14 @@ function Fi() {
 }
 var Ii = Fi();
 const $i = /* @__PURE__ */ to(Ii), Ui = ({ children: e, usePopover: n, ...r }) => n ? /* @__PURE__ */ t.jsx(qt, { ...r, visible: r == null ? void 0 : r.open, children: e }) : e, Hi = () => {
-  const e = F(
+  const e = $(
     "WidgetDisconnected",
     "Widget Disconnected"
-  ), [n, r] = W(!0), [o, l] = W({
+  ), [n, r] = B(!0), [o, l] = B({
     x: 0,
     y: 250,
     maxY: window.innerHeight - 200
-  }), [s, i] = W(!1), [c, a] = W(!1), f = ne(), m = ne(null), h = ne(null), g = ne(null), y = ne({
+  }), [s, i] = B(!1), [c, a] = B(!1), f = ne(), m = ne(null), h = ne(null), g = ne(null), y = ne({
     x: 0,
     y: 0
   }), { widgetProps: _, setOpenWidget: v, isFirstOpenWidget: S, setFirstOpenWidget: E } = de(), { onSendMsg: w, connected: x, isHandshakeWidget: T } = ke(), p = () => {
@@ -6045,8 +6061,8 @@ const $i = /* @__PURE__ */ to(Ii), Ui = ({ children: e, usePopover: n, ...r }) =
           handle: ".w-handler-launcher-widget",
           axis: "y",
           onDrag: (A, M) => {
-            const D = Math.abs(M.x - y.current.x), B = Math.abs(M.y - y.current.y);
-            (D > 3 || B > 3) && a(!0), l((N) => ({
+            const D = Math.abs(M.x - y.current.x), W = Math.abs(M.y - y.current.y);
+            (D > 3 || W > 3) && a(!0), l((N) => ({
               ...N,
               y: M.y
             }));
@@ -6087,14 +6103,14 @@ const $i = /* @__PURE__ */ to(Ii), Ui = ({ children: e, usePopover: n, ...r }) =
       )
     }
   );
-}, Wi = G(Hi), Bi = () => {
-  const e = F("NotConnected", "Not Connected"), n = F(
+}, Wi = K(Hi), Bi = () => {
+  const e = $("NotConnected", "Not Connected"), n = $(
     "CannotAutoReconnect",
     "Cannot auto reconnect"
-  ), r = F(
+  ), r = $(
     "ReconnectManually",
     "Reconnect Manually"
-  ), [o, l] = W(!1), { connected: s, createSocket: i } = ke(), { widgetProps: c } = de();
+  ), [o, l] = B(!1), { connected: s, createSocket: i } = ke(), { widgetProps: c } = de();
   return fe(() => {
     l(!s);
   }, [s]), /* @__PURE__ */ t.jsx(
@@ -6102,12 +6118,12 @@ const $i = /* @__PURE__ */ to(Ii), Ui = ({ children: e, usePopover: n, ...r }) =
     {
       title: `${c == null ? void 0 : c.title} ${e}`,
       subTitle: /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-        /* @__PURE__ */ t.jsxs(ie.Text, { children: [
+        /* @__PURE__ */ t.jsxs(ae.Text, { children: [
           n,
           "?"
         ] }),
         /* @__PURE__ */ t.jsx(
-          ie.Link,
+          ae.Link,
           {
             strong: !0,
             className: "w-reconnect-manual",
@@ -6122,10 +6138,10 @@ const $i = /* @__PURE__ */ to(Ii), Ui = ({ children: e, usePopover: n, ...r }) =
       open: !s && o
     }
   );
-}, Yi = G(
+}, Yi = K(
   Bi
 ), Vi = () => {
-  const { xs: e } = Me.useBreakpoint(), [n, r] = W(!1), { isOpenWidget: o, widgetProps: l } = de(), { isActiveTabVA: s } = Ue(), i = ne(null), c = z(() => {
+  const { xs: e } = Me.useBreakpoint(), [n, r] = B(!1), { isOpenWidget: o, widgetProps: l } = de(), { isActiveTabVA: s } = Ue(), i = ne(null), c = G(() => {
     var m;
     const f = [Ft];
     return e && (l != null && l.isSF ? f == null || f.push(`${Ft}-sf-mobile`) : f == null || f.push(`${Ft}-mobile`)), (m = f == null ? void 0 : f.filter(Boolean)) == null ? void 0 : m.join(" ");
@@ -6149,18 +6165,18 @@ const $i = /* @__PURE__ */ to(Ii), Ui = ({ children: e, usePopover: n, ...r }) =
     /* @__PURE__ */ t.jsx("div", { style: { display: s ? "none" : "block" }, children: /* @__PURE__ */ t.jsx("div", { className: a(xo), children: /* @__PURE__ */ t.jsx($s, { children: /* @__PURE__ */ t.jsx(Ns, { children: /* @__PURE__ */ t.jsx(_i, {}) }) }) }) }),
     /* @__PURE__ */ t.jsx(Yi, {})
   ] }) : /* @__PURE__ */ t.jsx(Wi, {});
-}, zi = G(Vi), Gi = ({ items: e, ...n }) => rt != null && rt.startsWith("5") || ot != null && ot.startsWith("18") ? /* @__PURE__ */ t.jsx(Ot, { ...n, items: e }) : /* @__PURE__ */ t.jsx(Ot, { ...n, children: e == null ? void 0 : e.map(({ ...r }) => /* @__PURE__ */ Gt(
+}, zi = K(Vi), Gi = ({ items: e, ...n }) => rt != null && rt.startsWith("5") || ot != null && ot.startsWith("18") ? /* @__PURE__ */ t.jsx(Ot, { ...n, items: e }) : /* @__PURE__ */ t.jsx(Ot, { ...n, children: e == null ? void 0 : e.map(({ ...r }) => /* @__PURE__ */ Gt(
   Ot.TabPane,
   {
     ...r,
     key: r == null ? void 0 : r.key,
     tab: r == null ? void 0 : r.label
   }
-)) }), qi = G(Gi), Ki = () => {
-  const { isOpenWidget: e, isUserInputHide: n } = de(), { setActiveTab: r, activeTab: o } = Ue(), l = F(
+)) }), qi = K(Gi), Ki = () => {
+  const { isOpenWidget: e, isUserInputHide: n } = de(), { setActiveTab: r, activeTab: o } = Ue(), l = $(
     "VirtualAssistant",
     "Virtual Assistant"
-  ), s = F("Helpdesk", "Helpdesk"), { xs: i } = Me.useBreakpoint();
+  ), s = $("Helpdesk", "Helpdesk"), { xs: i } = Me.useBreakpoint();
   return fe(() => {
     const c = Xn();
     r((c == null ? void 0 : c.activeTab) ?? o);
@@ -6196,8 +6212,8 @@ const $i = /* @__PURE__ */ to(Ii), Ui = ({ children: e, usePopover: n, ...r }) =
       )
     }
   ) : null;
-}, Pi = G(Ki), Xi = () => {
-  const { isOpenWidget: e, setOpenWidget: n, setExpand: r, isExpand: o, widgetProps: l } = de(), { xs: s } = Me.useBreakpoint(), i = z(() => {
+}, Pi = K(Ki), Xi = () => {
+  const { isOpenWidget: e, setOpenWidget: n, setExpand: r, isExpand: o, widgetProps: l } = de(), { xs: s } = Me.useBreakpoint(), i = G(() => {
     const { title: c = "", modelName: a = "" } = l;
     return a ? `${c} (${a})` : c;
   }, [l == null ? void 0 : l.title, l == null ? void 0 : l.modelName]);
@@ -6242,8 +6258,8 @@ const $i = /* @__PURE__ */ to(Ii), Ui = ({ children: e, usePopover: n, ...r }) =
       ]
     }
   ) : null;
-}, Ji = G(Xi), Zi = () => {
-  const { isExpand: e, isOpenWidget: n, isFirstOpenWidget: r, setOpenWidget: o } = de(), { xs: l } = Me.useBreakpoint(), s = z(() => {
+}, Ji = K(Xi), Zi = () => {
+  const { isExpand: e, isOpenWidget: n, isFirstOpenWidget: r, setOpenWidget: o } = de(), { xs: l } = Me.useBreakpoint(), s = G(() => {
     var c;
     const i = [
       l && n && "w-container-widget-mobile",
@@ -6270,7 +6286,7 @@ const $i = /* @__PURE__ */ to(Ii), Ui = ({ children: e, usePopover: n, ...r }) =
       ]
     }
   );
-}, Qi = G(Zi), pa = ({
+}, Qi = K(Zi), pa = ({
   getStartedPayload: e,
   socketURL: n,
   socketPath: r,