From 537b0a5b074d36bc53f154af3a2f2c328838d97a Mon Sep 17 00:00:00 2001
From: aldemylla <aldemylla@gmail.com>
Date: Wed, 20 Mar 2024 16:53:34 -0300
Subject: [PATCH 1/7] feat: Added bulk transfer request service

---
 src/services/api/resources/chats/room.js | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/src/services/api/resources/chats/room.js b/src/services/api/resources/chats/room.js
index 75f8113b..bd94c442 100644
--- a/src/services/api/resources/chats/room.js
+++ b/src/services/api/resources/chats/room.js
@@ -1,4 +1,5 @@
 import http from '@/services/api/http';
+import Profile from '@/store/modules/profile';
 import { getProject } from '@/utils/config';
 
 export default {
@@ -82,4 +83,18 @@ export default {
     );
     return response.data;
   },
+
+  async bulkTranfer({ rooms = [], intended_user = '', intended_queue = '' }) {
+    const { email: user_email } = Profile.state.me;
+
+    const response = await http.patch(`room/bulk_transfer/`, {
+      params: {
+        user_request: user_email,
+        rooms_list: rooms,
+        queue_uuid: intended_queue,
+        user_email: intended_user,
+      },
+    });
+    return response.data;
+  },
 };

From 0c09f8a4bfa6519bdfd95a8e3d4341f9c910aa97 Mon Sep 17 00:00:00 2001
From: aldemylla <aldemylla@gmail.com>
Date: Wed, 20 Mar 2024 16:55:58 -0300
Subject: [PATCH 2/7] feat: Added the functionality to select one or more room
 cards to transfer

---
 .../TheCardGroups/CardGroup/RoomCard.vue      |  68 ++++++++++--
 .../TheCardGroups/CardGroup/index.vue         | 103 ++++++++++++++++--
 .../components/TheCardGroups/index.vue        |   1 +
 src/store/modules/chats/rooms.js              |   8 ++
 4 files changed, 157 insertions(+), 23 deletions(-)

diff --git a/src/layouts/ChatsLayout/components/TheCardGroups/CardGroup/RoomCard.vue b/src/layouts/ChatsLayout/components/TheCardGroups/CardGroup/RoomCard.vue
index 55987fc8..aa6a073b 100644
--- a/src/layouts/ChatsLayout/components/TheCardGroups/CardGroup/RoomCard.vue
+++ b/src/layouts/ChatsLayout/components/TheCardGroups/CardGroup/RoomCard.vue
@@ -1,16 +1,26 @@
 <template>
-  <UnnnicChatsContact
-    :title="room.contact.name"
-    :lastMessage="lastMessage"
-    :waitingTime="waitingTimeComputed"
-    :unreadMessages="unreadMessages"
-    :tabindex="0"
-    :selected="room.uuid === activeRoomId && !unselected"
-    :locale="locale"
-    @click="$emit('click')"
-    @keypress.enter="$emit('click')"
+  <section
+    class="room-card__container"
+    :class="{ 'room-card__container--with-selection': withSelection }"
   >
-  </UnnnicChatsContact>
+    <UnnnicCheckbox
+      size="sm"
+      v-if="withSelection"
+      v-model="checkboxValue"
+      class="room-card__checkbox"
+    />
+    <UnnnicChatsContact
+      :title="room.contact.name"
+      :lastMessage="lastMessage"
+      :waitingTime="waitingTimeComputed"
+      :unreadMessages="unreadMessages"
+      :tabindex="0"
+      :selected="room.uuid === activeRoomId && active"
+      :locale="locale"
+      @click="$emit('click')"
+      @keypress.enter="$emit('click')"
+    />
+  </section>
 </template>
 
 <script>
@@ -26,7 +36,15 @@ export default {
       type: Object,
       required: true,
     },
