feat: Show last non-activity messages in the chat list (#5864)

app/javascript/dashboard/mixins/conversations.js

@@ -1,11 +1,38 @@
-/* eslint no-console: 0 */
-/* eslint no-undef: "error" */
-/* eslint no-unused-expressions: ["error", { "allowShortCircuit": true }] */
+const getLastNonActivityMessage = (messageInStore, messageFromAPI) => {
+  // If both API value and store value for last non activity message
+  // are available, then return the latest one.
+  if (messageInStore && messageFromAPI) {
+    if (messageInStore.created_at >= messageFromAPI.created_at) {
+      return messageInStore;
+    }
+    return messageFromAPI;
+  }
+
+  // Otherwise, return whichever is available
+  return messageInStore || messageFromAPI;
+};
 
 export default {
   methods: {
     lastMessage(m) {
-      return m.messages.last();
+      let lastMessageIncludingActivity = m.messages.last();
+
+      const nonActivityMessages = m.messages.filter(
+        message => message.message_type !== 2
+      );
+      let lastNonActivityMessageInStore = nonActivityMessages.last();
+      let lastNonActivityMessageFromAPI = m.last_non_activity_message;
+
+      // If API value and store value for last non activity message
+      // is empty, then return the last activity message
+      if (!lastNonActivityMessageInStore && !lastNonActivityMessageFromAPI) {
+        return lastMessageIncludingActivity;
+      }
+
+      return getLastNonActivityMessage(
+        lastNonActivityMessageInStore,
+        lastNonActivityMessageFromAPI
+      );
     },
     unreadMessagesCount(m) {
       return m.messages.filter(

app/javascript/dashboard/mixins/specs/conversation.spec.js

@@ -0,0 +1,100 @@
+import conversationMixin from '../conversations';
+import conversationFixture from './conversationFixtures';
+import commonHelpers from '../../helper/commons';
+commonHelpers();
+
+describe('#conversationMixin', () => {
+  it('should return unread message count 2 if conversation is passed', () => {
+    expect(
+      conversationMixin.methods.unreadMessagesCount(
+        conversationFixture.conversation
+      )
+    ).toEqual(2);
+  });
+  it('should return read messages if conversation is passed', () => {
+    expect(
+      conversationMixin.methods.readMessages(conversationFixture.conversation)
+    ).toEqual(conversationFixture.readMessages);
+  });
+  it('should return read messages if conversation is passed', () => {
+    expect(
+      conversationMixin.methods.unReadMessages(conversationFixture.conversation)
+    ).toEqual(conversationFixture.unReadMessages);
+  });
+
+  describe('#lastMessage', () => {
+    it("should return last activity message if both api and store doesn't have other messages", () => {
+      const conversation = {
+        messages: [
+          { id: 1, created_at: 1654333, message_type: 2, content: 'Hey' },
+        ],
+        last_non_activity_message: null,
+      };
+      const { messages } = conversation;
+      expect(conversationMixin.methods.lastMessage(conversation)).toEqual(
+        messages[messages.length - 1]
+      );
+    });
+
+    it('should return message from store if store has latest message', () => {
+      const conversation = {
+        messages: [],
+        last_non_activity_message: {
+          id: 2,
+          created_at: 1654334,
+          message_type: 2,
+          content: 'Hey',
+        },
+      };
+      expect(conversationMixin.methods.lastMessage(conversation)).toEqual(
+        conversation.last_non_activity_message
+      );
+    });
+
+    it('should return last non activity message from store if api value is empty', () => {
+      const conversation = {
+        messages: [
+          {
+            id: 1,
+            created_at: 1654333,
+            message_type: 1,
+            content: 'Outgoing Message',
+          },
+          { id: 2, created_at: 1654334, message_type: 2, content: 'Hey' },
+        ],
+        last_non_activity_message: null,
+      };
+      expect(conversationMixin.methods.lastMessage(conversation)).toEqual(
+        conversation.messages[0]
+      );
+    });
+
+    it("should return last non activity message from store if store doesn't have any messages", () => {
+      const conversation = {
+        messages: [
+          {
+            id: 1,
+            created_at: 1654333,
+            message_type: 1,
+            content: 'Outgoing Message',
+          },
+          {
+            id: 3,
+            created_at: 1654335,
+            message_type: 0,
+            content: 'Incoming Message',
+          },
+        ],
+        last_non_activity_message: {
+          id: 2,
+          created_at: 1654334,
+          message_type: 2,
+          content: 'Hey',
+        },
+      };
+      expect(conversationMixin.methods.lastMessage(conversation)).toEqual(
+        conversation.messages[1]
+      );
+    });
+  });
+});

app/javascript/dashboard/mixins/specs/conversaton.spec.js

@@ -1,29 +0,0 @@
-import conversationMixin from '../conversations';
-import conversationFixture from './conversationFixtures';
-import commonHelpers from '../../helper/commons';
-commonHelpers();
-
-describe('#conversationMixin', () => {
-  it('should return unread message count 2 if conversation is passed', () => {
-    expect(
-      conversationMixin.methods.unreadMessagesCount(
-        conversationFixture.conversation
-      )
-    ).toEqual(2);
-  });
-  it('should return last message if conversation is passed', () => {
-    expect(
-      conversationMixin.methods.lastMessage(conversationFixture.conversation)
-    ).toEqual(conversationFixture.lastMessage);
-  });
-  it('should return read messages if conversation is passed', () => {
-    expect(
-      conversationMixin.methods.readMessages(conversationFixture.conversation)
-    ).toEqual(conversationFixture.readMessages);
-  });
-  it('should return read messages if conversation is passed', () => {
-    expect(
-      conversationMixin.methods.unReadMessages(conversationFixture.conversation)
-    ).toEqual(conversationFixture.unReadMessages);
-  });
-});