chat-customer-47net 1.3.8 → 1.4.0-staging

package/chat-customer-47net.es.js

@@ -17,7 +17,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 var _a;
-var render$9 = function () {
+var render$a = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -105,7 +105,7 @@ var render$9 = function () {
     }
   }, [_vm._v(" End Conversation ")]) : _vm._e()]) : _vm._e()]);
 };
-var staticRenderFns$8 = [];
+var staticRenderFns$9 = [];
 const ConsultHeader_vue_vue_type_style_index_0_scoped_true_lang = "";
 function normalizeComponent(scriptExports, render2, staticRenderFns2, functionalTemplate, injectStyles, scopeId, moduleIdentifier, shadowMode) {
   var options = typeof scriptExports === "function" ? scriptExports.options : scriptExports;
@@ -162,7 +162,7 @@ function normalizeComponent(scriptExports, render2, staticRenderFns2, functional
     options
   };
 }
-const __vue2_script$8 = {
+const __vue2_script$9 = {
   name: "ConsultHeader",
   props: {
     route: {
@@ -234,15 +234,15 @@ const __vue2_script$8 = {
     }
   }
 };
-const __cssModules$8 = {};
-var __component__$8 = /* @__PURE__ */normalizeComponent(__vue2_script$8, render$9, staticRenderFns$8, false, __vue2_injectStyles$8, "2330793e", null, null);
-function __vue2_injectStyles$8(context) {
-  for (let o in __cssModules$8) {
-    this[o] = __cssModules$8[o];
+const __cssModules$9 = {};
+var __component__$9 = /* @__PURE__ */normalizeComponent(__vue2_script$9, render$a, staticRenderFns$9, false, __vue2_injectStyles$9, "2330793e", null, null);
+function __vue2_injectStyles$9(context) {
+  for (let o in __cssModules$9) {
+    this[o] = __cssModules$9[o];
   }
 }
 const ConsultHeader = /* @__PURE__ */function () {
-  return __component__$8.exports;
+  return __component__$9.exports;
 }();
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 function getDefaultExportFromCjs(x) {
@@ -832,9 +832,336 @@ var timezone$1 = {
 })(timezone$1);
 var timezoneExports = timezone$1.exports;
 const timezone = /* @__PURE__ */getDefaultExportFromCjs(timezoneExports);
+var conversion = {
+  exports: {}
+};
+(function (module, exports) {
+  !function (t, e) {
+    module.exports = e();
+  }(commonjsGlobal, function () {
+    return function (t) {
+      var e = {};
+      function n(r) {
+        if (e[r]) return e[r].exports;
+        var o = e[r] = {
+          i: r,
+          l: false,
+          exports: {}
+        };
+        return t[r].call(o.exports, o, o.exports, n), o.l = true, o.exports;
+      }
+      return n.m = t, n.c = e, n.d = function (t2, e2, r) {
+        n.o(t2, e2) || Object.defineProperty(t2, e2, {
+          enumerable: true,
+          get: r
+        });
+      }, n.r = function (t2) {
+        "undefined" != typeof Symbol && Symbol.toStringTag && Object.defineProperty(t2, Symbol.toStringTag, {
+          value: "Module"
+        }), Object.defineProperty(t2, "__esModule", {
+          value: true
+        });
+      }, n.t = function (t2, e2) {
+        if (1 & e2 && (t2 = n(t2)), 8 & e2) return t2;
+        if (4 & e2 && "object" == typeof t2 && t2 && t2.__esModule) return t2;
+        var r = /* @__PURE__ */Object.create(null);
+        if (n.r(r), Object.defineProperty(r, "default", {
+          enumerable: true,
+          value: t2
+        }), 2 & e2 && "string" != typeof t2) for (var o in t2) n.d(r, o, function (e3) {
+          return t2[e3];
+        }.bind(null, o));
+        return r;
+      }, n.n = function (t2) {
+        var e2 = t2 && t2.__esModule ? function () {
+          return t2.default;
+        } : function () {
+          return t2;
+        };
+        return n.d(e2, "a", e2), e2;
+      }, n.o = function (t2, e2) {
+        return Object.prototype.hasOwnProperty.call(t2, e2);
+      }, n.p = "", n(n.s = 0);
+    }([function (t, e, n) {
+      var r;
+      function o(t2) {
+        return ["image/png", "image/jpeg", "image/gif"].some(e2 => e2 === t2);
+      }
+      n.r(e), n.d(e, "canvastoDataURL", function () {
+        return a;
+      }), n.d(e, "canvastoFile", function () {
+        return c;
+      }), n.d(e, "dataURLtoFile", function () {
+        return s;
+      }), n.d(e, "dataURLtoImage", function () {
+        return l;
+      }), n.d(e, "downloadFile", function () {
+        return d;
+      }), n.d(e, "filetoDataURL", function () {
+        return f;
+      }), n.d(e, "imagetoCanvas", function () {
+        return g;
+      }), n.d(e, "urltoBlob", function () {
+        return w;
+      }), n.d(e, "urltoImage", function () {
+        return m;
+      }), n.d(e, "compress", function () {
+        return p;
+      }), n.d(e, "compressAccurately", function () {
+        return b;
+      }), n.d(e, "EImageType", function () {
+        return r;
+      }), function (t2) {
+        t2.PNG = "image/png", t2.JPEG = "image/jpeg", t2.GIF = "image/gif";
+      }(r || (r = {}));
+      var i = function (t2, e2, n2, r2) {
+        return new (n2 || (n2 = Promise))(function (o2, i2) {
+          function a2(t3) {
+            try {
+              u2(r2.next(t3));
+            } catch (t4) {
+              i2(t4);
+            }
+          }
+          function c2(t3) {
+            try {
+              u2(r2.throw(t3));
+            } catch (t4) {
+              i2(t4);
+            }
+          }
+          function u2(t3) {
+            var e3;
+            t3.done ? o2(t3.value) : (e3 = t3.value, e3 instanceof n2 ? e3 : new n2(function (t4) {
+              t4(e3);
+            })).then(a2, c2);
+          }
+          u2((r2 = r2.apply(t2, e2 || [])).next());
+        });
+      };
+      function a(t2, e2 = 0.92, n2 = r.JPEG) {
+        return i(this, void 0, void 0, function* () {
+          return o(n2) || (n2 = r.JPEG), t2.toDataURL(n2, e2);
+        });
+      }
+      function c(t2, e2 = 0.92, n2 = r.JPEG) {
+        return new Promise(r2 => t2.toBlob(t3 => r2(t3), n2, e2));
+      }
+      var u = function (t2, e2, n2, r2) {
+        return new (n2 || (n2 = Promise))(function (o2, i2) {
+          function a2(t3) {
+            try {
+              u2(r2.next(t3));
+            } catch (t4) {
+              i2(t4);
+            }
+          }
+          function c2(t3) {
+            try {
+              u2(r2.throw(t3));
+            } catch (t4) {
+              i2(t4);
+            }
+          }
+          function u2(t3) {
+            var e3;
+            t3.done ? o2(t3.value) : (e3 = t3.value, e3 instanceof n2 ? e3 : new n2(function (t4) {
+              t4(e3);
+            })).then(a2, c2);
+          }
+          u2((r2 = r2.apply(t2, e2 || [])).next());
+        });
+      };
+      function s(t2, e2) {
+        return u(this, void 0, void 0, function* () {
+          const n2 = t2.split(",");
+          let r2 = n2[0].match(/:(.*?);/)[1];
+          const i2 = atob(n2[1]);
+          let a2 = i2.length;
+          const c2 = new Uint8Array(a2);
+          for (; a2--;) c2[a2] = i2.charCodeAt(a2);
+          return o(e2) && (r2 = e2), new Blob([c2], {
+            type: r2
+          });
+        });
+      }
+      function l(t2) {
+        return new Promise((e2, n2) => {
+          const r2 = new Image();
+          r2.onload = () => e2(r2), r2.onerror = () => n2(new Error("dataURLtoImage(): dataURL is illegal")), r2.src = t2;
+        });
+      }
+      function d(t2, e2) {
+        const n2 = document.createElement("a");
+        n2.href = window.URL.createObjectURL(t2), n2.download = e2 || Date.now().toString(36), document.body.appendChild(n2);
+        const r2 = document.createEvent("MouseEvents");
+        r2.initEvent("click", false, false), n2.dispatchEvent(r2), document.body.removeChild(n2);
+      }
+      function f(t2) {
+        return new Promise(e2 => {
+          const n2 = new FileReader();
+          n2.onloadend = t3 => e2(t3.target.result), n2.readAsDataURL(t2);
+        });
+      }
+      var h = function (t2, e2, n2, r2) {
+        return new (n2 || (n2 = Promise))(function (o2, i2) {
+          function a2(t3) {
+            try {
+              u2(r2.next(t3));
+            } catch (t4) {
+              i2(t4);
+            }
+          }
+          function c2(t3) {
+            try {
+              u2(r2.throw(t3));
+            } catch (t4) {
+              i2(t4);
+            }
+          }
+          function u2(t3) {
+            var e3;
+            t3.done ? o2(t3.value) : (e3 = t3.value, e3 instanceof n2 ? e3 : new n2(function (t4) {
+              t4(e3);
+            })).then(a2, c2);
+          }
+          u2((r2 = r2.apply(t2, e2 || [])).next());
+        });
+      };
+      function g(t2, e2 = {}) {
+        return h(this, void 0, void 0, function* () {
+          const n2 = Object.assign({}, e2),
+            r2 = document.createElement("canvas"),
+            o2 = r2.getContext("2d");
+          let i2, a2;
+          for (const t3 in n2) Object.prototype.hasOwnProperty.call(n2, t3) && (n2[t3] = Number(n2[t3]));
+          if (n2.scale) {
+            const e3 = n2.scale > 0 && n2.scale < 10 ? n2.scale : 1;
+            a2 = t2.width * e3, i2 = t2.height * e3;
+          } else a2 = n2.width || n2.height * t2.width / t2.height || t2.width, i2 = n2.height || n2.width * t2.height / t2.width || t2.height;
+          switch ([5, 6, 7, 8].some(t3 => t3 === n2.orientation) ? (r2.height = a2, r2.width = i2) : (r2.height = i2, r2.width = a2), n2.orientation) {
+            case 3:
+              o2.rotate(180 * Math.PI / 180), o2.drawImage(t2, -r2.width, -r2.height, r2.width, r2.height);
+              break;
+            case 6:
+              o2.rotate(90 * Math.PI / 180), o2.drawImage(t2, 0, -r2.width, r2.height, r2.width);
+              break;
+            case 8:
+              o2.rotate(270 * Math.PI / 180), o2.drawImage(t2, -r2.height, 0, r2.height, r2.width);
+              break;
+            case 2:
+              o2.translate(r2.width, 0), o2.scale(-1, 1), o2.drawImage(t2, 0, 0, r2.width, r2.height);
+              break;
+            case 4:
+              o2.translate(r2.width, 0), o2.scale(-1, 1), o2.rotate(180 * Math.PI / 180), o2.drawImage(t2, -r2.width, -r2.height, r2.width, r2.height);
+              break;
+            case 5:
+              o2.translate(r2.width, 0), o2.scale(-1, 1), o2.rotate(90 * Math.PI / 180), o2.drawImage(t2, 0, -r2.width, r2.height, r2.width);
+              break;
+            case 7:
+              o2.translate(r2.width, 0), o2.scale(-1, 1), o2.rotate(270 * Math.PI / 180), o2.drawImage(t2, -r2.height, 0, r2.height, r2.width);
+              break;
+            default:
+              o2.drawImage(t2, 0, 0, r2.width, r2.height);
+          }
+          return r2;
+        });
+      }
+      function w(t2) {
+        return fetch(t2).then(t3 => t3.blob());
+      }
+      function m(t2) {
+        return new Promise((e2, n2) => {
+          const r2 = new Image();
+          r2.onload = () => e2(r2), r2.onerror = () => n2(new Error("urltoImage(): Image failed to load, please check the image URL")), r2.src = t2;
+        });
+      }
+      var y = function (t2, e2, n2, r2) {
+        return new (n2 || (n2 = Promise))(function (o2, i2) {
+          function a2(t3) {
+            try {
+              u2(r2.next(t3));
+            } catch (t4) {
+              i2(t4);
+            }
+          }
+          function c2(t3) {
+            try {
+              u2(r2.throw(t3));
+            } catch (t4) {
+              i2(t4);
+            }
+          }
+          function u2(t3) {
+            var e3;
+            t3.done ? o2(t3.value) : (e3 = t3.value, e3 instanceof n2 ? e3 : new n2(function (t4) {
+              t4(e3);
+            })).then(a2, c2);
+          }
+          u2((r2 = r2.apply(t2, e2 || [])).next());
+        });
+      };
+      function p(t2, e2 = {}) {
+        return y(this, void 0, void 0, function* () {
+          if (!(t2 instanceof Blob)) throw new Error("compress(): First arg must be a Blob object or a File object.");
+          if ("object" != typeof e2 && (e2 = Object.assign({
+            quality: e2
+          })), e2.quality = Number(e2.quality), Number.isNaN(e2.quality)) return t2;
+          const n2 = yield f(t2);
+          let i2 = n2.split(",")[0].match(/:(.*?);/)[1],
+            c2 = r.JPEG;
+          o(e2.type) && (c2 = e2.type, i2 = e2.type);
+          const u2 = yield l(n2),
+            d2 = yield g(u2, Object.assign({}, e2)),
+            h2 = yield a(d2, e2.quality, c2),
+            w2 = yield s(h2, i2);
+          return w2.size > t2.size ? t2 : w2;
+        });
+      }
+      function b(t2, e2 = {}) {
+        return y(this, void 0, void 0, function* () {
+          if (!(t2 instanceof Blob)) throw new Error("compressAccurately(): First arg must be a Blob object or a File object.");
+          if ("object" != typeof e2 && (e2 = Object.assign({
+            size: e2
+          })), e2.size = Number(e2.size), Number.isNaN(e2.size)) return t2;
+          if (1024 * e2.size > t2.size) return t2;
+          e2.accuracy = Number(e2.accuracy), (!e2.accuracy || e2.accuracy < 0.8 || e2.accuracy > 0.99) && (e2.accuracy = 0.95);
+          const n2 = e2.size * (2 - e2.accuracy) * 1024,
+            i2 = 1024 * e2.size,
+            c2 = e2.size * e2.accuracy * 1024,
+            u2 = yield f(t2);
+          let d2 = u2.split(",")[0].match(/:(.*?);/)[1],
+            h2 = r.JPEG;
+          o(e2.type) && (h2 = e2.type, d2 = e2.type);
+          const w2 = yield l(u2),
+            m2 = yield g(w2, Object.assign({}, e2));
+          let y2,
+            p2 = 0.5;
+          const b2 = [null, null];
+          for (let t3 = 1; t3 <= 7; t3++) {
+            y2 = yield a(m2, p2, h2);
+            const e3 = 0.75 * y2.length;
+            if (7 === t3) {
+              (n2 < e3 || c2 > e3) && (y2 = [y2, ...b2].filter(t4 => t4).sort((t4, e4) => Math.abs(0.75 * t4.length - i2) - Math.abs(0.75 * e4.length - i2))[0]);
+              break;
+            }
+            if (n2 < e3) b2[1] = y2, p2 -= Math.pow(0.5, t3 + 1);else {
+              if (!(c2 > e3)) break;
+              b2[0] = y2, p2 += Math.pow(0.5, t3 + 1);
+            }
+          }
+          const v = yield s(y2, d2);
+          return v.size > t2.size ? t2 : v;
+        });
+      }
+    }]);
+  });
+})(conversion);
+var conversionExports = conversion.exports;
+var imageConversion = conversionExports;
 dayjs.extend(utc);
 dayjs.extend(timezone);
-const version = "1.3.7";
+const version = "1.4.0-staging";
 const publicDateFormat = "MM/DD/YY";
 const serverLocal = "America/New_York";
 const getTime = dateTime => {
@@ -938,7 +1265,30 @@ const getToken = () => {
   const token = getCookie("auth._token.login");
   return token && token !== "false" ? token : "";
 };
-var render$8 = function () {
+const compressImageGetFile = ({
+  file,
+  fileChange = null
+}, size = 100) => {
+  return new Promise(resolve => {
+    const type = file.type;
+    if (type === "image/jpeg" || type === "image/png") {
+      let endType = fileChange ? fileChange.type : type;
+      imageConversion.compressAccurately(file, {
+        size,
+        quality: 1,
+        type: endType
+      }).then(res => {
+        const newFile = new File([res], fileChange ? `${file.name.replace(/\.[^/.]+$/, "")}.${fileChange.nameSuffix}` : file.name, {
+          type: endType
+        });
+        resolve(newFile);
+      });
+    } else {
+      resolve(file);
+    }
+  });
+};
+var render$9 = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -1000,7 +1350,7 @@ var render$8 = function () {
     }
   }, [_vm._v(" Start New Conversation 💬 ")]) : _vm._e()], 2)]);
 };
