vue-wiguet-chatweb 0.0.17 → 0.0.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/style.css +1 -1
  2. package/dist/vue-wiguet-chatweb.js +513 -512
  3. package/dist/vue-wiguet-chatweb.umd.cjs +3 -3
  4. package/package.json +1 -1
  5. package/src/components/Chat.vue +12 -8
  6. package/src/components/MessageList.vue +12 -5
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vue-wiguet-chatweb",
3
- "version": "0.0.17",
3
+ "version": "0.0.19",
4
4
  "type": "module",
5
5
  "files": [
6
6
  "dist",
package/src/components/Chat.vue CHANGED
@@ -31,6 +31,7 @@
31
31
  required
32
32
  ref="textArea"
33
33
  @input="() => autoAdjustHeight()"
34
+ @keyup.enter="(ev) => submitMessage(ev)"
34
35
  />
35
36
  <button type="submit" class="pointer btn-primary">
36
37
  <IconSend style="width: 20px; height: 20px" />
@@ -128,14 +129,16 @@ watch(
128
129
  );
129
130
  onMounted(async () => {
130
131
  if (!virtualHost.value || !appChatId.value) {
131
- const resp = await getInformationApi(props.tokenAuth);
132
- const data = resp.response.data;
133
- virtualHost.value = data.virtualHost;
134
- appChatId.value = data.appChat.id;
135
- emit("not-viewed-total", data.appChat.totalNoVistosCliente);
136
- notViewed.value = data.appChat.totalNoVistosCliente;
137
- getMessages();
138
- connectMsRabbit();
132
+ try {
133
+ const resp = await getInformationApi(props.tokenAuth);
134
+ const data = resp.response.data;
135
+ virtualHost.value = data.virtualHost;
136
+ appChatId.value = data.appChat.id;
137
+ emit("not-viewed-total", data.appChat.totalNoVistosCliente);
138
+ notViewed.value = data.appChat.totalNoVistosCliente;
139
+ getMessages();
140
+ connectMsRabbit();
141
+ } catch (error) {}
139
142
  }
140
143
  });
141
144
 
@@ -283,6 +286,7 @@ const connectMsRabbit = (app: any = "webchat") => {
283
286
  notViewed.value = notViewed.value + 1;
284
287
  emit("new-message");
285
288
  }
289
+ scrollToBottom();
286
290
  }
287
291
  });
288
292
  };
package/src/components/MessageList.vue CHANGED
@@ -5,10 +5,13 @@
5
5
  v-for="message in props.messages"
6
6
  :key="message.id"
7
7
  class="message"
8
- :class="message.esCliente ? 'message-left' : 'message-right'"
8
+ :class="message.esCliente ? 'message-right' : 'message-left'"
9
9
  >
10
10
  <div class="message-container">
11
- <div v-if="message.error && message.esCliente" class="btn-container-widget">
11
+ <div
12
+ v-if="message.error && message.esCliente"
13
+ class="btn-container-widget"
14
+ >
12
15
  <button
13
16
  text
14
17
  rounded
@@ -21,14 +24,18 @@
21
24
  </button>
22
25
  </div>
23
26
  <div class="chat-message">
24
- <div class="bubble" :class="message.esCliente ? 'left' : 'right'">
25
- <div :class="message.esCliente ? 'content-left' : 'content-right'">
27
+ <div class="bubble" :class="message.esCliente ? 'right' : 'left'">
28
+ <div :class="message.esCliente ? 'content-right' : 'content-left'">
26
29
  <div class="message-text">
27
30
  {{ message.message }}
28
31
  </div>
29
32
  <div class="detail-message flex justify-content-between">
30
33
  <span class="mr-5" v-if="message.sender?.nombreCompleto">
31
- {{ message.sender?.nombreCompleto }}
34
+ {{
35
+ message.esCliente
36
+ ? message.sender?.nombreCompleto
37
+ : "ECOSISTEMA JL"
38
+ }}
32
39
  </span>
33
40
  <span class="mr-5" v-else> </span>
34
41
  <span>