From f180e21856a549e467f7c46b965cb86ec0a46b48 Mon Sep 17 00:00:00 2001
From: aldemylla <aldemylla@gmail.com>
Date: Fri, 20 Oct 2023 09:37:18 -0300
Subject: [PATCH 1/5] fix: Chats crash when click at media not paginate

---
 src/components/chats/chat/ChatMessages.vue | 26 +++++++++++-----------
 src/store/modules/roomMessages.js          |  5 ++++-
 2 files changed, 17 insertions(+), 14 deletions(-)

diff --git a/src/components/chats/chat/ChatMessages.vue b/src/components/chats/chat/ChatMessages.vue
index 6d6d4c07..a115e519 100644
--- a/src/components/chats/chat/ChatMessages.vue
+++ b/src/components/chats/chat/ChatMessages.vue
@@ -38,7 +38,7 @@
 
           <template v-else>
             <unnnic-chats-message
-              v-if="message.text"
+              v-if="message.text || isGeolocation(message.media[0])"
               :type="message.user || isMessageByBot(message) ? 'sent' : 'received'"
               :class="[
                 'chat-messages__message',
@@ -49,7 +49,7 @@
               :key="message.uuid"
               :ref="`message-${message.uuid}`"
             >
-              {{ isGeolocation(message.media[0]) ? message.media[0].url : message.text }}
+              {{ isGeolocation(message.media[0]) ? message.media[0]?.url : message.text }}
             </unnnic-chats-message>
             <template v-for="media in message.media">
               <unnnic-chats-message
@@ -86,7 +86,7 @@
                 />
               </unnnic-chats-message>
               <unnnic-chats-message
-                v-else-if="!isMedia(media)"
+                v-else-if="!isGeolocation(media)"
                 :key="media.created_on"
                 :ref="`message-${message.uuid}`"
                 :type="message.user ? 'sent' : 'received'"
@@ -115,9 +115,9 @@
 
     <!-- Media fullscreen -->
     <fullscreen-preview
-      v-if="isFullscreen"
-      :downloadMediaUrl="currentMedia.url"
-      :downloadMediaName="currentMedia.message"
+      v-if="isFullscreen && currentMedia"
+      :downloadMediaUrl="currentMedia?.url"
+      :downloadMediaName="currentMedia?.message"
       @close="isFullscreen = false"
       @next="nextMedia"
       @previous="previousMedia"
@@ -210,10 +210,7 @@ export default {
       return this.roomMessages
         .map((el) => el.media)
         .flat()
-        .filter((el) => {
-          const media = /(png|jp(e)?g|webp|mp4)/;
-          return media.test(el.content_type);
-        });
+        .filter((media) => this.isMedia(media));
     },
   },
 
