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

apps/meteor/client/views/teams/contextualBar/info/ConvertToChannelModal/BaseConvertToChannelModal.tsx

@@ -0,0 +1,79 @@
+import type { IRoom, Serialized } from '@rocket.chat/core-typings';
+import { useStableCallback } from '@rocket.chat/fuselage-hooks';
+import { useState, useCallback } from 'react';
+
+import FirstStep from './ModalSteps/FirstStep';
+import SecondStep from './ModalSteps/SecondStep';
+
+const STEPS = {
+	LIST_ROOMS: 'LIST_ROOMS',
+	CONFIRM_CONVERT: 'CONFIRM_CONVERT',
+};
+
+export type BaseConvertToChannelModalProps = {
+	onClose: () => void;
+	onCancel: () => void;
+	onConfirm: (deletedRooms: { [key: string]: Serialized<IRoom> }) => void;
+	currentStep?: string;
+	rooms?: (Serialized<IRoom> & { isLastOwner?: boolean })[];
+};
+
+const BaseConvertToChannelModal = ({
+	onClose,
+	onCancel,
+	onConfirm,
+	rooms,
+	currentStep = rooms?.length === 0 ? STEPS.CONFIRM_CONVERT : STEPS.LIST_ROOMS,
+}: BaseConvertToChannelModalProps) => {
+	const [step, setStep] = useState(currentStep);
+	const [selectedRooms, setSelectedRooms] = useState<{ [key: string]: Serialized<IRoom> }>({});
+
+	const onContinue = useStableCallback(() => setStep(STEPS.CONFIRM_CONVERT));
+	const onReturn = useStableCallback(() => setStep(STEPS.LIST_ROOMS));
+
+	const eligibleRooms = rooms;
+
+	const onChangeRoomSelection = useCallback((room: Serialized<IRoom>) => {
+		setSelectedRooms((selectedRooms) => {
+			if (selectedRooms[room._id]) {
+				delete selectedRooms[room._id];
+				return { ...selectedRooms };
+			}
+			return { ...selectedRooms, [room._id]: room };
+		});
+	}, []);
+
+	const onToggleAllRooms = useStableCallback(() => {
+		if (Object.values(selectedRooms).filter(Boolean).length === 0 && eligibleRooms) {
+			return setSelectedRooms(Object.fromEntries(eligibleRooms.map((room) => [room._id, room])));
+		}
+		setSelectedRooms({});
+	});
+
+	if (step === STEPS.CONFIRM_CONVERT) {
+		return (
+			<SecondStep
+				onConfirm={onConfirm}
+				onClose={onClose}
+				onCancel={rooms && rooms.length > 0 ? onReturn : onCancel}
+				deletedRooms={selectedRooms}
+				rooms={rooms}
+			/>
+		);
+	}
+
+	return (
+		<FirstStep
+			onConfirm={onContinue}
+			onClose={onClose}
+			onCancel={onCancel}
+			rooms={rooms}
+			selectedRooms={selectedRooms}
+			onToggleAllRooms={onToggleAllRooms}
+			onChangeRoomSelection={onChangeRoomSelection}
+			eligibleRoomsLength={eligibleRooms?.length}
+		/>
+	);
+};
+
+export default BaseConvertToChannelModal;

apps/meteor/client/views/teams/contextualBar/info/ConvertToChannelModal/ConvertToChannelModal.tsx

@@ -0,0 +1,31 @@
+import type { IRoom, Serialized } from '@rocket.chat/core-typings';
+import { GenericModalSkeleton } from '@rocket.chat/ui-client';
+import { useEndpoint } from '@rocket.chat/ui-contexts';
+import { useQuery } from '@tanstack/react-query';
+
+import BaseConvertToChannelModal from './BaseConvertToChannelModal';
+import { teamsQueryKeys } from '../../../../../lib/queryKeys';
+
+export type ConvertToChannelModalProps = {
+	onClose: () => void;
+	onCancel: () => void;
+	onConfirm: (deletedRooms: { [key: string]: Serialized<IRoom> }) => void;
+	teamId: string;
+	userId: string;
+};
+
+const ConvertToChannelModal = ({ onClose, onCancel, onConfirm, teamId, userId }: ConvertToChannelModalProps) => {
+	const listRoomsOfUser = useEndpoint('GET', '/v1/teams.listRoomsOfUser');
+	const { isPending, data } = useQuery({
+		queryKey: teamsQueryKeys.roomsOfUser(teamId, userId, { canUserDelete: true }),
+		queryFn: () => listRoomsOfUser({ teamId, userId, canUserDelete: 'true' }),
+	});
+
+	if (isPending) {
+		return <GenericModalSkeleton />;
+	}
+
+	return <BaseConvertToChannelModal onClose={onClose} onCancel={onCancel} onConfirm={onConfirm} rooms={data?.rooms} />;
+};
+
+export default ConvertToChannelModal;

