Restructure omni services and add Chatwoot research snapshot

research/chatwoot/app/javascript/dashboard/composables/chatlist/useBulkActions.js

@@ -0,0 +1,218 @@
+import { ref, unref } from 'vue';
+import { useStore } from 'vuex';
+import { useAlert } from 'dashboard/composables';
+import { useI18n } from 'vue-i18n';
+import { useMapGetter } from 'dashboard/composables/store.js';
+import { useConversationRequiredAttributes } from 'dashboard/composables/useConversationRequiredAttributes';
+import wootConstants from 'dashboard/constants/globals';
+
+export function useBulkActions() {
+  const store = useStore();
+  const { t } = useI18n();
+  const { checkMissingAttributes } = useConversationRequiredAttributes();
+
+  const selectedConversations = useMapGetter(
+    'bulkActions/getSelectedConversationIds'
+  );
+  const selectedInboxes = ref([]);
+
+  function selectConversation(conversationId, inboxId) {
+    store.dispatch('bulkActions/setSelectedConversationIds', conversationId);
+    selectedInboxes.value = [...selectedInboxes.value, inboxId];
+  }
+
+  function deSelectConversation(conversationId, inboxId) {
+    store.dispatch('bulkActions/removeSelectedConversationIds', conversationId);
+    selectedInboxes.value = selectedInboxes.value.filter(
+      item => item !== inboxId
+    );
+  }
+
+  function resetBulkActions() {
+    store.dispatch('bulkActions/clearSelectedConversationIds');
+    selectedInboxes.value = [];
+  }
+
+  function selectAllConversations(check, conversationList) {
+    const availableConversations = unref(conversationList);
+    if (check) {
+      store.dispatch(
+        'bulkActions/setSelectedConversationIds',
+        availableConversations.map(item => item.id)
+      );
+      selectedInboxes.value = availableConversations.map(item => item.inbox_id);
+    } else {
+      resetBulkActions();
+    }
+  }
+
+  function isConversationSelected(id) {
+    return selectedConversations.value.includes(id);
+  }
+
+  // Same method used in context menu, conversationId being passed from there.
+  async function onAssignAgent(agent, conversationId = null) {
+    try {
+      await store.dispatch('bulkActions/process', {
+        type: 'Conversation',
+        ids: conversationId || selectedConversations.value,
+        fields: {
+          assignee_id: agent.id,
+        },
+      });
+      store.dispatch('bulkActions/clearSelectedConversationIds');
+      if (conversationId) {
+        useAlert(
+          t('CONVERSATION.CARD_CONTEXT_MENU.API.AGENT_ASSIGNMENT.SUCCESFUL', {
+            agentName: agent.name,
+            conversationId,
+          })
+        );
+      } else {
+        useAlert(t('BULK_ACTION.ASSIGN_SUCCESFUL'));
+      }
+    } catch (err) {
+      useAlert(t('BULK_ACTION.ASSIGN_FAILED'));
+    }
+  }
+
+  // Same method used in context menu, conversationId being passed from there.
+  async function onAssignLabels(newLabels, conversationId = null) {
+    try {
+      await store.dispatch('bulkActions/process', {
+        type: 'Conversation',
+        ids: conversationId || selectedConversations.value,
+        labels: {
+          add: newLabels,
+        },
+      });
+      store.dispatch('bulkActions/clearSelectedConversationIds');
+      if (conversationId) {
+        useAlert(
+          t('CONVERSATION.CARD_CONTEXT_MENU.API.LABEL_ASSIGNMENT.SUCCESFUL', {
+            labelName: newLabels[0],
+            conversationId,
+          })
+        );
+      } else {
+        useAlert(t('BULK_ACTION.LABELS.ASSIGN_SUCCESFUL'));
+      }
+    } catch (err) {
+      useAlert(t('BULK_ACTION.LABELS.ASSIGN_FAILED'));
+    }
+  }
+
+  // Only used in context menu
+  async function onRemoveLabels(labelsToRemove, conversationId = null) {
+    try {
+      await store.dispatch('bulkActions/process', {
+        type: 'Conversation',
+        ids: conversationId || selectedConversations.value,
+        labels: {
+          remove: labelsToRemove,
+        },
+      });
+
+      useAlert(
+        t('CONVERSATION.CARD_CONTEXT_MENU.API.LABEL_REMOVAL.SUCCESFUL', {
+          labelName: labelsToRemove[0],
+          conversationId,
+        })
+      );
+    } catch (err) {
+      useAlert(t('CONVERSATION.CARD_CONTEXT_MENU.API.LABEL_REMOVAL.FAILED'));
+    }
+  }
+
+  async function onAssignTeamsForBulk(team) {
+    try {
+      await store.dispatch('bulkActions/process', {
+        type: 'Conversation',
+        ids: selectedConversations.value,
+        fields: {
+          team_id: team.id,
+        },
+      });
+      store.dispatch('bulkActions/clearSelectedConversationIds');
+      useAlert(t('BULK_ACTION.TEAMS.ASSIGN_SUCCESFUL'));
+    } catch (err) {
+      useAlert(t('BULK_ACTION.TEAMS.ASSIGN_FAILED'));
+    }
+  }
+
+  async function onUpdateConversations(status, snoozedUntil) {
+    let conversationIds = selectedConversations.value;
+    let skippedCount = 0;
+
+    // If resolving, check for required attributes
+    if (status === wootConstants.STATUS_TYPE.RESOLVED) {
+      const { validIds, skippedIds } = selectedConversations.value.reduce(
+        (acc, id) => {
+          const conversation = store.getters.getConversationById(id);
+          const currentCustomAttributes = conversation?.custom_attributes || {};
+          const { hasMissing } = checkMissingAttributes(
+            currentCustomAttributes
+          );
+
+          if (!hasMissing) {
+            acc.validIds.push(id);
+          } else {
+            acc.skippedIds.push(id);
+          }
+          return acc;
+        },
+        { validIds: [], skippedIds: [] }
+      );
+
+      conversationIds = validIds;
+      skippedCount = skippedIds.length;
+
+      if (skippedCount > 0 && validIds.length === 0) {
+        // All conversations have missing attributes
+        useAlert(
+          t('BULK_ACTION.RESOLVE.ALL_MISSING_ATTRIBUTES') ||
+            'Cannot resolve conversations due to missing required attributes'
+        );
+        return;
+      }
+    }
+
+    try {
+      if (conversationIds.length > 0) {
+        await store.dispatch('bulkActions/process', {
+          type: 'Conversation',
+          ids: conversationIds,
+          fields: {
+            status,
+          },
+          snoozed_until: snoozedUntil,
+        });
+      }
+
+      store.dispatch('bulkActions/clearSelectedConversationIds');
+
+      if (skippedCount > 0) {
+        useAlert(t('BULK_ACTION.RESOLVE.PARTIAL_SUCCESS'));
+      } else {
+        useAlert(t('BULK_ACTION.UPDATE.UPDATE_SUCCESFUL'));
+      }
+    } catch (err) {
+      useAlert(t('BULK_ACTION.UPDATE.UPDATE_FAILED'));
+    }
+  }
+
+  return {
+    selectedConversations,
+    selectedInboxes,
+    selectConversation,
+    deSelectConversation,
+    selectAllConversations,
+    resetBulkActions,
+    isConversationSelected,
+    onAssignAgent,
+    onAssignLabels,
+    onRemoveLabels,
+    onAssignTeamsForBulk,
+    onUpdateConversations,
+  };
+}

