stream-chat-react-native-core 5.21.0-beta.2 → 5.21.0-beta.4

package/lib/typescript/i18n/nl.json

@@ -1,18 +1,18 @@
 {
     "1 Reply": "1 Antwoord",
     "1 Thread Reply": "1 thread antwoord",
-    "Allow access to your Gallery": "",
+    "Allow access to your Gallery": "Geef toegang tot uw galerij",
     "Also send to channel": "Stuur ook naar kanaal",
-    "Are you sure you want to permanently delete this message?": "",
-    "Block User": "",
-    "Cancel": "",
-    "Cannot Flag Message": "",
-    "Copy Message": "",
-    "Delete": "",
-    "Delete Message": "",
-    "Do you want to send a copy of this message to a moderator for further investigation?": "",
-    "Edit Message": "",
-    "Editing Message": "",
+    "Are you sure you want to permanently delete this message?": "Weet u zeker dat u dit bericht definitief wilt verwijderen?",
+    "Block User": "Blokkeer Gebruiker",
+    "Cancel": "Annuleer",
+    "Cannot Flag Message": "Kan bericht niet rapporteren",
+    "Copy Message": "Bericht kopiëren",
+    "Delete": "Verwijderen",
+    "Delete Message": "Verwijder bericht",
+    "Do you want to send a copy of this message to a moderator for further investigation?": "Wil je een kopie van dit bericht naar een moderator sturen voor verder onderzoek?",
+    "Edit Message": "Pas bericht aan",
+    "Editing Message": "Bericht aanpassen",
     "Emoji matching": "Emoji-overeenkomsten",
     "Empty message...": "Leeg bericht...",
     "Error loading": "Probleem bij het laden",
@@ -20,51 +20,52 @@
     "Error loading messages for this channel...": "Probleem bij het laden van de berichten in dit kanaal...",
     "Error while loading, please reload/refresh": "Probleem bij het laden, probeer opnieuw",
     "File type not supported": "Bestandstype niet ondersteund",
-    "Flag": "",
-    "Flag Message": "",
-    "Flag action failed either due to a network issue or the message is already flagged": "",
+    "Flag": "Markeer",
+    "Flag Message": "Markeer bericht",
+    "Flag action failed either due to a network issue or the message is already flagged": "Rapporteren mislukt door een netwerk fout of het berich is al gerapporteerd",
     "Instant Commands": "Directe Opdrachten",
     "Links are disabled": "Het versturen van links staat uit",
-    "Loading channels...": "",
-    "Loading messages...": "",
-    "Loading...": "",
+    "Loading channels...": "Kanalen aan het laden...",
+    "Loading messages...": "Berichten aan het laden...",
+    "Loading...": "Aan het laden...",
     "Maximum file size upload limit reached. Please upload a file below {{MAX_FILE_SIZE_TO_UPLOAD_IN_MB}} MB.": "Maximale uploadlimiet voor bestandsgrootte bereikt. Upload een bestand van minder dan {{MAX_FILE_SIZE_TO_UPLOAD_IN_MB}} MB.",
     "Message Reactions": "Bericht Reacties",
     "Message deleted": "Bericht verwijderd",
-    "Message flagged": "",
-    "Mute User": "",
-    "Not supported": "",
+    "Message flagged": "Bericht gemarkeerd",
+    "Mute User": "Gebruiker dempen",
+    "Not supported": "niet ondersteund",
     "Nothing yet...": "Nog niets...",
-    "Ok": "",
+    "Ok": "Oké",
     "Only visible to you": "Alleen zichtbaar voor jou",
     "Photo": "Foto",
-    "Photos and Videos": "",
-    "Pin to Conversation": "",
+    "Photos and Videos": "Foto's en video's",
+    "Pin to Conversation": "Vastmaken aan gesprek",
     "Pinned by": "Vastgemaakt door",
-    "Please enable access to your photos and videos so you can share them.": "",
+    "Please enable access to your photos and videos so you can share them.": "Schakel toegang tot uw foto's en video's in zodat u ze kunt delen.",
     "Please select a channel first": "Selecteer eerst een kanaal",
     "Reconnecting...": "Opnieuw Verbinding Maken...",
-    "Reply": "",
+    "Reply": "Antwoord",
     "Reply to Message": "Beantwoord bericht",
-    "Resend": "",
+    "Resend": "Opnieuw versturen",
     "Search GIFs": "Zoek GIF's",
+    "Select More Photos": "Selecteer Meer foto's",
     "Send a message": "Stuur een bericht",
     "Sending links is not allowed in this conversation": "In dit gesprek is het niet toegestaan links te versturen",
     "Slow mode ON": "Langzame modus aan",
-    "The message has been reported to a moderator.": "",
-    "Thread Reply": "",
-    "Unblock User": "",
-    "Unknown User": "",
-    "Unmute User": "",
-    "Unpin from Conversation": "",
+    "The message has been reported to a moderator.": "Het bericht is gerapporteerd aan een moderator.",
+    "Thread Reply": "Discussie beantwoorden",
+    "Unblock User": "Deblokkeer gebruiker",
+    "Unknown User": "Onbekende gebruiker",
+    "Unmute User": "Dempen van gebruiker opheffen",
+    "Unpin from Conversation": "Losmaken van gesprek",
     "Unread Messages": "Ongelezen Berichten",
     "Video": "Video",
     "You": "U",
     "You can't send messages in this channel": "Je kan geen berichten sturen in dit kanaal",
-    "{{ firstUser }} and {{ nonSelfUserLength }} more are typing": "",
-    "{{ index }} of {{ photoLength }}": "",
+    "{{ firstUser }} and {{ nonSelfUserLength }} more are typing": "{{ firstUser }} en {{ nonSelfUserLength }} anderen zijn aan het typen",
+    "{{ index }} of {{ photoLength }}": "{{ index }} van {{ photoLength }}",
     "{{ replyCount }} Replies": "{{ replyCount }} Antwoorden",
     "{{ replyCount }} Thread Replies": "{{replyCount}} Discussiereacties",
-    "{{ user }} is typing": "",
+    "{{ user }} is typing": "{{ user }} is aan het typen",
     "🏙 Attachment...": "🏙 Bijlage..."
 }

