2019-09-05 07:31:36 +00:00
|
|
|
/* 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 = {
|
2019-10-27 13:31:59 +00:00
|
|
|
[types.default.SET_ALL_CONVERSATION](_state, chatList) {
|
|
|
|
_state.allConversations.push(...chatList);
|
2019-09-05 07:31:36 +00:00
|
|
|
},
|
|
|
|
|
|
|
|
[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);
|
|
|
|
}
|
|
|
|
},
|
|
|
|
|
2019-10-27 13:31:59 +00:00
|
|
|
[types.default.SET_CONV_TAB_META](
|
|
|
|
_state,
|
|
|
|
{
|
|
|
|
overdue_count: overdueCount,
|
|
|
|
all_count: allCount,
|
|
|
|
open_count: openCount,
|
|
|
|
} = {}
|
|
|
|
) {
|
|
|
|
Vue.set(_state.convTabStats, 'overdueCount', overdueCount);
|
|
|
|
Vue.set(_state.convTabStats, 'allConvCount', allCount);
|
|
|
|
Vue.set(_state.convTabStats, 'openCount', openCount);
|
2019-09-05 07:31:36 +00:00
|
|
|
},
|
|
|
|
|
|
|
|
[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;
|
|
|
|
},
|
|
|
|
|
2019-10-27 13:31:59 +00:00
|
|
|
[types.default.SEND_MESSAGE](_state, data) {
|
2019-09-05 07:31:36 +00:00
|
|
|
const [chat] = getSelectedChatConversation(_state);
|
|
|
|
const previousMessageIds = chat.messages.map(m => m.id);
|
2019-10-27 13:31:59 +00:00
|
|
|
if (!previousMessageIds.includes(data.id)) {
|
|
|
|
chat.messages.push(data);
|
2019-09-05 07:31:36 +00:00
|
|
|
}
|
|
|
|
},
|
|
|
|
|
|
|
|
[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);
|
|
|
|
},
|
|
|
|
|
2019-10-27 13:31:59 +00:00
|
|
|
[types.default.MARK_SEEN](_state) {
|
|
|
|
_state.selectedChat.seen = true;
|
2019-09-05 07:31:36 +00:00
|
|
|
},
|
|
|
|
|
2019-10-27 13:31:59 +00:00
|
|
|
[types.default.FB_TYPING](_state, { status }) {
|
|
|
|
_state.selectedChat.agentTyping = status;
|
2019-09-05 07:31:36 +00:00
|
|
|
},
|
|
|
|
|
|
|
|
[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;
|
|
|
|
},
|
|
|
|
|
2019-10-24 20:07:01 +00:00
|
|
|
// Update assignee on action cable message
|
2019-09-05 07:31:36 +00:00
|
|
|
[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,
|
|
|
|
};
|