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

apps/meteor/client/views/room/body/hooks/useFileUpload.ts

@@ -0,0 +1,49 @@
+import { useCallback, useEffect, useMemo, useSyncExternalStore } from 'react';
+
+import type { Upload } from '../../../../lib/chats/Upload';
+import { useChat } from '../../contexts/ChatContext';
+
+const emptySubscribe = () => () => undefined;
+const emptyUploads: readonly Upload[] = [];
+const getEmptyUploads = () => emptyUploads;
+const getEmptyBool = () => false;
+
+export const useFileUpload = () => {
+	const chat = useChat();
+
+	if (!chat) {
+		throw new Error('No ChatContext provided');
+	}
+
+	const store = chat.composer?.uploads;
+
+	const uploads = useSyncExternalStore(store?.subscribe ?? emptySubscribe, store?.get ?? getEmptyUploads);
+	const isProcessingUploads = useSyncExternalStore(store?.subscribe ?? emptySubscribe, store?.getProcessingUploads ?? getEmptyBool);
+
+	useEffect(() => {
+		store?.wipeFailedOnes();
+
+		return () => store?.clear();
+	}, [chat.action, store]);
+
+	const handleUploadFiles = useCallback(
+		(files: readonly File[]): void => {
+			chat.flows.uploadFiles({ files });
+		},
+		[chat],
+	);
+
+	const isUploading = uploads.length > 0 && uploads.some((upload) => !upload.url && !upload.error);
+
+	return useMemo(
+		() => ({
+			uploadsStore: store,
+			uploads,
+			hasUploads: uploads.length > 0,
+			isUploading,
+			isProcessingUploads,
+			handleUploadFiles,
+		}),
+		[store, uploads, isUploading, isProcessingUploads, handleUploadFiles],
+	);
+};