stream-chat-react-native-core 5.22.0-beta.8 → 5.22.0

package/lib/typescript/i18n/ru.json

@@ -1,76 +1,76 @@
 {
-    "1 Reply": "",
-    "1 Thread Reply": "",
-    "Allow access to your Gallery": "",
-    "Allow camera access in device settings": "",
-    "Also send to channel": "",
-    "Are you sure you want to permanently delete this message?": "",
-    "Block User": "",
-    "Cancel": "",
-    "Cannot Flag Message": "",
-    "Copy Message": "",
-    "Delete": "",
-    "Delete Message": "",
-    "Device camera is used to take photos or videos.": "",
-    "Do you want to send a copy of this message to a moderator for further investigation?": "",
-    "Edit Message": "",
-    "Editing Message": "",
+    "1 Reply": "1 Ответ",
+    "1 Thread Reply": "1 тема Ответить",
+    "Allow access to your Gallery": "Разрешить доступ к вашей галерее",
+    "Allow camera access in device settings": "Разрешите доступ к камере в настройках устройства.",
+    "Also send to channel": "Также отправить на канал",
+    "Are you sure you want to permanently delete this message?": "Вы действительно хотите удалить это сообщение без возможности восстановления?",
+    "Block User": "Заблокировать пользователя",
+    "Cancel": "Отмена",
+    "Cannot Flag Message": "Невозможно пожаловаться на сообщение",
+    "Copy Message": "Копировать сообщение",
+    "Delete": "удалять",
+    "Delete Message": "Удалить сообщение",
+    "Device camera is used to take photos or videos.": "Камера устройства используется для съемки фотографий или видео.",
+    "Do you want to send a copy of this message to a moderator for further investigation?": "Вы хотите отправить копию этого сообщения модератору для дальнейшего изучения?",
+    "Edit Message": "Редактировать сообщение",
+    "Editing Message": "Редактирование сообщения",
     "Emoji matching": "Соответствие эмодзи",
-    "Empty message...": "",
-    "Error loading": "",
-    "Error loading channel list...": "",
-    "Error loading messages for this channel...": "",
-    "Error while loading, please reload/refresh": "",
-    "File type not supported": "",
-    "Flag": "",
-    "Flag Message": "",
-    "Flag action failed either due to a network issue or the message is already flagged": "",
-    "How about sending your first message to a friend?": "",
+    "Empty message...": "Пустое сообщение...",
+    "Error loading": "Ошибка при загрузке",
+    "Error loading channel list...": "Ошибка загрузки списка каналов...",
+    "Error loading messages for this channel...": "Ошибка загрузки сообщений для этого канала...",
+    "Error while loading, please reload/refresh": "Ошибка загрузки, пожалуйста перезагрузите или обновите",
+    "File type not supported": "Тип файла не поддерживается",
+    "Flag": "Пометить",
+    "Flag Message": "Пометить сообщение",
+    "Flag action failed either due to a network issue or the message is already flagged": "Не удалось отправить жалобу. Возможные причины: проблема с подключением к интернету или ваша жалоба уже была принята.",
+    "How about sending your first message to a friend?": "Как насчет отправки первого сообщения другу?",
     "Instant Commands": "Мгновенные Команды",
-    "Let's start chatting!": "",
-    "Links are disabled": "",
-    "Loading channels...": "",
-    "Loading messages...": "",
-    "Loading...": "",
-    "Maximum file size upload limit reached. Please upload a file below {{MAX_FILE_SIZE_TO_UPLOAD_IN_MB}} MB.": "",
-    "Message Reactions": "",
-    "Message deleted": "",
-    "Message flagged": "",
-    "Mute User": "",
+    "Let's start chatting!": "Давайте начнем общаться!",
+    "Links are disabled": "Ссылки отключены",
+    "Loading channels...": "Загружаю каналы...",
+    "Loading messages...": "Загружаю сообщения...",
+    "Loading...": "Загружаю...",
+    "Maximum file size upload limit reached. Please upload a file below {{MAX_FILE_SIZE_TO_UPLOAD_IN_MB}} MB.": "Достигнут предел максимального размера файла для загрузки. Загрузите файл размером менее {{MAX_FILE_SIZE_TO_UPLOAD_IN_MB}} МБ.",
+    "Message Reactions": "Сообщения Реакции",
+    "Message deleted": "Сообщение удалено",
+    "Message flagged": "Сообщение отмечено",
+    "Mute User": "Отключить пользователя",
     "Not supported": "не поддерживается",
-    "Nothing yet...": "",
-    "Ok": "",
-    "Only visible to you": "",
-    "Open Settings": "",
+    "Nothing yet...": "Пока ничего нет...",
+    "Ok": "Oк",
+    "Only visible to you": "Видно только вам",
+    "Open Settings": "Открыть настройки",
     "Photo": "Фото",
-    "Photos and Videos": "",
-    "Pin to Conversation": "",
-    "Pinned by": "",
-    "Please enable access to your photos and videos so you can share them.": "",
-    "Please select a channel first": "",
-    "Reconnecting...": "",
-    "Reply": "",
-    "Reply to Message": "",
-    "Resend": "",
+    "Photos and Videos": "Фото и видео",
+    "Pin to Conversation": "Закрепить к беседе",
+    "Pinned by": "Закреплено пользователем",
+    "Please enable access to your photos and videos so you can share them.": "Разрешите доступ к своим фотографиям и видео, чтобы вы могли ими поделиться.",
+    "Please select a channel first": "Пожалуйста, сначала выберите канал",
+    "Reconnecting...": "Переподключение...",
+    "Reply": "Ответить",
+    "Reply to Message": "Ответить на сообщение",
+    "Resend": "Отправить",
     "Search GIFs": "Поиск GIF",
-    "Select More Photos": "",
+    "Select More Photos": "Выбрать больше фотографий",
     "Send a message": "Отправить сообщение",
-    "Sending links is not allowed in this conversation": "",
+    "Sending links is not allowed in this conversation": "Отправка ссылок недоступна в этом чате",
     "Slow mode ON": "Медленный режим включен",
-    "The message has been reported to a moderator.": "",
-    "Thread Reply": "",
-    "Unblock User": "",
-    "Unknown User": "",
-    "Unmute User": "",
-    "Unpin from Conversation": "",
-    "Unread Messages": "",
+    "The message has been reported to a moderator.": "Сообщение отправлено модератору.",
+    "Thread Reply": "Тема Ответить",
+    "Unblock User": "Разблокировать пользователя",
+    "Unknown User": "Неизвестный пользователь",
+    "Unmute User": "Включить микрофон",
+    "Unpin from Conversation": "Открепить от беседы",
+    "Unread Messages": "Непрочитанные Сообщения",
     "Video": "видео",
-    "You": "",
-    "You can't send messages in this channel": "",
+    "You": "Вы",
+    "You can't send messages in this channel": "Вы не можете отправлять сообщения в этот канал",
     "{{ firstUser }} and {{ nonSelfUserLength }} more are typing": "{{ firstUser }} и еще {{ nonSelfUserLength }} пишут",
-    "{{ index }} of {{ photoLength }}": "",
-    "{{ replyCount }} Replies": "",
-    "{{ replyCount }} Thread Replies": "",
+    "{{ index }} of {{ photoLength }}": "{{ index }} из {{ photoLength }}",
+    "{{ replyCount }} Replies": "{{ replyCount }} Ответов",
+    "{{ replyCount }} Thread Replies": "{{replyCount}} Ответы в темах",
     "{{ user }} is typing": "{{ user }} пишет",
-    "🏙 Attachment...": ""
+    "🏙 Attachment...": "🏙 Вложение..."
 }

