snapshot of https://github.com/RocketChat/Rocket.Chat.git (develop, 2026-09-16; blobs > 131072B omitted)

apps/meteor/client/views/room/E2EESetup/RoomE2EENotAllowed.tsx

@@ -0,0 +1,59 @@
+import {
+	Box,
+	Button,
+	States,
+	StatesAction,
+	StatesActions,
+	StatesIcon,
+	StatesLink,
+	StatesSubtitle,
+	StatesTitle,
+} from '@rocket.chat/fuselage';
+import type { Keys as IconName } from '@rocket.chat/icons';
+import { useRouter } from '@rocket.chat/ui-contexts';
+import { useTranslation } from 'react-i18next';
+
+import { links } from '../../../lib/links';
+
+const DOCS_URL = links.go.e2eeGuide;
+
+export type RoomE2EENotAllowedProps = {
+	title: string;
+	subTitle: string;
+	action?: () => void;
+	btnText?: string;
+	icon: IconName;
+};
+
+const RoomE2EENotAllowed = ({ title, subTitle, action, btnText, icon }: RoomE2EENotAllowedProps) => {
+	const router = useRouter();
+	const { t } = useTranslation();
+	const handleGoHomeClick = () => {
+		router.navigate('/home');
+	};
+
+	return (
+		<Box display='flex' justifyContent='center' height='full'>
+			<States>
+				<StatesIcon name={icon} variation='primary' />
+				<StatesTitle>{title}</StatesTitle>
+				<StatesSubtitle>{subTitle}</StatesSubtitle>
+				{action && (
+					<StatesActions>
+						<Button secondary={true} role='link' onClick={handleGoHomeClick}>
+							{t('Back_to_home')}
+						</Button>
+						<StatesAction primary onClick={action} role='button'>
+							{btnText}
+						</StatesAction>
+					</StatesActions>
+				)}
+				<StatesLink target='_blank' href={DOCS_URL}>
+					{t('Learn_more_about_E2EE')}
+				</StatesLink>
+			</States>
+		</Box>
+	);
+};
+
+export default RoomE2EENotAllowed;

apps/meteor/client/views/room/E2EESetup/RoomE2EESetup.tsx

@@ -0,0 +1,68 @@
+import { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+
+import RoomE2EENotAllowed from './RoomE2EENotAllowed';
+import { e2e } from '../../../lib/e2ee';
+import { getStoredItem, STORAGE_KEYS } from '../../../lib/sdk/storage';
+import RoomBody from '../body/RoomBody';
+import { useRoom } from '../contexts/RoomContext';
+import { useE2EERoomState } from '../hooks/useE2EERoomState';
+import { useE2EEState } from '../hooks/useE2EEState';
+
+const RoomE2EESetup = () => {
+	const room = useRoom();
+
+	const e2eeState = useE2EEState();
+	const e2eRoomState = useE2EERoomState(room._id);
+
+	const { t } = useTranslation();
+	const randomPassword = getStoredItem(STORAGE_KEYS.E2EE_RANDOM_PASSWORD);
+
+	const onSavePassword = useCallback(() => {
+		if (!randomPassword) {
+			return;
+		}
+
+		e2e.openSaveE2EEPasswordModal(randomPassword);
+	}, [randomPassword]);
+
+	const onEnterE2EEPassword = useCallback(() => e2e.decodePrivateKeyFlow(), []);
+
+	if (e2eeState === 'SAVE_PASSWORD') {
+		return (
+			<RoomE2EENotAllowed
+				title={t('__roomName__is_encrypted', { roomName: room.name })}
+				subTitle={t('Save_your_encryption_password_to_access')}
+				icon='key'
+				action={onSavePassword}
+				btnText={t('Save_E2EE_password')}
+			/>
+		);
+	}
+
+	if (e2eeState === 'ENTER_PASSWORD') {
+		return (
+			<RoomE2EENotAllowed
+				title={t('__roomName__is_encrypted', { roomName: room.name })}
+				subTitle={t('Enter_your_E2E_password_to_access')}
+				icon='key'
+				action={onEnterE2EEPassword}
+				btnText={t('Enter_your_E2E_password')}
+			/>
+		);
+	}
+
+	if (e2eRoomState === 'WAITING_KEYS') {
+		return (
+			<RoomE2EENotAllowed
+				title={t('Check_back_later')}
+				subTitle={t('__roomName__encryption_keys_need_to_be_updated', { roomName: room.name })}
+				icon='clock'
+			/>
+		);
+	}
+
+	return <RoomBody />;
+};
+
+export default RoomE2EESetup;