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

apps/meteor/client/views/account/omnichannel/OmnichannelPreferencesPage.tsx

@@ -0,0 +1,74 @@
+import { ButtonGroup, Button, Box, Accordion } from '@rocket.chat/fuselage';
+import { Page, PageHeader, PageScrollableContentWithShadow, PageFooter } from '@rocket.chat/ui-client';
+import { useToastMessageDispatch, useTranslation, useEndpoint, useUserPreference, useSetting } from '@rocket.chat/ui-contexts';
+import { useForm, FormProvider } from 'react-hook-form';
+
+import PreferencesConversationTranscript from './PreferencesConversationTranscript';
+import { PreferencesGeneral } from './PreferencesGeneral';
+
+type FormData = {
+	omnichannelTranscriptPDF: boolean;
+	omnichannelTranscriptEmail: boolean;
+};
+
+const OmnichannelPreferencesPage = () => {
+	const t = useTranslation();
+	const dispatchToastMessage = useToastMessageDispatch();
+
+	const alwaysSendEmailTranscript = useSetting('Livechat_transcript_send_always', false);
+	const omnichannelTranscriptPDF = useUserPreference<boolean>('omnichannelTranscriptPDF') ?? false;
+	const omnichannelTranscriptEmail = useUserPreference<boolean>('omnichannelTranscriptEmail') ?? false;
+	const omnichannelHideConversationAfterClosing = useUserPreference<boolean>('omnichannelHideConversationAfterClosing') ?? true;
+
+	const methods = useForm({
+		defaultValues: {
+			omnichannelTranscriptPDF,
+			omnichannelTranscriptEmail: alwaysSendEmailTranscript || omnichannelTranscriptEmail,
+			omnichannelHideConversationAfterClosing,
+		},
+	});
+
+	const {
+		handleSubmit,
+		formState: { isDirty },
+		reset,
+	} = methods;
+
+	const saveFn = useEndpoint('POST', '/v1/users.setPreferences');
+
+	const handleSave = async (data: FormData) => {
+		try {
+			await saveFn({ data });
+			reset(data);
+			dispatchToastMessage({ type: 'success', message: t('Preferences_saved') });
+		} catch (error) {
+			dispatchToastMessage({ type: 'error', message: error });
+		}
+	};
+
+	return (
+		<Page>
+			<PageHeader title={t('Omnichannel')} />
+			<PageScrollableContentWithShadow is='form' onSubmit={handleSubmit(handleSave)}>
+				<Box maxWidth='x600' width='full' alignSelf='center'>
+					<Accordion>
+						<FormProvider {...methods}>
+							<PreferencesGeneral />
+							<PreferencesConversationTranscript />
+						</FormProvider>
+					</Accordion>
+				</Box>
+			</PageScrollableContentWithShadow>
+			<PageFooter isDirty={isDirty}>
+				<ButtonGroup>
+					<Button onClick={() => reset({ omnichannelTranscriptPDF, omnichannelTranscriptEmail })}>{t('Cancel')}</Button>
+					<Button primary disabled={!isDirty} onClick={handleSubmit(handleSave)}>
+						{t('Save_changes')}
+					</Button>
+				</ButtonGroup>
+			</PageFooter>
+		</Page>
+	);
+};
+
+export default OmnichannelPreferencesPage;

apps/meteor/client/views/account/omnichannel/PreferencesConversationTranscript.tsx

@@ -0,0 +1,60 @@
+import { AccordionItem, Tag } from '@rocket.chat/fuselage';
+import { Field, FieldGroup, FieldLabel, FieldRow, FieldHint, ToggleSwitch } from '@rocket.chat/fuselage-forms';
+import { useTranslation, usePermission, useSetting } from '@rocket.chat/ui-contexts';
+import { Controller, useFormContext } from 'react-hook-form';
+
+import { useHasLicenseModule } from '../../../hooks/useHasLicenseModule';
+
+const PreferencesConversationTranscript = () => {
+	const t = useTranslation();
+	const { control } = useFormContext();
+
+	const { data: hasLicense = false } = useHasLicenseModule('livechat-enterprise');
+	const alwaysSendEmailTranscript = useSetting('Livechat_transcript_send_always');
+	const canSendTranscriptPDF = usePermission('request-pdf-transcript');
+	const canSendTranscriptEmailPermission = usePermission('send-omnichannel-chat-transcript');
+	const canSendTranscriptEmail = canSendTranscriptEmailPermission && !alwaysSendEmailTranscript;
+	const cantSendTranscriptPDF = !canSendTranscriptPDF || !hasLicense;
+
+	return (
+		<AccordionItem defaultExpanded title={t('Conversational_transcript')}>
+			<FieldGroup>
+				<Field>
+					<FieldRow>
+						<FieldLabel>
+							{t('Omnichannel_transcript_pdf')}
+							{!hasLicense && (
+								<Tag marginInline={4} variant='featured'>
+									{t('Premium')}
+								</Tag>
+							)}
+							{!canSendTranscriptPDF && hasLicense && <Tag marginInline={4}>{t('No_permission')}</Tag>}
+						</FieldLabel>
+						<Controller
+							control={control}
+							name='omnichannelTranscriptPDF'
+							render={({ field: { value, ...field } }) => <ToggleSwitch disabled={cantSendTranscriptPDF} {...field} checked={value} />}
+						/>
+					</FieldRow>
+					<FieldHint>{t('Accounts_Default_User_Preferences_omnichannelTranscriptPDF_Description')}</FieldHint>
+				</Field>
+				<Field>
+					<FieldRow>
+						<FieldLabel>
+							{t('Omnichannel_transcript_email')}
+							{!canSendTranscriptEmailPermission && <Tag marginInline={4}>{t('No_permission')}</Tag>}
+						</FieldLabel>
+						<Controller
+							control={control}
+							name='omnichannelTranscriptEmail'
+							render={({ field: { value, ...field } }) => <ToggleSwitch disabled={!canSendTranscriptEmail} {...field} checked={value} />}
+						/>
+					</FieldRow>
+					<FieldHint>{t('Accounts_Default_User_Preferences_omnichannelTranscriptEmail_Description')}</FieldHint>
+				</Field>
+			</FieldGroup>
+		</AccordionItem>
+	);
+};
+
+export default PreferencesConversationTranscript;

apps/meteor/client/views/account/omnichannel/PreferencesGeneral.tsx

@@ -0,0 +1,24 @@
+import { Field, FieldGroup, FieldHint, FieldLabel, FieldRow, ToggleSwitch } from '@rocket.chat/fuselage-forms';
+import { Controller, useFormContext } from 'react-hook-form';
+import { useTranslation } from 'react-i18next';
+
+export const PreferencesGeneral = () => {
+	const { t } = useTranslation();
+	const { control } = useFormContext();
+
+	return (
+		<FieldGroup marginBlockEnd='1.5rem' paddingInline='0.5rem'>
+			<Field>
+				<FieldRow>
+					<FieldLabel>{t('Omnichannel_hide_conversation_after_closing')}</FieldLabel>
+					<Controller
+						control={control}
+						name='omnichannelHideConversationAfterClosing'
+						render={({ field: { value, ...field } }) => <ToggleSwitch {...field} checked={value} />}
+					/>
+				</FieldRow>
+				<FieldHint>{t('Omnichannel_hide_conversation_after_closing_description')}</FieldHint>
+			</Field>
+		</FieldGroup>
+	);
+};