feat: Send multiple files into a single message

[abhipatel0211]

Proposed changes (including videos or screenshots)

Changes

1. Multiple file sharing in one message.
2. Multiple file sharing in one message in E2E encrypted rooms.
3. Functionality of adding and removing files in FileUploadModal.
4. Updated API endpoints rooms.media/:rid and rooms.mediaConfirm/:rid/:fileId to handle multiple files.

Steps to test or reproduce

1. Go to a room.
2. Try sharing multiple files.
3. Confirm file selected.
4. Use the FileUploadModal to add and remove files.

Further comments

This implementation is an initial version of the multiple file sharing feature. While it is functional, some minor bugs remain, particularly with image file sharing, which will be addressed in future updates.

CORE-847

---

This pull request introduces the ability to send multiple files in a single message within the Rocket.Chat application. Key changes include:

• File Upload Enhancements: The file upload functionality has been significantly refactored to support multiple files, including updates to the UploadsAPI interface with new methods for managing uploads and handling encrypted content. The Upload type definition now includes both file and URL properties.

• New Components and Hooks: Several new components and hooks have been added to manage file uploads, such as MessageComposerFile, MessageComposerFileArea, and MessageComposerFileLoader, which provide UI elements for file management, preview, and error handling. The useFileUploadDropTarget hook has been introduced to streamline file upload handling.

• Thread and Message Integration: The PR adds support for thread-specific uploads and integrates file upload capabilities into various components like MessageBox, AudioMessageRecorder, and VideoMessageRecorder. The confirmFiles function is introduced to handle file confirmation and sending, with error handling and cleanup processes.

• Localization and API Updates: The English localization file has been updated with new messages related to upload failures and file count limitations. A new API endpoint for media editing has been added to the REST typings.

Overall, this pull request enhances the file upload experience by allowing multiple files to be sent in a single message, improving the user interface, and refining the underlying upload logic.

[KevLehman]

Also, could we have UI tests for multiple files being uploaded? Or maybe i did not see them 👀 idk

[KevLehman]

Just curious: what would happen if the status is not 400 or 200? Nothing?

[dougfabris]

[KevLehman]

I don't see how this could return undefined

Suggested change

	confirmTemporaryFiles(fileIds: string[], userId: string): Promise<Document | UpdateResult> | undefined {
	confirmTemporaryFiles(fileIds: string[], userId: string): Promise<Document | UpdateResult> {

[KevLehman]

Suggested change

	confirmTemporaryFiles(fileIds: string[], userId: string): Promise<Document | UpdateResult> | undefined;
	confirmTemporaryFiles(fileIds: string[], userId: string): Promise<Document | UpdateResult>;

[coderabbitai]

Important

Review skipped

Draft detected.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

✨ Finishing touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}