Move src to dashboard (#152)

app/javascript/dashboard/store/modules/conversations/index.js

@@ -0,0 +1,187 @@
+/* eslint no-console: 0 */
+/* eslint no-param-reassign: 0 */
+import Vue from 'vue';
+import * as types from '../../mutation-types';
+import wootConstants from '../../../constants';
+import getters, { getSelectedChatConversation } from './getters';
+import actions from './actions';
+
+// const chatType = 'all';
+// initial state
+const state = {
+  allConversations: [],
+  convTabStats: {
+    mineCount: 0,
+    unAssignedCount: 0,
+    allCount: 0,
+  },
+  selectedChat: {
+    id: null,
+    meta: {},
+    status: null,
+    seen: false,
+    agentTyping: 'off',
+    dataFetched: false,
+  },
+  listLoadingStatus: true,
+  chatStatusFilter: wootConstants.ASSIGNEE_TYPE_SLUG.OPEN,
+  currentInbox: null,
+};
+
+// mutations
+const mutations = {
+  [types.default.SET_ALL_CONVERSATION](_state, data) {
+    if (data) {
+      _state.allConversations.push(...data.chats);
+    }
+  },
+
+  [types.default.EMPTY_ALL_CONVERSATION](_state) {
+    _state.allConversations = [];
+    _state.selectedChat = {
+      id: null,
+      meta: {},
+      status: null,
+      seen: false,
+      agentTyping: 'off',
+      dataFetched: false,
+    };
+  },
+
+  [types.default.SET_ALL_MESSAGES_LOADED](_state) {
+    const [chat] = getSelectedChatConversation(_state);
+    Vue.set(chat, 'allMessagesLoaded', true);
+  },
+
+  [types.default.CLEAR_ALL_MESSAGES_LOADED](_state) {
+    const [chat] = getSelectedChatConversation(_state);
+    Vue.set(chat, 'allMessagesLoaded', false);
+  },
+
+  [types.default.CLEAR_CURRENT_CHAT_WINDOW](_state) {
+    _state.selectedChat.id = null;
+    _state.selectedChat.agentTyping = 'off';
+  },
+
+  [types.default.SET_PREVIOUS_CONVERSATIONS](_state, { id, data }) {
+    if (data.length) {
+      const [chat] = _state.allConversations.filter(c => c.id === id);
+      chat.messages.unshift(...data);
+    }
+  },
+
+  [types.default.SET_CONV_TAB_META](_state, { meta }) {
+    if (meta) {
+      Vue.set(_state.convTabStats, 'overdueCount', meta.overdue_count);
+      Vue.set(_state.convTabStats, 'allConvCount', meta.all_count);
+      Vue.set(_state.convTabStats, 'openCount', meta.open_count);
+    }
+  },
+
+  [types.default.CURRENT_CHAT_WINDOW](_state, activeChat) {
+    if (activeChat) {
+      Object.assign(_state.selectedChat, activeChat);
+      Vue.set(_state.selectedChat.meta, 'assignee', activeChat.meta.assignee);
+      Vue.set(_state.selectedChat.meta, 'status', activeChat.meta.status);
+    }
+  },
+
+  [types.default.APPEND_MESSAGES](_state, { id, data }) {
+    if (data.length) {
+      const [chat] = _state.allConversations.filter(c => c.id === id);
+      chat.messages = data;
+      Vue.set(chat, 'dataFetched', true);
+    }
+  },
+
+  [types.default.SET_CHAT_META](_state, { id, data }) {
+    const [chat] = _state.allConversations.filter(c => c.id === id);
+    if (data !== undefined) {
+      Vue.set(chat, 'labels', data.labels);
+    }
+  },
+
+  [types.default.ASSIGN_AGENT](_state, assignee) {
+    const [chat] = getSelectedChatConversation(_state);
+    chat.meta.assignee = assignee;
+    if (assignee === null) {
+      Object.assign(_state.selectedChat.meta.assignee, assignee);
+    }
+  },
+
+  [types.default.RESOLVE_CONVERSATION](_state, status) {
+    const [chat] = getSelectedChatConversation(_state);
+    chat.status = status;
+    _state.selectedChat.status = status;
+  },
+
+  [types.default.SEND_MESSAGE](_state, response) {
+    const [chat] = getSelectedChatConversation(_state);
+    const previousMessageIds = chat.messages.map(m => m.id);
+    if (!previousMessageIds.includes(response.data.id)) {
+      chat.messages.push(response.data);
+    }
+  },
+
+  [types.default.ADD_MESSAGE](_state, message) {
+    const [chat] = _state.allConversations.filter(
+      c => c.id === message.conversation_id
+    );
+    if (!chat) return;
+    const previousMessageIds = chat.messages.map(m => m.id);
+    if (!previousMessageIds.includes(message.id)) {
+      chat.messages.push(message);
+      if (_state.selectedChat.id === message.conversation_id) {
+        window.bus.$emit('scrollToMessage');
+      }
+    }
+  },
+
+  [types.default.ADD_CONVERSATION](_state, conversation) {
+    _state.allConversations.push(conversation);
+  },
+
+  [types.default.MARK_SEEN](_state, response) {
+    if (response.status === 200) {
+      _state.selectedChat.seen = true;
+    }
+  },
+
+  [types.default.FB_TYPING](_state, { flag }) {
+    _state.selectedChat.agentTyping = flag;
+  },
+
+  [types.default.SET_LIST_LOADING_STATUS](_state) {
+    _state.listLoadingStatus = true;
+  },
+
+  [types.default.CLEAR_LIST_LOADING_STATUS](_state) {
+    _state.listLoadingStatus = false;
+  },
+
+  [types.default.MARK_MESSAGE_READ](_state, { id, lastSeen }) {
+    const [chat] = _state.allConversations.filter(c => c.id === id);
+    chat.agent_last_seen_at = lastSeen;
+  },
+
+  [types.default.CHANGE_CHAT_STATUS_FILTER](_state, data) {
+    _state.chatStatusFilter = data;
+  },
+
+  // Update assignee on pusher message
+  [types.default.UPDATE_ASSIGNEE](_state, payload) {
+    const [chat] = _state.allConversations.filter(c => c.id === payload.id);
+    chat.meta.assignee = payload.assignee;
+  },
+
+  [types.default.SET_ACTIVE_INBOX](_state, inboxId) {
+    _state.currentInbox = inboxId;
+  },
+};
+
+export default {
+  state,
+  getters,
+  actions,
+  mutations,
+};