package/lib/typescript/i18n/tr.json

@@ -1,76 +1,76 @@
 {
-    "1 Reply": "",
-    "1 Thread Reply": "",
-    "Allow access to your Gallery": "",
-    "Allow camera access in device settings": "",
-    "Also send to channel": "",
-    "Are you sure you want to permanently delete this message?": "",
-    "Block User": "",
-    "Cancel": "",
-    "Cannot Flag Message": "",
-    "Copy Message": "",
-    "Delete": "",
-    "Delete Message": "",
-    "Device camera is used to take photos or videos.": "",
-    "Do you want to send a copy of this message to a moderator for further investigation?": "",
-    "Edit Message": "",
-    "Editing Message": "",
+    "1 Reply": "1 Cevap",
+    "1 Thread Reply": "1 Konu Yanıtı",
+    "Allow access to your Gallery": "Galerinize erişime izin verin",
+    "Allow camera access in device settings": "Cihaz ayarlarında kamera erişimine izin ver",
+    "Also send to channel": "Kanala da gönder",
+    "Are you sure you want to permanently delete this message?": "Bu mesajı kalıcı olarak silmek istediğinizden emin misiniz?",
+    "Block User": "Kullanıcıyı engelle",
+    "Cancel": "İptal",
+    "Cannot Flag Message": "Raporlama Başarısız",
+    "Copy Message": "Mesajı Kopyala",
+    "Delete": "Sil",
+    "Delete Message": "Mesajı Sil",
+    "Device camera is used to take photos or videos.": "Cihaz kamerası fotoğraf veya video çekmek için kullanılır.",
+    "Do you want to send a copy of this message to a moderator for further investigation?": "Detaylı inceleme için bu mesajın kopyasını moderatöre göndermek istiyor musunuz?",
+    "Edit Message": "Mesajı Düzenle",
+    "Editing Message": "Mesaj Düzenleniyor",
     "Emoji matching": "Emoji eşleştirme",
-    "Empty message...": "",
-    "Error loading": "",
-    "Error loading channel list...": "",
-    "Error loading messages for this channel...": "",
-    "Error while loading, please reload/refresh": "",
-    "File type not supported": "",
-    "Flag": "",
-    "Flag Message": "",
-    "Flag action failed either due to a network issue or the message is already flagged": "",
-    "How about sending your first message to a friend?": "",
+    "Empty message...": "Boş mesaj...",
+    "Error loading": "Yükleme hatası",
+    "Error loading channel list...": "Kanal listesi yüklenirken hata oluştu...",
+    "Error loading messages for this channel...": "Bu kanal için mesajlar yüklenirken hata oluştu...",
+    "Error while loading, please reload/refresh": "Yüklenirken hata oluştu, lütfen tekrar deneyiniz",
+    "File type not supported": "Dosya türü desteklenmiyor",
+    "Flag": "Raporla",
+    "Flag Message": "Mesajı Raporla",
+    "Flag action failed either due to a network issue or the message is already flagged": "Mesajın daha önce raporlanmış olması veya bir ağ bağlantısı sorunu nedeniyle raporlama işlemi başarısız oldu.",
+    "How about sending your first message to a friend?": "İlk mesajınızı bir arkadaşınıza göndermeye ne dersiniz?",
     "Instant Commands": "Anlık Komutlar",
-    "Let's start chatting!": "",
-    "Links are disabled": "",
-    "Loading channels...": "",
-    "Loading messages...": "",
-    "Loading...": "",
-    "Maximum file size upload limit reached. Please upload a file below {{MAX_FILE_SIZE_TO_UPLOAD_IN_MB}} MB.": "",
-    "Message Reactions": "",
-    "Message deleted": "",
-    "Message flagged": "",
-    "Mute User": "",
+    "Let's start chatting!": "Haydi sohbete başlayalım!",
+    "Links are disabled": "Bağlantılar devre dışı",
+    "Loading channels...": "Kanallar yükleniyor...",
+    "Loading messages...": "Mesajlar yükleniyor...",
+    "Loading...": "Yükleniyor...",
+    "Maximum file size upload limit reached. Please upload a file below {{MAX_FILE_SIZE_TO_UPLOAD_IN_MB}} MB.": "Maksimum dosya boyutu yükleme sınırına ulaşıldı. Lütfen {{MAX_FILE_SIZE_TO_UPLOAD_IN_MB}} MB'ın altında bir dosya yükleyin.",
+    "Message Reactions": "Mesaj Tepkileri",
+    "Message deleted": "Mesaj silindi",
+    "Message flagged": "Mesaj işaretlendi",
+    "Mute User": "Kullanıcıyı sessize al",
     "Not supported": "Desteklenmiyor",
-    "Nothing yet...": "",
-    "Ok": "",
-    "Only visible to you": "",
-    "Open Settings": "",
+    "Nothing yet...": "Henüz değil...",
+    "Ok": "Tamam",
+    "Only visible to you": "Sadece siz görebilirsiniz",
+    "Open Settings": "Ayarları aç",
     "Photo": "Fotoğraf",
-    "Photos and Videos": "",
-    "Pin to Conversation": "",
-    "Pinned by": "",
-    "Please enable access to your photos and videos so you can share them.": "",
-    "Please select a channel first": "",
-    "Reconnecting...": "",
-    "Reply": "",
-    "Reply to Message": "",
-    "Resend": "",
+    "Photos and Videos": "Fotoğraflar ve Videolar",
+    "Pin to Conversation": "Konuşmaya sabitle",
+    "Pinned by": "Tarafından sabitlendi",
+    "Please enable access to your photos and videos so you can share them.": "Paylaşım yapabilmek için lutfen fotoğraflarınıza ve videolarınıza erişimi etkinleştirin.",
+    "Please select a channel first": "Lütfen önce bir kanal seçiniz",
+    "Reconnecting...": "Yeniden Bağlanılıyor...",
+    "Reply": "Yanıtla",
+    "Reply to Message": "Mesajı Yanıtla",
+    "Resend": "Yeniden gönder",
     "Search GIFs": "GIF Ara",
-    "Select More Photos": "",
+    "Select More Photos": "Daha Fazla Fotoğraf Seçin",
     "Send a message": "Mesaj gönder",
-    "Sending links is not allowed in this conversation": "",
+    "Sending links is not allowed in this conversation": "Bu konuşmada bağlantı göndermek desteklenmiyor",
     "Slow mode ON": "Yavaş Mod Açık",
-    "The message has been reported to a moderator.": "",
-    "Thread Reply": "",
-    "Unblock User": "",
-    "Unknown User": "",
-    "Unmute User": "",
-    "Unpin from Conversation": "",
-    "Unread Messages": "",
+    "The message has been reported to a moderator.": "Mesaj moderatöre bildirildi.",
+    "Thread Reply": "Konu Yanıtı",
+    "Unblock User": "Kullanıcının engelini kaldır",
+    "Unknown User": "Bilinmeyen kullanıcı",
+    "Unmute User": "Kullanıcının sesini aç",
+    "Unpin from Conversation": "Sabitlemeyi kaldır",
+    "Unread Messages": "Okunmamış Mesajlar",
     "Video": "Video",
-    "You": "",
-    "You can't send messages in this channel": "",
+    "You": "Sen",
+    "You can't send messages in this channel": "Bu konuşmaya mesaj gönderemezsiniz",
     "{{ firstUser }} and {{ nonSelfUserLength }} more are typing": "{{ firstUser }} ve {{ nonSelfUserLength }} kişi daha yazıyor",
-    "{{ index }} of {{ photoLength }}": "",
-    "{{ replyCount }} Replies": "",
-    "{{ replyCount }} Thread Replies": "",
+    "{{ index }} of {{ photoLength }}": "{{ index }} / {{ photoLength }}",
+    "{{ replyCount }} Replies": "{{ replyCount }} Cevap",
+    "{{ replyCount }} Thread Replies": "{{responseCount}} Konu Cevapı",
     "{{ user }} is typing": "{{ user }} yazıyor",
-    "🏙 Attachment...": ""
+    "🏙 Attachment...": "🏙 Ek..."
 }

