120 lines
3.4 KiB
JavaScript
120 lines
3.4 KiB
JavaScript
import React from 'react';
|
|
import { defineMessages, injectIntl } from 'react-intl';
|
|
import { createContainer } from 'meteor/react-meteor-data';
|
|
import Chat from './component';
|
|
import ChatService from './service';
|
|
|
|
const CHAT_CONFIG = Meteor.settings.public.chat;
|
|
const PUBLIC_CHAT_KEY = CHAT_CONFIG.public_id;
|
|
const CHAT_CLEAR = CHAT_CONFIG.system_messages_keys.chat_clear;
|
|
|
|
const intlMessages = defineMessages({
|
|
[CHAT_CLEAR]: {
|
|
id: 'app.chat.clearPublicChatMessage',
|
|
description: 'message of when clear the public chat',
|
|
},
|
|
titlePublic: {
|
|
id: 'app.chat.titlePublic',
|
|
description: 'Public chat title',
|
|
},
|
|
titlePrivate: {
|
|
id: 'app.chat.titlePrivate',
|
|
description: 'Private chat title',
|
|
},
|
|
partnerDisconnected: {
|
|
id: 'app.chat.partnerDisconnected',
|
|
description: 'System chat message when the private chat partnet disconnect from the meeting',
|
|
},
|
|
});
|
|
|
|
const ChatContainer = props =>
|
|
(
|
|
<Chat {...props}>
|
|
{props.children}
|
|
</Chat>
|
|
);
|
|
|
|
export default injectIntl(createContainer(({ params, intl }) => {
|
|
const chatID = params.chatID || PUBLIC_CHAT_KEY;
|
|
|
|
let messages = [];
|
|
let isChatLocked = ChatService.isChatLocked(chatID);
|
|
let title = intl.formatMessage(intlMessages.titlePublic);
|
|
let chatName = title;
|
|
let partnerIsLoggedOut = false;
|
|
let systemMessageIntl = {};
|
|
|
|
if (chatID === PUBLIC_CHAT_KEY) {
|
|
messages = ChatService.reduceAndMapMessages((ChatService.getPublicMessages()));
|
|
} else {
|
|
messages = ChatService.getPrivateMessages(chatID);
|
|
const user = ChatService.getUser(chatID);
|
|
chatName = user.name;
|
|
systemMessageIntl = { 0: user.name };
|
|
title = intl.formatMessage(intlMessages.titlePrivate, systemMessageIntl);
|
|
partnerIsLoggedOut = !user.isOnline;
|
|
|
|
if (partnerIsLoggedOut) {
|
|
const time = Date.now();
|
|
const id = `partner-disconnected-${time}`;
|
|
const messagePartnerLoggedOut = {
|
|
id,
|
|
content: [{
|
|
id,
|
|
text: 'partnerDisconnected',
|
|
time,
|
|
}],
|
|
time,
|
|
sender: null,
|
|
};
|
|
|
|
messages.push(messagePartnerLoggedOut);
|
|
isChatLocked = true;
|
|
}
|
|
}
|
|
|
|
messages = messages.map((message) => {
|
|
if (message.sender) return message;
|
|
|
|
return {
|
|
...message,
|
|
content: message.content.map(content => ({
|
|
...content,
|
|
text: content.text in intlMessages ?
|
|
`<b><i>${intl.formatMessage(intlMessages[content.text], systemMessageIntl)}</i></b>` : content.text,
|
|
})),
|
|
};
|
|
});
|
|
|
|
|
|
const scrollPosition = ChatService.getScrollPosition(chatID);
|
|
const hasUnreadMessages = ChatService.hasUnreadMessages(chatID);
|
|
const lastReadMessageTime = ChatService.lastReadMessageTime(chatID);
|
|
|
|
return {
|
|
chatID,
|
|
chatName,
|
|
title,
|
|
messages,
|
|
lastReadMessageTime,
|
|
hasUnreadMessages,
|
|
partnerIsLoggedOut,
|
|
isChatLocked,
|
|
scrollPosition,
|
|
minMessageLength: CHAT_CONFIG.min_message_length,
|
|
maxMessageLength: CHAT_CONFIG.max_message_length,
|
|
actions: {
|
|
handleClosePrivateChat: chatId => ChatService.closePrivateChat(chatId),
|
|
|
|
handleSendMessage: (message) => {
|
|
ChatService.updateScrollPosition(chatID, null);
|
|
return ChatService.sendMessage(chatID, message);
|
|
},
|
|
|
|
handleScrollUpdate: position => ChatService.updateScrollPosition(chatID, position),
|
|
|
|
handleReadMessage: timestamp => ChatService.updateUnreadMessage(chatID, timestamp),
|
|
},
|
|
};
|
|
}, ChatContainer));
|