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

apps/meteor/client/views/room/composer/ComposerAnonymous.tsx

@@ -0,0 +1,55 @@
+import { Button, ButtonGroup, Box } from '@rocket.chat/fuselage';
+import {
+	useSessionDispatch,
+	useSetting,
+	useTranslation,
+	useLoginWithToken,
+	useToastMessageDispatch,
+	useMethod,
+} from '@rocket.chat/ui-contexts';
+import { useMutation } from '@tanstack/react-query';
+
+const ComposerAnonymous = () => {
+	const t = useTranslation();
+	const dispatch = useToastMessageDispatch();
+	const isAnonymousWriteEnabled = useSetting('Accounts_AllowAnonymousWrite');
+
+	const loginWithToken = useLoginWithToken();
+	const anonymousUser = useMethod('registerUser');
+	const setForceLogin = useSessionDispatch('forceLogin');
+
+	const registerAnonymous = useMutation({
+		mutationFn: async (...params: Parameters<typeof anonymousUser>) => {
+			const result = await anonymousUser(...params);
+			if (typeof result !== 'string' && result.token) {
+				await loginWithToken(result.token);
+			}
+			return result;
+		},
+
+		onError: (error) => {
+			dispatch({ type: 'error', message: error });
+		},
+	});
+
+	const joinAnonymous = () => {
+		registerAnonymous.mutate({ email: null });
+	};
+
+	return (
+		<Box marginBlock={16}>
+			<ButtonGroup>
+				<Button small primary onClick={() => setForceLogin(true)}>
+					{t('Sign_in_to_start_talking')}
+				</Button>
+				{isAnonymousWriteEnabled && (
+					<Button small secondary onClick={() => joinAnonymous()}>
+						{t('Or_talk_as_anonymous')}
+					</Button>
+				)}
+			</ButtonGroup>
+		</Box>
+	);
+};
+
+export default ComposerAnonymous;