widget-chatbot 1.0.5 → 2.0.0-alpha.10

package/dist/widget-chatbot.es.js

@@ -0,0 +1,4291 @@
+import mn, { version as Bt, createContext as Te, useContext as ye, useState as D, useRef as z, useMemo as R, useEffect as Z, memo as O, Children as Ut, isValidElement as Wt, cloneElement as Vt, Fragment as gn, createElement as bn, useCallback as Gt } from "react";
+import Re from "axios";
+import le from "dayjs";
+import { version as zt, Modal as Bn, Typography as Y, Button as G, Form as oe, notification as Ce, Radio as Yt, Divider as Kt, Input as Be, Image as qt, Skeleton as de, Avatar as Qn, Upload as Zn, Tooltip as Se, Tag as Jt, Badge as Qt, Grid as ge, Empty as Xn, Popover as vn, Mentions as Un, Select as Wn, DatePicker as Zt, Result as Xt, Tabs as cn } from "antd";
+import { io as Pt } from "socket.io-client";
+import es from "react-markdown";
+import ns from "remark-gfm";
+import { Prism as ts } from "react-syntax-highlighter";
+import ss from "@ant-design/icons";
+import { Pie as rs } from "@ant-design/charts";
+import pe from "crypto-js";
+import { Picker as os } from "emoji-mart";
+var Je = { exports: {} }, _e = {};
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+var ln, Vn;
+function Pn() {
+  if (Vn) return ln;
+  Vn = 1;
+  var e = Object.getOwnPropertySymbols, t = Object.prototype.hasOwnProperty, s = Object.prototype.propertyIsEnumerable;
+  function r(c) {
+    if (c == null)
+      throw new TypeError("Object.assign cannot be called with null or undefined");
+    return Object(c);
+  }
+  function i() {
+    try {
+      if (!Object.assign)
+        return !1;
+      var c = new String("abc");
+      if (c[5] = "de", Object.getOwnPropertyNames(c)[0] === "5")
+        return !1;
+      for (var o = {}, a = 0; a < 10; a++)
+        o["_" + String.fromCharCode(a)] = a;
+      var d = Object.getOwnPropertyNames(o).map(function(f) {
+        return o[f];
+      });
+      if (d.join("") !== "0123456789")
+        return !1;
+      var u = {};
+      return "abcdefghijklmnopqrst".split("").forEach(function(f) {
+        u[f] = f;
+      }), Object.keys(Object.assign({}, u)).join("") === "abcdefghijklmnopqrst";
+    } catch {
+      return !1;
+    }
+  }
+  return ln = i() ? Object.assign : function(c, o) {
+    for (var a, d = r(c), u, f = 1; f < arguments.length; f++) {
+      a = Object(arguments[f]);
+      for (var x in a)
+        t.call(a, x) && (d[x] = a[x]);
+      if (e) {
+        u = e(a);
+        for (var g = 0; g < u.length; g++)
+          s.call(a, u[g]) && (d[u[g]] = a[u[g]]);
+      }
+    }
+    return d;
+  }, ln;
+}
+/** @license React v17.0.2
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Gn;
+function cs() {
+  if (Gn) return _e;
+  Gn = 1, Pn();
+  var e = mn, t = 60103;
+  if (_e.Fragment = 60107, typeof Symbol == "function" && Symbol.for) {
+    var s = Symbol.for;
+    t = s("react.element"), _e.Fragment = s("react.fragment");
+  }
+  var r = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = Object.prototype.hasOwnProperty, c = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function o(a, d, u) {
+    var f, x = {}, g = null, b = null;
+    u !== void 0 && (g = "" + u), d.key !== void 0 && (g = "" + d.key), d.ref !== void 0 && (b = d.ref);
+    for (f in d) i.call(d, f) && !c.hasOwnProperty(f) && (x[f] = d[f]);
+    if (a && a.defaultProps) for (f in d = a.defaultProps, d) x[f] === void 0 && (x[f] = d[f]);
+    return { $$typeof: t, type: a, key: g, ref: b, props: x, _owner: r.current };
+  }
+  return _e.jsx = o, _e.jsxs = o, _e;
+}
+var an = {};
+/** @license React v17.0.2
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var zn;
+function is() {
+  return zn || (zn = 1, function(e) {
+    process.env.NODE_ENV !== "production" && function() {
+      var t = mn, s = Pn(), r = 60103, i = 60106;
+      e.Fragment = 60107;
+      var c = 60108, o = 60114, a = 60109, d = 60110, u = 60112, f = 60113, x = 60120, g = 60115, b = 60116, y = 60121, w = 60122, A = 60117, p = 60129, E = 60131;
+      if (typeof Symbol == "function" && Symbol.for) {
+        var h = Symbol.for;
+        r = h("react.element"), i = h("react.portal"), e.Fragment = h("react.fragment"), c = h("react.strict_mode"), o = h("react.profiler"), a = h("react.provider"), d = h("react.context"), u = h("react.forward_ref"), f = h("react.suspense"), x = h("react.suspense_list"), g = h("react.memo"), b = h("react.lazy"), y = h("react.block"), w = h("react.server.block"), A = h("react.fundamental"), h("react.scope"), h("react.opaque.id"), p = h("react.debug_trace_mode"), h("react.offscreen"), E = h("react.legacy_hidden");
+      }
+      var m = typeof Symbol == "function" && Symbol.iterator, v = "@@iterator";
+      function C(l) {
+        if (l === null || typeof l != "object")
+          return null;
+        var T = m && l[m] || l[v];
+        return typeof T == "function" ? T : null;
+      }
+      var j = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+      function S(l) {
+        {
+          for (var T = arguments.length, k = new Array(T > 1 ? T - 1 : 0), N = 1; N < T; N++)
+            k[N - 1] = arguments[N];
+          I("error", l, k);
+        }
+      }
+      function I(l, T, k) {
+        {
+          var N = j.ReactDebugCurrentFrame, J = N.getStackAddendum();
+          J !== "" && (T += "%s", k = k.concat([J]));
+          var K = k.map(function(W) {
+            return "" + W;
+          });
+          K.unshift("Warning: " + T), Function.prototype.apply.call(console[l], console, K);
+        }
+      }
+      var B = !1;
+      function M(l) {
+        return !!(typeof l == "string" || typeof l == "function" || l === e.Fragment || l === o || l === p || l === c || l === f || l === x || l === E || B || typeof l == "object" && l !== null && (l.$$typeof === b || l.$$typeof === g || l.$$typeof === a || l.$$typeof === d || l.$$typeof === u || l.$$typeof === A || l.$$typeof === y || l[0] === w));
+      }
+      function L(l, T, k) {
+        var N = T.displayName || T.name || "";
+        return l.displayName || (N !== "" ? k + "(" + N + ")" : k);
+      }
+      function F(l) {
+        return l.displayName || "Context";
+      }
+      function $(l) {
+        if (l == null)
+          return null;
+        if (typeof l.tag == "number" && S("Received an unexpected object in getComponentName(). This is likely a bug in React. Please file an issue."), typeof l == "function")
+          return l.displayName || l.name || null;
+        if (typeof l == "string")
+          return l;
+        switch (l) {
+          case e.Fragment:
+            return "Fragment";
+          case i:
+            return "Portal";
+          case o:
+            return "Profiler";
+          case c:
+            return "StrictMode";
+          case f:
+            return "Suspense";
+          case x:
+            return "SuspenseList";
+        }
+        if (typeof l == "object")
+          switch (l.$$typeof) {
+            case d:
+              var T = l;
+              return F(T) + ".Consumer";
+            case a:
+              var k = l;
+              return F(k._context) + ".Provider";
+            case u:
+              return L(l, l.render, "ForwardRef");
+            case g:
+              return $(l.type);
+            case y:
+              return $(l._render);
+            case b: {
+              var N = l, J = N._payload, K = N._init;
+              try {
+                return $(K(J));
+              } catch {
+                return null;
+              }
+            }
+          }
+        return null;
+      }
+      var H = 0, V, Q, X, se, ee, ae, ce;
+      function Ne() {
+      }
+      Ne.__reactDisabledLog = !0;
+      function Ve() {
+        {
+          if (H === 0) {
+            V = console.log, Q = console.info, X = console.warn, se = console.error, ee = console.group, ae = console.groupCollapsed, ce = console.groupEnd;
+            var l = {
+              configurable: !0,
+              enumerable: !0,
+              value: Ne,
+              writable: !0
+            };
+            Object.defineProperties(console, {
+              info: l,
+              log: l,
+              warn: l,
+              error: l,
+              group: l,
+              groupCollapsed: l,
+              groupEnd: l
+            });
+          }
+          H++;
+        }
+      }
+      function Ge() {
+        {
+          if (H--, H === 0) {
+            var l = {
+              configurable: !0,
+              enumerable: !0,
+              writable: !0
+            };
+            Object.defineProperties(console, {
+              log: s({}, l, {
+                value: V
+              }),
+              info: s({}, l, {
+                value: Q
+              }),
+              warn: s({}, l, {
+                value: X
+              }),
+              error: s({}, l, {
+                value: se
+              }),
+              group: s({}, l, {
+                value: ee
+              }),
+              groupCollapsed: s({}, l, {
+                value: ae
+              }),
+              groupEnd: s({}, l, {
+                value: ce
+              })
+            });
+          }
+          H < 0 && S("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        }
+      }
+      var Me = j.ReactCurrentDispatcher, Fe;
+      function ze(l, T, k) {
+        {
+          if (Fe === void 0)
+            try {
+              throw Error();
+            } catch (J) {
+              var N = J.stack.trim().match(/\n( *(at )?)/);
+              Fe = N && N[1] || "";
+            }
+          return `
+` + Fe + l;
+        }
+      }
+      var nn = !1, Ye;
+      {
+        var Tt = typeof WeakMap == "function" ? WeakMap : Map;
+        Ye = new Tt();
+      }
+      function _n(l, T) {
+        if (!l || nn)
+          return "";
+        {
+          var k = Ye.get(l);
+          if (k !== void 0)
+            return k;
+        }
+        var N;
+        nn = !0;
+        var J = Error.prepareStackTrace;
+        Error.prepareStackTrace = void 0;
+        var K;
+        K = Me.current, Me.current = null, Ve();
+        try {
+          if (T) {
+            var W = function() {
+              throw Error();
+            };
+            if (Object.defineProperty(W.prototype, "props", {
+              set: function() {
+                throw Error();
+              }
+            }), typeof Reflect == "object" && Reflect.construct) {
+              try {
+                Reflect.construct(W, []);
+              } catch (xe) {
+                N = xe;
+              }
+              Reflect.construct(l, [], W);
+            } else {
+              try {
+                W.call();
+              } catch (xe) {
+                N = xe;
+              }
+              l.call(W.prototype);
+            }
+          } else {
+            try {
+              throw Error();
+            } catch (xe) {
+              N = xe;
+            }
+            l();
+          }
+        } catch (xe) {
+          if (xe && N && typeof xe.stack == "string") {
+            for (var U = xe.stack.split(`
+`), re = N.stack.split(`
+`), ne = U.length - 1, te = re.length - 1; ne >= 1 && te >= 0 && U[ne] !== re[te]; )
+              te--;
+            for (; ne >= 1 && te >= 0; ne--, te--)
+              if (U[ne] !== re[te]) {
+                if (ne !== 1 || te !== 1)
+                  do
+                    if (ne--, te--, te < 0 || U[ne] !== re[te]) {
+                      var fe = `
+` + U[ne].replace(" at new ", " at ");
+                      return typeof l == "function" && Ye.set(l, fe), fe;
+                    }
+                  while (ne >= 1 && te >= 0);
+                break;
+              }
+          }
+        } finally {
+          nn = !1, Me.current = K, Ge(), Error.prepareStackTrace = J;
+        }
+        var we = l ? l.displayName || l.name : "", $n = we ? ze(we) : "";
+        return typeof l == "function" && Ye.set(l, $n), $n;
+      }
+      function kn(l, T, k) {
+        return _n(l, !1);
+      }
+      function yt(l) {
+        var T = l.prototype;
+        return !!(T && T.isReactComponent);
+      }
+      function Ke(l, T, k) {
+        if (l == null)
+          return "";
+        if (typeof l == "function")
+          return _n(l, yt(l));
+        if (typeof l == "string")
+          return ze(l);
+        switch (l) {
+          case f:
+            return ze("Suspense");
+          case x:
+            return ze("SuspenseList");
+        }
+        if (typeof l == "object")
+          switch (l.$$typeof) {
+            case u:
+              return kn(l.render);
+            case g:
+              return Ke(l.type, T, k);
+            case y:
+              return kn(l._render);
+            case b: {
+              var N = l, J = N._payload, K = N._init;
+              try {
+                return Ke(K(J), T, k);
+              } catch {
+              }
+            }
+          }
+        return "";
+      }
+      var An = {}, Sn = j.ReactDebugCurrentFrame;
+      function qe(l) {
+        if (l) {
+          var T = l._owner, k = Ke(l.type, l._source, T ? T.type : null);
+          Sn.setExtraStackFrame(k);
+        } else
+          Sn.setExtraStackFrame(null);
+      }
+      function jt(l, T, k, N, J) {
+        {
+          var K = Function.call.bind(Object.prototype.hasOwnProperty);
+          for (var W in l)
+            if (K(l, W)) {
+              var U = void 0;
+              try {
+                if (typeof l[W] != "function") {
+                  var re = Error((N || "React class") + ": " + k + " type `" + W + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof l[W] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                  throw re.name = "Invariant Violation", re;
+                }
+                U = l[W](T, W, N, k, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              } catch (ne) {
+                U = ne;
+              }
+              U && !(U instanceof Error) && (qe(J), S("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", N || "React class", k, W, typeof U), qe(null)), U instanceof Error && !(U.message in An) && (An[U.message] = !0, qe(J), S("Failed %s type: %s", k, U.message), qe(null));
+            }
+        }
+      }
+      var Ln = j.ReactCurrentOwner, tn = Object.prototype.hasOwnProperty, wt = {
+        key: !0,
+        ref: !0,
+        __self: !0,
+        __source: !0
+      }, On, Rn;
+      function pt(l) {
+        if (tn.call(l, "ref")) {
+          var T = Object.getOwnPropertyDescriptor(l, "ref").get;
+          if (T && T.isReactWarning)
+            return !1;
+        }
+        return l.ref !== void 0;
+      }
+      function _t(l) {
+        if (tn.call(l, "key")) {
+          var T = Object.getOwnPropertyDescriptor(l, "key").get;
+          if (T && T.isReactWarning)
+            return !1;
+        }
+        return l.key !== void 0;
+      }
+      function kt(l, T) {
+        typeof l.ref == "string" && Ln.current;
+      }
+      function At(l, T) {
+        {
+          var k = function() {
+            On || (On = !0, S("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", T));
+          };
+          k.isReactWarning = !0, Object.defineProperty(l, "key", {
+            get: k,
+            configurable: !0
+          });
+        }
+      }
+      function St(l, T) {
+        {
+          var k = function() {
+            Rn || (Rn = !0, S("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", T));
+          };
+          k.isReactWarning = !0, Object.defineProperty(l, "ref", {
+            get: k,
+            configurable: !0
+          });
+        }
+      }
+      var Lt = function(l, T, k, N, J, K, W) {
+        var U = {
+          // This tag allows us to uniquely identify this as a React Element
+          $$typeof: r,
+          // Built-in properties that belong on the element
+          type: l,
+          key: T,
+          ref: k,
+          props: W,
+          // Record the component responsible for creating this element.
+          _owner: K
+        };
+        return U._store = {}, Object.defineProperty(U._store, "validated", {
+          configurable: !1,
+          enumerable: !1,
+          writable: !0,
+          value: !1
+        }), Object.defineProperty(U, "_self", {
+          configurable: !1,
+          enumerable: !1,
+          writable: !1,
+          value: N
+        }), Object.defineProperty(U, "_source", {
+          configurable: !1,
+          enumerable: !1,
+          writable: !1,
+          value: J
+        }), Object.freeze && (Object.freeze(U.props), Object.freeze(U)), U;
+      };
+      function Ot(l, T, k, N, J) {
+        {
+          var K, W = {}, U = null, re = null;
+          k !== void 0 && (U = "" + k), _t(T) && (U = "" + T.key), pt(T) && (re = T.ref, kt(T, J));
+          for (K in T)
+            tn.call(T, K) && !wt.hasOwnProperty(K) && (W[K] = T[K]);
+          if (l && l.defaultProps) {
+            var ne = l.defaultProps;
+            for (K in ne)
+              W[K] === void 0 && (W[K] = ne[K]);
+          }
+          if (U || re) {
+            var te = typeof l == "function" ? l.displayName || l.name || "Unknown" : l;
+            U && At(W, te), re && St(W, te);
+          }
+          return Lt(l, U, re, J, N, Ln.current, W);
+        }
+      }
+      var sn = j.ReactCurrentOwner, Dn = j.ReactDebugCurrentFrame;
+      function je(l) {
+        if (l) {
+          var T = l._owner, k = Ke(l.type, l._source, T ? T.type : null);
+          Dn.setExtraStackFrame(k);
+        } else
+          Dn.setExtraStackFrame(null);
+      }
+      var rn;
+      rn = !1;
+      function on(l) {
+        return typeof l == "object" && l !== null && l.$$typeof === r;
+      }
+      function Nn() {
+        {
+          if (sn.current) {
+            var l = $(sn.current.type);
+            if (l)
+              return `
+
+Check the render method of \`` + l + "`.";
+          }
+          return "";
+        }
+      }
+      function Rt(l) {
+        return "";
+      }
+      var Mn = {};
+      function Dt(l) {
+        {
+          var T = Nn();
+          if (!T) {
+            var k = typeof l == "string" ? l : l.displayName || l.name;
+            k && (T = `
+
+Check the top-level render call using <` + k + ">.");
+          }
+          return T;
+        }
+      }
+      function Fn(l, T) {
+        {
+          if (!l._store || l._store.validated || l.key != null)
+            return;
+          l._store.validated = !0;
+          var k = Dt(T);
+          if (Mn[k])
+            return;
+          Mn[k] = !0;
+          var N = "";
+          l && l._owner && l._owner !== sn.current && (N = " It was passed a child from " + $(l._owner.type) + "."), je(l), S('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', k, N), je(null);
+        }
+      }
+      function Hn(l, T) {
+        {
+          if (typeof l != "object")
+            return;
+          if (Array.isArray(l))
+            for (var k = 0; k < l.length; k++) {
+              var N = l[k];
+              on(N) && Fn(N, T);
+            }
+          else if (on(l))
+            l._store && (l._store.validated = !0);
+          else if (l) {
+            var J = C(l);
+            if (typeof J == "function" && J !== l.entries)
+              for (var K = J.call(l), W; !(W = K.next()).done; )
+                on(W.value) && Fn(W.value, T);
+          }
+        }
+      }
+      function Nt(l) {
+        {
+          var T = l.type;
+          if (T == null || typeof T == "string")
+            return;
+          var k;
+          if (typeof T == "function")
+            k = T.propTypes;
+          else if (typeof T == "object" && (T.$$typeof === u || // Note: Memo only checks outer props here.
+          // Inner props are checked in the reconciler.
+          T.$$typeof === g))
+            k = T.propTypes;
+          else
+            return;
+          if (k) {
+            var N = $(T);
+            jt(k, l.props, "prop", N, l);
+          } else if (T.PropTypes !== void 0 && !rn) {
+            rn = !0;
+            var J = $(T);
+            S("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", J || "Unknown");
+          }
+          typeof T.getDefaultProps == "function" && !T.getDefaultProps.isReactClassApproved && S("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        }
+      }
+      function Mt(l) {
+        {
+          for (var T = Object.keys(l.props), k = 0; k < T.length; k++) {
+            var N = T[k];
+            if (N !== "children" && N !== "key") {
+              je(l), S("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", N), je(null);
+              break;
+            }
+          }
+          l.ref !== null && (je(l), S("Invalid attribute `ref` supplied to `React.Fragment`."), je(null));
+        }
+      }
+      function In(l, T, k, N, J, K) {
+        {
+          var W = M(l);
+          if (!W) {
+            var U = "";
+            (l === void 0 || typeof l == "object" && l !== null && Object.keys(l).length === 0) && (U += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+            var re = Rt();
+            re ? U += re : U += Nn();
+            var ne;
+            l === null ? ne = "null" : Array.isArray(l) ? ne = "array" : l !== void 0 && l.$$typeof === r ? (ne = "<" + ($(l.type) || "Unknown") + " />", U = " Did you accidentally export a JSX literal instead of a component?") : ne = typeof l, S("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", ne, U);
+          }
+          var te = Ot(l, T, k, J, K);
+          if (te == null)
+            return te;
+          if (W) {
+            var fe = T.children;
+            if (fe !== void 0)
+              if (N)
+                if (Array.isArray(fe)) {
+                  for (var we = 0; we < fe.length; we++)
+                    Hn(fe[we], l);
+                  Object.freeze && Object.freeze(fe);
+                } else
+                  S("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+              else
+                Hn(fe, l);
+          }
+          return l === e.Fragment ? Mt(te) : Nt(te), te;
+        }
+      }
+      function Ft(l, T, k) {
+        return In(l, T, k, !0);
+      }
+      function Ht(l, T, k) {
+        return In(l, T, k, !1);
+      }
+      var It = Ht, $t = Ft;
+      e.jsx = It, e.jsxs = $t;
+    }();
+  }(an)), an;
+}
+var Yn;
+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.8", 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"
+  },
+  {
+    label: "Inaccurate Answer",
+    value: "Inaccurate Answer"
+  },
+  {
+    label: "The response unclear",
+    value: "The response unclear"
+  },
+  {
+    label: "The information is incomplete",
+    value: "The information is incomplete"
+  },
+  {
+    label: "I’d like to explain further",
+    value: "another"
+  }
+], Le = zt, Oe = Bt, Cs = as, ms = "https://sfchatbot.dataon.com/openai-service-dev/", Ze = "https://res.cloudinary.com/dcvolkyfb/image/upload/v1740135794/svg/bot_profile_hlnyop.png", hn = "YYYY-MM-DD", Xe = "HH:mm", Kn = "N/A", dn = [
+  // Raster (bitmap)
+  ".jpg",
+  ".jpeg",
+  ".png",
+  ".gif",
+  ".bmp",
+  ".tiff",
+  ".tif",
+  ".webp",
+  ".heif",
+  ".heic",
+  ".jp2",
+  ".ico",
+  ".dds",
+  ".raw",
+  ".cr2",
+  ".nef",
+  ".arw",
+  ".orf",
+  ".psd",
+  ".xcf"
+], un = "w-widget-content-container", fn = "w-ticket-detail-content-container", bs = "w-wrapper-body", vs = "w-wrapper-body-helpdesk", He = "w-header", xn = {
+  FADE_IN: "w-fade-in-animate"
+}, hs = "https://placehold.co/600x400?text=No+Image", Ie = 3, Es = "GoHRDev2025WorkPlazeDataOnDotCom", ke = "(Helpdesk Widget Chatbot)", Ts = (e) => JSON.parse((e == null ? void 0 : e.replaceAll("/get_started", "")) || "{}"), nt = (e) => {
+  var t;
+  try {
+    return (t = new URL(e)) == null ? void 0 : t.host;
+  } catch {
+    return nt(xs);
+  }
+}, ie = (e, t) => {
+  var s, r, i;
+  return ((s = Object.keys(e || {})) == null ? void 0 : s.length) > 0 ? (i = (r = Object == null ? void 0 : Object.prototype) == null ? void 0 : r.hasOwnProperty) == null ? void 0 : i.call(e, t) : !1;
+}, Ae = (e) => {
+  var s;
+  const t = e == null ? void 0 : e.attachment;
+  return {
+    text: ((s = Object.keys(e || {})) == null ? void 0 : s.length) > 0 && (e == null ? void 0 : e.type) === "text",
+    upload: ie(e, "attachment") && ie(t, "type") && (t == null ? void 0 : t.type) === "fileuploader",
+    password: (t == null ? void 0 : t.type) === "show_password_wp",
+    filedownload: ie(t, "type") && (t == null ? void 0 : t.type) === "filedownloader",
+    chart: (t == null ? void 0 : t.type) === "charts" && ie(t, "chartType")
+  };
+}, tt = (e) => {
+  var t, s, r, i;
+  if (e) {
+    const c = e == null ? void 0 : e.split(".")[1], o = (t = c == null ? void 0 : c.replace(/-/g, "+")) == null ? void 0 : t.replace(/_/g, "/"), a = decodeURIComponent(
+      (i = (r = (s = window == null ? void 0 : window.atob(o)) == null ? void 0 : s.split("")) == null ? void 0 : r.map((d) => "%" + ("00" + d.charCodeAt(0).toString(16)).slice(-2))) == null ? void 0 : i.join("")
+    );
+    return JSON == null ? void 0 : JSON.parse(a || "{}");
+  }
+  return {};
+}, En = ({
+  downloadURL: e = "",
+  fileName: t = "",
+  isOpenNewTab: s = !1
+}) => {
+  var i;
+  const r = document == null ? void 0 : document.createElement("a");
+  r.href = e, r.download = t || e, s && (r.target = "_blank"), (i = document == null ? void 0 : document.body) == null || i.appendChild(r), r.click(), document.body.removeChild(r);
+}, ys = () => "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(e) {
+  const t = crypto.getRandomValues(new Uint8Array(1))[0] % 16;
+  return (e === "x" ? t : t & 3 | 8).toString(16);
+}), Tn = ({
+  ArrObj: e,
+  key: t,
+  ignoreCaseSensitive: s = !1
+}) => (e == null ? void 0 : e.length) > 0 ? [
+  ...new Map(
+    e.map((r) => {
+      var i;
+      return [
+        s ? (i = String(r[t])) == null ? void 0 : i.toLowerCase() : r[t],
+        r
+      ];
+    })
+  ).values()
+] : [], js = (e = []) => {
+  const t = {}, s = [], r = [];
+  e == null || e.forEach((c) => {
+    var o;
+    ie(c, "chats") ? (o = c == null ? void 0 : c.chats) == null || o.forEach((a) => {
+      r == null || r.push(a);
+    }) : r == null || r.push(c);
+  }), r == null || r.forEach((c, o) => {
+    var d, u, f;
+    const a = c == null ? void 0 : c.generated_id;
+    a ? (t[a] || (t[a] = []), (u = t[a]) == null || u.push({
+      ...c,
+      indexChat: o,
+      ...!(c != null && c.timestamp) && {
+        timestamp: (d = le()) == null ? void 0 : d.format("hh:mm A")
+      }
+    }), s == null || s.push({
+      keyItem: a ?? o,
+      type: "text",
+      sender: "response",
+      ...a && {
+        generated_id: a
+      },
+      chats: t == null ? void 0 : t[a]
+    })) : s == null || s.push({
+      ...c,
+      keyItem: o,
+      ...!(c != null && c.timestamp) && {
+        timestamp: (f = le()) == null ? void 0 : f.format("hh:mm A")
+      }
+    });
+  });
+  const i = Tn({ ArrObj: s, key: "keyItem" });
+  return i == null || i.forEach((c) => {
+    c == null || delete c.keyItem;
+  }), i;
+}, Pe = (e = {}) => {
+  const s = {
+    ...st(),
+    ...e
+  };
+  localStorage == null || localStorage.setItem(et, JSON.stringify(s || {}));
+}, st = () => {
+  const e = localStorage == null ? void 0 : localStorage.getItem(et);
+  return JSON.parse(e || "{}");
+}, ws = (e = "") => {
+  var t;
+  try {
+    const s = new URL(e);
+    return (t = s == null ? void 0 : s.protocol) != null && t.includes("https") ? "wss" : "ws";
+  } catch {
+    return "wss";
+  }
+};
+let qn = null;
+const me = (e = ".w-wrapper-body") => {
+  const t = document.querySelector(e);
+  clearTimeout(qn), qn = setTimeout(() => {
+    t && t.scrollTo({
+      top: t.scrollHeight,
+      behavior: "smooth"
+    });
+  }, 0);
+}, ps = (e) => {
+  const t = new Uint8Array(e);
+  let s = "";
+  for (let r = 0; r < t.byteLength; r++)
+    s += String.fromCharCode(t[r]);
+  return btoa(s);
+}, _s = async (e, t) => {
+  var d;
+  const s = typeof e == "object" ? JSON == null ? void 0 : JSON.stringify(e || {}) : e, r = new TextEncoder(), i = r == null ? void 0 : r.encode(s), c = r == null ? void 0 : r.encode(t);
+  if (c.length !== 32)
+    throw new Error("Key length must be 32 bytes for AES-256");
+  const o = await ((d = crypto == null ? void 0 : crypto.subtle) == null ? void 0 : d.importKey(
+    "raw",
+    c,
+    { name: "AES-CBC" },
+    !1,
+    ["encrypt"]
+  )), a = await crypto.subtle.encrypt(
+    { name: "AES-CBC", iv: new Uint8Array(16) },
+    o,
+    i
+  );
+  return ps(a);
+}, Qe = (e) => {
+  const t = {}, s = rt(e), r = s == null ? void 0 : s.map((i) => {
+    var o;
+    const c = i == null ? void 0 : i.CREATED_DATE;
+    return {
+      ...i,
+      DATE_KEY: (o = le(c)) == null ? void 0 : o.format("YYYY-MM-DD")
+    };
+  });
+  return r == null || r.forEach((i) => {
+    var c;
+    t[i == null ? void 0 : i.DATE_KEY] || (t[i == null ? void 0 : i.DATE_KEY] = []), (c = t[i == null ? void 0 : i.DATE_KEY]) == null || c.push(i);
+  }), t;
+}, yn = (e) => {
+  var t;
+  return (t = Object.values(e || {})) == null ? void 0 : t.flat();
+}, rt = (e) => e == null ? void 0 : e.sort((t, s) => le(t == null ? void 0 : t.CREATED_DATE) - le(s == null ? void 0 : s.CREATED_DATE)), ot = (e) => {
+  if (e && typeof e == "string") {
+    const t = e == null ? void 0 : e.split("."), s = t[(t == null ? void 0 : t.length) - 1];
+    return e == null ? void 0 : e.replaceAll(`.${s}`, `_avatar.${s}`);
+  }
+  return e;
+}, jn = (e) => `https://ui-avatars.com/api/?background=e5e5e5&color=000${e && typeof e == "string" ? `&name=${e.replaceAll(" ", "+")}` : ""}`, ct = Te({}), q = () => ye(ct), ks = ({
+  children: e,
+  getStartedPayload: t,
+  socketURL: s,
+  socketPath: r,
+  onPayslipFn: i,
+  title: c,
+  subTitle: o,
+  keyEncrypt: a,
+  history: d,
+  isSF: u
+}) => {
+  const [f, x] = D(!1), [g, b] = D("va"), [y, w] = D(!1), [A, p] = D({}), [E, h] = D(!1), [m, v] = D(!1), C = z(!1), j = R(() => ({
+    getStartedPayload: t,
+    socketURL: s,
+    socketPath: r,
+    onPayslipFn: i,
+    title: c,
+    subTitle: o,
+    keyEncrypt: a,
+    isSF: u
+  }), [
+    t,
+    s,
+    r,
+    i,
+    c,
+    o,
+    a,
+    u
+  ]), S = R(() => tt(A == null ? void 0 : A.access_token), [A == null ? void 0 : A.access_token]);
+  return Z(() => {
+    p(Ts(t));
+  }, [t]), Z(() => {
+    Pe({
+      chatbot_version: Cs
+    });
+  }, []), /* @__PURE__ */ n.jsx(
+    ct.Provider,
+    {
+      value: {
+        objInitPayload: A,
+        setOpenWidget: x,
+        isOpenWidget: f,
+        activeTab: g,
+        setActiveTab: b,
+        isExpand: y,
+        setExpand: w,
+        setObjInitPayload: p,
+        parsedJWT: S,
+        widgetProps: j,
+        isFirstOpenWidget: E,
+        setFirstOpenWidget: h,
+        isFirstRenderHelpdesk: C,
+        history: d,
+        showReadyWSHD: m,
+        setShowReadyWSHD: v
+      },
+      children: e
+    }
+  );
+}, it = Te({}), As = () => ye(it), Ss = ({ children: e }) => {
+  const { objInitPayload: t } = q(), [s, r] = D({}), i = () => {
+    var o;
+    (o = Re(
+      `${(t == null ? void 0 : t.uriService) || ms}optional/translations`
+    )) == null || o.then(({ data: a }) => {
+      var d;
+      if (a) {
+        const u = Object.keys((d = Object.values(a)) == null ? void 0 : d[0]), f = {};
+        u == null || u.forEach((x) => {
+          var g;
+          (g = Object.keys(a)) == null || g.forEach((b) => {
+            var y;
+            f[x == null ? void 0 : x.toLowerCase()] = (y = a == null ? void 0 : a[b]) == null ? void 0 : y[x];
+          });
+        }), r(f);
+      }
+    });
+  }, c = () => {
+    const o = window.indexedDB.open("language");
+    o.onsuccess = (a) => {
+      var u;
+      const d = a.target.result;
+      try {
+        const x = d.transaction("keyvaluepairs", "readonly").objectStore("keyvaluepairs"), g = x == null ? void 0 : x.get((u = t == null ? void 0 : t.lang) == null ? void 0 : u.toLowerCase());
+        g.onsuccess = () => {
+          r(g == null ? void 0 : g.result);
+        }, g.onerror = () => {
+          i();
+        };
+      } catch {
+        i();
+      }
+    }, o.onerror = () => {
+      i();
+    };
+  };
+  return Z(() => {
+    c();
+  }, [t == null ? void 0 : t.uriService, t == null ? void 0 : t.lang]), /* @__PURE__ */ n.jsx(it.Provider, { value: { langDatas: s }, children: e });
+}, lt = Te({}), ue = () => ye(lt), Ls = ({ children: e }) => {
+  var M;
+  const [t, s] = D([]), [r, i] = D(!1), [c, o] = D(!1), [a, d] = D({}), [u, f] = D(!1), [x, g] = D(!1), {
+    objInitPayload: b,
+    widgetProps: y,
+    setOpenWidget: w,
+    setFirstOpenWidget: A,
+    isFirstRenderHelpdesk: p
+  } = q(), E = z(null), h = z(""), m = z(""), v = (L) => {
+    const F = ie(L, "text_feedback_link") && ie(L, "text");
+    s(($) => {
+      const H = [
+        ...$,
+        {
+          ...L,
+          ...F && {
+            type: "text"
+          },
+          sender: "response"
+        }
+      ];
+      return js(H);
+    }), i(!1), o(!1), me();
+  }, C = () => {
+    var L, F, $, H;
+    (L = E == null ? void 0 : E.current) == null || L.emit("session_request", { session_id: null }), (F = E == null ? void 0 : E.current) == null || F.on("session_confirm", (V) => {
+      h.current = V, Pe({
+        session_id: V == null ? void 0 : V.session_id
+      });
+    }), ($ = E == null ? void 0 : E.current) == null || $.on(us, v), (H = E == null ? void 0 : E.current) == null || H.on(fs, (V) => {
+      const Q = JSON.parse(V || "{}");
+      ie(Q, "iswidget") && g(Q == null ? void 0 : Q.iswidget);
+    }), u || f(!0), A(!1);
+  }, j = ({
+    msg: L,
+    additionalConfig: F = {},
+    isShowLoadingResponse: $ = !0
+  }) => {
+    var H;
+    (H = E == null ? void 0 : E.current) == null || H.emit(ds, {
+      customData: {
+        language: b == null ? void 0 : b.lang
+      },
+      message: L,
+      session_id: h == null ? void 0 : h.current,
+      ...F
+    }), $ ? i(!0) : o(!0);
+  }, S = () => {
+    var F, $;
+    E.current && ((F = E == null ? void 0 : E.current) == null || F.off(), ($ = E == null ? void 0 : E.current) == null || $.disconnect(), E.current = null), p.current = !1;
+    const L = Pt(
+      `${ws(y == null ? void 0 : y.socketURL)}://${nt(
+        y == null ? void 0 : y.socketURL
+      )}`,
+      {
+        path: y == null ? void 0 : y.socketPath,
+        transports: ["websocket"],
+        reconnection: !0,
+        reconnectionAttempts: 1
+      }
+    );
+    L.on("connect", C), L.on("connect_error", (H) => {
+      console.error("connect_error widget-chatbot : ", {
+        err: H,
+        socketURL: y == null ? void 0 : y.socketURL,
+        socketPath: y == null ? void 0 : y.widgetProps
+      }), f(!1);
+    }), L.io.on("reconnect", () => {
+      console.error("reconnect widget-chatbot : ", {
+        socketURL: y == null ? void 0 : y.socketURL,
+        socketPath: y == null ? void 0 : y.widgetProps
+      }), f(!1);
+    }), E.current = L;
+  }, I = () => {
+    var L;
+    (!((L = E == null ? void 0 : E.current) != null && L.connected) || !u) && (S(), w(!1));
+  }, B = () => {
+    f(!1);
+  };
+  return Z(() => (w(!1), S(), window.addEventListener("online", I), window.addEventListener("offline", B), () => {
+    var L, F;
+    E.current && ((L = E.current) == null || L.off("connect", C), (F = E.current) == null || F.disconnect(), E.current = null), window.removeEventListener("online", I), window.removeEventListener("offline", B);
+  }), [
+    JSON.stringify(b || {}),
+    y == null ? void 0 : y.socketURL,
+    y == null ? void 0 : y.socketPath
+  ]), /* @__PURE__ */ n.jsx(
+    lt.Provider,
+    {
+      value: {
+        setChats: s,
+        chats: t,
+        onSendMsg: j,
+        isWaitResponse: r,
+        socket: E == null ? void 0 : E.current,
+        sessionId: (M = h == null ? void 0 : h.current) == null ? void 0 : M.session_id,
+        loadingRegenerate: c,
+        file: a,
+        setFile: d,
+        connected: u,
+        isHandshakeWidget: x,
+        createSocket: S,
+        currRegenerateId: m
+      },
+      children: e
+    }
+  );
+}, Os = {
+  'pre[class*="language-"]': {
+    color: "#d4d4d4",
+    fontSize: "13px",
+    textShadow: "none",
+    fontFamily: 'Menlo, Monaco, Consolas, "Andale Mono", "Ubuntu Mono", "Courier New", monospace',
+    direction: "ltr",
+    textAlign: "left",
+    whiteSpace: "pre",
+    wordSpacing: "normal",
+    wordBreak: "normal",
+    lineHeight: "1.5",
+    MozTabSize: "4",
+    OTabSize: "4",
+    tabSize: "4",
+    WebkitHyphens: "none",
+    MozHyphens: "none",
+    msHyphens: "none",
+    hyphens: "none",
+    padding: "1em",
+    margin: ".5em 0",
+    overflow: "auto",
+    background: "#1e1e1e"
+  },
+  'code[class*="language-"]': {
+    color: "#d4d4d4",
+    fontSize: "13px",
+    textShadow: "none",
+    fontFamily: 'Menlo, Monaco, Consolas, "Andale Mono", "Ubuntu Mono", "Courier New", monospace',
+    direction: "ltr",
+    textAlign: "left",
+    whiteSpace: "pre",
+    wordSpacing: "normal",
+    wordBreak: "normal",
+    lineHeight: "1.5",
+    MozTabSize: "4",
+    OTabSize: "4",
+    tabSize: "4",
+    WebkitHyphens: "none",
+    MozHyphens: "none",
+    msHyphens: "none",
+    hyphens: "none"
+  },
+  'pre[class*="language-"]::selection': {
+    textShadow: "none",
+    background: "#264F78"
+  },
+  'code[class*="language-"]::selection': {
+    textShadow: "none",
+    background: "#264F78"
+  },
+  'pre[class*="language-"] *::selection': {
+    textShadow: "none",
+    background: "#264F78"
+  },
+  'code[class*="language-"] *::selection': {
+    textShadow: "none",
+    background: "#264F78"
+  },
+  ':not(pre) > code[class*="language-"]': {
+    padding: ".1em .3em",
+    borderRadius: ".3em",
+    color: "#db4c69",
+    background: "#1e1e1e"
+  },
+  ".namespace": {
+    Opacity: ".7"
+  },
+  "doctype.doctype-tag": {
+    color: "#569CD6"
+  },
+  "doctype.name": {
+    color: "#9cdcfe"
+  },
+  comment: {
+    color: "#6a9955"
+  },
+  prolog: {
+    color: "#6a9955"
+  },
+  punctuation: {
+    color: "#d4d4d4"
+  },
+  ".language-html .language-css .token.punctuation": {
+    color: "#d4d4d4"
+  },
+  ".language-html .language-javascript .token.punctuation": {
+    color: "#d4d4d4"
+  },
+  property: {
+    color: "#9cdcfe"
+  },
+  tag: {
+    color: "#569cd6"
+  },
+  boolean: {
+    color: "#569cd6"
+  },
+  number: {
+    color: "#b5cea8"
+  },
+  constant: {
+    color: "#9cdcfe"
+  },
+  symbol: {
+    color: "#b5cea8"
+  },
+  inserted: {
+    color: "#b5cea8"
+  },
+  unit: {
+    color: "#b5cea8"
+  },
+  selector: {
+    color: "#d7ba7d"
+  },
+  "attr-name": {
+    color: "#9cdcfe"
+  },
+  string: {
+    color: "#ce9178"
+  },
+  char: {
+    color: "#ce9178"
+  },
+  builtin: {
+    color: "#ce9178"
+  },
+  deleted: {
+    color: "#ce9178"
+  },
+  ".language-css .token.string.url": {
+    textDecoration: "underline"
+  },
+  operator: {
+    color: "#d4d4d4"
+  },
+  entity: {
+    color: "#569cd6"
+  },
+  "operator.arrow": {
+    color: "#569CD6"
+  },
+  atrule: {
+    color: "#ce9178"
+  },
+  "atrule.rule": {
+    color: "#c586c0"
+  },
+  "atrule.url": {
+    color: "#9cdcfe"
+  },
+  "atrule.url.function": {
+    color: "#dcdcaa"
+  },
+  "atrule.url.punctuation": {
+    color: "#d4d4d4"
+  },
+  keyword: {
+    color: "#569CD6"
+  },
+  "keyword.module": {
+    color: "#c586c0"
+  },
+  "keyword.control-flow": {
+    color: "#c586c0"
+  },
+  function: {
+    color: "#dcdcaa"
+  },
+  "function.maybe-class-name": {
+    color: "#dcdcaa"
+  },
+  regex: {
+    color: "#d16969"
+  },
+  important: {
+    color: "#569cd6"
+  },
+  italic: {
+    fontStyle: "italic"
+  },
+  "class-name": {
+    color: "#4ec9b0"
+  },
+  "maybe-class-name": {
+    color: "#4ec9b0"
+  },
+  console: {
+    color: "#9cdcfe"
+  },
+  parameter: {
+    color: "#9cdcfe"
+  },
+  interpolation: {
+    color: "#9cdcfe"
+  },
+  "punctuation.interpolation-punctuation": {
+    color: "#569cd6"
+  },
+  variable: {
+    color: "#9cdcfe"
+  },
+  "imports.maybe-class-name": {
+    color: "#9cdcfe"
+  },
+  "exports.maybe-class-name": {
+    color: "#9cdcfe"
+  },
+  escape: {
+    color: "#d7ba7d"
+  },
+  "tag.punctuation": {
+    color: "#808080"
+  },
+  cdata: {
+    color: "#808080"
+  },
+  "attr-value": {
+    color: "#ce9178"
+  },
+  "attr-value.punctuation": {
+    color: "#ce9178"
+  },
+  "attr-value.punctuation.attr-equals": {
+    color: "#d4d4d4"
+  },
+  namespace: {
+    color: "#4ec9b0"
+  },
+  'pre[class*="language-javascript"]': {
+    color: "#9cdcfe"
+  },
+  'code[class*="language-javascript"]': {
+    color: "#9cdcfe"
+  },
+  'pre[class*="language-jsx"]': {
+    color: "#9cdcfe"
+  },
+  'code[class*="language-jsx"]': {
+    color: "#9cdcfe"
+  },
+  'pre[class*="language-typescript"]': {
+    color: "#9cdcfe"
+  },
+  'code[class*="language-typescript"]': {
+    color: "#9cdcfe"
+  },
+  'pre[class*="language-tsx"]': {
+    color: "#9cdcfe"
+  },
+  'code[class*="language-tsx"]': {
+    color: "#9cdcfe"
+  },
+  'pre[class*="language-css"]': {
+    color: "#ce9178"
+  },
+  'code[class*="language-css"]': {
+    color: "#ce9178"
+  },
+  'pre[class*="language-html"]': {
+    color: "#d4d4d4"
+  },
+  'code[class*="language-html"]': {
+    color: "#d4d4d4"
+  },
+  ".language-regex .token.anchor": {
+    color: "#dcdcaa"
+  },
+  ".language-html .token.punctuation": {
+    color: "#808080"
+  },
+  'pre[class*="language-"] > code[class*="language-"]': {
+    position: "relative",
+    zIndex: "1"
+  },
+  ".line-highlight.line-highlight": {
+    background: "#f7ebc6",
+    boxShadow: "inset 5px 0 0 #f7d87c",
+    zIndex: "0"
+  }
+}, Rs = (e) => e.replace(/[^a-zA-Z0-9_]/g, "").trim(), _ = (e = "", t) => {
+  var o;
+  const { langDatas: s } = As(), r = localStorage == null ? void 0 : localStorage.getItem("show_text_id"), i = Rs(String(e)), c = (s == null ? void 0 : s[i == null ? void 0 : i.toUpperCase()]) || t;
+  return ((o = Object.keys(s || {})) == null ? void 0 : o.length) > 0 ? r ? `WPUI_${i}` : c : t;
+}, Ds = ({ isFeedback: e = !1, open: t, ...s }) => {
+  var i;
+  const r = R(() => e ? "w-modal-container-feedback" : "", [e]);
+  return Le != null && Le.startsWith("5") ? /* @__PURE__ */ n.jsx(
+    Bn,
+    {
+      rootClassName: r,
+      ...s,
+      open: t,
+      getContainer: "#w-widget-content",
+      maskProps: {
+        style: {
+          backdropFilter: "blur(4px)"
+        }
+      },
+      width: 300,
+      style: {
+        ...Object.keys((s == null ? void 0 : s.style) || {}).length > 0 && {
+          ...s == null ? void 0 : s.style
+        },
+        top: 20
+      }
+    }
+  ) : (
+    // <div className={rootClassName}>
+    /* @__PURE__ */ n.jsx(
+      Bn,
+      {
+        getContainer: "#w-widget-content",
+        width: 300,
+        ...s,
+        ...Oe != null && Oe.startsWith("18") ? {
+          open: t
+        } : { visible: t },
+        maskStyle: {
+          backdropFilter: "blur(4x)",
+          ...((i = Object.keys((s == null ? void 0 : s.maskStyle) || {})) == null ? void 0 : i.length) > 0 && {
+            ...s == null ? void 0 : s.maskStyle
+          }
+        },
+        style: {
+          ...Object.keys((s == null ? void 0 : s.style) || {}).length > 0 && {
+            ...s == null ? void 0 : s.style
+          },
+          top: 20
+        }
+      }
+    )
+  );
+}, at = O(Ds), Jn = ({ props: e, isModal: t = !1 }) => {
+  const s = (r, i) => {
+    var c;
+    return (c = Ut) == null ? void 0 : c.map(r, (o) => {
+      var a, d, u;
+      return !Wt(o) || ((a = Object.keys((o == null ? void 0 : o.props) || {})) == null ? void 0 : a.length) === 0 ? o : Vt(o, {
+        ...o == null ? void 0 : o.props,
+        ...(o == null ? void 0 : o.type) === "thead" && {
+          className: "ant-table-thead"
+        },
+        ...((o == null ? void 0 : o.type) === "th" || (o == null ? void 0 : o.type) === "td") && {
+          className: "ant-table-cell",
+          ...(o == null ? void 0 : o.type) === "th" && {
+            style: {
+              background: "var(--primary-color, #395ebc)",
+              color: "#ffffff",
+              minWidth: 180
+            }
+          }
+        },
+        ...o.type === "tr" && i === "tbody" && {
+          className: "ant-table-row"
+        },
+        ...(o == null ? void 0 : o.type) === "tbody" && {
+          className: "ant-table-tbody"
+        },
+        children: (d = o == null ? void 0 : o.props) != null && d.children ? s((u = o == null ? void 0 : o.props) == null ? void 0 : u.children, o == null ? void 0 : o.type) : o == null ? void 0 : o.props
+      });
+    });
+  };
+  return /* @__PURE__ */ n.jsx(n.Fragment, { children: /* @__PURE__ */ n.jsx("div", { className: "ant-table", children: /* @__PURE__ */ n.jsx("div", { className: "ant-table-container", children: /* @__PURE__ */ n.jsx(
+    "div",
+    {
+      className: "ant-table-content",
+      style: {
+        overflow: "scroll",
+        maxWidth: t ? "100%" : 330,
+        maxHeight: t ? "100%" : 360
+      },
+      children: /* @__PURE__ */ n.jsx("table", { className: "wp-md-table", ...e, children: s(e == null ? void 0 : e.children, "") })
+    }
+  ) }) }) });
+}, Ns = ({ children: e }) => {
+  const t = _(
+    "OpenDetailTable",
+    "Open Detail Table"
+  ), s = _("TableDetail", "Tabel Detail"), [r, i] = D(!1), c = {
+    table: ({ ...o }) => /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+      /* @__PURE__ */ n.jsx(Jn, { props: o }),
+      /* @__PURE__ */ n.jsx(
+        "div",
+        {
+          style: {
+            display: "flex",
+            justifyContent: "center",
+            padding: "5px 0px 10px 0px"
+          },
+          children: /* @__PURE__ */ n.jsx(
+            G,
+            {
+              onClick: () => {
+                i(!0);
+              },
+              children: t
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ n.jsx(
+        at,
+        {
+          getContainer: () => document.body,
+          footer: null,
+          title: s,
+          width: 800,
+          open: r,
+          onCancel: () => {
+            i(!1);
+          },
+          children: /* @__PURE__ */ n.jsx(Jn, { props: o, isModal: !0 })
+        }
+      )
+    ] }),
+    code: ({ ...o }) => {
+      const { children: a, className: d, ...u } = o, f = /language-(\w+)/.exec(d || "");
+      return f ? /* @__PURE__ */ n.jsx(
+        ts,
+        {
+          ...u,
+          PreTag: "div",
+          language: f[1],
+          style: Os,
+          children: String(a).replace(/\n$/, "")
+        }
+      ) : /* @__PURE__ */ n.jsx(Y.Text, { code: !0, children: o == null ? void 0 : o.children });
+    }
+  };
+  return /* @__PURE__ */ n.jsx(es, { remarkPlugins: [ns], components: c, children: e });
+}, dt = O(Ns), Ms = () => /* @__PURE__ */ n.jsx(
+  "svg",
+  {
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ n.jsx(
+      "path",
+      {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M5.25 4.5H18.75C19.5 4.5 19.5 5.44772 19.5 6V18C19.5 18.5523 19.5 19.5 18.75 19.5H5.25C4.5 19.5 4.5 18.5523 4.5 18V6C4.5 5.44772 4.5 4.5 5.25 4.5ZM3 6C3 4.34315 4.34315 3 6 3H18C19.6569 3 21 4.34315 21 6V18C21 19.6569 19.6569 21 18 21H6C4.34315 21 3 19.6569 3 18V6ZM17 17V15.75H7V17H17Z",
+        fill: "white"
+      }
+    )
+  }
+), Fs = () => /* @__PURE__ */ n.jsx(
+  "svg",
+  {
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    style: { transform: "rotate(0deg)", transition: "300ms" },
+    children: /* @__PURE__ */ n.jsx(
+      "path",
+      {
+        d: "M11.325 21H5.175C3.9735 21 3 20.0265 3 18.825V5.175C3 3.9735 3.9735 3 5.175 3H18.825C20.0265 3 21 3.9735 21 5.175V18.825C21 20.0265 20.0265 21 18.825 21H11.325ZM4.35 5.175V12H9.825C11.0265 12 12 12.9735 12 14.175V19.65H18.825C19.281 19.65 19.65 19.281 19.65 18.825V5.175C19.65 4.71975 19.281 4.35 18.825 4.35H5.175C4.71975 4.35 4.35 4.719 4.35 5.175V5.175ZM4.35 18.825C4.35 19.281 4.719 19.65 5.175 19.65H10.65V14.175C10.65 13.719 10.281 13.35 9.825 13.35H4.35V18.825ZM12.4882 11.5117C12.366 11.3895 12.2902 11.2207 12.2902 11.034C12.2902 10.8472 12.366 10.6785 12.4882 10.5562L15.9863 7.059H14.364C13.9913 7.059 13.689 6.75675 13.689 6.384C13.689 6.01125 13.9913 5.709 14.364 5.709H17.616C17.709 5.709 17.7975 5.7285 17.8785 5.763L17.874 5.7615C17.958 5.79675 18.0293 5.8455 18.09 5.90475C18.1508 5.9655 18.1995 6.03825 18.2333 6.11925L18.2347 6.12375C18.2677 6.1995 18.2872 6.28875 18.2872 6.38175V9.633C18.2872 10.0057 17.985 10.308 17.6122 10.308C17.2395 10.308 16.9373 10.0057 16.9373 9.633V8.0115L13.4393 11.5095C13.317 11.631 13.1483 11.7068 12.9623 11.7068C12.7778 11.7068 12.6105 11.6325 12.489 11.5125L12.4882 11.5117Z",
+        fill: "white"
+      }
+    )
+  }
+), Hs = () => /* @__PURE__ */ n.jsxs(
+  "svg",
+  {
+    viewBox: "64 64 896 896",
+    focusable: "false",
+    width: "14",
+    height: "14",
+    "aria-hidden": "true",
+    fill: "white",
+    children: [
+      /* @__PURE__ */ n.jsx("defs", { children: /* @__PURE__ */ n.jsx("style", {}) }),
+      /* @__PURE__ */ n.jsx("path", { d: "M931.4 498.9L94.9 79.5c-3.4-1.7-7.3-2.1-11-1.2a15.99 15.99 0 00-11.7 19.3l86.2 352.2c1.3 5.3 5.2 9.6 10.4 11.3l147.7 50.7-147.6 50.7c-5.2 1.8-9.1 6-10.3 11.3L72.2 926.5c-.9 3.7-.5 7.6 1.2 10.9 3.9 7.9 13.5 11.1 21.5 7.2l836.5-417c3.1-1.5 5.6-4.1 7.2-7.1 3.9-8 .7-17.6-7.2-21.6zM170.8 826.3l50.3-205.6 295.2-101.3c2.3-.8 4.2-2.6 5-5 1.4-4.2-.8-8.7-5-10.2L221.1 403 171 198.2l628 314.9-628.2 313.2z" })
+    ]
+  }
+), Is = () => /* @__PURE__ */ n.jsxs(
+  "svg",
+  {
+    viewBox: "-2.4 -2.4 28.80 28.80",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [
+      /* @__PURE__ */ n.jsx("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }),
+      /* @__PURE__ */ n.jsx(
+        "g",
+        {
+          id: "SVGRepo_tracerCarrier",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ),
+      /* @__PURE__ */ n.jsx("g", { id: "SVGRepo_iconCarrier", children: /* @__PURE__ */ n.jsx(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM8.58579 8.58579C8 9.17157 8 10.1144 8 12C8 13.8856 8 14.8284 8.58579 15.4142C9.17157 16 10.1144 16 12 16C13.8856 16 14.8284 16 15.4142 15.4142C16 14.8284 16 13.8856 16 12C16 10.1144 16 9.17157 15.4142 8.58579C14.8284 8 13.8856 8 12 8C10.1144 8 9.17157 8 8.58579 8.58579Z",
+          fill: "rgb(57, 94, 188)"
+        }
+      ) })
+    ]
+  }
+), $s = () => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "sync", className: "anticon anticon-sync", children: /* @__PURE__ */ n.jsx(
+  "svg",
+  {
+    viewBox: "64 64 896 896",
+    focusable: "false",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    children: /* @__PURE__ */ n.jsx("path", { d: "M168 504.2c1-43.7 10-86.1 26.9-126 17.3-41 42.1-77.7 73.7-109.4S337 212.3 378 195c42.4-17.9 87.4-27 133.9-27s91.5 9.1 133.8 27A341.5 341.5 0 01755 268.8c9.9 9.9 19.2 20.4 27.8 31.4l-60.2 47a8 8 0 003 14.1l175.7 43c5 1.2 9.9-2.6 9.9-7.7l.8-180.9c0-6.7-7.7-10.5-12.9-6.3l-56.4 44.1C765.8 155.1 646.2 92 511.8 92 282.7 92 96.3 275.6 92 503.8a8 8 0 008 8.2h60c4.4 0 7.9-3.5 8-7.8zm756 7.8h-60c-4.4 0-7.9 3.5-8 7.8-1 43.7-10 86.1-26.9 126-17.3 41-42.1 77.8-73.7 109.4A342.45 342.45 0 01512.1 856a342.24 342.24 0 01-243.2-100.8c-9.9-9.9-19.2-20.4-27.8-31.4l60.2-47a8 8 0 00-3-14.1l-175.7-43c-5-1.2-9.9 2.6-9.9 7.7l-.7 181c0 6.7 7.7 10.5 12.9 6.3l56.4-44.1C258.2 868.9 377.8 932 512.2 932c229.2 0 415.5-183.7 419.8-411.8a8 8 0 00-8-8.2z" })
+  }
+) }), Bs = () => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "left", className: "anticon anticon-left", children: /* @__PURE__ */ n.jsx(
+  "svg",
+  {
+    viewBox: "64 64 896 896",
+    focusable: "false",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    children: /* @__PURE__ */ n.jsx("path", { d: "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z" })
+  }
+) }), Us = () => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "right", className: "anticon anticon-right", children: /* @__PURE__ */ n.jsx(
+  "svg",
+  {
+    viewBox: "64 64 896 896",
+    focusable: "false",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    children: /* @__PURE__ */ n.jsx("path", { d: "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z" })
+  }
+) }), Ws = ({ ...e }) => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "like", className: "anticon anticon-like", children: /* @__PURE__ */ n.jsxs(
+  "svg",
+  {
+    viewBox: "64 64 896 896",
+    focusable: "false",
+    "data-icon": "like",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    children: [
+      /* @__PURE__ */ n.jsx(
+        "path",
+        {
+          d: "M273 495.9v428l.3-428zm538.2-88.3H496.8l9.6-198.4c.6-11.9-4.7-23.1-14.6-30.5-6.1-4.5-13.6-6.8-21.1-6.7-19.6.1-36.9 13.4-42.2 32.3-37.1 134.4-64.9 235.2-83.5 302.5V852h399.4a56.85 56.85 0 0033.6-51.8c0-9.7-2.3-18.9-6.9-27.3l-13.9-25.4 21.9-19a56.76 56.76 0 0019.6-43c0-9.7-2.3-18.9-6.9-27.3l-13.9-25.4 21.9-19a56.76 56.76 0 0019.6-43c0-9.7-2.3-18.9-6.9-27.3l-14-25.5 21.9-19a56.76 56.76 0 0019.6-43c0-19.1-11-37.5-28.8-48.4z",
+          fill: (e == null ? void 0 : e.feedback) === "like" ? "green" : "#fff"
+        }
+      ),
+      /* @__PURE__ */ n.jsx(
+        "path",
+        {
+          d: "M112 528v364c0 17.7 14.3 32 32 32h65V496h-65c-17.7 0-32 14.3-32 32zm773.9 5.7c16.8-22.2 26.1-49.4 26.1-77.7 0-44.9-25.1-87.5-65.5-111a67.67 67.67 0 00-34.3-9.3H572.3l6-122.9c1.5-29.7-9-57.9-29.5-79.4a106.4 106.4 0 00-77.9-33.4c-52 0-98 35-111.8 85.1l-85.8 310.8-.3 428h472.1c9.3 0 18.2-1.8 26.5-5.4 47.6-20.3 78.3-66.8 78.3-118.4 0-12.6-1.8-25-5.4-37 16.8-22.2 26.1-49.4 26.1-77.7 0-12.6-1.8-25-5.4-37 16.8-22.2 26.1-49.4 26.1-77.7 0-12.6-1.8-25-5.4-37zM820.4 499l-21.9 19 14 25.5a56.2 56.2 0 016.9 27.3c0 16.5-7.1 32.2-19.6 43l-21.9 19 13.9 25.4a56.2 56.2 0 016.9 27.3c0 16.5-7.1 32.2-19.6 43l-21.9 19 13.9 25.4a56.2 56.2 0 016.9 27.3c0 22.4-13.2 42.6-33.6 51.8H345V506.8c18.6-67.2 46.4-168 83.5-302.5a44.28 44.28 0 0142.2-32.3c7.5-.1 15 2.2 21.1 6.7 9.9 7.4 15.2 18.6 14.6 30.5l-9.6 198.4h314.4C829 418.5 840 436.9 840 456c0 16.5-7.1 32.2-19.6 43z",
+          fill: (e == null ? void 0 : e.feedback) === "like" ? "green" : "black"
+        }
+      )
+    ]
+  }
+) }), Vs = ({ ...e }) => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "dislike", className: "anticon anticon-dislike", children: /* @__PURE__ */ n.jsxs(
+  "svg",
+  {
+    viewBox: "64 64 896 896",
+    focusable: "false",
+    "data-icon": "dislike",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    children: [
+      /* @__PURE__ */ n.jsx(
+        "path",
+        {
+          d: "M273 100.1v428h.3l-.3-428zM820.4 525l-21.9-19 14-25.5a56.2 56.2 0 006.9-27.3c0-16.5-7.1-32.2-19.6-43l-21.9-19 13.9-25.4a56.2 56.2 0 006.9-27.3c0-16.5-7.1-32.2-19.6-43l-21.9-19 13.9-25.4a56.2 56.2 0 006.9-27.3c0-22.4-13.2-42.6-33.6-51.8H345v345.2c18.6 67.2 46.4 168 83.5 302.5a44.28 44.28 0 0042.2 32.3c7.5.1 15-2.2 21.1-6.7 9.9-7.4 15.2-18.6 14.6-30.5l-9.6-198.4h314.4C829 605.5 840 587.1 840 568c0-16.5-7.1-32.2-19.6-43z",
+          fill: (e == null ? void 0 : e.feedback) === "dislike" ? "red" : "#fff"
+        }
+      ),
+      /* @__PURE__ */ n.jsx(
+        "path",
+        {
+          d: "M112 132v364c0 17.7 14.3 32 32 32h65V100h-65c-17.7 0-32 14.3-32 32zm773.9 358.3c3.6-12 5.4-24.4 5.4-37 0-28.3-9.3-55.5-26.1-77.7 3.6-12 5.4-24.4 5.4-37 0-28.3-9.3-55.5-26.1-77.7 3.6-12 5.4-24.4 5.4-37 0-51.6-30.7-98.1-78.3-118.4a66.1 66.1 0 00-26.5-5.4H273l.3 428 85.8 310.8C372.9 889 418.9 924 470.9 924c29.7 0 57.4-11.8 77.9-33.4 20.5-21.5 31-49.7 29.5-79.4l-6-122.9h239.9c12.1 0 23.9-3.2 34.3-9.3 40.4-23.5 65.5-66.1 65.5-111 0-28.3-9.3-55.5-26.1-77.7zm-74.7 126.1H496.8l9.6 198.4c.6 11.9-4.7 23.1-14.6 30.5-6.1 4.5-13.6 6.8-21.1 6.7a44.28 44.28 0 01-42.2-32.3c-37.1-134.4-64.9-235.2-83.5-302.5V172h399.4a56.85 56.85 0 0133.6 51.8c0 9.7-2.3 18.9-6.9 27.3l-13.9 25.4 21.9 19a56.76 56.76 0 0119.6 43c0 9.7-2.3 18.9-6.9 27.3l-13.9 25.4 21.9 19a56.76 56.76 0 0119.6 43c0 9.7-2.3 18.9-6.9 27.3l-14 25.5 21.9 19a56.76 56.76 0 0119.6 43c0 19.1-11 37.5-28.8 48.4z",
+          fill: (e == null ? void 0 : e.feedback) === "dislike" ? "red" : "black"
+        }
+      )
+    ]
+  }
+) }), Gs = () => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "delete", className: "anticon anticon-delete", children: /* @__PURE__ */ n.jsx(
+  "svg",
+  {
+    viewBox: "64 64 896 896",
+    focusable: "false",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    children: /* @__PURE__ */ n.jsx("path", { d: "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z" })
+  }
+) }), zs = () => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "close", className: "anticon anticon-close", children: /* @__PURE__ */ n.jsx(
+  "svg",
+  {
+    fillRule: "evenodd",
+    viewBox: "64 64 896 896",
+    focusable: "false",
+    "data-icon": "close",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    children: /* @__PURE__ */ n.jsx("path", { d: "M799.86 166.31c.02 0 .04.02.08.06l57.69 57.7c.04.03.05.05.06.08a.12.12 0 010 .06c0 .03-.02.05-.06.09L569.93 512l287.7 287.7c.04.04.05.06.06.09a.12.12 0 010 .07c0 .02-.02.04-.06.08l-57.7 57.69c-.03.04-.05.05-.07.06a.12.12 0 01-.07 0c-.03 0-.05-.02-.09-.06L512 569.93l-287.7 287.7c-.04.04-.06.05-.09.06a.12.12 0 01-.07 0c-.02 0-.04-.02-.08-.06l-57.69-57.7c-.04-.03-.05-.05-.06-.07a.12.12 0 010-.07c0-.03.02-.05.06-.09L454.07 512l-287.7-287.7c-.04-.04-.05-.06-.06-.09a.12.12 0 010-.07c0-.02.02-.04.06-.08l57.7-57.69c.03-.04.05-.05.07-.06a.12.12 0 01.07 0c.03 0 .05.02.09.06L512 454.07l287.7-287.7c.04-.04.06-.05.09-.06a.12.12 0 01.07 0z" })
+  }
+) }), Ys = () => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "upload", className: "anticon anticon-upload", children: /* @__PURE__ */ n.jsx(
+  "svg",
+  {
+    viewBox: "64 64 896 896",
+    focusable: "false",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    children: /* @__PURE__ */ n.jsx("path", { d: "M400 317.7h73.9V656c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V317.7H624c6.7 0 10.4-7.7 6.3-12.9L518.3 163a8 8 0 00-12.6 0l-112 141.7c-4.1 5.3-.4 13 6.3 13zM878 626h-60c-4.4 0-8 3.6-8 8v154H214V634c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v198c0 17.7 14.3 32 32 32h684c17.7 0 32-14.3 32-32V634c0-4.4-3.6-8-8-8z" })
+  }
+) }), Ks = () => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "filter", className: "anticon anticon-filter", children: /* @__PURE__ */ n.jsx(
+  "svg",
+  {
+    viewBox: "64 64 896 896",
+    focusable: "false",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    children: /* @__PURE__ */ n.jsx("path", { d: "M880.1 154H143.9c-24.5 0-39.8 26.7-27.5 48L349 597.4V838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V597.4L907.7 202c12.2-21.3-3.1-48-27.6-48zM603.4 798H420.6V642h182.9v156zm9.6-236.6l-9.5 16.6h-183l-9.5-16.6L212.7 226h598.6L613 561.4z" })
+  }
+) }), qs = () => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "down", className: "anticon anticon-down", children: /* @__PURE__ */ n.jsx(
+  "svg",
+  {
+    viewBox: "64 64 896 896",
+    focusable: "false",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    children: /* @__PURE__ */ n.jsx("path", { d: "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" })
+  }
+) }), Js = () => /* @__PURE__ */ n.jsx(
+  "span",
+  {
+    role: "img",
+    "aria-label": "paper-clip",
+    className: "anticon anticon-paper-clip",
+    children: /* @__PURE__ */ n.jsx(
+      "svg",
+      {
+        viewBox: "64 64 896 896",
+        focusable: "false",
+        width: "1em",
+        height: "1em",
+        fill: "currentColor",
+        "aria-hidden": "true",
+        children: /* @__PURE__ */ n.jsx("path", { d: "M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z" })
+      }
+    )
+  }
+), Qs = () => /* @__PURE__ */ n.jsx(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "18",
+    height: "18",
+    viewBox: "0 0 32 32",
+    fill: "none",
+    children: /* @__PURE__ */ n.jsx(
+      "path",
+      {
+        d: "M13.083 1C10.9876 0.99919 8.92848 1.54638 7.10994 2.58726C5.2914 3.62814 3.7767 5.12652 2.71618 6.93367C1.65565 8.74083 1.08618 10.7939 1.06429 12.8892C1.0424 14.9844 1.56884 17.0489 2.59138 18.8778L1.12189 22.7262C0.999579 23.0461 0.968553 23.3937 1.03227 23.7303C1.096 24.0668 1.25196 24.379 1.48276 24.632C1.71356 24.885 2.01013 25.069 2.33938 25.1633C2.66863 25.2576 3.0176 25.2586 3.34738 25.1661L7.94438 23.8778C9.57274 24.6472 11.3532 25.0407 13.1542 25.0291C14.9551 25.0176 16.7304 24.6013 18.3488 23.8111C19.9671 23.0209 21.3871 21.8769 22.5038 20.4639C23.6204 19.0509 24.4051 17.4049 24.7998 15.6477C25.1944 13.8905 25.189 12.0671 24.7839 10.3122C24.3788 8.5574 23.5844 6.9161 22.4595 5.50971C21.3345 4.10332 19.9077 2.96783 18.2847 2.18722C16.6617 1.40662 14.8839 1.00088 13.083 1ZM13.0682 8.21066C12.4064 8.34005 11.6819 8.76888 11.1126 9.77442C11.0526 9.88001 10.9724 9.97275 10.8766 10.0474C10.7808 10.122 10.6713 10.177 10.5542 10.2092C10.4372 10.2415 10.3149 10.2504 10.1944 10.2354C10.0739 10.2204 9.95753 10.1819 9.85194 10.1219C9.74635 10.062 9.6536 9.98179 9.57899 9.88599C9.50439 9.79019 9.44938 9.68064 9.41711 9.56358C9.38484 9.44652 9.37594 9.32425 9.39093 9.20375C9.40591 9.08326 9.44448 8.96689 9.50444 8.8613C10.3196 7.42693 11.4785 6.63766 12.7133 6.39737C13.8622 6.18019 15.0505 6.41957 16.0256 7.06464C16.9203 7.65613 17.643 8.62285 17.6652 9.78181C17.6892 10.9925 16.9535 12.0849 15.5968 12.8871C14.6763 13.4306 14.3177 13.8003 14.1643 14.0461C14.0349 14.2531 14.0072 14.4417 14.0072 14.8631C14.0072 15.1082 13.9098 15.3433 13.7365 15.5166C13.5632 15.6899 13.3281 15.7873 13.083 15.7873C12.8379 15.7873 12.6028 15.6899 12.4295 15.5166C12.2561 15.3433 12.1588 15.1082 12.1588 14.8631C12.1588 14.3603 12.1846 13.7356 12.5968 13.0701C12.985 12.4472 13.6486 11.8927 14.6578 11.2957C15.6467 10.7097 15.826 10.1533 15.8205 9.82062C15.8131 9.438 15.558 8.97035 15.0072 8.60622C14.4369 8.22892 13.7426 8.08716 13.07 8.21066H13.0682ZM13.5432 20.4083C13.1755 20.4083 12.8229 20.2623 12.563 20.0023C12.303 19.7423 12.1569 19.3897 12.1569 19.022C12.1569 18.6544 12.303 18.3017 12.563 18.0418C12.8229 17.7818 13.1755 17.6357 13.5432 17.6357C13.9109 17.6357 14.2635 17.7818 14.5235 18.0418C14.7835 18.3017 14.9295 18.6544 14.9295 19.022C14.9295 19.3897 14.7835 19.7423 14.5235 20.0023C14.2635 20.2623 13.9109 20.4083 13.5432 20.4083ZM9.45084 26.3972C10.5776 27.7093 11.975 28.762 13.547 29.4831C15.119 30.2042 16.8285 30.5765 18.558 30.5746C20.3934 30.5746 22.1365 30.1624 23.6966 29.423L28.2917 30.7114C28.6215 30.8038 28.9705 30.8028 29.2997 30.7085C29.629 30.6142 29.9255 30.4303 30.1563 30.1772C30.3871 29.9242 30.5431 29.612 30.6068 29.2755C30.6705 28.939 30.6395 28.5914 30.5172 28.2715L29.0477 24.4231C30.05 22.6316 30.5751 20.6127 30.5726 18.5599C30.5726 14.974 29.0015 11.7541 26.508 9.5526C26.7814 10.6172 26.9272 11.7105 26.9424 12.8095C28.0662 14.4454 28.7242 16.4269 28.7242 18.5599C28.7242 20.5008 28.1808 22.314 27.2363 23.8575L26.9997 24.2456L28.7926 28.9314L23.5062 27.4526L23.1827 27.6153C21.7964 28.3251 20.2252 28.7262 18.558 28.7262C16.4617 28.7294 14.4162 28.0816 12.704 26.8722C11.6046 26.8435 10.5126 26.684 9.45084 26.3972Z",
+        fill: "white"
+      }
+    )
+  }
+), Zs = () => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "smile", className: "anticon anticon-smile", children: /* @__PURE__ */ n.jsx(
+  "svg",
+  {
+    viewBox: "64 64 896 896",
+    focusable: "false",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    children: /* @__PURE__ */ n.jsx("path", { d: "M288 421a48 48 0 1096 0 48 48 0 10-96 0zm352 0a48 48 0 1096 0 48 48 0 10-96 0zM512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm263 711c-34.2 34.2-74 61-118.3 79.8C611 874.2 562.3 884 512 884c-50.3 0-99-9.8-144.8-29.2A370.4 370.4 0 01248.9 775c-34.2-34.2-61-74-79.8-118.3C149.8 611 140 562.3 140 512s9.8-99 29.2-144.8A370.4 370.4 0 01249 248.9c34.2-34.2 74-61 118.3-79.8C413 149.8 461.7 140 512 140c50.3 0 99 9.8 144.8 29.2A370.4 370.4 0 01775.1 249c34.2 34.2 61 74 79.8 118.3C874.2 413 884 461.7 884 512s-9.8 99-29.2 144.8A368.89 368.89 0 01775 775zM664 533h-48.1c-4.2 0-7.8 3.2-8.1 7.4C604 589.9 562.5 629 512 629s-92.1-39.1-95.8-88.6c-.3-4.2-3.9-7.4-8.1-7.4H360a8 8 0 00-8 8.4c4.4 84.3 74.5 151.6 160 151.6s155.6-67.3 160-151.6a8 8 0 00-8-8.4z" })
+  }
+) }), Xs = () => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "file", className: "anticon anticon-file", children: /* @__PURE__ */ n.jsx(
+  "svg",
+  {
+    viewBox: "64 64 896 896",
+    focusable: "false",
+    width: 24,
+    height: 24,
+    fill: "currentColor",
+    "aria-hidden": "true",
+    children: /* @__PURE__ */ n.jsx("path", { d: "M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM790.2 326H602V137.8L790.2 326zm1.8 562H232V136h302v216a42 42 0 0042 42h216v494z" })
+  }
+) }), Ps = ({ ...e }) => /* @__PURE__ */ n.jsx("span", { role: "img", "aria-label": "loading", ...e, className: "w-spin-animate", children: /* @__PURE__ */ n.jsx(
+  "svg",
+  {
+    viewBox: "0 0 1024 1024",
+    focusable: "false",
+    "data-icon": "loading",
+    width: 52,
+    height: 52,
+    fill: "currentColor",
+    "aria-hidden": "true",
+    children: /* @__PURE__ */ n.jsx("path", { d: "M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z" })
+  }
+) }), P = ({ type: e = "", chatProps: t, ...s }) => {
+  const r = R(() => ({
+    minimize: Ms,
+    expand: Fs,
+    send: Hs,
+    stop: Is,
+    sync: $s,
+    left: Bs,
+    right: Us,
+    like: () => /* @__PURE__ */ n.jsx(Ws, { ...t }),
+    dislike: () => /* @__PURE__ */ n.jsx(Vs, { ...t }),
+    delete: Gs,
+    close: zs,
+    upload: Ys,
+    filter: Ks,
+    down: qs,
+    "paper-clip": Js,
+    "chat-bubble": Qs,
+    smile: Zs,
+    file: Xs,
+    loading: () => /* @__PURE__ */ n.jsx(Ps, { ...s })
+  }), [e, t, s]);
+  return /* @__PURE__ */ n.jsx(ss, { component: r == null ? void 0 : r[e], ...s });
+}, ut = Te({}), be = () => ye(ut), er = ({ children: e }) => {
+  const [t, s] = D("va"), r = R(() => t === "va", [t]);
+  return /* @__PURE__ */ n.jsx(
+    ut.Provider,
+    {
+      value: {
+        activeTab: t,
+        setActiveTab: s,
+        isActiveTabVA: r
+      },
+      children: e
+    }
+  );
+}, nr = ({ ...e }) => {
+  const t = _(
+    "WeLoveToHearAboutYourExperienceWithTheSunfishChatbot",
+    "We'd love to hear about your experience with the Sunfish chatbot"
+  ), s = _(
+    "ShareAnyCommentsOrSuggestionsToHelpUsImprove",
+    "Share any comments or suggestions to help us improve"
+  ), r = _("Submit", "Submit"), i = _(
+    "ThankFeedback",
+    "Thank You for your feedback"
+  ), c = _(
+    "AdditionalFeedback",
+    "Additional Feedback"
+  ), [o] = oe.useForm(), [a, d] = D(!1), [u, f] = D(""), { setChats: x } = ue(), { objInitPayload: g } = q(), { activeTab: b } = be(), y = R(() => {
+    var h;
+    const E = ie(e, "feedback") ? (e == null ? void 0 : e.feedback) === "like" || (e == null ? void 0 : e.feedback) === "" : !0;
+    return typeof (e == null ? void 0 : e.text_thumbsup_link) == "string" && ((h = e == null ? void 0 : e.text_thumbsup_link) == null ? void 0 : h.trim()) !== "" && E;
+  }, [e]), w = R(() => {
+    var h;
+    const E = ie(e, "feedback") ? (e == null ? void 0 : e.feedback) === "dislike" || (e == null ? void 0 : e.feedback) === "" : !0;
+    return typeof (e == null ? void 0 : e.text_thumbsdown_link) == "string" && ((h = e == null ? void 0 : e.text_thumbsdown_link) == null ? void 0 : h.trim()) !== "" && E;
+  }, [e]), A = R(() => {
+    if (g != null && g.uriBackend)
+      try {
+        return new URL(g.uriBackend).origin;
+      } catch {
+        return "";
+      }
+    return "";
+  }, [g == null ? void 0 : g.uriBackend]), p = (E) => {
+    var M;
+    const h = E === "like" ? e == null ? void 0 : e.text_thumbsup_link : e == null ? void 0 : e.text_thumbsdown_link, {
+      access_token: m = "",
+      companycode: v = "",
+      companyid: C = "",
+      uriBackend: j = "",
+      uriBackendEnt: S = "",
+      lang: I = ""
+    } = g || {}, B = u === "another" ? o == null ? void 0 : o.getFieldValue("ADDITIONAL_FEEDBACK") : u;
+    (M = Re({
+      method: "POST",
+      url: h,
+      data: {
+        message_id: e == null ? void 0 : e.id,
+        response_type: E === "like" ? "up" : "down",
+        ...E === "dislike" && {
+          additional_feedback: B
+        }
+      },
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${m}`,
+        "company-code": `${v}`,
+        "company-id": `${C}`,
+        uriBackend: `${j}`,
+        uriBackendEnt: `${S}`,
+        "custom-origin": `${A}`,
+        "Acc-Name": `${v.toUpperCase()}`,
+        Language: `${I}`
+      }
+    })) == null || M.then((L) => {
+      var F, $, H;
+      (L == null ? void 0 : L.status) === 200 && (a && d(!1), (F = Ce) == null || F.destroy(), ($ = Ce) == null || $.config({
+        getContainer: () => document.querySelector(".w-widget-content-container"),
+        top: 28,
+        placement: "top",
+        duration: 3
+      }), (H = Ce) == null || H.success({
+        message: i,
+        className: "w-notification-content"
+      }), x((V) => {
+        var Q;
+        return (Q = V == null ? void 0 : V.map((X) => {
+          var ee;
+          if (ie(X, "chats")) {
+            const ae = (ee = X == null ? void 0 : X.chats) == null ? void 0 : ee.map((ce) => (ce == null ? void 0 : ce.indexChat) === (e == null ? void 0 : e.indexChat) ? {
+              ...ce,
+              feedback: E
+            } : ce);
+            return {
+              ...X,
+              chats: ae
+            };
+          }
+          return (e == null ? void 0 : e.message_id) === (X == null ? void 0 : X.message_id) ? {
+            ...X,
+            feedback: E
+          } : X;
+        })) == null ? void 0 : Q.flat();
+      }));
+    });
+  };
+  return Z(() => {
+    var E;
+    (E = Ce) == null || E.destroy();
+  }, [b]), /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+    y && /* @__PURE__ */ n.jsx(
+      G,
+      {
+        icon: /* @__PURE__ */ n.jsx(P, { type: "like", chatProps: e }),
+        onClick: () => {
+          (e == null ? void 0 : e.feedback) !== "like" && p("like");
+        }
+      }
+    ),
+    w && /* @__PURE__ */ n.jsx(
+      G,
+      {
+        icon: /* @__PURE__ */ n.jsx(P, { type: "dislike", chatProps: e }),
+        onClick: () => {
+          (e == null ? void 0 : e.feedback) !== "dislike" && d(!0);
+        }
+      }
+    ),
+    /* @__PURE__ */ n.jsxs(
+      at,
+      {
+        open: a,
+        isFeedback: !0,
+        okText: r,
+        onCancel: () => {
+          d(!1);
+        },
+        onOk: () => {
+          p("dislike");
+        },
+        children: [
+          /* @__PURE__ */ n.jsx("p", { style: { textAlign: "center", fontWeight: 600, fontSize: 14 }, children: t }),
+          /* @__PURE__ */ n.jsxs("p", { style: { textAlign: "center" }, children: [
+            s,
+            "!"
+          ] }),
+          /* @__PURE__ */ n.jsx(
+            Yt.Group,
+            {
+              className: "w-list-feedback-suggestion",
+              options: gs,
+              optionType: "button",
+              buttonStyle: "solid",
+              onChange: (E) => {
+                var h;
+                f((h = E == null ? void 0 : E.target) == null ? void 0 : h.value);
+              }
+            }
+          ),
+          u === "another" && /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+            /* @__PURE__ */ n.jsx(Kt, { children: c }),
+            /* @__PURE__ */ n.jsx(oe, { form: o, layout: "vertical", children: /* @__PURE__ */ n.jsx(oe.Item, { name: "ADDITIONAL_FEEDBACK", children: /* @__PURE__ */ n.jsx(Be.TextArea, { rows: 3 }) }) })
+          ] })
+        ]
+      }
+    )
+  ] });
+}, tr = O(nr), sr = ({
+  showFeedback: e = !0,
+  showRegenerate: t = !0,
+  position: s = "left",
+  ...r
+}) => {
+  const i = ys(), { chats: c, onSendMsg: o, setChats: a, loadingRegenerate: d, currRegenerateId: u } = ue(), f = R(() => r == null ? void 0 : r.sender, [r]), x = R(() => c == null ? void 0 : c.filter((A) => (A == null ? void 0 : A.sender) === "client"), [c]), g = R(() => t && f === "response" && (x == null ? void 0 : x.length) > 0 && (r == null ? void 0 : r.indexChat) === (c == null ? void 0 : c.length) - 1, [f, x, c, r == null ? void 0 : r.indexChat, t]), b = R(() => {
+    switch (s) {
+      case "left":
+        return "flex-start";
+      case "center":
+        return "center";
+      case "right":
+        return "flex-end";
+    }
+  }, [s]), y = R(() => e && (r == null ? void 0 : r.text_FeedbackIcons) === "hidup", [r, e]), w = () => {
+    const A = x == null ? void 0 : x[(x == null ? void 0 : x.length) - 1], p = c == null ? void 0 : c[(c == null ? void 0 : c.length) - 1];
+    a(
+      (E = []) => E == null ? void 0 : E.map((h, m) => m === (E == null ? void 0 : E.length) - 1 && (h == null ? void 0 : h.sender) === "response" ? {
+        ...h,
+        generated_id: (p == null ? void 0 : p.generated_id) ?? i
+        // adjust with response
+      } : h)
+    ), u.current = (p == null ? void 0 : p.generated_id) ?? i, o({
+      msg: A == null ? void 0 : A.text,
+      additionalConfig: {
+        generate_id: (p == null ? void 0 : p.generated_id) ?? i
+      },
+      isShowLoadingResponse: d
+    }), me();
+  };
+  return /* @__PURE__ */ n.jsx(n.Fragment, { children: /* @__PURE__ */ n.jsxs(
+    "div",
+    {
+      style: {
+        display: "flex",
+        gap: 8,
+        justifyContent: b
+      },
+      children: [
+        g && /* @__PURE__ */ n.jsx(
+          G,
+          {
+            loading: d,
+            icon: /* @__PURE__ */ n.jsx(P, { type: "sync" }),
+            onClick: () => {
+              w();
+            }
+          }
+        ),
+        y && /* @__PURE__ */ n.jsx(tr, { ...r })
+      ]
+    }
+  ) });
+}, Cn = O(sr), rr = ({ nameFallback: e = "", ...t }) => /* @__PURE__ */ n.jsx(
+  qt,
+  {
+    ...typeof (t == null ? void 0 : t.onError) != "function" && {
+      fallback: jn(e)
+    },
+    placeholder: /* @__PURE__ */ n.jsx(de.Image, { style: { width: "100%", height: "100%" } }),
+    loading: "lazy",
+    ...t
+  }
+), wn = O(rr), or = ({ nameFallback: e = "", ...t }) => {
+  const s = z(0);
+  return /* @__PURE__ */ n.jsx(
+    Qn,
+    {
+      ...t,
+      src: /* @__PURE__ */ n.jsx(
+        wn,
+        {
+          src: t == null ? void 0 : t.src,
+          nameFallback: e,
+          ...t,
+          onError: (r) => {
+            s.current += 1, (s == null ? void 0 : s.current) < 3 ? r.target.src = ot(t == null ? void 0 : t.src) : r.target.src = jn(e);
+          }
+        }
+      )
+    }
+  );
+}, Ee = O(or);
+Ee.Group = Qn.Group;
+const cr = () => /* @__PURE__ */ n.jsxs("div", { className: "lds-ellipsis", children: [
+  /* @__PURE__ */ n.jsx("div", {}),
+  /* @__PURE__ */ n.jsx("div", {}),
+  /* @__PURE__ */ n.jsx("div", {}),
+  /* @__PURE__ */ n.jsx("div", {})
+] }), ft = O(cr), ir = () => {
+  const { widgetProps: e } = q();
+  return /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
+    /* @__PURE__ */ n.jsx(Ee, { src: Ze, nameFallback: e == null ? void 0 : e.title }),
+    /* @__PURE__ */ n.jsx(ft, {})
+  ] });
+}, pn = O(ir), lr = ({ src: e, name: t }) => /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
+  /* @__PURE__ */ n.jsx(Ee, { src: e, preview: !1, nameFallback: t }),
+  /* @__PURE__ */ n.jsx(Y.Text, { children: t })
+] }), Ue = O(lr), ar = ({ ...e }) => {
+  var f, x;
+  const [t, s] = D(1), { loadingRegenerate: r, currRegenerateId: i } = ue(), { isExpand: c, widgetProps: o } = q(), a = R(() => e == null ? void 0 : e.sender, [e]), d = R(() => e == null ? void 0 : e.chats, [e == null ? void 0 : e.chats]), u = R(() => {
+    const g = d == null ? void 0 : d[(d == null ? void 0 : d.length) - 1];
+    return (g == null ? void 0 : g.generated_id) === i.current;
+  }, [d, e, i.current]);
+  return Z(() => {
+    !r && (d == null ? void 0 : d.length) > 0 && (s(d == null ? void 0 : d.length), me());
+  }, [r]), r && u ? /* @__PURE__ */ n.jsx(pn, {}) : /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+    a === "response" && /* @__PURE__ */ n.jsx(Ue, { name: o == null ? void 0 : o.title, src: Ze }),
+    /* @__PURE__ */ n.jsx("div", { style: { display: "flex", gap: 8 }, children: d == null ? void 0 : d.map((g, b) => {
+      var A;
+      const y = b === ((A = e == null ? void 0 : e.chats) == null ? void 0 : A.length) - 1, w = t === b + 1;
+      return /* @__PURE__ */ n.jsxs(
+        "div",
+        {
+          style: {
+            display: w ? "flex" : "none",
+            flexDirection: "column",
+            gap: 8
+          },
+          className: "w-fade-in-animate",
+          children: [
+            /* @__PURE__ */ n.jsx(
+              "div",
+              {
+                ...y && {
+                  className: `w-regenerate-chat-last ${c ? "w-regenerate-chat-last-expand" : ""}`
+                },
+                children: /* @__PURE__ */ n.jsxs(
+                  "div",
+                  {
+                    className: `w-bubble-chat w-bubble-chat-regenerate  ${`w-${a}`} ${c ? "w-bubble-chat-regenerate-expand" : ""}`,
+                    children: [
+                      /* @__PURE__ */ n.jsx(dt, { children: g == null ? void 0 : g.text }),
+                      a === "response" && /* @__PURE__ */ n.jsx("span", { style: { fontSize: 12, color: "rgba(0,0,0,0.4)" }, children: g == null ? void 0 : g.timestamp })
+                    ]
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ n.jsx(
+              Cn,
+              {
+                showFeedback: !0,
+                showRegenerate: !1,
+                ...g
+              }
+            )
+          ]
+        },
+        b
+      );
+    }) }),
+    /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", gap: 8, justifyContent: "center" }, children: [
+      /* @__PURE__ */ n.jsx(
+        Cn,
+        {
+          showRegenerate: !0,
+          showFeedback: !1,
+          ...e
+        }
+      ),
+      /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", gap: 4, alignItems: "center" }, children: [
+        /* @__PURE__ */ n.jsx(
+          G,
+          {
+            size: "small",
+            shape: "circle",
+            disabled: t === 1,
+            icon: /* @__PURE__ */ n.jsx(P, { type: "left" }),
+            onClick: () => {
+              t > 1 && s((g) => g - 1);
+            }
+          }
+        ),
+        /* @__PURE__ */ n.jsxs(Y.Text, { children: [
+          t,
+          " / ",
+          (f = e == null ? void 0 : e.chats) == null ? void 0 : f.length
+        ] }),
+        /* @__PURE__ */ n.jsx(
+          G,
+          {
+            size: "small",
+            shape: "circle",
+            disabled: t === ((x = e == null ? void 0 : e.chats) == null ? void 0 : x.length),
+            icon: /* @__PURE__ */ n.jsx(P, { type: "right" }),
+            onClick: () => {
+              var g;
+              t < ((g = e == null ? void 0 : e.chats) == null ? void 0 : g.length) && s((b) => b + 1);
+            }
+          }
+        )
+      ] })
+    ] })
+  ] });
+}, dr = O(ar), ur = ({ date: e, format: t, sender: s, ...r }) => {
+  var i, c;
+  return /* @__PURE__ */ n.jsx(
+    Y.Text,
+    {
+      ...r,
+      type: "secondary",
+      style: {
+        display: "block",
+        fontSize: 12,
+        ...s === "client" && {
+          textAlign: "right"
+        },
+        ...((i = Object.keys((r == null ? void 0 : r.style) || {})) == null ? void 0 : i.length) > 0 && {
+          ...r == null ? void 0 : r.style
+        }
+      },
+      children: t ? (c = le(e)) == null ? void 0 : c.format(t) : e
+    }
+  );
+}, We = O(ur), fr = ({ ...e }) => {
+  var o;
+  const { loadingRegenerate: t, chats: s } = ue(), { widgetProps: r } = q(), i = R(() => (s == null ? void 0 : s.length) - 1 === (e == null ? void 0 : e.indexChat), [s]), c = R(() => e == null ? void 0 : e.sender, [e]);
+  return ((o = e == null ? void 0 : e.chats) == null ? void 0 : o.length) > 0 ? /* @__PURE__ */ n.jsx(dr, { ...e }) : t && i ? /* @__PURE__ */ n.jsx(pn, {}) : /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+    c === "response" && /* @__PURE__ */ n.jsx(Ue, { name: r == null ? void 0 : r.title, src: Ze }),
+    /* @__PURE__ */ n.jsxs("div", { className: `w-bubble-chat ${`w-${c}`}`, children: [
+      /* @__PURE__ */ n.jsx(dt, { children: e == null ? void 0 : e.text }),
+      /* @__PURE__ */ n.jsx(We, { date: e == null ? void 0 : e.timestamp, sender: c })
+    ] }),
+    /* @__PURE__ */ n.jsx(Cn, { ...e })
+  ] });
+}, $e = O(fr), xr = () => {
+  const e = _(
+    "PleaseUploadFile",
+    "Please upload specify file that needed to complete your request"
+  ), t = _("ClickToUpload", "Click to upload"), s = _(
+    "ContinueWithoutUpload",
+    "Continue without upload"
+  ), { onSendMsg: r, setFile: i } = ue(), c = () => {
+    r({
+      msg: "CANCEL UPLOAD"
+    });
+  };
+  return /* @__PURE__ */ n.jsxs(
+    "div",
+    {
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        gap: 4,
+        marginBottom: 12
+      },
+      children: [
+        /* @__PURE__ */ n.jsx($e, { sender: "response", text: `${e}...` }),
+        /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", gap: 8 }, children: [
+          /* @__PURE__ */ n.jsx(
+            Zn,
+            {
+              className: "btn_upload",
+              beforeUpload: () => !1,
+              fileList: [],
+              accept: ".doc, .jpg, .ods, .png, .txt, .docx, .pdf",
+              onChange: (o) => {
+                i(o == null ? void 0 : o.file);
+              },
+              children: /* @__PURE__ */ n.jsx(G, { icon: /* @__PURE__ */ n.jsx(P, { type: "upload" }), children: t })
+            }
+          ),
+          /* @__PURE__ */ n.jsx(G, { type: "dashed", onClick: c, children: s })
+        ] })
+      ]
+    }
+  );
+}, gr = O(xr), Cr = () => {
+  const [e, t] = D(!1), [s, r] = D(!1), [i, c] = D(!1), [o, a] = D(3), [d, u] = D(!1), [f, x] = D(""), { widgetProps: g } = q(), { onSendMsg: b, chats: y } = ue(), { onSubmitPYPwd: w = () => {
+  }, onCheckPYAccess: A = () => {
+  } } = (g == null ? void 0 : g.onPayslipFn) || {}, p = _(
+    "ProvidePasswordPayslip",
+    "Please provide your password account to access the download"
+  ), E = _("Cancel", "Cancel"), h = _("Submit", "Submit"), m = _("Password", "Password"), v = _("IsRequired", "Is Required"), C = _(
+    "PasswordPayslipValid",
+    "Your password is valid. Please download the payslip file"
+  ), j = _(
+    "AttemptPasswordExceeded",
+    "Your attempt to enter the password exceeded the limit"
+  ), S = _(
+    "VerifyAccessPayslip",
+    "Please wait, verifying access to your payslip"
+  ), I = _(
+    "WrongPwdPayslip",
+    "The password you entered is incorrect. Please try again or contact support if you need assistance"
+  ), B = _(
+    "SessionExpired",
+    "Session expired. Please log in again to continue"
+  ), [M] = oe.useForm(), L = () => {
+    var H, V, Q;
+    c(!0), u(!0), (Q = (V = (H = A()) == null ? void 0 : H.then((X) => {
+      var ee, ae;
+      const se = (ae = (ee = X == null ? void 0 : X.data) == null ? void 0 : ee.DATA) == null ? void 0 : ae.RESULT;
+      se && b({ msg: "Valid" }), t(se), x("");
+    })) == null ? void 0 : V.catch((X) => {
+      x(X == null ? void 0 : X.toString());
+    })) == null || Q.finally(() => {
+      r(!1), u(!1);
+    });
+  }, F = () => {
+    b({ msg: "cancel" }), c(!1);
+  }, $ = () => {
+    var V;
+    const H = M == null ? void 0 : M.getFieldValue("pwd");
+    (V = M == null ? void 0 : M.validateFields()) == null || V.then(() => {
+      var Q, X;
+      r(!0), (X = (Q = w(H)) == null ? void 0 : Q.then(({ data: se }) => {
+        var ee;
+        (ee = se == null ? void 0 : se.DATA) != null && ee.ISVALID ? L() : (x(I), a(o - 1), r(!1));
+      })) == null || X.catch((se) => {
+        var ae, ce, Ne, Ve, Ge;
+        const ee = se == null ? void 0 : se.response;
+        if ((ee == null ? void 0 : ee.status) === 401) {
+          const Me = (ce = (ae = ee == null ? void 0 : ee.data) == null ? void 0 : ae.ERRORS) == null ? void 0 : ce.includes(
+            "ACCESS_TOKEN_EXPIRED"
+          ), Fe = (Ge = (Ve = (Ne = ee == null ? void 0 : ee.data) == null ? void 0 : Ne.MESSAGE) == null ? void 0 : Ve.toLowerCase()) == null ? void 0 : Ge.includes(
+            "invalid password"
+          );
+          Me && x(B), Fe && (x(I), a(o - 1), r(!1));
+        } else
+          x(se == null ? void 0 : se.toString());
+        r(!1);
+      });
+    });
+  };
+  return Z(() => {
+    var V;
+    const H = y == null ? void 0 : y[(y == null ? void 0 : y.length) - 1];
+    ((V = H == null ? void 0 : H.attachment) == null ? void 0 : V.type) === "show_password_wp" && L();
+  }, []), i ? d ? /* @__PURE__ */ n.jsx($e, { sender: "response", text: `${S}...` }) : o === 0 ? /* @__PURE__ */ n.jsx($e, { sender: "response", text: j }) : f ? /* @__PURE__ */ n.jsx($e, { sender: "response", text: f }) : /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
+    /* @__PURE__ */ n.jsx(oe, { form: M, layout: "vertical", children: /* @__PURE__ */ n.jsx(
+      oe.Item,
+      {
+        name: "pwd",
+        label: e ? C : p,
+        rules: [
+          {
+            required: !0,
+            message: `${m} ${v}`
+          }
+        ],
+        children: /* @__PURE__ */ n.jsx(
+          Be.Password,
+          {
+            ...e && {
+              disabled: !0,
+              style: {
+                display: "none"
+              }
+            }
+          }
+        )
+      }
+    ) }),
+    !e && /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", gap: 8 }, children: [
+      /* @__PURE__ */ n.jsx(G, { disabled: s, onClick: F, children: E }),
+      /* @__PURE__ */ n.jsx(G, { type: "primary", onClick: $, loading: s, children: h })
+    ] })
+  ] }) : null;
+}, mr = O(Cr), br = ({ ...e }) => {
+  const { objInitPayload: t } = q(), s = R(() => tt(t == null ? void 0 : t.access_token), [t]), r = () => {
+    var c, o;
+    const i = e == null ? void 0 : e.attachment;
+    (o = Re({
+      method: "POST",
+      url: i == null ? void 0 : i.endpoint,
+      data: i == null ? void 0 : i.body,
+      headers: {
+        Authorization: `Bearer ${t == null ? void 0 : t.access_token}`,
+        "Content-Type": i == null ? void 0 : i.headers["Content-Type"],
+        coid: t == null ? void 0 : t.companyid,
+        "Company-Id": t == null ? void 0 : t.companyid,
+        "Acc-Name": (c = s == null ? void 0 : s.INSTANCE) == null ? void 0 : c.toLowerCase()
+      },
+      responseType: "blob"
+    })) == null || o.then((a) => {
+      var g;
+      const d = (g = i == null ? void 0 : i.body) == null ? void 0 : g.media, u = `${i == null ? void 0 : i.filename}.${d}`, f = new Blob([a == null ? void 0 : a.data]), x = URL == null ? void 0 : URL.createObjectURL(f);
+      En({ downloadURL: x, fileName: u }), URL.revokeObjectURL(x);
+    });
+  };
+  return /* @__PURE__ */ n.jsx(G, { onClick: r, children: "Download file" });
+}, vr = O(br), hr = ({ ...e }) => {
+  const t = z(), s = _("DownloadChart", "Download Chart"), r = R(() => e == null ? void 0 : e.attachment, [e == null ? void 0 : e.attachment]), i = R(() => {
+    var o;
+    return (o = r == null ? void 0 : r.data) == null ? void 0 : o.map((a, d) => {
+      var u, f;
+      return {
+        label: (u = r == null ? void 0 : r.labels) == null ? void 0 : u[d],
+        value: a,
+        color: (f = r == null ? void 0 : r.colors) == null ? void 0 : f[d]
+      };
+    });
+  }, [r]), c = () => {
+    var a;
+    const o = (a = document == null ? void 0 : document.querySelector(".chart_widget canvas")) == null ? void 0 : a.toDataURL();
+    En({ fileName: r == null ? void 0 : r.title, downloadURL: o });
+  };
+  return /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+    /* @__PURE__ */ n.jsx(
+      rs,
+      {
+        className: "chart_widget",
+        ref: t,
+        data: i,
+        angleField: "value",
+        colorField: "label",
+        label: {
+          text: "label",
+          style: {
+            fontWeight: "bold"
+          }
+        },
+        legend: {
+          color: {
+            title: !0,
+            position: "bottom",
+            rowPadding: 5
+          }
+        }
+      }
+    ),
+    /* @__PURE__ */ n.jsx("div", { style: { textAlign: "center" }, children: /* @__PURE__ */ n.jsx(
+      G,
+      {
+        onClick: () => {
+          c();
+        },
+        children: s
+      }
+    ) })
+  ] });
+}, Er = O(hr), Tr = ({ ...e }) => {
+  var t, s, r, i, c;
+  switch (!0) {
+    case ((t = Ae(e)) == null ? void 0 : t.text):
+      return /* @__PURE__ */ n.jsx($e, { ...e });
+    case ((s = Ae(e)) == null ? void 0 : s.upload):
+      return /* @__PURE__ */ n.jsx(gr, { ...e });
+    case ((r = Ae(e)) == null ? void 0 : r.password):
+      return /* @__PURE__ */ n.jsx(mr, { ...e });
+    case ((i = Ae(e)) == null ? void 0 : i.filedownload):
+      return /* @__PURE__ */ n.jsx(vr, { ...e });
+    case ((c = Ae(e)) == null ? void 0 : c.chart):
+      return /* @__PURE__ */ n.jsx(Er, { ...e });
+    default:
+      return null;
+  }
+}, yr = O(Tr), jr = () => {
+  const { isOpenWidget: e, widgetProps: t } = q(), { chats: s, isWaitResponse: r } = ue(), { activeTab: i } = be();
+  return Z(() => {
+    me();
+  }, [i]), e ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+    /* @__PURE__ */ n.jsx("div", { className: "w-bubble-chat-container", children: s == null ? void 0 : s.map((c, o) => {
+      var d;
+      const a = (d = Ae(c)) == null ? void 0 : d.text;
+      return /* @__PURE__ */ n.jsxs(gn, { children: [
+        (c == null ? void 0 : c.sender) === "response" && !a && /* @__PURE__ */ n.jsx(
+          Ue,
+          {
+            name: t == null ? void 0 : t.title,
+            src: Ze
+          }
+        ),
+        /* @__PURE__ */ n.jsx(yr, { indexChat: o, ...c })
+      ] }, o);
+    }) }),
+    r && /* @__PURE__ */ n.jsx(pn, {})
+  ] }) : null;
+}, wr = O(jr), pr = () => {
+  var h;
+  const e = _(
+    "ContinueWithoutUpload",
+    "Continue without Upload"
+  ), {
+    onSendMsg: t,
+    setChats: s,
+    isWaitResponse: r,
+    loadingRegenerate: i,
+    file: c,
+    setFile: o,
+    chats: a,
+    connected: d
+  } = ue(), { isActiveTabVA: u } = be(), f = R(() => {
+    var v;
+    const m = a == null ? void 0 : a[(a == null ? void 0 : a.length) - 1];
+    return (m == null ? void 0 : m.sender) === "response" && ((v = m == null ? void 0 : m.attachment) == null ? void 0 : v.type) === "fileuploader";
+  }, [a]), x = z(), [g, b] = D(!1), [y, w] = D(!1), A = R(() => r || !y, [y, r]), p = () => {
+    var C, j, S, I;
+    const m = (S = (j = (C = x == null ? void 0 : x.current) == null ? void 0 : C.resizableTextArea) == null ? void 0 : j.textArea) == null ? void 0 : S.value;
+    if (!(m != null && m.trim()) || r) return;
+    w(!1), t({ msg: m }), b(!g);
+    const v = {
+      text: m,
+      sender: "client",
+      type: "text",
+      timestamp: (I = le()) == null ? void 0 : I.format("hh:mm A")
+    };
+    s((B) => [...B, v]), me();
+  }, E = () => {
+    t({ msg: "SKIP_WAITING_RESPONSE" });
+  };
+  return Z(() => {
+    var m;
+    x != null && x.current && u && ((m = x == null ? void 0 : x.current) == null || m.focus());
+  }, [u]), f ? /* @__PURE__ */ n.jsxs("div", { className: "w-input-container", style: { alignItems: "center" }, children: [
+    /* @__PURE__ */ n.jsx(Y.Text, { children: c == null ? void 0 : c.name }),
+    ((h = Object == null ? void 0 : Object.keys(c || {})) == null ? void 0 : h.length) > 0 ? /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
+      /* @__PURE__ */ n.jsx(
+        G,
+        {
+          danger: !0,
+          icon: /* @__PURE__ */ n.jsx(P, { type: "delete" }),
+          shape: "circle",
+          onClick: () => o({})
+        }
+      ),
+      /* @__PURE__ */ n.jsx(
+        G,
+        {
+          className: "w-send-btn",
+          style: { backgroundColor: "var(--primary-color, #395ebc)" },
+          icon: /* @__PURE__ */ n.jsx(P, { type: "send" }),
+          shape: "circle",
+          onClick: p
+        }
+      )
+    ] }) : /* @__PURE__ */ n.jsx(Se, { title: e, children: /* @__PURE__ */ n.jsx(
+      G,
+      {
+        icon: /* @__PURE__ */ n.jsx(P, { type: "close" }),
+        shape: "circle",
+        onClick: () => {
+          t({
+            msg: "CANCEL UPLOAD"
+          });
+        }
+      }
+    ) })
+  ] }) : /* @__PURE__ */ n.jsxs("div", { className: "w-input-container", children: [
+    /* @__PURE__ */ n.jsx(
+      Be.TextArea,
+      {
+        className: "w-input-widget",
+        disabled: !d,
+        ref: x,
+        placeholder: "Type a message...",
+        onKeyDown: (m) => {
+          ((m == null ? void 0 : m.code) === "Enter" || (m == null ? void 0 : m.key) === "Enter") && !(m != null && m.shiftKey) && p();
+        },
+        onChange: ({ target: { value: m } }) => {
+          const v = /\S/;
+          Pe({
+            input_va_value: m
+          }), m && (v != null && v.test(m)) ? w(!0) : m != null && m.trim() || w(!1);
+        }
+      },
+      g
+    ),
+    r || i ? /* @__PURE__ */ n.jsx(
+      G,
+      {
+        style: { border: "none" },
+        icon: /* @__PURE__ */ n.jsx(P, { type: "stop" }),
+        shape: "circle",
+        onClick: E,
+        size: "large"
+      }
+    ) : /* @__PURE__ */ n.jsx(
+      G,
+      {
+        className: `w-send-btn ${A ? "w-send-btn-disabled" : ""}`,
+        disabled: A,
+        style: { backgroundColor: "var(--primary-color, #395ebc)" },
+        icon: /* @__PURE__ */ n.jsx(P, { type: "send" }),
+        shape: "circle",
+        onClick: p
+      }
+    )
+  ] });
+}, _r = O(pr), kr = ({ taskStatus: e }) => {
+  const t = _("InProgress", "In Progress"), s = _("New", "New"), r = _("Closed", "Closed"), i = _("Done", "Done"), c = _("HDCancelled", "Cancelled"), o = {
+    "In Progress": t,
+    Open: s,
+    New: s,
+    Closed: r,
+    Fixed: i,
+    Cancelled: c
+  }, a = {
+    "In Progress": "#FFF2D6",
+    Responded: "#FFF2D6",
+    Open: "#e9e2f8",
+    Reopen: "#e9e2f8",
+    Closed: "#e1ebfd",
+    Fixed: "#bbfab7",
+    Done: "#bbfab7",
+    Cancelled: "#FFF2D6"
+  }, d = R(() => a[e] || a.Closed, [e]), u = R(() => o[e] || e, [e]);
+  return /* @__PURE__ */ n.jsx(Jt, { color: d, children: /* @__PURE__ */ n.jsx(
+    Y.Text,
+    {
+      className: "primary-color-active",
+      style: { width: "100%", textAlign: "center" },
+      ellipsis: { tooltip: u },
+      children: u
+    }
+  ) }, e);
+}, xt = O(kr), Ar = ({ onClick: e, ...t }) => /* @__PURE__ */ n.jsxs(
+  "div",
+  {
+    className: "w-ticket-card-container",
+    ...typeof e == "function" && {
+      onClick: e
+    },
+    children: [
+      /* @__PURE__ */ n.jsx(
+        Y.Text,
+        {
+          strong: !0,
+          style: {
+            color: "var(--primary-color, #395ebc)",
+            fontSize: 16,
+            marginBottom: 10,
+            display: "block"
+          },
+          children: t == null ? void 0 : t.TASK_NAME
+        }
+      ),
+      /* @__PURE__ */ n.jsxs("div", { className: "w-ticket-card-content-container", children: [
+        /* @__PURE__ */ n.jsxs("div", { className: "w-ticket-card-cat-code", children: [
+          /* @__PURE__ */ n.jsx(Y.Text, { children: (t == null ? void 0 : t.TASK_CATEGORY) || Kn }),
+          /* @__PURE__ */ n.jsx(Y.Text, { children: (t == null ? void 0 : t.TASK_CODE) || Kn })
+        ] }),
+        /* @__PURE__ */ n.jsxs(
+          "div",
+          {
+            className: "w-ticket-card-status-date",
+            style: {
+              alignItems: "flex-end"
+            },
+            children: [
+              /* @__PURE__ */ n.jsx(xt, { taskStatus: t == null ? void 0 : t.TASK_STATUS }),
+              /* @__PURE__ */ n.jsx(Y.Text, { children: t == null ? void 0 : t.CREATED_DATE })
+            ]
+          }
+        )
+      ] })
+    ]
+  }
+), Sr = O(Ar), gt = () => {
+  const { objInitPayload: e, setObjInitPayload: t, parsedJWT: s } = q(), r = R(() => {
+    var c;
+    return {
+      Authorization: `Bearer ${e == null ? void 0 : e.access_token}`,
+      coid: s == null ? void 0 : s.COID,
+      "Acc-Name": (c = s == null ? void 0 : s.INSTANCE) == null ? void 0 : c.toLowerCase(),
+      "Company-Id": e == null ? void 0 : e.companyid,
+      Language: e == null ? void 0 : e.lang
+    };
+  }, [e]);
+  return async (c) => {
+    var u, f, x;
+    const { onSuccess: o, onError: a, onFinally: d } = c ?? {};
+    (x = (f = (u = Re({
+      url: e == null ? void 0 : e.uriBackend,
+      params: {
+        ofid: "sfsystem.RefreshToken",
+        accname: e == null ? void 0 : e.companycode
+      },
+      data: {
+        refreshtoken: (e == null ? void 0 : e.refresh_token) || "4D8C30EE29749D0F06B4F6E2527516B397C09D4DB148D42214E2941C7A86139D3CB512D925E1B098C6090A45E6BCC545723222FA3BABDC2A"
+      },
+      headers: r,
+      method: "POST"
+    })) == null ? void 0 : u.then((g) => {
+      var w;
+      const b = (w = g == null ? void 0 : g.data) == null ? void 0 : w.DATA, y = {
+        access_token: b == null ? void 0 : b.JWT_TOKEN,
+        refresh_token: e == null ? void 0 : e.refresh_token,
+        uagent: e == null ? void 0 : e.uagent,
+        uriBackend: e == null ? void 0 : e.uriBackend,
+        uriService: e == null ? void 0 : e.uriService,
+        companyid: e == null ? void 0 : e.companyid,
+        companycode: e == null ? void 0 : e.companycode,
+        lang: e == null ? void 0 : e.lang,
+        uriBackendEnt: e == null ? void 0 : e.uriBackendEnt,
+        uriBackendHRMGO: e == null ? void 0 : e.uriBackendHRMGO,
+        config: e == null ? void 0 : e.config
+      };
+      t(y), typeof o == "function" && o(g);
+    })) == null ? void 0 : f.catch((g) => {
+      typeof a == "function" && a(g);
+    })) == null || x.finally(() => {
+      typeof d == "function" && d();
+    });
+  };
+}, en = () => {
+  var o;
+  const e = z(new AbortController()), { objInitPayload: t, parsedJWT: s } = q(), r = gt(), i = {
+    Authorization: `Bearer ${t == null ? void 0 : t.access_token}`,
+    coid: s == null ? void 0 : s.COID,
+    "Acc-Name": (o = s == null ? void 0 : s.INSTANCE) == null ? void 0 : o.toLowerCase(),
+    "Company-Id": t == null ? void 0 : t.companyid,
+    Language: t == null ? void 0 : t.lang
+  }, c = async ({
+    url: a,
+    endpoint: d,
+    method: u = "POST",
+    headers: f,
+    ...x
+  }) => {
+    var w, A, p, E, h, m;
+    const g = {
+      url: a || `${t == null ? void 0 : t.uriBackendHRMGO}${d}`,
+      ...e.current && {
+        signal: (w = e == null ? void 0 : e.current) == null ? void 0 : w.signal
+      },
+      headers: {
+        ...i,
+        ...f,
+        "Company-Code": t == null ? void 0 : t.companycode
+      },
+      method: u,
+      ...x
+    }, b = (A = Re) == null ? void 0 : A.create(g);
+    return (E = (p = b == null ? void 0 : b.interceptors) == null ? void 0 : p.request) == null || E.use(
+      (v) => (t != null && t.access_token && (v.headers.Authorization = `Bearer ${t == null ? void 0 : t.access_token}`), v),
+      (v) => {
+        Promise.reject(v);
+      }
+    ), (m = (h = b == null ? void 0 : b.interceptors) == null ? void 0 : h.response) == null || m.use(
+      (v) => v,
+      async (v) => {
+        var j;
+        const C = v == null ? void 0 : v.config;
+        if (((j = v == null ? void 0 : v.response) == null ? void 0 : j.status) === 401) {
+          const S = await r();
+          return C.headers.Authorization = `Bearer ${S}`, Re(C);
+        }
+        return Promise == null ? void 0 : Promise.reject(v);
+      }
+    ), await (b == null ? void 0 : b.request(g));
+  };
+  return c.abort = () => {
+    var a;
+    e != null && e.current && ((a = e == null ? void 0 : e.current) == null || a.abort(), e.current = new AbortController());
+  }, Z(() => () => c.abort(), []), c;
+}, Ct = Te({}), ve = () => ye(Ct), Lr = ({ children: e }) => {
+  const t = en(), [s, r] = D([]), [i, c] = D(""), [o, a] = D(!1), [d, u] = D(!0), [f, x] = D(0), g = (b) => {
+    var y, w, A, p;
+    u(!0), (p = (A = t({
+      endpoint: "/helpdesk/myticket/ticket-list",
+      method: "POST",
+      data: {
+        LIMIT: 20,
+        PAGE: 1,
+        SEARCH: {
+          MY_TICKET: !0,
+          TASK_MODULE: "HD",
+          ...((y = Object.keys(b || {})) == null ? void 0 : y.length) > 0 && {
+            ...b,
+            ...(b == null ? void 0 : b.CREATED_DATE) && {
+              CREATED_DATE: (w = le(b == null ? void 0 : b.CREATED_DATE)) == null ? void 0 : w.format(hn)
+            }
+          }
+        },
+        SORT: {
+          FIELD: "t.created_date",
+          ORDER: "DESC"
+        }
+      }
+    })) == null ? void 0 : A.then((E) => {
+      var h, m, v;
+      (h = E == null ? void 0 : E.data) != null && h.DATA && r((v = (m = E == null ? void 0 : E.data) == null ? void 0 : m.DATA) == null ? void 0 : v.LIST);
+    })) == null || p.finally(() => {
+      u(!1);
+    });
+  };
+  return Z(() => {
+    g();
+  }, []), /* @__PURE__ */ n.jsx(
+    Ct.Provider,
+    {
+      value: {
+        listTicket: s,
+        ticketId: i,
+        setTicketId: c,
+        getListTicket: g,
+        openFilter: o,
+        setOpenFilter: a,
+        loadingListTicket: d,
+        countFilters: f,
+        setCountFilters: x
+      },
+      children: e
+    }
+  );
+}, Or = () => {
+  const e = _("SubjectSearch", "Subject Search"), t = _("AdvanceFilter", "Advance Filter"), s = z(null), { getListTicket: r, setOpenFilter: i, loadingListTicket: c, countFilters: o } = ve();
+  return /* @__PURE__ */ n.jsx(n.Fragment, { children: /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", gap: 8, marginBottom: 12 }, children: [
+    /* @__PURE__ */ n.jsx(
+      Be,
+      {
+        placeholder: e,
+        onChange: ({ target: { value: a } }) => {
+          clearTimeout(s == null ? void 0 : s.current), s.current = setTimeout(() => {
+            r({
+              TASK_NAME: a
+            });
+          }, 250);
+        },
+        allowClear: !0
+      }
+    ),
+    /* @__PURE__ */ n.jsx(Se, { title: `${t} (${o})`, children: /* @__PURE__ */ n.jsx(Qt, { count: o, children: /* @__PURE__ */ n.jsx(
+      G,
+      {
+        loading: c,
+        icon: /* @__PURE__ */ n.jsx(P, { type: "filter" }),
+        onClick: () => {
+          i(!0);
+        }
+      }
+    ) }) })
+  ] }) });
+}, Rr = O(Or), mt = Te({}), he = () => ye(mt), Dr = ({ children: e }) => {
+  const t = z(null), s = z(0), r = z(!1), i = z(null), [c, o] = D([]), [a, d] = D(0), [u, f] = D(!1), { objInitPayload: x, parsedJWT: g, isFirstRenderHelpdesk: b, setShowReadyWSHD: y } = q(), w = gt(), A = (m) => {
+    const v = new WebSocket(m);
+    v.onopen = () => {
+      r.current = !0, s.current = 0, d(0), y(!0);
+    }, v.onerror = (C) => {
+      y(!1), console.error(`${ke} - WebSocket error:`, C);
+    }, v.onclose = (C) => {
+      console.warn(
+        `${ke} - WebSocket disconnected:`,
+        C
+      ), r.current = !1, y(!1), !(C != null && C.wasClean) && (s == null ? void 0 : s.current) < Ie && (s.current += 1, d((j) => j + 1), clearTimeout(i.current), i.current = setTimeout(p, 2e3));
+    }, v.onmessage = E(v), t.current = v;
+  }, p = async () => {
+    var L, F, $;
+    if (((L = t.current) == null ? void 0 : L.readyState) === (WebSocket == null ? void 0 : WebSocket.CONNECTING)) return;
+    const {
+      access_token: m,
+      companyid: v = "",
+      companycode: C = "",
+      lang: j = "",
+      uriBackendHRMGO: S = ""
+    } = x ?? {};
+    if (!m || !v || !C) {
+      console.warn(
+        `${ke} - Missing required WebSocket  credentials.`
+      );
+      return;
+    }
+    const I = `Bearer ${m}`, B = (F = `${S}/ws`) == null ? void 0 : F.replace("https://", "wss://"), M = {
+      COMPANY_ID: v.toString(),
+      COMPANY_CODE: C.toLowerCase(),
+      LANGUAGE: j,
+      ACC_NAME: ($ = g == null ? void 0 : g.INSTANCE) == null ? void 0 : $.toLowerCase(),
+      TOKEN: I
+    };
+    try {
+      const H = await _s(
+        M,
+        Es
+      );
+      if (!H || r.current || (s == null ? void 0 : s.current) >= Ie) {
+        console.warn(
+          `${ke} - Skipping WebSocket  connection attempt.`
+        );
+        return;
+      }
+      t.current && t.current.close(), A(`${B}?t=${H}`);
+    } catch (H) {
+      console.error(
+        `${ke} - Failed to encrypt token:`,
+        H
+      );
+    }
+  }, E = (m) => (v) => {
+    var C;
+    try {
+      if ((v == null ? void 0 : v.data) === "PING")
+        m.send("PONG");
+      else {
+        const { DATA: j, EVENT: S } = JSON.parse(v.data || "{}");
+        !b.current && S === "USER_ONLINE_NOTIF" && Array.isArray(j == null ? void 0 : j.EMPLOYEES) && (o((C = j == null ? void 0 : j.EMPLOYEES) == null ? void 0 : C.filter(Boolean)), b.current = !0), S === "TOKEN_EXPIRED" && w({
+          onSuccess: () => {
+            p();
+          }
+        });
+      }
+    } catch {
+      console.error(
+        `${ke} - Invalid WebSocket message:`,
+        v.data
+      );
+    }
+  }, h = ({ event: m, data: v, module: C = "HELPDESK_CHAT" }) => {
+    var j;
+    (j = t == null ? void 0 : t.current) == null || j.send(
+      JSON.stringify({
+        EVENT: m,
+        DATA: v,
+        MODULE: C
+      })
+    );
+  };
+  return Z(() => {
+    b.current || p();
+  }, []), /* @__PURE__ */ n.jsx(
+    mt.Provider,
+    {
+      value: {
+        ws: t == null ? void 0 : t.current,
+        onSendMsg: h,
+        userOnline: c,
+        connectWebSocket: p,
+        retryCountState: a,
+        setRetryCountState: d,
+        retryCountRef: s,
+        isGetResponse: u,
+        setGetResponse: f
+      },
+      children: e
+    }
+  );
+}, Nr = () => {
+  var a;
+  const { widgetProps: e } = q(), { listTicket: t, setTicketId: s, loadingListTicket: r } = ve(), { onSendMsg: i, setGetResponse: c } = he(), { xs: o } = ge.useBreakpoint();
+  return /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+    /* @__PURE__ */ n.jsx(Rr, {}),
+    r ? /* @__PURE__ */ n.jsx("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: (a = Array.from({ length: 5 })) == null ? void 0 : a.map((d, u) => /* @__PURE__ */ n.jsx(
+      de.Input,
+      {
+        style: { height: 80, width: "100%", borderRadius: 8 }
+      },
+      u
+    )) }) : /* @__PURE__ */ n.jsx(
+      "div",
+      {
+        className: `w-list-ticket-container ${e != null && e.isSF ? "w-list-ticket-container-sf" : ""} ${o ? "w-list-ticket-container-mobile" : ""}`,
+        ...(t == null ? void 0 : t.length) === 0 && {
+          style: { justifyContent: "center" }
+        },
+        children: (t == null ? void 0 : t.length) > 0 ? t == null ? void 0 : t.map((d, u) => /* @__PURE__ */ bn(
+          Sr,
+          {
+            ...d,
+            key: u,
+            onClick: () => {
+              c(!0), i({
+                event: "JOIN_ROOM",
+                data: {
+                  TASK_ID: d == null ? void 0 : d.TASK_ID
+                }
+              }), s(d == null ? void 0 : d.TASK_ID);
+            }
+          }
+        )) : /* @__PURE__ */ n.jsx(
+          "div",
+          {
+            style: {
+              display: "flex",
+              justifyContent: "center",
+              alignItems: "center",
+              flex: 1
+            },
+            children: /* @__PURE__ */ n.jsx(Xn, {})
+          }
+        )
+      }
+    )
+  ] });
+}, Mr = O(Nr), Fr = ({ children: e, open: t, onClose: s, footer: r, styleContainer: i }) => {
+  var g;
+  const [c, o] = D(!1), a = z(), d = z(null), u = z(), f = R(() => t ? "w-fade-in-animate" : "w-fade-out-animate", [t]), x = (b) => {
+    b.code === "Escape" && !b.shiftKey && !b.altKey && !b.ctrlKey && b.key === "Escape" && (b.stopPropagation(), typeof s == "function" && s());
+  };
+  return Z(() => {
+    const b = u.current;
+    return b && (clearTimeout(d.current), d.current = setTimeout(() => {
+      b == null || b.focus();
+    }, 250), b == null || b.addEventListener("keydown", x)), t && o(!1), clearTimeout(a == null ? void 0 : a.current), a.current = setTimeout(() => {
+      t || o(!0);
+    }, 300), () => {
+      b && (b == null || b.removeEventListener("keydown", x));
+    };
+  }, [t]), /* @__PURE__ */ n.jsxs(
+    "div",
+    {
+      className: `${f}`,
+      tabIndex: 1,
+      ref: u,
+      style: {
+        display: c ? "none" : "block",
+        height: "100%",
+        ...((g = Object == null ? void 0 : Object.keys(i || {})) == null ? void 0 : g.length) > 0 && {
+          ...i
+        }
+      },
+      children: [
+        e,
+        r && r
+      ]
+    }
+  );
+}, bt = O(Fr), vt = Te({}), De = () => ye(vt), Hr = ({ children: e }) => {
+  const [t, s] = D([]), [r, i] = D({}), [c, o] = D(!0), [a, d] = D({}), u = z(!1), f = en(), { ticketId: x } = ve(), { ws: g, setGetResponse: b } = he(), { parsedJWT: y } = q(), w = R(() => {
+    var S;
+    const m = (r == null ? void 0 : r.CREATED_BY) ?? {}, v = (r == null ? void 0 : r.ASSIGNEE) ?? {}, C = (r == null ? void 0 : r.OTHER_ASSIGNEE) ?? [], j = (S = [m, v, ...C].map((I) => ({
+      ...I
+    }))) == null ? void 0 : S.filter((I) => {
+      var B;
+      return ((B = Object.keys(I || {})) == null ? void 0 : B.length) > 0;
+    });
+    return Tn({ ArrObj: j, key: "EMP_ID" });
+  }, [r]), A = () => {
+    var m, v;
+    o(!0), (v = (m = f({
+      endpoint: "/helpdesk/chat/list",
+      method: "POST",
+      data: {
+        LIMIT: 10,
+        PAGE: 1,
+        TASK_ID: x
+      }
+    })) == null ? void 0 : m.then((C) => {
+      var j, S, I, B, M, L;
+      if (((I = (S = (j = C == null ? void 0 : C.data) == null ? void 0 : j.DATA) == null ? void 0 : S.LIST) == null ? void 0 : I.length) > 0) {
+        const F = (L = (M = (B = C == null ? void 0 : C.data) == null ? void 0 : B.DATA) == null ? void 0 : M.LIST) == null ? void 0 : L.map(($) => ({
+          ...$,
+          ACTOR: {
+            ...$ == null ? void 0 : $.ACTOR
+          }
+        }));
+        s(Qe(F));
+      } else
+        s({});
+    })) == null || v.finally(() => {
+      o(!1);
+    });
+  }, p = () => {
+    var m;
+    (m = f({
+      endpoint: "/helpdesk/myticket/get",
+      method: "POST",
+      data: {
+        TASK_ID: x
+      }
+    })) == null || m.then((v) => {
+      var C, j, S;
+      if ((C = v == null ? void 0 : v.data) != null && C.DATA) {
+        const I = (S = (j = v == null ? void 0 : v.data) == null ? void 0 : j.DATA) == null ? void 0 : S.LIST;
+        i(I);
+      } else
+        i({});
+    });
+  }, E = (m) => {
+    var j;
+    const v = (j = m == null ? void 0 : m.ACTOR) == null ? void 0 : j.EMP_ID, C = y == null ? void 0 : y.EMP_ID;
+    b(!0), d((S) => ({
+      ...S,
+      [v]: !1
+    })), u.current || s((S) => {
+      const I = yn(S), B = v == C ? "to" : "from", M = [...I, { ...m, CHAT_ALIGN: B }];
+      return Qe(M);
+    }), u.current = !1;
+  }, h = (m) => {
+    if ((m == null ? void 0 : m.data) !== "PING") {
+      const v = JSON.parse((m == null ? void 0 : m.data) || "{}"), { DATA: C = {}, EVENT: j = "" } = v ?? {};
+      (j === "RECEIVE_MESSAGE" || j === "RECEIVE_ANOTHER_MESSAGE") && E(C);
+    }
+  };
+  return Z(() => (x && (A(), p()), g && x && (g == null || g.addEventListener("message", h)), () => {
+    g && x && (g == null || g.removeEventListener("message", h));
+  }), [x]), /* @__PURE__ */ n.jsx(
+    vt.Provider,
+    {
+      value: {
+        chats: t,
+        setChats: s,
+        detailTicket: r,
+        employees: w,
+        isFromSelf: u,
+        loadingChats: c,
+        objTypingOtherEmp: a,
+        setTypingOtherEmp: d
+      },
+      children: e
+    }
+  );
+}, Ir = ({ onClose: e }) => {
+  const { xs: t } = ge.useBreakpoint(), { employees: s, detailTicket: r, loadingChats: i } = De(), { userOnline: c } = he(), o = R(() => {
+    var d;
+    return (d = s == null ? void 0 : s.map((u) => u == null ? void 0 : u.FULL_NAME)) == null ? void 0 : d.join(", ");
+  }, [s]), a = R(() => t ? "click" : "hover", [t]);
+  return i ? /* @__PURE__ */ n.jsxs("div", { className: "w-ticket-detail-header-container", children: [
+    /* @__PURE__ */ n.jsx(de.Avatar, {}),
+    /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
+      /* @__PURE__ */ n.jsx(de.Input, {}),
+      /* @__PURE__ */ n.jsx(de.Input, { size: "small" })
+    ] }),
+    /* @__PURE__ */ n.jsx(de.Input, {})
+  ] }) : /* @__PURE__ */ n.jsxs("div", { className: "w-ticket-detail-header-container", children: [
+    /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", gap: 8 }, children: [
+      /* @__PURE__ */ n.jsx(
+        G,
+        {
+          icon: /* @__PURE__ */ n.jsx(P, { type: "down" }),
+          style: { border: "none" },
+          onClick: () => {
+            e();
+          }
+        }
+      ),
+      /* @__PURE__ */ n.jsx(
+        Ee.Group,
+        {
+          maxCount: 2,
+          maxPopoverTrigger: a,
+          maxStyle: {
+            color: "#f56a00",
+            backgroundColor: "#fde3cf",
+            cursor: "pointer"
+          },
+          children: s == null ? void 0 : s.map((d, u) => {
+            const f = c == null ? void 0 : c.includes(d == null ? void 0 : d.EMP_ID);
+            return /* @__PURE__ */ n.jsx(Se, { title: d == null ? void 0 : d.FULL_NAME, trigger: a, children: /* @__PURE__ */ bn(
+              Ee,
+              {
+                ...f && {
+                  style: {
+                    border: "2px solid green",
+                    borderRadius: "50%"
+                  }
+                },
+                src: d == null ? void 0 : d.PHOTO,
+                key: u,
+                nameFallback: d == null ? void 0 : d.FULL_NAME
+              }
+            ) }, u);
+          })
+        }
+      ),
+      /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", flexDirection: "column", width: 150 }, children: [
+        /* @__PURE__ */ n.jsx(
+          Se,
+          {
+            title: `${r == null ? void 0 : r.TASK_CODE} - ${r == null ? void 0 : r.SUBJECT}`,
+            trigger: a,
+            children: /* @__PURE__ */ n.jsxs(Y.Text, { className: "w-ticket-detail-header-text", children: [
+              r == null ? void 0 : r.TASK_CODE,
+              " - ",
+              r == null ? void 0 : r.SUBJECT
+            ] })
+          }
+        ),
+        /* @__PURE__ */ n.jsx(Se, { title: o, trigger: a, children: /* @__PURE__ */ n.jsx(
+          Y.Text,
+          {
+            type: "secondary",
+            className: "w-ticket-detail-header-text",
+            style: {
+              fontSize: 12
+            },
+            children: o
+          }
+        ) })
+      ] })
+    ] }),
+    /* @__PURE__ */ n.jsx(xt, { taskStatus: r == null ? void 0 : r.STATUS })
+  ] });
+}, $r = O(Ir), Br = ({ ...e }) => {
+  const t = R(() => (e == null ? void 0 : e.CHAT_ALIGN) === "to" ? "client" : "response", [e]);
+  return /* @__PURE__ */ n.jsxs("div", { className: `w-bubble-chat ${`w-${t}`}`, children: [
+    /* @__PURE__ */ n.jsx(
+      "p",
+      {
+        dangerouslySetInnerHTML: {
+          __html: e == null ? void 0 : e.MESSAGE
+        }
+      }
+    ),
+    /* @__PURE__ */ n.jsx(
+      We,
+      {
+        date: e == null ? void 0 : e.CREATED_DATE,
+        format: Xe,
+        sender: t
+      }
+    )
+  ] });
+}, Ur = O(Br), Wr = ({ ...e }) => {
+  const t = _("Download", "Download"), s = R(() => (e == null ? void 0 : e.CHAT_ALIGN) === "to" ? "client" : "response", [e]), r = R(() => {
+    var d;
+    const a = e == null ? void 0 : e.ATTACHMENT;
+    if (a)
+      try {
+        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;
+      }
+    return "";
+  }, [e]), i = R(() => {
+    if (r != null && r.includes(".")) {
+      const a = r == null ? void 0 : r.split(".");
+      return `.${a == null ? void 0 : a[(a == null ? void 0 : a.length) - 1]}`;
+    }
+    return "";
+  }, [e, r]), c = R(() => dn == null ? void 0 : dn.includes(i), [e, i]), o = () => {
+    En({
+      downloadURL: e == null ? void 0 : e.ATTACHMENT,
+      fileName: r,
+      isOpenNewTab: !0
+    });
+  };
+  return /* @__PURE__ */ n.jsx(n.Fragment, { children: /* @__PURE__ */ n.jsxs(
+    "div",
+    {
+      className: `w-bubble-chat ${`w-${s}`}`,
+      style: { display: "flex", flexDirection: "column" },
+      children: [
+        c ? /* @__PURE__ */ n.jsx(wn, { src: e == null ? void 0 : e.ATTACHMENT, fallback: hs }) : /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
+          /* @__PURE__ */ n.jsx(P, { type: "file" }),
+          /* @__PURE__ */ n.jsx(
+            Y.Link,
+            {
+              onClick: o,
+              style: { display: "block", width: 160 },
+              children: r
+            }
+          )
+        ] }),
+        c && /* @__PURE__ */ n.jsx(
+          G,
+          {
+            onClick: o,
+            style: {
+              display: "block",
+              margin: "10px auto 0px"
+            },
+            children: t
+          }
+        ),
+        /* @__PURE__ */ n.jsx(
+          We,
+          {
+            date: e == null ? void 0 : e.CREATED_DATE,
+            format: Xe,
+            ...s === "client" && {
+              style: {
+                alignSelf: "flex-end"
+              }
+            }
+          }
+        )
+      ]
+    }
+  ) });
+}, Vr = O(Wr), Gr = ({ ...e }) => {
+  const t = R(() => (e == null ? void 0 : e.CHAT_ALIGN) === "to" ? "client" : "response", [e]);
+  return /* @__PURE__ */ n.jsxs("div", { className: "w-ticket-info-chat-container", children: [
+    /* @__PURE__ */ n.jsx(
+      We,
+      {
+        date: e == null ? void 0 : e.CREATED_DATE,
+        format: Xe,
+        sender: t
+      }
+    ),
+    /* @__PURE__ */ n.jsx(Y.Text, { children: e == null ? void 0 : e.MESSAGE })
+  ] });
+}, zr = O(Gr), ht = () => {
+  const { widgetProps: e } = q(), t = pe.enc.Hex.parse(
+    pe.enc.Utf8.parse(e == null ? void 0 : e.keyEncrypt).toString()
+  ), s = {
+    mode: pe.mode.ECB,
+    padding: pe.pad.Pkcs7
+  }, r = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini|GreatDayHR/i.test(
+    navigator.userAgent
+  ), i = (o) => {
+    if (typeof o == "number" && (o = o.toString()), !o) return "";
+    if (r) return window.encodeURIComponent(o);
+    const a = pe.enc.Utf8.parse(o), d = pe.AES.encrypt(
+      a,
+      t,
+      s
+    ).toString();
+    return window.encodeURIComponent(`$${d}`);
+  };
+  return {
+    paramsEncrypt: (o) => {
+      const [a, d = null] = o.split("?"), u = a.split("/").map((f) => {
+        const [, x = null] = f.split(":");
+        return x && (e != null && e.keyEncrypt) ? i(x) : f;
+      }).join("/");
+      return d ? `${u}?${d}` : u;
+    },
+    encrypt: i
+  };
+}, Yr = ({ ...e }) => {
+  const t = _("ViewFAQ", "View FAQ"), s = _(
+    "FAQUnavailable",
+    "FAQ unavailable"
+  ), r = _(
+    "ThisFAQIsUnavailable",
+    "This FAQ is unavailable"
+  ), { paramsEncrypt: i } = ht(), { history: c } = q(), o = R(() => (e == null ? void 0 : e.CHAT_ALIGN) === "to" ? "client" : "response", [e]), a = R(() => e == null ? void 0 : e.FAQ_ID, [e]);
+  return /* @__PURE__ */ n.jsxs("div", { className: `w-bubble-chat ${`w-${o}`}`, children: [
+    /* @__PURE__ */ n.jsx(
+      Y.Text,
+      {
+        style: {
+          backgroundColor: "rgb(244, 245, 246)",
+          padding: 8,
+          borderRadius: 8,
+          fontWeight: 600,
+          marginBottom: 8,
+          display: "block"
+        },
+        children: a ? e == null ? void 0 : e.MESSAGE : s
+      }
+    ),
+    a ? /* @__PURE__ */ n.jsx(
+      G,
+      {
+        block: !0,
+        onClick: () => {
+          typeof c < "u" && c.push(
+            i(`/standard/hrm.helpdesk.FAQ-detail/:${a}`)
+          );
+        },
+        children: t
+      }
+    ) : /* @__PURE__ */ n.jsx(Y.Text, { children: r }),
+    /* @__PURE__ */ n.jsx(
+      We,
+      {
+        date: e == null ? void 0 : e.CREATED_DATE,
+        format: Xe,
+        sender: o
+      }
+    )
+  ] });
+}, Kr = O(Yr), qr = ({ ...e }) => {
+  switch (e == null ? void 0 : e.CHAT_TYPE) {
+    case "info":
+      return /* @__PURE__ */ n.jsx(zr, { ...e });
+    case "faq":
+      return /* @__PURE__ */ n.jsx(Kr, { ...e });
+    case "chat":
+      return e != null && e.ATTACHMENT ? /* @__PURE__ */ n.jsx(Vr, { ...e }) : /* @__PURE__ */ n.jsx(Ur, { ...e });
+    default:
+      return null;
+  }
+}, Jr = O(qr), Qr = () => {
+  var y;
+  const [e, t] = D([]), s = _("And", "and"), r = _("IsTyping", "Is Typing"), i = _("People", "People"), { employees: c, setTypingOtherEmp: o, objTypingOtherEmp: a } = De(), { ws: d, setGetResponse: u } = he(), { parsedJWT: f } = q(), x = R(() => e == null ? void 0 : e.filter((w) => a == null ? void 0 : a[w == null ? void 0 : w.EMP_ID]), [a, e]), g = R(() => {
+    const w = x == null ? void 0 : x.map((A) => A == null ? void 0 : A.FULL_NAME);
+    if ((x == null ? void 0 : x.length) > 2) {
+      const A = w == null ? void 0 : w.filter((E, h) => h <= 1), p = w == null ? void 0 : w.filter((E, h) => h > 1);
+      return `${A == null ? void 0 : A.join(", ")}, ${s} ${p == null ? void 0 : p.length} ${i} ${r}`;
+    }
+    return `${w == null ? void 0 : w.join(", ")} ${r}`;
+  }, [e, x]), b = (w) => {
+    if ((w == null ? void 0 : w.data) !== "PING") {
+      const A = JSON.parse((w == null ? void 0 : w.data) || "{}"), { DATA: p = {}, EVENT: E = "" } = A ?? {}, h = p == null ? void 0 : p.EMPLOYEE_ID, m = f == null ? void 0 : f.EMP_ID;
+      if (E === "TYPING") {
+        h === m ? u(!1) : o((j) => ({
+          ...j,
+          [h]: p == null ? void 0 : p.IS_TYPING
+        }));
+        const v = c == null ? void 0 : c.find(
+          (j) => (j == null ? void 0 : j.EMP_ID) === (p == null ? void 0 : p.EMPLOYEE_ID)
+        ), C = {
+          ...p,
+          ...v
+        };
+        t((j) => {
+          const S = [...j, C], I = Tn({
+            ArrObj: S,
+            key: "EMPLOYEE_ID"
+          });
+          return I == null ? void 0 : I.filter((B) => B == null ? void 0 : B.IS_TYPING);
+        });
+      }
+    }
+  };
+  return Z(() => (d && (d == null || d.addEventListener("message", b)), () => {
+    d && (d == null || d.removeEventListener("message", b));
+  }), [c]), (y = Object.values(a || {})) != null && y.every((w) => w === !1) ? null : /* @__PURE__ */ n.jsxs(
+    "div",
+    {
+      style: {
+        display: "flex",
+        gap: 8,
+        alignItems: "center"
+      },
+      children: [
+        /* @__PURE__ */ n.jsx(
+          Ee.Group,
+          {
+            maxCount: 2,
+            maxPopoverTrigger: "click",
+            maxStyle: {
+              color: "#f56a00",
+              backgroundColor: "#fde3cf",
+              cursor: "pointer"
+            },
+            children: x == null ? void 0 : x.map((w, A) => /* @__PURE__ */ n.jsx(Se, { title: w == null ? void 0 : w.FULL_NAME, children: /* @__PURE__ */ n.jsx(Ee, { src: w == null ? void 0 : w.PHOTO, nameFallback: w == null ? void 0 : w.FULL_NAME }) }, A))
+          }
+        ),
+        /* @__PURE__ */ n.jsx(Y.Text, { children: g }),
+        (x == null ? void 0 : x.length) > 0 ? /* @__PURE__ */ n.jsx(ft, {}) : null
+      ]
+    }
+  );
+}, Zr = O(Qr), Xr = () => {
+  var c;
+  const { chats: e } = De(), { widgetProps: t } = q(), { activeTab: s } = be(), r = z(), { xs: i } = ge.useBreakpoint();
+  return Z(() => {
+    clearTimeout(r.current), r.current = setTimeout(() => {
+      me(".w-ticket-detail-content-container");
+    }, 350);
+  }, [s]), /* @__PURE__ */ n.jsxs(
+    "div",
+    {
+      className: `w-ticket-detail-content-container ${i ? t != null && t.isSF ? "w-ticket-detail-content-container-sf-mobile" : "w-ticket-detail-content-container-mobile" : ""} `,
+      children: [
+        (c = Object.keys(e || {})) == null ? void 0 : c.map((o) => {
+          var d, u;
+          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((f, x) => {
+              var y, w;
+              const g = (f == null ? void 0 : f.CHAT_ALIGN) === "to" ? "client" : "response", b = f == null ? void 0 : f.CHAT_TYPE;
+              return /* @__PURE__ */ n.jsxs(gn, { children: [
+                g === "response" && b !== "info" && /* @__PURE__ */ n.jsx(
+                  Ue,
+                  {
+                    src: (y = f == null ? void 0 : f.ACTOR) == null ? void 0 : y.PHOTO,
+                    name: (w = f == null ? void 0 : f.ACTOR) == null ? void 0 : w.FULL_NAME
+                  }
+                ),
+                /* @__PURE__ */ n.jsx(Jr, { ...f })
+              ] }, x);
+            }) })
+          ] }, o);
+        }),
+        /* @__PURE__ */ n.jsx(Zr, {})
+      ]
+    }
+  );
+}, Pr = O(Xr), eo = () => {
+  var c, o;
+  const { chats: e, loadingChats: t } = De(), { widgetProps: s } = q(), { xs: r } = ge.useBreakpoint(), i = R(() => {
+    var d;
+    const a = [fn];
+    return r && (s != null && s.isSF ? a == null || a.push(
+      `${fn}-sf-mobile`
+    ) : a == null || a.push(`${fn}-mobile`)), (d = a == null ? void 0 : a.filter(Boolean)) == null ? void 0 : d.join(" ");
+  }, [r, s == null ? void 0 : s.isSF]);
+  return t ? /* @__PURE__ */ n.jsx(
+    "div",
+    {
+      className: `${i} w-ticket-detail-loading-chats`,
+      children: (c = Array.from({ length: 3 })) == null ? void 0 : c.map((a, d) => {
+        const u = d % 2 === 0;
+        return /* @__PURE__ */ n.jsxs(
+          "div",
+          {
+            style: {
+              display: "flex",
+              gap: 8,
+              ...u && {
+                alignSelf: "flex-end"
+              }
+            },
+            children: [
+              /* @__PURE__ */ n.jsx("div", { style: { order: u ? 2 : 1 }, children: /* @__PURE__ */ n.jsx(de.Avatar, {}) }),
+              /* @__PURE__ */ n.jsxs(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    flexDirection: "column",
+                    gap: 8,
+                    order: u ? 1 : 2
+                  },
+                  children: [
+                    /* @__PURE__ */ n.jsx(de.Input, { style: { width: 120, borderRadius: 8 } }),
+                    /* @__PURE__ */ n.jsx(
+                      de.Input,
+                      {
+                        style: { height: 50, width: "100%", borderRadius: 8 }
+                      }
+                    )
+                  ]
+                }
+              )
+            ]
+          },
+          d
+        );
+      })
+    }
+  ) : ((o = Object.keys(e || {})) == null ? void 0 : o.length) === 0 ? /* @__PURE__ */ n.jsx(
+    "div",
+    {
+      className: i,
+      style: {
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center"
+      },
+      children: /* @__PURE__ */ n.jsx(Xn, {})
+    }
+  ) : /* @__PURE__ */ n.jsx(Pr, {});
+}, no = O(eo), to = ({ ...e }) => {
+  const t = z(0);
+  return /* @__PURE__ */ n.jsxs(
+    "div",
+    {
+      style: { display: "flex", gap: 8 },
+      onClick: (s) => {
+        s == null || s.stopPropagation();
+      },
+      children: [
+        /* @__PURE__ */ n.jsx(
+          wn,
+          {
+            nameFallback: e == null ? void 0 : e.FULL_NAME,
+            src: e == null ? void 0 : e.PHOTO,
+            width: 80,
+            placeholder: /* @__PURE__ */ n.jsx(de.Image, { style: { width: "100%", height: "100%" } }),
+            style: { borderRadius: 8 },
+            preview: !1,
+            loading: "lazy",
+            onError: (s) => {
+              t.current += 1, (t == null ? void 0 : t.current) < 3 ? s.target.src = ot(e == null ? void 0 : e.PHOTO) : s.target.src = jn(e == null ? void 0 : e.FULL_NAME);
+            }
+          }
+        ),
+        /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
+          /* @__PURE__ */ n.jsx(Y.Text, { strong: !0, style: { fontSize: 18 }, children: e == null ? void 0 : e.FULL_NAME }),
+          /* @__PURE__ */ n.jsx(Y.Text, { children: e == null ? void 0 : e.POSITION_NAME }, e == null ? void 0 : e.POSITION_NAME),
+          /* @__PURE__ */ n.jsx(Y.Text, { children: e == null ? void 0 : e.DEPT_NAME }),
+          /* @__PURE__ */ n.jsx(Y.Text, { children: e == null ? void 0 : e.WORKLOCATION })
+        ] })
+      ]
+    }
+  );
+}, so = O(to), ro = ({ setLoadingUpload: e, isLoadingUpload: t }) => {
+  var p, E;
+  const s = en(), [r, i] = D({}), c = z(null), o = _(
+    "ImageMustSmallerThan",
+    "Image must smaller than"
+  ), a = _(
+    "MaximumFileSizeExceeded",
+    "Maximum file size exceeded"
+  ), { onSendMsg: d } = he(), { employees: u, setChats: f, isFromSelf: x } = De(), { ticketId: g } = ve(), { activeTab: b } = be(), y = () => {
+    var h;
+    (h = s({
+      endpoint: "/upload/get-upload-config",
+      data: {
+        LIMIT: 1,
+        PAGE: 1,
+        SEARCH: {
+          UPLOAD_CODE: "helpdesk"
+        }
+      }
+    })) == null || h.then((m) => {
+      var C, j;
+      const v = (j = (C = m == null ? void 0 : m.data) == null ? void 0 : C.DATA) == null ? void 0 : j.LIST;
+      (v == null ? void 0 : v.length) > 0 && i(v == null ? void 0 : v[0]);
+    });
+  }, w = (h) => {
+    var C, j, S;
+    const m = h.size / 1024 / 1024, v = (r == null ? void 0 : r.MAXFILESIZE) / 1024;
+    return m > v && ((C = Ce) == null || C.destroy(), (j = Ce) == null || j.config({
+      getContainer: () => document.querySelector(".w-widget-content-container"),
+      top: 28,
+      placement: "top"
+    }), (S = Ce) == null || S.error({
+      message: a,
+      description: `${o} ${v == null ? void 0 : v.toFixed(
+        1
+      )} MB!`,
+      className: "w-notification-content",
+      duration: 3
+    })), !1;
+  }, A = (h) => {
+    var v, C;
+    e(!0);
+    const m = new FormData();
+    m.append("UPLOAD_CODE", r == null ? void 0 : r.UPLOAD_CODE), m.append("UPLOAD_TYPE", r == null ? void 0 : r.UPLOAD_TYPE), m.append("FILE", h), (C = (v = s({
+      endpoint: "/upload/temp",
+      data: m,
+      headers: {
+        "Content-Type": "multipart/form-data"
+      }
+    })) == null ? void 0 : v.then((j) => {
+      var S, I, B, M, L;
+      if ((I = (S = j == null ? void 0 : j.data) == null ? void 0 : S.DATA) != null && I.LIST) {
+        const F = (M = (B = j == null ? void 0 : j.data) == null ? void 0 : B.DATA) == null ? void 0 : M.LIST, $ = {
+          ATTACHMENT: F == null ? void 0 : F.VIEW_PATH,
+          FAQ_ID: null,
+          MESSAGE: "",
+          CREATED_DATE: (L = le()) == null ? void 0 : L.format(`${hn} HH:mm:ss`),
+          CHAT_ALIGN: "to",
+          CHAT_TYPE: "chat"
+        };
+        f((H) => {
+          const Q = [...yn(H), $];
+          return Qe(Q);
+        }), x.current = !0, d({
+          event: "SEND_MESSAGE",
+          data: {
+            ATTACHMENT: F == null ? void 0 : F.TEMP_PATH,
+            FAQ_ID: null,
+            MESSAGE: "",
+            EMPLOYEES: u == null ? void 0 : u.map((H) => H == null ? void 0 : H.EMP_ID),
+            TASK_ID: g
+          }
+        }), clearTimeout(c.current), c.current = setTimeout(() => {
+          me(".w-ticket-detail-content-container");
+        }, 350);
+      }
+    })) == null || C.finally(() => {
+      e(!1);
+    });
+  };
+  return Z(() => {
+    y();
+  }, []), Z(() => {
+    var h;
+    (h = Ce) == null || h.destroy();
+  }, [b]), /* @__PURE__ */ n.jsx(
+    Zn,
+    {
+      beforeUpload: w,
+      fileList: [],
+      accept: (E = (p = r == null ? void 0 : r.EXT_LIST) == null ? void 0 : p.split(",")) == null ? void 0 : E.map((h) => `.${h}`),
+      onChange: (h) => {
+        A(h == null ? void 0 : h.file);
+      },
+      children: /* @__PURE__ */ n.jsx(
+        G,
+        {
+          loading: t,
+          icon: /* @__PURE__ */ n.jsx(P, { type: "paper-clip" }),
+          shape: "circle",
+          style: { border: "none" }
+        }
+      )
+    }
+  );
+}, oo = O(ro), co = (e) => {
+  var r;
+  const t = z(null), s = z(null);
+  return s != null && s.current && ((r = s.current) == null || r.update(e)), Z(() => {
+    var c;
+    const i = (c = window == null ? void 0 : window.customElements) == null ? void 0 : c.get("em-emoji-picker");
+    return s.current = new (i || os)({ ...e, ref: t }), () => {
+      s.current = null;
+    };
+  }, []), mn.createElement("div", { ref: t });
+}, io = ({ refInput: e }) => {
+  const { xs: t } = ge.useBreakpoint(), s = R(() => t ? "click" : "hover", [t]), r = () => {
+    var g;
+    const c = (g = e == null ? void 0 : e.current) == null ? void 0 : g.textarea;
+    if (!c)
+      return !1;
+    const { selectionStart: o, selectionEnd: a, value: d } = c, u = d == null ? void 0 : d.substring(0, o), f = d == null ? void 0 : d.substring(o, a), x = d == null ? void 0 : d.substring(a);
+    return {
+      before: u,
+      selectedText: f,
+      after: x,
+      selectionStart: o,
+      selectionEnd: a,
+      text: d
+    };
+  }, i = (c) => {
+    var x, g;
+    (x = e == null ? void 0 : e.current) == null || x.focus();
+    const o = (g = e == null ? void 0 : e.current) == null ? void 0 : g.textarea, a = c == null ? void 0 : c.native;
+    if (!o) return;
+    const { before: d, after: u } = r(), f = `${d}${a}${u}`;
+    typeof document.execCommand == "function" ? document.execCommand("insertText", !1, a) : o.value = f;
+  };
+  return /* @__PURE__ */ n.jsx(
+    vn,
+    {
+      trigger: s,
+      content: /* @__PURE__ */ n.jsx(
+        co,
+        {
+          onEmojiSelect: (c) => {
+            i(c);
+          },
+          theme: "auto"
+        }
+      ),
+      children: /* @__PURE__ */ n.jsx(G, { icon: /* @__PURE__ */ n.jsx(P, { type: "smile" }), style: { border: "none" } })
+    }
+  );
+}, lo = O(io), ao = () => {
+  const [e, t] = D(0), [s, r] = D(!1), i = z(null), c = z(null), o = z(!1), a = z(null), { onSendMsg: d, setGetResponse: u, isGetResponse: f } = he(), { ticketId: x } = ve(), { isActiveTabVA: g } = be(), { employees: b, setChats: y, isFromSelf: w, detailTicket: A } = De(), p = R(() => s || !f, [s, f]), E = R(() => {
+    var C;
+    return ((C = A == null ? void 0 : A.STATUS) == null ? void 0 : C.toString().toLowerCase()) === "closed";
+  }, [A == null ? void 0 : A.STATUS]), h = R(() => b == null ? void 0 : b.map((C) => ({
+    ...C,
+    label: /* @__PURE__ */ n.jsx(
+      vn,
+      {
+        placement: "left",
+        content: /* @__PURE__ */ n.jsx(so, { ...C }),
+        children: /* @__PURE__ */ n.jsx("div", { children: /* @__PURE__ */ n.jsx(Ue, { src: C == null ? void 0 : C.PHOTO, name: C == null ? void 0 : C.FULL_NAME }) })
+      }
+    ),
+    value: C == null ? void 0 : C.FULL_NAME
+  })), [b]), m = () => {
+    var S, I, B;
+    u(!1);
+    const C = (I = (S = i == null ? void 0 : i.current) == null ? void 0 : S.textarea) == null ? void 0 : I.value;
+    d({
+      event: "SEND_MESSAGE",
+      data: {
+        ATTACHMENT: "",
+        FAQ_ID: null,
+        MESSAGE: C,
+        EMPLOYEES: b == null ? void 0 : b.map((M) => M == null ? void 0 : M.EMP_ID),
+        TASK_ID: x
+      }
+    });
+    const j = {
+      ATTACHMENT: "",
+      FAQ_ID: null,
+      MESSAGE: C,
+      CREATED_DATE: (B = le()) == null ? void 0 : B.format(`${hn} HH:mm:ss`),
+      CHAT_ALIGN: "to",
+      CHAT_TYPE: "chat"
+    };
+    y((M) => {
+      const F = [...yn(M), j];
+      return Qe(F);
+    }), w.current = !0, me(".w-ticket-detail-content-container"), t((M) => M + 1);
+  }, v = () => {
+    window.clearTimeout(c.current), o.current || (o.current = !0, d({
+      event: "TYPING",
+      data: {
+        TASK_ID: x,
+        IS_TYPING: !0
+      }
+    })), c.current = setTimeout(() => {
+      d({
+        event: "TYPING",
+        data: {
+          TASK_ID: x,
+          IS_TYPING: !1
+        }
+      }), o.current = !1;
+    }, 250);
+  };
+  return Z(() => {
+    i != null && i.current && !g && x && (clearTimeout(a.current), a.current = setTimeout(() => {
+      var C;
+      (C = i == null ? void 0 : i.current) == null || C.focus();
+    }, 500));
+  }, [g, x]), E ? null : /* @__PURE__ */ n.jsxs(
+    "div",
+    {
+      className: "w-input-container",
+      style: {
+        margin: 0
+      },
+      children: [
+        /* @__PURE__ */ n.jsx(lo, { refInput: i }),
+        /* @__PURE__ */ n.jsx(
+          oo,
+          {
+            setLoadingUpload: r,
+            isLoadingUpload: s
+          }
+        ),
+        /* @__PURE__ */ n.jsx(
+          Un,
+          {
+            autoSize: {
+              maxRows: 3
+            },
+            ref: i,
+            className: "w-input-helpdesk",
+            placeholder: "Type a message...",
+            onChange: () => {
+              v();
+            },
+            onKeyDown: (C) => {
+              ((C == null ? void 0 : C.code) === "Enter" || (C == null ? void 0 : C.key) === "Enter") && !(C != null && C.shiftKey) && m();
+            },
+            filterOption: (C, j) => {
+              var B, M, L;
+              const S = (B = C == null ? void 0 : C.toString()) == null ? void 0 : B.toLowerCase(), I = (L = (M = j == null ? void 0 : j.FULL_NAME) == null ? void 0 : M.toString()) == null ? void 0 : L.toLowerCase();
+              return I == null ? void 0 : I.includes(S);
+            },
+            children: h == null ? void 0 : h.map((C, j) => /* @__PURE__ */ n.jsx(Un.Option, { ...C, children: C == null ? void 0 : C.label }, j))
+          },
+          e
+        ),
+        /* @__PURE__ */ n.jsx(
+          G,
+          {
+            loading: p,
+            disabled: p,
+            className: "w-send-btn",
+            style: {
+              backgroundColor: "var(--primary-color, #395ebc)",
+              ...p && {
+                color: "white"
+              }
+            },
+            icon: /* @__PURE__ */ n.jsx(P, { type: p ? "loading" : "send" }),
+            shape: "circle",
+            onClick: m
+          }
+        )
+      ]
+    }
+  );
+}, uo = O(ao), fo = ({ title: e, subTitle: t, onClose: s, open: r, styleWrapper: i }) => {
+  var c;
+  return r ? /* @__PURE__ */ n.jsx(
+    "div",
+    {
+      className: "w-banner-container",
+      ...((c = Object.keys(i || {})) == null ? void 0 : c.length) > 0 && {
+        style: i
+      },
+      children: /* @__PURE__ */ n.jsxs("div", { className: "w-banner-content", children: [
+        e && /* @__PURE__ */ n.jsx(Y.Text, { style: { fontSize: 16, fontWeight: 600 }, children: e }),
+        t && /* @__PURE__ */ n.jsx("div", { className: "w-banner-subtitle", children: t }),
+        typeof s == "function" && /* @__PURE__ */ n.jsx("div", { className: "w-banner-close-btn", children: /* @__PURE__ */ n.jsx(
+          G,
+          {
+            style: { border: "none", background: "transparent" },
+            icon: /* @__PURE__ */ n.jsx(P, { type: "close" }),
+            onClick: () => s()
+          }
+        ) })
+      ] })
+    }
+  ) : null;
+}, Et = O(fo), xo = () => {
+  const e = _(
+    "ForMoreInformationOfThisTicket",
+    "For more information of this ticket"
+  ), t = _("ClickHere", "Click here"), { ticketId: s } = ve(), { history: r } = q(), { encrypt: i } = ht();
+  return /* @__PURE__ */ n.jsx(
+    Et,
+    {
+      subTitle: /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+        /* @__PURE__ */ n.jsx(Y.Text, { children: e }),
+        /* @__PURE__ */ n.jsx(
+          Y.Link,
+          {
+            strong: !0,
+            className: "w-reconnect-manual",
+            onClick: () => {
+              const c = i(s);
+              r.push(
+                `/standard/hrm.helpdesk.my-ticket.ticket-details?id=${c}`
+              );
+            },
+            children: t
+          }
+        )
+      ] }),
+      open: !0,
+      styleWrapper: {
+        position: "sticky"
+      }
+    }
+  );
+}, go = O(xo), Co = ({ onClose: e, visible: t }) => /* @__PURE__ */ n.jsx(bt, { open: t, onClose: e, children: /* @__PURE__ */ n.jsxs(Hr, { children: [
+  /* @__PURE__ */ n.jsx($r, { onClose: e }),
+  /* @__PURE__ */ n.jsx(go, {}),
+  /* @__PURE__ */ n.jsx(no, {}),
+  /* @__PURE__ */ n.jsx(uo, {})
+] }) }), mo = O(Co), bo = () => {
+  const e = _("AdvanceFilter", "Advance Filter"), t = _("Subject", "Subject"), s = _(
+    "TicketCategory",
+    "Ticket Category"
+  ), r = _("TicketStatus", "Ticket Status"), i = _("CreatedDate", "Created Date"), c = _("New", "New"), o = _("Open", "Open"), a = _("Reopen", "Reopen"), d = _("InProgress", "In Progress"), u = _("Responded", "Responded"), f = _("Fixed", "Fixed"), x = _("Done", "Done"), g = _("Closed", "Closed"), b = _("HDCancelled", "Cancelled"), y = _("Clear", "Clear"), w = _("Filter", "Filter"), A = en(), [p] = oe.useForm(), { openFilter: E, setOpenFilter: h, getListTicket: m, setCountFilters: v } = ve(), [C, j] = D([]), S = R(() => {
+    const M = `${c}/${o}/${a}`, L = `${d}/${u}`, F = `${f}/${x}`;
+    return [
+      { value: 3, label: M },
+      { value: 1, label: L },
+      { value: 4, label: F },
+      { value: 6, label: g },
+      { value: 8, label: b }
+    ];
+  }, []), I = () => {
+    var M;
+    (M = A({
+      endpoint: "/helpdesk/category/list",
+      data: {
+        LIMIT: 999999,
+        PAGE: 1,
+        SELECTOR: "*",
+        SORT: { FIELD: "ORDER_NO", ORDER: "ASC" }
+      }
+    })) == null || M.then((L) => {
+      var F, $, H;
+      if ((F = L == null ? void 0 : L.data) != null && F.DATA) {
+        const V = (H = ($ = L == null ? void 0 : L.data) == null ? void 0 : $.DATA) == null ? void 0 : H.LIST;
+        j(
+          V == null ? void 0 : V.map((Q) => ({
+            label: Q == null ? void 0 : Q.CATEGORY_NAME,
+            value: Q == null ? void 0 : Q.CATEGORY_CODE
+          }))
+        );
+      }
+    });
+  }, B = () => {
+    var F, $;
+    const M = p == null ? void 0 : p.getFieldsValue(!0);
+    m(M);
+    const L = ($ = (F = Object.values(M || {})) == null ? void 0 : F.flat()) == null ? void 0 : $.filter(Boolean);
+    v(L == null ? void 0 : L.length);
+  };
+  return Z(() => {
+    I();
+  }, []), /* @__PURE__ */ n.jsxs(
+    bt,
+    {
+      styleContainer: { height: "calc(100% - 50px)" },
+      open: E,
+      onClose: () => {
+        h(!1);
+      },
+      footer: /* @__PURE__ */ n.jsxs("div", { className: "w-ticket-list-advance-filter-footer", children: [
+        /* @__PURE__ */ n.jsx(
+          G,
+          {
+            onClick: () => {
+              p == null || p.resetFields(), B();
+            },
+            children: y
+          },
+          "clear"
+        ),
+        /* @__PURE__ */ n.jsx(
+          G,
+          {
+            type: "primary",
+            onClick: () => {
+              B(), h(!1);
+            },
+            children: w
+          },
+          "filter"
+        )
+      ] }),
+      children: [
+        /* @__PURE__ */ n.jsx(Y.Text, { strong: !0, style: { fontSize: 16 }, children: e }),
+        /* @__PURE__ */ n.jsx("div", { className: "w-ticket-list-advance-filter-form-container", children: /* @__PURE__ */ n.jsxs(oe, { form: p, layout: "vertical", children: [
+          /* @__PURE__ */ n.jsx(oe.Item, { label: t, name: "TASK_NAME", children: /* @__PURE__ */ n.jsx(Be, { allowClear: !0 }) }),
+          /* @__PURE__ */ n.jsx(oe.Item, { label: s, name: "CATEGORY_CODE", children: /* @__PURE__ */ n.jsx(Wn, { options: C, mode: "multiple", allowClear: !0 }) }),
+          /* @__PURE__ */ n.jsx(oe.Item, { label: r, name: "TASK_STATUS", children: /* @__PURE__ */ n.jsx(Wn, { options: S, mode: "multiple", allowClear: !0 }) }),
+          /* @__PURE__ */ n.jsx(oe.Item, { label: i, name: "CREATED_DATE", children: /* @__PURE__ */ n.jsx(Zt, { style: { width: "100%" }, allowClear: !0 }) })
+        ] }) })
+      ]
+    }
+  );
+}, vo = O(bo), ho = () => {
+  const e = _(
+    "ReconnectManually",
+    "Reconnect Manually"
+  ), t = _(
+    "HelpdeskWebsocket",
+    "Helpdesk Websocket"
+  ), s = _("NotConnected", "Not Connected"), r = _("Connecting", "Connecting"), {
+    connectWebSocket: i,
+    retryCountState: c,
+    setRetryCountState: o,
+    retryCountRef: a
+  } = he(), d = R(() => c === Ie ? `${t} ${s}` : `${t} ${r}`, [c]);
+  return /* @__PURE__ */ n.jsx(
+    "div",
+    {
+      style: {
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        height: "100%"
+      },
+      children: /* @__PURE__ */ n.jsx(
+        Xt,
+        {
+          ...c === Ie ? {
+            status: "warning"
+          } : {
+            icon: null
+          },
+          title: d,
+          extra: c === Ie ? /* @__PURE__ */ n.jsx(
+            G,
+            {
+              type: "primary",
+              onClick: () => {
+                a.current = 0, o(0), i();
+              },
+              children: e
+            },
+            "reconnect"
+          ) : /* @__PURE__ */ n.jsx(
+            P,
+            {
+              type: "loading",
+              style: {
+                paddingTop: 8
+              }
+            }
+          )
+        }
+      )
+    }
+  );
+}, Eo = O(ho), To = () => {
+  const { setTicketId: e, ticketId: t, openFilter: s } = ve(), { onSendMsg: r, setGetResponse: i } = he(), { showReadyWSHD: c } = q();
+  return c ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+    /* @__PURE__ */ n.jsx(
+      mo,
+      {
+        visible: t,
+        onClose: () => {
+          e(""), i(!1), r({
+            event: "LEAVE_ROOM",
+            data: {
+              TASK_ID: t
+            }
+          });
+        }
+      }
+    ),
+    /* @__PURE__ */ n.jsx("div", { style: { display: !t && !s ? "block" : "none" }, children: /* @__PURE__ */ n.jsx(Mr, {}) }),
+    /* @__PURE__ */ n.jsx(vo, {})
+  ] }) : /* @__PURE__ */ n.jsx(Eo, {});
+}, yo = O(To), jo = ({ children: e, usePopover: t, ...s }) => t ? /* @__PURE__ */ n.jsx(vn, { ...s, visible: s == null ? void 0 : s.open, children: e }) : e, wo = () => {
+  const e = _("NeedHelp", "Need Help"), t = _(
+    "WidgetDisconnected",
+    "Widget Disconnected"
+  ), [s, r] = D(!0), i = z(), { widgetProps: c, setOpenWidget: o, isFirstOpenWidget: a, setFirstOpenWidget: d } = q(), { onSendMsg: u, connected: f, isHandshakeWidget: x } = ue(), g = () => {
+    o(!0), u({ msg: c == null ? void 0 : c.getStartedPayload });
+  };
+  return Z(() => {
+    r(!f), window.clearTimeout(i.current), i.current = setTimeout(() => {
+      r(!1);
+    }, 3e3);
+  }, [f]), /* @__PURE__ */ n.jsx(
+    jo,
+    {
+      usePopover: s && x === "show",
+      open: s && x === "show",
+      content: t,
+      placement: "right",
+      children: /* @__PURE__ */ n.jsxs(
+        "div",
+        {
+          className: "w-launcher-container",
+          onClick: () => {
+            a || (d(!0), g()), o(!0);
+          },
+          children: [
+            /* @__PURE__ */ n.jsx(P, { type: "chat-bubble" }),
+            /* @__PURE__ */ n.jsxs(
+              Y.Text,
+              {
+                style: {
+                  fontWeight: 600,
+                  color: "#fff"
+                },
+                children: [
+                  e,
+                  "?"
+                ]
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}, po = O(wo), _o = () => {
+  const e = _("NotConnected", "Not Connected"), t = _(
+    "CannotAutoReconnect",
+    "Cannot auto reconnect"
+  ), s = _(
+    "ReconnectManually",
+    "Reconnect Manually"
+  ), [r, i] = D(!1), { connected: c, createSocket: o } = ue(), { widgetProps: a } = q();
+  return Z(() => {
+    i(!c);
+  }, [c]), /* @__PURE__ */ n.jsx(
+    Et,
+    {
+      title: `${a == null ? void 0 : a.title} ${e}`,
+      subTitle: /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+        /* @__PURE__ */ n.jsxs(Y.Text, { children: [
+          t,
+          "?"
+        ] }),
+        /* @__PURE__ */ n.jsx(
+          Y.Link,
+          {
+            strong: !0,
+            className: "w-reconnect-manual",
+            onClick: () => {
+              o();
+            },
+            children: s
+          }
+        )
+      ] }),
+      onClose: () => i(!1),
+      open: !c && r
+    }
+  );
+}, ko = O(
+  _o
+), Ao = () => {
+  const { xs: e } = ge.useBreakpoint(), [t, s] = D(!1), { isOpenWidget: r, widgetProps: i } = q(), { isActiveTabVA: c } = be(), o = z(null), a = R(() => {
+    var f;
+    const u = [un];
+    return e && (i != null && i.isSF ? u == null || u.push(`${un}-sf-mobile`) : u == null || u.push(`${un}-mobile`)), (f = u == null ? void 0 : u.filter(Boolean)) == null ? void 0 : f.join(" ");
+  }, [e, i == null ? void 0 : i.isSF]), d = Gt(
+    (u) => {
+      var x;
+      const f = [u, xn == null ? void 0 : xn.FADE_IN];
+      return i != null && i.isSF && (f == null || f.push(`${u}-sf`)), e && (i != null && i.isSF ? f == null || f.push(`${u}-sf-mobile`) : f == null || f.push(`${u}-mobile`)), (x = f == null ? void 0 : f.filter(Boolean)) == null ? void 0 : x.join(" ");
+    },
+    [i == null ? void 0 : i.isSF, e]
+  );
+  return Z(() => {
+    r && s(r), clearTimeout(o.current), o.current = setTimeout(() => {
+      r || s(r);
+    }, 250);
+  }, [r]), t ? /* @__PURE__ */ n.jsxs("div", { className: a, children: [
+    /* @__PURE__ */ n.jsxs("div", { style: { display: c ? "block" : "none" }, children: [
+      /* @__PURE__ */ n.jsx("div", { className: d(bs), children: /* @__PURE__ */ n.jsx(wr, {}) }),
+      /* @__PURE__ */ n.jsx(_r, {})
+    ] }),
+    /* @__PURE__ */ n.jsx("div", { style: { display: c ? "none" : "block" }, children: /* @__PURE__ */ n.jsx("div", { className: d(vs), children: /* @__PURE__ */ n.jsx(Dr, { children: /* @__PURE__ */ n.jsx(Lr, { children: /* @__PURE__ */ n.jsx(yo, {}) }) }) }) }),
+    /* @__PURE__ */ n.jsx(ko, {})
+  ] }) : /* @__PURE__ */ n.jsx(po, {});
+}, So = O(Ao), Lo = ({ items: e, ...t }) => Le != null && Le.startsWith("5") || Oe != null && Oe.startsWith("18") ? /* @__PURE__ */ n.jsx(cn, { ...t, items: e }) : /* @__PURE__ */ n.jsx(cn, { ...t, children: e == null ? void 0 : e.map(({ ...s }) => /* @__PURE__ */ bn(
+  cn.TabPane,
+  {
+    ...s,
+    key: s == null ? void 0 : s.key,
+    tab: s == null ? void 0 : s.label
+  }
+)) }), Oo = O(Lo), Ro = () => {
+  const { isOpenWidget: e } = q(), { setActiveTab: t, activeTab: s } = be(), r = _(
+    "VirtualAssistant",
+    "Virtual Assistant"
+  ), i = _("Helpdesk", "Helpdesk"), { xs: c } = ge.useBreakpoint();
+  return Z(() => {
+    const o = st();
+    t((o == null ? void 0 : o.activeTab) ?? s);
+  }, []), e ? /* @__PURE__ */ n.jsx(
+    "div",
+    {
+      className: "w-widget-tab-footer-container",
+      ...c && {
+        style: {
+          borderRadius: 0
+        }
+      },
+      children: /* @__PURE__ */ n.jsx(
+        Oo,
+        {
+          activeKey: s,
+          onChange: (o) => {
+            t(o), Pe({
+              activeTab: o
+            });
+          },
+          items: [
+            {
+              label: r,
+              key: "va"
+            },
+            {
+              label: i,
+              key: "helpdesk"
+            }
+          ]
+        }
+      )
+    }
+  ) : null;
+}, Do = O(Ro), No = () => {
+  const { isOpenWidget: e, setOpenWidget: t, setExpand: s, isExpand: r, widgetProps: i } = q(), { xs: c } = ge.useBreakpoint();
+  return e ? /* @__PURE__ */ n.jsxs(
+    "div",
+    {
+      className: `${He}-container`,
+      ...c && {
+        style: {
+          borderRadius: 0
+        }
+      },
+      children: [
+        /* @__PURE__ */ n.jsxs("div", { className: `${He}-text`, children: [
+          /* @__PURE__ */ n.jsx("h4", { className: `${He}-title`, children: i == null ? void 0 : i.title }),
+          /* @__PURE__ */ n.jsx("span", { className: `${He}-subtitle`, children: i == null ? void 0 : i.subTitle })
+        ] }),
+        /* @__PURE__ */ n.jsxs("div", { className: `${He}-action`, children: [
+          !c && /* @__PURE__ */ n.jsx(
+            P,
+            {
+              type: "expand",
+              style: {
+                transform: r ? "rotate(180deg)" : "rotate(0deg)",
+                transition: "all 300ms"
+              },
+              onClick: () => {
+                s((o) => !o);
+              }
+            }
+          ),
+          /* @__PURE__ */ n.jsx(
+            P,
+            {
+              type: "minimize",
+              onClick: () => {
+                t(!1);
+              }
+            }
+          )
+        ] })
+      ]
+    }
+  ) : null;
+}, Mo = O(No), Fo = () => {
+  const { isExpand: e, isOpenWidget: t, isFirstOpenWidget: s, setOpenWidget: r } = q(), { xs: i } = ge.useBreakpoint(), c = R(() => {
+    var a;
+    const o = [
+      i && "w-container-widget-mobile",
+      s && (t ? "w-show-animate" : "w-close-animate"),
+      "w-container-widget",
+      e && "w-container-widget-expand"
+    ];
+    return (a = o == null ? void 0 : o.filter(Boolean)) == null ? void 0 : a.join(" ");
+  }, [e, i, s, t]);
+  return /* @__PURE__ */ n.jsxs(
+    "div",
+    {
+      className: c,
+      onKeyDown: (o) => {
+        (o == null ? void 0 : o.code) === "Escape" && !(o != null && o.shiftKey) && !(o != null && o.altKey) && !(o != null && o.ctrlKey) && (o == null ? void 0 : o.key) === "Escape" && r(!1);
+      },
+      tabIndex: 0,
+      children: [
+        /* @__PURE__ */ n.jsx(Mo, {}),
+        /* @__PURE__ */ n.jsx("div", { id: "w-widget-content", children: /* @__PURE__ */ n.jsxs(er, { children: [
+          /* @__PURE__ */ n.jsx(Ls, { children: /* @__PURE__ */ n.jsx(So, {}) }),
+          /* @__PURE__ */ n.jsx(Do, {})
+        ] }) })
+      ]
+    }
+  );
+}, Ho = O(Fo), Qo = ({
+  getStartedPayload: e,
+  socketURL: t,
+  socketPath: s,
+  onPayslipFn: r,
+  title: i,
+  subTitle: c,
+  keyEncrypt: o,
+  history: a,
+  isSF: d = !1
+}) => /* @__PURE__ */ n.jsx(
+  ks,
+  {
+    getStartedPayload: e,
+    socketURL: t,
+    socketPath: s,
+    onPayslipFn: r,
+    title: i,
+    subTitle: c,
+    keyEncrypt: o,
+    history: a,
+    isSF: d,
+    children: /* @__PURE__ */ n.jsx(Ss, { children: /* @__PURE__ */ n.jsx(Ho, {}) })
+  }
+);
+export {
+  Qo as default
+};