121 lines
3.6 KiB
TypeScript
121 lines
3.6 KiB
TypeScript
// Copyright 2020 Signal Messenger, LLC
|
|
// SPDX-License-Identifier: AGPL-3.0-only
|
|
|
|
import React from 'react';
|
|
import { connect } from 'react-redux';
|
|
import { CanvasVideoRenderer } from 'ringrtc';
|
|
import { mapDispatchToProps } from '../actions';
|
|
import { CallManager } from '../../components/CallManager';
|
|
import { calling as callingService } from '../../services/calling';
|
|
import { getMe, getConversationSelector } from '../selectors/conversations';
|
|
import { getActiveCall, GroupCallParticipantInfoType } from '../ducks/calling';
|
|
import { getIncomingCall } from '../selectors/calling';
|
|
import { CallMode, GroupCallRemoteParticipantType } from '../../types/Calling';
|
|
import { StateType } from '../reducer';
|
|
|
|
import { getIntl } from '../selectors/user';
|
|
|
|
import { SmartCallingDeviceSelection } from './CallingDeviceSelection';
|
|
|
|
function renderDeviceSelection(): JSX.Element {
|
|
return <SmartCallingDeviceSelection />;
|
|
}
|
|
|
|
const createCanvasVideoRenderer = () => new CanvasVideoRenderer();
|
|
|
|
const getGroupCallVideoFrameSource = callingService.getGroupCallVideoFrameSource.bind(
|
|
callingService
|
|
);
|
|
|
|
const mapStateToActiveCallProp = (state: StateType) => {
|
|
const { calling } = state;
|
|
const { activeCallState } = calling;
|
|
|
|
if (!activeCallState) {
|
|
return undefined;
|
|
}
|
|
|
|
const call = getActiveCall(calling);
|
|
if (!call) {
|
|
window.log.error(
|
|
'There was an active call state but no corresponding call'
|
|
);
|
|
return undefined;
|
|
}
|
|
|
|
const conversationSelector = getConversationSelector(state);
|
|
const conversation = conversationSelector(activeCallState.conversationId);
|
|
if (!conversation) {
|
|
window.log.error('The active call has no corresponding conversation');
|
|
return undefined;
|
|
}
|
|
|
|
const groupCallParticipants: Array<GroupCallRemoteParticipantType> = [];
|
|
if (call && call.callMode === CallMode.Group) {
|
|
call.remoteParticipants.forEach(
|
|
(remoteParticipant: GroupCallParticipantInfoType) => {
|
|
const remoteConversation = conversationSelector(
|
|
remoteParticipant.conversationId
|
|
);
|
|
|
|
if (!remoteConversation) {
|
|
window.log.error(
|
|
'Remote participant has no corresponding conversation'
|
|
);
|
|
return;
|
|
}
|
|
|
|
groupCallParticipants.push({
|
|
avatarPath: remoteConversation.avatarPath,
|
|
color: remoteConversation.color,
|
|
firstName: remoteConversation.firstName,
|
|
hasRemoteAudio: remoteParticipant.hasRemoteAudio,
|
|
hasRemoteVideo: remoteParticipant.hasRemoteVideo,
|
|
isSelf: remoteParticipant.isSelf,
|
|
profileName: remoteConversation.profileName,
|
|
title: remoteConversation.title,
|
|
});
|
|
}
|
|
);
|
|
}
|
|
|
|
return {
|
|
activeCallState,
|
|
call,
|
|
conversation,
|
|
groupCallParticipants,
|
|
};
|
|
};
|
|
|
|
const mapStateToIncomingCallProp = (state: StateType) => {
|
|
const call = getIncomingCall(state.calling);
|
|
if (!call) {
|
|
return undefined;
|
|
}
|
|
|
|
const conversation = getConversationSelector(state)(call.conversationId);
|
|
if (!conversation) {
|
|
window.log.error('The incoming call has no corresponding conversation');
|
|
return undefined;
|
|
}
|
|
|
|
return {
|
|
call,
|
|
conversation,
|
|
};
|
|
};
|
|
|
|
const mapStateToProps = (state: StateType) => ({
|
|
activeCall: mapStateToActiveCallProp(state),
|
|
availableCameras: state.calling.availableCameras,
|
|
createCanvasVideoRenderer,
|
|
getGroupCallVideoFrameSource,
|
|
i18n: getIntl(state),
|
|
incomingCall: mapStateToIncomingCallProp(state),
|
|
me: getMe(state),
|
|
renderDeviceSelection,
|
|
});
|
|
|
|
const smart = connect(mapStateToProps, mapDispatchToProps);
|
|
|
|
export const SmartCallManager = smart(CallManager);
|