import React from 'react';
import { withTracker } from 'meteor/react-meteor-data';
import Breakouts from '/imports/api/breakouts';
import Auth from '/imports/ui/services/auth';
import { makeCall } from '/imports/ui/services/api';
import navBarService from '/imports/ui/components/nav-bar/service';
import BreakoutJoinConfirmationComponent from './component';

const BreakoutJoinConfirmationContrainer = props =>
  (<BreakoutJoinConfirmationComponent {...props} />);

const getURL = (breakoutId) => {
  const currentUserId = Auth.userID;
  const getBreakout = Breakouts.findOne({ breakoutId });
  const user = getBreakout ? getBreakout.users.find(u => u.userId === currentUserId) : '';
  if (user) return user.redirectToHtml5JoinURL;
  return '';
};

const requestJoinURL = (breakoutId) => {
  makeCall('requestJoinURL', {
    breakoutId,
  });
};

export default withTracker(({ breakout, mountModal, breakoutName }) => {
  const isFreeJoin = breakout.freeJoin;
  const { breakoutId } = breakout;
  const url = getURL(breakoutId);
  if (isFreeJoin && !url) {
    requestJoinURL(breakoutId);
  }

  return {
    isFreeJoin,
    mountModal,
    breakoutName,
    breakoutURL: url,
    breakouts: navBarService.getBreakouts(),
    requestJoinURL,
    getURL,
  };
})(BreakoutJoinConfirmationContrainer);