Fix UI Styling for Single and Multiple File Uploads in Conversational Forms

[sanjacornelius]

This PR resolves UI styling issues for both single and multiple file uploads in the File Upload control of conversational forms. The problem stemmed from inconsistent styling between single and multiple uploads, and incorrect handling of background and layout when files were uploaded or deleted.

Changes:

• Unified the implementation of the has-uploaded-files class to handle the styling for both single and multiple file uploads, ensuring consistent background color and preventing overlap with the chat history content.
• Added logic to emit and handle file deletion events, ensuring that when a file is deleted, the UI correctly updates to remove the uploaded file styling and reverts to its original state.

How to Test:

Single File Upload:

1. Create a conversational form using a File Upload control.
2. Ensure 'Multiple Uploads' is disabled.
3. Create and run a process using the conversational form.
4. Upload a file and check:
   • The UI displays correctly without overlapping the chat content.
5. Delete the file and check:
   • The UI reverts back to its initial state, removing the upload styling.

Multiple File Upload:

1. Create a conversational form using a File Upload control.
2. Ensure 'Multiple Uploads' is enabled.
3. Create and run a process using the conversational form.
4. Upload multiple files and check:
   • The UI displays correctly without overlapping the chat content.
5. Delete the file and check:
   • The UI reverts back to its initial state, removing the upload styling.

Related Tickets and PRs:

FOUR-19684
FOUR-19264

Conversational Forms Package PR

ci:package-conversational-forms:observation/FOUR-19684

[cypress]

screen-builder    Run #1568

Run Properties:   Passed #1568  •  8ab00a6fe8: Fix UI Styling for Single and Multiple File Uploads in Conversational Forms

Project	screen-builder
Branch Review	observation/FOUR-19684
Run status	Passed #1568
Run duration	08m 18s
Commit	8ab00a6fe8: Fix UI Styling for Single and Multiple File Uploads in Conversational Forms
Committer	Sanja
View all properties for this run ↗︎

---

Test results
Failures	0
Flaky	0
Pending	19
Skipped	0
Passing	331
View all changes introduced in this branch ↗︎

[mcraeteisha]

Approved!