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

apps/meteor/client/views/room/contextualBar/Info/ChannelToTeamModal/ChannelToTeamConfirmation.tsx

@@ -0,0 +1,28 @@
+import { Box } from '@rocket.chat/fuselage';
+import { GenericModal } from '@rocket.chat/ui-client';
+import { useTranslation } from 'react-i18next';
+
+export type ChannelToTeamConfirmationProps = {
+	onCancel: () => void;
+	onConfirm: () => void;
+};
+
+const ChannelToTeamConfirmation = ({ onCancel, onConfirm }: ChannelToTeamConfirmationProps) => {
+	const { t } = useTranslation();
+
+	return (
+		<GenericModal
+			variant='warning'
+			icon='warning'
+			title={t('Confirmation')}
+			confirmText={t('Yes')}
+			onClose={onCancel}
+			onCancel={onCancel}
+			onConfirm={onConfirm}
+		>
+			<Box>{t('Teams_move_channel_to_team_confirm_description')}</Box>
+		</GenericModal>
+	);
+};
+
+export default ChannelToTeamConfirmation;

apps/meteor/client/views/room/contextualBar/Info/ChannelToTeamModal/ChannelToTeamModal.tsx

@@ -0,0 +1,41 @@
+import type { IRoom } from '@rocket.chat/core-typings';
+import { useState } from 'react';
+
+import ChannelToTeamConfirmation from './ChannelToTeamConfirmation';
+import ChannelToTeamSelection from './ChannelToTeamSelection';
+
+export type ChannelToTeamModalProps = {
+	onCancel: () => void;
+	onConfirm: (teamId: IRoom['_id']) => void;
+};
+
+const CHANNEL_TO_TEAM_STEPS = {
+	SELECTION: 'selection',
+	CONFIRMATION: 'confirmation',
+};
+
+const ChannelToTeamModal = ({ onCancel, onConfirm }: ChannelToTeamModalProps) => {
+	const [step, setStep] = useState(CHANNEL_TO_TEAM_STEPS.SELECTION);
+	const [teamId, setTeamId] = useState<string>();
+
+	if (step === CHANNEL_TO_TEAM_STEPS.CONFIRMATION && teamId) {
+		return <ChannelToTeamConfirmation onCancel={onCancel} onConfirm={() => onConfirm(teamId)} />;
+	}
+
+	const handleChange = (value: string | string[]) => {
+		if (typeof value === 'string') {
+			setTeamId(value);
+		}
+	};
+
+	return (
+		<ChannelToTeamSelection
+			onCancel={onCancel}
+			onConfirm={() => setStep(CHANNEL_TO_TEAM_STEPS.CONFIRMATION)}
+			onChange={handleChange}
+			teamId={teamId}
+		/>
+	);
+};
+
+export default ChannelToTeamModal;

apps/meteor/client/views/room/contextualBar/Info/ChannelToTeamModal/ChannelToTeamSelection.tsx

@@ -0,0 +1,43 @@
+import type { IRoom } from '@rocket.chat/core-typings';
+import { Box, Margins } from '@rocket.chat/fuselage';
+import { GenericModal } from '@rocket.chat/ui-client';
+import { useTranslation } from 'react-i18next';
+
+import TeamAutocomplete from '../../../../teams/contextualBar/TeamAutocomplete';
+
+export type ChannelToTeamSelectionProps = {
+	teamId: IRoom['teamId'];
+	onChange: (value: string | string[]) => void;
+	onCancel: () => void;
+	onConfirm: () => void;
+};
+
+const ChannelToTeamSelection = ({ teamId, onCancel, onChange, onConfirm }: ChannelToTeamSelectionProps) => {
+	const { t } = useTranslation();
+
+	return (
+		<GenericModal
+			variant='warning'
+			cancelText={t('Cancel')}
+			confirmText={t('Continue')}
+			title={t('Teams_Select_a_team')}
+			onClose={onCancel}
+			onCancel={onCancel}
+			onConfirm={onConfirm}
+			confirmDisabled={!teamId}
+		>
+			<Margins blockEnd={20}>
+				<Box>{t('Teams_move_channel_to_team_description_first')}</Box>
+				<Box>{t('Teams_move_channel_to_team_description_second')}</Box>
+				<Box>{t('Teams_move_channel_to_team_description_third')}</Box>
+				<Box>{t('Teams_move_channel_to_team_description_fourth')}</Box>
+			</Margins>
+
+			<Box display='flex' width='100%'>
+				<TeamAutocomplete onChange={onChange} value={teamId} />
+			</Box>
+		</GenericModal>
+	);
+};
+
+export default ChannelToTeamSelection;

apps/meteor/client/views/room/contextualBar/Info/ChannelToTeamModal/index.ts

@@ -0,0 +1 @@
+export { default } from './ChannelToTeamModal';