package/lib/typescript/i18n/ru.json

@@ -1,18 +1,18 @@
 {
     "1 Reply": "1 Ответ",
     "1 Thread Reply": "1 тема Ответить",
-    "Allow access to your Gallery": "",
+    "Allow access to your Gallery": "Разрешить доступ к вашей галерее",
     "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": "",
-    "Do you want to send a copy of this message to a moderator for further investigation?": "",
-    "Edit Message": "",
-    "Editing Message": "",
+    "Are you sure you want to permanently delete this message?": "Вы действительно хотите удалить это сообщение без возможности восстановления?",
+    "Block User": "Заблокировать пользователя",
+    "Cancel": "Отмена",
+    "Cannot Flag Message": "Невозможно пожаловаться на сообщение",
+    "Copy Message": "Копировать сообщение",
+    "Delete": "удалять",
+    "Delete Message": "Удалить сообщение",
+    "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": "Ошибка при загрузке",
@@ -20,51 +20,52 @@
     "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": "",
+    "Flag": "Пометить",
+    "Flag Message": "Пометить сообщение",
+    "Flag action failed either due to a network issue or the message is already flagged": "Не удалось отправить жалобу. Возможные причины: проблема с подключением к интернету или ваша жалоба уже была принята.",
     "Instant Commands": "Мгновенные Команды",
     "Links are disabled": "Ссылки отключены",
-    "Loading channels...": "",
-    "Loading messages...": "",
-    "Loading...": "",
+    "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": "",
+    "Message flagged": "Сообщение отмечено",
+    "Mute User": "Отключить пользователя",
+    "Not supported": "не поддерживается",
     "Nothing yet...": "Пока ничего нет...",
-    "Ok": "",
+    "Ok": "Oк",
     "Only visible to you": "Видно только вам",
     "Photo": "Фото",
-    "Photos and Videos": "",
-    "Pin to Conversation": "",
+    "Photos and Videos": "Фото и видео",
+    "Pin to Conversation": "Закрепить к беседе",
     "Pinned by": "Закреплено пользователем",
-    "Please enable access to your photos and videos so you can share them.": "",
+    "Please enable access to your photos and videos so you can share them.": "Разрешите доступ к своим фотографиям и видео, чтобы вы могли ими поделиться.",
     "Please select a channel first": "Пожалуйста, сначала выберите канал",
     "Reconnecting...": "Переподключение...",
-    "Reply": "",
+    "Reply": "Ответить",
     "Reply to Message": "Ответить на сообщение",
-    "Resend": "",
+    "Resend": "Отправить",
     "Search GIFs": "Поиск GIF",
+    "Select More Photos": "Выбрать больше фотографий",
     "Send a message": "Отправить сообщение",
     "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": "",
+    "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": "Вы не можете отправлять сообщения в этот канал",
-    "{{ firstUser }} and {{ nonSelfUserLength }} more are typing": "",
-    "{{ index }} of {{ photoLength }}": "",
+    "{{ firstUser }} and {{ nonSelfUserLength }} more are typing": "{{ firstUser }} и еще {{ nonSelfUserLength }} пишут",
+    "{{ index }} of {{ photoLength }}": "{{ index }} из {{ photoLength }}",
     "{{ replyCount }} Replies": "{{ replyCount }} Ответов",
     "{{ replyCount }} Thread Replies": "{{replyCount}} Ответы в темах",
-    "{{ user }} is typing": "",
+    "{{ user }} is typing": "{{ user }} пишет",
     "🏙 Attachment...": "🏙 Вложение..."
 }