-var staticRenderFns$7 = [function () {
+var staticRenderFns$8 = [function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -1009,7 +1359,7 @@ var staticRenderFns$7 = [function () {
   }, [_c("p", [_vm._v("Welcome !")]), _c("p", [_vm._v("We’re here to help")])]);
 }];
 const ConsultCover_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$7 = {
+const __vue2_script$8 = {
   name: "ConsultCover",
   components: {},
   props: {
@@ -1069,7 +1419,7 @@ const __vue2_script$7 = {
   methods: {
     handleStartNewConversation() {
       this.$emit("newConversation");
-      this.$emit("trackEvent", "Start conversion");
+      this.$emit("trackEvent", "Start conversation");
     },
     handleConversations() {
       this.$emit("handleRoute", "conversations");
@@ -1081,7 +1431,7 @@ const __vue2_script$7 = {
         return;
       }
       this.$emit("handleToConversation", this.record);
-      this.$emit("trackEvent", "Start conversion");
+      this.$emit("trackEvent", "Start conversation");
     },
     handleTouchStart(e) {
       this.touchStartTime = Date.now();
@@ -1111,17 +1461,17 @@ const __vue2_script$7 = {
     }
   }
 };
-const __cssModules$7 = {};
-var __component__$7 = /* @__PURE__ */normalizeComponent(__vue2_script$7, render$8, staticRenderFns$7, false, __vue2_injectStyles$7, "10b3767f", null, null);
-function __vue2_injectStyles$7(context) {
-  for (let o in __cssModules$7) {
-    this[o] = __cssModules$7[o];
+const __cssModules$8 = {};
+var __component__$8 = /* @__PURE__ */normalizeComponent(__vue2_script$8, render$9, staticRenderFns$8, false, __vue2_injectStyles$8, "3c515d99", null, null);
+function __vue2_injectStyles$8(context) {
+  for (let o in __cssModules$8) {
+    this[o] = __cssModules$8[o];
   }
 }
 const ConsultCover = /* @__PURE__ */function () {
-  return __component__$7.exports;
+  return __component__$8.exports;
 }();
-var render$7 = function () {
+var render$8 = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -1183,9 +1533,9 @@ var render$7 = function () {
     }
   }, [_vm._v(" Send ")])])]);
 };
-var staticRenderFns$6 = [];
+var staticRenderFns$7 = [];
 const ConsultSign_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$6 = {
+const __vue2_script$7 = {
   name: "ConsultSign",
   components: {},
   props: {
@@ -1236,17 +1586,17 @@ const __vue2_script$6 = {
     }
   }
 };
-const __cssModules$6 = {};
-var __component__$6 = /* @__PURE__ */normalizeComponent(__vue2_script$6, render$7, staticRenderFns$6, false, __vue2_injectStyles$6, "ebcf6c66", null, null);
-function __vue2_injectStyles$6(context) {
-  for (let o in __cssModules$6) {
-    this[o] = __cssModules$6[o];
+const __cssModules$7 = {};
+var __component__$7 = /* @__PURE__ */normalizeComponent(__vue2_script$7, render$8, staticRenderFns$7, false, __vue2_injectStyles$7, "ebcf6c66", null, null);
+function __vue2_injectStyles$7(context) {
+  for (let o in __cssModules$7) {
+    this[o] = __cssModules$7[o];
   }
 }
 const ConsultSign = /* @__PURE__ */function () {
-  return __component__$6.exports;
+  return __component__$7.exports;
 }();
-var render$6 = function () {
+var render$7 = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -1300,9 +1650,9 @@ var render$6 = function () {
     }
   }, [_vm._v(" Start New Conversation 💬 ")])])]);
 };
