chat-customer-47net 0.1.4 → 1.0.1

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

@@ -92,7 +92,7 @@ var render$9 = function () {
         return _vm.handleTouchEnd(e, "requestTranscript");
       }
     }
-  }, [_vm._v(" Request Transcript ")]), _c("div", {
+  }, [_vm._v(" Request Transcript ")]), _vm.activeItem.status !== "3" ? _c("div", {
     staticClass: "consult-47this-header-operate-item",
     on: {
       "click": _vm.closeChat,
@@ -103,7 +103,7 @@ var render$9 = function () {
         return _vm.handleTouchEnd(e, "closeChat");
       }
     }
-  }, [_vm._v(" End Conversation ")])]) : _vm._e()]);
+  }, [_vm._v(" End Conversation ")]) : _vm._e()]) : _vm._e()]);
 };
 var staticRenderFns$8 = [];
 const ConsultHeader_vue_vue_type_style_index_0_scoped_true_lang = "";
@@ -215,21 +215,8 @@ const __vue2_script$8 = {
       e.preventDefault();
     },
     closeChat() {
-      if (this.$sweetalert) {
-        this.$sweetalert.insert({
-          title: "Leave the conversation",
-          text: 'Clicking "ok" will transfer you to a customer service representative. May I ask if you want to continue?',
-          confirmButtonText: "OK"
-        }).then(result => {
-          if (result.isConfirmed) {
-            this.$emit("closeChat", this.activeItem.roomId);
-            this.showMoreOperate = false;
-          }
-        });
-      } else {
-        this.$emit("closeChat", this.activeItem.roomId);
-        this.showMoreOperate = false;
-      }
+      this.$emit("closeChat", this.activeItem.roomId);
+      this.showMoreOperate = false;
     },
     handleImgError() {
       this.activeItem.avatar = `${this.initData.socketUrl}/static/images/aiChat-${this.initData.siteName}.svg`;
@@ -244,7 +231,7 @@ const __vue2_script$8 = {
   }
 };
 const __cssModules$8 = {};
-var __component__$8 = /* @__PURE__ */normalizeComponent(__vue2_script$8, render$9, staticRenderFns$8, false, __vue2_injectStyles$8, "510468c2", null, null);
+var __component__$8 = /* @__PURE__ */normalizeComponent(__vue2_script$8, render$9, staticRenderFns$8, false, __vue2_injectStyles$8, "302df9fa", null, null);
 function __vue2_injectStyles$8(context) {
   for (let o in __cssModules$8) {
     this[o] = __cssModules$8[o];
@@ -987,7 +974,7 @@ var render$8 = function () {
         return _vm.handleTouchEnd(e, "handleStartNewConversation");
       }
     }
-  }, [_vm._v(" Start new conersation 💬 ")]) : _vm._e()], 2)]);
+  }, [_vm._v(" Start new conversation 💬 ")]) : _vm._e()], 2)]);
 };
 var staticRenderFns$7 = [function () {
   var _vm = this;
@@ -1086,7 +1073,7 @@ const __vue2_script$7 = {
   }
 };
 const __cssModules$7 = {};
-var __component__$7 = /* @__PURE__ */normalizeComponent(__vue2_script$7, render$8, staticRenderFns$7, false, __vue2_injectStyles$7, "3465c920", null, null);
+var __component__$7 = /* @__PURE__ */normalizeComponent(__vue2_script$7, render$8, staticRenderFns$7, false, __vue2_injectStyles$7, "ae646dbc", null, null);
 function __vue2_injectStyles$7(context) {
   for (let o in __cssModules$7) {
     this[o] = __cssModules$7[o];
@@ -1273,7 +1260,7 @@ var render$6 = function () {
         return _vm.handleTouchEnd(e, "new");
       }
     }
-  }, [_vm._v(" Start new conersation 💬 ")])])]);
+  }, [_vm._v(" Start new conversation 💬 ")])])]);
 };
 var staticRenderFns$5 = [];
 const ConsultConversations_vue_vue_type_style_index_0_scoped_true_lang = "";
