vue-wiguet-chatweb 0.0.17 → 0.0.19

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-wiguet-chatweb",
-  "version": "0.0.17",
+  "version": "0.0.19",
   "type": "module",
   "files": [
     "dist",

package/src/components/Chat.vue

@@ -31,6 +31,7 @@
               required
               ref="textArea"
               @input="() => autoAdjustHeight()"
+              @keyup.enter="(ev) => submitMessage(ev)"
             />
             <button type="submit" class="pointer btn-primary">
               <IconSend style="width: 20px; height: 20px" />
@@ -128,14 +129,16 @@ watch(
 );
 onMounted(async () => {
   if (!virtualHost.value || !appChatId.value) {
-    const resp = await getInformationApi(props.tokenAuth);
-    const data = resp.response.data;
-    virtualHost.value = data.virtualHost;
-    appChatId.value = data.appChat.id;
-    emit("not-viewed-total", data.appChat.totalNoVistosCliente);
-    notViewed.value = data.appChat.totalNoVistosCliente;
-    getMessages();
-    connectMsRabbit();
+    try {
+      const resp = await getInformationApi(props.tokenAuth);
+      const data = resp.response.data;
+      virtualHost.value = data.virtualHost;
+      appChatId.value = data.appChat.id;
+      emit("not-viewed-total", data.appChat.totalNoVistosCliente);
+      notViewed.value = data.appChat.totalNoVistosCliente;
+      getMessages();
+      connectMsRabbit();
+    } catch (error) {}
   }
 });
 
@@ -283,6 +286,7 @@ const connectMsRabbit = (app: any = "webchat") => {
         notViewed.value = notViewed.value + 1;
         emit("new-message");
       }
+      scrollToBottom();
     }
   });
 };

package/src/components/MessageList.vue

@@ -5,10 +5,13 @@
       v-for="message in props.messages"
       :key="message.id"
       class="message"
-      :class="message.esCliente ? 'message-left' : 'message-right'"
+      :class="message.esCliente ? 'message-right' : 'message-left'"
     >
       <div class="message-container">
-        <div v-if="message.error && message.esCliente" class="btn-container-widget">
+        <div
+          v-if="message.error && message.esCliente"
+          class="btn-container-widget"
+        >
           <button
             text
             rounded
@@ -21,14 +24,18 @@
           </button>
         </div>
         <div class="chat-message">
-          <div class="bubble" :class="message.esCliente ? 'left' : 'right'">
-            <div :class="message.esCliente ? 'content-left' : 'content-right'">
+          <div class="bubble" :class="message.esCliente ? 'right' : 'left'">
+            <div :class="message.esCliente ? 'content-right' : 'content-left'">
               <div class="message-text">
                 {{ message.message }}
               </div>
               <div class="detail-message flex justify-content-between">
                 <span class="mr-5" v-if="message.sender?.nombreCompleto">
-                  {{ message.sender?.nombreCompleto }}
+                  {{
+                    message.esCliente
+                      ? message.sender?.nombreCompleto
+                      : "ECOSISTEMA JL"
+                  }}
                 </span>
                 <span class="mr-5" v-else> </span>
                 <span>