widget-chatbot 2.0.0-alpha.7 → 2.0.0-alpha.8

package/dist/widget-chatbot.es.js

@@ -7,7 +7,7 @@ import es from "react-markdown";
 import ns from "remark-gfm";
 import { Prism as ts } from "react-syntax-highlighter";
 import ss from "@ant-design/icons";
-import { Pie as rs } from "@ant-design/plots";
+import { Pie as rs } from "@ant-design/charts";
 import pe from "crypto-js";
 import os from "@emoji-mart/react";
 var Je = { exports: {} }, _e = {};
@@ -35,22 +35,22 @@ function Pn() {
         return !1;
       for (var o = {}, a = 0; a < 10; a++)
         o["_" + String.fromCharCode(a)] = a;
-      var d = Object.getOwnPropertyNames(o).map(function(x) {
-        return o[x];
+      var d = Object.getOwnPropertyNames(o).map(function(f) {
+        return o[f];
       });
       if (d.join("") !== "0123456789")
         return !1;
       var u = {};
-      return "abcdefghijklmnopqrst".split("").forEach(function(x) {
-        u[x] = x;
+      return "abcdefghijklmnopqrst".split("").forEach(function(f) {
+        u[f] = f;
       }), Object.keys(Object.assign({}, u)).join("") === "abcdefghijklmnopqrst";
     } catch {
       return !1;
     }
   }
   return ln = c() ? Object.assign : function(l, o) {
-    for (var a, d = r(l), u, x = 1; x < arguments.length; x++) {
-      a = Object(arguments[x]);
+    for (var a, d = r(l), u, f = 1; f < arguments.length; f++) {
+      a = Object(arguments[f]);
       for (var g in a)
         t.call(a, g) && (d[g] = a[g]);
       if (e) {
@@ -81,10 +81,10 @@ function cs() {
   }
   var r = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, c = Object.prototype.hasOwnProperty, l = { key: !0, ref: !0, __self: !0, __source: !0 };
   function o(a, d, u) {
-    var x, g = {}, m = null, v = null;
+    var f, g = {}, m = null, v = null;
     u !== void 0 && (m = "" + u), d.key !== void 0 && (m = "" + d.key), d.ref !== void 0 && (v = d.ref);
-    for (x in d) c.call(d, x) && !l.hasOwnProperty(x) && (g[x] = d[x]);
-    if (a && a.defaultProps) for (x in d = a.defaultProps, d) g[x] === void 0 && (g[x] = d[x]);
+    for (f in d) c.call(d, f) && !l.hasOwnProperty(f) && (g[f] = d[f]);
+    if (a && a.defaultProps) for (f in d = a.defaultProps, d) g[f] === void 0 && (g[f] = d[f]);
     return { $$typeof: t, type: a, key: m, ref: v, props: g, _owner: r.current };
   }
   return _e.jsx = o, _e.jsxs = o, _e;
@@ -104,10 +104,10 @@ function is() {
     process.env.NODE_ENV !== "production" && function() {
       var t = Jn, s = Pn(), r = 60103, c = 60106;
       e.Fragment = 60107;
-      var l = 60108, o = 60114, a = 60109, d = 60110, u = 60112, x = 60113, g = 60120, m = 60115, v = 60116, E = 60121, k = 60122, w = 60117, y = 60129, C = 60131;
+      var l = 60108, o = 60114, a = 60109, d = 60110, u = 60112, f = 60113, g = 60120, m = 60115, v = 60116, E = 60121, k = 60122, w = 60117, y = 60129, C = 60131;
       if (typeof Symbol == "function" && Symbol.for) {
-        var f = Symbol.for;
-        r = f("react.element"), c = f("react.portal"), e.Fragment = f("react.fragment"), l = f("react.strict_mode"), o = f("react.profiler"), a = f("react.provider"), d = f("react.context"), u = f("react.forward_ref"), x = f("react.suspense"), g = f("react.suspense_list"), m = f("react.memo"), v = f("react.lazy"), E = f("react.block"), k = f("react.server.block"), w = f("react.fundamental"), f("react.scope"), f("react.opaque.id"), y = f("react.debug_trace_mode"), f("react.offscreen"), C = f("react.legacy_hidden");
+        var x = Symbol.for;
+        r = x("react.element"), c = x("react.portal"), e.Fragment = x("react.fragment"), l = x("react.strict_mode"), o = x("react.profiler"), a = x("react.provider"), d = x("react.context"), u = x("react.forward_ref"), f = x("react.suspense"), g = x("react.suspense_list"), m = x("react.memo"), v = x("react.lazy"), E = x("react.block"), k = x("react.server.block"), w = x("react.fundamental"), x("react.scope"), x("react.opaque.id"), y = x("react.debug_trace_mode"), x("react.offscreen"), C = x("react.legacy_hidden");
       }
       var b = typeof Symbol == "function" && Symbol.iterator, h = "@@iterator";
       function D(i) {
@@ -136,7 +136,7 @@ function is() {
       }
       var Y = !1;
       function B(i) {
-        return !!(typeof i == "string" || typeof i == "function" || i === e.Fragment || i === o || i === y || i === l || i === x || i === g || i === C || Y || typeof i == "object" && i !== null && (i.$$typeof === v || i.$$typeof === m || i.$$typeof === a || i.$$typeof === d || i.$$typeof === u || i.$$typeof === w || i.$$typeof === E || i[0] === k));
+        return !!(typeof i == "string" || typeof i == "function" || i === e.Fragment || i === o || i === y || i === l || i === f || i === g || i === C || Y || typeof i == "object" && i !== null && (i.$$typeof === v || i.$$typeof === m || i.$$typeof === a || i.$$typeof === d || i.$$typeof === u || i.$$typeof === w || i.$$typeof === E || i[0] === k));
       }
       function S(i, T, p) {
         var R = T.displayName || T.name || "";
@@ -161,7 +161,7 @@ function is() {
             return "Profiler";
           case l:
             return "StrictMode";
-          case x:
+          case f:
             return "Suspense";
           case g:
             return "SuspenseList";
@@ -358,7 +358,7 @@ function is() {
         if (typeof i == "string")
           return Ye(i);
         switch (i) {
-          case x:
+          case f:
             return Ye("Suspense");
           case g:
             return Ye("SuspenseList");
@@ -658,7 +658,7 @@ function ls() {
   return Yn || (Yn = 1, process.env.NODE_ENV === "production" ? Je.exports = cs() : Je.exports = is()), Je.exports;
 }
 var n = ls();
-const as = "2.0.0-alpha.3", et = "chat_session", ds = "user_uttered", us = "bot_uttered", fs = "ehelp_bot_uttered", xs = "https://sfchatbot.dataon.com", gs = [
+const as = "2.0.0-alpha.7", et = "chat_session", ds = "user_uttered", us = "bot_uttered", fs = "ehelp_bot_uttered", xs = "https://sfchatbot.dataon.com", gs = [
   {
     label: "Didn’t address my question",
     value: "Didn’t address my question"
@@ -765,7 +765,7 @@ const as = "2.0.0-alpha.3", et = "chat_session", ds = "user_uttered", us = "bot_
       r == null || r.push(a);
     }) : r == null || r.push(l);
   }), r == null || r.forEach((l, o) => {
-    var d, u, x;
+    var d, u, f;
     const a = l == null ? void 0 : l.generated_id;
     a ? (t[a] || (t[a] = []), (u = t[a]) == null || u.push({
       ...l,
@@ -785,7 +785,7 @@ const as = "2.0.0-alpha.3", et = "chat_session", ds = "user_uttered", us = "bot_
       ...l,
       keyItem: o,
       ...!(l != null && l.timestamp) && {
-        timestamp: (x = le()) == null ? void 0 : x.format("hh:mm A")
+        timestamp: (f = le()) == null ? void 0 : f.format("hh:mm A")
       }
     });
   });
@@ -877,7 +877,7 @@ const be = (e = ".w-wrapper-body") => {
   history: d,
   isSF: u
 }) => {
-  const [x, g] = N(!1), [m, v] = N("va"), [E, k] = N(!1), [w, y] = N({}), [C, f] = N(!1), [b, h] = N(!1), D = K(!1), O = L(() => ({
+  const [f, g] = N(!1), [m, v] = N("va"), [E, k] = N(!1), [w, y] = N({}), [C, x] = N(!1), [b, h] = N(!1), D = K(!1), O = L(() => ({
     getStartedPayload: t,
     socketURL: s,
     socketPath: r,
@@ -908,7 +908,7 @@ const be = (e = ".w-wrapper-body") => {
       value: {
         objInitPayload: w,
         setOpenWidget: g,
-        isOpenWidget: x,
+        isOpenWidget: f,
         activeTab: m,
         setActiveTab: v,
         isExpand: E,
@@ -917,7 +917,7 @@ const be = (e = ".w-wrapper-body") => {
         parsedJWT: _,
         widgetProps: O,
         isFirstOpenWidget: C,
-        setFirstOpenWidget: f,
+        setFirstOpenWidget: x,
         isFirstRenderHelpdesk: D,
         history: d,
         showReadyWSHD: b,
@@ -934,14 +934,14 @@ const be = (e = ".w-wrapper-body") => {
     )) == null || o.then(({ data: a }) => {
       var d;
       if (a) {
-        const u = Object.keys((d = Object.values(a)) == null ? void 0 : d[0]), x = {};
+        const u = Object.keys((d = Object.values(a)) == null ? void 0 : d[0]), f = {};
         u == null || u.forEach((g) => {
           var m;
           (m = Object.keys(a)) == null || m.forEach((v) => {
             var E;
-            x[g == null ? void 0 : g.toLowerCase()] = (E = a == null ? void 0 : a[v]) == null ? void 0 : E[g];
+            f[g == null ? void 0 : g.toLowerCase()] = (E = a == null ? void 0 : a[v]) == null ? void 0 : E[g];
           });
-        }), r(x);
+        }), r(f);
       }
     });
   }, l = () => {
@@ -968,13 +968,13 @@ const be = (e = ".w-wrapper-body") => {
   }, [t == null ? void 0 : t.uriService, t == null ? void 0 : t.lang]), /* @__PURE__ */ n.jsx(it.Provider, { value: { langDatas: s }, children: e });
 }, lt = Ee({}), ue = () => ye(lt), Ls = ({ children: e }) => {
   var B;
-  const [t, s] = N([]), [r, c] = N(!1), [l, o] = N(!1), [a, d] = N({}), [u, x] = N(!1), [g, m] = N(!1), {
+  const [t, s] = N([]), [r, c] = N(!1), [l, o] = N(!1), [a, d] = N({}), [u, f] = N(!1), [g, m] = N(!1), {
     objInitPayload: v,
     widgetProps: E,
     setOpenWidget: k,
     setFirstOpenWidget: w,
     isFirstRenderHelpdesk: y
-  } = Q(), C = K(null), f = K(""), b = K(""), h = (S) => {
+  } = Q(), C = K(null), x = K(""), b = K(""), h = (S) => {
     const M = ie(S, "text_feedback_link") && ie(S, "text");
     s((I) => {
       const F = [
@@ -992,13 +992,13 @@ const be = (e = ".w-wrapper-body") => {
   }, D = () => {
     var S, M, I, F;
     (S = C == null ? void 0 : C.current) == null || S.emit("session_request", { session_id: null }), (M = C == null ? void 0 : C.current) == null || M.on("session_confirm", (U) => {
-      f.current = U, Pe({
+      x.current = U, Pe({
         session_id: U == null ? void 0 : U.session_id
       });
     }), (I = C == null ? void 0 : C.current) == null || I.on(us, h), (F = C == null ? void 0 : C.current) == null || F.on(fs, (U) => {
       const J = JSON.parse(U || "{}");
       ie(J, "iswidget") && m(J == null ? void 0 : J.iswidget);
-    }), u || x(!0), w(!1);
+    }), u || f(!0), w(!1);
   }, O = ({
     msg: S,
     additionalConfig: M = {},
@@ -1010,7 +1010,7 @@ const be = (e = ".w-wrapper-body") => {
         language: v == null ? void 0 : v.lang
       },
       message: S,
-      session_id: f == null ? void 0 : f.current,
+      session_id: x == null ? void 0 : x.current,
       ...M
     }), I ? c(!0) : o(!0);
   }, _ = () => {
@@ -1032,18 +1032,18 @@ const be = (e = ".w-wrapper-body") => {
         err: F,
         socketURL: E == null ? void 0 : E.socketURL,
         socketPath: E == null ? void 0 : E.widgetProps
-      });
+      }), f(!1);
     }), S.io.on("reconnect", () => {
       console.error("reconnect widget-chatbot : ", {
         socketURL: E == null ? void 0 : E.socketURL,
         socketPath: E == null ? void 0 : E.widgetProps
-      });
+      }), f(!1);
     }), C.current = S;
   }, q = () => {
     var S;
     (!((S = C == null ? void 0 : C.current) != null && S.connected) || !u) && (_(), k(!1));
   }, Y = () => {
-    x(!1);
+    f(!1);
   };
   return X(() => (k(!1), _(), window.addEventListener("online", q), window.addEventListener("offline", Y), () => {
     var S, M;
@@ -1061,7 +1061,7 @@ const be = (e = ".w-wrapper-body") => {
         onSendMsg: O,
         isWaitResponse: r,
         socket: C == null ? void 0 : C.current,
-        sessionId: (B = f == null ? void 0 : f.current) == null ? void 0 : B.session_id,
+        sessionId: (B = x == null ? void 0 : x.current) == null ? void 0 : B.session_id,
         loadingRegenerate: l,
         file: a,
         setFile: d,
@@ -1491,13 +1491,13 @@ const be = (e = ".w-wrapper-body") => {
       )
     ] }),
     code: ({ ...o }) => {
-      const { children: a, className: d, ...u } = o, x = /language-(\w+)/.exec(d || "");
-      return x ? /* @__PURE__ */ n.jsx(
+      const { children: a, className: d, ...u } = o, f = /language-(\w+)/.exec(d || "");
+      return f ? /* @__PURE__ */ n.jsx(
         ts,
         {
           ...u,
           PreTag: "div",
-          language: x[1],
+          language: f[1],
           style: Os,
           children: String(a).replace(/\n$/, "")
         }
@@ -1843,14 +1843,14 @@ const be = (e = ".w-wrapper-body") => {
   ), l = j(
     "AdditionalFeedback",
     "Additional Feedback"
-  ), [o] = oe.useForm(), [a, d] = N(!1), [u, x] = N(""), { setChats: g } = ue(), { objInitPayload: m } = Q(), { activeTab: v } = ve(), E = L(() => {
-    var f;
+  ), [o] = oe.useForm(), [a, d] = N(!1), [u, f] = N(""), { setChats: g } = ue(), { objInitPayload: m } = Q(), { activeTab: v } = ve(), E = L(() => {
+    var x;
     const C = ie(e, "feedback") ? (e == null ? void 0 : e.feedback) === "like" || (e == null ? void 0 : e.feedback) === "" : !0;
-    return typeof (e == null ? void 0 : e.text_thumbsup_link) == "string" && ((f = e == null ? void 0 : e.text_thumbsup_link) == null ? void 0 : f.trim()) !== "" && C;
+    return typeof (e == null ? void 0 : e.text_thumbsup_link) == "string" && ((x = e == null ? void 0 : e.text_thumbsup_link) == null ? void 0 : x.trim()) !== "" && C;
   }, [e]), k = L(() => {
-    var f;
+    var x;
     const C = ie(e, "feedback") ? (e == null ? void 0 : e.feedback) === "dislike" || (e == null ? void 0 : e.feedback) === "" : !0;
-    return typeof (e == null ? void 0 : e.text_thumbsdown_link) == "string" && ((f = e == null ? void 0 : e.text_thumbsdown_link) == null ? void 0 : f.trim()) !== "" && C;
+    return typeof (e == null ? void 0 : e.text_thumbsdown_link) == "string" && ((x = e == null ? void 0 : e.text_thumbsdown_link) == null ? void 0 : x.trim()) !== "" && C;
   }, [e]), w = L(() => {
     if (m != null && m.uriBackend)
       try {
@@ -1861,7 +1861,7 @@ const be = (e = ".w-wrapper-body") => {
     return "";
   }, [m == null ? void 0 : m.uriBackend]), y = (C) => {
     var B;
-    const f = C === "like" ? e == null ? void 0 : e.text_thumbsup_link : e == null ? void 0 : e.text_thumbsdown_link, {
+    const x = C === "like" ? e == null ? void 0 : e.text_thumbsup_link : e == null ? void 0 : e.text_thumbsdown_link, {
       access_token: b = "",
       companycode: h = "",
       companyid: D = "",
@@ -1871,7 +1871,7 @@ const be = (e = ".w-wrapper-body") => {
     } = m || {}, Y = u === "another" ? o == null ? void 0 : o.getFieldValue("ADDITIONAL_FEEDBACK") : u;
     (B = Re({
       method: "POST",
-      url: f,
+      url: x,
       data: {
         message_id: e == null ? void 0 : e.id,
         response_type: C === "like" ? "up" : "down",
@@ -1970,8 +1970,8 @@ const be = (e = ".w-wrapper-body") => {
               optionType: "button",
               buttonStyle: "solid",
               onChange: (C) => {
-                var f;
-                x((f = C == null ? void 0 : C.target) == null ? void 0 : f.value);
+                var x;
+                f((x = C == null ? void 0 : C.target) == null ? void 0 : x.value);
               }
             }
           ),
@@ -1989,7 +1989,7 @@ const be = (e = ".w-wrapper-body") => {
   position: s = "left",
   ...r
 }) => {
-  const c = ys(), { chats: l, onSendMsg: o, setChats: a, loadingRegenerate: d, currRegenerateId: u } = ue(), x = L(() => r == null ? void 0 : r.sender, [r]), g = L(() => l == null ? void 0 : l.filter((w) => (w == null ? void 0 : w.sender) === "client"), [l]), m = L(() => t && x === "response" && (g == null ? void 0 : g.length) > 0 && (r == null ? void 0 : r.indexChat) === (l == null ? void 0 : l.length) - 1, [x, g, l, r == null ? void 0 : r.indexChat, t]), v = L(() => {
+  const c = ys(), { chats: l, onSendMsg: o, setChats: a, loadingRegenerate: d, currRegenerateId: u } = ue(), f = L(() => r == null ? void 0 : r.sender, [r]), g = L(() => l == null ? void 0 : l.filter((w) => (w == null ? void 0 : w.sender) === "client"), [l]), m = L(() => t && f === "response" && (g == null ? void 0 : g.length) > 0 && (r == null ? void 0 : r.indexChat) === (l == null ? void 0 : l.length) - 1, [f, g, l, r == null ? void 0 : r.indexChat, t]), v = L(() => {
     switch (s) {
       case "left":
         return "flex-start";
@@ -2001,11 +2001,11 @@ const be = (e = ".w-wrapper-body") => {
   }, [s]), E = L(() => e && (r == null ? void 0 : r.text_FeedbackIcons) === "hidup", [r, e]), k = () => {
     const w = g == null ? void 0 : g[(g == null ? void 0 : g.length) - 1], y = l == null ? void 0 : l[(l == null ? void 0 : l.length) - 1];
     a(
-      (C = []) => C == null ? void 0 : C.map((f, b) => b === (C == null ? void 0 : C.length) - 1 && (f == null ? void 0 : f.sender) === "response" ? {
-        ...f,
+      (C = []) => C == null ? void 0 : C.map((x, b) => b === (C == null ? void 0 : C.length) - 1 && (x == null ? void 0 : x.sender) === "response" ? {
+        ...x,
         generated_id: (y == null ? void 0 : y.generated_id) ?? c
         // adjust with response
-      } : f)
+      } : x)
     ), u.current = (y == null ? void 0 : y.generated_id) ?? c, o({
       msg: w == null ? void 0 : w.text,
       additionalConfig: {
@@ -2083,7 +2083,7 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
   /* @__PURE__ */ n.jsx(he, { src: e, preview: !1, nameFallback: t }),
   /* @__PURE__ */ n.jsx(V.Text, { children: t })
 ] }), Ue = A(lr), ar = ({ ...e }) => {
-  var x, g;
+  var f, g;
   const [t, s] = N(1), { loadingRegenerate: r, currRegenerateId: c } = ue(), { isExpand: l, widgetProps: o } = Q(), a = L(() => e == null ? void 0 : e.sender, [e]), d = L(() => e == null ? void 0 : e.chats, [e == null ? void 0 : e.chats]), u = L(() => {
     const m = d == null ? void 0 : d[(d == null ? void 0 : d.length) - 1];
     return (m == null ? void 0 : m.generated_id) === c.current;
@@ -2161,7 +2161,7 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         /* @__PURE__ */ n.jsxs(V.Text, { children: [
           t,
           " / ",
-          (x = e == null ? void 0 : e.chats) == null ? void 0 : x.length
+          (f = e == null ? void 0 : e.chats) == null ? void 0 : f.length
         ] }),
         /* @__PURE__ */ n.jsx(
           W,
@@ -2253,12 +2253,12 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     }
   );
 }, gr = A(xr), Cr = () => {
-  const [e, t] = N(!1), [s, r] = N(!1), [c, l] = N(!1), [o, a] = N(3), [d, u] = N(!1), [x, g] = N(""), { widgetProps: m } = Q(), { onSendMsg: v, chats: E } = ue(), { onSubmitPYPwd: k = () => {
+  const [e, t] = N(!1), [s, r] = N(!1), [c, l] = N(!1), [o, a] = N(3), [d, u] = N(!1), [f, g] = N(""), { widgetProps: m } = Q(), { onSendMsg: v, chats: E } = ue(), { onSubmitPYPwd: k = () => {
   }, onCheckPYAccess: w = () => {
   } } = (m == null ? void 0 : m.onPayslipFn) || {}, y = j(
     "ProvidePasswordPayslip",
     "Please provide your password account to access the download"
-  ), C = j("Cancel", "Cancel"), f = j("Submit", "Submit"), b = j("Password", "Password"), h = j("IsRequired", "Is Required"), D = j(
+  ), C = j("Cancel", "Cancel"), x = j("Submit", "Submit"), b = j("Password", "Password"), h = j("IsRequired", "Is Required"), D = j(
     "PasswordPayslipValid",
     "Your password is valid. Please download the payslip file"
   ), O = j(
@@ -2314,7 +2314,7 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     var U;
     const F = E == null ? void 0 : E[(E == null ? void 0 : E.length) - 1];
     ((U = F == null ? void 0 : F.attachment) == null ? void 0 : U.type) === "show_password_wp" && S();
-  }, []), c ? d ? /* @__PURE__ */ n.jsx(Ie, { sender: "response", text: `${_}...` }) : o === 0 ? /* @__PURE__ */ n.jsx(Ie, { sender: "response", text: O }) : x ? /* @__PURE__ */ n.jsx(Ie, { sender: "response", text: x }) : /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
+  }, []), c ? d ? /* @__PURE__ */ n.jsx(Ie, { sender: "response", text: `${_}...` }) : o === 0 ? /* @__PURE__ */ n.jsx(Ie, { sender: "response", text: O }) : f ? /* @__PURE__ */ n.jsx(Ie, { sender: "response", text: f }) : /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
     /* @__PURE__ */ n.jsx(oe, { form: B, layout: "vertical", children: /* @__PURE__ */ n.jsx(
       oe.Item,
       {
@@ -2341,7 +2341,7 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     ) }),
     !e && /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", gap: 8 }, children: [
       /* @__PURE__ */ n.jsx(W, { disabled: s, onClick: M, children: C }),
-      /* @__PURE__ */ n.jsx(W, { type: "primary", onClick: I, loading: s, children: f })
+      /* @__PURE__ */ n.jsx(W, { type: "primary", onClick: I, loading: s, children: x })
     ] })
   ] }) : null;
 }, mr = A(Cr), br = ({ ...e }) => {
@@ -2362,7 +2362,7 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       responseType: "blob"
     })) == null || o.then((a) => {
       var m;
-      const d = (m = c == null ? void 0 : c.body) == null ? void 0 : m.media, u = `${c == null ? void 0 : c.filename}.${d}`, x = new Blob([a == null ? void 0 : a.data]), g = URL == null ? void 0 : URL.createObjectURL(x);
+      const d = (m = c == null ? void 0 : c.body) == null ? void 0 : m.media, u = `${c == null ? void 0 : c.filename}.${d}`, f = new Blob([a == null ? void 0 : a.data]), g = URL == null ? void 0 : URL.createObjectURL(f);
       Tn({ downloadURL: g, fileName: u }), URL.revokeObjectURL(g);
     });
   };
@@ -2371,11 +2371,11 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
   const t = K(), s = j("DownloadChart", "Download Chart"), r = L(() => e == null ? void 0 : e.attachment, [e == null ? void 0 : e.attachment]), c = L(() => {
     var o;
     return (o = r == null ? void 0 : r.data) == null ? void 0 : o.map((a, d) => {
-      var u, x;
+      var u, f;
       return {
         label: (u = r == null ? void 0 : r.labels) == null ? void 0 : u[d],
         value: a,
-        color: (x = r == null ? void 0 : r.colors) == null ? void 0 : x[d]
+        color: (f = r == null ? void 0 : r.colors) == null ? void 0 : f[d]
       };
     });
   }, [r]), l = () => {
@@ -2455,7 +2455,7 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     r && /* @__PURE__ */ n.jsx(wn, {})
   ] }) : null;
 }, wr = A(jr), pr = () => {
-  var f;
+  var x;
   const e = j(
     "ContinueWithoutUpload",
     "Continue without Upload"
@@ -2468,7 +2468,7 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     setFile: o,
     chats: a,
     connected: d
-  } = ue(), { isActiveTabVA: u } = ve(), x = L(() => {
+  } = ue(), { isActiveTabVA: u } = ve(), f = L(() => {
     var h;
     const b = a == null ? void 0 : a[(a == null ? void 0 : a.length) - 1];
     return (b == null ? void 0 : b.sender) === "response" && ((h = b == null ? void 0 : b.attachment) == null ? void 0 : h.type) === "fileuploader";
@@ -2490,9 +2490,9 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
   return X(() => {
     var b;
     g != null && g.current && u && ((b = g == null ? void 0 : g.current) == null || b.focus());
-  }, [u]), x ? /* @__PURE__ */ n.jsxs("div", { className: "w-input-container", style: { alignItems: "center" }, children: [
+  }, [u]), f ? /* @__PURE__ */ n.jsxs("div", { className: "w-input-container", style: { alignItems: "center" }, children: [
     /* @__PURE__ */ n.jsx(V.Text, { children: l == null ? void 0 : l.name }),
-    ((f = Object == null ? void 0 : Object.keys(l || {})) == null ? void 0 : f.length) > 0 ? /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
+    ((x = Object == null ? void 0 : Object.keys(l || {})) == null ? void 0 : x.length) > 0 ? /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
       /* @__PURE__ */ n.jsx(
         W,
         {
@@ -2646,9 +2646,9 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     };
   }, [e]);
   return async (l) => {
-    var u, x, g;
+    var u, f, g;
     const { onSuccess: o, onError: a, onFinally: d } = l ?? {};
-    (g = (x = (u = Re({
+    (g = (f = (u = Re({
       url: e == null ? void 0 : e.uriBackend,
       params: {
         ofid: "sfsystem.RefreshToken",
@@ -2675,7 +2675,7 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         config: e == null ? void 0 : e.config
       };
       t(E), typeof o == "function" && o(m);
-    })) == null ? void 0 : x.catch((m) => {
+    })) == null ? void 0 : f.catch((m) => {
       typeof a == "function" && a(m);
     })) == null || g.finally(() => {
       typeof d == "function" && d();
@@ -2693,10 +2693,10 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     url: a,
     endpoint: d,
     method: u = "POST",
-    headers: x,
+    headers: f,
     ...g
   }) => {
-    var k, w, y, C, f, b;
+    var k, w, y, C, x, b;
     const m = {
       url: a || `${t == null ? void 0 : t.uriBackendHRMGO}${d}`,
       ...e.current && {
@@ -2704,7 +2704,7 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       },
       headers: {
         ...c,
-        ...x,
+        ...f,
         "Company-Code": t == null ? void 0 : t.companycode
       },
       method: u,
@@ -2715,7 +2715,7 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       (h) => {
         Promise.reject(h);
       }
-    ), (b = (f = v == null ? void 0 : v.interceptors) == null ? void 0 : f.response) == null || b.use(
+    ), (b = (x = v == null ? void 0 : v.interceptors) == null ? void 0 : x.response) == null || b.use(
       (h) => h,
       async (h) => {
         var O;
@@ -2733,7 +2733,7 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     e != null && e.current && ((a = e == null ? void 0 : e.current) == null || a.abort(), e.current = new AbortController());
   }, X(() => () => l.abort(), []), l;
 }, Ct = Ee({}), Ce = () => ye(Ct), Lr = ({ children: e }) => {
-  const t = en(), [s, r] = N([]), [c, l] = N(""), [o, a] = N(!1), [d, u] = N(!0), [x, g] = N(0), m = (v) => {
+  const t = en(), [s, r] = N([]), [c, l] = N(""), [o, a] = N(!1), [d, u] = N(!0), [f, g] = N(0), m = (v) => {
     var E, k, w, y;
     u(!0), (y = (w = t({
       endpoint: "/helpdesk/myticket/ticket-list",
@@ -2757,8 +2757,8 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         }
       }
     })) == null ? void 0 : w.then((C) => {
-      var f, b, h;
-      (f = C == null ? void 0 : C.data) != null && f.DATA && r((h = (b = C == null ? void 0 : C.data) == null ? void 0 : b.DATA) == null ? void 0 : h.LIST);
+      var x, b, h;
+      (x = C == null ? void 0 : C.data) != null && x.DATA && r((h = (b = C == null ? void 0 : C.data) == null ? void 0 : b.DATA) == null ? void 0 : h.LIST);
     })) == null || y.finally(() => {
       u(!1);
     });
@@ -2776,7 +2776,7 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         openFilter: o,
         setOpenFilter: a,
         loadingListTicket: d,
-        countFilters: x,
+        countFilters: f,
         setCountFilters: g
       },
       children: e
@@ -2811,39 +2811,39 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     ) }) })
   ] }) });
 }, Rr = A(Or), mt = Ee({}), Te = () => ye(mt), Dr = ({ children: e }) => {
-  const t = K(null), s = K(0), r = K(!1), c = K(null), [l, o] = N([]), [a, d] = N(0), { objInitPayload: u, parsedJWT: x, isFirstRenderHelpdesk: g, setShowReadyWSHD: m } = Q(), v = gt(), E = (C) => {
-    const f = new WebSocket(C);
-    f.onopen = () => {
+  const t = K(null), s = K(0), r = K(!1), c = K(null), [l, o] = N([]), [a, d] = N(0), { objInitPayload: u, parsedJWT: f, isFirstRenderHelpdesk: g, setShowReadyWSHD: m } = Q(), v = gt(), E = (C) => {
+    const x = new WebSocket(C);
+    x.onopen = () => {
       r.current = !0, s.current = 0, d(0), m(!0);
-    }, f.onerror = (b) => {
+    }, x.onerror = (b) => {
       m(!1), console.error(`${ke} - WebSocket error:`, b);
-    }, f.onclose = (b) => {
+    }, x.onclose = (b) => {
       console.warn(
         `${ke} - WebSocket disconnected:`,
         b
       ), r.current = !1, m(!1), !(b != null && b.wasClean) && (s == null ? void 0 : s.current) < $e && (s.current += 1, d((h) => h + 1), clearTimeout(c.current), c.current = setTimeout(k, 2e3));
-    }, f.onmessage = w(f), t.current = f;
+    }, x.onmessage = w(x), t.current = x;
   }, k = async () => {
     var Y, B, S;
     if (((Y = t.current) == null ? void 0 : Y.readyState) === (WebSocket == null ? void 0 : WebSocket.CONNECTING)) return;
     const {
       access_token: C,
-      companyid: f = "",
+      companyid: x = "",
       companycode: b = "",
       lang: h = "",
       uriBackendHRMGO: D = ""
     } = u ?? {};
-    if (!C || !f || !b) {
+    if (!C || !x || !b) {
       console.warn(
         `${ke} - Missing required WebSocket  credentials.`
       );
       return;
     }
     const O = `Bearer ${C}`, _ = (B = `${D}/ws`) == null ? void 0 : B.replace("https://", "wss://"), q = {
-      COMPANY_ID: f.toString(),
+      COMPANY_ID: x.toString(),
       COMPANY_CODE: b.toLowerCase(),
       LANGUAGE: h,
-      ACC_NAME: (S = x == null ? void 0 : x.INSTANCE) == null ? void 0 : S.toLowerCase(),
+      ACC_NAME: (S = f == null ? void 0 : f.INSTANCE) == null ? void 0 : S.toLowerCase(),
       TOKEN: O
     };
     try {
@@ -2864,13 +2864,13 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         M
       );
     }
-  }, w = (C) => (f) => {
+  }, w = (C) => (x) => {
     var b;
     try {
-      if ((f == null ? void 0 : f.data) === "PING")
+      if ((x == null ? void 0 : x.data) === "PING")
         C.send("PONG");
       else {
-        const { DATA: h, EVENT: D } = JSON.parse(f.data || "{}");
+        const { DATA: h, EVENT: D } = JSON.parse(x.data || "{}");
         !g.current && D === "USER_ONLINE_NOTIF" && Array.isArray(h == null ? void 0 : h.EMPLOYEES) && (o((b = h == null ? void 0 : h.EMPLOYEES) == null ? void 0 : b.filter(Boolean)), g.current = !0), D === "TOKEN_EXPIRED" && v({
           onSuccess: () => {
             k();
@@ -2880,15 +2880,15 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     } catch {
       console.error(
         `${ke} - Invalid WebSocket message:`,
-        f.data
+        x.data
       );
     }
-  }, y = ({ event: C, data: f, module: b = "HELPDESK_CHAT" }) => {
+  }, y = ({ event: C, data: x, module: b = "HELPDESK_CHAT" }) => {
     var h;
     (h = t == null ? void 0 : t.current) == null || h.send(
       JSON.stringify({
         EVENT: C,
-        DATA: f,
+        DATA: x,
         MODULE: b
       })
     );
@@ -2959,7 +2959,7 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
   ] });
 }, Mr = A(Nr), Fr = ({ children: e, open: t, onClose: s, footer: r, styleContainer: c }) => {
   var m;
-  const [l, o] = N(!1), a = K(), d = K(null), u = K(), x = L(() => t ? "w-fade-in-animate" : "w-fade-out-animate", [t]), g = (v) => {
+  const [l, o] = N(!1), a = K(), d = K(null), u = K(), f = L(() => t ? "w-fade-in-animate" : "w-fade-out-animate", [t]), g = (v) => {
     v.code === "Escape" && !v.shiftKey && !v.altKey && !v.ctrlKey && v.key === "Escape" && (v.stopPropagation(), typeof s == "function" && s());
   };
   return X(() => {
@@ -2974,7 +2974,7 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
   }, [t]), /* @__PURE__ */ n.jsxs(
     "div",
     {
-      className: `${x}`,
+      className: `${f}`,
       tabIndex: 1,
       ref: u,
       style: {
@@ -2991,15 +2991,15 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     }
   );
 }, bt = A(Fr), vt = Ee({}), De = () => ye(vt), Hr = ({ children: e }) => {
-  const [t, s] = N([]), [r, c] = N({}), [l, o] = N(!0), a = K(!1), d = en(), { ticketId: u } = Ce(), { ws: x } = Te(), g = L(() => {
+  const [t, s] = N([]), [r, c] = N({}), [l, o] = N(!0), a = K(!1), d = en(), { ticketId: u } = Ce(), { ws: f } = Te(), g = L(() => {
     var b;
-    const w = (r == null ? void 0 : r.CREATED_BY) ?? {}, y = (r == null ? void 0 : r.ASSIGNEE) ?? {}, C = (r == null ? void 0 : r.OTHER_ASSIGNEE) ?? [], f = (b = [w, y, ...C].map((h) => ({
+    const w = (r == null ? void 0 : r.CREATED_BY) ?? {}, y = (r == null ? void 0 : r.ASSIGNEE) ?? {}, C = (r == null ? void 0 : r.OTHER_ASSIGNEE) ?? [], x = (b = [w, y, ...C].map((h) => ({
       ...h
     }))) == null ? void 0 : b.filter((h) => {
       var D;
       return ((D = Object.keys(h || {})) == null ? void 0 : D.length) > 0;
     });
-    return hn({ ArrObj: f, key: "EMP_ID" });
+    return hn({ ArrObj: x, key: "EMP_ID" });
   }, [r]), m = () => {
     var w, y;
     o(!0), (y = (w = d({
@@ -3011,8 +3011,8 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         TASK_ID: u
       }
     })) == null ? void 0 : w.then((C) => {
-      var f, b, h, D, O, _;
-      if (((h = (b = (f = C == null ? void 0 : C.data) == null ? void 0 : f.DATA) == null ? void 0 : b.LIST) == null ? void 0 : h.length) > 0) {
+      var x, b, h, D, O, _;
+      if (((h = (b = (x = C == null ? void 0 : C.data) == null ? void 0 : x.DATA) == null ? void 0 : b.LIST) == null ? void 0 : h.length) > 0) {
         const q = (_ = (O = (D = C == null ? void 0 : C.data) == null ? void 0 : D.DATA) == null ? void 0 : O.LIST) == null ? void 0 : _.map((Y) => ({
           ...Y,
           ACTOR: {
@@ -3034,26 +3034,26 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         TASK_ID: u
       }
     })) == null || w.then((y) => {
-      var C, f, b;
+      var C, x, b;
       if ((C = y == null ? void 0 : y.data) != null && C.DATA) {
-        const h = (b = (f = y == null ? void 0 : y.data) == null ? void 0 : f.DATA) == null ? void 0 : b.LIST;
+        const h = (b = (x = y == null ? void 0 : y.data) == null ? void 0 : x.DATA) == null ? void 0 : b.LIST;
         c(h);
       } else
         c({});
     });
   }, E = (w) => {
     a.current || s((y) => {
-      const f = [...En(y), { ...w, CHAT_ALIGN: "from" }];
-      return Qe(f);
+      const x = [...En(y), { ...w, CHAT_ALIGN: "from" }];
+      return Qe(x);
     }), a.current = !1;
   }, k = (w) => {
     if ((w == null ? void 0 : w.data) !== "PING") {
-      const y = JSON.parse((w == null ? void 0 : w.data) || "{}"), { DATA: C = {}, EVENT: f = "" } = y ?? {};
-      (f === "RECEIVE_MESSAGE" || f === "RECEIVE_ANOTHER_MESSAGE") && E(C);
+      const y = JSON.parse((w == null ? void 0 : w.data) || "{}"), { DATA: C = {}, EVENT: x = "" } = y ?? {};
+      (x === "RECEIVE_MESSAGE" || x === "RECEIVE_ANOTHER_MESSAGE") && E(C);
     }
   };
-  return X(() => (u && (m(), v()), x && u && (x == null || x.addEventListener("message", k)), () => {
-    x && u && (x == null || x.removeEventListener("message", k));
+  return X(() => (u && (m(), v()), f && u && (f == null || f.addEventListener("message", k)), () => {
+    f && u && (f == null || f.removeEventListener("message", k));
   }), [u]), /* @__PURE__ */ n.jsx(
     vt.Provider,
     {
@@ -3103,11 +3103,11 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
             cursor: "pointer"
           },
           children: t == null ? void 0 : t.map((d, u) => {
-            const x = l == null ? void 0 : l.includes(d == null ? void 0 : d.EMP_ID);
+            const f = l == null ? void 0 : l.includes(d == null ? void 0 : d.EMP_ID);
             return /* @__PURE__ */ n.jsx(Se, { title: d == null ? void 0 : d.FULL_NAME, trigger: a, children: /* @__PURE__ */ mn(
               he,
               {
-                ...x && {
+                ...f && {
                   style: {
                     border: "2px solid green",
                     borderRadius: "50%"
@@ -3175,8 +3175,8 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     const a = e == null ? void 0 : e.ATTACHMENT;
     if (a)
       try {
-        const u = new URL(a), x = (d = u == null ? void 0 : u.pathname) == null ? void 0 : d.split("/");
-        return x == null ? void 0 : x[(x == null ? void 0 : x.length) - 1];
+        const u = new URL(a), f = (d = u == null ? void 0 : u.pathname) == null ? void 0 : d.split("/");
+        return f == null ? void 0 : f[(f == null ? void 0 : f.length) - 1];
       } catch {
         return a;
       }
@@ -3270,9 +3270,9 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
   };
   return {
     paramsEncrypt: (o) => {
-      const [a, d = null] = o.split("?"), u = a.split("/").map((x) => {
-        const [, g = null] = x.split(":");
-        return g && (e != null && e.keyEncrypt) ? c(g) : x;
+      const [a, d = null] = o.split("?"), u = a.split("/").map((f) => {
+        const [, g = null] = f.split(":");
+        return g && (e != null && e.keyEncrypt) ? c(g) : f;
       }).join("/");
       return d ? `${u}?${d}` : u;
     },
@@ -3335,15 +3335,15 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
   }
 }, Jr = A(qr), Qr = () => {
   const { employees: e } = De(), [t, s] = N([]), r = j("And", "and"), c = j("IsTyping", "Is Typing"), l = j("People", "People"), { ws: o } = Te(), a = L(() => {
-    const u = t == null ? void 0 : t.map((x) => x == null ? void 0 : x.FULL_NAME);
+    const u = t == null ? void 0 : t.map((f) => f == null ? void 0 : f.FULL_NAME);
     if ((t == null ? void 0 : t.length) > 2) {
-      const x = u == null ? void 0 : u.filter((m, v) => v <= 1), g = u == null ? void 0 : u.filter((m, v) => v > 1);
-      return `${x == null ? void 0 : x.join(", ")}, ${r} ${g == null ? void 0 : g.length} ${l} ${c}`;
+      const f = u == null ? void 0 : u.filter((m, v) => v <= 1), g = u == null ? void 0 : u.filter((m, v) => v > 1);
+      return `${f == null ? void 0 : f.join(", ")}, ${r} ${g == null ? void 0 : g.length} ${l} ${c}`;
     }
     return `${u == null ? void 0 : u.join(", ")} ${c}`;
   }, [t]), d = (u) => {
     if ((u == null ? void 0 : u.data) !== "PING") {
-      const x = JSON.parse((u == null ? void 0 : u.data) || "{}"), { DATA: g = {}, EVENT: m = "" } = x ?? {};
+      const f = JSON.parse((u == null ? void 0 : u.data) || "{}"), { DATA: g = {}, EVENT: m = "" } = f ?? {};
       if (m === "TYPING") {
         const v = e == null ? void 0 : e.find(
           (k) => (k == null ? void 0 : k.EMP_ID) === (g == null ? void 0 : g.EMPLOYEE_ID)
@@ -3382,7 +3382,7 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
               backgroundColor: "#fde3cf",
               cursor: "pointer"
             },
-            children: t == null ? void 0 : t.map((u, x) => /* @__PURE__ */ n.jsx(Se, { title: u == null ? void 0 : u.FULL_NAME, children: /* @__PURE__ */ n.jsx(he, { src: u == null ? void 0 : u.PHOTO, nameFallback: u == null ? void 0 : u.FULL_NAME }) }, x))
+            children: t == null ? void 0 : t.map((u, f) => /* @__PURE__ */ n.jsx(Se, { title: u == null ? void 0 : u.FULL_NAME, children: /* @__PURE__ */ n.jsx(he, { src: u == null ? void 0 : u.PHOTO, nameFallback: u == null ? void 0 : u.FULL_NAME }) }, f))
           }
         ),
         /* @__PURE__ */ n.jsx(V.Text, { children: a }),
@@ -3407,18 +3407,18 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
           const a = e == null ? void 0 : e[o];
           return /* @__PURE__ */ n.jsxs(gn, { children: [
             /* @__PURE__ */ n.jsx("div", { className: "w-datekey-chats", children: (d = le(o)) == null ? void 0 : d.format("ddd, DD MMMM YYYY") }),
-            /* @__PURE__ */ n.jsx("div", { className: "w-bubble-chat-container", children: (u = rt(a)) == null ? void 0 : u.map((x, g) => {
+            /* @__PURE__ */ n.jsx("div", { className: "w-bubble-chat-container", children: (u = rt(a)) == null ? void 0 : u.map((f, g) => {
               var E, k;
-              const m = (x == null ? void 0 : x.CHAT_ALIGN) === "to" ? "client" : "response", v = x == null ? void 0 : x.CHAT_TYPE;
+              const m = (f == null ? void 0 : f.CHAT_ALIGN) === "to" ? "client" : "response", v = f == null ? void 0 : f.CHAT_TYPE;
               return /* @__PURE__ */ n.jsxs(gn, { children: [
                 m === "response" && v !== "info" && /* @__PURE__ */ n.jsx(
                   Ue,
                   {
-                    src: (E = x == null ? void 0 : x.ACTOR) == null ? void 0 : E.PHOTO,
-                    name: (k = x == null ? void 0 : x.ACTOR) == null ? void 0 : k.FULL_NAME
+                    src: (E = f == null ? void 0 : f.ACTOR) == null ? void 0 : E.PHOTO,
+                    name: (k = f == null ? void 0 : f.ACTOR) == null ? void 0 : k.FULL_NAME
                   }
                 ),
-                /* @__PURE__ */ n.jsx(Jr, { ...x })
+                /* @__PURE__ */ n.jsx(Jr, { ...f })
               ] }, g);
             }) })
           ] }, o);
@@ -3534,9 +3534,9 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
   ), a = j(
     "MaximumFileSizeExceeded",
     "Maximum file size exceeded"
-  ), { onSendMsg: d } = Te(), { employees: u, setChats: x, isFromSelf: g } = De(), { ticketId: m } = Ce(), { activeTab: v } = ve(), E = () => {
-    var f;
-    (f = s({
+  ), { onSendMsg: d } = Te(), { employees: u, setChats: f, isFromSelf: g } = De(), { ticketId: m } = Ce(), { activeTab: v } = ve(), E = () => {
+    var x;
+    (x = s({
       endpoint: "/upload/get-upload-config",
       data: {
         LIMIT: 1,
@@ -3545,14 +3545,14 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
           UPLOAD_CODE: "helpdesk"
         }
       }
-    })) == null || f.then((b) => {
+    })) == null || x.then((b) => {
       var D, O;
       const h = (O = (D = b == null ? void 0 : b.data) == null ? void 0 : D.DATA) == null ? void 0 : O.LIST;
       (h == null ? void 0 : h.length) > 0 && c(h == null ? void 0 : h[0]);
     });
-  }, k = (f) => {
+  }, k = (x) => {
     var D, O, _;
-    const b = f.size / 1024 / 1024, h = (r == null ? void 0 : r.MAXFILESIZE) / 1024;
+    const b = x.size / 1024 / 1024, h = (r == null ? void 0 : r.MAXFILESIZE) / 1024;
     return b > h && ((D = me) == null || D.destroy(), (O = me) == null || O.config({
       getContainer: () => document.querySelector(".w-widget-content-container"),
       top: 28,
@@ -3565,11 +3565,11 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       className: "w-notification-content",
       duration: 3
     })), !1;
-  }, w = (f) => {
+  }, w = (x) => {
     var h, D;
     e(!0);
     const b = new FormData();
-    b.append("UPLOAD_CODE", r == null ? void 0 : r.UPLOAD_CODE), b.append("UPLOAD_TYPE", r == null ? void 0 : r.UPLOAD_TYPE), b.append("FILE", f), (D = (h = s({
+    b.append("UPLOAD_CODE", r == null ? void 0 : r.UPLOAD_CODE), b.append("UPLOAD_TYPE", r == null ? void 0 : r.UPLOAD_TYPE), b.append("FILE", x), (D = (h = s({
       endpoint: "/upload/temp",
       data: b,
       headers: {
@@ -3586,7 +3586,7 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
           CHAT_ALIGN: "to",
           CHAT_TYPE: "chat"
         };
-        x((F) => {
+        f((F) => {
           const J = [...En(F), I];
           return Qe(J);
         }), g.current = !0, d({
@@ -3609,16 +3609,16 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
   return X(() => {
     E();
   }, []), X(() => {
-    var f;
-    (f = me) == null || f.destroy();
+    var x;
+    (x = me) == null || x.destroy();
   }, [v]), /* @__PURE__ */ n.jsx(
     Zn,
     {
       beforeUpload: k,
       fileList: [],
-      accept: (C = (y = r == null ? void 0 : r.EXT_LIST) == null ? void 0 : y.split(",")) == null ? void 0 : C.map((f) => `.${f}`),
-      onChange: (f) => {
-        w(f == null ? void 0 : f.file);
+      accept: (C = (y = r == null ? void 0 : r.EXT_LIST) == null ? void 0 : y.split(",")) == null ? void 0 : C.map((x) => `.${x}`),
+      onChange: (x) => {
+        w(x == null ? void 0 : x.file);
       },
       children: /* @__PURE__ */ n.jsx(
         W,
@@ -3637,10 +3637,10 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     const l = (m = e == null ? void 0 : e.current) == null ? void 0 : m.textarea;
     if (!l)
       return !1;
-    const { selectionStart: o, selectionEnd: a, value: d } = l, u = d == null ? void 0 : d.substring(0, o), x = d == null ? void 0 : d.substring(o, a), g = d == null ? void 0 : d.substring(a);
+    const { selectionStart: o, selectionEnd: a, value: d } = l, u = d == null ? void 0 : d.substring(0, o), f = d == null ? void 0 : d.substring(o, a), g = d == null ? void 0 : d.substring(a);
     return {
       before: u,
-      selectedText: x,
+      selectedText: f,
       after: g,
       selectionStart: o,
       selectionEnd: a,
@@ -3651,8 +3651,8 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     (g = e == null ? void 0 : e.current) == null || g.focus();
     const o = (m = e == null ? void 0 : e.current) == null ? void 0 : m.textarea, a = l == null ? void 0 : l.native;
     if (!o) return;
-    const { before: d, after: u } = r(), x = `${d}${a}${u}`;
-    typeof document.execCommand == "function" ? document.execCommand("insertText", !1, a) : o.value = x;
+    const { before: d, after: u } = r(), f = `${d}${a}${u}`;
+    typeof document.execCommand == "function" ? document.execCommand("insertText", !1, a) : o.value = f;
   };
   return /* @__PURE__ */ n.jsx(
     bn,
@@ -3671,29 +3671,29 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     }
   );
 }, io = A(co), lo = () => {
-  const [e, t] = N(0), [s, r] = N(!1), c = K(null), l = K(null), o = K(!1), a = K(null), { onSendMsg: d } = Te(), { ticketId: u } = Ce(), { isActiveTabVA: x } = ve(), { employees: g, setChats: m, isFromSelf: v, detailTicket: E } = De(), k = L(() => {
-    var f;
-    return ((f = E == null ? void 0 : E.STATUS) == null ? void 0 : f.toString().toLowerCase()) === "closed";
-  }, [E == null ? void 0 : E.STATUS]), w = L(() => g == null ? void 0 : g.map((f) => ({
-    ...f,
+  const [e, t] = N(0), [s, r] = N(!1), c = K(null), l = K(null), o = K(!1), a = K(null), { onSendMsg: d } = Te(), { ticketId: u } = Ce(), { isActiveTabVA: f } = ve(), { employees: g, setChats: m, isFromSelf: v, detailTicket: E } = De(), k = L(() => {
+    var x;
+    return ((x = E == null ? void 0 : E.STATUS) == null ? void 0 : x.toString().toLowerCase()) === "closed";
+  }, [E == null ? void 0 : E.STATUS]), w = L(() => g == null ? void 0 : g.map((x) => ({
+    ...x,
     label: /* @__PURE__ */ n.jsx(
       bn,
       {
         placement: "left",
-        content: /* @__PURE__ */ n.jsx(so, { ...f }),
-        children: /* @__PURE__ */ n.jsx("div", { children: /* @__PURE__ */ n.jsx(Ue, { src: f == null ? void 0 : f.PHOTO, name: f == null ? void 0 : f.FULL_NAME }) })
+        content: /* @__PURE__ */ n.jsx(so, { ...x }),
+        children: /* @__PURE__ */ n.jsx("div", { children: /* @__PURE__ */ n.jsx(Ue, { src: x == null ? void 0 : x.PHOTO, name: x == null ? void 0 : x.FULL_NAME }) })
       }
     ),
-    value: f == null ? void 0 : f.FULL_NAME
+    value: x == null ? void 0 : x.FULL_NAME
   })), [g]), y = () => {
     var h, D, O;
-    const f = (D = (h = c == null ? void 0 : c.current) == null ? void 0 : h.textarea) == null ? void 0 : D.value;
+    const x = (D = (h = c == null ? void 0 : c.current) == null ? void 0 : h.textarea) == null ? void 0 : D.value;
     d({
       event: "SEND_MESSAGE",
       data: {
         ATTACHMENT: "",
         FAQ_ID: null,
-        MESSAGE: f,
+        MESSAGE: x,
         EMPLOYEES: g == null ? void 0 : g.map((_) => _ == null ? void 0 : _.EMP_ID),
         TASK_ID: u
       }
@@ -3701,7 +3701,7 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     const b = {
       ATTACHMENT: "",
       FAQ_ID: null,
-      MESSAGE: f,
+      MESSAGE: x,
       CREATED_DATE: (O = le()) == null ? void 0 : O.format(`${vn} HH:mm:ss`),
       CHAT_ALIGN: "to",
       CHAT_TYPE: "chat"
@@ -3728,11 +3728,11 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     }, 250);
   };
   return X(() => {
-    c != null && c.current && !x && u && (clearTimeout(a.current), a.current = setTimeout(() => {
-      var f;
-      (f = c == null ? void 0 : c.current) == null || f.focus();
+    c != null && c.current && !f && u && (clearTimeout(a.current), a.current = setTimeout(() => {
+      var x;
+      (x = c == null ? void 0 : c.current) == null || x.focus();
     }, 500));
-  }, [x, u]), k ? null : /* @__PURE__ */ n.jsxs(
+  }, [f, u]), k ? null : /* @__PURE__ */ n.jsxs(
     "div",
     {
       className: "w-input-container",
@@ -3760,15 +3760,15 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
             onChange: () => {
               C();
             },
-            onKeyDown: (f) => {
-              ((f == null ? void 0 : f.code) === "Enter" || (f == null ? void 0 : f.key) === "Enter") && !(f != null && f.shiftKey) && y();
+            onKeyDown: (x) => {
+              ((x == null ? void 0 : x.code) === "Enter" || (x == null ? void 0 : x.key) === "Enter") && !(x != null && x.shiftKey) && y();
             },
-            filterOption: (f, b) => {
+            filterOption: (x, b) => {
               var O, _, q;
-              const h = (O = f == null ? void 0 : f.toString()) == null ? void 0 : O.toLowerCase(), D = (q = (_ = b == null ? void 0 : b.FULL_NAME) == null ? void 0 : _.toString()) == null ? void 0 : q.toLowerCase();
+              const h = (O = x == null ? void 0 : x.toString()) == null ? void 0 : O.toLowerCase(), D = (q = (_ = b == null ? void 0 : b.FULL_NAME) == null ? void 0 : _.toString()) == null ? void 0 : q.toLowerCase();
               return D == null ? void 0 : D.includes(h);
             },
-            children: w == null ? void 0 : w.map((f, b) => /* @__PURE__ */ n.jsx(Bn.Option, { ...f, children: f == null ? void 0 : f.label }, b))
+            children: w == null ? void 0 : w.map((x, b) => /* @__PURE__ */ n.jsx(Bn.Option, { ...x, children: x == null ? void 0 : x.label }, b))
           },
           e
         ),
@@ -3850,8 +3850,8 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
   const e = j("AdvanceFilter", "Advance Filter"), t = j("Subject", "Subject"), s = j(
     "TicketCategory",
     "Ticket Category"
-  ), r = j("TicketStatus", "Ticket Status"), c = j("CreatedDate", "Created Date"), l = j("New", "New"), o = j("Open", "Open"), a = j("Reopen", "Reopen"), d = j("InProgress", "In Progress"), u = j("Responded", "Responded"), x = j("Fixed", "Fixed"), g = j("Done", "Done"), m = j("Closed", "Closed"), v = j("HDCancelled", "Cancelled"), E = j("Clear", "Clear"), k = j("Filter", "Filter"), w = en(), [y] = oe.useForm(), { openFilter: C, setOpenFilter: f, getListTicket: b, setCountFilters: h } = Ce(), [D, O] = N([]), _ = L(() => {
-    const B = `${l}/${o}/${a}`, S = `${d}/${u}`, M = `${x}/${g}`;
+  ), r = j("TicketStatus", "Ticket Status"), c = j("CreatedDate", "Created Date"), l = j("New", "New"), o = j("Open", "Open"), a = j("Reopen", "Reopen"), d = j("InProgress", "In Progress"), u = j("Responded", "Responded"), f = j("Fixed", "Fixed"), g = j("Done", "Done"), m = j("Closed", "Closed"), v = j("HDCancelled", "Cancelled"), E = j("Clear", "Clear"), k = j("Filter", "Filter"), w = en(), [y] = oe.useForm(), { openFilter: C, setOpenFilter: x, getListTicket: b, setCountFilters: h } = Ce(), [D, O] = N([]), _ = L(() => {
+    const B = `${l}/${o}/${a}`, S = `${d}/${u}`, M = `${f}/${g}`;
     return [
       { value: 3, label: B },
       { value: 1, label: S },
@@ -3896,7 +3896,7 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       styleContainer: { height: "calc(100% - 50px)" },
       open: C,
       onClose: () => {
-        f(!1);
+        x(!1);
       },
       footer: /* @__PURE__ */ n.jsxs("div", { className: "w-ticket-list-advance-filter-footer", children: [
         /* @__PURE__ */ n.jsx(
@@ -3914,7 +3914,7 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
           {
             type: "primary",
             onClick: () => {
-              Y(), f(!1);
+              Y(), x(!1);
             },
             children: k
           },
@@ -4007,21 +4007,22 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     /* @__PURE__ */ n.jsx("div", { style: { display: !t && !s ? "block" : "none" }, children: /* @__PURE__ */ n.jsx(Mr, {}) }),
     /* @__PURE__ */ n.jsx(bo, {})
   ] }) : /* @__PURE__ */ n.jsx(To, {});
-}, Eo = A(ho), yo = () => {
+}, Eo = A(ho), yo = ({ children: e, usePopover: t, ...s }) => t ? /* @__PURE__ */ n.jsx(bn, { ...s, visible: s == null ? void 0 : s.open, children: e }) : e, jo = () => {
   const e = j("NeedHelp", "Need Help"), t = j(
     "WidgetDisconnected",
     "Widget Disconnected"
-  ), [s, r] = N(!1), c = K(), { widgetProps: l, setOpenWidget: o, isFirstOpenWidget: a, setFirstOpenWidget: d } = Q(), { onSendMsg: u, connected: x, isHandshakeWidget: g } = ue(), m = () => {
+  ), [s, r] = N(!0), c = K(), { widgetProps: l, setOpenWidget: o, isFirstOpenWidget: a, setFirstOpenWidget: d } = Q(), { onSendMsg: u, connected: f, isHandshakeWidget: g } = ue(), m = () => {
     o(!0), u({ msg: l == null ? void 0 : l.getStartedPayload });
   };
   return X(() => {
-    r(!x), window.clearTimeout(c.current), c.current = setTimeout(() => {
+    r(!f), window.clearTimeout(c.current), c.current = setTimeout(() => {
       r(!1);
     }, 2e3);
-  }, [x]), /* @__PURE__ */ n.jsx(
-    bn,
+  }, [f]), /* @__PURE__ */ n.jsx(
+    yo,
     {
-      open: s && g,
+      usePopover: s && g === "show",
+      open: s && g === "show",
       content: t,
       placement: "right",
       children: /* @__PURE__ */ n.jsxs(
@@ -4051,7 +4052,7 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       )
     }
   );
-}, jo = A(yo), wo = () => {
+}, wo = A(jo), po = () => {
   const e = j("NotConnected", "Not Connected"), t = j(
     "CannotAutoReconnect",
     "Cannot auto reconnect"
@@ -4086,18 +4087,18 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       open: !l && r
     }
   );
-}, po = A(
-  wo
-), _o = () => {
+}, _o = A(
+  po
+), ko = () => {
   const { xs: e } = ge.useBreakpoint(), [t, s] = N(!1), { isOpenWidget: r, widgetProps: c } = Q(), { isActiveTabVA: l } = ve(), o = K(null), a = L(() => {
-    var x;
+    var f;
     const u = [un];
-    return e && (c != null && c.isSF ? u == null || u.push(`${un}-sf-mobile`) : u == null || u.push(`${un}-mobile`)), (x = u == null ? void 0 : u.filter(Boolean)) == null ? void 0 : x.join(" ");
+    return e && (c != null && c.isSF ? u == null || u.push(`${un}-sf-mobile`) : u == null || u.push(`${un}-mobile`)), (f = u == null ? void 0 : u.filter(Boolean)) == null ? void 0 : f.join(" ");
   }, [e, c == null ? void 0 : c.isSF]), d = zt(
     (u) => {
       var g;
-      const x = [u, xn == null ? void 0 : xn.FADE_IN];
-      return c != null && c.isSF && (x == null || x.push(`${u}-sf`)), e && (c != null && c.isSF ? x == null || x.push(`${u}-sf-mobile`) : x == null || x.push(`${u}-mobile`)), (g = x == null ? void 0 : x.filter(Boolean)) == null ? void 0 : g.join(" ");
+      const f = [u, xn == null ? void 0 : xn.FADE_IN];
+      return c != null && c.isSF && (f == null || f.push(`${u}-sf`)), e && (c != null && c.isSF ? f == null || f.push(`${u}-sf-mobile`) : f == null || f.push(`${u}-mobile`)), (g = f == null ? void 0 : f.filter(Boolean)) == null ? void 0 : g.join(" ");
     },
     [c == null ? void 0 : c.isSF, e]
   );
@@ -4111,16 +4112,16 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       /* @__PURE__ */ n.jsx(_r, {})
     ] }),
     /* @__PURE__ */ n.jsx("div", { style: { display: l ? "none" : "block" }, children: /* @__PURE__ */ n.jsx("div", { className: d(vs), children: /* @__PURE__ */ n.jsx(Dr, { children: /* @__PURE__ */ n.jsx(Lr, { children: /* @__PURE__ */ n.jsx(Eo, {}) }) }) }) }),
-    /* @__PURE__ */ n.jsx(po, {})
-  ] }) : /* @__PURE__ */ n.jsx(jo, {});
-}, ko = A(_o), Ao = ({ items: e, ...t }) => Le != null && Le.startsWith("5") || Oe != null && Oe.startsWith("18") ? /* @__PURE__ */ n.jsx(cn, { ...t, items: e }) : /* @__PURE__ */ n.jsx(cn, { ...t, children: e == null ? void 0 : e.map(({ ...s }) => /* @__PURE__ */ mn(
+    /* @__PURE__ */ n.jsx(_o, {})
+  ] }) : /* @__PURE__ */ n.jsx(wo, {});
+}, Ao = A(ko), So = ({ items: e, ...t }) => Le != null && Le.startsWith("5") || Oe != null && Oe.startsWith("18") ? /* @__PURE__ */ n.jsx(cn, { ...t, items: e }) : /* @__PURE__ */ n.jsx(cn, { ...t, children: e == null ? void 0 : e.map(({ ...s }) => /* @__PURE__ */ mn(
   cn.TabPane,
   {
     ...s,
     key: s == null ? void 0 : s.key,
     tab: s == null ? void 0 : s.label
   }
-)) }), So = A(Ao), Lo = () => {
+)) }), Lo = A(So), Oo = () => {
   const { isOpenWidget: e } = Q(), { setActiveTab: t, activeTab: s } = ve(), r = j(
     "VirtualAssistant",
     "Virtual Assistant"
@@ -4138,7 +4139,7 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
         }
       },
       children: /* @__PURE__ */ n.jsx(
-        So,
+        Lo,
         {
           activeKey: s,
           onChange: (o) => {
@@ -4160,7 +4161,7 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       )
     }
   ) : null;
-}, Oo = A(Lo), Ro = () => {
+}, Ro = A(Oo), Do = () => {
   const { isOpenWidget: e, setOpenWidget: t, setExpand: s, isExpand: r, widgetProps: c } = Q(), { xs: l } = ge.useBreakpoint();
   return e ? /* @__PURE__ */ n.jsxs(
     "div",
@@ -4203,7 +4204,7 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       ]
     }
   ) : null;
-}, Do = A(Ro), No = () => {
+}, No = A(Do), Mo = () => {
   const { isExpand: e, isOpenWidget: t, isFirstOpenWidget: s, setOpenWidget: r } = Q(), { xs: c } = ge.useBreakpoint(), l = L(() => {
     var a;
     const o = [
@@ -4223,15 +4224,15 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
       },
       tabIndex: 0,
       children: [
-        /* @__PURE__ */ n.jsx(Do, {}),
+        /* @__PURE__ */ n.jsx(No, {}),
         /* @__PURE__ */ n.jsx("div", { id: "w-widget-content", children: /* @__PURE__ */ n.jsxs(er, { children: [
-          /* @__PURE__ */ n.jsx(Ls, { children: /* @__PURE__ */ n.jsx(ko, {}) }),
-          /* @__PURE__ */ n.jsx(Oo, {})
+          /* @__PURE__ */ n.jsx(Ls, { children: /* @__PURE__ */ n.jsx(Ao, {}) }),
+          /* @__PURE__ */ n.jsx(Ro, {})
         ] }) })
       ]
     }
   );
-}, Mo = A(No), qo = ({
+}, Fo = A(Mo), Jo = ({
   getStartedPayload: e,
   socketURL: t,
   socketPath: s,
@@ -4253,9 +4254,9 @@ const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", chil
     keyEncrypt: o,
     history: a,
     isSF: d,
-    children: /* @__PURE__ */ n.jsx(Ss, { children: /* @__PURE__ */ n.jsx(Mo, {}) })
+    children: /* @__PURE__ */ n.jsx(Ss, { children: /* @__PURE__ */ n.jsx(Fo, {}) })
   }
 );
 export {
-  qo as default
+  Jo as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "widget-chatbot",
-  "version": "2.0.0-alpha.7",
+  "version": "2.0.0-alpha.8",
   "type": "module",
   "license": "Apache-2.0",
   "files": [