-var staticRenderFns$5 = [];
+var staticRenderFns$6 = [];
 const ConsultConversations_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$5 = {
+const __vue2_script$6 = {
   name: "ConsultConversations",
   components: {},
   props: {
@@ -1345,15 +1695,15 @@ const __vue2_script$5 = {
     }
   }
 };
-const __cssModules$5 = {};
-var __component__$5 = /* @__PURE__ */normalizeComponent(__vue2_script$5, render$6, staticRenderFns$5, false, __vue2_injectStyles$5, "61a191ac", null, null);
-function __vue2_injectStyles$5(context) {
-  for (let o in __cssModules$5) {
-    this[o] = __cssModules$5[o];
+const __cssModules$6 = {};
+var __component__$6 = /* @__PURE__ */normalizeComponent(__vue2_script$6, render$7, staticRenderFns$6, false, __vue2_injectStyles$6, "61a191ac", null, null);
+function __vue2_injectStyles$6(context) {
+  for (let o in __cssModules$6) {
+    this[o] = __cssModules$6[o];
   }
 }
 const ConsultConversations = /* @__PURE__ */function () {
-  return __component__$5.exports;
+  return __component__$6.exports;
 }();
 function _getDefaults() {
   return {
@@ -6121,11 +6471,22 @@ function updateUserEmail(data, baseURL) {
     baseURL
   });
 }
-var render$5 = function () {
+function uploadChatImage(data, baseURL) {
+  return request({
+    url: `/api/chats/uploadChatImage`,
+    method: "post",
+    data,
+    baseURL,
+    headers: {
+      "Content-Type": "multipart/form-data"
+    }
+  });
+}
+var render$6 = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return _c("div", [_vm.type === 1 || _vm.type === 8 || _vm.type === 10 ? _c("div", {
+  return _c("div", [_vm.type === 1 || _vm.type === 2 || _vm.type === 8 || _vm.type === 10 ? _c("div", {
     staticClass: "consult-47this-chat-item",
     style: {
       "--theme-color": _vm.themeColors,
@@ -6133,7 +6494,7 @@ var render$5 = function () {
     }
   }, [_vm.userOrOther === "user" || _vm.itemUserId === _vm.userId ? _c("div", {
     staticClass: "consult-47this-chat-item-user"
-  }, [_c("p", {
+  }, [_vm.type !== 2 ? _c("p", {
     on: {
       "click": _vm.handleLinkClick
     }
@@ -6144,6 +6505,22 @@ var render$5 = function () {
     }
   }), _c("span", {
     staticClass: "time"
+  }, [_vm._v(_vm._s(_vm.time))])]) : _c("div", {
+    staticClass: "consult-47this-chat-item-img",
+    class: {
+      "consult-image-loaded": _vm.isImageLoaded
+    }
+  }, [_c("img", {
+    attrs: {
+      "src": _vm.message,
+      "alt": ""
+    },
+    on: {
+      "load": _vm.handleImageLoad,
+      "click": _vm.showPreviewImage
+    }
+  }), _c("span", {
+    staticClass: "time"
   }, [_vm._v(_vm._s(_vm.time))])])]) : _c("div", {
     staticClass: "consult-47this-chat-item-consult"
   }, [_c("div", {
@@ -6152,12 +6529,13 @@ var render$5 = function () {
       flicker: _vm.chatType === "ai-thinking"
     }
   }, [_c("img", {
+    staticClass: "consult-47this-chat-item-face",
     attrs: {
       "src": _vm.avatar,
       "alt": "avatar",
       "onload": "this.style.opacity=1"
     }
-  })]), _c("div", [_c("h3", [_vm._v(_vm._s(_vm.name))]), _c("p", {
+  })]), _c("div", [_c("h3", [_vm._v(_vm._s(_vm.name))]), _vm.type !== 2 ? _c("p", {
     on: {
       "click": _vm.handleLinkClick
     }
@@ -6188,6 +6566,22 @@ var render$5 = function () {
     }
   }, [_vm._v("Connect with an Agent")])]) : _vm._e(), _c("span", {
     staticClass: "time"
+  }, [_vm._v(_vm._s(_vm.time))])]) : _c("div", {
+    staticClass: "consult-47this-chat-item-img",
+    class: {
+      "consult-image-loaded": _vm.isImageLoaded
+    }
+  }, [_c("img", {
+    attrs: {
+      "src": _vm.message,
+      "alt": ""
+    },
+    on: {
+      "load": _vm.handleImageLoad,
+      "click": _vm.showPreviewImage
+    }
+  }), _c("span", {
+    staticClass: "time"
   }, [_vm._v(_vm._s(_vm.time))])])])])]) : _vm._e(), _vm.type === 6 ? _c("div", {
     staticClass: "consult-47this-chat-email"
   }, [_c("h4", [_vm._v("Please fill in your email address and the system will send you the chat history.")]), _vm._m(0), _c("input", {
@@ -6282,7 +6676,7 @@ var render$5 = function () {
     }
   }, [_vm._v("send")])]) : _vm._e()]);
 };
-var staticRenderFns$4 = [function () {
+var staticRenderFns$5 = [function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -6312,15 +6706,15 @@ const hexToRgb = hex => {
   const b = parseInt(hex.slice(5, 7), 16);
   return `${r}, ${g}, ${b}`;
 };
-const render$4 = new marked.Renderer();
+const render$5 = new marked.Renderer();
 marked.setOptions({
-  renderer: render$4,
+  renderer: render$5,
   gfm: true,
   pedantic: false,
   breaks: true,
   sanitize: false
 });
-const __vue2_script$4 = {
+const __vue2_script$5 = {
   name: "ConsultChatItem",
   props: {
     item: {
@@ -6422,7 +6816,8 @@ const __vue2_script$4 = {
       _typeController: null,
       isTyping: false,
       // 标记组件已挂载：只有当 _hasMounted 为 true 时，新的 message 才会触发打字机
-      _hasMounted: false
+      _hasMounted: false,
+      isImageLoaded: false
     };
   },
   computed: {
@@ -6441,7 +6836,7 @@ const __vue2_script$4 = {
       this.stopTypewriter();
       if (this._shouldType && newVal && this._hasMounted && this.item.source === "socket") {
         this.isTyping = true;
-        this._typeController = this.typewriterRender2(newVal, {
+        this._typeController = this.typewriterRender(newVal, {
           speed: this.typeSpeed,
           chunk: this.chunk,
           charsPerRender: this.charsPerRender,
@@ -6485,61 +6880,8 @@ const __vue2_script$4 = {
       const text = (src || "").replace(/ {2,}/g, match => "&nbsp;".repeat(match.length));
       return marked(text);
     },
-    typewriterRender(message, opts = {}) {
-      const speed = typeof opts.speed === "number" ? opts.speed : 40;
-      const chunk = Math.max(1, typeof opts.chunk === "number" ? opts.chunk : 1);
-      const charsPerRender = Math.max(1, typeof opts.charsPerRender === "number" ? opts.charsPerRender : 3);
-      const onUpdate = typeof opts.onUpdate === "function" ? opts.onUpdate : html2 => {
-        this.displayedHtml = html2;
-      };
-      const onComplete = typeof opts.onComplete === "function" ? opts.onComplete : () => {};
-      if (!message) {
-        onUpdate("");
-        onComplete();
-        return {
-          stop() {}
-        };
-      }
-      const preprocess = s => (s || "").replace(/ {2,}/g, m => "&nbsp;".repeat(m.length));
-      const src = preprocess(message);
-      const len = src.length;
-      let index = 0;
-      let stopped = false;
-      let timer = null;
-      const step = () => {
-        if (stopped) return;
-        index = Math.min(len, index + chunk);
-        if (index % charsPerRender === 0 || index === len) {
-          try {
-            const html2 = marked(src.slice(0, index));
-            onUpdate(html2);
-          } catch (err) {
-            onUpdate(marked(src));
-            stopped = true;
-            onComplete();
-            return;
-          }
-        }
-        if (index >= len) {
-          stopped = true;
-          onComplete();
-          return;
-        }
-        timer = setTimeout(step, speed);
-      };
-      timer = setTimeout(step, speed);
-      return {
-        stop() {
-          stopped = true;
-          if (timer) {
-            clearTimeout(timer);
-            timer = null;
-          }
-        }
-      };
-    },
     // 避免打出a标签
-    typewriterRender2(message, opts = {}) {
+    typewriterRender(message, opts = {}) {
       const speed = typeof opts.speed === "number" ? opts.speed : 40;
       const chunk = Math.max(1, typeof opts.chunk === "number" ? opts.chunk : 1);
       const charsPerRender = Math.max(1, typeof opts.charsPerRender === "number" ? opts.charsPerRender : 3);
@@ -6757,17 +7099,1188 @@ const __vue2_script$4 = {
         question: this.clientQuestion,
         updateTime: this.updateTime
       });
+    },
+    showPreviewImage() {
+      console.log("showPreviewImage", this.message);
+      this.$emit("showPreviewImage", this.message);
+    },
+    handleImageLoad() {
+      this.isImageLoaded = true;
+    }
+  }
+};
+const __cssModules$5 = {};
+var __component__$5 = /* @__PURE__ */normalizeComponent(__vue2_script$5, render$6, staticRenderFns$5, false, __vue2_injectStyles$5, "0d1b02c7", null, null);
+function __vue2_injectStyles$5(context) {
+  for (let o in __cssModules$5) {
+    this[o] = __cssModules$5[o];
+  }
+}
+const ConsultChatItem = /* @__PURE__ */function () {
+  return __component__$5.exports;
+}();
+var render$4 = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("div", {
+    staticClass: "consult-47this-emoji-picker"
+  }, [_c("div", {
+    staticClass: "consult-47this-emoji-tabs"
+  }, _vm._l(_vm.tabs, function (tab) {
+    return _c("button", {
+      key: tab,
+      class: {
+        active: _vm.activeTab === tab
+      },
+      on: {
+        "click": function ($event) {
+          _vm.activeTab = tab;
+        }
+      }
+    }, [_vm._v(" " + _vm._s(tab) + " ")]);
+  }), 0), _c("div", {
+    staticClass: "consult-47this-emoji-grid"
+  }, _vm._l(_vm.filteredEmojis, function (emoji) {
+    return _c("span", {
+      key: emoji.char,
+      staticClass: "consult-47this-emoji",
+      attrs: {
+        "title": emoji.name
+      },
+      on: {
+        "click": function ($event) {
+          return _vm.insertEmoji(emoji.char);
+        }
+      }
+    }, [_vm._v(" " + _vm._s(emoji.char) + " ")]);
+  }), 0)]);
+};
+var staticRenderFns$4 = [];
+const UnicodeEmojiPicker_vue_vue_type_style_index_0_scoped_true_lang = "";
+const __vue2_script$4 = {
+  name: "UnicodeEmojiPicker",
+  data() {
+    return {
+      activeTab: "Smileys",
+      // 默认选中分类
+      tabs: ["Smileys", "Animals", "Food", "Travel", "Objects", "Symbols"],
+      emojis: [
+      // Smileys & People (45个)
+      {
+        char: "😀",
+        name: "Grinning Face",
+        category: "Smileys"
+      }, {
+        char: "😃",
+        name: "Grinning Face with Big Eyes",
+        category: "Smileys"
+      }, {
+        char: "😄",
+        name: "Grinning Face with Smiling Eyes",
+        category: "Smileys"
+      }, {
+        char: "😁",
+        name: "Beaming Face with Smiling Eyes",
+        category: "Smileys"
+      }, {
+        char: "😆",
+        name: "Grinning Squinting Face",
+        category: "Smileys"
+      }, {
+        char: "😅",
+        name: "Grinning Face with Sweat",
+        category: "Smileys"
+      }, {
+        char: "🤣",
+        name: "Rolling on the Floor Laughing",
+        category: "Smileys"
+      }, {
+        char: "😂",
+        name: "Face with Tears of Joy",
+        category: "Smileys"
+      }, {
+        char: "👍",
+        name: "Thumbs Up",
+        category: "Smileys"
+      }, {
+        char: "👏",
+        name: "Clapping Hands",
+        category: "Smileys"
+      }, {
+        char: "🙂",
+        name: "Slightly Smiling Face",
+        category: "Smileys"
+      }, {
+        char: "🙃",
+        name: "Upside-Down Face",
+        category: "Smileys"
+      }, {
+        char: "😉",
+        name: "Winking Face",
+        category: "Smileys"
+      }, {
+        char: "😊",
+        name: "Smiling Face with Smiling Eyes",
+        category: "Smileys"
+      }, {
+        char: "😇",
+        name: "Smiling Face with Halo",
+        category: "Smileys"
+      }, {
+        char: "🥰",
+        name: "Smiling Face with Hearts",
+        category: "Smileys"
+      }, {
+        char: "😍",
+        name: "Smiling Face with Heart-Eyes",
+        category: "Smileys"
+      }, {
+        char: "🤩",
+        name: "Star-Struck",
+        category: "Smileys"
+      }, {
+        char: "😘",
+        name: "Face Blowing a Kiss",
+        category: "Smileys"
+      }, {
+        char: "😗",
+        name: "Kissing Face",
+        category: "Smileys"
+      }, {
+        char: "😚",
+        name: "Kissing Face with Closed Eyes",
+        category: "Smileys"
+      }, {
+        char: "😙",
+        name: "Kissing Face with Smiling Eyes",
+        category: "Smileys"
+      }, {
+        char: "🥲",
+        name: "Smiling Face with Tear",
+        category: "Smileys"
+      }, {
+        char: "😋",
+        name: "Face Savoring Food",
+        category: "Smileys"
+      }, {
+        char: "😛",
+        name: "Face with Tongue",
+        category: "Smileys"
+      }, {
+        char: "😜",
+        name: "Winking Face with Tongue",
+        category: "Smileys"
+      }, {
+        char: "🤪",
+        name: "Zany Face",
+        category: "Smileys"
+      }, {
+        char: "😝",
+        name: "Squinting Face with Tongue",
+        category: "Smileys"
+      }, {
+        char: "🤑",
+        name: "Money-Mouth Face",
+        category: "Smileys"
+      }, {
+        char: "🤗",
+        name: "Hugging Face",
+        category: "Smileys"
+      }, {
+        char: "🤭",
+        name: "Face with Hand Over Mouth",
+        category: "Smileys"
+      }, {
+        char: "🤫",
+        name: "Shushing Face",
+        category: "Smileys"
+      }, {
+        char: "🤔",
+        name: "Thinking Face",
+        category: "Smileys"
+      }, {
+        char: "😐",
+        name: "Neutral Face",
+        category: "Smileys"
+      }, {
+        char: "😑",
+        name: "Expressionless Face",
+        category: "Smileys"
+      }, {
+        char: "😶",
+        name: "Face Without Mouth",
+        category: "Smileys"
+      }, {
+        char: "😏",
+        name: "Smirking Face",
+        category: "Smileys"
+      }, {
+        char: "😒",
+        name: "Unamused Face",
+        category: "Smileys"
+      }, {
+        char: "🙄",
+        name: "Face with Rolling Eyes",
+        category: "Smileys"
+      }, {
+        char: "😬",
+        name: "Grimacing Face",
+        category: "Smileys"
+      }, {
+        char: "🤥",
+        name: "Lying Face",
+        category: "Smileys"
+      }, {
+        char: "😌",
+        name: "Relieved Face",
+        category: "Smileys"
+      }, {
+        char: "😔",
+        name: "Pensive Face",
+        category: "Smileys"
+      }, {
+        char: "😪",
+        name: "Sleepy Face",
+        category: "Smileys"
+      }, {
+        char: "🤤",
+        name: "Drooling Face",
+        category: "Smileys"
+      }, {
+        char: "😴",
+        name: "Sleeping Face",
+        category: "Smileys"
+      }, {
+        char: "😷",
+        name: "Face with Medical Mask",
+        category: "Smileys"
+      },
+      // Animals & Nature (45个)
+      {
+        char: "🐶",
+        name: "Dog Face",
+        category: "Animals"
+      }, {
+        char: "🐱",
+        name: "Cat Face",
+        category: "Animals"
+      }, {
+        char: "🐭",
+        name: "Mouse Face",
+        category: "Animals"
+      }, {
+        char: "🐹",
+        name: "Hamster",
+        category: "Animals"
+      }, {
+        char: "🐰",
+        name: "Rabbit Face",
+        category: "Animals"
+      }, {
+        char: "🦊",
+        name: "Fox Face",
+        category: "Animals"
+      }, {
+        char: "🐻",
+        name: "Bear",
+        category: "Animals"
+      }, {
+        char: "🐼",
+        name: "Panda",
+        category: "Animals"
+      }, {
+        char: "🐨",
+        name: "Koala",
+        category: "Animals"
+      }, {
+        char: "🐯",
+        name: "Tiger Face",
+        category: "Animals"
+      }, {
+        char: "🦁",
+        name: "Lion",
+        category: "Animals"
+      }, {
+        char: "🐮",
+        name: "Cow Face",
+        category: "Animals"
+      }, {
+        char: "🐷",
+        name: "Pig Face",
+        category: "Animals"
+      }, {
+        char: "🐸",
+        name: "Frog",
+        category: "Animals"
+      }, {
+        char: "🐵",
+        name: "Monkey Face",
+        category: "Animals"
+      }, {
+        char: "🐔",
+        name: "Chicken",
+        category: "Animals"
+      }, {
+        char: "🐧",
+        name: "Penguin",
+        category: "Animals"
+      }, {
+        char: "🐦",
+        name: "Bird",
+        category: "Animals"
+      }, {
+        char: "🐤",
+        name: "Baby Chick",
+        category: "Animals"
+      }, {
+        char: "🦆",
+        name: "Duck",
+        category: "Animals"
+      }, {
+        char: "🦅",
+        name: "Eagle",
+        category: "Animals"
+      }, {
+        char: "🦉",
+        name: "Owl",
+        category: "Animals"
+      }, {
+        char: "🦇",
+        name: "Bat",
+        category: "Animals"
+      }, {
+        char: "🐺",
+        name: "Wolf",
+        category: "Animals"
+      }, {
+        char: "🐗",
+        name: "Boar",
+        category: "Animals"
+      }, {
+        char: "🐴",
+        name: "Horse Face",
+        category: "Animals"
+      }, {
+        char: "🦄",
+        name: "Unicorn",
+        category: "Animals"
+      }, {
+        char: "🐝",
+        name: "Honeybee",
+        category: "Animals"
+      }, {
+        char: "🐛",
+        name: "Bug",
+        category: "Animals"
+      }, {
+        char: "🦋",
+        name: "Butterfly",
+        category: "Animals"
+      }, {
+        char: "🐌",
+        name: "Snail",
+        category: "Animals"
+      }, {
+        char: "🐞",
+        name: "Lady Beetle",
+        category: "Animals"
+      }, {
+        char: "🐜",
+        name: "Ant",
+        category: "Animals"
+      }, {
+        char: "🦗",
+        name: "Cricket",
+        category: "Animals"
+      }, {
+        char: "🕷️",
+        name: "Spider",
+        category: "Animals"
+      }, {
+        char: "🦂",
+        name: "Scorpion",
+        category: "Animals"
+      }, {
+        char: "🐢",
+        name: "Turtle",
+        category: "Animals"
+      }, {
+        char: "🐍",
+        name: "Snake",
+        category: "Animals"
+      }, {
+        char: "🦎",
+        name: "Lizard",
+        category: "Animals"
+      }, {
+        char: "🦖",
+        name: "T-Rex",
+        category: "Animals"
+      }, {
+        char: "🦕",
+        name: "Sauropod",
+        category: "Animals"
+      }, {
+        char: "🐙",
+        name: "Octopus",
+        category: "Animals"
+      }, {
+        char: "🦑",
+        name: "Squid",
+        category: "Animals"
+      }, {
+        char: "🦐",
+        name: "Shrimp",
+        category: "Animals"
+      }, {
+        char: "🦞",
+        name: "Lobster",
+        category: "Animals"
+      },
+      // Food & Drink (45个)
+      {
+        char: "🍏",
+        name: "Green Apple",
+        category: "Food"
+      }, {
+        char: "🍎",
+        name: "Red Apple",
+        category: "Food"
+      }, {
+        char: "🍐",
+        name: "Pear",
+        category: "Food"
+      }, {
+        char: "🍊",
+        name: "Tangerine",
+        category: "Food"
+      }, {
+        char: "🍋",
+        name: "Lemon",
+        category: "Food"
+      }, {
+        char: "🍌",
+        name: "Banana",
+        category: "Food"
+      }, {
+        char: "🍉",
+        name: "Watermelon",
+        category: "Food"
+      }, {
+        char: "🍇",
+        name: "Grapes",
+        category: "Food"
+      }, {
+        char: "🍓",
+        name: "Strawberry",
+        category: "Food"
+      }, {
+        char: "🫐",
+        name: "Blueberries",
+        category: "Food"
+      }, {
+        char: "🍈",
+        name: "Melon",
+        category: "Food"
+      }, {
+        char: "🍒",
+        name: "Cherries",
+        category: "Food"
+      }, {
+        char: "🍑",
+        name: "Peach",
+        category: "Food"
+      }, {
+        char: "🥭",
+        name: "Mango",
+        category: "Food"
+      }, {
+        char: "🍍",
+        name: "Pineapple",
+        category: "Food"
+      }, {
+        char: "🥥",
+        name: "Coconut",
+        category: "Food"
+      }, {
+        char: "🥝",
+        name: "Kiwi Fruit",
+        category: "Food"
+      }, {
+        char: "🍅",
+        name: "Tomato",
+        category: "Food"
+      }, {
+        char: "🍆",
+        name: "Eggplant",
+        category: "Food"
+      }, {
+        char: "🥑",
+        name: "Avocado",
+        category: "Food"
+      }, {
+        char: "🥦",
+        name: "Broccoli",
+        category: "Food"
+      }, {
+        char: "🥬",
+        name: "Leafy Green",
+        category: "Food"
+      }, {
+        char: "🥒",
+        name: "Cucumber",
+        category: "Food"
+      }, {
+        char: "🌶️",
+        name: "Hot Pepper",
+        category: "Food"
+      }, {
+        char: "🌽",
+        name: "Corn",
+        category: "Food"
+      }, {
+        char: "🥕",
+        name: "Carrot",
+        category: "Food"
+      }, {
+        char: "🧄",
+        name: "Garlic",
+        category: "Food"
+      }, {
+        char: "🧅",
+        name: "Onion",
+        category: "Food"
+      }, {
+        char: "🥔",
+        name: "Potato",
+        category: "Food"
+      }, {
+        char: "🍠",
+        name: "Roasted Sweet Potato",
+        category: "Food"
+      }, {
+        char: "🥐",
+        name: "Croissant",
+        category: "Food"
+      }, {
+        char: "🥯",
+        name: "Bagel",
+        category: "Food"
+      }, {
+        char: "🍞",
+        name: "Bread",
+        category: "Food"
+      }, {
+        char: "🥖",
+        name: "Baguette Bread",
+        category: "Food"
+      }, {
+        char: "🧀",
+        name: "Cheese Wedge",
+        category: "Food"
+      }, {
+        char: "🥚",
+        name: "Egg",
+        category: "Food"
+      }, {
+        char: "🍳",
+        name: "Cooking",
+        category: "Food"
+      }, {
+        char: "🥞",
+        name: "Pancakes",
+        category: "Food"
+      }, {
+        char: "🧇",
+        name: "Waffle",
+        category: "Food"
+      }, {
+        char: "🥓",
+        name: "Bacon",
+        category: "Food"
+      }, {
+        char: "🥩",
+        name: "Cut of Meat",
+        category: "Food"
+      }, {
+        char: "🍗",
+        name: "Poultry Leg",
+        category: "Food"
+      }, {
+        char: "🍖",
+        name: "Meat on Bone",
+        category: "Food"
+      }, {
+        char: "🦴",
+        name: "Bone",
+        category: "Food"
+      }, {
+        char: "🍕",
+        name: "Pizza",
+        category: "Food"
+      },
+      // Travel & Places (45个)
+      {
+        char: "🚗",
+        name: "Car",
+        category: "Travel"
+      }, {
+        char: "🚕",
+        name: "Taxi",
+        category: "Travel"
+      }, {
+        char: "🚙",
+        name: "SUV",
+        category: "Travel"
+      }, {
+        char: "🚌",
+        name: "Bus",
+        category: "Travel"
+      }, {
+        char: "🚎",
+        name: "Trolleybus",
+        category: "Travel"
+      }, {
+        char: "🏎️",
+        name: "Racing Car",
+        category: "Travel"
+      }, {
+        char: "🚓",
+        name: "Police Car",
+        category: "Travel"
+      }, {
+        char: "🚑",
+        name: "Ambulance",
+        category: "Travel"
+      }, {
+        char: "🚒",
+        name: "Fire Engine",
+        category: "Travel"
+      }, {
+        char: "🚐",
+        name: "Minibus",
+        category: "Travel"
+      }, {
+        char: "🚚",
+        name: "Delivery Truck",
+        category: "Travel"
+      }, {
+        char: "🚛",
+        name: "Articulated Lorry",
+        category: "Travel"
+      }, {
+        char: "🚜",
+        name: "Tractor",
+        category: "Travel"
+      }, {
+        char: "🛴",
+        name: "Kick Scooter",
+        category: "Travel"
+      }, {
+        char: "🚲",
+        name: "Bicycle",
+        category: "Travel"
+      }, {
+        char: "🛵",
+        name: "Motor Scooter",
+        category: "Travel"
+      }, {
+        char: "🏍️",
+        name: "Motorcycle",
+        category: "Travel"
+      }, {
+        char: "🚨",
+        name: "Police Car Light",
+        category: "Travel"
+      }, {
+        char: "🚔",
+        name: "Oncoming Police Car",
+        category: "Travel"
+      }, {
+        char: "🚍",
+        name: "Oncoming Bus",
+        category: "Travel"
+      }, {
+        char: "🚘",
+        name: "Oncoming Automobile",
+        category: "Travel"
+      }, {
+        char: "🚖",
+        name: "Oncoming Taxi",
+        category: "Travel"
+      }, {
+        char: "✈️",
+        name: "Airplane",
+        category: "Travel"
+      }, {
+        char: "🛫",
+        name: "Airplane Departure",
+        category: "Travel"
+      }, {
+        char: "🛬",
+        name: "Airplane Arrival",
+        category: "Travel"
+      }, {
+        char: "🚀",
+        name: "Rocket",
+        category: "Travel"
+      }, {
+        char: "🛸",
+        name: "Flying Saucer",
+        category: "Travel"
+      }, {
+        char: "🚁",
+        name: "Helicopter",
+        category: "Travel"
+      }, {
+        char: "🛶",
+        name: "Canoe",
+        category: "Travel"
+      }, {
+        char: "⛵",
+        name: "Sailboat",
+        category: "Travel"
+      }, {
+        char: "🚤",
+        name: "Speedboat",
+        category: "Travel"
+      }, {
+        char: "🛳️",
+        name: "Passenger Ship",
+        category: "Travel"
+      }, {
+        char: "⛴️",
+        name: "Ferry",
+        category: "Travel"
+      }, {
+        char: "🚢",
+        name: "Ship",
+        category: "Travel"
+      }, {
+        char: "🌍",
+        name: "Globe Showing Europe-Africa",
+        category: "Travel"
+      }, {
+        char: "🌎",
+        name: "Globe Showing Americas",
+        category: "Travel"
+      }, {
+        char: "🌏",
+        name: "Globe Showing Asia-Australia",
+        category: "Travel"
+      }, {
+        char: "🗺️",
+        name: "World Map",
+        category: "Travel"
+      }, {
+        char: "🏠",
+        name: "House",
+        category: "Travel"
+      }, {
+        char: "🏡",
+        name: "House with Garden",
+        category: "Travel"
+      }, {
+        char: "🏢",
+        name: "Office Building",
+        category: "Travel"
+      }, {
+        char: "🏣",
+        name: "Japanese Post Office",
+        category: "Travel"
+      }, {
+        char: "🏤",
+        name: "Post Office",
+        category: "Travel"
+      }, {
+        char: "🏥",
+        name: "Hospital",
+        category: "Travel"
+      }, {
+        char: "🏦",
+        name: "Bank",
+        category: "Travel"
+      },
+      // Objects (45个)
+      {
+        char: "⌚",
+        name: "Watch",
+        category: "Objects"
+      }, {
+        char: "📱",
+        name: "Mobile Phone",
+        category: "Objects"
+      }, {
+        char: "📲",
+        name: "Mobile Phone with Arrow",
+        category: "Objects"
+      }, {
+        char: "💻",
+        name: "Laptop",
+        category: "Objects"
+      }, {
+        char: "⌨️",
+        name: "Keyboard",
+        category: "Objects"
+      }, {
+        char: "🖥️",
+        name: "Desktop Computer",
+        category: "Objects"
+      }, {
+        char: "🖨️",
+        name: "Printer",
+        category: "Objects"
+      }, {
+        char: "🖱️",
+        name: "Computer Mouse",
+        category: "Objects"
+      }, {
+        char: "🖲️",
+        name: "Trackball",
+        category: "Objects"
+      }, {
+        char: "🕹️",
+        name: "Joystick",
+        category: "Objects"
+      }, {
+        char: "🗜️",
+        name: "Clamp",
+        category: "Objects"
+      }, {
+        char: "💽",
+        name: "Computer Disk",
+        category: "Objects"
+      }, {
+        char: "💾",
+        name: "Floppy Disk",
+        category: "Objects"
+      }, {
+        char: "💿",
+        name: "Optical Disk",
+        category: "Objects"
+      }, {
+        char: "📀",
+        name: "DVD",
+        category: "Objects"
+      }, {
+        char: "📼",
+        name: "Videocassette",
+        category: "Objects"
+      }, {
+        char: "📷",
+        name: "Camera",
+        category: "Objects"
+      }, {
+        char: "📸",
+        name: "Camera with Flash",
+        category: "Objects"
+      }, {
+        char: "📹",
+        name: "Video Camera",
+        category: "Objects"
+      }, {
+        char: "🎥",
+        name: "Movie Camera",
+        category: "Objects"
+      }, {
+        char: "📽️",
+        name: "Film Projector",
+        category: "Objects"
+      }, {
+        char: "🎞️",
+        name: "Film Frames",
+        category: "Objects"
+      }, {
+        char: "📞",
+        name: "Telephone Receiver",
+        category: "Objects"
+      }, {
+        char: "☎️",
+        name: "Telephone",
+        category: "Objects"
+      }, {
+        char: "📟",
+        name: "Pager",
+        category: "Objects"
+      }, {
+        char: "📠",
+        name: "Fax Machine",
+        category: "Objects"
+      }, {
+        char: "📺",
+        name: "Television",
+        category: "Objects"
+      }, {
+        char: "📻",
+        name: "Radio",
+        category: "Objects"
+      }, {
+        char: "🎙️",
+        name: "Studio Microphone",
+        category: "Objects"
+      }, {
+        char: "🎚️",
+        name: "Level Slider",
+        category: "Objects"
+      }, {
+        char: "🎛️",
+        name: "Control Knobs",
+        category: "Objects"
+      }, {
+        char: "🧭",
+        name: "Compass",
+        category: "Objects"
+      }, {
+        char: "⏱️",
+        name: "Stopwatch",
+        category: "Objects"
+      }, {
+        char: "⏲️",
+        name: "Timer Clock",
+        category: "Objects"
+      }, {
+        char: "⏰",
+        name: "Alarm Clock",
+        category: "Objects"
+      }, {
+        char: "🕰️",
+        name: "Mantelpiece Clock",
+        category: "Objects"
+      }, {
+        char: "⌛",
+        name: "Hourglass Done",
+        category: "Objects"
+      }, {
+        char: "⏳",
+        name: "Hourglass Not Done",
+        category: "Objects"
+      }, {
+        char: "📡",
+        name: "Satellite Antenna",
+        category: "Objects"
+      }, {
+        char: "🔋",
+        name: "Battery",
+        category: "Objects"
+      }, {
+        char: "🔌",
+        name: "Electric Plug",
+        category: "Objects"
+      }, {
+        char: "💡",
+        name: "Light Bulb",
+        category: "Objects"
+      }, {
+        char: "🔦",
+        name: "Flashlight",
+        category: "Objects"
+      }, {
+        char: "🕯️",
+        name: "Candle",
+        category: "Objects"
+      }, {
+        char: "🧯",
+        name: "Fire Extinguisher",
+        category: "Objects"
+      },
+      // Symbols
+      {
+        char: "❤️",
+        name: "Red Heart",
+        category: "Symbols"
+      }, {
+        char: "🧡",
+        name: "Orange Heart",
+        category: "Symbols"
+      }, {
+        char: "💛",
+        name: "Yellow Heart",
+        category: "Symbols"
+      }, {
+        char: "💚",
+        name: "Green Heart",
+        category: "Symbols"
+      }, {
+        char: "💙",
+        name: "Blue Heart",
+        category: "Symbols"
+      }, {
+        char: "💜",
+        name: "Purple Heart",
+        category: "Symbols"
+      }, {
+        char: "🖤",
+        name: "Black Heart",
+        category: "Symbols"
+      }, {
+        char: "🤍",
+        name: "White Heart",
+        category: "Symbols"
+      }, {
+        char: "🤎",
+        name: "Brown Heart",
+        category: "Symbols"
+      }, {
+        char: "💔",
+        name: "Broken Heart",
+        category: "Symbols"
+      }, {
+        char: "❣️",
+        name: "Heart Exclamation",
+        category: "Symbols"
+      }, {
+        char: "💕",
+        name: "Two Hearts",
+        category: "Symbols"
+      }, {
+        char: "💞",
+        name: "Revolving Hearts",
+        category: "Symbols"
+      }, {
+        char: "💓",
+        name: "Beating Heart",
+        category: "Symbols"
+      }, {
+        char: "💗",
+        name: "Growing Heart",
+        category: "Symbols"
+      }, {
+        char: "💖",
+        name: "Sparkling Heart",
+        category: "Symbols"
+      }, {
+        char: "💘",
+        name: "Heart with Arrow",
+        category: "Symbols"
+      }, {
+        char: "💝",
+        name: "Heart with Ribbon",
+        category: "Symbols"
+      }, {
+        char: "💟",
+        name: "Heart Decoration",
+        category: "Symbols"
+      }, {
+        char: "✨",
+        name: "Sparkles",
+        category: "Symbols"
+      }, {
+        char: "⭐",
+        name: "Star",
+        category: "Symbols"
+      }, {
+        char: "🌟",
+        name: "Glowing Star",
+        category: "Symbols"
+      }, {
+        char: "💯",
+        name: "Hundred Points",
+        category: "Symbols"
+      }, {
+        char: "❓",
+        name: "Question Mark",
+        category: "Symbols"
+      }, {
+        char: "❗",
+        name: "Exclamation Mark",
+        category: "Symbols"
+      }, {
+        char: "‼️",
+        name: "Double Exclamation Mark",
+        category: "Symbols"
+      }, {
+        char: "⏰",
+        name: "Alarm Clock",
+        category: "Symbols"
+      }, {
+        char: "♻️",
+        name: "Recycling Symbol",
+        category: "Symbols"
+      }, {
+        char: "✅",
+        name: "Check Mark Button",
+        category: "Symbols"
+      }, {
+        char: "❌",
+        name: "Cross Mark",
+        category: "Symbols"
+      }, {
+        char: "💟",
+        name: "Heart Decoration",
+        category: "Symbols"
+      }, {
+        char: "☮️",
+        name: "Peace Symbol",
+        category: "Symbols"
+      }, {
+        char: "✝️",
+        name: "Latin Cross",
+        category: "Symbols"
+      }, {
+        char: "☪️",
+        name: "Star and Crescent",
+        category: "Symbols"
+      }, {
+        char: "🕉️",
+        name: "Om",
+        category: "Symbols"
+      }, {
+        char: "☸️",
+        name: "Wheel of Dharma",
+        category: "Symbols"
+      }, {
+        char: "✡️",
+        name: "Star of David",
+        category: "Symbols"
+      }, {
+        char: "🔯",
+        name: "Dotted Six-Pointed Star",
+        category: "Symbols"
+      }, {
+        char: "🕎",
+        name: "Menorah",
+        category: "Symbols"
+      }, {
+        char: "☯️",
+        name: "Yin Yang",
+        category: "Symbols"
+      }, {
+        char: "☦️",
+        name: "Orthodox Cross",
+        category: "Symbols"
+      }, {
+        char: "🛐",
+        name: "Place of Worship",
+        category: "Symbols"
+      }, {
+        char: "⛎",
+        name: "Ophiuchus",
+        category: "Symbols"
+      }]
+    };
+  },
+  computed: {
+    // 根据当前选中的分类过滤表情
+    filteredEmojis() {
+      return this.emojis.filter(emoji => emoji.category === this.activeTab);
+    }
+  },
+  methods: {
+    // 插入表情到输入框
+    insertEmoji(emoji) {
+      this.$emit("select", emoji);
     }
   }
 };
 const __cssModules$4 = {};
-var __component__$4 = /* @__PURE__ */normalizeComponent(__vue2_script$4, render$5, staticRenderFns$4, false, __vue2_injectStyles$4, "0444573a", null, null);
+var __component__$4 = /* @__PURE__ */normalizeComponent(__vue2_script$4, render$4, staticRenderFns$4, false, __vue2_injectStyles$4, "0f9274ec", null, null);
 function __vue2_injectStyles$4(context) {
   for (let o in __cssModules$4) {
     this[o] = __cssModules$4[o];
   }
 }
-const ConsultChatItem = /* @__PURE__ */function () {
+const UnicodeEmojiPicker = /* @__PURE__ */function () {
   return __component__$4.exports;
 }();
 var render$3 = function () {
@@ -6818,7 +8331,8 @@ var render$3 = function () {
         "submitEmail": _vm.submitEmail,
         "sendLeaveMessage": _vm.sendLeaveMessage,
         "changeTopToast": _vm.changeTopToast,
-        "toBottom": _vm.scrollToBottom
+        "toBottom": _vm.scrollToBottom,
+        "showPreviewImage": _vm.showPreviewImage
       }
     });
   }), 1)], 1), _vm.activeItem.status === "3" ? _c("div", {
@@ -6839,12 +8353,28 @@ var render$3 = function () {
     }
   }, [_vm._v("Continue my conversation")])]) : _vm._e(), _vm.activeItem.status !== "3" && !_vm.pauseConversation ? _c("div", {
     staticClass: "consult-47this-dialog-input"
-  }, [_c("textarea", {
+  }, [_c("span", {
+    staticClass: "consult-47this-dialog-add",
+    on: {
+      "click": _vm.changeShowActionPop
+    }
+  }), _c("textarea", {
+    directives: [{
+      name: "model",
+      rawName: "v-model",
+      value: _vm.message,
+      expression: "message"
+    }],
     ref: "inputRef",
+    staticClass: "custom-input",
     attrs: {
       "type": "text",
+      "rows": "1",
       "placeholder": "Your Message"
     },
+    domProps: {
+      "value": _vm.message
+    },
     on: {
       "keydown": function ($event) {
         if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) return null;
@@ -6852,7 +8382,10 @@ var render$3 = function () {
         $event.preventDefault();
         return _vm.handleEnter.apply(null, arguments);
       },
-      "input": _vm.updateMessage,
+      "input": [function ($event) {
+        if ($event.target.composing) return;
+        _vm.message = $event.target.value;
+      }, _vm.updateMessage],
       "compositionstart": function ($event) {
         _vm.isComposing = true;
       },
@@ -6867,20 +8400,60 @@ var render$3 = function () {
     on: {
       "click": _vm.sendMessage
     }
-  })])]) : _vm._e(), _vm.topToast ? _c("div", {
+  })]), _c("div", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.showActionPop,
+      expression: "showActionPop"
+    }],
+    staticClass: "consult-47this-dialog-action-pop"
+  }, [_c("div", {
+    staticClass: "consult-47this-dialog-action-pop-item"
+  }, [_vm._v(" Upload Picture "), _c("input", {
+    attrs: {
+      "type": "file",
+      "accept": "image/*"
+    },
+    on: {
+      "change": _vm.handleUploadPicture
+    }
+  })]), _c("div", {
+    staticClass: "consult-47this-dialog-action-pop-item",
+    on: {
+      "click": _vm.sendEmoji
+    }
+  }, [_vm._v(" Add Emoji ")])]), _vm.showEmojiPicker ? _c("UnicodeEmojiPicker", {
+    staticClass: "consult-47this-dialog-emoji-picker",
+    on: {
+      "select": _vm.insertEmoji
+    }
+  }) : _vm._e()], 1) : _vm._e(), _vm.topToast ? _c("div", {
     staticClass: "consult-47this-top-toast"
   }, [_c("div", {
     staticClass: "consult-47this-top-toast-content"
   }, [_vm._v(" " + _vm._s(_vm.topToast)), _c("span", {
     staticClass: "dots"
-  })])]) : _vm._e()]);
+  })])]) : _vm._e(), _vm.showToastLoading ? _c("div", {
+    staticClass: "consult-toast-loading"
+  }, [_vm._m(0)]) : _vm._e()]);
 };
