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

import {
  getModal,
  showModal,
  getFontSize,
  getCaptionsStatus,
} from './service';

import { setDefaultSettings } from '../settings/service';

import Auth from '/imports/ui/services/auth';
import Users from '/imports/api/users';
import Breakouts from '/imports/api/breakouts';

import App from './component';
import NavBarContainer from '../nav-bar/container';
import ActionsBarContainer from '../actions-bar/container';
import MediaContainer from '../media/container';
import AudioModalContainer  from '../audio-modal/container';
import ClosedCaptionsContainer from '/imports/ui/components/closed-captions/container';

const defaultProps = {
  navbar: <NavBarContainer />,
  actionsbar: <ActionsBarContainer />,
  media: <MediaContainer />,
};

const intlMessages = defineMessages({
  kickedMessage: {
    id: 'app.error.kicked',
    description: 'Message when the user is kicked out of the meeting',
    defaultMessage: 'You have been kicked out of the meeting',
  },
});

class AppContainer extends Component {
  render() {
    // inject location on the navbar container
    let navbarWithLocation = cloneElement(this.props.navbar, { location: this.props.location });

    return (
      <App {...this.props} navbar={navbarWithLocation}>
        {this.props.children}
      </App>
    );
  }
};

const APP_CONFIG = Meteor.settings.public.app;

const init = () => {
  setDefaultSettings();
  if (APP_CONFIG.autoJoinAudio) {
    showModal(<AudioModalContainer />);
  }
};

export default withRouter(injectIntl(createContainer(({ router, intl, baseControls }) => {
  // Check if user is kicked out of the session
  Users.find({ userId: Auth.userID }).observeChanges({
    removed() {
      Auth.clearCredentials()
        .then(() => {
          router.push('/error/403');
          baseControls.updateErrorState(
            intl.formatMessage(intlMessages.kickedMessage),
          );
        });
    },
  });

  // Close the widow when the current breakout room ends
  Breakouts.find({ breakoutMeetingId: Auth.meetingID }).observeChanges({
    removed(old) {
      Auth.clearCredentials().then(window.close);
    },
  });

  return {
    init,
    sidebar: getCaptionsStatus() ? <ClosedCaptionsContainer /> : null,
    modal: getModal(),
    fontSize: getFontSize(),
  };
}, AppContainer)));

AppContainer.defaultProps = defaultProps;
