feat: show uploading state when the attachments are uploaded in a pending state

[khushal87]

This pull request introduces support for displaying a loading indicator when attachments (files, images, and videos) are being uploaded. The changes enhance user feedback during uploads by integrating loading indicators into the FileAttachment, Gallery, and VideoThumbnail components. The implementation leverages a centralized pending attachments loading state store to track upload status and conditionally render indicators.

Attachment Upload Loading Indicator Integration

• Added an ImageUploadingIndicator component to show upload progress for images and integrated it into Gallery and GalleryImageThumbnail. [1] [2]
• Modified FileAttachment and FileAttachmentWithContext to display an ActivityIndicator when a file is being uploaded, using the pending attachments loading state. [1] [2] [3] [4]
• Updated VideoThumbnail to accept an isPendingAttachmentLoading prop and render a loading indicator when a video attachment is uploading. [1] [2]

State Management Enhancements

• Integrated pendingAttachmentsLoadingStore and selector logic into FileAttachment, Gallery, and GalleryThumbnail to determine upload status for each attachment. [1] [2] [3] [4]

Component API and Context Updates

• Extended props and context for Gallery, GalleryThumbnail, and related components to support new loading indicator functionality and pending attachments state. [1] [2] [3] [4] [5] [6] [7]

Styling Improvements

• Added new styles for activity indicators in FileAttachment and ensured indicators are positioned correctly in image and video thumbnails. [1] [2]

These changes collectively improve the user experience by providing clear visual feedback during attachment uploads, leveraging centralized state management for upload tracking, and extending component APIs to support this new functionality.

[Stream-SDK-Bot]

SDK Size

title	develop	branch	diff	status
js_bundle_size	369 KB	370 KB	+1433 B	🔴