widget-chatbot 1.0.5 → 2.0.0-alpha.2

package/dist/widget-chatbot.es.js

@@ -0,0 +1,3614 @@
+import { jsx as t, jsxs as h, Fragment as Q } from "react/jsx-runtime";
+import ye from "axios";
+import { version as pn, createContext as de, useContext as ue, useState as _, useRef as B, useMemo as L, useEffect as W, memo as S, Children as Dn, isValidElement as On, cloneElement as Nn, Fragment as He, createElement as $e, useCallback as Mn } from "react";
+import j from "dayjs";
+import { version as Rn, Modal as Je, Typography as F, Button as R, Form as J, notification as ce, Radio as Fn, Divider as Hn, Input as Ee, Image as Bn, Skeleton as P, Avatar as tn, Upload as on, Tooltip as me, Tag as $n, Badge as In, Grid as ne, Empty as cn, Popover as Ie, Mentions as Xe, Select as je, DatePicker as Un, Result as Wn, Tabs as Oe } from "antd";
+import { io as Vn } from "socket.io-client";
+import zn from "react-markdown";
+import Gn from "remark-gfm";
+import { Prism as Kn } from "react-syntax-highlighter";
+import Yn from "@ant-design/icons";
+import { Pie as qn } from "@ant-design/plots";
+import fe from "crypto-js";
+import Qn from "@emoji-mart/react";
+const Zn = "2.0.0-alpha.1", sn = "chat_session", Jn = "user_uttered", Xn = "bot_uttered", jn = "ehelp_bot_uttered", Pn = "https://sfchatbot.dataon.com", et = [
+  {
+    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"
+  }
+], Te = Rn, be = pn, nt = Zn, tt = "https://sfchatbot.dataon.com/openai-service-dev/", ve = "https://res.cloudinary.com/dcvolkyfb/image/upload/v1740135794/svg/bot_profile_hlnyop.png", Ue = "YYYY-MM-DD", _e = "HH:mm", Pe = "N/A", Ne = [
+  // Raster (bitmap)
+  ".jpg",
+  ".jpeg",
+  ".png",
+  ".gif",
+  ".bmp",
+  ".tiff",
+  ".tif",
+  ".webp",
+  ".heif",
+  ".heic",
+  ".jp2",
+  ".ico",
+  ".dds",
+  ".raw",
+  ".cr2",
+  ".nef",
+  ".arw",
+  ".orf",
+  ".psd",
+  ".xcf"
+], Me = "w-widget-content-container", Re = "w-ticket-detail-content-container", ot = "w-wrapper-body", ct = "w-wrapper-body-helpdesk", ke = "w-header", Fe = {
+  FADE_IN: "w-fade-in-animate"
+}, st = "https://placehold.co/600x400?text=No+Image", Ae = 3, lt = "GoHRDev2025WorkPlazeDataOnDotCom", ge = "(Helpdesk Widget Chatbot)", it = (e) => JSON.parse((e == null ? void 0 : e.replaceAll("/get_started", "")) || "{}"), ln = (e) => {
+  var n;
+  try {
+    return (n = new URL(e)) == null ? void 0 : n.host;
+  } catch {
+    return ln(Pn);
+  }
+}, X = (e, n) => {
+  var o, c, l;
+  return ((o = Object.keys(e || {})) == null ? void 0 : o.length) > 0 ? (l = (c = Object == null ? void 0 : Object.prototype) == null ? void 0 : c.hasOwnProperty) == null ? void 0 : l.call(e, n) : !1;
+}, Ce = (e) => {
+  var o;
+  const n = e == null ? void 0 : e.attachment;
+  return {
+    text: ((o = Object.keys(e || {})) == null ? void 0 : o.length) > 0 && (e == null ? void 0 : e.type) === "text",
+    upload: X(e, "attachment") && X(n, "type") && (n == null ? void 0 : n.type) === "fileuploader",
+    password: (n == null ? void 0 : n.type) === "show_password_wp",
+    filedownload: X(n, "type") && (n == null ? void 0 : n.type) === "filedownloader",
+    chart: (n == null ? void 0 : n.type) === "charts" && X(n, "chartType")
+  };
+}, rn = (e) => {
+  var n, o, c, l;
+  if (e) {
+    const i = e == null ? void 0 : e.split(".")[1], s = (n = i == null ? void 0 : i.replace(/-/g, "+")) == null ? void 0 : n.replace(/_/g, "/"), r = decodeURIComponent(
+      (l = (c = (o = window == null ? void 0 : window.atob(s)) == null ? void 0 : o.split("")) == null ? void 0 : c.map((a) => "%" + ("00" + a.charCodeAt(0).toString(16)).slice(-2))) == null ? void 0 : l.join("")
+    );
+    return JSON == null ? void 0 : JSON.parse(r || "{}");
+  }
+  return {};
+}, We = ({
+  downloadURL: e = "",
+  fileName: n = "",
+  isOpenNewTab: o = !1
+}) => {
+  var l;
+  const c = document == null ? void 0 : document.createElement("a");
+  c.href = e, c.download = n || e, o && (c.target = "_blank"), (l = document == null ? void 0 : document.body) == null || l.appendChild(c), c.click(), document.body.removeChild(c);
+}, rt = () => "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(e) {
+  const n = crypto.getRandomValues(new Uint8Array(1))[0] % 16;
+  return (e === "x" ? n : n & 3 | 8).toString(16);
+}), Ve = ({
+  ArrObj: e,
+  key: n,
+  ignoreCaseSensitive: o = !1
+}) => (e == null ? void 0 : e.length) > 0 ? [
+  ...new Map(
+    e.map((c) => {
+      var l;
+      return [
+        o ? (l = String(c[n])) == null ? void 0 : l.toLowerCase() : c[n],
+        c
+      ];
+    })
+  ).values()
+] : [], at = (e = []) => {
+  const n = {}, o = [], c = [];
+  e == null || e.forEach((i) => {
+    var s;
+    X(i, "chats") ? (s = i == null ? void 0 : i.chats) == null || s.forEach((r) => {
+      c == null || c.push(r);
+    }) : c == null || c.push(i);
+  }), c == null || c.forEach((i, s) => {
+    var a, d, f;
+    const r = i == null ? void 0 : i.generated_id;
+    r ? (n[r] || (n[r] = []), (d = n[r]) == null || d.push({
+      ...i,
+      indexChat: s,
+      ...!(i != null && i.timestamp) && {
+        timestamp: (a = j()) == null ? void 0 : a.format("hh:mm A")
+      }
+    }), o == null || o.push({
+      keyItem: r ?? s,
+      type: "text",
+      sender: "response",
+      ...r && {
+        generated_id: r
+      },
+      chats: n == null ? void 0 : n[r]
+    })) : o == null || o.push({
+      ...i,
+      keyItem: s,
+      ...!(i != null && i.timestamp) && {
+        timestamp: (f = j()) == null ? void 0 : f.format("hh:mm A")
+      }
+    });
+  });
+  const l = Ve({ ArrObj: o, key: "keyItem" });
+  return l == null || l.forEach((i) => {
+    i == null || delete i.keyItem;
+  }), l;
+}, pe = (e = {}) => {
+  const o = {
+    ...an(),
+    ...e
+  };
+  localStorage == null || localStorage.setItem(sn, JSON.stringify(o || {}));
+}, an = () => {
+  const e = localStorage == null ? void 0 : localStorage.getItem(sn);
+  return JSON.parse(e || "{}");
+}, dt = (e = "") => {
+  var n;
+  try {
+    const o = new URL(e);
+    return (n = o == null ? void 0 : o.protocol) != null && n.includes("https") ? "wss" : "ws";
+  } catch {
+    return "wss";
+  }
+};
+let en = null;
+const se = (e = ".w-wrapper-body") => {
+  const n = document.querySelector(e);
+  clearTimeout(en), en = setTimeout(() => {
+    n && n.scrollTo({
+      top: n.scrollHeight,
+      behavior: "smooth"
+    });
+  }, 0);
+}, ut = (e) => {
+  const n = new Uint8Array(e);
+  let o = "";
+  for (let c = 0; c < n.byteLength; c++)
+    o += String.fromCharCode(n[c]);
+  return btoa(o);
+}, ft = async (e, n) => {
+  var a;
+  const o = typeof e == "object" ? JSON == null ? void 0 : JSON.stringify(e || {}) : e, c = new TextEncoder(), l = c == null ? void 0 : c.encode(o), i = c == null ? void 0 : c.encode(n);
+  if (i.length !== 32)
+    throw new Error("Key length must be 32 bytes for AES-256");
+  const s = await ((a = crypto == null ? void 0 : crypto.subtle) == null ? void 0 : a.importKey(
+    "raw",
+    i,
+    { name: "AES-CBC" },
+    !1,
+    ["encrypt"]
+  )), r = await crypto.subtle.encrypt(
+    { name: "AES-CBC", iv: new Uint8Array(16) },
+    s,
+    l
+  );
+  return ut(r);
+}, Le = (e) => {
+  const n = {}, o = dn(e), c = o == null ? void 0 : o.map((l) => {
+    var s;
+    const i = l == null ? void 0 : l.CREATED_DATE;
+    return {
+      ...l,
+      DATE_KEY: (s = j(i)) == null ? void 0 : s.format("YYYY-MM-DD")
+    };
+  });
+  return c == null || c.forEach((l) => {
+    var i;
+    n[l == null ? void 0 : l.DATE_KEY] || (n[l == null ? void 0 : l.DATE_KEY] = []), (i = n[l == null ? void 0 : l.DATE_KEY]) == null || i.push(l);
+  }), n;
+}, ze = (e) => {
+  var n;
+  return (n = Object.values(e || {})) == null ? void 0 : n.flat();
+}, dn = (e) => e == null ? void 0 : e.sort((n, o) => j(n == null ? void 0 : n.CREATED_DATE) - j(o == null ? void 0 : o.CREATED_DATE)), un = (e) => {
+  if (e && typeof e == "string") {
+    const n = e == null ? void 0 : e.split("."), o = n[(n == null ? void 0 : n.length) - 1];
+    return e == null ? void 0 : e.replaceAll(`.${o}`, `_avatar.${o}`);
+  }
+  return e;
+}, Ge = (e) => `https://ui-avatars.com/api/?background=e5e5e5&color=000${e && typeof e == "string" ? `&name=${e.replaceAll(" ", "+")}` : ""}`, fn = de({}), I = () => ue(fn), gt = ({
+  children: e,
+  getStartedPayload: n,
+  socketURL: o,
+  socketPath: c,
+  onPayslipFn: l,
+  title: i,
+  subTitle: s,
+  keyEncrypt: r,
+  history: a,
+  isSF: d
+}) => {
+  const [f, C] = _(!1), [T, b] = _("va"), [k, x] = _(!1), [E, w] = _({}), [g, u] = _(!1), [m, y] = _(!1), p = B(!1), D = L(() => ({
+    getStartedPayload: n,
+    socketURL: o,
+    socketPath: c,
+    onPayslipFn: l,
+    title: i,
+    subTitle: s,
+    keyEncrypt: r,
+    isSF: d
+  }), [
+    n,
+    o,
+    c,
+    l,
+    i,
+    s,
+    r,
+    d
+  ]), O = L(() => rn(E == null ? void 0 : E.access_token), [E == null ? void 0 : E.access_token]);
+  return W(() => {
+    w(it(n));
+  }, [n]), W(() => {
+    pe({
+      chatbot_version: nt
+    });
+  }, []), /* @__PURE__ */ t(
+    fn.Provider,
+    {
+      value: {
+        objInitPayload: E,
+        setOpenWidget: C,
+        isOpenWidget: f,
+        activeTab: T,
+        setActiveTab: b,
+        isExpand: k,
+        setExpand: x,
+        setObjInitPayload: w,
+        parsedJWT: O,
+        widgetProps: D,
+        isFirstOpenWidget: g,
+        setFirstOpenWidget: u,
+        isFirstRenderHelpdesk: p,
+        history: a,
+        showReadyWSHD: m,
+        setShowReadyWSHD: y
+      },
+      children: e
+    }
+  );
+}, gn = de({}), Ct = () => ue(gn), mt = ({ children: e }) => {
+  const { objInitPayload: n } = I(), [o, c] = _({}), l = () => {
+    var s;
+    (s = ye(
+      `${(n == null ? void 0 : n.uriService) || tt}optional/translations`
+    )) == null || s.then(({ data: r }) => {
+      var a;
+      if (r) {
+        const d = Object.keys((a = Object.values(r)) == null ? void 0 : a[0]), f = {};
+        d == null || d.forEach((C) => {
+          var T;
+          (T = Object.keys(r)) == null || T.forEach((b) => {
+            var k;
+            f[C == null ? void 0 : C.toLowerCase()] = (k = r == null ? void 0 : r[b]) == null ? void 0 : k[C];
+          });
+        }), c(f);
+      }
+    });
+  }, i = () => {
+    const s = window.indexedDB.open("language");
+    s.onsuccess = (r) => {
+      var d;
+      const a = r.target.result;
+      try {
+        const C = a.transaction("keyvaluepairs", "readonly").objectStore("keyvaluepairs"), T = C == null ? void 0 : C.get((d = n == null ? void 0 : n.lang) == null ? void 0 : d.toLowerCase());
+        T.onsuccess = () => {
+          c(T == null ? void 0 : T.result);
+        }, T.onerror = () => {
+          l();
+        };
+      } catch {
+        l();
+      }
+    }, s.onerror = () => {
+      l();
+    };
+  };
+  return W(() => {
+    i();
+  }, [n == null ? void 0 : n.uriService, n == null ? void 0 : n.lang]), /* @__PURE__ */ t(gn.Provider, { value: { langDatas: o }, children: e });
+}, Cn = de({}), ee = () => ue(Cn), Tt = ({ children: e }) => {
+  var H;
+  const [n, o] = _([]), [c, l] = _(!1), [i, s] = _(!1), [r, a] = _({}), [d, f] = _(!1), [C, T] = _(!1), {
+    objInitPayload: b,
+    widgetProps: k,
+    setOpenWidget: x,
+    setFirstOpenWidget: E,
+    isFirstRenderHelpdesk: w
+  } = I(), g = B(null), u = B(""), m = B(""), y = (v) => {
+    const N = X(v, "text_feedback_link") && X(v, "text");
+    o((z) => {
+      const M = [
+        ...z,
+        {
+          ...v,
+          ...N && {
+            type: "text"
+          },
+          sender: "response"
+        }
+      ];
+      return at(M);
+    }), l(!1), s(!1), se();
+  }, p = () => {
+    var v, N, z, M;
+    (v = g == null ? void 0 : g.current) == null || v.emit("session_request", { session_id: null }), (N = g == null ? void 0 : g.current) == null || N.on("session_confirm", ($) => {
+      u.current = $, pe({
+        session_id: $ == null ? void 0 : $.session_id
+      });
+    }), (z = g == null ? void 0 : g.current) == null || z.on(Xn, y), (M = g == null ? void 0 : g.current) == null || M.on(jn, ($) => {
+      const G = JSON.parse($ || "{}");
+      X(G, "iswidget") && T(G == null ? void 0 : G.iswidget);
+    }), d || f(!0), E(!1);
+  }, D = ({
+    msg: v,
+    additionalConfig: N = {},
+    isShowLoadingResponse: z = !0
+  }) => {
+    var M;
+    (M = g == null ? void 0 : g.current) == null || M.emit(Jn, {
+      customData: {
+        language: b == null ? void 0 : b.lang
+      },
+      message: v,
+      session_id: u == null ? void 0 : u.current,
+      ...N
+    }), z ? l(!0) : s(!0);
+  }, O = () => {
+    var N, z;
+    g.current && ((N = g == null ? void 0 : g.current) == null || N.off(), (z = g == null ? void 0 : g.current) == null || z.disconnect(), g.current = null), w.current = !1;
+    const v = Vn(
+      `${dt(k == null ? void 0 : k.socketURL)}://${ln(
+        k == null ? void 0 : k.socketURL
+      )}`,
+      {
+        path: k == null ? void 0 : k.socketPath,
+        transports: ["websocket"],
+        reconnection: !0,
+        reconnectionAttempts: 1
+      }
+    );
+    v.on("connect", p), v.on("connect_error", (M) => {
+      console.error("connect_error widget-chatbot : ", {
+        err: M,
+        socketURL: k == null ? void 0 : k.socketURL,
+        socketPath: k == null ? void 0 : k.widgetProps
+      });
+    }), v.io.on("reconnect", () => {
+      console.error("reconnect widget-chatbot : ", {
+        socketURL: k == null ? void 0 : k.socketURL,
+        socketPath: k == null ? void 0 : k.widgetProps
+      });
+    }), g.current = v;
+  }, V = () => {
+    var v;
+    (!((v = g == null ? void 0 : g.current) != null && v.connected) || !d) && (O(), x(!1));
+  }, U = () => {
+    f(!1);
+  };
+  return W(() => (x(!1), O(), window.addEventListener("online", V), window.addEventListener("offline", U), () => {
+    var v, N;
+    g.current && ((v = g.current) == null || v.off("connect", p), (N = g.current) == null || N.disconnect(), g.current = null), window.removeEventListener("online", V), window.removeEventListener("offline", U);
+  }), [
+    JSON.stringify(b || {}),
+    k == null ? void 0 : k.socketURL,
+    k == null ? void 0 : k.socketPath
+  ]), /* @__PURE__ */ t(
+    Cn.Provider,
+    {
+      value: {
+        setChats: o,
+        chats: n,
+        onSendMsg: D,
+        isWaitResponse: c,
+        socket: g == null ? void 0 : g.current,
+        sessionId: (H = u == null ? void 0 : u.current) == null ? void 0 : H.session_id,
+        loadingRegenerate: i,
+        file: r,
+        setFile: a,
+        connected: d,
+        isHandshakeWidget: C,
+        createSocket: O,
+        currRegenerateId: m
+      },
+      children: e
+    }
+  );
+}, bt = {
+  '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"
+  }
+}, yt = (e) => e.replace(/[^a-zA-Z0-9_]/g, "").trim(), A = (e = "", n) => {
+  var s;
+  const { langDatas: o } = Ct(), c = localStorage == null ? void 0 : localStorage.getItem("show_text_id"), l = yt(String(e)), i = (o == null ? void 0 : o[l == null ? void 0 : l.toUpperCase()]) || n;
+  return ((s = Object.keys(o || {})) == null ? void 0 : s.length) > 0 ? c ? `WPUI_${l}` : i : n;
+}, ht = ({ isFeedback: e = !1, open: n, ...o }) => {
+  var l;
+  const c = L(() => e ? "w-modal-container-feedback" : "", [e]);
+  return Te != null && Te.startsWith("5") ? /* @__PURE__ */ t(
+    Je,
+    {
+      rootClassName: c,
+      ...o,
+      open: n,
+      getContainer: "#w-widget-content",
+      maskProps: {
+        style: {
+          backdropFilter: "blur(4px)"
+        }
+      },
+      width: 300,
+      style: {
+        ...Object.keys((o == null ? void 0 : o.style) || {}).length > 0 && {
+          ...o == null ? void 0 : o.style
+        },
+        top: 20
+      }
+    }
+  ) : (
+    // <div className={rootClassName}>
+    /* @__PURE__ */ t(
+      Je,
+      {
+        getContainer: "#w-widget-content",
+        width: 300,
+        ...o,
+        ...be != null && be.startsWith("18") ? {
+          open: n
+        } : { visible: n },
+        maskStyle: {
+          backdropFilter: "blur(4x)",
+          ...((l = Object.keys((o == null ? void 0 : o.maskStyle) || {})) == null ? void 0 : l.length) > 0 && {
+            ...o == null ? void 0 : o.maskStyle
+          }
+        },
+        style: {
+          ...Object.keys((o == null ? void 0 : o.style) || {}).length > 0 && {
+            ...o == null ? void 0 : o.style
+          },
+          top: 20
+        }
+      }
+    )
+  );
+}, mn = S(ht), nn = ({ props: e, isModal: n = !1 }) => {
+  const o = (c, l) => {
+    var i;
+    return (i = Dn) == null ? void 0 : i.map(c, (s) => {
+      var r, a, d;
+      return !On(s) || ((r = Object.keys((s == null ? void 0 : s.props) || {})) == null ? void 0 : r.length) === 0 ? s : Nn(s, {
+        ...s == null ? void 0 : s.props,
+        ...(s == null ? void 0 : s.type) === "thead" && {
+          className: "ant-table-thead"
+        },
+        ...((s == null ? void 0 : s.type) === "th" || (s == null ? void 0 : s.type) === "td") && {
+          className: "ant-table-cell",
+          ...(s == null ? void 0 : s.type) === "th" && {
+            style: {
+              background: "var(--primary-color, #395ebc)",
+              color: "#ffffff",
+              minWidth: 180
+            }
+          }
+        },
+        ...s.type === "tr" && l === "tbody" && {
+          className: "ant-table-row"
+        },
+        ...(s == null ? void 0 : s.type) === "tbody" && {
+          className: "ant-table-tbody"
+        },
+        children: (a = s == null ? void 0 : s.props) != null && a.children ? o((d = s == null ? void 0 : s.props) == null ? void 0 : d.children, s == null ? void 0 : s.type) : s == null ? void 0 : s.props
+      });
+    });
+  };
+  return /* @__PURE__ */ t(Q, { children: /* @__PURE__ */ t("div", { className: "ant-table", children: /* @__PURE__ */ t("div", { className: "ant-table-container", children: /* @__PURE__ */ t(
+    "div",
+    {
+      className: "ant-table-content",
+      style: {
+        overflow: "scroll",
+        maxWidth: n ? "100%" : 330,
+        maxHeight: n ? "100%" : 360
+      },
+      children: /* @__PURE__ */ t("table", { className: "wp-md-table", ...e, children: o(e == null ? void 0 : e.children, "") })
+    }
+  ) }) }) });
+}, kt = ({ children: e }) => {
+  const n = A(
+    "OpenDetailTable",
+    "Open Detail Table"
+  ), o = A("TableDetail", "Tabel Detail"), [c, l] = _(!1);
+  return /* @__PURE__ */ t(zn, { remarkPlugins: [Gn], components: {
+    table: ({ ...s }) => /* @__PURE__ */ h(Q, { children: [
+      /* @__PURE__ */ t(nn, { props: s }),
+      /* @__PURE__ */ t(
+        "div",
+        {
+          style: {
+            display: "flex",
+            justifyContent: "center",
+            padding: "5px 0px 10px 0px"
+          },
+          children: /* @__PURE__ */ t(
+            R,
+            {
+              onClick: () => {
+                l(!0);
+              },
+              children: n
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ t(
+        mn,
+        {
+          getContainer: () => document.body,
+          footer: null,
+          title: o,
+          width: 800,
+          open: c,
+          onCancel: () => {
+            l(!1);
+          },
+          children: /* @__PURE__ */ t(nn, { props: s, isModal: !0 })
+        }
+      )
+    ] }),
+    code: ({ ...s }) => {
+      const { children: r, className: a, ...d } = s, f = /language-(\w+)/.exec(a || "");
+      return f ? /* @__PURE__ */ t(
+        Kn,
+        {
+          ...d,
+          PreTag: "div",
+          language: f[1],
+          style: bt,
+          children: String(r).replace(/\n$/, "")
+        }
+      ) : /* @__PURE__ */ t(F.Text, { code: !0, children: s == null ? void 0 : s.children });
+    }
+  }, children: e });
+}, Tn = S(kt), At = () => /* @__PURE__ */ t(
+  "svg",
+  {
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ t(
+      "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"
+      }
+    )
+  }
+), wt = () => /* @__PURE__ */ t(
+  "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__ */ t(
+      "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"
+      }
+    )
+  }
+), Et = () => /* @__PURE__ */ h(
+  "svg",
+  {
+    viewBox: "64 64 896 896",
+    focusable: "false",
+    width: "14",
+    height: "14",
+    "aria-hidden": "true",
+    fill: "white",
+    children: [
+      /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("style", {}) }),
+      /* @__PURE__ */ t("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" })
+    ]
+  }
+), St = () => /* @__PURE__ */ h(
+  "svg",
+  {
+    viewBox: "-2.4 -2.4 28.80 28.80",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [
+      /* @__PURE__ */ t("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }),
+      /* @__PURE__ */ t(
+        "g",
+        {
+          id: "SVGRepo_tracerCarrier",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ),
+      /* @__PURE__ */ t("g", { id: "SVGRepo_iconCarrier", children: /* @__PURE__ */ t(
+        "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)"
+        }
+      ) })
+    ]
+  }
+), xt = () => /* @__PURE__ */ t("span", { role: "img", "aria-label": "sync", className: "anticon anticon-sync", children: /* @__PURE__ */ t(
+  "svg",
+  {
+    viewBox: "64 64 896 896",
+    focusable: "false",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    children: /* @__PURE__ */ t("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" })
+  }
+) }), Lt = () => /* @__PURE__ */ t("span", { role: "img", "aria-label": "left", className: "anticon anticon-left", children: /* @__PURE__ */ t(
+  "svg",
+  {
+    viewBox: "64 64 896 896",
+    focusable: "false",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    children: /* @__PURE__ */ t("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" })
+  }
+) }), vt = () => /* @__PURE__ */ t("span", { role: "img", "aria-label": "right", className: "anticon anticon-right", children: /* @__PURE__ */ t(
+  "svg",
+  {
+    viewBox: "64 64 896 896",
+    focusable: "false",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    children: /* @__PURE__ */ t("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" })
+  }
+) }), _t = ({ ...e }) => /* @__PURE__ */ t("span", { role: "img", "aria-label": "like", className: "anticon anticon-like", children: /* @__PURE__ */ h(
+  "svg",
+  {
+    viewBox: "64 64 896 896",
+    focusable: "false",
+    "data-icon": "like",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    children: [
+      /* @__PURE__ */ t(
+        "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__ */ t(
+        "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"
+        }
+      )
+    ]
+  }
+) }), pt = ({ ...e }) => /* @__PURE__ */ t("span", { role: "img", "aria-label": "dislike", className: "anticon anticon-dislike", children: /* @__PURE__ */ h(
+  "svg",
+  {
+    viewBox: "64 64 896 896",
+    focusable: "false",
+    "data-icon": "dislike",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    children: [
+      /* @__PURE__ */ t(
+        "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__ */ t(
+        "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"
+        }
+      )
+    ]
+  }
+) }), Dt = () => /* @__PURE__ */ t("span", { role: "img", "aria-label": "delete", className: "anticon anticon-delete", children: /* @__PURE__ */ t(
+  "svg",
+  {
+    viewBox: "64 64 896 896",
+    focusable: "false",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    children: /* @__PURE__ */ t("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" })
+  }
+) }), Ot = () => /* @__PURE__ */ t("span", { role: "img", "aria-label": "close", className: "anticon anticon-close", children: /* @__PURE__ */ t(
+  "svg",
+  {
+    fillRule: "evenodd",
+    viewBox: "64 64 896 896",
+    focusable: "false",
+    "data-icon": "close",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    children: /* @__PURE__ */ t("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" })
+  }
+) }), Nt = () => /* @__PURE__ */ t("span", { role: "img", "aria-label": "upload", className: "anticon anticon-upload", children: /* @__PURE__ */ t(
+  "svg",
+  {
+    viewBox: "64 64 896 896",
+    focusable: "false",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    children: /* @__PURE__ */ t("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" })
+  }
+) }), Mt = () => /* @__PURE__ */ t("span", { role: "img", "aria-label": "filter", className: "anticon anticon-filter", children: /* @__PURE__ */ t(
+  "svg",
+  {
+    viewBox: "64 64 896 896",
+    focusable: "false",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    children: /* @__PURE__ */ t("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" })
+  }
+) }), Rt = () => /* @__PURE__ */ t("span", { role: "img", "aria-label": "down", className: "anticon anticon-down", children: /* @__PURE__ */ t(
+  "svg",
+  {
+    viewBox: "64 64 896 896",
+    focusable: "false",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    children: /* @__PURE__ */ t("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" })
+  }
+) }), Ft = () => /* @__PURE__ */ t(
+  "span",
+  {
+    role: "img",
+    "aria-label": "paper-clip",
+    className: "anticon anticon-paper-clip",
+    children: /* @__PURE__ */ t(
+      "svg",
+      {
+        viewBox: "64 64 896 896",
+        focusable: "false",
+        width: "1em",
+        height: "1em",
+        fill: "currentColor",
+        "aria-hidden": "true",
+        children: /* @__PURE__ */ t("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" })
+      }
+    )
+  }
+), Ht = () => /* @__PURE__ */ t(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "18",
+    height: "18",
+    viewBox: "0 0 32 32",
+    fill: "none",
+    children: /* @__PURE__ */ t(
+      "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"
+      }
+    )
+  }
+), Bt = () => /* @__PURE__ */ t("span", { role: "img", "aria-label": "smile", className: "anticon anticon-smile", children: /* @__PURE__ */ t(
+  "svg",
+  {
+    viewBox: "64 64 896 896",
+    focusable: "false",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    children: /* @__PURE__ */ t("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" })
+  }
+) }), $t = () => /* @__PURE__ */ t("span", { role: "img", "aria-label": "file", className: "anticon anticon-file", children: /* @__PURE__ */ t(
+  "svg",
+  {
+    viewBox: "64 64 896 896",
+    focusable: "false",
+    width: 24,
+    height: 24,
+    fill: "currentColor",
+    "aria-hidden": "true",
+    children: /* @__PURE__ */ t("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" })
+  }
+) }), It = ({ ...e }) => /* @__PURE__ */ t("span", { role: "img", "aria-label": "loading", ...e, children: /* @__PURE__ */ t(
+  "svg",
+  {
+    viewBox: "0 0 1024 1024",
+    focusable: "false",
+    "data-icon": "loading",
+    width: 52,
+    height: 52,
+    fill: "currentColor",
+    "aria-hidden": "true",
+    children: /* @__PURE__ */ t("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" })
+  }
+) }), K = ({ type: e = "", chatProps: n, ...o }) => {
+  const c = L(() => ({
+    minimize: At,
+    expand: wt,
+    send: Et,
+    stop: St,
+    sync: xt,
+    left: Lt,
+    right: vt,
+    like: () => /* @__PURE__ */ t(_t, { ...n }),
+    dislike: () => /* @__PURE__ */ t(pt, { ...n }),
+    delete: Dt,
+    close: Ot,
+    upload: Nt,
+    filter: Mt,
+    down: Rt,
+    "paper-clip": Ft,
+    "chat-bubble": Ht,
+    smile: Bt,
+    file: $t,
+    loading: () => /* @__PURE__ */ t(It, { ...o })
+  }), [e, n]);
+  return /* @__PURE__ */ t(Yn, { component: c == null ? void 0 : c[e], ...o });
+}, bn = de({}), le = () => ue(bn), Ut = ({ children: e }) => {
+  const [n, o] = _("va"), c = L(() => n === "va", [n]);
+  return /* @__PURE__ */ t(
+    bn.Provider,
+    {
+      value: {
+        activeTab: n,
+        setActiveTab: o,
+        isActiveTabVA: c
+      },
+      children: e
+    }
+  );
+}, Wt = ({ ...e }) => {
+  const n = A(
+    "WeLoveToHearAboutYourExperienceWithTheSunfishChatbot",
+    "We'd love to hear about your experience with the Sunfish chatbot"
+  ), o = A(
+    "ShareAnyCommentsOrSuggestionsToHelpUsImprove",
+    "Share any comments or suggestions to help us improve"
+  ), c = A("Submit", "Submit"), l = A(
+    "ThankFeedback",
+    "Thank You for your feedback"
+  ), i = A(
+    "AdditionalFeedback",
+    "Additional Feedback"
+  ), [s] = J.useForm(), [r, a] = _(!1), [d, f] = _(""), { setChats: C } = ee(), { objInitPayload: T } = I(), { activeTab: b } = le(), k = L(() => {
+    var u;
+    const g = X(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" && ((u = e == null ? void 0 : e.text_thumbsup_link) == null ? void 0 : u.trim()) !== "" && g;
+  }, [e]), x = L(() => {
+    var u;
+    const g = X(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" && ((u = e == null ? void 0 : e.text_thumbsdown_link) == null ? void 0 : u.trim()) !== "" && g;
+  }, [e]), E = L(() => {
+    if (T != null && T.uriBackend)
+      try {
+        return new URL(T.uriBackend).origin;
+      } catch {
+        return "";
+      }
+    return "";
+  }, [T == null ? void 0 : T.uriBackend]), w = (g) => {
+    var H;
+    const u = g === "like" ? e == null ? void 0 : e.text_thumbsup_link : e == null ? void 0 : e.text_thumbsdown_link, {
+      access_token: m = "",
+      companycode: y = "",
+      companyid: p = "",
+      uriBackend: D = "",
+      uriBackendEnt: O = "",
+      lang: V = ""
+    } = T || {}, U = d === "another" ? s == null ? void 0 : s.getFieldValue("ADDITIONAL_FEEDBACK") : d;
+    (H = ye({
+      method: "POST",
+      url: u,
+      data: {
+        message_id: e == null ? void 0 : e.id,
+        response_type: g === "like" ? "up" : "down",
+        ...g === "dislike" && {
+          additional_feedback: U
+        }
+      },
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${m}`,
+        "company-code": `${y}`,
+        "company-id": `${p}`,
+        uriBackend: `${D}`,
+        uriBackendEnt: `${O}`,
+        "custom-origin": `${E}`,
+        "Acc-Name": `${y.toUpperCase()}`,
+        Language: `${V}`
+      }
+    })) == null || H.then((v) => {
+      var N, z, M;
+      (v == null ? void 0 : v.status) === 200 && (r && a(!1), (N = ce) == null || N.destroy(), (z = ce) == null || z.config({
+        getContainer: () => document.querySelector(".w-widget-content-container"),
+        top: 28,
+        placement: "top",
+        duration: 3
+      }), (M = ce) == null || M.success({
+        message: l,
+        className: "w-notification-content"
+      }), C(($) => {
+        var G;
+        return (G = $ == null ? void 0 : $.map((Y) => {
+          var q;
+          if (X(Y, "chats")) {
+            const re = (q = Y == null ? void 0 : Y.chats) == null ? void 0 : q.map((oe) => (oe == null ? void 0 : oe.indexChat) === (e == null ? void 0 : e.indexChat) ? {
+              ...oe,
+              feedback: g
+            } : oe);
+            return {
+              ...Y,
+              chats: re
+            };
+          }
+          return (e == null ? void 0 : e.message_id) === (Y == null ? void 0 : Y.message_id) ? {
+            ...Y,
+            feedback: g
+          } : Y;
+        })) == null ? void 0 : G.flat();
+      }));
+    });
+  };
+  return W(() => {
+    var g;
+    (g = ce) == null || g.destroy();
+  }, [b]), /* @__PURE__ */ h(Q, { children: [
+    k && /* @__PURE__ */ t(
+      R,
+      {
+        icon: /* @__PURE__ */ t(K, { type: "like", chatProps: e }),
+        onClick: () => {
+          (e == null ? void 0 : e.feedback) !== "like" && w("like");
+        }
+      }
+    ),
+    x && /* @__PURE__ */ t(
+      R,
+      {
+        icon: /* @__PURE__ */ t(K, { type: "dislike", chatProps: e }),
+        onClick: () => {
+          (e == null ? void 0 : e.feedback) !== "dislike" && a(!0);
+        }
+      }
+    ),
+    /* @__PURE__ */ h(
+      mn,
+      {
+        open: r,
+        isFeedback: !0,
+        okText: c,
+        onCancel: () => {
+          a(!1);
+        },
+        onOk: () => {
+          w("dislike");
+        },
+        children: [
+          /* @__PURE__ */ t("p", { style: { textAlign: "center", fontWeight: 600, fontSize: 14 }, children: n }),
+          /* @__PURE__ */ h("p", { style: { textAlign: "center" }, children: [
+            o,
+            "!"
+          ] }),
+          /* @__PURE__ */ t(
+            Fn.Group,
+            {
+              className: "w-list-feedback-suggestion",
+              options: et,
+              optionType: "button",
+              buttonStyle: "solid",
+              onChange: (g) => {
+                var u;
+                f((u = g == null ? void 0 : g.target) == null ? void 0 : u.value);
+              }
+            }
+          ),
+          d === "another" && /* @__PURE__ */ h(Q, { children: [
+            /* @__PURE__ */ t(Hn, { children: i }),
+            /* @__PURE__ */ t(J, { form: s, layout: "vertical", children: /* @__PURE__ */ t(J.Item, { name: "ADDITIONAL_FEEDBACK", children: /* @__PURE__ */ t(Ee.TextArea, { rows: 3 }) }) })
+          ] })
+        ]
+      }
+    )
+  ] });
+}, Vt = S(Wt), zt = ({
+  showFeedback: e = !0,
+  showRegenerate: n = !0,
+  position: o = "left",
+  ...c
+}) => {
+  const l = rt(), { chats: i, onSendMsg: s, setChats: r, loadingRegenerate: a, currRegenerateId: d } = ee(), f = L(() => c == null ? void 0 : c.sender, [c]), C = L(() => i == null ? void 0 : i.filter((E) => (E == null ? void 0 : E.sender) === "client"), [i]), T = L(() => n && f === "response" && (C == null ? void 0 : C.length) > 0 && (c == null ? void 0 : c.indexChat) === (i == null ? void 0 : i.length) - 1, [f, C, i, c == null ? void 0 : c.indexChat, n]), b = L(() => {
+    switch (o) {
+      case "left":
+        return "flex-start";
+      case "center":
+        return "center";
+      case "right":
+        return "flex-end";
+    }
+  }, [o]), k = L(() => e && (c == null ? void 0 : c.text_FeedbackIcons) === "hidup", [c, e]), x = () => {
+    const E = C == null ? void 0 : C[(C == null ? void 0 : C.length) - 1], w = i == null ? void 0 : i[(i == null ? void 0 : i.length) - 1];
+    r(
+      (g = []) => g == null ? void 0 : g.map((u, m) => m === (g == null ? void 0 : g.length) - 1 && (u == null ? void 0 : u.sender) === "response" ? {
+        ...u,
+        generated_id: (w == null ? void 0 : w.generated_id) ?? l
+        // adjust with response
+      } : u)
+    ), d.current = (w == null ? void 0 : w.generated_id) ?? l, s({
+      msg: E == null ? void 0 : E.text,
+      additionalConfig: {
+        generate_id: (w == null ? void 0 : w.generated_id) ?? l
+      },
+      isShowLoadingResponse: a
+    }), se();
+  };
+  return /* @__PURE__ */ t(Q, { children: /* @__PURE__ */ h(
+    "div",
+    {
+      style: {
+        display: "flex",
+        gap: 8,
+        justifyContent: b
+      },
+      children: [
+        T && /* @__PURE__ */ t(
+          R,
+          {
+            loading: a,
+            icon: /* @__PURE__ */ t(K, { type: "sync" }),
+            onClick: () => {
+              x();
+            }
+          }
+        ),
+        k && /* @__PURE__ */ t(Vt, { ...c })
+      ]
+    }
+  ) });
+}, Be = S(zt), Gt = ({ nameFallback: e = "", ...n }) => /* @__PURE__ */ t(
+  Bn,
+  {
+    ...typeof (n == null ? void 0 : n.onError) != "function" && {
+      fallback: Ge(e)
+    },
+    placeholder: /* @__PURE__ */ t(P.Image, { style: { width: "100%", height: "100%" } }),
+    loading: "lazy",
+    ...n
+  }
+), Ke = S(Gt), Kt = ({ nameFallback: e = "", ...n }) => {
+  const o = B(0);
+  return /* @__PURE__ */ t(
+    tn,
+    {
+      ...n,
+      src: /* @__PURE__ */ t(
+        Ke,
+        {
+          src: n == null ? void 0 : n.src,
+          nameFallback: e,
+          ...n,
+          onError: (c) => {
+            o.current += 1, (o == null ? void 0 : o.current) < 3 ? c.target.src = un(n == null ? void 0 : n.src) : c.target.src = Ge(e);
+          }
+        }
+      )
+    }
+  );
+}, ae = S(Kt);
+ae.Group = tn.Group;
+const Yt = () => /* @__PURE__ */ h("div", { className: "lds-ellipsis", children: [
+  /* @__PURE__ */ t("div", {}),
+  /* @__PURE__ */ t("div", {}),
+  /* @__PURE__ */ t("div", {}),
+  /* @__PURE__ */ t("div", {})
+] }), yn = S(Yt), qt = () => {
+  const { widgetProps: e } = I();
+  return /* @__PURE__ */ h("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
+    /* @__PURE__ */ t(ae, { src: ve, nameFallback: e == null ? void 0 : e.title }),
+    /* @__PURE__ */ t(yn, {})
+  ] });
+}, Ye = S(qt), Qt = ({ src: e, name: n }) => /* @__PURE__ */ h("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
+  /* @__PURE__ */ t(ae, { src: e, preview: !1, nameFallback: n }),
+  /* @__PURE__ */ t(F.Text, { children: n })
+] }), Se = S(Qt), Zt = ({ ...e }) => {
+  var f, C;
+  const [n, o] = _(1), { loadingRegenerate: c, currRegenerateId: l } = ee(), { isExpand: i, widgetProps: s } = I(), r = L(() => e == null ? void 0 : e.sender, [e]), a = L(() => e == null ? void 0 : e.chats, [e == null ? void 0 : e.chats]), d = L(() => {
+    const T = a == null ? void 0 : a[(a == null ? void 0 : a.length) - 1];
+    return (T == null ? void 0 : T.generated_id) === l.current;
+  }, [a, e, l.current]);
+  return W(() => {
+    !c && (a == null ? void 0 : a.length) > 0 && (o(a == null ? void 0 : a.length), se());
+  }, [c]), c && d ? /* @__PURE__ */ t(Ye, {}) : /* @__PURE__ */ h(Q, { children: [
+    r === "response" && /* @__PURE__ */ t(Se, { name: s == null ? void 0 : s.title, src: ve }),
+    /* @__PURE__ */ t("div", { style: { display: "flex", gap: 8 }, children: a == null ? void 0 : a.map((T, b) => {
+      var E;
+      const k = b === ((E = e == null ? void 0 : e.chats) == null ? void 0 : E.length) - 1, x = n === b + 1;
+      return /* @__PURE__ */ h(
+        "div",
+        {
+          style: {
+            display: x ? "flex" : "none",
+            flexDirection: "column",
+            gap: 8
+          },
+          className: "w-fade-in-animate",
+          children: [
+            /* @__PURE__ */ t(
+              "div",
+              {
+                ...k && {
+                  className: `w-regenerate-chat-last ${i ? "w-regenerate-chat-last-expand" : ""}`
+                },
+                children: /* @__PURE__ */ h(
+                  "div",
+                  {
+                    className: `w-bubble-chat w-bubble-chat-regenerate  ${`w-${r}`} ${i ? "w-bubble-chat-regenerate-expand" : ""}`,
+                    children: [
+                      /* @__PURE__ */ t(Tn, { children: T == null ? void 0 : T.text }),
+                      r === "response" && /* @__PURE__ */ t("span", { style: { fontSize: 12, color: "rgba(0,0,0,0.4)" }, children: T == null ? void 0 : T.timestamp })
+                    ]
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ t(
+              Be,
+              {
+                showFeedback: !0,
+                showRegenerate: !1,
+                ...T
+              }
+            )
+          ]
+        },
+        b
+      );
+    }) }),
+    /* @__PURE__ */ h("div", { style: { display: "flex", gap: 8, justifyContent: "center" }, children: [
+      /* @__PURE__ */ t(
+        Be,
+        {
+          showRegenerate: !0,
+          showFeedback: !1,
+          ...e
+        }
+      ),
+      /* @__PURE__ */ h("div", { style: { display: "flex", gap: 4, alignItems: "center" }, children: [
+        /* @__PURE__ */ t(
+          R,
+          {
+            size: "small",
+            shape: "circle",
+            disabled: n === 1,
+            icon: /* @__PURE__ */ t(K, { type: "left" }),
+            onClick: () => {
+              n > 1 && o((T) => T - 1);
+            }
+          }
+        ),
+        /* @__PURE__ */ h(F.Text, { children: [
+          n,
+          " / ",
+          (f = e == null ? void 0 : e.chats) == null ? void 0 : f.length
+        ] }),
+        /* @__PURE__ */ t(
+          R,
+          {
+            size: "small",
+            shape: "circle",
+            disabled: n === ((C = e == null ? void 0 : e.chats) == null ? void 0 : C.length),
+            icon: /* @__PURE__ */ t(K, { type: "right" }),
+            onClick: () => {
+              var T;
+              n < ((T = e == null ? void 0 : e.chats) == null ? void 0 : T.length) && o((b) => b + 1);
+            }
+          }
+        )
+      ] })
+    ] })
+  ] });
+}, Jt = S(Zt), Xt = ({ date: e, format: n, sender: o, ...c }) => {
+  var l, i;
+  return /* @__PURE__ */ t(
+    F.Text,
+    {
+      ...c,
+      type: "secondary",
+      style: {
+        display: "block",
+        fontSize: 12,
+        ...o === "client" && {
+          textAlign: "right"
+        },
+        ...((l = Object.keys((c == null ? void 0 : c.style) || {})) == null ? void 0 : l.length) > 0 && {
+          ...c == null ? void 0 : c.style
+        }
+      },
+      children: n ? (i = j(e)) == null ? void 0 : i.format(n) : e
+    }
+  );
+}, xe = S(Xt), jt = ({ ...e }) => {
+  var s;
+  const { loadingRegenerate: n, chats: o } = ee(), { widgetProps: c } = I(), l = L(() => (o == null ? void 0 : o.length) - 1 === (e == null ? void 0 : e.indexChat), [o]), i = L(() => e == null ? void 0 : e.sender, [e]);
+  return ((s = e == null ? void 0 : e.chats) == null ? void 0 : s.length) > 0 ? /* @__PURE__ */ t(Jt, { ...e }) : n && l ? /* @__PURE__ */ t(Ye, {}) : /* @__PURE__ */ h(Q, { children: [
+    i === "response" && /* @__PURE__ */ t(Se, { name: c == null ? void 0 : c.title, src: ve }),
+    /* @__PURE__ */ h("div", { className: `w-bubble-chat ${`w-${i}`}`, children: [
+      /* @__PURE__ */ t(Tn, { children: e == null ? void 0 : e.text }),
+      /* @__PURE__ */ t(xe, { date: e == null ? void 0 : e.timestamp, sender: i })
+    ] }),
+    /* @__PURE__ */ t(Be, { ...e })
+  ] });
+}, we = S(jt), Pt = () => {
+  const e = A(
+    "PleaseUploadFile",
+    "Please upload specify file that needed to complete your request"
+  ), n = A("ClickToUpload", "Click to upload"), o = A(
+    "ContinueWithoutUpload",
+    "Continue without upload"
+  ), { onSendMsg: c, setFile: l } = ee(), i = () => {
+    c({
+      msg: "CANCEL UPLOAD"
+    });
+  };
+  return /* @__PURE__ */ h(
+    "div",
+    {
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        gap: 4,
+        marginBottom: 12
+      },
+      children: [
+        /* @__PURE__ */ t(we, { sender: "response", text: `${e}...` }),
+        /* @__PURE__ */ h("div", { style: { display: "flex", gap: 8 }, children: [
+          /* @__PURE__ */ t(
+            on,
+            {
+              className: "btn_upload",
+              beforeUpload: () => !1,
+              fileList: [],
+              accept: ".doc, .jpg, .ods, .png, .txt, .docx, .pdf",
+              onChange: (s) => {
+                l(s == null ? void 0 : s.file);
+              },
+              children: /* @__PURE__ */ t(R, { icon: /* @__PURE__ */ t(K, { type: "upload" }), children: n })
+            }
+          ),
+          /* @__PURE__ */ t(R, { type: "dashed", onClick: i, children: o })
+        ] })
+      ]
+    }
+  );
+}, eo = S(Pt), no = () => {
+  const [e, n] = _(!1), [o, c] = _(!1), [l, i] = _(!1), [s, r] = _(3), [a, d] = _(!1), [f, C] = _(""), { widgetProps: T } = I(), { onSendMsg: b, chats: k } = ee(), { onSubmitPYPwd: x = () => {
+  }, onCheckPYAccess: E = () => {
+  } } = (T == null ? void 0 : T.onPayslipFn) || {}, w = A(
+    "ProvidePasswordPayslip",
+    "Please provide your password account to access the download"
+  ), g = A("Cancel", "Cancel"), u = A("Submit", "Submit"), m = A("Password", "Password"), y = A("IsRequired", "Is Required"), p = A(
+    "PasswordPayslipValid",
+    "Your password is valid. Please download the payslip file"
+  ), D = A(
+    "AttemptPasswordExceeded",
+    "Your attempt to enter the password exceeded the limit"
+  ), O = A(
+    "VerifyAccessPayslip",
+    "Please wait, verifying access to your payslip"
+  ), V = A(
+    "WrongPwdPayslip",
+    "The password you entered is incorrect. Please try again or contact support if you need assistance"
+  ), U = A(
+    "SessionExpired",
+    "Session expired. Please log in again to continue"
+  ), [H] = J.useForm(), v = () => {
+    var M, $, G;
+    i(!0), d(!0), (G = ($ = (M = E()) == null ? void 0 : M.then((Y) => {
+      var q, re;
+      const Z = (re = (q = Y == null ? void 0 : Y.data) == null ? void 0 : q.DATA) == null ? void 0 : re.RESULT;
+      Z && b({ msg: "Valid" }), n(Z), C("");
+    })) == null ? void 0 : $.catch((Y) => {
+      C(Y == null ? void 0 : Y.toString());
+    })) == null || G.finally(() => {
+      c(!1), d(!1);
+    });
+  }, N = () => {
+    b({ msg: "cancel" }), i(!1);
+  }, z = () => {
+    var $;
+    const M = H == null ? void 0 : H.getFieldValue("pwd");
+    ($ = H == null ? void 0 : H.validateFields()) == null || $.then(() => {
+      var G, Y;
+      c(!0), (Y = (G = x(M)) == null ? void 0 : G.then(({ data: Z }) => {
+        var q;
+        (q = Z == null ? void 0 : Z.DATA) != null && q.ISVALID ? v() : (C(V), r(s - 1), c(!1));
+      })) == null || Y.catch((Z) => {
+        var re, oe, qe, Qe, Ze;
+        const q = Z == null ? void 0 : Z.response;
+        if ((q == null ? void 0 : q.status) === 401) {
+          const vn = (oe = (re = q == null ? void 0 : q.data) == null ? void 0 : re.ERRORS) == null ? void 0 : oe.includes(
+            "ACCESS_TOKEN_EXPIRED"
+          ), _n = (Ze = (Qe = (qe = q == null ? void 0 : q.data) == null ? void 0 : qe.MESSAGE) == null ? void 0 : Qe.toLowerCase()) == null ? void 0 : Ze.includes(
+            "invalid password"
+          );
+          vn && C(U), _n && (C(V), r(s - 1), c(!1));
+        } else
+          C(Z == null ? void 0 : Z.toString());
+        c(!1);
+      });
+    });
+  };
+  return W(() => {
+    var $;
+    const M = k == null ? void 0 : k[(k == null ? void 0 : k.length) - 1];
+    (($ = M == null ? void 0 : M.attachment) == null ? void 0 : $.type) === "show_password_wp" && v();
+  }, []), l ? a ? /* @__PURE__ */ t(we, { sender: "response", text: `${O}...` }) : s === 0 ? /* @__PURE__ */ t(we, { sender: "response", text: D }) : f ? /* @__PURE__ */ t(we, { sender: "response", text: f }) : /* @__PURE__ */ h("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
+    /* @__PURE__ */ t(J, { form: H, layout: "vertical", children: /* @__PURE__ */ t(
+      J.Item,
+      {
+        name: "pwd",
+        label: e ? p : w,
+        rules: [
+          {
+            required: !0,
+            message: `${m} ${y}`
+          }
+        ],
+        children: /* @__PURE__ */ t(
+          Ee.Password,
+          {
+            ...e && {
+              disabled: !0,
+              style: {
+                display: "none"
+              }
+            }
+          }
+        )
+      }
+    ) }),
+    !e && /* @__PURE__ */ h("div", { style: { display: "flex", gap: 8 }, children: [
+      /* @__PURE__ */ t(R, { disabled: o, onClick: N, children: g }),
+      /* @__PURE__ */ t(R, { type: "primary", onClick: z, loading: o, children: u })
+    ] })
+  ] }) : null;
+}, to = S(no), oo = ({ ...e }) => {
+  const { objInitPayload: n } = I(), o = L(() => rn(n == null ? void 0 : n.access_token), [n]);
+  return /* @__PURE__ */ t(R, { onClick: () => {
+    var i, s;
+    const l = e == null ? void 0 : e.attachment;
+    (s = ye({
+      method: "POST",
+      url: l == null ? void 0 : l.endpoint,
+      data: l == null ? void 0 : l.body,
+      headers: {
+        Authorization: `Bearer ${n == null ? void 0 : n.access_token}`,
+        "Content-Type": l == null ? void 0 : l.headers["Content-Type"],
+        coid: n == null ? void 0 : n.companyid,
+        "Company-Id": n == null ? void 0 : n.companyid,
+        "Acc-Name": (i = o == null ? void 0 : o.INSTANCE) == null ? void 0 : i.toLowerCase()
+      },
+      responseType: "blob"
+    })) == null || s.then((r) => {
+      var T;
+      const a = (T = l == null ? void 0 : l.body) == null ? void 0 : T.media, d = `${l == null ? void 0 : l.filename}.${a}`, f = new Blob([r == null ? void 0 : r.data]), C = URL == null ? void 0 : URL.createObjectURL(f);
+      We({ downloadURL: C, fileName: d }), URL.revokeObjectURL(C);
+    });
+  }, children: "Download file" });
+}, co = S(oo), so = ({ ...e }) => {
+  const n = B(), o = A("DownloadChart", "Download Chart"), c = L(() => e == null ? void 0 : e.attachment, [e == null ? void 0 : e.attachment]), l = L(() => {
+    var s;
+    return (s = c == null ? void 0 : c.data) == null ? void 0 : s.map((r, a) => {
+      var d, f;
+      return {
+        label: (d = c == null ? void 0 : c.labels) == null ? void 0 : d[a],
+        value: r,
+        color: (f = c == null ? void 0 : c.colors) == null ? void 0 : f[a]
+      };
+    });
+  }, [c]), i = () => {
+    var r;
+    const s = (r = document == null ? void 0 : document.querySelector(".chart_widget canvas")) == null ? void 0 : r.toDataURL();
+    We({ fileName: c == null ? void 0 : c.title, downloadURL: s });
+  };
+  return /* @__PURE__ */ h(Q, { children: [
+    /* @__PURE__ */ t(
+      qn,
+      {
+        className: "chart_widget",
+        ref: n,
+        data: l,
+        angleField: "value",
+        colorField: "label",
+        label: {
+          text: "label",
+          style: {
+            fontWeight: "bold"
+          }
+        },
+        legend: {
+          color: {
+            title: !0,
+            position: "bottom",
+            rowPadding: 5
+          }
+        }
+      }
+    ),
+    /* @__PURE__ */ t("div", { style: { textAlign: "center" }, children: /* @__PURE__ */ t(
+      R,
+      {
+        onClick: () => {
+          i();
+        },
+        children: o
+      }
+    ) })
+  ] });
+}, lo = S(so), io = ({ ...e }) => {
+  var n, o, c, l, i;
+  switch (!0) {
+    case ((n = Ce(e)) == null ? void 0 : n.text):
+      return /* @__PURE__ */ t(we, { ...e });
+    case ((o = Ce(e)) == null ? void 0 : o.upload):
+      return /* @__PURE__ */ t(eo, { ...e });
+    case ((c = Ce(e)) == null ? void 0 : c.password):
+      return /* @__PURE__ */ t(to, { ...e });
+    case ((l = Ce(e)) == null ? void 0 : l.filedownload):
+      return /* @__PURE__ */ t(co, { ...e });
+    case ((i = Ce(e)) == null ? void 0 : i.chart):
+      return /* @__PURE__ */ t(lo, { ...e });
+    default:
+      return null;
+  }
+}, ro = S(io), ao = () => {
+  const { isOpenWidget: e, widgetProps: n } = I(), { chats: o, isWaitResponse: c } = ee(), { activeTab: l } = le();
+  return W(() => {
+    se();
+  }, [l]), e ? /* @__PURE__ */ h(Q, { children: [
+    /* @__PURE__ */ t("div", { className: "w-bubble-chat-container", children: o == null ? void 0 : o.map((i, s) => {
+      var a;
+      const r = (a = Ce(i)) == null ? void 0 : a.text;
+      return /* @__PURE__ */ h(He, { children: [
+        (i == null ? void 0 : i.sender) === "response" && !r && /* @__PURE__ */ t(
+          Se,
+          {
+            name: n == null ? void 0 : n.title,
+            src: ve
+          }
+        ),
+        /* @__PURE__ */ t(ro, { indexChat: s, ...i })
+      ] }, s);
+    }) }),
+    c && /* @__PURE__ */ t(Ye, {})
+  ] }) : null;
+}, uo = S(ao), fo = () => {
+  var u;
+  const e = A(
+    "ContinueWithoutUpload",
+    "Continue without Upload"
+  ), {
+    onSendMsg: n,
+    setChats: o,
+    isWaitResponse: c,
+    loadingRegenerate: l,
+    file: i,
+    setFile: s,
+    chats: r,
+    connected: a
+  } = ee(), { isActiveTabVA: d } = le(), f = L(() => {
+    var y;
+    const m = r == null ? void 0 : r[(r == null ? void 0 : r.length) - 1];
+    return (m == null ? void 0 : m.sender) === "response" && ((y = m == null ? void 0 : m.attachment) == null ? void 0 : y.type) === "fileuploader";
+  }, [r]), C = B(), [T, b] = _(!1), [k, x] = _(!1), E = L(() => c || !k, [k, c]), w = () => {
+    var p, D, O, V;
+    const m = (O = (D = (p = C == null ? void 0 : C.current) == null ? void 0 : p.resizableTextArea) == null ? void 0 : D.textArea) == null ? void 0 : O.value;
+    if (!(m != null && m.trim()) || c) return;
+    x(!1), n({ msg: m }), b(!T);
+    const y = {
+      text: m,
+      sender: "client",
+      type: "text",
+      timestamp: (V = j()) == null ? void 0 : V.format("hh:mm A")
+    };
+    o((U) => [...U, y]), se();
+  }, g = () => {
+    n({ msg: "SKIP_WAITING_RESPONSE" });
+  };
+  return W(() => {
+    var m;
+    C != null && C.current && d && ((m = C == null ? void 0 : C.current) == null || m.focus());
+  }, [d]), f ? /* @__PURE__ */ h("div", { className: "w-input-container", style: { alignItems: "center" }, children: [
+    /* @__PURE__ */ t(F.Text, { children: i == null ? void 0 : i.name }),
+    ((u = Object == null ? void 0 : Object.keys(i || {})) == null ? void 0 : u.length) > 0 ? /* @__PURE__ */ h("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
+      /* @__PURE__ */ t(
+        R,
+        {
+          danger: !0,
+          icon: /* @__PURE__ */ t(K, { type: "delete" }),
+          shape: "circle",
+          onClick: () => s({})
+        }
+      ),
+      /* @__PURE__ */ t(
+        R,
+        {
+          className: "w-send-btn",
+          style: { backgroundColor: "var(--primary-color, #395ebc)" },
+          icon: /* @__PURE__ */ t(K, { type: "send" }),
+          shape: "circle",
+          onClick: w
+        }
+      )
+    ] }) : /* @__PURE__ */ t(me, { title: e, children: /* @__PURE__ */ t(
+      R,
+      {
+        icon: /* @__PURE__ */ t(K, { type: "close" }),
+        shape: "circle",
+        onClick: () => {
+          n({
+            msg: "CANCEL UPLOAD"
+          });
+        }
+      }
+    ) })
+  ] }) : /* @__PURE__ */ h("div", { className: "w-input-container", children: [
+    /* @__PURE__ */ t(
+      Ee.TextArea,
+      {
+        className: "w-input-widget",
+        disabled: !a,
+        ref: C,
+        placeholder: "Type a message...",
+        onKeyDown: (m) => {
+          ((m == null ? void 0 : m.code) === "Enter" || (m == null ? void 0 : m.key) === "Enter") && !(m != null && m.shiftKey) && w();
+        },
+        onChange: ({ target: { value: m } }) => {
+          const y = /\S/;
+          pe({
+            input_va_value: m
+          }), m && (y != null && y.test(m)) ? x(!0) : m != null && m.trim() || x(!1);
+        }
+      },
+      T
+    ),
+    c || l ? /* @__PURE__ */ t(
+      R,
+      {
+        style: { border: "none" },
+        icon: /* @__PURE__ */ t(K, { type: "stop" }),
+        shape: "circle",
+        onClick: g,
+        size: "large"
+      }
+    ) : /* @__PURE__ */ t(
+      R,
+      {
+        className: `w-send-btn ${E ? "w-send-btn-disabled" : ""}`,
+        disabled: E,
+        style: { backgroundColor: "var(--primary-color, #395ebc)" },
+        icon: /* @__PURE__ */ t(K, { type: "send" }),
+        shape: "circle",
+        onClick: w
+      }
+    )
+  ] });
+}, go = S(fo), Co = ({ taskStatus: e }) => {
+  const n = A("InProgress", "In Progress"), o = A("New", "New"), c = A("Closed", "Closed"), l = A("Done", "Done"), i = A("HDCancelled", "Cancelled"), s = {
+    "In Progress": n,
+    Open: o,
+    New: o,
+    Closed: c,
+    Fixed: l,
+    Cancelled: i
+  }, r = {
+    "In Progress": "#FFF2D6",
+    Responded: "#FFF2D6",
+    Open: "#e9e2f8",
+    Reopen: "#e9e2f8",
+    Closed: "#e1ebfd",
+    Fixed: "#bbfab7",
+    Done: "#bbfab7",
+    Cancelled: "#FFF2D6"
+  }, a = L(() => r[e] || r.Closed, [e]), d = L(() => s[e] || e, [e]);
+  return /* @__PURE__ */ t($n, { color: a, children: /* @__PURE__ */ t(
+    F.Text,
+    {
+      className: "primary-color-active",
+      style: { width: "100%", textAlign: "center" },
+      ellipsis: { tooltip: d },
+      children: d
+    }
+  ) }, e);
+}, hn = S(Co), mo = ({ onClick: e, ...n }) => /* @__PURE__ */ h(
+  "div",
+  {
+    className: "w-ticket-card-container",
+    ...typeof e == "function" && {
+      onClick: e
+    },
+    children: [
+      /* @__PURE__ */ t(
+        F.Text,
+        {
+          strong: !0,
+          style: {
+            color: "var(--primary-color, #395ebc)",
+            fontSize: 16,
+            marginBottom: 10,
+            display: "block"
+          },
+          children: n == null ? void 0 : n.TASK_NAME
+        }
+      ),
+      /* @__PURE__ */ h("div", { className: "w-ticket-card-content-container", children: [
+        /* @__PURE__ */ h("div", { className: "w-ticket-card-cat-code", children: [
+          /* @__PURE__ */ t(F.Text, { children: (n == null ? void 0 : n.TASK_CATEGORY) || Pe }),
+          /* @__PURE__ */ t(F.Text, { children: (n == null ? void 0 : n.TASK_CODE) || Pe })
+        ] }),
+        /* @__PURE__ */ h(
+          "div",
+          {
+            className: "w-ticket-card-status-date",
+            style: {
+              alignItems: "flex-end"
+            },
+            children: [
+              /* @__PURE__ */ t(hn, { taskStatus: n == null ? void 0 : n.TASK_STATUS }),
+              /* @__PURE__ */ t(F.Text, { children: n == null ? void 0 : n.CREATED_DATE })
+            ]
+          }
+        )
+      ] })
+    ]
+  }
+), To = S(mo), kn = () => {
+  const { objInitPayload: e, setObjInitPayload: n, parsedJWT: o } = I(), c = L(() => {
+    var i;
+    return {
+      Authorization: `Bearer ${e == null ? void 0 : e.access_token}`,
+      coid: o == null ? void 0 : o.COID,
+      "Acc-Name": (i = o == null ? void 0 : o.INSTANCE) == null ? void 0 : i.toLowerCase(),
+      "Company-Id": e == null ? void 0 : e.companyid,
+      Language: e == null ? void 0 : e.lang
+    };
+  }, [e]);
+  return async (i) => {
+    var d, f, C;
+    const { onSuccess: s, onError: r, onFinally: a } = i ?? {};
+    (C = (f = (d = ye({
+      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: c,
+      method: "POST"
+    })) == null ? void 0 : d.then((T) => {
+      var x;
+      const b = (x = T == null ? void 0 : T.data) == null ? void 0 : x.DATA, k = {
+        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
+      };
+      n(k), typeof s == "function" && s(T);
+    })) == null ? void 0 : f.catch((T) => {
+      typeof r == "function" && r(T);
+    })) == null || C.finally(() => {
+      typeof a == "function" && a();
+    });
+  };
+}, De = () => {
+  var s;
+  const e = B(new AbortController()), { objInitPayload: n, parsedJWT: o } = I(), c = kn(), l = {
+    Authorization: `Bearer ${n == null ? void 0 : n.access_token}`,
+    coid: o == null ? void 0 : o.COID,
+    "Acc-Name": (s = o == null ? void 0 : o.INSTANCE) == null ? void 0 : s.toLowerCase(),
+    "Company-Id": n == null ? void 0 : n.companyid,
+    Language: n == null ? void 0 : n.lang
+  }, i = async ({
+    url: r,
+    endpoint: a,
+    method: d = "POST",
+    headers: f,
+    ...C
+  }) => {
+    var x, E, w, g, u, m;
+    const T = {
+      url: r || `${n == null ? void 0 : n.uriBackendHRMGO}${a}`,
+      ...e.current && {
+        signal: (x = e == null ? void 0 : e.current) == null ? void 0 : x.signal
+      },
+      headers: {
+        ...l,
+        ...f,
+        "Company-Code": n == null ? void 0 : n.companycode
+      },
+      method: d,
+      ...C
+    }, b = (E = ye) == null ? void 0 : E.create(T);
+    return (g = (w = b == null ? void 0 : b.interceptors) == null ? void 0 : w.request) == null || g.use(
+      (y) => (n != null && n.access_token && (y.headers.Authorization = `Bearer ${n == null ? void 0 : n.access_token}`), y),
+      (y) => {
+        Promise.reject(y);
+      }
+    ), (m = (u = b == null ? void 0 : b.interceptors) == null ? void 0 : u.response) == null || m.use(
+      (y) => y,
+      async (y) => {
+        var D;
+        const p = y == null ? void 0 : y.config;
+        if (((D = y == null ? void 0 : y.response) == null ? void 0 : D.status) === 401) {
+          const O = await c();
+          return p.headers.Authorization = `Bearer ${O}`, ye(p);
+        }
+        return Promise == null ? void 0 : Promise.reject(y);
+      }
+    ), await (b == null ? void 0 : b.request(T));
+  };
+  return i.abort = () => {
+    var r;
+    e != null && e.current && ((r = e == null ? void 0 : e.current) == null || r.abort(), e.current = new AbortController());
+  }, W(() => () => i.abort(), []), i;
+}, An = de({}), te = () => ue(An), bo = ({ children: e }) => {
+  const n = De(), [o, c] = _([]), [l, i] = _(""), [s, r] = _(!1), [a, d] = _(!0), [f, C] = _(0), T = (b) => {
+    var k, x, E, w;
+    d(!0), (w = (E = n({
+      endpoint: "/helpdesk/myticket/ticket-list",
+      method: "POST",
+      data: {
+        LIMIT: 20,
+        PAGE: 1,
+        SEARCH: {
+          MY_TICKET: !0,
+          TASK_MODULE: "HD",
+          ...((k = Object.keys(b || {})) == null ? void 0 : k.length) > 0 && {
+            ...b,
+            ...(b == null ? void 0 : b.CREATED_DATE) && {
+              CREATED_DATE: (x = j(b == null ? void 0 : b.CREATED_DATE)) == null ? void 0 : x.format(Ue)
+            }
+          }
+        },
+        SORT: {
+          FIELD: "t.created_date",
+          ORDER: "DESC"
+        }
+      }
+    })) == null ? void 0 : E.then((g) => {
+      var u, m, y;
+      (u = g == null ? void 0 : g.data) != null && u.DATA && c((y = (m = g == null ? void 0 : g.data) == null ? void 0 : m.DATA) == null ? void 0 : y.LIST);
+    })) == null || w.finally(() => {
+      d(!1);
+    });
+  };
+  return W(() => {
+    T();
+  }, []), /* @__PURE__ */ t(
+    An.Provider,
+    {
+      value: {
+        listTicket: o,
+        ticketId: l,
+        setTicketId: i,
+        getListTicket: T,
+        openFilter: s,
+        setOpenFilter: r,
+        loadingListTicket: a,
+        countFilters: f,
+        setCountFilters: C
+      },
+      children: e
+    }
+  );
+}, yo = () => {
+  const e = A("SubjectSearch", "Subject Search"), n = A("AdvanceFilter", "Advance Filter"), o = B(null), { getListTicket: c, setOpenFilter: l, loadingListTicket: i, countFilters: s } = te();
+  return /* @__PURE__ */ t(Q, { children: /* @__PURE__ */ h("div", { style: { display: "flex", gap: 8, marginBottom: 12 }, children: [
+    /* @__PURE__ */ t(
+      Ee,
+      {
+        placeholder: e,
+        onChange: ({ target: { value: r } }) => {
+          clearTimeout(o == null ? void 0 : o.current), o.current = setTimeout(() => {
+            c({
+              TASK_NAME: r
+            });
+          }, 250);
+        },
+        allowClear: !0
+      }
+    ),
+    /* @__PURE__ */ t(me, { title: `${n} (${s})`, children: /* @__PURE__ */ t(In, { count: s, children: /* @__PURE__ */ t(
+      R,
+      {
+        loading: i,
+        icon: /* @__PURE__ */ t(K, { type: "filter" }),
+        onClick: () => {
+          l(!0);
+        }
+      }
+    ) }) })
+  ] }) });
+}, ho = S(yo), wn = de({}), ie = () => ue(wn), ko = ({ children: e }) => {
+  const n = B(null), o = B(0), c = B(!1), l = B(null), [i, s] = _([]), [r, a] = _(0), { objInitPayload: d, parsedJWT: f, isFirstRenderHelpdesk: C, setShowReadyWSHD: T } = I(), b = kn(), k = (g) => {
+    const u = new WebSocket(g);
+    u.onopen = () => {
+      c.current = !0, o.current = 0, a(0), T(!0);
+    }, u.onerror = (m) => {
+      T(!1), console.error(`${ge} - WebSocket error:`, m);
+    }, u.onclose = (m) => {
+      console.warn(
+        `${ge} - WebSocket disconnected:`,
+        m
+      ), c.current = !1, T(!1), !(m != null && m.wasClean) && (o == null ? void 0 : o.current) < Ae && (o.current += 1, a((y) => y + 1), clearTimeout(l.current), l.current = setTimeout(x, 2e3));
+    }, u.onmessage = E(u), n.current = u;
+  }, x = async () => {
+    var U, H, v;
+    if (((U = n.current) == null ? void 0 : U.readyState) === (WebSocket == null ? void 0 : WebSocket.CONNECTING)) return;
+    const {
+      access_token: g,
+      companyid: u = "",
+      companycode: m = "",
+      lang: y = "",
+      uriBackendHRMGO: p = ""
+    } = d ?? {};
+    if (!g || !u || !m) {
+      console.warn(
+        `${ge} - Missing required WebSocket  credentials.`
+      );
+      return;
+    }
+    const D = `Bearer ${g}`, O = (H = `${p}/ws`) == null ? void 0 : H.replace("https://", "wss://"), V = {
+      COMPANY_ID: u.toString(),
+      COMPANY_CODE: m.toLowerCase(),
+      LANGUAGE: y,
+      ACC_NAME: (v = f == null ? void 0 : f.INSTANCE) == null ? void 0 : v.toLowerCase(),
+      TOKEN: D
+    };
+    try {
+      const N = await ft(
+        V,
+        lt
+      );
+      if (!N || c.current || (o == null ? void 0 : o.current) >= Ae) {
+        console.warn(
+          `${ge} - Skipping WebSocket  connection attempt.`
+        );
+        return;
+      }
+      n.current && n.current.close(), k(`${O}?t=${N}`);
+    } catch (N) {
+      console.error(
+        `${ge} - Failed to encrypt token:`,
+        N
+      );
+    }
+  }, E = (g) => (u) => {
+    var m;
+    try {
+      if ((u == null ? void 0 : u.data) === "PING")
+        g.send("PONG");
+      else {
+        const { DATA: y, EVENT: p } = JSON.parse(u.data || "{}");
+        !C.current && p === "USER_ONLINE_NOTIF" && Array.isArray(y == null ? void 0 : y.EMPLOYEES) && (s((m = y == null ? void 0 : y.EMPLOYEES) == null ? void 0 : m.filter(Boolean)), C.current = !0), p === "TOKEN_EXPIRED" && b({
+          onSuccess: () => {
+            x();
+          }
+        });
+      }
+    } catch {
+      console.error(
+        `${ge} - Invalid WebSocket message:`,
+        u.data
+      );
+    }
+  }, w = ({ event: g, data: u, module: m = "HELPDESK_CHAT" }) => {
+    var y;
+    (y = n == null ? void 0 : n.current) == null || y.send(
+      JSON.stringify({
+        EVENT: g,
+        DATA: u,
+        MODULE: m
+      })
+    );
+  };
+  return W(() => {
+    C.current || x();
+  }, []), /* @__PURE__ */ t(
+    wn.Provider,
+    {
+      value: {
+        ws: n == null ? void 0 : n.current,
+        onSendMsg: w,
+        userOnline: i,
+        connectWebSocket: x,
+        retryCountState: r,
+        setRetryCountState: a,
+        retryCountRef: o
+      },
+      children: e
+    }
+  );
+}, Ao = () => {
+  var s;
+  const { widgetProps: e } = I(), { listTicket: n, setTicketId: o, loadingListTicket: c } = te(), { onSendMsg: l } = ie(), { xs: i } = ne.useBreakpoint();
+  return /* @__PURE__ */ h(Q, { children: [
+    /* @__PURE__ */ t(ho, {}),
+    c ? /* @__PURE__ */ t("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: (s = Array.from({ length: 5 })) == null ? void 0 : s.map((r, a) => /* @__PURE__ */ t(
+      P.Input,
+      {
+        style: { height: 80, width: "100%", borderRadius: 8 }
+      },
+      a
+    )) }) : /* @__PURE__ */ t(
+      "div",
+      {
+        className: `w-list-ticket-container ${e != null && e.isSF ? "w-list-ticket-container-sf" : ""} ${i ? "w-list-ticket-container-mobile" : ""}`,
+        ...(n == null ? void 0 : n.length) === 0 && {
+          style: { justifyContent: "center" }
+        },
+        children: (n == null ? void 0 : n.length) > 0 ? n == null ? void 0 : n.map((r, a) => /* @__PURE__ */ $e(
+          To,
+          {
+            ...r,
+            key: a,
+            onClick: () => {
+              l({
+                event: "JOIN_ROOM",
+                data: {
+                  TASK_ID: r == null ? void 0 : r.TASK_ID
+                }
+              }), o(r == null ? void 0 : r.TASK_ID);
+            }
+          }
+        )) : /* @__PURE__ */ t(
+          "div",
+          {
+            style: {
+              display: "flex",
+              justifyContent: "center",
+              alignItems: "center",
+              flex: 1
+            },
+            children: /* @__PURE__ */ t(cn, {})
+          }
+        )
+      }
+    )
+  ] });
+}, wo = S(Ao), Eo = ({ children: e, open: n, onClose: o, footer: c, styleContainer: l }) => {
+  var T;
+  const [i, s] = _(!1), r = B(), a = B(null), d = B(), f = L(() => n ? "w-fade-in-animate" : "w-fade-out-animate", [n]), C = (b) => {
+    b.code === "Escape" && !b.shiftKey && !b.altKey && !b.ctrlKey && b.key === "Escape" && (b.stopPropagation(), typeof o == "function" && o());
+  };
+  return W(() => {
+    const b = d.current;
+    return b && (clearTimeout(a.current), a.current = setTimeout(() => {
+      b == null || b.focus();
+    }, 250), b == null || b.addEventListener("keydown", C)), n && s(!1), clearTimeout(r == null ? void 0 : r.current), r.current = setTimeout(() => {
+      n || s(!0);
+    }, 300), () => {
+      b && (b == null || b.removeEventListener("keydown", C));
+    };
+  }, [n]), /* @__PURE__ */ h(
+    "div",
+    {
+      className: `${f}`,
+      tabIndex: 1,
+      ref: d,
+      style: {
+        display: i ? "none" : "block",
+        height: "100%",
+        ...((T = Object == null ? void 0 : Object.keys(l || {})) == null ? void 0 : T.length) > 0 && {
+          ...l
+        }
+      },
+      children: [
+        e,
+        c && c
+      ]
+    }
+  );
+}, En = S(Eo), Sn = de({}), he = () => ue(Sn), So = ({ children: e }) => {
+  const [n, o] = _([]), [c, l] = _({}), [i, s] = _(!0), r = B(!1), a = De(), { ticketId: d } = te(), { ws: f } = ie(), C = L(() => {
+    var m;
+    const E = (c == null ? void 0 : c.CREATED_BY) ?? {}, w = (c == null ? void 0 : c.ASSIGNEE) ?? {}, g = (c == null ? void 0 : c.OTHER_ASSIGNEE) ?? [], u = (m = [E, w, ...g].map((y) => ({
+      ...y
+    }))) == null ? void 0 : m.filter((y) => {
+      var p;
+      return ((p = Object.keys(y || {})) == null ? void 0 : p.length) > 0;
+    });
+    return Ve({ ArrObj: u, key: "EMP_ID" });
+  }, [c]), T = () => {
+    var E, w;
+    s(!0), (w = (E = a({
+      endpoint: "/helpdesk/chat/list",
+      method: "POST",
+      data: {
+        LIMIT: 10,
+        PAGE: 1,
+        TASK_ID: d
+      }
+    })) == null ? void 0 : E.then((g) => {
+      var u, m, y, p, D, O;
+      if (((y = (m = (u = g == null ? void 0 : g.data) == null ? void 0 : u.DATA) == null ? void 0 : m.LIST) == null ? void 0 : y.length) > 0) {
+        const V = (O = (D = (p = g == null ? void 0 : g.data) == null ? void 0 : p.DATA) == null ? void 0 : D.LIST) == null ? void 0 : O.map((U) => ({
+          ...U,
+          ACTOR: {
+            ...U == null ? void 0 : U.ACTOR
+          }
+        }));
+        o(Le(V));
+      } else
+        o({});
+    })) == null || w.finally(() => {
+      s(!1);
+    });
+  }, b = () => {
+    var E;
+    (E = a({
+      endpoint: "/helpdesk/myticket/get",
+      method: "POST",
+      data: {
+        TASK_ID: d
+      }
+    })) == null || E.then((w) => {
+      var g, u, m;
+      if ((g = w == null ? void 0 : w.data) != null && g.DATA) {
+        const y = (m = (u = w == null ? void 0 : w.data) == null ? void 0 : u.DATA) == null ? void 0 : m.LIST;
+        l(y);
+      } else
+        l({});
+    });
+  }, k = (E) => {
+    r.current || o((w) => {
+      const u = [...ze(w), { ...E, CHAT_ALIGN: "from" }];
+      return Le(u);
+    }), r.current = !1;
+  }, x = (E) => {
+    if ((E == null ? void 0 : E.data) !== "PING") {
+      const w = JSON.parse((E == null ? void 0 : E.data) || "{}"), { DATA: g = {}, EVENT: u = "" } = w ?? {};
+      (u === "RECEIVE_MESSAGE" || u === "RECEIVE_ANOTHER_MESSAGE") && k(g);
+    }
+  };
+  return W(() => (d && (T(), b()), f && d && (f == null || f.addEventListener("message", x)), () => {
+    f && d && (f == null || f.removeEventListener("message", x));
+  }), [d]), /* @__PURE__ */ t(
+    Sn.Provider,
+    {
+      value: {
+        chats: n,
+        setChats: o,
+        detailTicket: c,
+        employees: C,
+        isFromSelf: r,
+        loadingChats: i
+      },
+      children: e
+    }
+  );
+}, xo = () => {
+  const { xs: e } = ne.useBreakpoint(), { employees: n, detailTicket: o, loadingChats: c } = he(), { setTicketId: l } = te(), { userOnline: i } = ie(), s = L(() => {
+    var a;
+    return (a = n == null ? void 0 : n.map((d) => d == null ? void 0 : d.FULL_NAME)) == null ? void 0 : a.join(", ");
+  }, [n]), r = L(() => e ? "click" : "hover", [e]);
+  return c ? /* @__PURE__ */ h("div", { className: "w-ticket-detail-header-container", children: [
+    /* @__PURE__ */ t(P.Avatar, {}),
+    /* @__PURE__ */ h("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
+      /* @__PURE__ */ t(P.Input, {}),
+      /* @__PURE__ */ t(P.Input, { size: "small" })
+    ] }),
+    /* @__PURE__ */ t(P.Input, {})
+  ] }) : /* @__PURE__ */ h("div", { className: "w-ticket-detail-header-container", children: [
+    /* @__PURE__ */ h("div", { style: { display: "flex", gap: 8 }, children: [
+      /* @__PURE__ */ t(
+        R,
+        {
+          icon: /* @__PURE__ */ t(K, { type: "down" }),
+          style: { border: "none" },
+          onClick: () => {
+            l("");
+          }
+        }
+      ),
+      /* @__PURE__ */ t(
+        ae.Group,
+        {
+          maxCount: 2,
+          maxPopoverTrigger: r,
+          maxStyle: {
+            color: "#f56a00",
+            backgroundColor: "#fde3cf",
+            cursor: "pointer"
+          },
+          children: n == null ? void 0 : n.map((a, d) => {
+            const f = i == null ? void 0 : i.includes(a == null ? void 0 : a.EMP_ID);
+            return /* @__PURE__ */ t(me, { title: a == null ? void 0 : a.FULL_NAME, trigger: r, children: /* @__PURE__ */ $e(
+              ae,
+              {
+                ...f && {
+                  style: {
+                    border: "2px solid green",
+                    borderRadius: "50%"
+                  }
+                },
+                src: a == null ? void 0 : a.PHOTO,
+                key: d,
+                nameFallback: a == null ? void 0 : a.FULL_NAME
+              }
+            ) }, d);
+          })
+        }
+      ),
+      /* @__PURE__ */ h("div", { style: { display: "flex", flexDirection: "column", width: 150 }, children: [
+        /* @__PURE__ */ t(
+          me,
+          {
+            title: `${o == null ? void 0 : o.TASK_CODE} - ${o == null ? void 0 : o.SUBJECT}`,
+            trigger: r,
+            children: /* @__PURE__ */ h(F.Text, { className: "w-ticket-detail-header-text", children: [
+              o == null ? void 0 : o.TASK_CODE,
+              " - ",
+              o == null ? void 0 : o.SUBJECT
+            ] })
+          }
+        ),
+        /* @__PURE__ */ t(me, { title: s, trigger: r, children: /* @__PURE__ */ t(
+          F.Text,
+          {
+            type: "secondary",
+            className: "w-ticket-detail-header-text",
+            style: {
+              fontSize: 12
+            },
+            children: s
+          }
+        ) })
+      ] })
+    ] }),
+    /* @__PURE__ */ t(hn, { taskStatus: o == null ? void 0 : o.STATUS })
+  ] });
+}, Lo = S(xo), vo = ({ ...e }) => {
+  const n = L(() => (e == null ? void 0 : e.CHAT_ALIGN) === "to" ? "client" : "response", [e]);
+  return /* @__PURE__ */ h("div", { className: `w-bubble-chat ${`w-${n}`}`, children: [
+    /* @__PURE__ */ t(
+      "p",
+      {
+        dangerouslySetInnerHTML: {
+          __html: e == null ? void 0 : e.MESSAGE
+        }
+      }
+    ),
+    /* @__PURE__ */ t(
+      xe,
+      {
+        date: e == null ? void 0 : e.CREATED_DATE,
+        format: _e,
+        sender: n
+      }
+    )
+  ] });
+}, _o = S(vo), po = ({ ...e }) => {
+  const n = A("Download", "Download"), o = L(() => (e == null ? void 0 : e.CHAT_ALIGN) === "to" ? "client" : "response", [e]), c = L(() => {
+    var a;
+    const r = e == null ? void 0 : e.ATTACHMENT;
+    if (r)
+      try {
+        const d = new URL(r), f = (a = d == null ? void 0 : d.pathname) == null ? void 0 : a.split("/");
+        return f == null ? void 0 : f[(f == null ? void 0 : f.length) - 1];
+      } catch {
+        return r;
+      }
+    return "";
+  }, [e]), l = L(() => {
+    if (c != null && c.includes(".")) {
+      const r = c == null ? void 0 : c.split(".");
+      return `.${r == null ? void 0 : r[(r == null ? void 0 : r.length) - 1]}`;
+    }
+    return "";
+  }, [e, c]), i = L(() => Ne == null ? void 0 : Ne.includes(l), [e, l]), s = () => {
+    We({
+      downloadURL: e == null ? void 0 : e.ATTACHMENT,
+      fileName: c,
+      isOpenNewTab: !0
+    });
+  };
+  return /* @__PURE__ */ t(Q, { children: /* @__PURE__ */ h(
+    "div",
+    {
+      className: `w-bubble-chat ${`w-${o}`}`,
+      style: { display: "flex", flexDirection: "column" },
+      children: [
+        i ? /* @__PURE__ */ t(Ke, { src: e == null ? void 0 : e.ATTACHMENT, fallback: st }) : /* @__PURE__ */ h("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
+          /* @__PURE__ */ t(K, { type: "file" }),
+          /* @__PURE__ */ t(
+            F.Link,
+            {
+              onClick: s,
+              style: { display: "block", width: 160 },
+              children: c
+            }
+          )
+        ] }),
+        i && /* @__PURE__ */ t(
+          R,
+          {
+            onClick: s,
+            style: {
+              display: "block",
+              margin: "10px auto 0px"
+            },
+            children: n
+          }
+        ),
+        /* @__PURE__ */ t(
+          xe,
+          {
+            date: e == null ? void 0 : e.CREATED_DATE,
+            format: _e,
+            ...o === "client" && {
+              style: {
+                alignSelf: "flex-end"
+              }
+            }
+          }
+        )
+      ]
+    }
+  ) });
+}, Do = S(po), Oo = ({ ...e }) => {
+  const n = L(() => (e == null ? void 0 : e.CHAT_ALIGN) === "to" ? "client" : "response", [e]);
+  return /* @__PURE__ */ h("div", { className: "w-ticket-info-chat-container", children: [
+    /* @__PURE__ */ t(
+      xe,
+      {
+        date: e == null ? void 0 : e.CREATED_DATE,
+        format: _e,
+        sender: n
+      }
+    ),
+    /* @__PURE__ */ t(F.Text, { children: e == null ? void 0 : e.MESSAGE })
+  ] });
+}, No = S(Oo), xn = () => {
+  const { widgetProps: e } = I(), n = fe.enc.Hex.parse(
+    fe.enc.Utf8.parse(e == null ? void 0 : e.keyEncrypt).toString()
+  ), o = {
+    mode: fe.mode.ECB,
+    padding: fe.pad.Pkcs7
+  }, c = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini|GreatDayHR/i.test(
+    navigator.userAgent
+  ), l = (s) => {
+    if (typeof s == "number" && (s = s.toString()), !s) return "";
+    if (c) return window.encodeURIComponent(s);
+    const r = fe.enc.Utf8.parse(s), a = fe.AES.encrypt(
+      r,
+      n,
+      o
+    ).toString();
+    return window.encodeURIComponent(`$${a}`);
+  };
+  return {
+    paramsEncrypt: (s) => {
+      const [r, a = null] = s.split("?"), d = r.split("/").map((f) => {
+        const [, C = null] = f.split(":");
+        return C && (e != null && e.keyEncrypt) ? l(C) : f;
+      }).join("/");
+      return a ? `${d}?${a}` : d;
+    },
+    encrypt: l
+  };
+}, Mo = ({ ...e }) => {
+  const n = A("ViewFAQ", "View FAQ"), o = A(
+    "FAQUnavailable",
+    "FAQ unavailable"
+  ), c = A(
+    "ThisFAQIsUnavailable",
+    "This FAQ is unavailable"
+  ), { paramsEncrypt: l } = xn(), { history: i } = I(), s = L(() => (e == null ? void 0 : e.CHAT_ALIGN) === "to" ? "client" : "response", [e]), r = L(() => e == null ? void 0 : e.FAQ_ID, [e]);
+  return /* @__PURE__ */ h("div", { className: `w-bubble-chat ${`w-${s}`}`, children: [
+    /* @__PURE__ */ t(
+      F.Text,
+      {
+        style: {
+          backgroundColor: "rgb(244, 245, 246)",
+          padding: 8,
+          borderRadius: 8,
+          fontWeight: 600,
+          marginBottom: 8,
+          display: "block"
+        },
+        children: r ? e == null ? void 0 : e.MESSAGE : o
+      }
+    ),
+    r ? /* @__PURE__ */ t(
+      R,
+      {
+        block: !0,
+        onClick: () => {
+          typeof i < "u" && i.push(
+            l(`/standard/hrm.helpdesk.FAQ-detail/:${r}`)
+          );
+        },
+        children: n
+      }
+    ) : /* @__PURE__ */ t(F.Text, { children: c }),
+    /* @__PURE__ */ t(
+      xe,
+      {
+        date: e == null ? void 0 : e.CREATED_DATE,
+        format: _e,
+        sender: s
+      }
+    )
+  ] });
+}, Ro = S(Mo), Fo = ({ ...e }) => {
+  switch (e == null ? void 0 : e.CHAT_TYPE) {
+    case "info":
+      return /* @__PURE__ */ t(No, { ...e });
+    case "faq":
+      return /* @__PURE__ */ t(Ro, { ...e });
+    case "chat":
+      return e != null && e.ATTACHMENT ? /* @__PURE__ */ t(Do, { ...e }) : /* @__PURE__ */ t(_o, { ...e });
+    default:
+      return null;
+  }
+}, Ho = S(Fo), Bo = () => {
+  const { employees: e } = he(), [n, o] = _([]), c = A("And", "and"), l = A("IsTyping", "Is Typing"), i = A("People", "People"), { ws: s } = ie(), r = L(() => {
+    const d = n == null ? void 0 : n.map((f) => f == null ? void 0 : f.FULL_NAME);
+    if ((n == null ? void 0 : n.length) > 2) {
+      const f = d == null ? void 0 : d.filter((T, b) => b <= 1), C = d == null ? void 0 : d.filter((T, b) => b > 1);
+      return `${f == null ? void 0 : f.join(", ")}, ${c} ${C == null ? void 0 : C.length} ${i} ${l}`;
+    }
+    return `${d == null ? void 0 : d.join(", ")} ${l}`;
+  }, [n]), a = (d) => {
+    if ((d == null ? void 0 : d.data) !== "PING") {
+      const f = JSON.parse((d == null ? void 0 : d.data) || "{}"), { DATA: C = {}, EVENT: T = "" } = f ?? {};
+      if (T === "TYPING") {
+        const b = e == null ? void 0 : e.find(
+          (x) => (x == null ? void 0 : x.EMP_ID) === (C == null ? void 0 : C.EMPLOYEE_ID)
+        ), k = {
+          ...C,
+          ...b
+        };
+        o((x) => {
+          const E = [...x, k], w = Ve({
+            ArrObj: E,
+            key: "EMPLOYEE_ID"
+          });
+          return w == null ? void 0 : w.filter((g) => g == null ? void 0 : g.IS_TYPING);
+        });
+      }
+    }
+  };
+  return W(() => (s && (s == null || s.addEventListener("message", a)), () => {
+    s && (s == null || s.removeEventListener("message", a));
+  }), [e]), (n == null ? void 0 : n.length) === 0 ? null : /* @__PURE__ */ h(
+    "div",
+    {
+      style: {
+        display: "flex",
+        gap: 8,
+        alignItems: "center"
+      },
+      children: [
+        /* @__PURE__ */ t(
+          ae.Group,
+          {
+            maxCount: 2,
+            maxPopoverTrigger: "click",
+            maxStyle: {
+              color: "#f56a00",
+              backgroundColor: "#fde3cf",
+              cursor: "pointer"
+            },
+            children: n == null ? void 0 : n.map((d, f) => /* @__PURE__ */ t(me, { title: d == null ? void 0 : d.FULL_NAME, children: /* @__PURE__ */ t(ae, { src: d == null ? void 0 : d.PHOTO, nameFallback: d == null ? void 0 : d.FULL_NAME }) }, f))
+          }
+        ),
+        /* @__PURE__ */ t(F.Text, { children: r }),
+        (n == null ? void 0 : n.length) > 0 ? /* @__PURE__ */ t(yn, {}) : null
+      ]
+    }
+  );
+}, $o = S(Bo), Io = () => {
+  var i;
+  const { chats: e } = he(), { widgetProps: n } = I(), { activeTab: o } = le(), c = B(), { xs: l } = ne.useBreakpoint();
+  return W(() => {
+    clearTimeout(c.current), c.current = setTimeout(() => {
+      se(".w-ticket-detail-content-container");
+    }, 350);
+  }, [o]), /* @__PURE__ */ h(
+    "div",
+    {
+      className: `w-ticket-detail-content-container ${l ? n != null && n.isSF ? "w-ticket-detail-content-container-sf-mobile" : "w-ticket-detail-content-container-mobile" : ""} `,
+      children: [
+        (i = Object.keys(e || {})) == null ? void 0 : i.map((s) => {
+          var a, d;
+          const r = e == null ? void 0 : e[s];
+          return /* @__PURE__ */ h(He, { children: [
+            /* @__PURE__ */ t("div", { className: "w-datekey-chats", children: (a = j(s)) == null ? void 0 : a.format("ddd, DD MMMM YYYY") }),
+            /* @__PURE__ */ t("div", { className: "w-bubble-chat-container", children: (d = dn(r)) == null ? void 0 : d.map((f, C) => {
+              var k, x;
+              const T = (f == null ? void 0 : f.CHAT_ALIGN) === "to" ? "client" : "response", b = f == null ? void 0 : f.CHAT_TYPE;
+              return /* @__PURE__ */ h(He, { children: [
+                T === "response" && b !== "info" && /* @__PURE__ */ t(
+                  Se,
+                  {
+                    src: (k = f == null ? void 0 : f.ACTOR) == null ? void 0 : k.PHOTO,
+                    name: (x = f == null ? void 0 : f.ACTOR) == null ? void 0 : x.FULL_NAME
+                  }
+                ),
+                /* @__PURE__ */ t(Ho, { ...f })
+              ] }, C);
+            }) })
+          ] }, s);
+        }),
+        /* @__PURE__ */ t($o, {})
+      ]
+    }
+  );
+}, Uo = S(Io), Wo = () => {
+  var i, s;
+  const { chats: e, loadingChats: n } = he(), { widgetProps: o } = I(), { xs: c } = ne.useBreakpoint(), l = L(() => {
+    var a;
+    const r = [Re];
+    return c && (o != null && o.isSF ? r == null || r.push(
+      `${Re}-sf-mobile`
+    ) : r == null || r.push(`${Re}-mobile`)), (a = r == null ? void 0 : r.filter(Boolean)) == null ? void 0 : a.join(" ");
+  }, [c, o == null ? void 0 : o.isSF]);
+  return n ? /* @__PURE__ */ t(
+    "div",
+    {
+      className: `${l} w-ticket-detail-loading-chats`,
+      children: (i = Array.from({ length: 3 })) == null ? void 0 : i.map((r, a) => {
+        const d = a % 2 === 0;
+        return /* @__PURE__ */ h(
+          "div",
+          {
+            style: {
+              display: "flex",
+              gap: 8,
+              ...d && {
+                alignSelf: "flex-end"
+              }
+            },
+            children: [
+              /* @__PURE__ */ t("div", { style: { order: d ? 2 : 1 }, children: /* @__PURE__ */ t(P.Avatar, {}) }),
+              /* @__PURE__ */ h(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    flexDirection: "column",
+                    gap: 8,
+                    order: d ? 1 : 2
+                  },
+                  children: [
+                    /* @__PURE__ */ t(P.Input, { style: { width: 120, borderRadius: 8 } }),
+                    /* @__PURE__ */ t(
+                      P.Input,
+                      {
+                        style: { height: 50, width: "100%", borderRadius: 8 }
+                      }
+                    )
+                  ]
+                }
+              )
+            ]
+          },
+          a
+        );
+      })
+    }
+  ) : ((s = Object.keys(e || {})) == null ? void 0 : s.length) === 0 ? /* @__PURE__ */ t(
+    "div",
+    {
+      className: l,
+      style: {
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center"
+      },
+      children: /* @__PURE__ */ t(cn, {})
+    }
+  ) : /* @__PURE__ */ t(Uo, {});
+}, Vo = S(Wo), zo = ({ ...e }) => {
+  const n = B(0);
+  return /* @__PURE__ */ h(
+    "div",
+    {
+      style: { display: "flex", gap: 8 },
+      onClick: (o) => {
+        o == null || o.stopPropagation();
+      },
+      children: [
+        /* @__PURE__ */ t(
+          Ke,
+          {
+            nameFallback: e == null ? void 0 : e.FULL_NAME,
+            src: e == null ? void 0 : e.PHOTO,
+            width: 80,
+            placeholder: /* @__PURE__ */ t(P.Image, { style: { width: "100%", height: "100%" } }),
+            style: { borderRadius: 8 },
+            preview: !1,
+            loading: "lazy",
+            onError: (o) => {
+              n.current += 1, (n == null ? void 0 : n.current) < 3 ? o.target.src = un(e == null ? void 0 : e.PHOTO) : o.target.src = Ge(e == null ? void 0 : e.FULL_NAME);
+            }
+          }
+        ),
+        /* @__PURE__ */ h("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
+          /* @__PURE__ */ t(F.Text, { strong: !0, style: { fontSize: 18 }, children: e == null ? void 0 : e.FULL_NAME }),
+          /* @__PURE__ */ t(F.Text, { children: e == null ? void 0 : e.POSITION_NAME }, e == null ? void 0 : e.POSITION_NAME),
+          /* @__PURE__ */ t(F.Text, { children: e == null ? void 0 : e.DEPT_NAME }),
+          /* @__PURE__ */ t(F.Text, { children: e == null ? void 0 : e.WORKLOCATION })
+        ] })
+      ]
+    }
+  );
+}, Go = S(zo), Ko = ({ setLoadingUpload: e, isLoadingUpload: n }) => {
+  var w, g;
+  const o = De(), [c, l] = _({}), i = B(null), s = A(
+    "ImageMustSmallerThan",
+    "Image must smaller than"
+  ), r = A(
+    "MaximumFileSizeExceeded",
+    "Maximum file size exceeded"
+  ), { onSendMsg: a } = ie(), { employees: d, setChats: f, isFromSelf: C } = he(), { ticketId: T } = te(), { activeTab: b } = le(), k = () => {
+    var u;
+    (u = o({
+      endpoint: "/upload/get-upload-config",
+      data: {
+        LIMIT: 1,
+        PAGE: 1,
+        SEARCH: {
+          UPLOAD_CODE: "helpdesk"
+        }
+      }
+    })) == null || u.then((m) => {
+      var p, D;
+      const y = (D = (p = m == null ? void 0 : m.data) == null ? void 0 : p.DATA) == null ? void 0 : D.LIST;
+      (y == null ? void 0 : y.length) > 0 && l(y == null ? void 0 : y[0]);
+    });
+  }, x = (u) => {
+    var p, D, O;
+    const m = u.size / 1024 / 1024, y = (c == null ? void 0 : c.MAXFILESIZE) / 1024;
+    return m > y && ((p = ce) == null || p.destroy(), (D = ce) == null || D.config({
+      getContainer: () => document.querySelector(".w-widget-content-container"),
+      top: 28,
+      placement: "top"
+    }), (O = ce) == null || O.error({
+      message: r,
+      description: `${s} ${y == null ? void 0 : y.toFixed(
+        1
+      )} MB!`,
+      className: "w-notification-content",
+      duration: 3
+    })), !1;
+  }, E = (u) => {
+    var y, p;
+    e(!0);
+    const m = new FormData();
+    m.append("UPLOAD_CODE", c == null ? void 0 : c.UPLOAD_CODE), m.append("UPLOAD_TYPE", c == null ? void 0 : c.UPLOAD_TYPE), m.append("FILE", u), (p = (y = o({
+      endpoint: "/upload/temp",
+      data: m,
+      headers: {
+        "Content-Type": "multipart/form-data"
+      }
+    })) == null ? void 0 : y.then((D) => {
+      var O, V, U, H, v;
+      if ((V = (O = D == null ? void 0 : D.data) == null ? void 0 : O.DATA) != null && V.LIST) {
+        const N = (H = (U = D == null ? void 0 : D.data) == null ? void 0 : U.DATA) == null ? void 0 : H.LIST, z = {
+          ATTACHMENT: N == null ? void 0 : N.VIEW_PATH,
+          FAQ_ID: null,
+          MESSAGE: "",
+          CREATED_DATE: (v = j()) == null ? void 0 : v.format(`${Ue} HH:mm:ss`),
+          CHAT_ALIGN: "to",
+          CHAT_TYPE: "chat"
+        };
+        f((M) => {
+          const G = [...ze(M), z];
+          return Le(G);
+        }), C.current = !0, a({
+          event: "SEND_MESSAGE",
+          data: {
+            ATTACHMENT: N == null ? void 0 : N.TEMP_PATH,
+            FAQ_ID: null,
+            MESSAGE: "",
+            EMPLOYEES: d == null ? void 0 : d.map((M) => M == null ? void 0 : M.EMP_ID),
+            TASK_ID: T
+          }
+        }), clearTimeout(i.current), i.current = setTimeout(() => {
+          se(".w-ticket-detail-content-container");
+        }, 350);
+      }
+    })) == null || p.finally(() => {
+      e(!1);
+    });
+  };
+  return W(() => {
+    k();
+  }, []), W(() => {
+    var u;
+    (u = ce) == null || u.destroy();
+  }, [b]), /* @__PURE__ */ t(
+    on,
+    {
+      beforeUpload: x,
+      fileList: [],
+      accept: (g = (w = c == null ? void 0 : c.EXT_LIST) == null ? void 0 : w.split(",")) == null ? void 0 : g.map((u) => `.${u}`),
+      onChange: (u) => {
+        E(u == null ? void 0 : u.file);
+      },
+      children: /* @__PURE__ */ t(
+        R,
+        {
+          loading: n,
+          icon: /* @__PURE__ */ t(K, { type: "paper-clip" }),
+          shape: "circle",
+          style: { border: "none" }
+        }
+      )
+    }
+  );
+}, Yo = S(Ko), qo = ({ refInput: e }) => {
+  const { xs: n } = ne.useBreakpoint(), o = L(() => n ? "click" : "hover", [n]), c = () => {
+    var T;
+    const i = (T = e == null ? void 0 : e.current) == null ? void 0 : T.textarea;
+    if (!i)
+      return !1;
+    const { selectionStart: s, selectionEnd: r, value: a } = i, d = a == null ? void 0 : a.substring(0, s), f = a == null ? void 0 : a.substring(s, r), C = a == null ? void 0 : a.substring(r);
+    return {
+      before: d,
+      selectedText: f,
+      after: C,
+      selectionStart: s,
+      selectionEnd: r,
+      text: a
+    };
+  }, l = (i) => {
+    var C, T;
+    (C = e == null ? void 0 : e.current) == null || C.focus();
+    const s = (T = e == null ? void 0 : e.current) == null ? void 0 : T.textarea, r = i == null ? void 0 : i.native;
+    if (!s) return;
+    const { before: a, after: d } = c(), f = `${a}${r}${d}`;
+    typeof document.execCommand == "function" ? document.execCommand("insertText", !1, r) : s.value = f;
+  };
+  return /* @__PURE__ */ t(
+    Ie,
+    {
+      trigger: o,
+      content: /* @__PURE__ */ t(
+        Qn,
+        {
+          onEmojiSelect: (i) => {
+            l(i);
+          },
+          theme: "auto"
+        }
+      ),
+      children: /* @__PURE__ */ t(R, { icon: /* @__PURE__ */ t(K, { type: "smile" }), style: { border: "none" } })
+    }
+  );
+}, Qo = S(qo), Zo = () => {
+  const [e, n] = _(0), [o, c] = _(!1), l = B(null), i = B(null), s = B(!1), r = B(null), { onSendMsg: a } = ie(), { ticketId: d } = te(), { isActiveTabVA: f } = le(), { employees: C, setChats: T, isFromSelf: b, detailTicket: k } = he(), x = L(() => {
+    var u;
+    return ((u = k == null ? void 0 : k.STATUS) == null ? void 0 : u.toString().toLowerCase()) === "closed";
+  }, [k == null ? void 0 : k.STATUS]), E = L(() => C == null ? void 0 : C.map((u) => ({
+    ...u,
+    label: /* @__PURE__ */ t(
+      Ie,
+      {
+        placement: "left",
+        content: /* @__PURE__ */ t(Go, { ...u }),
+        children: /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(Se, { src: u == null ? void 0 : u.PHOTO, name: u == null ? void 0 : u.FULL_NAME }) })
+      }
+    ),
+    value: u == null ? void 0 : u.FULL_NAME
+  })), [C]), w = () => {
+    var y, p, D;
+    const u = (p = (y = l == null ? void 0 : l.current) == null ? void 0 : y.textarea) == null ? void 0 : p.value;
+    a({
+      event: "SEND_MESSAGE",
+      data: {
+        ATTACHMENT: "",
+        FAQ_ID: null,
+        MESSAGE: u,
+        EMPLOYEES: C == null ? void 0 : C.map((O) => O == null ? void 0 : O.EMP_ID),
+        TASK_ID: d
+      }
+    });
+    const m = {
+      ATTACHMENT: "",
+      FAQ_ID: null,
+      MESSAGE: u,
+      CREATED_DATE: (D = j()) == null ? void 0 : D.format(`${Ue} HH:mm:ss`),
+      CHAT_ALIGN: "to",
+      CHAT_TYPE: "chat"
+    };
+    T((O) => {
+      const U = [...ze(O), m];
+      return Le(U);
+    }), b.current = !0, se(".w-ticket-detail-content-container"), n((O) => O + 1);
+  }, g = () => {
+    window.clearTimeout(i.current), s.current || (s.current = !0, a({
+      event: "TYPING",
+      data: {
+        TASK_ID: d,
+        IS_TYPING: !0
+      }
+    })), i.current = setTimeout(() => {
+      a({
+        event: "TYPING",
+        data: {
+          TASK_ID: d,
+          IS_TYPING: !1
+        }
+      }), s.current = !1;
+    }, 250);
+  };
+  return W(() => {
+    l != null && l.current && !f && d && (clearTimeout(r.current), r.current = setTimeout(() => {
+      var u;
+      (u = l == null ? void 0 : l.current) == null || u.focus();
+    }, 500));
+  }, [f, d]), x ? null : /* @__PURE__ */ h(
+    "div",
+    {
+      className: "w-input-container",
+      style: {
+        margin: 0
+      },
+      children: [
+        /* @__PURE__ */ t(Qo, { refInput: l }),
+        /* @__PURE__ */ t(
+          Yo,
+          {
+            setLoadingUpload: c,
+            isLoadingUpload: o
+          }
+        ),
+        /* @__PURE__ */ t(
+          Xe,
+          {
+            autoSize: {
+              maxRows: 3
+            },
+            ref: l,
+            className: "w-input-helpdesk",
+            placeholder: "Type a message...",
+            onChange: () => {
+              g();
+            },
+            onKeyDown: (u) => {
+              ((u == null ? void 0 : u.code) === "Enter" || (u == null ? void 0 : u.key) === "Enter") && !(u != null && u.shiftKey) && w();
+            },
+            filterOption: (u, m) => {
+              var D, O, V;
+              const y = (D = u == null ? void 0 : u.toString()) == null ? void 0 : D.toLowerCase(), p = (V = (O = m == null ? void 0 : m.FULL_NAME) == null ? void 0 : O.toString()) == null ? void 0 : V.toLowerCase();
+              return p == null ? void 0 : p.includes(y);
+            },
+            children: E == null ? void 0 : E.map((u, m) => /* @__PURE__ */ t(Xe.Option, { ...u, children: u == null ? void 0 : u.label }, m))
+          },
+          e
+        ),
+        /* @__PURE__ */ t(
+          R,
+          {
+            loading: o,
+            disabled: o,
+            className: "w-send-btn ",
+            style: { backgroundColor: "var(--primary-color, #395ebc)" },
+            icon: /* @__PURE__ */ t(K, { type: "send" }),
+            shape: "circle",
+            onClick: w
+          }
+        )
+      ]
+    }
+  );
+}, Jo = S(Zo), Xo = ({ title: e, subTitle: n, onClose: o, open: c, styleWrapper: l }) => {
+  var i;
+  return c ? /* @__PURE__ */ t(
+    "div",
+    {
+      className: "w-banner-container",
+      ...((i = Object.keys(l || {})) == null ? void 0 : i.length) > 0 && {
+        style: l
+      },
+      children: /* @__PURE__ */ h("div", { className: "w-banner-content", children: [
+        e && /* @__PURE__ */ t(F.Text, { style: { fontSize: 16, fontWeight: 600 }, children: e }),
+        n && /* @__PURE__ */ t("div", { className: "w-banner-subtitle", children: n }),
+        typeof o == "function" && /* @__PURE__ */ t("div", { className: "w-banner-close-btn", children: /* @__PURE__ */ t(
+          R,
+          {
+            style: { border: "none", background: "transparent" },
+            icon: /* @__PURE__ */ t(K, { type: "close" }),
+            onClick: () => o()
+          }
+        ) })
+      ] })
+    }
+  ) : null;
+}, Ln = S(Xo), jo = () => {
+  const e = A(
+    "ForMoreInformationOfThisTicket",
+    "For more information of this ticket"
+  ), n = A("ClickHere", "Click here"), { ticketId: o } = te(), { history: c } = I(), { encrypt: l } = xn();
+  return /* @__PURE__ */ t(
+    Ln,
+    {
+      subTitle: /* @__PURE__ */ h(Q, { children: [
+        /* @__PURE__ */ t(F.Text, { children: e }),
+        /* @__PURE__ */ t(
+          F.Link,
+          {
+            strong: !0,
+            className: "w-reconnect-manual",
+            onClick: () => {
+              const i = l(o);
+              c.push(
+                `/standard/hrm.helpdesk.my-ticket.ticket-details?id=${i}`
+              );
+            },
+            children: n
+          }
+        )
+      ] }),
+      open: !0,
+      styleWrapper: {
+        position: "sticky"
+      }
+    }
+  );
+}, Po = S(jo), ec = ({ onClose: e, visible: n }) => /* @__PURE__ */ t(En, { open: n, onClose: e, children: /* @__PURE__ */ h(So, { children: [
+  /* @__PURE__ */ t(Lo, {}),
+  /* @__PURE__ */ t(Po, {}),
+  /* @__PURE__ */ t(Vo, {}),
+  /* @__PURE__ */ t(Jo, {})
+] }) }), nc = S(ec), tc = () => {
+  const e = A("AdvanceFilter", "Advance Filter"), n = A("Subject", "Subject"), o = A(
+    "TicketCategory",
+    "Ticket Category"
+  ), c = A("TicketStatus", "Ticket Status"), l = A("CreatedDate", "Created Date"), i = A("New", "New"), s = A("Open", "Open"), r = A("Reopen", "Reopen"), a = A("InProgress", "In Progress"), d = A("Responded", "Responded"), f = A("Fixed", "Fixed"), C = A("Done", "Done"), T = A("Closed", "Closed"), b = A("HDCancelled", "Cancelled"), k = A("Clear", "Clear"), x = A("Filter", "Filter"), E = De(), [w] = J.useForm(), { openFilter: g, setOpenFilter: u, getListTicket: m, setCountFilters: y } = te(), [p, D] = _([]), O = L(() => {
+    const H = `${i}/${s}/${r}`, v = `${a}/${d}`, N = `${f}/${C}`;
+    return [
+      { value: 3, label: H },
+      { value: 1, label: v },
+      { value: 4, label: N },
+      { value: 6, label: T },
+      { value: 8, label: b }
+    ];
+  }, []), V = () => {
+    var H;
+    (H = E({
+      endpoint: "/helpdesk/category/list",
+      data: {
+        LIMIT: 999999,
+        PAGE: 1,
+        SELECTOR: "*",
+        SORT: { FIELD: "ORDER_NO", ORDER: "ASC" }
+      }
+    })) == null || H.then((v) => {
+      var N, z, M;
+      if ((N = v == null ? void 0 : v.data) != null && N.DATA) {
+        const $ = (M = (z = v == null ? void 0 : v.data) == null ? void 0 : z.DATA) == null ? void 0 : M.LIST;
+        D(
+          $ == null ? void 0 : $.map((G) => ({
+            label: G == null ? void 0 : G.CATEGORY_NAME,
+            value: G == null ? void 0 : G.CATEGORY_CODE
+          }))
+        );
+      }
+    });
+  }, U = () => {
+    var N, z;
+    const H = w == null ? void 0 : w.getFieldsValue(!0);
+    m(H);
+    const v = (z = (N = Object.values(H || {})) == null ? void 0 : N.flat()) == null ? void 0 : z.filter(Boolean);
+    y(v == null ? void 0 : v.length);
+  };
+  return W(() => {
+    V();
+  }, []), /* @__PURE__ */ h(
+    En,
+    {
+      styleContainer: { height: "calc(100% - 50px)" },
+      open: g,
+      onClose: () => {
+        u(!1);
+      },
+      footer: /* @__PURE__ */ h("div", { className: "w-ticket-list-advance-filter-footer", children: [
+        /* @__PURE__ */ t(
+          R,
+          {
+            onClick: () => {
+              w == null || w.resetFields(), U();
+            },
+            children: k
+          },
+          "clear"
+        ),
+        /* @__PURE__ */ t(
+          R,
+          {
+            type: "primary",
+            onClick: () => {
+              U(), u(!1);
+            },
+            children: x
+          },
+          "filter"
+        )
+      ] }),
+      children: [
+        /* @__PURE__ */ t(F.Text, { strong: !0, style: { fontSize: 16 }, children: e }),
+        /* @__PURE__ */ t("div", { className: "w-ticket-list-advance-filter-form-container", children: /* @__PURE__ */ h(J, { form: w, layout: "vertical", children: [
+          /* @__PURE__ */ t(J.Item, { label: n, name: "TASK_NAME", children: /* @__PURE__ */ t(Ee, { allowClear: !0 }) }),
+          /* @__PURE__ */ t(J.Item, { label: o, name: "CATEGORY_CODE", children: /* @__PURE__ */ t(je, { options: p, mode: "multiple", allowClear: !0 }) }),
+          /* @__PURE__ */ t(J.Item, { label: c, name: "TASK_STATUS", children: /* @__PURE__ */ t(je, { options: O, mode: "multiple", allowClear: !0 }) }),
+          /* @__PURE__ */ t(J.Item, { label: l, name: "CREATED_DATE", children: /* @__PURE__ */ t(Un, { style: { width: "100%" }, allowClear: !0 }) })
+        ] }) })
+      ]
+    }
+  );
+}, oc = S(tc), cc = () => {
+  const e = A(
+    "ReconnectManually",
+    "Reconnect Manually"
+  ), n = A(
+    "HelpdeskWebsocket",
+    "Helpdesk Websocket"
+  ), o = A("NotConnected", "Not Connected"), c = A("Connecting", "Connecting"), {
+    connectWebSocket: l,
+    retryCountState: i,
+    setRetryCountState: s,
+    retryCountRef: r
+  } = ie(), a = L(() => i === Ae ? `${n} ${o}` : `${n} ${c}`, [i]);
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      style: {
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        height: "100%"
+      },
+      children: /* @__PURE__ */ t(
+        Wn,
+        {
+          ...i === Ae ? {
+            status: "warning"
+          } : {
+            icon: null
+          },
+          title: a,
+          extra: i === Ae ? /* @__PURE__ */ t(
+            R,
+            {
+              type: "primary",
+              onClick: () => {
+                r.current = 0, s(0), l();
+              },
+              children: e
+            },
+            "reconnect"
+          ) : /* @__PURE__ */ t(
+            K,
+            {
+              type: "loading",
+              className: "w-spin-animate",
+              style: {
+                paddingTop: 8
+              }
+            }
+          )
+        }
+      )
+    }
+  );
+}, sc = S(cc), lc = () => {
+  const { setTicketId: e, ticketId: n, openFilter: o } = te(), { onSendMsg: c } = ie(), { showReadyWSHD: l } = I();
+  return l ? /* @__PURE__ */ h(Q, { children: [
+    /* @__PURE__ */ t(
+      nc,
+      {
+        visible: n,
+        onClose: () => {
+          e(""), c({
+            event: "LEAVE_ROOM",
+            data: {
+              TASK_ID: n
+            }
+          });
+        }
+      }
+    ),
+    /* @__PURE__ */ t("div", { style: { display: !n && !o ? "block" : "none" }, children: /* @__PURE__ */ t(wo, {}) }),
+    /* @__PURE__ */ t(oc, {})
+  ] }) : /* @__PURE__ */ t(sc, {});
+}, ic = S(lc), rc = () => {
+  const e = A("NeedHelp", "Need Help"), n = A(
+    "WidgetDisconnected",
+    "Widget Disconnected"
+  ), [o, c] = _(!1), l = B(), { widgetProps: i, setOpenWidget: s, isFirstOpenWidget: r, setFirstOpenWidget: a } = I(), { onSendMsg: d, connected: f, isHandshakeWidget: C } = ee(), T = () => {
+    s(!0), d({ msg: i == null ? void 0 : i.getStartedPayload });
+  };
+  return W(() => {
+    c(!f), window.clearTimeout(l.current), l.current = setTimeout(() => {
+      c(!1);
+    }, 2e3);
+  }, [f]), /* @__PURE__ */ t(
+    Ie,
+    {
+      open: o && C,
+      content: n,
+      placement: "right",
+      children: /* @__PURE__ */ h(
+        "div",
+        {
+          className: "w-launcher-container",
+          onClick: () => {
+            r || (a(!0), T()), s(!0);
+          },
+          children: [
+            /* @__PURE__ */ t(K, { type: "chat-bubble" }),
+            /* @__PURE__ */ h(
+              F.Text,
+              {
+                style: {
+                  fontWeight: 600,
+                  color: "#fff"
+                },
+                children: [
+                  e,
+                  "?"
+                ]
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}, ac = S(rc), dc = () => {
+  const e = A("NotConnected", "Not Connected"), n = A(
+    "CannotAutoReconnect",
+    "Cannot auto reconnect"
+  ), o = A(
+    "ReconnectManually",
+    "Reconnect Manually"
+  ), [c, l] = _(!1), { connected: i, createSocket: s } = ee(), { widgetProps: r } = I();
+  return W(() => {
+    l(!i);
+  }, [i]), /* @__PURE__ */ t(
+    Ln,
+    {
+      title: `${r == null ? void 0 : r.title} ${e}`,
+      subTitle: /* @__PURE__ */ h(Q, { children: [
+        /* @__PURE__ */ h(F.Text, { children: [
+          n,
+          "?"
+        ] }),
+        /* @__PURE__ */ t(
+          F.Link,
+          {
+            strong: !0,
+            className: "w-reconnect-manual",
+            onClick: () => {
+              s();
+            },
+            children: o
+          }
+        )
+      ] }),
+      onClose: () => l(!1),
+      open: !i && c
+    }
+  );
+}, uc = S(
+  dc
+), fc = () => {
+  const { xs: e } = ne.useBreakpoint(), [n, o] = _(!1), { isOpenWidget: c, widgetProps: l } = I(), { isActiveTabVA: i } = le(), s = B(null), r = L(() => {
+    var f;
+    const d = [Me];
+    return e && (l != null && l.isSF ? d == null || d.push(`${Me}-sf-mobile`) : d == null || d.push(`${Me}-mobile`)), (f = d == null ? void 0 : d.filter(Boolean)) == null ? void 0 : f.join(" ");
+  }, [e, l == null ? void 0 : l.isSF]), a = Mn(
+    (d) => {
+      var C;
+      const f = [d, Fe == null ? void 0 : Fe.FADE_IN];
+      return l != null && l.isSF && (f == null || f.push(`${d}-sf`)), e && (l != null && l.isSF ? f == null || f.push(`${d}-sf-mobile`) : f == null || f.push(`${d}-mobile`)), (C = f == null ? void 0 : f.filter(Boolean)) == null ? void 0 : C.join(" ");
+    },
+    [l == null ? void 0 : l.isSF, e]
+  );
+  return W(() => {
+    c && o(c), clearTimeout(s.current), s.current = setTimeout(() => {
+      c || o(c);
+    }, 250);
+  }, [c]), n ? /* @__PURE__ */ h("div", { className: r, children: [
+    /* @__PURE__ */ h("div", { style: { display: i ? "block" : "none" }, children: [
+      /* @__PURE__ */ t("div", { className: a(ot), children: /* @__PURE__ */ t(uo, {}) }),
+      /* @__PURE__ */ t(go, {})
+    ] }),
+    /* @__PURE__ */ t("div", { style: { display: i ? "none" : "block" }, children: /* @__PURE__ */ t("div", { className: a(ct), children: /* @__PURE__ */ t(ko, { children: /* @__PURE__ */ t(bo, { children: /* @__PURE__ */ t(ic, {}) }) }) }) }),
+    /* @__PURE__ */ t(uc, {})
+  ] }) : /* @__PURE__ */ t(ac, {});
+}, gc = S(fc), Cc = ({ items: e, ...n }) => Te != null && Te.startsWith("5") || be != null && be.startsWith("18") ? /* @__PURE__ */ t(Oe, { ...n, items: e }) : /* @__PURE__ */ t(Oe, { ...n, children: e == null ? void 0 : e.map(({ ...o }) => /* @__PURE__ */ $e(
+  Oe.TabPane,
+  {
+    ...o,
+    key: o == null ? void 0 : o.key,
+    tab: o == null ? void 0 : o.label
+  }
+)) }), mc = S(Cc), Tc = () => {
+  const { isOpenWidget: e } = I(), { setActiveTab: n, activeTab: o } = le(), c = A(
+    "VirtualAssistant",
+    "Virtual Assistant"
+  ), l = A("Helpdesk", "Helpdesk"), { xs: i } = ne.useBreakpoint();
+  return W(() => {
+    const s = an();
+    n((s == null ? void 0 : s.activeTab) ?? o);
+  }, []), e ? /* @__PURE__ */ t(
+    "div",
+    {
+      className: "w-widget-tab-footer-container",
+      ...i && {
+        style: {
+          borderRadius: 0
+        }
+      },
+      children: /* @__PURE__ */ t(
+        mc,
+        {
+          activeKey: o,
+          onChange: (s) => {
+            n(s), pe({
+              activeTab: s
+            });
+          },
+          items: [
+            {
+              label: c,
+              key: "va"
+            },
+            {
+              label: l,
+              key: "helpdesk"
+            }
+          ]
+        }
+      )
+    }
+  ) : null;
+}, bc = S(Tc), yc = () => {
+  const { isOpenWidget: e, setOpenWidget: n, setExpand: o, isExpand: c, widgetProps: l } = I(), { xs: i } = ne.useBreakpoint();
+  return e ? /* @__PURE__ */ h(
+    "div",
+    {
+      className: `${ke}-container`,
+      ...i && {
+        style: {
+          borderRadius: 0
+        }
+      },
+      children: [
+        /* @__PURE__ */ h("div", { className: `${ke}-text`, children: [
+          /* @__PURE__ */ t("h4", { className: `${ke}-title`, children: l == null ? void 0 : l.title }),
+          /* @__PURE__ */ t("span", { className: `${ke}-subtitle`, children: l == null ? void 0 : l.subTitle })
+        ] }),
+        /* @__PURE__ */ h("div", { className: `${ke}-action`, children: [
+          !i && /* @__PURE__ */ t(
+            K,
+            {
+              type: "expand",
+              style: {
+                transform: c ? "rotate(180deg)" : "rotate(0deg)",
+                transition: "all 300ms"
+              },
+              onClick: () => {
+                o((s) => !s);
+              }
+            }
+          ),
+          /* @__PURE__ */ t(
+            K,
+            {
+              type: "minimize",
+              onClick: () => {
+                n(!1);
+              }
+            }
+          )
+        ] })
+      ]
+    }
+  ) : null;
+}, hc = S(yc), kc = () => {
+  const { isExpand: e, isOpenWidget: n, isFirstOpenWidget: o, setOpenWidget: c } = I(), { xs: l } = ne.useBreakpoint(), i = L(() => {
+    var r;
+    const s = [
+      l && "w-container-widget-mobile",
+      o && (n ? "w-show-animate" : "w-close-animate"),
+      "w-container-widget",
+      e && "w-container-widget-expand"
+    ];
+    return (r = s == null ? void 0 : s.filter(Boolean)) == null ? void 0 : r.join(" ");
+  }, [e, l, o, n]);
+  return /* @__PURE__ */ h(
+    "div",
+    {
+      className: i,
+      onKeyDown: (s) => {
+        (s == null ? void 0 : s.code) === "Escape" && !(s != null && s.shiftKey) && !(s != null && s.altKey) && !(s != null && s.ctrlKey) && (s == null ? void 0 : s.key) === "Escape" && c(!1);
+      },
+      tabIndex: 0,
+      children: [
+        /* @__PURE__ */ t(hc, {}),
+        /* @__PURE__ */ t("div", { id: "w-widget-content", children: /* @__PURE__ */ h(Ut, { children: [
+          /* @__PURE__ */ t(Tt, { children: /* @__PURE__ */ t(gc, {}) }),
+          /* @__PURE__ */ t(bc, {})
+        ] }) })
+      ]
+    }
+  );
+}, Ac = S(kc), Fc = ({
+  getStartedPayload: e,
+  socketURL: n,
+  socketPath: o,
+  onPayslipFn: c,
+  title: l,
+  subTitle: i,
+  keyEncrypt: s,
+  history: r,
+  isSF: a = !1
+}) => /* @__PURE__ */ t(
+  gt,
+  {
+    getStartedPayload: e,
+    socketURL: n,
+    socketPath: o,
+    onPayslipFn: c,
+    title: l,
+    subTitle: i,
+    keyEncrypt: s,
+    history: r,
+    isSF: a,
+    children: /* @__PURE__ */ t(mt, { children: /* @__PURE__ */ t(Ac, {}) })
+  }
+);
+export {
+  Fc as default
+};