jiti-meet/react/features/recording/components/LiveStream/AbstractLiveStreamButton.js

168 lines
4.5 KiB
JavaScript
Raw Normal View History

2018-07-05 11:17:45 +00:00
// @flow
import { IconLiveStreaming } from '../../../base/icons';
import { isJwtFeatureEnabled } from '../../../base/jwt/functions';
2018-07-05 11:17:45 +00:00
import { JitsiRecordingConstants } from '../../../base/lib-jitsi-meet';
import { isLocalParticipantModerator } from '../../../base/participants';
2020-07-24 12:14:33 +00:00
import { AbstractButton, type AbstractButtonProps } from '../../../base/toolbox/components';
import { isInBreakoutRoom } from '../../../breakout-rooms/functions';
import { maybeShowPremiumFeatureDialog } from '../../../jaas/actions';
import { FEATURES } from '../../../jaas/constants';
2018-07-05 11:17:45 +00:00
import { getActiveSession } from '../../functions';
import { getLiveStreaming } from './functions';
2018-07-05 11:17:45 +00:00
/**
* The type of the React {@code Component} props of
* {@link AbstractLiveStreamButton}.
*/
export type Props = AbstractButtonProps & {
/**
* True if the button needs to be disabled.
2018-07-05 11:17:45 +00:00
*/
_disabled: Boolean,
2018-07-05 11:17:45 +00:00
/**
* True if there is a running active live stream, false otherwise.
*/
_isLiveStreamRunning: boolean,
/**
* The tooltip to display when hovering over the button.
*/
_tooltip: ?String,
2018-07-05 11:17:45 +00:00
/**
* The redux {@code dispatch} function.
*/
dispatch: Function,
/**
* The i18n translate function.
*/
t: Function
};
/**
* An abstract class of a button for starting and stopping live streaming.
*/
export default class AbstractLiveStreamButton<P: Props> extends AbstractButton<P, *> {
2018-07-05 11:17:45 +00:00
accessibilityLabel = 'dialog.accessibilityLabel.liveStreaming';
icon = IconLiveStreaming;
2018-07-05 11:17:45 +00:00
label = 'dialog.startLiveStreaming';
toggledLabel = 'dialog.stopLiveStreaming';
/**
* Returns the tooltip that should be displayed when the button is disabled.
*
* @private
* @returns {string}
*/
_getTooltip() {
return this.props._tooltip || '';
}
/**
* Helper function to be implemented by subclasses, which should be used
* to handle the live stream button being clicked / pressed.
*
* @protected
* @returns {void}
*/
_onHandleClick() {
// To be implemented by subclass.
}
2018-07-05 11:17:45 +00:00
/**
* Handles clicking / pressing the button.
*
* @override
* @protected
* @returns {void}
*/
async _handleClick() {
const { dispatch } = this.props;
2018-07-05 11:17:45 +00:00
const dialogShown = await dispatch(maybeShowPremiumFeatureDialog(FEATURES.RECORDING));
if (!dialogShown) {
this._onHandleClick();
}
2018-07-05 11:17:45 +00:00
}
/**
* Returns a boolean value indicating if this button is disabled or not.
*
* @protected
* @returns {boolean}
*/
_isDisabled() {
return this.props._disabled;
}
2018-07-05 11:17:45 +00:00
/**
* Indicates whether this button is in toggled state or not.
*
* @override
* @protected
* @returns {boolean}
*/
_isToggled() {
return this.props._isLiveStreamRunning;
}
}
/**
* Maps (parts of) the redux state to the associated props for the
* {@code AbstractLiveStreamButton} component.
*
* @param {Object} state - The Redux state.
* @param {Props} ownProps - The own props of the Component.
* @private
* @returns {{
* _disabled: boolean,
2018-07-05 11:17:45 +00:00
* _isLiveStreamRunning: boolean,
* visible: boolean
* }}
*/
export function _mapStateToProps(state: Object, ownProps: Props) {
let { visible } = ownProps;
// A button can be disabled/enabled only if enableFeaturesBasedOnToken
// is on or if the recording is running.
let _disabled = false;
let _tooltip = '';
2018-07-05 11:17:45 +00:00
if (typeof visible === 'undefined') {
// If the containing component provides the visible prop, that is one
// above all, but if not, the button should be autonomous and decide on
2018-07-05 11:17:45 +00:00
// its own to be visible or not.
const isModerator = isLocalParticipantModerator(state);
const liveStreaming = getLiveStreaming(state);
2018-07-05 11:17:45 +00:00
visible = isModerator && liveStreaming.enabled;
visible = isJwtFeatureEnabled(state, 'livestreaming', visible);
2018-07-05 11:17:45 +00:00
}
// disable the button if the recording is running.
if (visible && getActiveSession(state, JitsiRecordingConstants.mode.FILE)) {
_disabled = true;
_tooltip = 'dialog.liveStreamingDisabledBecauseOfActiveRecordingTooltip';
}
// disable the button if we are in a breakout room.
if (isInBreakoutRoom(state)) {
_disabled = true;
visible = false;
}
2018-07-05 11:17:45 +00:00
return {
_disabled,
_isLiveStreamRunning: Boolean(getActiveSession(state, JitsiRecordingConstants.mode.STREAM)),
_tooltip,
2018-07-05 11:17:45 +00:00
visible
};
}