snapshot of https://github.com/jitsi/jitsi-meet.git @ fd1749dd28f4138aa80234fc7f311b19aaffa0e7 (2026-09-15)

react/features/security/components/security-dialog/AbstractSecurityDialogButton.ts

@@ -0,0 +1,92 @@
+import { createToolbarEvent } from '../../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../../analytics/functions';
+import { IReduxState } from '../../../app/types';
+import { getSecurityUiConfig } from '../../../base/config/functions.any';
+import { LOBBY_MODE_ENABLED, MEETING_PASSWORD_ENABLED, SECURITY_OPTIONS_ENABLED } from '../../../base/flags/constants';
+import { getFeatureFlag } from '../../../base/flags/functions';
+import { IconSecurityOff, IconSecurityOn } from '../../../base/icons/svg';
+import { isLocalParticipantModerator } from '../../../base/participants/functions';
+import AbstractButton, { IProps as AbstractButtonProps } from '../../../base/toolbox/components/AbstractButton';
+import { isSecurityDialogButtonVisible } from '../../functions';
+
+export interface IProps extends AbstractButtonProps {
+
+    /**
+     * Whether the shared document is being edited or not.
+     */
+    _locked: boolean;
+}
+
+
+/**
+ * Implements an {@link AbstractButton} to open the security dialog/screen.
+ */
+export default class AbstractSecurityDialogButton<P extends IProps, S>
+    extends AbstractButton<P, S> {
+    override accessibilityLabel = 'toolbar.accessibilityLabel.security';
+    override icon = IconSecurityOff;
+    override label = 'toolbar.security';
+    override toggledIcon = IconSecurityOn;
+    override tooltip = 'toolbar.security';
+
+    /**
+     * Helper function to be implemented by subclasses, which should be used
+     * to handle the security button being clicked / pressed.
+     *
+     * @protected
+     * @returns {void}
+     */
+    _handleClickSecurityButton() {
+        // To be implemented by subclass.
+    }
+
+    /**
+     * Handles clicking / pressing the button.
+     *
+     * @private
+     * @returns {void}
+     */
+    override _handleClick() {
+        const { _locked } = this.props;
+
+        sendAnalytics(createToolbarEvent('toggle.security', { enable: !_locked }));
+        this._handleClickSecurityButton();
+    }
+
+    /**
+     * Indicates whether this button is in toggled state or not.
+     *
+     * @override
+     * @returns {boolean}
+     */
+    override _isToggled() {
+        return this.props._locked;
+    }
+}
+
+/**
+ * Maps part of the redux state to the component's props.
+ *
+ * @param {Object} state - The redux store/state.
+ * @returns {IProps}
+ */
+export function _mapStateToProps(state: IReduxState) {
+    const { conference } = state['features/base/conference'];
+    const { locked } = state['features/base/conference'];
+    const { lobbyEnabled } = state['features/lobby'];
+    const enabledSecurityOptionsFlag = getFeatureFlag(state, SECURITY_OPTIONS_ENABLED, true);
+    const enabledLobbyModeFlag = getFeatureFlag(state, LOBBY_MODE_ENABLED, true);
+    const enabledMeetingPassFlag = getFeatureFlag(state, MEETING_PASSWORD_ENABLED, true);
+
+    return {
+        _locked: Boolean(locked || lobbyEnabled),
+        visible: isSecurityDialogButtonVisible({
+            conference,
+            securityUIConfig: getSecurityUiConfig(state),
+            isModerator: isLocalParticipantModerator(state),
+            enabledLobbyModeFlag,
+            enabledMeetingPassFlag,
+            enabledSecurityOptionsFlag
+        })
+    };
+}