package/lib/typescript/types/types.d.ts

@@ -1,4 +1,5 @@
 import type { ExtendableGenerics, LiteralStringForUnion } from 'stream-chat';
+import type { FileStateValue } from '../utils/utils';
 export declare type Asset = {
     duration: number;
     height: number;
@@ -18,10 +19,29 @@ export declare type File = {
     size?: number;
     uri?: string;
 };
+export declare type FileUpload = {
+    file: File;
+    id: string;
+    state: FileStateValue;
+    duration?: number;
+    paused?: boolean;
+    progress?: number;
+    thumb_url?: string;
+    url?: string;
+};
+export declare type ImageUpload = {
+    file: Partial<Asset>;
+    id: string;
+    state: FileStateValue;
+    height?: number;
+    url?: string;
+    width?: number;
+};
 export declare type DefaultAttachmentType = UnknownType & {
     file_size?: number;
     mime_type?: string;
     originalFile?: File;
+    originalImage?: Partial<Asset>;
 };
 interface DefaultUserType extends UnknownType {
     image?: string;

package/lib/typescript/utils/compressImage.d.ts

@@ -0,0 +1,8 @@
+import type { Asset } from '../types/types';
+/**
+ * Function to compress and Image and return the compressed Image URI
+ * @param image
+ * @param compressImageQuality
+ * @returns string
+ */
+export declare const compressedImageURI: (image: Partial<Asset>, compressImageQuality?: number | undefined) => Promise<string>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "stream-chat-react-native-core",
   "description": "The official React Native and Expo components for Stream Chat, a service for building chat applications",
-  "version": "5.22.0-beta.8",
+  "version": "5.22.0",
   "author": {
     "company": "Stream.io Inc",
     "name": "Stream.io Inc"
@@ -79,7 +79,7 @@
     "path": "0.12.7",
     "react-native-markdown-package": "1.8.2",
     "react-native-url-polyfill": "^1.3.0",
-    "stream-chat": "~8.14.0"
+    "stream-chat": "~8.14.3"
   },
   "peerDependencies": {
     "react-native-quick-sqlite": ">=5.1.0",

package/src/components/Attachment/AudioAttachment.tsx

@@ -4,7 +4,7 @@ import { I18nManager, StyleSheet, Text, TouchableOpacity, View } from 'react-nat
 import dayjs from 'dayjs';
 import duration from 'dayjs/plugin/duration';
 
-import { FileUpload, useTheme } from '../../contexts';
+import { useTheme } from '../../contexts';
 import { Pause, Play } from '../../icons';
 import {
   PlaybackStatus,
@@ -13,6 +13,7 @@ import {
   VideoPayloadData,
   VideoProgressData,
 } from '../../native';
+import type { FileUpload } from '../../types/types';
 import { ProgressControl } from '../ProgressControl/ProgressControl';
 
 dayjs.extend(duration);

package/src/components/Channel/Channel.tsx

@@ -78,6 +78,7 @@ import { FlatList as FlatListDefault, pickDocument } from '../../native';
 import * as dbApi from '../../store/apis';
 import type { DefaultStreamChatGenerics } from '../../types/types';
 import { addReactionToLocalState } from '../../utils/addReactionToLocalState';
+import { compressedImageURI } from '../../utils/compressImage';
 import { DBSyncManager } from '../../utils/DBSyncManager';
 import { patchMessageTextCommand } from '../../utils/patchMessageTextCommand';
 import { removeReactionFromLocalState } from '../../utils/removeReactionFromLocalState';
@@ -589,6 +590,13 @@ const ChannelWithContext = <
 
   const { setTargetedMessage, targetedMessage } = useTargetedMessage();
 
+  /**
+   * This ref will hold the abort controllers for
+   * requests made for uploading images/files in the messageInputContext
+   * Its a map of filename to AbortController
+   */
+  const uploadAbortControllerRef = useRef<Map<string, AbortController>>(new Map());
+
   const channelId = channel?.id || '';
   useEffect(() => {
     const initChannel = () => {
@@ -1290,20 +1298,28 @@ const ChannelWithContext = <
     if (updatedMessage.attachments?.length) {
       for (let i = 0; i < updatedMessage.attachments?.length; i++) {
         const attachment = updatedMessage.attachments[i];
+        const image = attachment.originalImage;
         const file = attachment.originalFile;
         // check if image_url is not a remote url
         if (
           attachment.type === 'image' &&
-          file?.uri &&
+          image?.uri &&
           attachment.image_url &&
           isLocalUrl(attachment.image_url)
         ) {
-          const filename = file.name ?? file.uri.replace(/^(file:\/\/|content:\/\/)/, '');
+          const filename = image.name ?? image.uri.replace(/^(file:\/\/|content:\/\/)/, '');
+          // if any upload is in progress, cancel it
+          const controller = uploadAbortControllerRef.current.get(filename);
+          if (controller) {
+            controller.abort();
+            uploadAbortControllerRef.current.delete(filename);
+          }
+          const compressedUri = await compressedImageURI(image, compressImageQuality);
           const contentType = lookup(filename) || 'multipart/form-data';
 
           const uploadResponse = doImageUploadRequest
-            ? await doImageUploadRequest(file, channel)
-            : await channel.sendImage(file.uri, filename, contentType);
+            ? await doImageUploadRequest(image, channel)
+            : await channel.sendImage(compressedUri, filename, contentType);
 
           attachment.image_url = uploadResponse.file;
           delete attachment.originalFile;
@@ -1321,6 +1337,12 @@ const ChannelWithContext = <
           isLocalUrl(attachment.asset_url) &&
           file?.uri
         ) {
+          // if any upload is in progress, cancel it
+          const controller = uploadAbortControllerRef.current.get(file.name);
+          if (controller) {
+            controller.abort();
+            uploadAbortControllerRef.current.delete(file.name);
+          }
           const response = doDocUploadRequest
             ? await doDocUploadRequest(file, channel)
             : await channel.sendFile(file.uri, file.name, file.mimeType);
@@ -1587,15 +1609,16 @@ const ChannelWithContext = <
       : client.updateMessage(updatedMessage);
 
   const setEditingState: MessagesContextValue<StreamChatGenerics>['setEditingState'] = (
-    message,
+    messageOrBoolean,
   ) => {
-    setEditing(message);
+    clearQuotedMessageState();
+    setEditing(messageOrBoolean);
   };
 
   const setQuotedMessageState: MessagesContextValue<StreamChatGenerics>['setQuotedMessageState'] = (
-    message,
+    messageOrBoolean,
   ) => {
-    setQuotedMessage(message);
+    setQuotedMessage(messageOrBoolean);
   };
 
   const clearEditingState: InputMessageInputContextValue<StreamChatGenerics>['clearEditingState'] =
@@ -1851,6 +1874,7 @@ const ChannelWithContext = <
     StickyHeader,
     targetedMessage,
     threadList,
+    uploadAbortControllerRef,
     watcherCount,
     watchers,
   });

package/src/components/Channel/hooks/useCreateChannelContext.ts

@@ -36,6 +36,7 @@ export const useCreateChannelContext = <
   StickyHeader,
   targetedMessage,
   threadList,
+  uploadAbortControllerRef,
   watcherCount,
   watchers,
 }: ChannelContextValue<StreamChatGenerics>) => {
@@ -79,6 +80,7 @@ export const useCreateChannelContext = <
       StickyHeader,
       targetedMessage,
       threadList,
+      uploadAbortControllerRef,
       watcherCount,
       watchers,
     }),

package/src/components/Channel/hooks/useCreateInputMessageInputContext.ts

@@ -53,7 +53,7 @@ export const useCreateInputMessageInputContext = <
    */
   channelId?: string;
 }) => {
-  const editingExists = !!editing;
+  const editingDep = typeof editing === 'boolean' ? editing : editing?.id;
   const quotedMessageId = quotedMessage
     ? typeof quotedMessage === 'boolean'
       ? ''
@@ -103,14 +103,7 @@ export const useCreateInputMessageInputContext = <
       ShowThreadMessageInChannelButton,
       UploadProgressIndicator,
     }),
-    [
-      compressImageQuality,
-      channelId,
-      editingExists,
-      initialValue,
-      maxMessageLength,
-      quotedMessageId,
-    ],
+    [compressImageQuality, channelId, editingDep, initialValue, maxMessageLength, quotedMessageId],
   );
 
   return inputMessageInputContext;

package/src/components/MessageInput/FileUploadPreview.tsx

@@ -7,7 +7,6 @@ import { UploadProgressIndicator } from './UploadProgressIndicator';
 
 import { ChatContextValue, useChatContext } from '../../contexts';
 import {
-  FileUpload,
   MessageInputContextValue,
   useMessageInputContext,
 } from '../../contexts/messageInputContext/MessageInputContext';
@@ -20,7 +19,7 @@ import { useTranslationContext } from '../../contexts/translationContext/Transla
 import { Close } from '../../icons/Close';
 import { Warning } from '../../icons/Warning';
 import { isAudioPackageAvailable } from '../../native';
-import type { DefaultStreamChatGenerics } from '../../types/types';
+import type { DefaultStreamChatGenerics, FileUpload } from '../../types/types';
 import { FileState, getIndicatorTypeForFileState, ProgressIndicatorTypes } from '../../utils/utils';
 import { getFileSizeDisplayText } from '../Attachment/FileAttachment';
 import { WritingDirectionAwareText } from '../RTLComponents/WritingDirectionAwareText';

package/src/components/MessageInput/ImageUploadPreview.tsx

@@ -13,7 +13,6 @@ import { UploadProgressIndicator } from './UploadProgressIndicator';
 
 import { ChatContextValue, useChatContext } from '../../contexts';
 import {
-  ImageUpload,
   MessageInputContextValue,
   useMessageInputContext,
 } from '../../contexts/messageInputContext/MessageInputContext';
@@ -21,7 +20,7 @@ import { useTheme } from '../../contexts/themeContext/ThemeContext';
 import { useTranslationContext } from '../../contexts/translationContext/TranslationContext';
 import { Close } from '../../icons/Close';
 import { Warning } from '../../icons/Warning';
-import type { DefaultStreamChatGenerics } from '../../types/types';
+import type { DefaultStreamChatGenerics, ImageUpload } from '../../types/types';
 import { getIndicatorTypeForFileState, ProgressIndicatorTypes } from '../../utils/utils';
 
 const IMAGE_PREVIEW_SIZE = 100;

package/src/components/MessageInput/__tests__/AudioAttachmentUploadPreviewExpo.test.tsx

@@ -5,7 +5,6 @@ import { act } from 'react-test-renderer';
 import { fireEvent, render } from '@testing-library/react-native';
 
 import {
-  FileUpload,
   MessageInputContext,
   MessageInputContextValue,
 } from '../../../contexts/messageInputContext/MessageInputContext';
@@ -13,6 +12,7 @@ import { ThemeProvider } from '../../../contexts/themeContext/ThemeContext';
 import { defaultTheme } from '../../../contexts/themeContext/utils/theme';
 
 import { generateFileUploadPreview } from '../../../mock-builders/generator/attachment';
+import type { FileUpload } from '../../../types/types';
 import { AudioAttachment, AudioAttachmentProps } from '../../Attachment/AudioAttachment';
 
 jest.mock('../../../native.ts', () => ({

package/src/components/MessageInput/__tests__/AudioAttachmentUploadPreviewNative.test.tsx

@@ -5,7 +5,6 @@ import { act } from 'react-test-renderer';
 import { fireEvent, render } from '@testing-library/react-native';
 
 import {
-  FileUpload,
   MessageInputContext,
   MessageInputContextValue,
 } from '../../../contexts/messageInputContext/MessageInputContext';
@@ -13,6 +12,7 @@ import { ThemeProvider } from '../../../contexts/themeContext/ThemeContext';
 import { defaultTheme } from '../../../contexts/themeContext/utils/theme';
 
 import { generateFileUploadPreview } from '../../../mock-builders/generator/attachment';
+import type { FileUpload } from '../../../types/types';
 import { AudioAttachment, AudioAttachmentProps } from '../../Attachment/AudioAttachment';
 
 jest.mock('../../../native.ts', () => {

package/src/contexts/channelContext/ChannelContext.tsx

@@ -137,6 +137,11 @@ export type ChannelContextValue<
   scrollToFirstUnreadThreshold: number;
   setLastRead: React.Dispatch<React.SetStateAction<Date | undefined>>;
   setTargetedMessage: (messageId: string) => void;
+  /**
+   * Abort controller for cancelling async requests made for uploading images/files
+   * Its a map of filename and AbortController
+   */
+  uploadAbortControllerRef: React.MutableRefObject<Map<string, AbortController>>;
   /**
    *
    * ```json