-    unselected: {
+    active: {
+      type: Boolean,
+      default: false,
+    },
+    selected: {
+      type: Boolean,
+      default: false,
+    },
+    withSelection: {
       type: Boolean,
       default: false,
     },
@@ -51,6 +69,7 @@ export default {
   data: () => ({
     waitingTime: 0,
     timer: null,
+    checkboxValue: false,
   }),
 
   computed: {
@@ -81,5 +100,30 @@ export default {
       return this.$i18n.locale;
     },
   },
+
+  watch: {
+    selected(newSelected) {
+      this.checkboxValue = newSelected;
+    },
+    checkboxValue(newCheckboxValue) {
+      this.$emit('update-selected', newCheckboxValue);
+    },
+  },
 };
 </script>
+
+<style lang="scss" scoped>
+.room-card__container {
+  display: grid;
+  align-items: center;
+
+  &--with-selection {
+    grid-template-columns: auto 1fr;
+  }
+}
+.room-card {
+  &__checkbox {
+    padding: $unnnic-spacing-nano;
+  }
+}
+</style>
diff --git a/src/layouts/ChatsLayout/components/TheCardGroups/CardGroup/index.vue b/src/layouts/ChatsLayout/components/TheCardGroups/CardGroup/index.vue
index 30b84d34..31c32fb1 100644
--- a/src/layouts/ChatsLayout/components/TheCardGroups/CardGroup/index.vue
+++ b/src/layouts/ChatsLayout/components/TheCardGroups/CardGroup/index.vue
@@ -1,16 +1,32 @@
 <template>
   <UnnnicCollapse
-    :title="label"
-    :active="true"
+    active
     size="md"
   >
+    <template #header>
+      <label class="card-group__header">
+        <section @click.stop>
+          <UnnnicCheckbox
+            v-if="withSelection"
+            class="card-group__checkbox"
+            size="sm"
+            v-model="collapseCheckboxValue"
+            @change="updateSelectAllRooms($event)"
+          />
+        </section>
+        {{ label }}
+      </label>
+    </template>
     <template v-if="rooms">
       <RoomCard
         v-for="room in rooms"
-        :key="room.id"
+        :key="room.uuid"
         :room="room"
         @click="open(room)"
-        :unselected="!!activeDiscussionId"
+        :active="!activeDiscussionId"
+        :selected="getIsRoomSelected(room.uuid)"
+        @update-selected="updateIsRoomSelected(room.uuid, $event)"
+        :withSelection="withSelection"
       />
     </template>
     <template v-if="discussions">
@@ -30,7 +46,7 @@
 </template>
 
 <script>
-import { mapState } from 'vuex';
+import { mapActions, mapState } from 'vuex';
 import RoomCard from './RoomCard';
 
 export default {
@@ -40,12 +56,6 @@ export default {
     RoomCard,
   },
 
-  data() {
-    return {
-      isDefaultOpen: true,
-    };
-  },
-
   props: {
     rooms: {
       type: Array,
@@ -57,6 +67,17 @@ export default {
       type: String,
       default: '',
     },
+    withSelection: {
+      type: Boolean,
+      default: false,
+    },
+  },
+
+  data() {
+    return {
+      isCollapseOpened: true,
+      collapseCheckboxValue: false,
+    };
   },
 
   created() {
@@ -72,10 +93,15 @@ export default {
       },
       activeDiscussionId: (state) =>
         state.chats.discussions.activeDiscussion?.uuid,
+      selectedRoomsToTransfer: (state) =>
+        state.chats.rooms.selectedRoomsToTransfer,
     }),
   },
 
   methods: {
+    ...mapActions({
+      setSelectedRoomsToTransfer: 'chats/rooms/setSelectedRoomsToTransfer',
+    }),
     open(room) {
       this.$emit('open', room);
     },
@@ -83,6 +109,61 @@ export default {
       const { newMessagesByDiscussion } = this;
       return newMessagesByDiscussion?.[discussionId]?.messages?.length || 0;
     },
+    getIsRoomSelected(uuid) {
+      return !!this.selectedRoomsToTransfer.find(
+        (mappedUuid) => mappedUuid === uuid,
+      );
+    },
+    updateIsRoomSelected(uuid, isSelected) {
+      if (isSelected) {
+        this.setSelectedRoomsToTransfer([
+          ...this.selectedRoomsToTransfer,
+          uuid,
+        ]);
+      } else {
+        this.setSelectedRoomsToTransfer(
+          this.selectedRoomsToTransfer.filter(
+            (selectedRoom) => selectedRoom !== uuid,
+          ),
+        );
+      }
+    },
+    updateSelectAllRooms(select) {
+      if (select) {
+        const roomsUuids = this.rooms.map((selectedRoom) => selectedRoom.uuid);
+        this.setSelectedRoomsToTransfer(roomsUuids);
+      } else {
+        this.setSelectedRoomsToTransfer([]);
+      }
+    },
+  },
+
+  watch: {
+    selectedRoomsToTransfer(newSelectedRooms) {
+      this.collapseCheckboxValue = newSelectedRooms.length >= 1;
+    },
   },
 };
 </script>
