102 lines
3.0 KiB
JavaScript
102 lines
3.0 KiB
JavaScript
import React from 'react';
|
|
import { withTracker } from 'meteor/react-meteor-data';
|
|
import AudioService from '/imports/ui/components/audio/service';
|
|
import AudioManager from '/imports/ui/services/audio-manager';
|
|
import BreakoutComponent from './component';
|
|
import Service from './service';
|
|
import { layoutDispatch, layoutSelect } from '../layout/context';
|
|
import {
|
|
didUserSelectedMicrophone,
|
|
didUserSelectedListenOnly,
|
|
} from '/imports/ui/components/audio/audio-modal/service';
|
|
import { makeCall } from '/imports/ui/services/api';
|
|
import useCurrentUser from '/imports/ui/core/hooks/useCurrentUser';
|
|
|
|
const BreakoutContainer = (props) => {
|
|
const layoutContextDispatch = layoutDispatch();
|
|
const { data: currentUserData } = useCurrentUser((user) => ({
|
|
presenter: user.presenter,
|
|
isModerator: user.isModerator,
|
|
}));
|
|
const amIPresenter = currentUserData?.presenter;
|
|
const amIModerator = currentUserData?.isModerator;
|
|
const isRTL = layoutSelect((i) => i.isRTL);
|
|
|
|
return <BreakoutComponent
|
|
amIPresenter={amIPresenter}
|
|
{...{ layoutContextDispatch, isRTL, amIModerator, ...props }}
|
|
/>;
|
|
};
|
|
|
|
export default withTracker((props) => {
|
|
const {
|
|
endAllBreakouts,
|
|
requestJoinURL,
|
|
setBreakoutsTime,
|
|
sendMessageToAllBreakouts,
|
|
isNewTimeHigherThanMeetingRemaining,
|
|
findBreakouts,
|
|
getBreakoutRoomUrl,
|
|
transferUserToMeeting,
|
|
transferToBreakout,
|
|
meetingId,
|
|
isUserInBreakoutRoom,
|
|
} = Service;
|
|
|
|
const breakoutRooms = findBreakouts();
|
|
const isMicrophoneUser = (AudioService.isConnectedToBreakout() || AudioService.isConnected())
|
|
&& !AudioService.isListenOnly();
|
|
const isMeteorConnected = Meteor.status().connected;
|
|
const isReconnecting = AudioService.isReconnecting();
|
|
const {
|
|
setBreakoutAudioTransferStatus,
|
|
getBreakoutAudioTransferStatus,
|
|
} = AudioService;
|
|
|
|
const logUserCouldNotRejoinAudio = () => {
|
|
logger.warn({
|
|
logCode: 'mainroom_audio_rejoin',
|
|
extraInfo: { logType: 'user_action' },
|
|
}, 'leaving breakout room couldn\'t rejoin audio in the main room');
|
|
};
|
|
|
|
const rejoinAudio = () => {
|
|
if (didUserSelectedMicrophone()) {
|
|
AudioManager.joinMicrophone().then(() => {
|
|
makeCall('toggleVoice', null, true).catch(() => {
|
|
AudioManager.forceExitAudio();
|
|
logUserCouldNotRejoinAudio();
|
|
});
|
|
}).catch(() => {
|
|
logUserCouldNotRejoinAudio();
|
|
});
|
|
} else if (didUserSelectedListenOnly()) {
|
|
AudioManager.joinListenOnly().catch(() => {
|
|
logUserCouldNotRejoinAudio();
|
|
});
|
|
}
|
|
};
|
|
|
|
return {
|
|
...props,
|
|
breakoutRooms,
|
|
endAllBreakouts,
|
|
requestJoinURL,
|
|
setBreakoutsTime,
|
|
sendMessageToAllBreakouts,
|
|
isNewTimeHigherThanMeetingRemaining,
|
|
getBreakoutRoomUrl,
|
|
transferUserToMeeting,
|
|
transferToBreakout,
|
|
isMicrophoneUser,
|
|
meetingId: meetingId(),
|
|
isMeteorConnected,
|
|
isUserInBreakoutRoom,
|
|
forceExitAudio: () => AudioManager.forceExitAudio(),
|
|
rejoinAudio,
|
|
isReconnecting,
|
|
setBreakoutAudioTransferStatus,
|
|
getBreakoutAudioTransferStatus,
|
|
};
|
|
})(BreakoutContainer);
|