vue-wiguet-chatweb 0.0.18 → 0.0.20

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vue-wiguet-chatweb",
3
- "version": "0.0.18",
3
+ "version": "0.0.20",
4
4
  "type": "module",
5
5
  "files": [
6
6
  "dist",
@@ -129,14 +129,16 @@ watch(
129
129
  );
130
130
  onMounted(async () => {
131
131
  if (!virtualHost.value || !appChatId.value) {
132
- const resp = await getInformationApi(props.tokenAuth);
133
- const data = resp.response.data;
134
- virtualHost.value = data.virtualHost;
135
- appChatId.value = data.appChat.id;
136
- emit("not-viewed-total", data.appChat.totalNoVistosCliente);
137
- notViewed.value = data.appChat.totalNoVistosCliente;
138
- getMessages();
139
- 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) {}
140
142
  }
141
143
  });
142
144
 
@@ -210,7 +212,7 @@ const getMessages = async () => {
210
212
  isLoading.value = true;
211
213
  const lastMessagesId = messagesData.value.data[0]?.id;
212
214
  const body: ListMessageBody = {
213
- limit: 10,
215
+ size: 10,
214
216
  lastMessagesId,
215
217
  appChatId: appChatId.value,
216
218
  };
@@ -220,7 +222,7 @@ const getMessages = async () => {
220
222
  ...resp.data.sort((a, b) => -b.createdAt.localeCompare(a.createdAt))
221
223
  );
222
224
  messagesData.value.canLoadMoreMessages =
223
- resp.pagination.total > resp.pagination.limit;
225
+ resp.pagination.total > resp.pagination.size;
224
226
  if (lastMessagesId && messageContainerRef.value?.scrollHeight) {
225
227
  mantainElementsOnViewport(messageContainerRef.value?.scrollHeight);
226
228
  }
@@ -284,6 +286,7 @@ const connectMsRabbit = (app: any = "webchat") => {
284
286
  notViewed.value = notViewed.value + 1;
285
287
  emit("new-message");
286
288
  }
289
+ scrollToBottom();
287
290
  }
288
291
  });
289
292
  };
@@ -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>