+
+<style lang="scss" scoped>
+.card-group {
+  &__header {
+    display: grid;
+    grid-template-columns: auto 1fr;
+    align-items: flex-start;
+    gap: $unnnic-spacing-nano;
+  }
+  &__checkbox {
+    padding: $unnnic-spacing-nano;
+
+    :deep(.unnnic-checkbox) {
+      // !important at fill is needed here because the
+      // unnnicCollapse header is applying an unwanted style when hovering
+      svg .primary {
+        fill: $unnnic-color-weni-500 !important;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/layouts/ChatsLayout/components/TheCardGroups/index.vue b/src/layouts/ChatsLayout/components/TheCardGroups/index.vue
index e43e7525..c5abcb3c 100644
--- a/src/layouts/ChatsLayout/components/TheCardGroups/index.vue
+++ b/src/layouts/ChatsLayout/components/TheCardGroups/index.vue
@@ -70,6 +70,7 @@
         :label="$t('chats.in_progress', { length: rooms.length })"
         :rooms="rooms"
         @open="openRoom"
+        withSelection
       />
       <CardGroup
         v-if="rooms_sent_flows.length"
diff --git a/src/store/modules/chats/rooms.js b/src/store/modules/chats/rooms.js
index b7b44a99..ebf6491f 100644
--- a/src/store/modules/chats/rooms.js
+++ b/src/store/modules/chats/rooms.js
@@ -10,6 +10,7 @@ const mutations = {
   SET_CAN_USE_COPILOT: 'SET_CAN_USE_COPILOT',
   SET_COPILOT_SUGGESTION: 'SET_COPILOT_SUGGESTION',
   UPDATE_NEW_MESSAGES_BY_ROOM: 'UPDATE_NEW_MESSAGES_BY_ROOM',
+  SET_SELECTED_ROOMS_TO_TRANFER: 'SET_SELECTED_ROOMS_TO_TRANFER',
 };
 
 export default {
@@ -21,6 +22,7 @@ export default {
     hasNextRooms: true,
     canUseCopilot: false,
     copilotSuggestion: '',
+    selectedRoomsToTransfer: [],
   },
 
   mutations: {
@@ -58,6 +60,9 @@ export default {
         },
       };
     },
+    [mutations.SET_SELECTED_ROOMS_TO_TRANFER](state, rooms) {
+      state.selectedRoomsToTransfer = rooms;
+    },
   },
 
   actions: {
@@ -184,6 +189,9 @@ export default {
     resetNewMessagesByRoom({ commit }, { room }) {
       commit(mutations.UPDATE_NEW_MESSAGES_BY_ROOM, { room, reset: true });
     },
+    setSelectedRoomsToTransfer({ commit }, rooms) {
+      commit(mutations.SET_SELECTED_ROOMS_TO_TRANFER, rooms);
+    },
   },
 
   getters: {

From 059f57a3e5fd837a51f4bab8920e8d54f313c0a0 Mon Sep 17 00:00:00 2001
From: aldemylla <aldemylla@gmail.com>
Date: Wed, 20 Mar 2024 17:32:28 -0300
Subject: [PATCH 3/7] feat: Button in ChatLayout to control bulk contact
 transfer

---
 src/components/chats/ContactInfo/index.vue    |  2 +-
 .../chats/chat/ModalBulkTransfer.vue          | 60 +++++++++++++++
 .../components/FooterButton/index.vue         | 73 +++++++++++++++++++
 src/layouts/ChatsLayout/index.vue             | 23 +-----
 src/locales/translations.json                 | 33 +++++++--
 5 files changed, 162 insertions(+), 29 deletions(-)
 create mode 100644 src/components/chats/chat/ModalBulkTransfer.vue
 create mode 100644 src/layouts/ChatsLayout/components/FooterButton/index.vue

diff --git a/src/components/chats/ContactInfo/index.vue b/src/components/chats/ContactInfo/index.vue
index 3dc27128..337fc9e7 100644
--- a/src/components/chats/ContactInfo/index.vue
+++ b/src/components/chats/ContactInfo/index.vue
@@ -132,7 +132,7 @@
         <DiscussionsSession v-if="isHistory" />
         <AsideSlotTemplateSection v-if="!isHistory">
           <p class="title-transfer-chat">
-            {{ $t('contact_info.transfer_contact') }}
+            {{ $tc('transfer_contact') }}
           </p>
           <section class="transfer-section">
             <section class="transfer__radios">
diff --git a/src/components/chats/chat/ModalBulkTransfer.vue b/src/components/chats/chat/ModalBulkTransfer.vue
new file mode 100644
index 00000000..1c24d2b2
--- /dev/null
+++ b/src/components/chats/chat/ModalBulkTransfer.vue
@@ -0,0 +1,60 @@
+<template>
+  <UnnnicModal
+    :text="$t('bulk_transfer.transfer_selected_contacts')"
+    class="modal-bulk-transfer"
+  >
+    <section>
+      <UnnnicSelectSmart
+        v-model="selectedDestination"
+        :options="destinations"
+        autocomplete
+        autocompleteIconLeft
+        autocompleteClearOnFocus
+      />
+    </section>
+
+    <template #options>
+      <UnnnicButton
+        :text="$t('cancel')"
+        type="secondary"
+        size="large"
+        @click="$emit('close')"
+      />
+      <UnnnicButton
+        :text="$t('confirm')"
+        type="primary"
+        size="large"
+        @click="bulkTransfer"
+        :disabled="selectedDestination.length === 0"
+      />
+    </template>
+  </UnnnicModal>
+</template>
+
+<script>
+import Room from '@/services/api/resources/chats/room';
+import { mapState } from 'vuex';
+export default {
+  data() {
+    return {
+      selectedDestination: [],
+      destinations: [],
+    };
+  },
+
+  computed: {
+    ...mapState({
+      selectedRoomsToTransfer: (state) =>
+        state.chats.rooms.selectedRoomsToTransfer,
+    }),
+  },
+
+  methods: {
+    bulkTransfer() {
+      Room.bulkTranfer({ rooms: this.selectedRoomsToTransfer });
+    },
+  },
+};
+</script>
+
+<style></style>
diff --git a/src/layouts/ChatsLayout/components/FooterButton/index.vue b/src/layouts/ChatsLayout/components/FooterButton/index.vue
new file mode 100644
index 00000000..09698a9c
--- /dev/null
+++ b/src/layouts/ChatsLayout/components/FooterButton/index.vue
@@ -0,0 +1,73 @@
+<template>
+  <section class="chats-layout-footer-button">
+    <section
+      v-if="selectedRoomsToTransfer.length >= 1"
+      class="chats-layout-footer-button__bulk-transfer"
+    >
+      <UnnnicButton
+        class="chats-layout-footer-button__button"
+        :text="$tc('transfer_contact', selectedRoomsToTransfer.length)"
+        iconLeft="read_more"
+        type="primary"
+        size="small"
+        @click="handleModalBulkTransfer"
+      />
+      <ModalBulkTransfer
+        v-if="isModalBulkTransferOpened"
+        @close="handleModalBulkTransfer"
+      />
+    </section>
+    <UnnnicButton
+      v-else
+      class="chats-layout-footer-button__button"
+      :text="$t('chats.see_history')"
+      iconLeft="history"
+      type="secondary"
+      size="small"
+      @click="navigate('closed-rooms')"
+    />
+  </section>
+</template>
+
+<script>
+import { mapState } from 'vuex';
+import ModalBulkTransfer from '@/components/chats/chat/ModalBulkTransfer.vue';
+export default {
+  name: 'ChatsLayoutFooterButton',
+
+  components: {
+    ModalBulkTransfer,
+  },
+
+  data() {
+    return {
+      isModalBulkTransferOpened: false,
+    };
+  },
+
+  computed: {
+    ...mapState({
+      selectedRoomsToTransfer: (state) =>
+        state.chats.rooms.selectedRoomsToTransfer,
+    }),
+  },
+  methods: {
+    handleModalBulkTransfer() {
+      this.isModalBulkTransferOpened = !this.isModalBulkTransferOpened;
+    },
+    navigate(name) {
+      this.$router.push({
+        name,
+      });
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.chats-layout-footer-button {
+  &__button {
+    width: 100%;
+  }
+}
+</style>
diff --git a/src/layouts/ChatsLayout/index.vue b/src/layouts/ChatsLayout/index.vue
index cd5d0e98..1f7b612c 100644
--- a/src/layouts/ChatsLayout/index.vue
+++ b/src/layouts/ChatsLayout/index.vue
@@ -40,14 +40,7 @@
           :viewedAgent="viewedAgent"
         />
 
-        <UnnnicButton
-          class="history-button"
-          :text="isHistoryView ? $t('back_to_chats') : $t('chats.see_history')"
-          :iconLeft="isHistoryView ? 'keyboard-arrow-left-1' : 'history'"
-          type="secondary"
-          size="small"
-          @click="navigate(isHistoryView ? 'home' : 'closed-rooms')"
-        />
+        <ChatsLayoutFooterButton class="footer-button" />
       </div>
     </slot>
 
@@ -94,6 +87,7 @@ import FlowsTrigger from '@/services/api/resources/chats/flowsTrigger.js';
 import QuickMessages from '@/components/chats/QuickMessages';
 import TheCardGroups from './components/TheCardGroups';
 import LayoutFlowsTrigger from './components/FlowsTrigger';
+import ChatsLayoutFooterButton from './components/FooterButton';
 
 export default {
   name: 'ChatsLayout',
@@ -104,6 +98,7 @@ export default {
     SidebarLoading,
     LayoutFlowsTrigger,
     QuickMessages,
+    ChatsLayoutFooterButton,
   },
 
   props: {
@@ -178,11 +173,6 @@ export default {
     selectQuickMessage(quickMessage) {
       this.$emit('select-quick-message', quickMessage);
     },
-    navigate(name) {
-      this.$router.push({
-        name,
-      });
-    },
   },
 
   computed: {
@@ -201,9 +191,6 @@ export default {
     quickMessagesVisible() {
       return !this.showFlowsTrigger && this.showQuickMessages;
     },
-    isHistoryView() {
-      return this.$route.name === 'closed-rooms';
-    },
     isViewMode() {
       return !!this.viewedAgent;
     },
@@ -262,10 +249,6 @@ section.chats-layout {
       }
     }
 
-    .history-button {
-      margin-right: $unnnic-spacing-xs;
-    }
-
     .room-list {
       overflow-y: auto;
     }
diff --git a/src/locales/translations.json b/src/locales/translations.json
index 89a813b4..f4ad68bd 100644
--- a/src/locales/translations.json
+++ b/src/locales/translations.json
@@ -819,12 +819,12 @@
   },
   "name_or_phone_or_protocol": {
     "pt-br": "Nome, telefone ou procotolo",
-    "en-us": "Name, telephone or protocol",
+    "en": "Name, phone or procotolo",
     "es": "Nombre, teléfono o protocolo"
   },
   "protocol": {
     "pt-br": "Protocolo",
-    "en-us": "Protocol",
+    "en": "Protocol",
     "es": "Protocolo"
   },
   "tags": {
@@ -932,6 +932,28 @@
       "es": "Chat cerrado por el agente"
     }
   },
+  "transfer_contact": {
+    "pt-br": "Transferir contato | Transferir contatos",
+    "en": "Transfer contact | Transfer contacts",
+    "es": "Transferir contacto | Transferir contacts"
+  },
+  "bulk_transfer": {
+    "transfer_selected_contacts": {
+      "pt-br": "Transferir contatos selecionados",
+      "en": "Transfer selected contacts",
+      "es": "Transferir contactos seleccionados"
+    },
+    "agent_transfer_success": {
+      "pt-br": "Contatos transferidos com sucesso para agente {agent}",
+      "en": "Contacts successfully transferred to agent {agent}",
+      "es": "Contactos transferidos con éxito al agente {agent}"
+    },
+    "queue_transfer_success": {
+      "pt-br": "Contatos transferidos com sucesso para fila {queue}",
+      "en": "Contacts successfully transferred to queue {queue}",
+      "es": "Contactos transferidos con éxito a la cola {queue}"
+    }
+  },
   "contact_info": {
     "title": {
       "pt-br": "Informações do contato",
@@ -973,11 +995,6 @@
       "en": "View history",
       "es": "Ver historial"
     },
-    "transfer_contact": {
-      "pt-br": "Transferir contato",
-      "en": "Transfer contact",
-      "es": "Transferir contacto"
-    },
     "audio_tooltip": {
       "pt-br": "{agent} {date} às {time}",
       "en": "{agent} {date} at {time}",
@@ -1442,7 +1459,7 @@
     },
     "contact_already_exists": {
       "pt-br": "O número {contact} já está salvo em sua lista de contatos",
-      "en-us": "The number {contact} is already saved in your contact list",
+      "en": "The number {contact} is already saved in your contact list",
       "es": "El número {contact} ya está guardado en tu lista de contactos"
     }
   },

From cb4892ceff073ed249d071b9d50e6a6b380b8593 Mon Sep 17 00:00:00 2001
From: aldemylla <aldemylla@gmail.com>
Date: Thu, 21 Mar 2024 11:11:54 -0300
Subject: [PATCH 4/7] wip: Listing of queues and agents in the mass contact
 transfer modal

---
 .../chats/chat/ModalBulkTransfer.vue          | 103 +++++++++++++++++-
 src/services/api/resources/chats/room.js      |   4 +-
 2 files changed, 101 insertions(+), 6 deletions(-)

diff --git a/src/components/chats/chat/ModalBulkTransfer.vue b/src/components/chats/chat/ModalBulkTransfer.vue
index 1c24d2b2..5d0ea584 100644
--- a/src/components/chats/chat/ModalBulkTransfer.vue
+++ b/src/components/chats/chat/ModalBulkTransfer.vue
@@ -2,8 +2,26 @@
   <UnnnicModal
     :text="$t('bulk_transfer.transfer_selected_contacts')"
     class="modal-bulk-transfer"
+    :closeIcon="false"
   >
-    <section>
+    <section class="modal-bulk-transfer__select-destination">
+      <section class="select-destination__radios">
+        <UnnnicRadio
+          size="md"
+          v-model="destinationType"
+          value="agent"
+        >
+          {{ $t('agent') }}
+        </UnnnicRadio>
+
+        <UnnnicRadio
+          size="md"
+          v-model="destinationType"
+          value="queue"
+        >
+          {{ $t('queue') }}
+        </UnnnicRadio>
+      </section>
       <UnnnicSelectSmart
         v-model="selectedDestination"
         :options="destinations"
@@ -16,7 +34,7 @@
     <template #options>
       <UnnnicButton
         :text="$t('cancel')"
-        type="secondary"
+        type="tertiary"
         size="large"
         @click="$emit('close')"
       />
@@ -34,14 +52,26 @@
 <script>
 import Room from '@/services/api/resources/chats/room';
 import { mapState } from 'vuex';
+// import Sector from '@/services/api/resources/settings/sector';
+import Queue from '@/services/api/resources/settings/queue';
+
 export default {
+  name: 'ModalBulkTransfer',
+
   data() {
     return {
       selectedDestination: [],
+      destinationType: 'agent',
       destinations: [],
+      queues: null,
+      agents: null,
     };
   },
 
+  created() {
+    this.getDestinations();
+  },
+
   computed: {
     ...mapState({
       selectedRoomsToTransfer: (state) =>
@@ -50,11 +80,76 @@ export default {
   },
 
   methods: {
+    async getDestinations() {
+      const newQueues = await Queue.listByProject();
+
+      const treatedQueues = [{ value: '', label: this.$t('select_queue') }];
+      treatedQueues
+        .concat(newQueues.results)
+        .forEach(({ name, sector_name, uuid }) => {
+          treatedQueues.push({
+            label: `${name} | ${this.$t('sector.title')} ${sector_name}`,
+            value: uuid,
+          });
+        });
+      this.queues = treatedQueues;
+    },
+
+    // async listAgents() {
+    //   this.agents = (
+    //     await Sector.agents({ sectorUuid: this.room.queue.sector })
+    //   )
+    //     .filter((agent) => agent.email !== this.$store.state.profile.me.email)
+    //     .map(({ first_name, last_name, email }) => {
+    //       return {
+    //         name: [first_name, last_name].join(' ').trim() || email,
+    //         email,
+    //       };
+    //     });
+    // },
     bulkTransfer() {
-      Room.bulkTranfer({ rooms: this.selectedRoomsToTransfer });
+      const { destinationType, selectedRoomsToTransfer } = this;
+      const destination = this.selectedDestination?.[0]?.value;
+      const destinationProperty =
+        destinationType === 'queue' ? 'intended_queue' : 'intended_agent';
+
+      Room.bulkTranfer({
+        rooms: selectedRoomsToTransfer,
+        [destinationProperty]: destination,
+      });
+    },
+  },
+
+  watch: {
+    destinationType(newDestinationType) {
+      const { queues, agents } = this;
+      this.destinations = newDestinationType === 'queue' ? queues : agents;
     },
   },
 };
 </script>
 
-<style></style>
+<style lang="scss" scoped>
+.modal-bulk-transfer {
+  :deep(.unnnic-modal-container) {
+    .unnnic-modal-container-background-body {
+      padding-top: $unnnic-spacing-giant;
+
+      &-description-container {
+        padding-bottom: 0;
+      }
+    }
+  }
+  &__select-destination {
+    display: grid;
+    gap: $unnnic-spacing-sm;
+  }
+
+  .select-destination {
+    &__radios {
+      display: flex;
+      gap: $unnnic-spacing-sm;
+    }
+  }
+}
+</style>
diff --git a/src/services/api/resources/chats/room.js b/src/services/api/resources/chats/room.js
index bd94c442..dddbbf19 100644
--- a/src/services/api/resources/chats/room.js
+++ b/src/services/api/resources/chats/room.js
@@ -84,7 +84,7 @@ export default {
     return response.data;
   },
 
-  async bulkTranfer({ rooms = [], intended_user = '', intended_queue = '' }) {
+  async bulkTranfer({ rooms = [], intended_agent = '', intended_queue = '' }) {
     const { email: user_email } = Profile.state.me;
 
     const response = await http.patch(`room/bulk_transfer/`, {
@@ -92,7 +92,7 @@ export default {
         user_request: user_email,
         rooms_list: rooms,
         queue_uuid: intended_queue,
-        user_email: intended_user,
+        user_email: intended_agent,
       },
     });
     return response.data;

From d8159cb1f6969051d83aaa6ea9fe150343cfe9a5 Mon Sep 17 00:00:00 2001
From: aldemylla <aldemylla@gmail.com>
Date: Fri, 22 Mar 2024 18:26:13 -0300
Subject: [PATCH 5/7] fix: Changed body of the request for mass contact
 transfer

---
 src/services/api/resources/chats/room.js | 16 +++++++---------
 1 file changed, 7 insertions(+), 9 deletions(-)

diff --git a/src/services/api/resources/chats/room.js b/src/services/api/resources/chats/room.js
index 0a473620..704465bd 100644
--- a/src/services/api/resources/chats/room.js
+++ b/src/services/api/resources/chats/room.js
@@ -1,5 +1,4 @@
 import http from '@/services/api/http';
-import Profile from '@/store/modules/profile';
 import { getProject } from '@/utils/config';
 import Profile from '@/store/modules/profile';
 
@@ -95,15 +94,14 @@ export default {
 
   async bulkTranfer({ rooms = [], intended_agent = '', intended_queue = '' }) {
     const { email: user_email } = Profile.state.me;
+    const body = { rooms_list: rooms };
+    const params = {
+      user_request: user_email,
+      queue_uuid: intended_queue,
+      user_email: intended_agent,
+    };
 
-    const response = await http.patch(`room/bulk_transfer/`, {
-      params: {
-        user_request: user_email,
-        rooms_list: rooms,
-        queue_uuid: intended_queue,
-        user_email: intended_agent,
-      },
-    });
+    const response = await http.patch(`room/bulk_transfer/`, body, { params });
     return response.data;
   },
 };

From 3067a6e27fb838836a4a17c3d457aed41d84e3fb Mon Sep 17 00:00:00 2001
From: aldemylla <aldemylla@gmail.com>
Date: Wed, 27 Mar 2024 11:10:59 -0300
Subject: [PATCH 6/7] feat: Adjusted ModalBulkTransfer overflow

---
 src/components/chats/chat/ModalBulkTransfer.vue | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/components/chats/chat/ModalBulkTransfer.vue b/src/components/chats/chat/ModalBulkTransfer.vue
index 5d0ea584..f080f051 100644
--- a/src/components/chats/chat/ModalBulkTransfer.vue
+++ b/src/components/chats/chat/ModalBulkTransfer.vue
@@ -131,15 +131,23 @@ export default {
 
 <style lang="scss" scoped>
 .modal-bulk-transfer {
-  :deep(.unnnic-modal-container) {
+  :deep(.unnnic-modal-container-background) {
+    overflow: visible;
+
     .unnnic-modal-container-background-body {
       padding-top: $unnnic-spacing-giant;
 
       &-description-container {
         padding-bottom: 0;
       }
+
+      &-description,
+      &-description-container {
+        overflow: visible;
+      }
     }
   }
+
   &__select-destination {
     display: grid;
     gap: $unnnic-spacing-sm;

From 05da1ca83672f79c1458db64308460bf2b41215c Mon Sep 17 00:00:00 2001
From: aldemylla <aldemylla@gmail.com>
Date: Wed, 27 Mar 2024 11:47:01 -0300
Subject: [PATCH 7/7] feat: Added bulk transfer sector config

---
 src/components/settings/forms/Sector.vue | 4 ++++
 src/locales/translations.json            | 9 +++++++--
 src/views/Settings/Sectors/Edit.vue      | 2 ++
 3 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/components/settings/forms/Sector.vue b/src/components/settings/forms/Sector.vue
index 63364870..f48b7fa9 100644
--- a/src/components/settings/forms/Sector.vue
+++ b/src/components/settings/forms/Sector.vue
@@ -138,6 +138,10 @@
           v-model="sector.can_edit_custom_fields"
           :textRight="$t('sector.additional_options.edit_custom_fields')"
         />
+        <UnnnicSwitch
+          v-model="sector.config.can_use_bulk_transfer"
+          :textRight="$t('sector.additional_options.bulk_transfer')"
+        />
       </div>
       <div>
         <h2 class="title">{{ $t('sector.managers.working_day.title') }}</h2>
diff --git a/src/locales/translations.json b/src/locales/translations.json
index 54dad23f..f4d782df 100644
--- a/src/locales/translations.json
+++ b/src/locales/translations.json
@@ -293,6 +293,11 @@
           "en": "Disabled signature",
           "es": "Firma discapacitada"
         }
+      },
+      "bulk_transfer": {
+        "pt-br": "Permitir transferências para mais de um contato",
+        "en": "Allow transfers to more than one contact",
+        "es": "Permitir transferencias a más de un contacto"
       }
     }
   },
@@ -362,7 +367,7 @@
       },
       "agent_took_chat": {
         "pt-br": "Ops! O chat com contato {contact} foi assumido por outro agente",
-        "en-us": "Oops! The chat with the contact {contact} has already been taken over by another agent",
+        "en": "Oops! The contact chat {contact} was assumed by another agent",
         "es": "¡Ups! El chat con el contacto {contact} ha sido asumido por otro agente"
       }
     },
@@ -477,7 +482,7 @@
     },
     "get_chat_confirmation": {
       "pt-br": "Confirme se deseja realizar o atendimento de {contact}",
-      "en-us": "Confirm if you want to do the service of {contact}",
+      "en": "Confirm if you want to perform the service of {contact}",
       "es": "Confirma si deseas realizar el servicio de {contact}"
     },
     "you_got_chat": {
diff --git a/src/views/Settings/Sectors/Edit.vue b/src/views/Settings/Sectors/Edit.vue
index 71cdf5cf..70b30930 100644
--- a/src/views/Settings/Sectors/Edit.vue
+++ b/src/views/Settings/Sectors/Edit.vue
@@ -502,6 +502,7 @@ export default {
         name,
         can_trigger_flows,
         can_edit_custom_fields,
+        config,
         sign_messages,
         workingDay,
         maxSimultaneousChatsByAgent,
@@ -511,6 +512,7 @@ export default {
         name,
         can_trigger_flows,
         can_edit_custom_fields,
+        config,
         sign_messages,
         work_start: workingDay.start,
         work_end: workingDay.end,