package/lib/typescript/i18n/tr.json

@@ -1,18 +1,18 @@
 {
     "1 Reply": "1 Cevap",
     "1 Thread Reply": "1 Konu Yanıtı",
-    "Allow access to your Gallery": "",
+    "Allow access to your Gallery": "Galerinize erişime izin verin",
     "Also send to channel": "Kanala da gönder",
-    "Are you sure you want to permanently delete this message?": "",
-    "Block User": "",
-    "Cancel": "",
-    "Cannot Flag Message": "",
-    "Copy Message": "",
-    "Delete": "",
-    "Delete Message": "",
-    "Do you want to send a copy of this message to a moderator for further investigation?": "",
-    "Edit Message": "",
-    "Editing Message": "",
+    "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",
+    "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...": "Boş mesaj...",
     "Error loading": "Yükleme hatası",
@@ -20,51 +20,52 @@
     "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": "",
-    "Flag Message": "",
-    "Flag action failed either due to a network issue or the message is already flagged": "",
+    "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.",
     "Instant Commands": "Anlık Komutlar",
     "Links are disabled": "Bağlantılar devre dışı",
-    "Loading channels...": "",
-    "Loading messages...": "",
-    "Loading...": "",
+    "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": "",
-    "Mute User": "",
-    "Not supported": "",
+    "Message flagged": "Mesaj işaretlendi",
+    "Mute User": "Kullanıcıyı sessize al",
+    "Not supported": "Desteklenmiyor",
     "Nothing yet...": "Henüz değil...",
-    "Ok": "",
+    "Ok": "Tamam",
     "Only visible to you": "Sadece siz görebilirsiniz",
     "Photo": "Fotoğraf",
-    "Photos and Videos": "",
-    "Pin to Conversation": "",
+    "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.": "",
+    "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": "",
+    "Reply": "Yanıtla",
     "Reply to Message": "Mesajı Yanıtla",
-    "Resend": "",
+    "Resend": "Yeniden gönder",
     "Search GIFs": "GIF Ara",
+    "Select More Photos": "Daha Fazla Fotoğraf Seçin",
     "Send a message": "Mesaj gönder",
     "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": "",
+    "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": "Sen",
     "You can't send messages in this channel": "Bu konuşmaya mesaj gönderemezsiniz",
-    "{{ firstUser }} and {{ nonSelfUserLength }} more are typing": "",
-    "{{ index }} of {{ photoLength }}": "",
+    "{{ firstUser }} and {{ nonSelfUserLength }} more are typing": "{{ firstUser }} ve {{ nonSelfUserLength }} kişi daha yazıyor",
+    "{{ index }} of {{ photoLength }}": "{{ index }} / {{ photoLength }}",
     "{{ replyCount }} Replies": "{{ replyCount }} Cevap",
     "{{ replyCount }} Thread Replies": "{{responseCount}} Konu Cevapı",
-    "{{ user }} is typing": "",
+    "{{ user }} is typing": "{{ user }} yazıyor",
     "🏙 Attachment...": "🏙 Ek..."
 }

