feat: Vite + vue 3 💚 (#10047)

Fixes https://github.com/chatwoot/chatwoot/issues/8436 Fixes https://github.com/chatwoot/chatwoot/issues/9767 Fixes https://github.com/chatwoot/chatwoot/issues/10156 Fixes https://github.com/chatwoot/chatwoot/issues/6031 Fixes https://github.com/chatwoot/chatwoot/issues/5696 Fixes https://github.com/chatwoot/chatwoot/issues/9250 Fixes https://github.com/chatwoot/chatwoot/issues/9762 --------- Co-authored-by: Pranav <pranavrajs@gmail.com> Co-authored-by: Sivin Varghese <64252451+iamsivin@users.noreply.github.com>
2024-10-02 13:06:30 +05:30
parent e0bf2bd9d4
commit 42f6621afb
661 changed files with 15939 additions and 31194 deletions
--- a/app/javascript/dashboard/composables/chatlist/useChatListKeyboardEvents.js
+++ b/app/javascript/dashboard/composables/chatlist/useChatListKeyboardEvents.js
@@ -0,0 +1,59 @@
+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);
+}