apps/meteor/client/views/teams/contextualBar/info/ConvertToChannelModal/ModalSteps/FirstStep.tsx

@@ -0,0 +1,64 @@
+import type { IRoom, Serialized } from '@rocket.chat/core-typings';
+import { Box } from '@rocket.chat/fuselage';
+import { GenericModal } from '@rocket.chat/ui-client';
+import { useTranslation } from 'react-i18next';
+
+import ChannelDesertionTable from '../../../../ChannelDesertionTable';
+
+export type FirstStepProps = {
+	onClose: () => void;
+	onCancel: () => void;
+	onConfirm: () => void;
+	onToggleAllRooms: () => void;
+	onChangeRoomSelection: (room: Serialized<IRoom>) => void;
+	rooms?: (Serialized<IRoom> & { isLastOwner?: boolean })[];
+	eligibleRoomsLength: number | undefined;
+	selectedRooms: { [key: string]: Serialized<IRoom> };
+};
+
+const FirstStep = ({
+	onClose,
+	onCancel,
+	onConfirm,
+	rooms,
+	onToggleAllRooms,
+	onChangeRoomSelection,
+	selectedRooms,
+	eligibleRoomsLength,
+	...props
+}: FirstStepProps) => {
+	const { t } = useTranslation();
+
+	return (
+		<GenericModal
+			variant='warning'
+			icon='warning'
+			title={t('Converting_team_to_channel')}
+			cancelText={t('Cancel')}
+			confirmText={t('Continue')}
+			onClose={onClose}
+			onCancel={onCancel}
+			onConfirm={onConfirm}
+			{...props}
+		>
+			<Box marginBlockEnd={24} fontScale='p2'>
+				{t('Select_the_teams_channels_you_would_like_to_delete')}
+			</Box>
+
+			<Box marginBlockEnd={24} fontScale='p2'>
+				{t('Notice_that_public_channels_will_be_public_and_visible_to_everyone')}
+			</Box>
+
+			<ChannelDesertionTable
+				lastOwnerWarning={undefined}
+				onToggleAllRooms={onToggleAllRooms}
+				rooms={rooms}
+				onChangeRoomSelection={onChangeRoomSelection}
+				selectedRooms={selectedRooms}
+				eligibleRoomsLength={eligibleRoomsLength}
+			/>
+		</GenericModal>
+	);
+};
+
+export default FirstStep;

apps/meteor/client/views/teams/contextualBar/info/ConvertToChannelModal/ModalSteps/SecondStep.tsx

@@ -0,0 +1,36 @@
+import type { IRoom, Serialized } from '@rocket.chat/core-typings';
+import { Icon } from '@rocket.chat/fuselage';
+import { GenericModal } from '@rocket.chat/ui-client';
+import { useTranslation } from 'react-i18next';
+
+type SecondStepsProps = {
+	onClose: () => void;
+	onCancel: () => void;
+	onConfirm: (deletedRooms: { [key: string]: Serialized<IRoom> }) => void;
+	deletedRooms: {
+		[key: string]: Serialized<IRoom>;
+	};
+	rooms?: (Serialized<IRoom> & { isLastOwner?: boolean })[];
+};
+
+const SecondStep = ({ onClose, onCancel, onConfirm, deletedRooms = {}, rooms = [], ...props }: SecondStepsProps) => {
+	const { t } = useTranslation();
+
+	return (
+		<GenericModal
+			{...props}
+			variant='warning'
+			icon={<Icon name='modal-warning' size='x24' color='status-font-on-warning' />}
+			cancelText={rooms?.length > 0 ? t('Back') : t('Cancel')}
+			confirmText={t('Convert')}
+			title={t('Confirmation')}
+			onClose={onClose}
+			onCancel={onCancel}
+			onConfirm={(): void => onConfirm(deletedRooms)}
+		>
+			{t('You_are_converting_team_to_channel')}
+		</GenericModal>
+	);
+};
+
+export default SecondStep;

apps/meteor/client/views/teams/contextualBar/info/ConvertToChannelModal/index.ts

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