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

apps/meteor/client/views/account/preferences/PreferencesMyDataSection.tsx

@@ -0,0 +1,92 @@
+import { AccordionItem, Box, Button, ButtonGroup } from '@rocket.chat/fuselage';
+import { useEndpoint, useSetModal, useToastMessageDispatch } from '@rocket.chat/ui-contexts';
+import DOMPurify from 'dompurify';
+import { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+
+import MyDataModal from './MyDataModal';
+
+const PreferencesMyDataSection = () => {
+	const { t } = useTranslation();
+	const setModal = useSetModal();
+	const dispatchToastMessage = useToastMessageDispatch();
+
+	const requestDataDownload = useEndpoint('GET', '/v1/users.requestDataDownload');
+
+	const downloadData = useCallback(
+		async (fullExport: boolean) => {
+			try {
+				const result = await requestDataDownload({ fullExport: fullExport ? 'true' : 'false' });
+				if (result.requested) {
+					const text = t('UserDataDownload_Requested_Text', {
+						pending_operations: result.pendingOperationsBeforeMyRequest,
+					});
+					setModal(
+						<MyDataModal
+							title={t('UserDataDownload_Requested')}
+							text={<Box dangerouslySetInnerHTML={{ __html: DOMPurify.sanitize(text) }} />}
+							onCancel={() => setModal(null)}
+						/>,
+					);
+					return;
+				}
+
+				if (result.exportOperation) {
+					if (result.exportOperation.status === 'completed') {
+						const text = result.url
+							? t('UserDataDownload_CompletedRequestExistedWithLink_Text', {
+									download_link: result.url,
+								})
+							: t('UserDataDownload_CompletedRequestExisted_Text');
+
+						setModal(
+							<MyDataModal
+								title={t('UserDataDownload_Requested')}
+								text={<Box dangerouslySetInnerHTML={{ __html: DOMPurify.sanitize(text) }} />}
+								onCancel={() => setModal(null)}
+							/>,
+						);
+
+						return;
+					}
+
+					const text = t('UserDataDownload_RequestExisted_Text', {
+						pending_operations: result.pendingOperationsBeforeMyRequest,
+					});
+					setModal(
+						<MyDataModal
+							title={t('UserDataDownload_Requested')}
+							text={<Box dangerouslySetInnerHTML={{ __html: DOMPurify.sanitize(text) }} />}
+							onCancel={() => setModal(null)}
+						/>,
+					);
+
+					return;
+				}
+
+				setModal(<MyDataModal title={t('UserDataDownload_Requested')} onCancel={() => setModal(null)} />);
+			} catch (error) {
+				dispatchToastMessage({ type: 'error', message: error });
+			}
+		},
+		[dispatchToastMessage, requestDataDownload, setModal, t],
+	);
+
+	const handleClickDownload = useCallback(() => downloadData(false), [downloadData]);
+	const handleClickExport = useCallback(() => downloadData(true), [downloadData]);
+
+	return (
+		<AccordionItem title={t('My Data')}>
+			<ButtonGroup stretch>
+				<Button icon='download' onClick={handleClickDownload}>
+					{t('Download_My_Data')}
+				</Button>
+				<Button icon='download' onClick={handleClickExport}>
+					{t('Export_My_Data')}
+				</Button>
+			</ButtonGroup>
+		</AccordionItem>
+	);
+};
+
+export default PreferencesMyDataSection;