@@ -236,11 +233,14 @@ export default {
       return this.isMediaOfType(media, 'audio');
     },
     isGeolocation(media) {
-      return this.isMediaOfType(media, 'geo');
+      if (media) {
+        return this.isMediaOfType(media, 'geo');
+      }
+      return false;
     },
     isMedia(media) {
-      const { isAudio, isImage, isVideo, isGeolocation } = this;
-      return isAudio(media) || isImage(media) || isVideo(media) || isGeolocation(media);
+      const { isAudio, isImage, isVideo } = this;
+      return isAudio(media) || isImage(media) || isVideo(media);
     },
     messageStatus({ message, media }) {
       if (message) {
diff --git a/src/store/modules/roomMessages.js b/src/store/modules/roomMessages.js
index b800cbf3..d700207d 100644
--- a/src/store/modules/roomMessages.js
+++ b/src/store/modules/roomMessages.js
@@ -210,6 +210,7 @@ export default {
           const response = await Message.getByRoom({ nextReq }, activeRoom.uuid, offset, limit);
 
           const { results: messages, next: hasNext } = response;
+          let newMessages = messages;
 
           if (!messages?.[0] || !activeRoom?.uuid || messages?.[0]?.room !== activeRoom.uuid) {
             return;
@@ -222,6 +223,8 @@ export default {
                 addBefore: !!nextReq || concat,
               });
             });
+
+            newMessages = newMessages.concat(state.roomMessages);
           } else {
             commit(mutations.RESET_ROOM_MESSAGES_SORTED);
             messages.forEach((message) => {
@@ -229,7 +232,7 @@ export default {
             });
           }
 
-          commit(mutations.SET_ROOM_MESSAGES, messages);
+          commit(mutations.SET_ROOM_MESSAGES, newMessages);
           commit(mutations.SET_ROOM_MESSAGES_NEXT, hasNext);
         } catch (error) {
           console.error('An error ocurred when try get the room messages', error);

From b5f60c1565171c1499a12d99bd8e1f20a9fe7fce Mon Sep 17 00:00:00 2001
From: aldemylla <aldemylla@gmail.com>
Date: Fri, 20 Oct 2023 12:08:10 -0300
Subject: [PATCH 2/5] feat: Replaced unnnic button-next to button

---
 src/components/PreferencesBar.vue                    |  8 ++++----
 src/components/chats/ContactInfo/index.vue           | 12 ++++++------
 .../chats/FlowsTrigger/ModalAddNewContact.vue        |  2 +-
 src/components/chats/FlowsTrigger/SelectFlow.vue     |  6 +++---
 src/components/chats/MessageManager/index.vue        | 12 ++++++------
 .../chats/QuickMessages/QuickMessageForm.vue         |  6 +++---
 src/components/chats/QuickMessages/index.vue         |  8 ++++----
 src/components/chats/chat/ModalGetChat.vue           |  2 +-
 src/components/settings/forms/Agent/Edit.vue         |  2 +-
 src/components/settings/forms/Queue/Edit.vue         |  2 +-
 .../ChatsLayout/components/FlowsTrigger/index.vue    |  6 +++---
 src/layouts/ChatsLayout/index.vue                    |  8 ++++----
 src/views/Dashboard/ViewMode/index.vue               |  4 ++--
 src/views/Settings/Sectors/Edit.vue                  |  6 +++---
 src/views/chats/Home.vue                             |  2 +-
 src/views/chats/ModalCloseChat.vue                   |  2 +-
 16 files changed, 44 insertions(+), 44 deletions(-)

diff --git a/src/components/PreferencesBar.vue b/src/components/PreferencesBar.vue
index c88e39fe..c3c371f9 100644
--- a/src/components/PreferencesBar.vue
+++ b/src/components/PreferencesBar.vue
@@ -50,20 +50,20 @@
         @input="changeSound"
       />
 
-      <unnnic-button-next
+      <unnnic-button
         @mousedown.prevent
         :text="$t('quick_messages.title')"
         icon-left="flash-1-3"
-        type="terciary"
+        type="secondary"
         size="small"
         @click="openQuickMessage"
       />
-      <unnnic-button-next
+      <unnnic-button
         @mousedown.prevent
         v-if="this.dashboard"
         text="Dashboard"
         icon-left="gauge-dashboard-2"
-        type="terciary"
+        type="secondary"
         size="small"
         @click="navigate('dashboard.manager')"
       />
diff --git a/src/components/chats/ContactInfo/index.vue b/src/components/chats/ContactInfo/index.vue
index 6114b671..151fe149 100644
--- a/src/components/chats/ContactInfo/index.vue
+++ b/src/components/chats/ContactInfo/index.vue
@@ -17,10 +17,10 @@
                 {{ (closedRoom || room).contact.name }}
               </h1>
 
-              <unnnic-button-next
+              <unnnic-button
                 v-if="!isHistory"
                 iconCenter="button-refresh-arrow-1"
-                type="terciary"
+                type="tertiary"
                 size="small"
                 @click="refreshContactInfos"
                 :disabled="isRefreshContactDisabled"
@@ -81,12 +81,12 @@
                 <unnnic-icon-svg icon="information-circle-4" scheme="neutral-soft" size="sm" />
               </unnnic-tool-tip>
             </div>
-            <unnnic-button-next
+            <unnnic-button
               v-if="!isHistory && !isViewMode"
               class="transfer__button"
               :text="$t('contact_info.see_contact_history')"
               iconLeft="export-1"
-              type="terciary"
+              type="tertiary"
               size="small"
               @click="openHistory()"
             />
@@ -124,10 +124,10 @@
               :disabled="!!transferContactError || isViewMode"
             />
 
-            <unnnic-button-next
+            <unnnic-button
               class="transfer__button"
               :text="$t('transfer')"
-              type="terciary"
+              type="secondary"
               size="small"
               @click="transferContact"
               :disabled="isViewMode"
diff --git a/src/components/chats/FlowsTrigger/ModalAddNewContact.vue b/src/components/chats/FlowsTrigger/ModalAddNewContact.vue
index 28cc73a5..80705c69 100644
--- a/src/components/chats/FlowsTrigger/ModalAddNewContact.vue
+++ b/src/components/chats/FlowsTrigger/ModalAddNewContact.vue
@@ -37,7 +37,7 @@
               <unnnic-button
                 style="padding: 0.75rem 4.75rem"
                 :text="$t('cancel')"
-                type="terciary"
+                type="tertiary"
                 :disabled="false"
               />
             </div>
diff --git a/src/components/chats/FlowsTrigger/SelectFlow.vue b/src/components/chats/FlowsTrigger/SelectFlow.vue
index d8f99aee..ac6d29b2 100644
--- a/src/components/chats/FlowsTrigger/SelectFlow.vue
+++ b/src/components/chats/FlowsTrigger/SelectFlow.vue
@@ -16,14 +16,14 @@
       <modal-progress-template-submission @close="closeModaProgress" />
     </div>
     <div class="flows-trigger__handlers">
-      <unnnic-button-next
+      <unnnic-button
         :text="$t('back')"
         size="small"
-        type="ghost"
+        type="tertiary"
         @click="$emit('back')"
         style="width: 100%"
       />
-      <unnnic-button-next
+      <unnnic-button
         :disabled="selectedFlow === ''"
         :text="$t('send')"
         size="small"
diff --git a/src/components/chats/MessageManager/index.vue b/src/components/chats/MessageManager/index.vue
index ad05bfa9..82c0a6ee 100644
--- a/src/components/chats/MessageManager/index.vue
+++ b/src/components/chats/MessageManager/index.vue
@@ -30,17 +30,17 @@
         />
       </div>
       <div class="message-manager__actions">
-        <unnnic-button-next
+        <unnnic-button
           v-if="canUseCopilot && !isCopilotOpen && showActionButton"
           @click="openCopilot"
-          type="terciary"
+          type="secondary"
           size="large"
           iconCenter="study-light-idea-1"
         />
-        <unnnic-button-next
+        <unnnic-button
           v-if="!canUseCopilot && showActionButton"
           @click="record"
-          type="terciary"
+          type="secondary"
           size="large"
           iconCenter="microphone"
         />
@@ -50,7 +50,7 @@
           position="top-left"
           class="more-actions"
         >
-          <unnnic-button-next slot="trigger" type="primary" size="large" iconCenter="add-1" />
+          <unnnic-button slot="trigger" type="primary" size="large" iconCenter="add-1" />
 
           <div class="more-actions-container">
             <more-actions-option
@@ -72,7 +72,7 @@
           </div>
         </unnnic-dropdown>
 
-        <unnnic-button-next
+        <unnnic-button
           v-if="
             !isSuggestionBoxOpen &&
             (isTyping || isAudioRecorderVisible || loadingValue !== undefined)
diff --git a/src/components/chats/QuickMessages/QuickMessageForm.vue b/src/components/chats/QuickMessages/QuickMessageForm.vue
index adc2afa0..77c3a7f9 100644
--- a/src/components/chats/QuickMessages/QuickMessageForm.vue
+++ b/src/components/chats/QuickMessages/QuickMessageForm.vue
@@ -27,14 +27,14 @@
     />
 
     <div class="actions" v-if="!externalActions">
-      <unnnic-button-next
+      <unnnic-button
         class="button"
         :text="$t('cancel')"
-        type="secondary"
+        type="tertiary"
         size="small"
         @click="$emit('cancel')"
       />
-      <unnnic-button-next
+      <unnnic-button
         class="button"
         :text="$t('save')"
         type="primary"
diff --git a/src/components/chats/QuickMessages/index.vue b/src/components/chats/QuickMessages/index.vue
index bd8e66bd..6c47c8e5 100644
--- a/src/components/chats/QuickMessages/index.vue
+++ b/src/components/chats/QuickMessages/index.vue
@@ -37,10 +37,10 @@
         </unnnic-collapse>
       </div>
 
-      <unnnic-button-next
+      <unnnic-button
         icon-left="add-1"
         :text="$t('quick_messages.new')"
-        type="terciary"
+        type="secondary"
         size="small"
         class="fill-w"
         @click="quickMessageToEdit = createEmptyQuickMessage()"
@@ -56,8 +56,8 @@
       :show-modal="!!quickMessageToDelete"
     >
       <template #options>
-        <unnnic-button :text="$t('cancel')" type="terciary" @click="quickMessageToDelete = null" />
-        <unnnic-button :text="$t('confirm')" type="secondary" @click="deleteQuickMessage" />
+        <unnnic-button :text="$t('cancel')" type="secondary" @click="quickMessageToDelete = null" />
+        <unnnic-button :text="$t('confirm')" type="tertiary" @click="deleteQuickMessage" />
       </template>
     </unnnic-modal>
   </aside-slot-template>
diff --git a/src/components/chats/chat/ModalGetChat.vue b/src/components/chats/chat/ModalGetChat.vue
index e8f3f0a0..2b0d6090 100644
--- a/src/components/chats/chat/ModalGetChat.vue
+++ b/src/components/chats/chat/ModalGetChat.vue
@@ -8,7 +8,7 @@
     scheme="neutral-darkest"
   >
     <template #options>
-      <unnnic-button :text="$t('cancel')" type="terciary" @click="close" />
+      <unnnic-button :text="$t('cancel')" type="tertiary" @click="close" />
       <unnnic-button :text="$t('confirm')" type="secondary" @click="getChat" />
     </template>
   </unnnic-modal>
diff --git a/src/components/settings/forms/Agent/Edit.vue b/src/components/settings/forms/Agent/Edit.vue
index cebb84f0..b2f95e76 100644
--- a/src/components/settings/forms/Agent/Edit.vue
+++ b/src/components/settings/forms/Agent/Edit.vue
@@ -42,7 +42,7 @@
       @close="queueToRemove = {}"
     >
       <template #options>
-        <unnnic-button type="terciary" @click="queueToRemove = {}" text="Cancelar" />
+        <unnnic-button type="tertiary" @click="queueToRemove = {}" text="Cancelar" />
         <unnnic-button type="secondary" @click="removeQueue(queueToRemove)" text="Confirmar" />
       </template>
     </unnnic-modal>
diff --git a/src/components/settings/forms/Queue/Edit.vue b/src/components/settings/forms/Queue/Edit.vue
index 961f41e0..4a98d130 100644
--- a/src/components/settings/forms/Queue/Edit.vue
+++ b/src/components/settings/forms/Queue/Edit.vue
@@ -41,7 +41,7 @@
       @close="agentToRemove = {}"
     >
       <template #options>
-        <unnnic-button type="terciary" @click="agentToRemove = {}" text="Cancelar" />
+        <unnnic-button type="tertiary" @click="agentToRemove = {}" text="Cancelar" />
         <unnnic-button type="secondary" @click="removeAgent(agentToRemove)" text="Confirmar" />
       </template>
     </unnnic-modal>
diff --git a/src/layouts/ChatsLayout/components/FlowsTrigger/index.vue b/src/layouts/ChatsLayout/components/FlowsTrigger/index.vue
index 69c32638..60b734a9 100644
--- a/src/layouts/ChatsLayout/components/FlowsTrigger/index.vue
+++ b/src/layouts/ChatsLayout/components/FlowsTrigger/index.vue
@@ -71,14 +71,14 @@
         </template>
       </section>
       <div class="flows-trigger__handlers" v-if="!showSelectFlow">
-        <unnnic-button-next
+        <unnnic-button
           size="small"
-          type="secondary"
+          type="alternative"
           :text="$t('add')"
           :iconLeft="'add-1'"
           @click="openModal"
         />
-        <unnnic-button-next
+        <unnnic-button
           :disabled="this.listOfGroupAndContactsSelected.length === 0"
           :text="$t('continue')"
           type="primary"
diff --git a/src/layouts/ChatsLayout/index.vue b/src/layouts/ChatsLayout/index.vue
index 92af103f..250cc308 100644
--- a/src/layouts/ChatsLayout/index.vue
+++ b/src/layouts/ChatsLayout/index.vue
@@ -10,10 +10,10 @@
         />
 
         <div class="flows-trigger-button" v-if="!isViewMode">
-          <unnnic-button-next
+          <unnnic-button
             v-if="canTriggerFlows"
             size="small"
-            type="terciary"
+            type="secondary"
             iconCenter="pencil-write-1"
             @click="openFlowsTrigger"
           />
@@ -21,11 +21,11 @@
 
         <the-room-list class="room-list" :isViewMode="isViewMode" :viewedAgent="viewedAgent" />
 
-        <unnnic-button-next
+        <unnnic-button
           class="history-button"
           :text="isHistoryView ? $t('back_to_chats') : $t('chats.see_history')"
           :iconLeft="isHistoryView ? 'keyboard-arrow-left-1' : 'task-list-clock-1'"
-          type="terciary"
+          type="secondary"
           size="small"
           @click="navigate(isHistoryView ? 'home' : 'closed-rooms')"
         />
diff --git a/src/views/Dashboard/ViewMode/index.vue b/src/views/Dashboard/ViewMode/index.vue
index 226422e5..85ff0277 100644
--- a/src/views/Dashboard/ViewMode/index.vue
+++ b/src/views/Dashboard/ViewMode/index.vue
@@ -21,11 +21,11 @@
             @show-contact-info="handleModal('ContactInfo', 'open')"
             @scrollTop="searchForMoreMessages"
           />
-          <unnnic-button-next
+          <unnnic-button
             v-if="room.user?.email !== me.email"
             class="assume-chat"
             :text="$t('dashboard.view-mode.assume_chat')"
-            type="terciary"
+            type="secondary"
             @click="handleModal('AssumeChatConfirmation', 'open')"
           />
         </section>
diff --git a/src/views/Settings/Sectors/Edit.vue b/src/views/Settings/Sectors/Edit.vue
index b774f9ff..5c5b0180 100644
--- a/src/views/Settings/Sectors/Edit.vue
+++ b/src/views/Settings/Sectors/Edit.vue
@@ -120,12 +120,12 @@
         v-if="!!queueToEdit && this.currentTab === 'queues'"
         text="Excluir fila"
         icon-left="delete-1"
-        type="terciary"
+        type="tertiary"
         @click="openModalDeleteQueue(queueToEdit)"
       />
       <unnnic-button
         :text="$t('cancel')"
-        type="terciary"
+        type="tertiary"
         @click="cancel"
         v-if="this.isQuickMessageEditing"
       />
@@ -157,7 +157,7 @@
         @close="closeModalDeleteQueue"
       >
         <template #options>
-          <unnnic-button type="terciary" @click="closeModalDeleteQueue" :text="$t('cancel')" />
+          <unnnic-button type="tertiary" @click="closeModalDeleteQueue" :text="$t('cancel')" />
           <unnnic-button
             type="secondary"
             @click="deleteQueue(selectedQueue.uuid)"
diff --git a/src/views/chats/Home.vue b/src/views/chats/Home.vue
index 67f2cf08..49d373be 100644
--- a/src/views/chats/Home.vue
+++ b/src/views/chats/Home.vue
@@ -66,7 +66,7 @@
       scheme="feedback-yellow"
     >
       <template #options>
-        <unnnic-button :text="$t('cancel')" type="terciary" @click="isCloseChatModalOpen = false" />
+        <unnnic-button :text="$t('cancel')" type="tertiary" @click="isCloseChatModalOpen = false" />
         <unnnic-button :text="$t('confirm')" type="secondary" @click="classifyRoom" />
       </template>
     </unnnic-modal>
diff --git a/src/views/chats/ModalCloseChat.vue b/src/views/chats/ModalCloseChat.vue
index 3b77463f..3b6cd317 100644
--- a/src/views/chats/ModalCloseChat.vue
+++ b/src/views/chats/ModalCloseChat.vue
@@ -15,7 +15,7 @@
             </div>
             <div class="button-control">
               <unnnic-button
-                type="terciary"
+                type="tertiary"
                 @click="closeModal"
                 text="Cancelar"
                 style="width: 162px; margin-right: 15px"

From 361a75ace247b04f2ba60aa834f262492f69b685 Mon Sep 17 00:00:00 2001
From: aldemylla <aldemylla@gmail.com>
Date: Fri, 20 Oct 2023 12:15:46 -0300
Subject: [PATCH 3/5] fix: Forwarded to queue feedback

---
 src/components/chats/chat/ChatMessages.vue | 13 ++++++++++---
 src/locales/translations.json              |  7 ++++++-
 2 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/components/chats/chat/ChatMessages.vue b/src/components/chats/chat/ChatMessages.vue
index a115e519..cbfb0f14 100644
--- a/src/components/chats/chat/ChatMessages.vue
+++ b/src/components/chats/chat/ChatMessages.vue
@@ -379,9 +379,16 @@ export default {
 
       function getForwardLabel(action, to) {
         if (action === 'forward') {
-          return t('chats.feedback.forwarded_to_agent', {
-            agent: to.name,
-          });
+          if (to?.type === 'user') {
+            return t('chats.feedback.forwarded_to_agent', {
+              agent: to.name,
+            });
+          }
+          if (to?.type === 'queue') {
+            return t('chats.feedback.forwarded_to_queue', {
+              queue: to.name,
+            });
+          }
         }
         return '';
       }
diff --git a/src/locales/translations.json b/src/locales/translations.json
index 1fbb5b13..23adf601 100644
--- a/src/locales/translations.json
+++ b/src/locales/translations.json
@@ -293,7 +293,12 @@
       "forwarded_to_agent": {
         "pt-br": "Contato encaminhado para agente {agent}",
         "en-us": "Contact forwarded to agent {agent}",
-        "es": "Contacto reenviado al agente {agente}"
+        "es": "Contacto reenviado al agente {agent}"
+      },
+      "forwarded_to_queue": {
+        "pt-br": "Contato encaminhado para fila {queue}",
+        "en-us": "Contact forwarded to queue {queue}",
+        "es": "Contacto reenviado a la cola {queue}"
       },
       "transfer_to_agent": {
         "pt-br": "{agent1} transferiu para {agent2}",

From 7b8f7396acfdb7d3de8e29af4e0a8b4cfd4ddbb4 Mon Sep 17 00:00:00 2001
From: aldemylla <aldemylla@gmail.com>
Date: Fri, 20 Oct 2023 14:57:32 -0300
Subject: [PATCH 4/5] feat: Added agent chat separation feedback

---
 src/components/chats/chat/ChatMessages.vue | 42 ++++++++++++++++------
 src/store/modules/roomMessages.js          |  2 +-
 2 files changed, 33 insertions(+), 11 deletions(-)

diff --git a/src/components/chats/chat/ChatMessages.vue b/src/components/chats/chat/ChatMessages.vue
index cbfb0f14..e1694a0e 100644
--- a/src/components/chats/chat/ChatMessages.vue
+++ b/src/components/chats/chat/ChatMessages.vue
@@ -18,10 +18,6 @@
           v-if="room?.is_waiting"
           :feedback="$t('waiting_answer.waiting_cliente_answer')"
         />
-        <chat-feedback
-          v-if="isFirstMessageByBot(messagesByDate.minutes)"
-          :feedback="$t('chat_with.bot')"
-        />
       </div>
 
       <section
@@ -30,6 +26,15 @@
         :key="messagesByDate.date + messagesByMinute.minute"
       >
         <template v-for="message in messagesByMinute.messages">
+          <chat-feedback
+            v-if="isChatSeparatorFeedback(message.uuid)"
+            :feedback="
+              startMessagesBy.agent === message.uuid
+                ? $t('chat_with.agent', { name: message?.user?.first_name })
+                : $t('chat_with.bot')
+            "
+            :key="'feedback' + message.uuid"
+          />
           <chat-feedback
             v-if="isFeedbackMessage(message)"
             :feedback="createFeedbackLabel(message)"
@@ -182,6 +187,10 @@ export default {
     currentMedia: {},
     prevUuidBeforePagination: null,
     prevRoomUuid: null,
+    startMessagesBy: {
+      bot: '',
+      agent: '',
+    },
   }),
 
   mounted() {
@@ -287,12 +296,24 @@ export default {
       );
     },
 
-    isFirstMessageByBot(messagesByDateMinutes) {
-      return messagesByDateMinutes.some((minute) =>
-        minute.messages.some(
-          (message) => !message.contact && !message.user && !this.isFeedbackMessage(message),
-        ),
-      );
+    setStartFeedbacks() {
+      const newFirstMessageByAgentUuid = this.roomMessages.find(
+        (message) => message.user && !this.isFeedbackMessage(message),
+      )?.uuid;
+      const newFirstMessageByBotUuid = this.roomMessages.find(
+        (message) => !message.contact && !message.user && !this.isFeedbackMessage(message),
+      )?.uuid;
+
+      if (newFirstMessageByAgentUuid) {
+        this.startMessagesBy.agent = newFirstMessageByAgentUuid;
+      }
+      if (newFirstMessageByBotUuid) {
+        this.startMessagesBy.bot = newFirstMessageByBotUuid;
+      }
+    },
+
+    isChatSeparatorFeedback(messageUuid) {
+      return [this.startMessagesBy.bot, this.startMessagesBy.agent].includes(messageUuid);
     },
 
     isMessageByBot(message) {
@@ -481,6 +502,7 @@ export default {
 
   watch: {
     roomMessages() {
+      this.setStartFeedbacks();
       this.$nextTick(() => {
         this.manageScrollForNewMessages();
       });
diff --git a/src/store/modules/roomMessages.js b/src/store/modules/roomMessages.js
index d700207d..3dd73727 100644
--- a/src/store/modules/roomMessages.js
+++ b/src/store/modules/roomMessages.js
@@ -224,7 +224,7 @@ export default {
               });
             });
 
-            newMessages = newMessages.concat(state.roomMessages);
+            newMessages = newMessages.reverse().concat(state.roomMessages);
           } else {
             commit(mutations.RESET_ROOM_MESSAGES_SORTED);
             messages.forEach((message) => {

From c4b76a2166fe12925b2821e9d041dcfd5e8fe313 Mon Sep 17 00:00:00 2001
From: aldemylla <aldemylla@gmail.com>
Date: Fri, 20 Oct 2023 15:53:42 -0300
Subject: [PATCH 5/5] feat: Added verification before call update message bulk
 to check room has user

---
 src/components/chats/chat/ModalGetChat.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/chats/chat/ModalGetChat.vue b/src/components/chats/chat/ModalGetChat.vue
index 2b0d6090..ecc5f5d8 100644
--- a/src/components/chats/chat/ModalGetChat.vue
+++ b/src/components/chats/chat/ModalGetChat.vue
@@ -58,7 +58,9 @@ export default {
 
       await Room.take(this.room.uuid, this.me.email);
       await this.setActiveRoom(this.room.uuid);
-      Room.updateReadMessages(this.room.uuid, true);
+      if (this.room.user) {
+        Room.updateReadMessages(this.room.uuid, true);
+      }
 
       this.close();
     },