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

apps/meteor/client/views/account/integrations/AccountIntegrationsPage.tsx

@@ -0,0 +1,70 @@
+import type { SelectOption } from '@rocket.chat/fuselage';
+import { Box, Button } from '@rocket.chat/fuselage';
+import { Select, Field, FieldLabel, FieldRow, FieldError } from '@rocket.chat/fuselage-forms';
+import { Page, PageHeader, PageScrollableContentWithShadow } from '@rocket.chat/ui-client';
+import { useToastMessageDispatch } from '@rocket.chat/ui-contexts';
+import { useMemo } from 'react';
+import { useForm, Controller } from 'react-hook-form';
+import { useTranslation } from 'react-i18next';
+
+import { useRemoveWebDAVAccountIntegrationMutation } from './hooks/useRemoveWebDAVAccountIntegrationMutation';
+import { useWebDAVAccountIntegrationsQuery } from '../../../hooks/webdav/useWebDAVAccountIntegrationsQuery';
+import { getWebdavServerName } from '../../../lib/getWebdavServerName';
+
+const AccountIntegrationsPage = () => {
+	const { data: webdavAccountIntegrations } = useWebDAVAccountIntegrationsQuery();
+
+	const {
+		handleSubmit,
+		control,
+		formState: { errors },
+	} = useForm<{ accountSelected: string }>();
+
+	const options: SelectOption[] = useMemo(
+		() => webdavAccountIntegrations?.map(({ _id, ...current }) => [_id, getWebdavServerName(current)]) ?? [],
+		[webdavAccountIntegrations],
+	);
+
+	const dispatchToastMessage = useToastMessageDispatch();
+	const { t } = useTranslation();
+
+	const removeMutation = useRemoveWebDAVAccountIntegrationMutation({
+		onSuccess: () => {
+			dispatchToastMessage({ type: 'success', message: t('Webdav_account_removed') });
+		},
+		onError: (error) => {
+			dispatchToastMessage({ type: 'error', message: error });
+		},
+	});
+
+	const handleSubmitForm = ({ accountSelected }: { accountSelected: string }) => {
+		removeMutation.mutate({ accountSelected });
+	};
+
+	return (
+		<Page>
+			<PageHeader title={t('Integrations')} />
+			<PageScrollableContentWithShadow>
+				<Box is='form' maxWidth='x600' width='full' alignSelf='center' onSubmit={handleSubmit(handleSubmitForm)}>
+					<Field>
+						<FieldLabel>{t('WebDAV_Accounts')}</FieldLabel>
+						<FieldRow>
+							<Controller
+								control={control}
+								name='accountSelected'
+								rules={{ required: t('Required_field', { field: t('WebDAV_Accounts') }) }}
+								render={({ field }) => <Select {...field} options={options} placeholder={t('Select_an_option')} />}
+							/>
+							<Button type='submit' danger>
+								{t('Remove')}
+							</Button>
+						</FieldRow>
+						{errors?.accountSelected && <FieldError>{errors.accountSelected.message}</FieldError>}
+					</Field>
+				</Box>
+			</PageScrollableContentWithShadow>
+		</Page>
+	);
+};
+
+export default AccountIntegrationsPage;

apps/meteor/client/views/account/integrations/AccountIntegrationsRoute.tsx

@@ -0,0 +1,16 @@
+import { useSetting } from '@rocket.chat/ui-contexts';
+
+import AccountIntegrationsPage from './AccountIntegrationsPage';
+import NotAuthorizedPage from '../../notAuthorized/NotAuthorizedPage';
+
+const AccountIntegrationsRoute = () => {
+	const webdavEnabled = useSetting('Webdav_Integration_Enabled', false);
+
+	if (!webdavEnabled) {
+		return <NotAuthorizedPage />;
+	}
+
+	return <AccountIntegrationsPage />;
+};
+
+export default AccountIntegrationsRoute;

apps/meteor/client/views/account/integrations/hooks/useRemoveWebDAVAccountIntegrationMutation.ts

@@ -0,0 +1,16 @@
+import { useEndpoint } from '@rocket.chat/ui-contexts';
+import type { UseMutationOptions } from '@tanstack/react-query';
+import { useMutation } from '@tanstack/react-query';
+
+type UseRemoveWebDAVAccountIntegrationMutationOptions = Omit<UseMutationOptions<void, unknown, { accountSelected: string }>, 'mutationFn'>;
+
+export const useRemoveWebDAVAccountIntegrationMutation = (options?: UseRemoveWebDAVAccountIntegrationMutationOptions) => {
+	const removeWebdavAccount = useEndpoint('POST', '/v1/webdav.removeWebdavAccount');
+
+	return useMutation({
+		mutationFn: async ({ accountSelected }: { accountSelected: string }) => {
+			await removeWebdavAccount({ accountId: accountSelected });
+		},
+		...options,
+	});
+};