package/lib/typescript/native.d.ts

@@ -19,6 +19,8 @@ declare type OniOS14LibrarySelectionChange = (callback: () => void) => {
     unsubscribe: () => void;
 };
 export declare let oniOS14GalleryLibrarySelectionChange: OniOS14LibrarySelectionChange;
+declare type iOS14RefreshGallerySelection = () => Promise<void>;
+export declare let iOS14RefreshGallerySelection: iOS14RefreshGallerySelection;
 declare type GetPhotos = ({ after, first }: {
     first: number;
     after?: string;
@@ -28,6 +30,7 @@ declare type GetPhotos = ({ after, first }: {
     }>;
     endCursor: string;
     hasNextPage: boolean;
+    iOSLimited: boolean;
 }> | never;
 export declare let getPhotos: GetPhotos;
 declare type NetInfo = {
@@ -191,6 +194,7 @@ export declare type VideoType = {
 };
 export declare let Video: React.ComponentType<VideoType>;
 declare type Handlers = {
+    iOS14RefreshGallerySelection: iOS14RefreshGallerySelection;
     compressImage?: CompressImage;
     deleteFile?: DeleteFile;
     FlatList?: typeof DefaultFlatList;

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

@@ -161,6 +161,7 @@ export declare class Streami18n {
                 "Reply to Message": string;
                 Resend: string;
                 "Search GIFs": string;
+                "Select More Photos": string;
                 "Send a message": string;
                 "Sending links is not allowed in this conversation": string;
                 "Slow mode ON": 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.21.0-beta.2",
+  "version": "5.21.0-beta.4",
   "author": {
     "company": "Stream.io Inc",
     "name": "Stream.io Inc"

package/src/components/AttachmentPicker/AttachmentPicker.tsx

@@ -1,5 +1,13 @@
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { BackHandler, Dimensions, Keyboard, Platform, StatusBar, StyleSheet } from 'react-native';
+import {
+  BackHandler,
+  Button,
+  Dimensions,
+  Keyboard,
+  Platform,
+  StatusBar,
+  StyleSheet,
+} from 'react-native';
 
 import BottomSheet, { BottomSheetFlatList, BottomSheetHandleProps } from '@gorhom/bottom-sheet';
 import dayjs from 'dayjs';
@@ -11,7 +19,12 @@ import { renderAttachmentPickerItem } from './components/AttachmentPickerItem';
 
 import { useAttachmentPickerContext } from '../../contexts/attachmentPickerContext/AttachmentPickerContext';
 import { useTheme } from '../../contexts/themeContext/ThemeContext';
-import { getPhotos, oniOS14GalleryLibrarySelectionChange } from '../../native';
+import { useTranslationContext } from '../../contexts/translationContext/TranslationContext';
+import {
+  getPhotos,
+  iOS14RefreshGallerySelection,
+  oniOS14GalleryLibrarySelectionChange,
+} from '../../native';
 import type { Asset } from '../../types/types';
 import { vh } from '../../utils/utils';
 
@@ -97,10 +110,12 @@ export const AttachmentPicker = React.forwardRef(
     const [currentIndex, setCurrentIndex] = useState(-1);
     const endCursorRef = useRef<string>();
     const [photoError, setPhotoError] = useState(false);
+    const [iOSLimited, setIosLimited] = useState(false);
     const hasNextPageRef = useRef(true);
     const [loadingPhotos, setLoadingPhotos] = useState(false);
     const [photos, setPhotos] = useState<Asset[]>([]);
     const attemptedToLoadPhotosOnOpenRef = useRef(false);
+    const { t } = useTranslationContext();
 
     const getMorePhotos = useCallback(async () => {
       if (
@@ -121,6 +136,7 @@ export const AttachmentPicker = React.forwardRef(
           setPhotos((prevPhotos) =>
             endCursor ? [...prevPhotos, ...results.assets] : results.assets,
           );
+          setIosLimited(results.iOSLimited);
           hasNextPageRef.current = !!results.hasNextPage;
         } catch (error) {
           setPhotoError(true);
@@ -299,6 +315,9 @@ export const AttachmentPicker = React.forwardRef(
           ref={ref}
           snapPoints={snapPoints}
         >
+          {iOSLimited && (
+            <Button onPress={iOS14RefreshGallerySelection} title={t('Select More Photos')} />
+          )}
           <BottomSheetFlatList
             contentContainerStyle={[
               styles.container,

package/src/components/Channel/Channel.tsx

@@ -108,6 +108,7 @@ import { Message as MessageDefault } from '../Message/Message';
 import { MessageAvatar as MessageAvatarDefault } from '../Message/MessageSimple/MessageAvatar';
 import { MessageContent as MessageContentDefault } from '../Message/MessageSimple/MessageContent';
 import { MessageDeleted as MessageDeletedDefault } from '../Message/MessageSimple/MessageDeleted';
+import { MessageError as MessageErrorDefault } from '../Message/MessageSimple/MessageError';
 import { MessageFooter as MessageFooterDefault } from '../Message/MessageSimple/MessageFooter';
 import { MessagePinnedHeader as MessagePinnedHeaderDefault } from '../Message/MessageSimple/MessagePinnedHeader';
 import { MessageReplies as MessageRepliesDefault } from '../Message/MessageSimple/MessageReplies';
@@ -274,6 +275,7 @@ export type ChannelPropsWithContext<
       | 'MessageContent'
       | 'messageContentOrder'
       | 'MessageDeleted'
+      | 'MessageError'
       | 'MessageFooter'
       | 'MessageHeader'
       | 'MessageList'
@@ -495,6 +497,7 @@ const ChannelWithContext = <
     MessageContent = MessageContentDefault,
     messageContentOrder = ['quoted_reply', 'gallery', 'files', 'text', 'attachments'],
     MessageDeleted = MessageDeletedDefault,
+    MessageError = MessageErrorDefault,
     MessageFooter = MessageFooterDefault,
     MessageHeader,
     messageId,
@@ -1962,6 +1965,7 @@ const ChannelWithContext = <
     MessageContent,
     messageContentOrder,
     MessageDeleted,
+    MessageError,
     MessageFooter,
     MessageHeader,
     MessageList,

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

@@ -57,6 +57,7 @@ export const useCreateMessagesContext = <
   MessageContent,
   messageContentOrder,
   MessageDeleted,
+  MessageError,
   MessageFooter,
   MessageHeader,
   MessageList,
@@ -151,6 +152,7 @@ export const useCreateMessagesContext = <
       MessageContent,
       messageContentOrder,
       MessageDeleted,
+      MessageError,
       MessageFooter,
       MessageHeader,
       MessageList,

package/src/components/Message/MessageSimple/MessageContent.tsx

@@ -19,7 +19,6 @@ import {
   useTranslationContext,
 } from '../../../contexts/translationContext/TranslationContext';
 
-import { Error } from '../../../icons';
 import type { DefaultStreamChatGenerics } from '../../../types/types';
 import { MessageStatusTypes, vw } from '../../../utils/utils';
 
@@ -88,6 +87,7 @@ export type MessageContentPropsWithContext<
     | 'MessageFooter'
     | 'MessageHeader'
     | 'MessageDeleted'
+    | 'MessageError'
     | 'MessageReplies'
     | 'MessageStatus'
     | 'onPressInMessage'
@@ -121,6 +121,7 @@ const MessageContentWithContext = <
     message,
     messageContentOrder,
     MessageDeleted,
+    MessageError,
     MessageFooter,
     MessageHeader,
     MessageReplies,
@@ -140,7 +141,7 @@ const MessageContentWithContext = <
 
   const {
     theme: {
-      colors: { accent_red, blue_alice, grey_gainsboro, grey_whisper, transparent, white },
+      colors: { blue_alice, grey_gainsboro, grey_whisper, transparent, white },
       messageSimple: {
         content: {
           container: {
@@ -155,8 +156,6 @@ const MessageContentWithContext = <
           },
           containerInner,
           errorContainer,
-          errorIcon,
-          errorIconContainer,
           replyBorder,
           replyContainer,
           wrapper,
@@ -395,13 +394,7 @@ const MessageContentWithContext = <
             }
           })}
         </View>
-        {error && (
-          <View style={StyleSheet.absoluteFill} testID='message-error'>
-            <View style={errorIconContainer}>
-              <Error pathFill={accent_red} {...errorIcon} />
-            </View>
-          </View>
-        )}
+        {error && <MessageError />}
       </View>
       <MessageReplies noBorder={noBorder} repliesCurveColor={repliesCurveColor} />
       <MessageFooter formattedDate={getDateText(formatDate)} isDeleted={!!isMessageTypeDeleted} />
@@ -580,6 +573,7 @@ export const MessageContent = <
     Gallery,
     isAttachmentEqual,
     MessageDeleted,
+    MessageError,
     MessageFooter,
     MessageHeader,
     MessageReplies,
@@ -609,6 +603,7 @@ export const MessageContent = <
         message,
         messageContentOrder,
         MessageDeleted,
+        MessageError,
         MessageFooter,
         MessageHeader,
         MessageReplies,

package/src/components/Message/MessageSimple/MessageError.tsx

@@ -0,0 +1,28 @@
+import React from 'react';
+import { StyleProp, StyleSheet, View, ViewStyle } from 'react-native';
+
+import { useTheme } from '../../../contexts/themeContext/ThemeContext';
+import { Error } from '../../../icons';
+
+export type MessageErrorProps = {
+  style?: StyleProp<ViewStyle>;
+};
+
+export const MessageError: React.FC<MessageErrorProps> = ({ style }) => {
+  const {
+    theme: {
+      colors: { accent_red },
+      messageSimple: {
+        content: { errorIcon, errorIconContainer },
+      },
+    },
+  } = useTheme();
+
+  return (
+    <View style={[StyleSheet.absoluteFill, style]} testID='message-error'>
+      <View style={errorIconContainer}>
+        <Error pathFill={accent_red} {...errorIcon} />
+      </View>
+    </View>
+  );
+};

package/src/components/index.ts

@@ -98,6 +98,7 @@ export * from './Message/Message';
 export * from './Message/MessageSimple/MessageAvatar';
 export * from './Message/MessageSimple/MessageContent';
 export * from './Message/MessageSimple/MessageDeleted';
+export * from './Message/MessageSimple/MessageError';
 export * from './Message/MessageSimple/MessageFooter';
 export * from './Message/MessageSimple/MessagePinnedHeader';
 export * from './Message/MessageSimple/MessageReplies';

package/src/contexts/messagesContext/MessagesContext.tsx

@@ -26,6 +26,7 @@ import type {
 import type { MessageAvatarProps } from '../../components/Message/MessageSimple/MessageAvatar';
 import type { MessageContentProps } from '../../components/Message/MessageSimple/MessageContent';
 import type { MessageDeletedProps } from '../../components/Message/MessageSimple/MessageDeleted';
+import type { MessageErrorProps } from '../../components/Message/MessageSimple/MessageError';
 import type { MessageFooterProps } from '../../components/Message/MessageSimple/MessageFooter';
 
 import type { MessageRepliesProps } from '../../components/Message/MessageSimple/MessageReplies';
@@ -169,6 +170,10 @@ export type MessagesContextValue<
    * Defaults to: [MessageDeleted](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/MessageSimple/MessageDeleted.tsx)
    */
   MessageDeleted: React.ComponentType<MessageDeletedProps<StreamChatGenerics>>;
+  /**
+   * UI component for the MessageError.
+   */
+  MessageError: React.ComponentType<MessageErrorProps>;
   /**
    * Custom message footer component
    */

package/src/i18n/en.json

@@ -22,7 +22,7 @@
   "File type not supported": "File type not supported",
   "Flag": "Flag",
   "Flag Message": "Flag Message",
-  "Flag action failed either due to a network issue or the message is already flagged": "Flag action failed either due to a network issue or the message is already flagged",
+  "Flag action failed either due to a network issue or the message is already flagged": "Flag action failed either due to a network issue or the message is already flagged.",
   "Instant Commands": "Instant Commands",
   "Links are disabled": "Links are disabled",
   "Loading channels...": "Loading channels...",
@@ -48,6 +48,7 @@
   "Reply to Message": "Reply to Message",
   "Resend": "Resend",
   "Search GIFs": "Search GIFs",
+  "Select More Photos": "Select More Photos",
   "Send a message": "Send a message",
   "Sending links is not allowed in this conversation": "Sending links is not allowed in this conversation",
   "Slow mode ON": "Slow mode ON",