@@ -1321,7 +1308,7 @@ const __vue2_script$5 = {
   }
 };
 const __cssModules$5 = {};
-var __component__$5 = /* @__PURE__ */normalizeComponent(__vue2_script$5, render$6, staticRenderFns$5, false, __vue2_injectStyles$5, "087eaae4", null, null);
+var __component__$5 = /* @__PURE__ */normalizeComponent(__vue2_script$5, render$6, staticRenderFns$5, false, __vue2_injectStyles$5, "368dd12c", null, null);
 function __vue2_injectStyles$5(context) {
   for (let o in __cssModules$5) {
     this[o] = __cssModules$5[o];
@@ -6049,17 +6036,33 @@ function updateRoomByHumanAgent(data, baseURL) {
     baseURL
   });
 }
-function updateRoomStatus(data, baseURL) {
+function sendCustomerChatHistory(data, baseURL) {
   return request({
-    url: `/api/rooms/updateRoomStatus`,
+    url: `/api/chats/sendCustomerChatHistory`,
     method: "post",
     data,
     baseURL
   });
 }
-function sendCustomerChatHistory(data, baseURL) {
+function sendLeaveMessageApi(data, baseURL) {
   return request({
-    url: `/api/chats/sendCustomerChatHistory`,
+    url: `/api/users/sendLeaveMessage`,
+    method: "post",
+    data,
+    baseURL
+  });
+}
+function endRoomByClientApi(data, baseURL) {
+  return request({
+    url: `/api/rooms/endRoomByClient`,
+    method: "post",
+    data,
+    baseURL
+  });
+}
+function restartOpenApi(data, baseURL) {
+  return request({
+    url: `/api/rooms/restartOpen`,
     method: "post",
     data,
     baseURL
@@ -6069,7 +6072,7 @@ var render$5 = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return _c("div", [_vm.type === 1 ? _c("div", {
+  return _c("div", [_vm.type === 1 || _vm.type === 8 ? _c("div", {
     staticClass: "consult-47this-chat-item",
     style: {
       "--theme-color": _vm.themeColors,
@@ -6131,13 +6134,94 @@ var render$5 = function () {
     on: {
       "click": _vm.submitEmail
     }
-  }, [_vm._v("Submit")])]) : _vm._e()]);
+  }, [_vm._v("Submit")])]) : _vm._e(), _vm.type === 7 ? _c("div", {
+    staticClass: "consult-47this-chat-email consult-47this-chat-leave"
+  }, [_c("h2", [_vm._v("Please leave a message")]), _c("h4", [_vm._v(_vm._s(_vm.message))]), _vm._m(1), _c("input", {
+    directives: [{
+      name: "model",
+      rawName: "v-model",
+      value: _vm.clientEmail,
+      expression: "clientEmail"
+    }],
+    attrs: {
+      "type": "text",
+      "placeholder": "Enter your email address"
+    },
+    domProps: {
+      "value": _vm.clientEmail
+    },
+    on: {
+      "input": function ($event) {
+        if ($event.target.composing) return;
+        _vm.clientEmail = $event.target.value;
+      }
+    }
+  }), _vm._m(2), _c("input", {
+    directives: [{
+      name: "model",
+      rawName: "v-model",
+      value: _vm.clientName,
+      expression: "clientName"
+    }],
+    attrs: {
+      "type": "text",
+      "placeholder": "Enter your name"
+    },
+    domProps: {
+      "value": _vm.clientName
+    },
+    on: {
+      "input": function ($event) {
+        if ($event.target.composing) return;
+        _vm.clientName = $event.target.value;
+      }
+    }
+  }), _vm._m(3), _c("input", {
+    directives: [{
+      name: "model",
+      rawName: "v-model",
+      value: _vm.clientQuestion,
+      expression: "clientQuestion"
+    }],
+    attrs: {
+      "type": "text",
+      "placeholder": "Enter your question"
+    },
+    domProps: {
+      "value": _vm.clientQuestion
+    },
+    on: {
+      "input": function ($event) {
+        if ($event.target.composing) return;
+        _vm.clientQuestion = $event.target.value;
+      }
+    }
+  }), _c("button", {
+    on: {
+      "click": _vm.sendLeaveMessage
+    }
+  }, [_vm._v("send")])]) : _vm._e()]);
 };
 var staticRenderFns$4 = [function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
   return _c("h3", [_vm._v("Email"), _c("span", [_vm._v("*")])]);
+}, function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("h3", [_vm._v("Email"), _c("span", [_vm._v("*")])]);
+}, function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("h3", [_vm._v("Name"), _c("span", [_vm._v("*")])]);
+}, function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("h3", [_vm._v("Message"), _c("span", [_vm._v("*")])]);
 }];
 const ConsultChatItem_vue_vue_type_style_index_0_scoped_true_lang = "";
 const ConsultChatItem_vue_vue_type_style_index_1_lang = "";
