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

apps/meteor/client/views/omnichannel/contactInfo/ContactInfo/ReviewContactModal.tsx

@@ -0,0 +1,123 @@
+import type { ILivechatContact, Serialized } from '@rocket.chat/core-typings';
+import { Badge, Box, Field, FieldError, FieldGroup, FieldHint, FieldLabel, FieldRow, Select } from '@rocket.chat/fuselage';
+import { GenericModal } from '@rocket.chat/ui-client';
+import type { TranslationKey } from '@rocket.chat/ui-contexts';
+import { useAtLeastOnePermission } from '@rocket.chat/ui-contexts';
+import { useMemo } from 'react';
+import { Controller, useForm } from 'react-hook-form';
+import { useTranslation } from 'react-i18next';
+
+import { mapLivechatContactConflicts } from '../../../../../lib/mapLivechatContactConflicts';
+import { useHasLicenseModule } from '../../../../hooks/useHasLicenseModule';
+import { ContactManagerInput } from '../../additionalForms';
+import { useCustomFieldsMetadata } from '../../directory/hooks/useCustomFieldsMetadata';
+import { useReviewContact } from '../hooks/useReviewContact';
+
+export type ReviewContactModalProps = {
+	contact: Serialized<ILivechatContact>;
+	onCancel: () => void;
+};
+
+type HandleConflictsPayload = {
+	name: string;
+	contactManager: string;
+	[key: string]: string;
+};
+
+const ReviewContactModal = ({ contact, onCancel }: ReviewContactModalProps) => {
+	const { t } = useTranslation();
+	const { data: hasLicense = false } = useHasLicenseModule('livechat-enterprise');
+
+	const {
+		control,
+		handleSubmit,
+		formState: { errors },
+	} = useForm<HandleConflictsPayload>();
+
+	const canViewCustomFields = useAtLeastOnePermission(['view-livechat-room-customfields', 'edit-livechat-room-customfields']);
+
+	const { data: customFieldsMetadata = [] } = useCustomFieldsMetadata({
+		scope: 'visitor',
+		enabled: canViewCustomFields,
+	});
+
+	const editContact = useReviewContact(['getContactById']);
+
+	const handleConflicts = async ({ name, contactManager, ...customFields }: HandleConflictsPayload) => {
+		const payload = {
+			name,
+			contactManager,
+			...(customFields && { customFields }),
+			wipeConflicts: true,
+		};
+
+		editContact.mutate(
+			{ contactId: contact?._id, ...payload },
+			{
+				onSettled: () => onCancel(),
+			},
+		);
+	};
+
+	const conflictingFields = useMemo(() => {
+		const mappedConflicts = mapLivechatContactConflicts(contact, customFieldsMetadata);
+		return Object.values(mappedConflicts);
+	}, [contact, customFieldsMetadata]);
+
+	return (
+		<GenericModal
+			icon={null}
+			variant='warning'
+			onCancel={onCancel}
+			confirmText={t('Save')}
+			onConfirm={handleSubmit(handleConflicts)}
+			annotation={t('Contact_history_is_preserved')}
+			title={t('Review_contact')}
+		>
+			<FieldGroup>
+				{conflictingFields.map(({ name, label, values }, index) => {
+					const isContactManagerField = name === 'contactManager';
+					const mappedOptions = values.map((option) => [option, option] as const);
+					const Component = isContactManagerField ? ContactManagerInput : Select;
+
+					if (isContactManagerField && !hasLicense) {
+						return null;
+					}
+
+					return (
+						<Field key={index}>
+							<FieldLabel id={name}>{t(label as TranslationKey)}</FieldLabel>
+							<FieldRow>
+								<Controller
+									name={name}
+									control={control}
+									rules={{
+										required: isContactManagerField ? undefined : t('Required_field', { field: t(label as TranslationKey) }),
+									}}
+									render={({ field: { value, onChange } }) => (
+										<Component
+											aria-labelledby={name}
+											aria-describedby={`${name}-hint ${name}-error`}
+											options={mappedOptions}
+											value={value}
+											onChange={onChange}
+										/>
+									)}
+								/>
+							</FieldRow>
+							<FieldHint id={`${name}-hint`}>
+								<Box display='flex' alignItems='center'>
+									<Box marginInlineEnd={4}>{t('different_values_found', { number: values.length })}</Box>
+									<Badge variant='primary' small />
+								</Box>
+							</FieldHint>
+							{errors?.[name] && <FieldError id={`${name}-error`}>{errors?.[name]?.message}</FieldError>}
+						</Field>
+					);
+				})}
+			</FieldGroup>
+		</GenericModal>
+	);
+};
+
+export default ReviewContactModal;