791d90c6b7At present, the websocket pubsub tokens are present at the contact objects in chatwoot. A better approach would be to have these tokens at the contact_inbox object instead. This helps chatwoot to deliver the websocket events targetted to the specific widget connection, stop contact events from leaking into other chat sessions from the same contact. Fixes #1682 Fixes #1664 Co-authored-by: Pranav Raj S <pranav@chatwoot.com> Co-authored-by: Muhsin Keloth <muhsinkeramam@gmail.com>
107 lines
2.9 KiB
JavaScript
107 lines
2.9 KiB
JavaScript
import {
|
|
createConversationAPI,
|
|
sendMessageAPI,
|
|
getMessagesAPI,
|
|
sendAttachmentAPI,
|
|
toggleTyping,
|
|
setUserLastSeenAt,
|
|
} from 'widget/api/conversation';
|
|
|
|
import { createTemporaryMessage, getNonDeletedMessages } from './helpers';
|
|
|
|
export const actions = {
|
|
createConversation: async ({ commit, dispatch }, params) => {
|
|
commit('setConversationUIFlag', { isCreating: true });
|
|
try {
|
|
const { data } = await createConversationAPI(params);
|
|
const { messages } = data;
|
|
const [message = {}] = messages;
|
|
commit('pushMessageToConversation', message);
|
|
dispatch('conversationAttributes/getAttributes', {}, { root: true });
|
|
} catch (error) {
|
|
// Ignore error
|
|
} finally {
|
|
commit('setConversationUIFlag', { isCreating: false });
|
|
}
|
|
},
|
|
sendMessage: async ({ commit }, params) => {
|
|
const { content } = params;
|
|
commit('pushMessageToConversation', createTemporaryMessage({ content }));
|
|
await sendMessageAPI(content);
|
|
},
|
|
|
|
sendAttachment: async ({ commit }, params) => {
|
|
const {
|
|
attachment: { thumbUrl, fileType },
|
|
} = params;
|
|
const attachment = {
|
|
thumb_url: thumbUrl,
|
|
data_url: thumbUrl,
|
|
file_type: fileType,
|
|
status: 'in_progress',
|
|
};
|
|
const tempMessage = createTemporaryMessage({
|
|
attachments: [attachment],
|
|
});
|
|
commit('pushMessageToConversation', tempMessage);
|
|
try {
|
|
const { data } = await sendAttachmentAPI(params);
|
|
commit('updateAttachmentMessageStatus', {
|
|
message: data,
|
|
tempId: tempMessage.id,
|
|
});
|
|
} catch (error) {
|
|
// Show error
|
|
}
|
|
},
|
|
fetchOldConversations: async ({ commit }, { before } = {}) => {
|
|
try {
|
|
commit('setConversationListLoading', true);
|
|
const { data } = await getMessagesAPI({ before });
|
|
const formattedMessages = getNonDeletedMessages({ messages: data });
|
|
commit('setMessagesInConversation', formattedMessages);
|
|
commit('setConversationListLoading', false);
|
|
} catch (error) {
|
|
commit('setConversationListLoading', false);
|
|
}
|
|
},
|
|
|
|
clearConversations: ({ commit }) => {
|
|
commit('clearConversations');
|
|
},
|
|
|
|
addOrUpdateMessage: async ({ commit }, data) => {
|
|
const { id, content_attributes } = data;
|
|
if (content_attributes && content_attributes.deleted) {
|
|
commit('deleteMessage', id);
|
|
return;
|
|
}
|
|
commit('pushMessageToConversation', data);
|
|
},
|
|
|
|
toggleAgentTyping({ commit }, data) {
|
|
commit('toggleAgentTypingStatus', data);
|
|
},
|
|
|
|
toggleUserTyping: async (_, data) => {
|
|
try {
|
|
await toggleTyping(data);
|
|
} catch (error) {
|
|
// IgnoreError
|
|
}
|
|
},
|
|
|
|
setUserLastSeen: async ({ commit, getters: appGetters }) => {
|
|
if (!appGetters.getConversationSize) {
|
|
return;
|
|
}
|
|
|
|
const lastSeen = Date.now() / 1000;
|
|
try {
|
|
commit('setMetaUserLastSeenAt', lastSeen);
|
|
await setUserLastSeenAt({ lastSeen });
|
|
} catch (error) {
|
|
// IgnoreError
|
|
}
|
|
},
|
|
};
|