research/chatwoot/app/javascript/dashboard/composables/chatlist/useChatListKeyboardEvents.js

@@ -0,0 +1,60 @@
+import { useKeyboardEvents } from 'dashboard/composables/useKeyboardEvents';
+
+export function useChatListKeyboardEvents(listRef) {
+  const getKeyboardListenerParams = () => {
+    const allConversations = listRef.value.querySelectorAll(
+      'div.conversations-list div.conversation'
+    );
+    const activeConversation = listRef.value.querySelector(
+      'div.conversations-list div.conversation.active'
+    );
+    const activeConversationIndex = [...allConversations].indexOf(
+      activeConversation
+    );
+    const lastConversationIndex = allConversations.length - 1;
+    return {
+      allConversations,
+      activeConversation,
+      activeConversationIndex,
+      lastConversationIndex,
+    };
+  };
+
+  const handleConversationNavigation = direction => {
+    const { allConversations, activeConversationIndex, lastConversationIndex } =
+      getKeyboardListenerParams();
+
+    // Determine the new index based on the direction
+    const newIndex =
+      direction === 'previous'
+        ? activeConversationIndex - 1
+        : activeConversationIndex + 1;
+
+    // Check if the new index is within the valid range
+    if (
+      allConversations.length > 0 &&
+      newIndex >= 0 &&
+      newIndex <= lastConversationIndex
+    ) {
+      // Click the conversation at the new index
+      allConversations[newIndex].click();
+    } else if (allConversations.length > 0) {
+      // If the new index is out of range, click the first or last conversation based on the direction
+      const fallbackIndex =
+        direction === 'previous' ? 0 : lastConversationIndex;
+      allConversations[fallbackIndex].click();
+    }
+  };
+  const keyboardEvents = {
+    'Alt+KeyJ': {
+      action: () => handleConversationNavigation('previous'),
+      allowOnFocusedInput: true,
+    },
+    'Alt+KeyK': {
+      action: () => handleConversationNavigation('next'),
+      allowOnFocusedInput: true,
+    },
+  };
+
+  useKeyboardEvents(keyboardEvents);
+}