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

react/features/security/components/security-dialog/web/SecurityDialog.tsx

@@ -0,0 +1,65 @@
+import React from 'react';
+import { useSelector } from 'react-redux';
+
+import { IReduxState } from '../../../../app/types';
+import { getSecurityUiConfig } from '../../../../base/config/functions.any';
+import { isLocalParticipantModerator } from '../../../../base/participants/functions';
+import Dialog from '../../../../base/ui/components/web/Dialog';
+import { isInBreakoutRoom } from '../../../../breakout-rooms/functions';
+import E2EESection from '../../../../e2ee/components/E2EESection';
+import LobbySection from '../../../../lobby/components/web/LobbySection';
+import { isEnablingLobbyAllowed } from '../../../../lobby/functions';
+
+import PasswordSection from './PasswordSection';
+
+export interface INotifyClick {
+    key: string;
+    preventExecution: boolean;
+}
+
+/**
+ * Component that renders the security options dialog.
+ *
+ * @returns {React$Element<any>}
+ */
+export default function SecurityDialog() {
+    const lobbySupported = useSelector((state: IReduxState) =>
+        state['features/base/conference'].conference?.isLobbySupported());
+    const e2eeSupported = useSelector((state: IReduxState) => state['features/base/conference'].e2eeSupported);
+    const isInBreakout = useSelector(isInBreakoutRoom);
+    const disableLobbyPassword = useSelector((state: IReduxState) => getSecurityUiConfig(state)?.disableLobbyPassword)
+        || isInBreakout;
+    const isModerator = useSelector(isLocalParticipantModerator);
+    const { hideLobbyButton } = useSelector(getSecurityUiConfig);
+    const _isLobbyVisible = useSelector(isEnablingLobbyAllowed)
+        && lobbySupported && isModerator && !isInBreakout && !hideLobbyButton;
+    const showE2ee = Boolean(e2eeSupported) && isModerator;
+
+    return (
+        <Dialog
+            cancel = {{ hidden: true }}
+            ok = {{ hidden: true }}
+            titleKey = 'security.title'>
+            <div className = 'security-dialog'>
+                {
+                    _isLobbyVisible && <LobbySection />
+                }
+                {
+                    !disableLobbyPassword && (
+                        <>
+                            { _isLobbyVisible && <div className = 'separator-line' /> }
+                            <PasswordSection />
+                        </>
+                    )
+                }
+                {
+                    showE2ee ? <>
+                        { (_isLobbyVisible || !disableLobbyPassword) && <div className = 'separator-line' /> }
+                        <E2EESection />
+                    </> : null
+                }
+
+            </div>
+        </Dialog>
+    );
+}