@@ -6158,6 +6242,10 @@ const __vue2_script$4 = {
   name: "ConsultChatItem",
   components: {},
   props: {
+    item: {
+      type: Object,
+      default: () => ({})
+    },
     initData: {
       type: Object,
       default: () => ({})
@@ -6216,8 +6304,12 @@ const __vue2_script$4 = {
     }
   },
   data() {
+    var _a2;
     return {
-      email: ""
+      email: "",
+      clientEmail: ((_a2 = this.initData.user) == null ? void 0 : _a2.email) || "",
+      clientName: this.initData.user.name || "",
+      clientQuestion: ""
     };
   },
   computed: {
@@ -6277,11 +6369,71 @@ const __vue2_script$4 = {
         email: this.email,
         updateTime: this.updateTime
       });
+    },
+    sendLeaveMessage() {
+      if (!this.clientEmail) {
+        if (this.$sweetalert) {
+          this.$sweetalert.insert({
+            title: "Something went wrong",
+            text: "Please enter your email address",
+            type: "error",
+            confirmButtonText: "OK"
+          });
+        } else {
+          alert("Please enter your email address");
+        }
+        return;
+      }
+      if (this.clientEmail && !this.clientEmail.match(/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/)) {
+        if (this.$sweetalert) {
+          this.$sweetalert.insert({
+            title: "Something went wrong",
+            text: "Email format is incorrect",
+            type: "error",
+            confirmButtonText: "OK"
+          });
+        } else {
+          alert("Email format is incorrect");
+        }
+        return;
+      }
+      if (!this.clientName) {
+        if (this.$sweetalert) {
+          this.$sweetalert.insert({
+            title: "Something went wrong",
+            text: "Please enter your name",
+            type: "error",
+            confirmButtonText: "OK"
+          });
+        } else {
+          alert("Please enter your name");
+        }
+        return;
+      }
+      if (!this.clientQuestion) {
+        if (this.$sweetalert) {
+          this.$sweetalert.insert({
+            title: "Something went wrong",
+            text: "Please enter your question",
+            type: "error",
+            confirmButtonText: "OK"
+          });
+        } else {
+          alert("Please enter your question");
+        }
+        return;
+      }
+      this.$emit("sendLeaveMessage", {
+        email: this.clientEmail,
+        name: this.clientName,
+        question: this.clientQuestion,
+        updateTime: this.updateTime
+      });
     }
   }
 };
 const __cssModules$4 = {};