-var staticRenderFns$3 = [];
+var staticRenderFns$3 = [function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("div", {
+    staticClass: "consult-toast-loading-content"
+  }, [_c("div", {
+    staticClass: "consult-toast-loading-text"
+  }, [_vm._v("Loading...")])]);
+}];
 const ConsultDialog_vue_vue_type_style_index_0_scoped_true_lang = "";
 const __vue2_script$3 = {
   name: "ConsultDialog",
   components: {
-    ConsultChatItem
+    ConsultChatItem,
+    UnicodeEmojiPicker
   },
   props: {
     initData: {
@@ -6912,7 +8485,11 @@ const __vue2_script$3 = {
       isInit: true,
       isComposing: false,
       pauseConversation: false,
-      topToast: ""
+      topToast: "",
+      showActionPop: false,
+      textareaHeight: 36,
+      showEmojiPicker: false,
+      showToastLoading: false
     };
   },
   watch: {
@@ -6943,6 +8520,7 @@ const __vue2_script$3 = {
       top: this.$refs.chatDialogRef.scrollHeight,
       behavior: "auto"
     });
+    this.adjustTextareaHeight();
   },
   methods: {
     scrollToBottom() {
@@ -6961,12 +8539,23 @@ const __vue2_script$3 = {
       if (!this.initData.socketUrl || message.trim() === "") {
         return;
       }
-      this.$emit("send", message);
+      this.$emit("send", 1, message);
       this.$refs.inputRef.value = "";
+      this.message = "";
+      this.adjustTextareaHeight();
     },
     updateMessage(event) {
       this.message = event.target.value;
       this.$emit("updateMessage");
+      this.adjustTextareaHeight();
+    },
+    adjustTextareaHeight() {
+      const textarea = this.$refs.inputRef;
+      if (!textarea) return;
+      textarea.style.height = "auto";
+      const scrollHeight = textarea.scrollHeight;
+      this.textareaHeight = Math.min(scrollHeight, 200);
+      textarea.style.height = `${this.textareaHeight}px`;
     },
     loadMore() {
       if (this.isInit || this.loading || this.noMore) {
@@ -7026,6 +8615,76 @@ const __vue2_script$3 = {
     },
     changeTopToast(message) {
       this.topToast = message;
+    },
+    changeShowActionPop() {
+      if (this.showEmojiPicker) {
+        this.showEmojiPicker = false;
+        this.showActionPop = true;
+        return;
+      }
+      this.showActionPop = !this.showActionPop;
+    },
+    uploadPicture(data) {
+      uploadChatImage(data, this.initData.socketUrl).then(res => {
+        if (res.data.length > 0) {
+          this.$emit("send", 2, res.data[0]);
+          this.showActionPop = false;
+        }
+      }).catch(error => {
+        if (this.$sweetalert) {
+          this.$sweetalert.insert({
+            title: "Something went wrong",
+            text: error.response.data,
+            type: "error",
+            confirmButtonText: "OK"
+          });
+        } else {
+          alert(error.response.data);
+        }
+      }).finally(() => {
+        this.showToastLoading = false;
+      });
+    },
+    async handleUploadPicture(event) {
+      const file = event.target.files[0];
+      if (file && file.size > 5 * 1024 * 1024) {
+        if (this.$sweetalert) {
+          this.$sweetalert.insert({
+            title: "Something went wrong",
+            text: "picture size is too large, max size is 5MB",
+            type: "error",
+            confirmButtonText: "OK"
+          });
+        } else {
+          alert("Picture size is too large, max size is 5MB");
+        }
+        return;
+      }
+      const data = new FormData();
+      if (file) {
+        let compressFile = null;
+        await compressImageGetFile({
+          file
+        }).then(res => {
+          compressFile = res;
+        }).catch(error => {
+          console.error(error);
+        });
+        data.append("files", compressFile);
+        this.uploadPicture(data);
+        this.showToastLoading = true;
+      }
+    },
+    sendEmoji() {
+      this.showEmojiPicker = true;
+      this.showActionPop = false;
+    },
+    insertEmoji(emoji) {
+      this.message += emoji;
+      this.showEmojiPicker = false;
+    },
+    showPreviewImage(url) {
+      this.$emit("showPreviewImage", url);
     }
   },
   beforeDestroy() {
@@ -7033,7 +8692,7 @@ const __vue2_script$3 = {
   }
 };
 const __cssModules$3 = {};
-var __component__$3 = /* @__PURE__ */normalizeComponent(__vue2_script$3, render$3, staticRenderFns$3, false, __vue2_injectStyles$3, "07011d53", null, null);
+var __component__$3 = /* @__PURE__ */normalizeComponent(__vue2_script$3, render$3, staticRenderFns$3, false, __vue2_injectStyles$3, "5f07850f", null, null);
 function __vue2_injectStyles$3(context) {
   for (let o in __cssModules$3) {
     this[o] = __cssModules$3[o];
@@ -7088,9 +8747,20 @@ var render$2 = function () {
       "sendLeaveMessage": _vm.sendLeaveMessage,
       "restart": _vm.restart,
       "updateMessage": _vm.updateMessage,
+      "showPreviewImage": _vm.showPreviewImage,
       "trackEvent": _vm.trackEvent
     }
-  })], 1);
+  }), _vm.showPreview ? _c("div", {
+    staticClass: "consult-preview-image",
+    on: {
+      "click": _vm.hidePreview
+    }
+  }, [_c("img", {
+    attrs: {
+      "src": _vm.previewImage,
+      "alt": ""
+    }
+  })]) : _vm._e()], 1);
 };
 var staticRenderFns$2 = [];
 const ConsultContainer_vue_vue_type_style_index_0_scoped_true_lang = "";
