bigbluebutton-Github/bigbluebutton-html5/imports/ui/components/chat/container.jsx

import React, { Component, PropTypes } from 'react';
import { defineMessages, injectIntl } from 'react-intl';
import { createContainer } from 'meteor/react-meteor-data';

const PUBLIC_CHAT_KEY = 'public';

import Chat from './component';
import ChatService from './service';

const intlMessages = defineMessages({
  titlePublic: {
    id: 'app.chat.titlePublic',
    defaultMessage: 'Public Chat',
    description: 'Public chat title',
  },
  titlePrivate: {
    id: 'app.chat.titlePrivate',
    defaultMessage: 'Private Chat with {name}',
    description: 'Private chat title',
  },
  partnerDisconnected: {
    id: 'app.chat.partnerDisconnected',
    defaultMessage: '{name} has left the meeting',
    description: 'System chat message when the private chat partnet disconnect from the meeting',
  },
});

class ChatContainer extends Component {
  constructor(props) {
    super(props);
  }

  render() {
    return (
      <Chat {...this.props}>
        {this.props.children}
      </Chat>
    );
  }
}

export default injectIntl(createContainer(({ params, intl }) => {
  const chatID = params.chatID || PUBLIC_CHAT_KEY;

  let messages = [];
  let isChatLocked = ChatService.isChatLocked(chatID);

  if (chatID === PUBLIC_CHAT_KEY) {
    messages = ChatService.getPublicMessages();
    title = intl.formatMessage(intlMessages.titlePublic);
  } else {
    messages = ChatService.getPrivateMessages(chatID);
    let user = ChatService.getUser(chatID);

    if (user) {
      title = intl.formatMessage(intlMessages.titlePrivate, { name: user.name });
    } else {
      // let partnerName = messages.find(m => m.user && m.user.id === chatID).map(m => m.user.name);
      let partnerName = '{{NAME}}'; // placeholder until the server sends the name
      messages.push({
        content: [intl.formatMessage(intlMessages.partnerDisconnected, { name: partnerName })],
        time: Date.now(),
        sender: null,
      });
      isChatLocked = true;
    }
  }

  const scrollPosition = ChatService.getScrollPosition(chatID);
  const hasUnreadMessages = ChatService.hasUnreadMessages(chatID);
  const lastReadMessageTime = ChatService.lastReadMessageTime(chatID);

  return {
    chatID,
    title,
    messages,
    lastReadMessageTime,
    hasUnreadMessages,
    isChatLocked,
    scrollPosition,
    actions: {
      handleSendMessage: message => {
        let sentMessage = ChatService.sendMessage(chatID, message);
        ChatService.updateScrollPosition(chatID, null); //null so its scrolls to bottom
        // ChatService.updateUnreadMessage(chatID, sentMessage.from_time);
      },

      handleScrollUpdate: position => ChatService.updateScrollPosition(chatID, position),

      handleReadMessage: timestamp => ChatService.updateUnreadMessage(chatID, timestamp),
    },
  };
}, ChatContainer));