feat: enable conversation deletion

2025-06-04 17:17:40 -05:00
parent ee293c3598
commit 9ae94d3e50
11 changed files with 62 additions and 1 deletions
@@ -137,6 +137,10 @@ class ConversationApi extends ApiClient {
  getInboxAssistant(conversationId) {
    return axios.get(`${this.url}/${conversationId}/inbox_assistant`);
  }
+
+  delete(conversationId) {
+    return axios.delete(`${this.url}/${conversationId}`);
+  }
 }

 export default new ConversationApi();
@@ -703,6 +703,15 @@ async function markAsRead(conversationId) {
    // Ignore error
  }
 }
+
+async function deleteConversation(conversationId) {
+  try {
+    await store.dispatch('deleteConversation', conversationId);
+    useAlert(t('CONVERSATION.SUCCESS_DELETE_CONVERSATION'));
+  } catch (error) {
+    useAlert(t('CONVERSATION.FAIL_DELETE_CONVERSATION'));
+  }
+}
 async function onAssignTeam(team, conversationId = null) {
  try {
    await store.dispatch('assignTeam', {
@@ -775,6 +784,7 @@ provide('markAsUnread', markAsUnread);
 provide('markAsRead', markAsRead);
 provide('assignPriority', assignPriority);
 provide('isConversationSelected', isConversationSelected);
+provide('deleteConversation', deleteConversation);

 watch(activeTeam, () => resetAndFetchData());

@@ -16,6 +16,7 @@ export default {
    'markAsRead',
    'assignPriority',
    'isConversationSelected',
+    'deleteConversation',
  ],
  props: {
    source: {
@@ -67,5 +68,6 @@ export default {
    @mark-as-unread="markAsUnread"
    @mark-as-read="markAsRead"
    @assign-priority="assignPriority"
+    @delete-conversation="deleteConversation"
  />
 </template>
@@ -78,6 +78,7 @@ export default {
    'markAsRead',
    'assignPriority',
    'updateConversationStatus',
+    'deleteConversation',
  ],
  data() {
    return {
@@ -237,6 +238,10 @@ export default {
      this.$emit('assignPriority', priority, this.chat.id);
      this.closeContextMenu();
    },
+    async deleteConversation() {
+      this.$emit('deleteConversation', this.chat.id);
+      this.closeContextMenu();
+    },
  },
 };
 </script>
@@ -363,6 +368,7 @@ export default {
        @mark-as-unread="markAsUnread"
        @mark-as-read="markAsRead"
        @assign-priority="assignPriority"
+        @delete-conversation="deleteConversation"
      />
    </ContextMenu>
  </div>
@@ -45,6 +45,7 @@ export default {
    'assignAgent',
    'assignTeam',
    'assignLabel',
+    'deleteConversation',
  ],
  data() {
    return {
@@ -121,6 +122,11 @@ export default {
        icon: 'people-team-add',
        label: this.$t('CONVERSATION.CARD_CONTEXT_MENU.ASSIGN_TEAM'),
      },
+      deleteOption: {
+        key: 'delete',
+        icon: 'delete',
+        label: this.$t('CONVERSATION.CARD_CONTEXT_MENU.DELETE'),
+      },
    };
  },
  computed: {
@@ -178,6 +184,9 @@ export default {
    assignPriority(priority) {
      this.$emit('assignPriority', priority);
    },
+    deleteConversation() {
+      this.$emit('deleteConversation');
+    },
    show(key) {
      // If the conversation status is same as the action, then don't display the option
      // i.e.: Don't show an option to resolve if the conversation is already resolved.
@@ -277,5 +286,11 @@ export default {
        @click.stop="$emit('assignTeam', team)"
      />
    </MenuItemWithSubmenu>
+    <hr class="m-1 rounded border-b border-n-weak dark:border-n-weak" />
+    <MenuItem
+      :option="deleteOption"
+      variant="icon"
+      @click.stop="deleteConversation()"
+    />
  </div>
 </template>
@@ -134,6 +134,7 @@
      "ASSIGN_LABEL": "Assign label",
      "AGENTS_LOADING": "Loading agents...",
      "ASSIGN_TEAM": "Assign team",
+      "DELETE": "Delete conversation",
      "API": {
        "AGENT_ASSIGNMENT": {
          "SUCCESFUL": "Conversation id {conversationId} assigned to \"{agentName}\"",
@@ -208,6 +209,8 @@
    "ASSIGN_LABEL_SUCCESFUL": "Label assigned successfully",
    "ASSIGN_LABEL_FAILED": "Label assignment failed",
    "CHANGE_TEAM": "Conversation team changed",
+    "SUCCESS_DELETE_CONVERSATION": "Conversation deleted successfully",
+    "FAIL_DELETE_CONVERSATION": "Couldn't delete conversation! Try again",
    "FILE_SIZE_LIMIT": "File exceeds the {MAXIMUM_SUPPORTED_FILE_UPLOAD_SIZE} MB attachment limit",
    "MESSAGE_ERROR": "Unable to send this message, please try again later",
    "SENT_BY": "Sent by:",
@@ -327,6 +327,15 @@ const actions = {
    }
  },

+  deleteConversation: async ({ commit }, conversationId) => {
+    try {
+      await ConversationApi.delete(conversationId);
+      commit(types.DELETE_CONVERSATION, conversationId);
+    } catch (error) {
+      throw new Error(error);
+    }
+  },
+
  addConversation({ commit, state, dispatch, rootState }, conversation) {
    const { currentInbox, appliedFilters } = state;
    const {
@@ -204,6 +204,12 @@ export const mutations = {
    _state.allConversations.push(conversation);
  },

+  [types.DELETE_CONVERSATION](_state, conversationId) {
+    _state.allConversations = _state.allConversations.filter(
+      c => c.id !== conversationId
+    );
+  },
+
  [types.UPDATE_CONVERSATION](_state, conversation) {
    const { allConversations } = _state;
    const index = allConversations.findIndex(c => c.id === conversation.id);
@@ -56,6 +56,7 @@ export default {
  SET_ALL_ATTACHMENTS: 'SET_ALL_ATTACHMENTS',
  ADD_CONVERSATION_ATTACHMENTS: 'ADD_CONVERSATION_ATTACHMENTS',
  DELETE_CONVERSATION_ATTACHMENTS: 'DELETE_CONVERSATION_ATTACHMENTS',
+  DELETE_CONVERSATION: 'DELETE_CONVERSATION',

  SET_CONVERSATION_CAN_REPLY: 'SET_CONVERSATION_CAN_REPLY',