@@ -7131,7 +8801,9 @@ const __vue2_script$2 = {
         roomId: ""
       },
       salesUserStatus: "",
-      buttonLock: false
+      buttonLock: false,
+      showPreview: false,
+      previewImage: ""
     };
   },
   computed: {
@@ -7358,8 +9030,8 @@ const __vue2_script$2 = {
         if (res.data.length > 0) this.makeChatList(query, res.data);
       } catch {}
     },
-    sendMessage(roomId, message) {
-      this.socket.emit("sendMessage", roomId, message);
+    sendMessage(roomId, type, message) {
+      this.socket.emit("sendMessage", roomId, type, message);
     },
     logOut() {
       this.socket.emit("logOut");
@@ -7405,14 +9077,14 @@ const __vue2_script$2 = {
         source: source || ""
       });
     },
-    handleSend(message) {
-      this.sendMessage(this.onRoomId, message);
+    handleSend(type, message) {
+      this.sendMessage(this.onRoomId, type, message);
       this.pushChat({
         userId: this.userId,
         message,
         userName: this.initData.user.name,
         updateTime: getCurrentTime(),
-        type: 1
+        type: type || 1
       });
       this.scrollToBottom();
       this.trackEvent("Chat message sent", {
@@ -7526,11 +9198,19 @@ const __vue2_script$2 = {
     },
     trackEvent() {
       this.$emit("trackEvent", ...arguments);
+    },
+    showPreviewImage(url) {
+      this.previewImage = url;
+      this.showPreview = true;
+    },
+    hidePreview() {
+      this.showPreview = false;
+      this.previewImage = "";
     }
   }
 };
 const __cssModules$2 = {};
-var __component__$2 = /* @__PURE__ */normalizeComponent(__vue2_script$2, render$2, staticRenderFns$2, false, __vue2_injectStyles$2, "23c2206c", null, null);
+var __component__$2 = /* @__PURE__ */normalizeComponent(__vue2_script$2, render$2, staticRenderFns$2, false, __vue2_injectStyles$2, "16d04f11", null, null);
 function __vue2_injectStyles$2(context) {
   for (let o in __cssModules$2) {
     this[o] = __cssModules$2[o];
@@ -7933,7 +9613,7 @@ const __vue2_script = {
         }, 200);
       }
     },
-    // Chat opened / Start conversion / Chat message sent / Message from the user / Message from sales department / Message from AI
+    // Chat opened / Start conversation / Chat message sent / Message from the user / Message from sales department / Message from AI
     trackEvent(eventName, eventData = {}) {
       const event = {
         event_label: eventName,