jiti-meet/react/features/base/participants/middleware.js

82 lines
2.4 KiB
JavaScript

/* @flow */
import UIEvents from '../../../../service/UI/UIEvents';
import {
CONFERENCE_JOINED,
CONFERENCE_LEFT
} from '../conference';
import { MiddlewareRegistry } from '../redux';
import { localParticipantIdChanged } from './actions';
import {
KICK_PARTICIPANT,
MUTE_REMOTE_PARTICIPANT,
PARTICIPANT_DISPLAY_NAME_CHANGED
} from './actionTypes';
import { LOCAL_PARTICIPANT_DEFAULT_ID } from './constants';
import { getLocalParticipant } from './functions';
declare var APP: Object;
/**
* Middleware that captures CONFERENCE_JOINED and CONFERENCE_LEFT actions and
* updates respectively ID of local participant.
*
* @param {Store} store - Redux store.
* @returns {Function}
*/
MiddlewareRegistry.register(store => next => action => {
switch (action.type) {
case CONFERENCE_JOINED:
store.dispatch(localParticipantIdChanged(action.conference.myUserId()));
break;
case CONFERENCE_LEFT:
store.dispatch(localParticipantIdChanged(LOCAL_PARTICIPANT_DEFAULT_ID));
break;
case KICK_PARTICIPANT:
if (typeof APP !== 'undefined') {
APP.UI.emitEvent(UIEvents.USER_KICKED, action.id);
}
break;
case MUTE_REMOTE_PARTICIPANT:
if (typeof APP !== 'undefined') {
APP.UI.messageHandler.openTwoButtonDialog({
titleKey: 'dialog.muteParticipantTitle',
msgString:
'<div data-i18n="dialog.muteParticipantBody"></div>',
leftButtonKey: 'dialog.muteParticipantButton',
dontShowAgain: {
id: 'dontShowMuteParticipantDialog',
textKey: 'dialog.doNotShowMessageAgain',
checked: true,
buttonValues: [ true ]
},
submitFunction: () => {
APP.UI.emitEvent(UIEvents.REMOTE_AUDIO_MUTED, action.id);
}
});
}
break;
// TODO Remove this middleware when the local display name update flow is
// fully brought into redux.
case PARTICIPANT_DISPLAY_NAME_CHANGED: {
if (typeof APP !== 'undefined') {
const participant = getLocalParticipant(store.getState());
if (participant && participant.id === action.id) {
APP.UI.emitEvent(UIEvents.NICKNAME_CHANGED, action.name);
}
}
break;
}
}
return next(action);
});