-var __component__$4 = /* @__PURE__ */normalizeComponent(__vue2_script$4, render$5, staticRenderFns$4, false, __vue2_injectStyles$4, "6dd0e9d3", null, null);
+var __component__$4 = /* @__PURE__ */normalizeComponent(__vue2_script$4, render$5, staticRenderFns$4, false, __vue2_injectStyles$4, "940fec52", null, null);
 function __vue2_injectStyles$4(context) {
   for (let o in __cssModules$4) {
     this[o] = __cssModules$4[o];
@@ -6316,6 +6468,7 @@ var render$3 = function () {
     return _c("ConsultChatItem", {
       key: item.id,
       attrs: {
+        "item": item,
         "userOrOther": item.userOrOther,
         "item-user-id": item.userId,
         "message": item.message,
@@ -6332,10 +6485,11 @@ var render$3 = function () {
         "update-time": item.updateTime
       },
       on: {
-        "submitEmail": _vm.submitEmail
+        "submitEmail": _vm.submitEmail,
+        "sendLeaveMessage": _vm.sendLeaveMessage
       }
     });
-  }), 1)], 1), _c("div", {
+  }), 1)], 1), _vm.activeItem.status !== "3" && !_vm.pauseConversation ? _c("div", {
     staticClass: "consult-47this-dialog-input"
   }, [_c("textarea", {
     ref: "inputRef",
@@ -6365,7 +6519,23 @@ var render$3 = function () {
     on: {
       "click": _vm.sendMessage
     }
-  })])])]);
+  })])]) : _vm._e(), _vm.activeItem.status === "3" ? _c("div", {
+    staticClass: "consult-47this-dialog-input"
+  }, [_c("span", {
+    staticClass: "consult-47this-dialog-input-actions-restart",
+    on: {
+      "click": _vm.restart
+    }
+  }, [_vm._v("Restart the conversation")])]) : _vm._e(), _vm.activeItem.status === "1" && _vm.pauseConversation ? _c("div", {
+    staticClass: "consult-47this-dialog-input"
+  }, [_c("span", {
+    staticClass: "consult-47this-dialog-input-actions-restart",
+    on: {
+      "click": function ($event) {
+        return _vm.changePauseConversation(false);
+      }
+    }
+  }, [_vm._v("Continue to communicate")])]) : _vm._e()]);
 };
 var staticRenderFns$3 = [];
 const ConsultDialog_vue_vue_type_style_index_0_scoped_true_lang = "";
@@ -6384,6 +6554,10 @@ const __vue2_script$3 = {
       default: () => {
         return [];
       }
+    },
+    activeItem: {
+      type: Object,
+      default: () => ({})
     }
   },
   data() {
@@ -6394,7 +6568,8 @@ const __vue2_script$3 = {
       message: "",
       throttledScroll: null,
       isInit: true,
-      isComposing: false
+      isComposing: false,
+      pauseConversation: false
     };
   },
   watch: {
@@ -6494,6 +6669,16 @@ const __vue2_script$3 = {
     },
     submitEmail(data) {
       this.$emit("submitEmail", data);
+    },
+    sendLeaveMessage(data) {
+      this.$emit("sendLeaveMessage", data);
+    },
+    restart() {
+      this.$emit("restart");
+    },
+    changePauseConversation(flag) {
+      this.pauseConversation = flag;
+      this.$emit("changePauseConversation");
     }
   },
   beforeDestroy() {
@@ -6501,7 +6686,7 @@ const __vue2_script$3 = {
   }
 };
 const __cssModules$3 = {};
-var __component__$3 = /* @__PURE__ */normalizeComponent(__vue2_script$3, render$3, staticRenderFns$3, false, __vue2_injectStyles$3, "b94585c6", null, null);
+var __component__$3 = /* @__PURE__ */normalizeComponent(__vue2_script$3, render$3, staticRenderFns$3, false, __vue2_injectStyles$3, "739e9544", null, null);
 function __vue2_injectStyles$3(context) {
   for (let o in __cssModules$3) {
     this[o] = __cssModules$3[o];
@@ -6540,7 +6725,8 @@ var render$2 = function () {
       "init-data": _vm.initData,
       "themeColors": _vm.initData.themeColors,
       "conversations": _vm.conversations,
-      "messages": _vm.messages
+      "messages": _vm.messages,
+      "activeItem": _vm.activeItem
     },
     on: {
       "handleRoute": _vm.handleRoute,
@@ -6549,7 +6735,9 @@ var render$2 = function () {
       "handleToConversation": _vm.handleToConversation,
       "send": _vm.handleSend,
       "loadMore": _vm.loadMore,
-      "submitEmail": _vm.submitEmail
+      "submitEmail": _vm.submitEmail,
+      "sendLeaveMessage": _vm.sendLeaveMessage,
+      "restart": _vm.restart
     }
   })], 1);
 };
