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

apps/meteor/client/views/teams/contextualBar/members/RemoveUsersModal/BaseRemoveUsersModal.tsx

@@ -0,0 +1,86 @@
+import type { IRoom, Serialized } from '@rocket.chat/core-typings';
+import { useStableCallback } from '@rocket.chat/fuselage-hooks';
+import { usePermission } from '@rocket.chat/ui-contexts';
+import { useState, useCallback } from 'react';
+
+import RemoveUsersFirstStep from './RemoveUsersFirstStep';
+import RemoveUsersSecondStep from './RemoveUsersSecondStep';
+
+const STEPS = {
+	LIST_ROOMS: 'LIST_ROOMS',
+	CONFIRM_DELETE: 'CONFIRM_DELETE',
+};
+
+export type BaseRemoveUsersModalProps = {
+	onClose: () => void;
+	onCancel: () => void;
+	onConfirm: (deletedRooms: { [key: string]: Serialized<IRoom> }) => void;
+	currentStep?: string;
+	rooms?: (Serialized<IRoom> & { isLastOwner?: boolean })[];
+	username?: string;
+};
+
+const BaseRemoveUsersModal = ({
+	onClose,
+	onCancel,
+	onConfirm,
+	rooms,
+	currentStep = rooms?.length === 0 ? STEPS.CONFIRM_DELETE : STEPS.LIST_ROOMS,
+	username,
+}: BaseRemoveUsersModalProps) => {
+	const [step, setStep] = useState(currentStep);
+
+	const [selectedRooms, setSelectedRooms] = useState<Record<string, Serialized<IRoom> & { isLastOwner?: boolean }>>({});
+
+	const onContinue = useStableCallback(() => setStep(STEPS.CONFIRM_DELETE));
+	const onReturn = useStableCallback(() => setStep(STEPS.LIST_ROOMS));
+
+	const canViewUserRooms = usePermission('view-all-team-channels');
+
+	const eligibleRooms = rooms?.filter(({ isLastOwner }) => !isLastOwner);
+
+	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) {
+			return setSelectedRooms(Object.fromEntries(eligibleRooms?.map((room) => [room._id, room]) ?? []));
+		}
+		setSelectedRooms({});
+	});
+
+	if (step === STEPS.CONFIRM_DELETE || !canViewUserRooms) {
+		return (
+			<RemoveUsersSecondStep
+				onConfirm={onConfirm}
+				onClose={onClose}
+				onCancel={(rooms?.length ?? 0) > 0 ? onReturn : onCancel}
+				deletedRooms={selectedRooms}
+				rooms={rooms}
+				username={username}
+			/>
+		);
+	}
+
+	return (
+		<RemoveUsersFirstStep
+			onConfirm={onContinue}
+			onClose={onClose}
+			onCancel={onCancel}
+			rooms={rooms}
+			selectedRooms={selectedRooms}
+			onToggleAllRooms={onToggleAllRooms}
+			onChangeRoomSelection={onChangeRoomSelection}
+			eligibleRoomsLength={eligibleRooms?.length}
+		/>
+	);
+};
+
+export default BaseRemoveUsersModal;

apps/meteor/client/views/teams/contextualBar/members/RemoveUsersModal/RemoveUsersFirstStep.tsx

@@ -0,0 +1,59 @@
+import type { Serialized, IRoom } 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 RemoveUsersFirstStepProps = {
+	onClose: () => void;
+	onCancel: () => void;
+	onConfirm: () => void;
+	rooms?: (Serialized<IRoom> & { isLastOwner?: boolean })[];
+	onToggleAllRooms: () => void;
+	onChangeRoomSelection: (room: Serialized<IRoom> & { isLastOwner?: boolean }) => void;
+	selectedRooms: { [key: string]: Serialized<IRoom> };
+	eligibleRoomsLength: number | undefined;
+};
+
+const RemoveUsersFirstStep = ({
+	onClose,
+	onCancel,
+	onConfirm,
+	rooms,
+	onToggleAllRooms,
+	onChangeRoomSelection,
+	selectedRooms,
+	eligibleRoomsLength,
+	...props
+}: RemoveUsersFirstStepProps) => {
+	const { t } = useTranslation();
+
+	return (
+		<GenericModal
+			variant='warning'
+			icon='warning'
+			title={t('Teams_removing_member')}
+			cancelText={t('Cancel')}
+			confirmText={t('Continue')}
+			onClose={onClose}
+			onCancel={onCancel}
+			onConfirm={onConfirm}
+			{...props}
+		>
+			<Box marginBlockEnd={24} fontScale='p2'>
+				{t('Select_the_channels_you_want_the_user_to_be_removed_from')}
+			</Box>
+			<ChannelDesertionTable
+				lastOwnerWarning={t('Teams_channels_last_owner_leave_channel_warning')}
+				onToggleAllRooms={onToggleAllRooms}
+				rooms={rooms}
+				onChangeRoomSelection={onChangeRoomSelection}
+				selectedRooms={selectedRooms}
+				eligibleRoomsLength={eligibleRoomsLength}
+			/>
+		</GenericModal>
+	);
+};
+
+export default RemoveUsersFirstStep;

apps/meteor/client/views/teams/contextualBar/members/RemoveUsersModal/RemoveUsersModal.tsx

@@ -0,0 +1,45 @@
+import type { Serialized, IRoom } 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 BaseRemoveUsersModal from './BaseRemoveUsersModal';
+import { teamsQueryKeys, usersQueryKeys } from '../../../../../lib/queryKeys';
+
+export type RemoveUsersModalProps = {
+	onClose: () => void;
+	onCancel: () => void;
+	onConfirm: (deletedRooms: { [key: string]: Serialized<IRoom> }) => void;
+	teamId: string;
+	userId: string;
+};
+
+const RemoveUsersModal = ({ teamId, userId, onClose, onCancel, onConfirm }: RemoveUsersModalProps) => {
+	const listRoomsOfUser = useEndpoint('GET', '/v1/teams.listRoomsOfUser');
+	const { isPending, data } = useQuery({
+		queryKey: teamsQueryKeys.roomsOfUser(teamId, userId),
+		queryFn: () => listRoomsOfUser({ teamId, userId }),
+	});
+
+	const getUserInfo = useEndpoint('GET', '/v1/users.info');
+	const { data: userData } = useQuery({
+		queryKey: usersQueryKeys.userInfo({ uid: userId }),
+		queryFn: () => getUserInfo({ userId }),
+	});
+
+	if (isPending) {
+		return <GenericModalSkeleton />;
+	}
+
+	return (
+		<BaseRemoveUsersModal
+			onClose={onClose}
+			username={userData?.user.username ?? ''}
+			onCancel={onCancel}
+			onConfirm={onConfirm}
+			rooms={data?.rooms ?? []}
+		/>
+	);
+};
+
+export default RemoveUsersModal;

apps/meteor/client/views/teams/contextualBar/members/RemoveUsersModal/RemoveUsersSecondStep.tsx

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

apps/meteor/client/views/teams/contextualBar/members/RemoveUsersModal/index.ts

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