@@ -6680,18 +6868,15 @@ const __vue2_script$2 = {
         if (message.roomId === this.onRoomId) {
           this.pushChat(message);
           this.scrollToBottom();
+          if (message.type === 7 && this.$refs.dialogComponent) {
+            this.$refs.dialogComponent.changePauseConversation(true);
+          }
         }
       });
     },
     onListenEnd() {
       this.socket.on("endConversation", data => {
-        setTimeout(() => {
-          this.pushChat({
-            updateTime: getCurrentTime(),
-            type: 6
-          });
-          this.scrollToBottom();
-        }, 1e3);
+        setTimeout(() => {}, 1e3);
       });
     },
     createUserInfo() {
@@ -6844,12 +7029,21 @@ const __vue2_script$2 = {
         });
       } catch {}
     },
-    closeChat(roomId) {
+    showSendEmail() {
+      this.pushChat({
+        updateTime: getCurrentTime(),
+        type: 6
+      });
+      this.scrollToBottom();
+    },
+    async closeChat(roomId) {
       try {
-        updateRoomStatus({
-          roomId,
-          status: "2"
+        await endRoomByClientApi({
+          roomId
         }, this.initData.socketUrl);
+        setTimeout(() => {
+          this.showSendEmail();
+        }, 2e3);
       } catch {}
     },
     async submitEmail(data) {
@@ -6877,16 +7071,35 @@ const __vue2_script$2 = {
       if (this.messages.length > 0 && this.messages[this.messages.length - 1].type === 6) {
         return;
       }
-      this.pushChat({
-        updateTime: getCurrentTime(),
-        type: 6
-      });
-      this.scrollToBottom();
+      this.showSendEmail();
+    },
+    async sendLeaveMessage(data) {
+      try {
+        await sendLeaveMessageApi({
+          roomId: this.onRoomId,
+          userId: this.userId,
+          email: data.email,
+          name: data.name,
+          question: data.question,
+          dateTime: data.updateTime,
+          topic: this.initData.siteName,
+          assignUserId: this.activeItem.assignUserId
+        }, this.initData.socketUrl);
+        const index = this.chats.chatList.findIndex(item => item.updateTime === data.updateTime);
+        if (index !== -1) {
+          this.chats.chatList.splice(index, 1);
+        }
+      } catch {}
+    },
+    restart() {
+      restartOpenApi({
+        roomId: this.onRoomId
+      }, this.initData.socketUrl);
     }
   }
 };
 const __cssModules$2 = {};
-var __component__$2 = /* @__PURE__ */normalizeComponent(__vue2_script$2, render$2, staticRenderFns$2, false, __vue2_injectStyles$2, "10d74f38", null, null);
+var __component__$2 = /* @__PURE__ */normalizeComponent(__vue2_script$2, render$2, staticRenderFns$2, false, __vue2_injectStyles$2, "f16a4344", null, null);
 function __vue2_injectStyles$2(context) {
   for (let o in __cssModules$2) {
     this[o] = __cssModules$2[o];
@@ -6945,7 +7158,7 @@ const __vue2_script$1 = {
   }
 };
 const __cssModules$1 = {};
-var __component__$1 = /* @__PURE__ */normalizeComponent(__vue2_script$1, render$1, staticRenderFns$1, false, __vue2_injectStyles$1, "507ff138", null, null);
+var __component__$1 = /* @__PURE__ */normalizeComponent(__vue2_script$1, render$1, staticRenderFns$1, false, __vue2_injectStyles$1, "79220e51", null, null);
 function __vue2_injectStyles$1(context) {
   for (let o in __cssModules$1) {
     this[o] = __cssModules$1[o];