stream-chat-react-native-core 5.26.1-beta.3 → 5.27.0-beta.10

package/lib/typescript/i18n/ru.json

@@ -1,9 +1,9 @@
 {
-    "1 Reply": "1 Ответ",
-    "1 Thread Reply": "1 тема Ответить",
-    "Allow access to your Gallery": "Разрешить доступ к вашей галерее",
-    "Allow camera access in device settings": "Разрешите доступ к камере в настройках устройства.",
-    "Also send to channel": "",
+    "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?": "Вы действительно хотите удалить это сообщение без возможности восстановления?",
     "Are you sure?": "",
     "Block User": "Заблокировать пользователя",
@@ -13,17 +13,17 @@
     "Copy Message": "Копировать сообщение",
     "Delete": "удалять",
     "Delete Message": "Удалить сообщение",
-    "Device camera is used to take photos or videos.": "Камера устройства используется для съемки фотографий или видео.",
+    "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": "Ошибка при загрузке",
     "Error loading channel list...": "",
-    "Error loading messages for this channel...": "",
+    "Error loading messages for this channel...": "Ошибка загрузки сообщений для этого канала...",
     "Error while loading, please reload/refresh": "",
-    "File type not supported": "Тип файла не поддерживается",
+    "File type not supported": "",
     "Flag": "Пометить",
     "Flag Message": "Пометить сообщение",
     "Flag action failed either due to a network issue or the message is already flagged": "Не удалось отправить жалобу. Возможные причины: проблема с подключением к интернету или ваша жалоба уже была принята.",
@@ -36,44 +36,44 @@
     "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 deleted": "Сообщение удалено",
     "Message flagged": "Сообщение отмечено",
     "Mute User": "Отключить пользователя",
     "Not supported": "",
     "Nothing yet...": "",
     "Ok": "Oк",
     "Only visible to you": "",
-    "Open Settings": "Открыть настройки",
-    "Photo": "",
-    "Photos and Videos": "Фото и видео",
+    "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...": "",
+    "Please enable access to your photos and videos so you can share them.": "",
+    "Please select a channel first": "Пожалуйста, сначала выберите канал",
+    "Reconnecting...": "Переподключение...",
     "Reply": "Ответить",
-    "Reply to Message": "Ответить на сообщение",
+    "Reply to Message": "",
     "Resend": "Отправить",
-    "Search GIFs": "Поиск GIF",
-    "Select More Photos": "Выбрать больше фотографий",
+    "Search GIFs": "",
+    "Select More Photos": "",
     "Send Anyway": "",
-    "Send a message": "Отправить сообщение",
+    "Send a message": "",
     "Sending links is not allowed in this conversation": "",
-    "Slow mode ON": "Медленный режим включен",
+    "Slow mode ON": "",
     "The message has been reported to a moderator.": "Сообщение отправлено модератору.",
     "Thread Reply": "Тема Ответить",
     "Unblock User": "Разблокировать пользователя",
-    "Unknown User": "Неизвестный пользователь",
+    "Unknown User": "",
     "Unmute User": "Включить микрофон",
     "Unpin from Conversation": "Открепить от беседы",
     "Unread Messages": "",
-    "Video": "",
+    "Video": "видео",
     "You": "",
     "You can't send messages in this channel": "",
-    "{{ firstUser }} and {{ nonSelfUserLength }} more are typing": "",
-    "{{ index }} of {{ photoLength }}": "{{ index }} из {{ photoLength }}",
-    "{{ replyCount }} Replies": "{{ replyCount }} Ответов",
-    "{{ replyCount }} Thread Replies": "{{replyCount}} Ответы в темах",
-    "{{ user }} is typing": "",
+    "{{ firstUser }} and {{ nonSelfUserLength }} more are typing": "{{ firstUser }} и еще {{ nonSelfUserLength }} пишут",
+    "{{ index }} of {{ photoLength }}": "",
+    "{{ replyCount }} Replies": "",
+    "{{ replyCount }} Thread Replies": "",
+    "{{ user }} is typing": "{{ user }} пишет",
     "🏙 Attachment...": ""
 }

package/lib/typescript/i18n/tr.json

@@ -1,9 +1,9 @@
 {
-    "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": "",
+    "1 Reply": "",
+    "1 Thread Reply": "",
+    "Allow access to your Gallery": "",
+    "Allow camera access in device settings": "",
+    "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?",
     "Are you sure?": "",
     "Block User": "Kullanıcıyı engelle",
@@ -13,17 +13,17 @@
     "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.",
+    "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?": "Detaylı inceleme için bu mesajın kopyasını moderatöre göndermek istiyor musunuz?",
     "Edit Message": "Mesajı Düzenle",
     "Editing Message": "",
     "Emoji matching": "",
     "Empty message...": "",
-    "Error loading": "",
+    "Error loading": "Yükleme hatası",
     "Error loading channel list...": "",
-    "Error loading messages for this channel...": "",
+    "Error loading messages for this channel...": "Bu kanal için mesajlar yüklenirken hata oluştu...",
     "Error while loading, please reload/refresh": "",
-    "File type not supported": "Dosya türü desteklenmiyor",
+    "File type not supported": "",
     "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.",
@@ -36,44 +36,44 @@
     "Loading...": "",
     "Maximum file size upload limit reached. Please upload a file below {{MAX_FILE_SIZE_TO_UPLOAD_IN_MB}} MB.": "",
     "Message Reactions": "Mesaj Tepkileri",
-    "Message deleted": "",
+    "Message deleted": "Mesaj silindi",
     "Message flagged": "Mesaj işaretlendi",
     "Mute User": "Kullanıcıyı sessize al",
     "Not supported": "",
     "Nothing yet...": "",
     "Ok": "Tamam",
     "Only visible to you": "",
-    "Open Settings": "Ayarları aç",
-    "Photo": "",
-    "Photos and Videos": "Fotoğraflar ve Videolar",
+    "Open Settings": "",
+    "Photo": "Fotoğraf",
+    "Photos and Videos": "",
     "Pin to Conversation": "Konuşmaya sabitle",
     "Pinned by": "",
-    "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": "",
-    "Reconnecting...": "",
+    "Please enable access to your photos and videos so you can share them.": "",
+    "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",
+    "Reply to Message": "",
     "Resend": "Yeniden gönder",
-    "Search GIFs": "GIF Ara",
-    "Select More Photos": "Daha Fazla Fotoğraf Seçin",
+    "Search GIFs": "",
+    "Select More Photos": "",
     "Send Anyway": "",
-    "Send a message": "Mesaj gönder",
+    "Send a message": "",
     "Sending links is not allowed in this conversation": "",
-    "Slow mode ON": "Yavaş Mod Açık",
+    "Slow mode ON": "",
     "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ı",
+    "Unknown User": "",
     "Unmute User": "Kullanıcının sesini aç",
     "Unpin from Conversation": "Sabitlemeyi kaldır",
     "Unread Messages": "",
-    "Video": "",
+    "Video": "Video",
     "You": "",
     "You can't send messages in this channel": "",
-    "{{ firstUser }} and {{ nonSelfUserLength }} more are typing": "",
-    "{{ index }} of {{ photoLength }}": "{{ index }} / {{ photoLength }}",
-    "{{ replyCount }} Replies": "{{ replyCount }} Cevap",
-    "{{ replyCount }} Thread Replies": "{{responseCount}} Konu Cevapı",
-    "{{ user }} is typing": "",
+    "{{ firstUser }} and {{ nonSelfUserLength }} more are typing": "{{ firstUser }} ve {{ nonSelfUserLength }} kişi daha yazıyor",
+    "{{ index }} of {{ photoLength }}": "",
+    "{{ replyCount }} Replies": "",
+    "{{ replyCount }} Thread Replies": "",
+    "{{ user }} is typing": "{{ user }} yazıyor",
     "🏙 Attachment...": ""
 }

package/lib/typescript/index.d.ts

@@ -1,6 +1,6 @@
 export * from './components';
 export * from './hooks';
-export { registerNativeHandlers, NetInfo } from './native';
+export { registerNativeHandlers, NetInfo, iOS14RefreshGallerySelection } from './native';
 export * from './contexts';
 export * from './emoji-data';
 export * from './icons';

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.26.1-beta.3",
+  "version": "5.27.0-beta.10",
   "author": {
     "company": "Stream.io Inc",
     "name": "Stream.io Inc"

package/src/components/Attachment/Gallery.tsx

@@ -309,15 +309,15 @@ const GalleryThumbnail = <
   };
 
   const defaultOnPress = () => {
-    if ((thumbnail.type === 'video' && !thumbnail.thumb_url) || !thumbnail.url) {
-      return;
-    }
-    if (thumbnail.type === 'video' && !isVideoPackageAvailable()) {
-      // This condition is kinda unreachable, since we render videos as file attachment if the video
-      // library is not installed. But doesn't hurt to have extra safeguard, in case of some customizations.
-      openUrlSafely(thumbnail.url);
-    } else {
-      openImageViewer();
+    // If the url is defined then only try to open the file.
+    if (thumbnail.url) {
+      if (thumbnail.type === 'video' && !isVideoPackageAvailable()) {
+        // This condition is kinda unreachable, since we render videos as file attachment if the video
+        // library is not installed. But doesn't hurt to have extra safeguard, in case of some customizations.
+        openUrlSafely(thumbnail.url);
+      } else {
+        openImageViewer();
+      }
     }
   };
 

package/src/components/AttachmentPicker/AttachmentPicker.tsx

@@ -1,13 +1,5 @@
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import {
-  BackHandler,
-  Button,
-  Dimensions,
-  Keyboard,
-  Platform,
-  StatusBar,
-  StyleSheet,
-} from 'react-native';
+import { BackHandler, Dimensions, Keyboard, Platform, StatusBar, StyleSheet } from 'react-native';
 
 import BottomSheet, { BottomSheetFlatList, BottomSheetHandleProps } from '@gorhom/bottom-sheet';
 import dayjs from 'dayjs';
@@ -19,13 +11,8 @@ import { renderAttachmentPickerItem } from './components/AttachmentPickerItem';
 
 import { useAttachmentPickerContext } from '../../contexts/attachmentPickerContext/AttachmentPickerContext';
 import { useTheme } from '../../contexts/themeContext/ThemeContext';
-import { useTranslationContext } from '../../contexts/translationContext/TranslationContext';
 import { useViewport } from '../../hooks/useViewport';
-import {
-  getPhotos,
-  iOS14RefreshGallerySelection,
-  oniOS14GalleryLibrarySelectionChange,
-} from '../../native';
+import { getPhotos, oniOS14GalleryLibrarySelectionChange } from '../../native';
 import type { Asset } from '../../types/types';
 
 dayjs.extend(duration);
@@ -57,6 +44,10 @@ export type AttachmentPickerProps = {
    * **Default** [AttachmentPickerErrorImage](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/AttachmentPicker/components/AttachmentPickerErrorImage.tsx)
    */
   AttachmentPickerErrorImage: React.ComponentType;
+  /**
+   * Custom UI Component to render select more photos for selected gallery access in iOS.
+   */
+  AttachmentPickerIOSSelectMorePhotos: React.ComponentType;
   /**
    * Custom UI component to render overlay component, that shows up on top of [selected image](https://github.com/GetStream/stream-chat-react-native/blob/main/screenshots/docs/1.png) (with tick mark)
    *
@@ -82,6 +73,7 @@ export const AttachmentPicker = React.forwardRef(
       attachmentPickerErrorButtonText,
       AttachmentPickerErrorImage,
       attachmentPickerErrorText,
+      AttachmentPickerIOSSelectMorePhotos,
       ImageOverlaySelectedComponent,
       numberOfAttachmentImagesToLoadPerCall,
       numberOfAttachmentPickerImageColumns,
@@ -117,7 +109,6 @@ export const AttachmentPicker = React.forwardRef(
     const [loadingPhotos, setLoadingPhotos] = useState(false);
     const [photos, setPhotos] = useState<Asset[]>([]);
     const attemptedToLoadPhotosOnOpenRef = useRef(false);
-    const { t } = useTranslationContext();
 
     const getMorePhotos = useCallback(async () => {
       if (
@@ -323,9 +314,7 @@ export const AttachmentPicker = React.forwardRef(
           ref={ref}
           snapPoints={snapPoints}
         >
-          {iOSLimited && (
-            <Button onPress={iOS14RefreshGallerySelection} title={t('Select More Photos')} />
-          )}
+          {iOSLimited && <AttachmentPickerIOSSelectMorePhotos />}
           <BottomSheetFlatList
             contentContainerStyle={[
               styles.container,

package/src/components/AttachmentPicker/components/AttachmentPickerIOSSelectMorePhotos.tsx

@@ -0,0 +1,32 @@
+import React from 'react';
+import { Pressable, StyleSheet, Text } from 'react-native';
+
+import { useTheme } from '../../../contexts/themeContext/ThemeContext';
+import { useTranslationContext } from '../../../contexts/translationContext/TranslationContext';
+import { iOS14RefreshGallerySelection } from '../../../native';
+
+export const AttachmentPickerIOSSelectMorePhotos = () => {
+  const { t } = useTranslationContext();
+  const {
+    theme: {
+      colors: { accent_blue, white },
+    },
+  } = useTheme();
+  return (
+    <Pressable
+      onPress={iOS14RefreshGallerySelection}
+      style={[styles.container, { backgroundColor: white }]}
+    >
+      <Text style={[styles.text, { color: accent_blue }]}>{t('Select More Photos')}</Text>
+    </Pressable>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {},
+  text: {
+    fontSize: 16,
+    paddingVertical: 10,
+    textAlign: 'center',
+  },
+});

package/src/components/Chat/Chat.tsx

@@ -160,7 +160,12 @@ const ChatWithContext = <
     closeConnectionOnBackground,
   );
 
-  const [initialisedDatabase, setInitialisedDatabase] = useState(false);
+  const [initialisedDatabaseConfig, setInitialisedDatabaseConfig] = useState<{
+    initialised: boolean;
+    userID?: string;
+  }>({
+    initialised: false,
+  });
 
   /**
    * Setup muted user listener
@@ -171,6 +176,8 @@ const ChatWithContext = <
   const debugRef = useDebugContext();
   const isDebugModeEnabled = __DEV__ && debugRef && debugRef.current;
 
+  const userID = client.userID;
+
   // Set the `resizableCDNHosts` as per the prop.
   StreamChatRN.setConfig({ resizableCDNHosts });
 
@@ -195,13 +202,16 @@ const ChatWithContext = <
   const setActiveChannel = (newChannel?: Channel<StreamChatGenerics>) => setChannel(newChannel);
 
   useEffect(() => {
-    if (client.user?.id && enableOfflineSupport) {
-      setInitialisedDatabase(false);
+    if (userID && enableOfflineSupport) {
+      setInitialisedDatabaseConfig({ initialised: false, userID });
       QuickSqliteClient.initializeDatabase();
       DBSyncManager.init(client as unknown as StreamChat);
-      setInitialisedDatabase(true);
+      setInitialisedDatabaseConfig({ initialised: true, userID });
     }
-  }, [client?.user?.id, enableOfflineSupport]);
+  }, [userID, enableOfflineSupport]);
+
+  const initialisedDatabase =
+    initialisedDatabaseConfig.initialised && userID === initialisedDatabaseConfig.userID;
 
   const appSettings = useAppSettings(client, isOnline, enableOfflineSupport, initialisedDatabase);
 
@@ -224,7 +234,8 @@ const ChatWithContext = <
     initialisedDatabase,
   });
 
-  if (enableOfflineSupport && !initialisedDatabase) {
+  if (userID && enableOfflineSupport && !initialisedDatabase) {
+    // if user id has been set and offline support is enabled, we need to wait for database to be initialised
     return null;
   }
 

package/src/components/Chat/hooks/useAppSettings.ts

@@ -19,7 +19,9 @@ export const useAppSettings = <
     async function enforeAppSettings() {
       if (!client.userID) return;
 
-      if (!isOnline && enableOfflineSupport && initialisedDatabase) {
+      if (enableOfflineSupport && !initialisedDatabase) return;
+
+      if (!isOnline && enableOfflineSupport) {
         const appSettings = dbApi.getAppSettings({ currentUserId: client.userID });
         setAppSettings(appSettings);
         return;

package/src/components/ImageGallery/ImageGallery.tsx

@@ -272,7 +272,7 @@ export const ImageGallery = <
               !attachment.title_link &&
               !attachment.og_scrape_url &&
               getUrlOfImageAttachment(attachment)) ||
-            ((isVideoPackageAvailable() && attachment.type) === 'video' && attachment.thumb_url),
+            (isVideoPackageAvailable() && attachment.type === 'video'),
         )
         .reverse() || [];
 

package/src/components/Indicators/LoadingIndicator.tsx

@@ -21,14 +21,14 @@ const styles = StyleSheet.create({
 const LoadingIndicatorWrapper: React.FC<{ text: string }> = ({ text }) => {
   const {
     theme: {
-      colors: { black },
+      colors: { black, white_snow },
       loadingIndicator: { container, loadingText },
     },
   } = useTheme();
 
   return (
-    <View style={[styles.container, container]}>
-      <Spinner />
+    <View style={[styles.container, { backgroundColor: white_snow }, container]}>
+      <Spinner height={20} width={20} />
       <Text style={[styles.loadingText, { color: black }, loadingText]} testID='loading'>
         {text}
       </Text>

package/src/components/MessageInput/SendButton.tsx

@@ -35,7 +35,7 @@ const SendButtonWithContext = <
   return (
     <Pressable
       disabled={disabled}
-      onPress={disabled ? () => null : () => sendMessage(undefined)}
+      onPress={disabled ? () => null : () => sendMessage()}
       style={[sendButton]}
       testID='send-button'
     >

package/src/components/MessageInput/SendMessageDisallowedIndicator.tsx

@@ -21,7 +21,7 @@ export const SendMessageDisallowedIndicator = () => {
   const { t } = useTranslationContext();
   const {
     theme: {
-      colors: { border, grey_dark },
+      colors: { border, grey_dark, white },
       messageInput: {
         sendMessageDisallowedIndicator: { container, text },
       },
@@ -33,6 +33,7 @@ export const SendMessageDisallowedIndicator = () => {
       style={[
         styles.container,
         {
+          backgroundColor: white,
           borderTopColor: border,
           height: 50,
         },

package/src/components/MessageList/MessageList.tsx

@@ -525,7 +525,7 @@ const MessageListWithContext = <
     if (threadList || hasNoMoreRecentMessagesToLoad) {
       scrollToBottomIfNeeded();
     } else {
-      setScrollToBottomButtonVisible(true);
+      setScrollToBottomButtonVisible(false);
     }
 
     if (
@@ -805,13 +805,15 @@ const MessageListWithContext = <
 
   const handleScroll: ScrollViewProps['onScroll'] = (event) => {
     const offset = event.nativeEvent.contentOffset.y;
+    const messageListHasMessages = processedMessageList.length > 0;
     // Show scrollToBottom button once scroll position goes beyond 150.
     const isScrollAtBottom = offset <= 150;
 
     const notLatestSet = channel.state.messages !== channel.state.latestMessages;
 
     const showScrollToBottomButton =
-      (!threadList && notLatestSet) || !isScrollAtBottom || !hasNoMoreRecentMessagesToLoad;
+      messageListHasMessages &&
+      ((!threadList && notLatestSet) || !isScrollAtBottom || !hasNoMoreRecentMessagesToLoad);
 
     /**
      * 1. If I scroll up -> show scrollToBottom button.
@@ -1072,7 +1074,11 @@ const MessageListWithContext = <
   const renderListEmptyComponent = useCallback(
     () => (
       <View
-        style={[styles.flex, shouldApplyAndroidWorkaround ? styles.invertAndroid : styles.invert]}
+        style={[
+          styles.flex,
+          { backgroundColor: white_snow },
+          shouldApplyAndroidWorkaround ? styles.invertAndroid : styles.invert,
+        ]}
         testID='empty-state'
       >
         <EmptyStateIndicator listType='message' />
@@ -1099,16 +1105,6 @@ const MessageListWithContext = <
     [shouldApplyAndroidWorkaround, HeaderComponent],
   );
 
-  if (!FlatList) return null;
-
-  if (loading) {
-    return (
-      <View style={styles.flex}>
-        <LoadingIndicator listType='message' />
-      </View>
-    );
-  }
-
   const StickyHeaderComponent = () => {
     if (!stickyHeaderDateString) return null;
     if (StickyHeader) return <StickyHeader dateString={stickyHeaderDateString} />;
@@ -1127,6 +1123,16 @@ const MessageListWithContext = <
     additionalFlatListPropsExcludingStyle = rest;
   }
 
+  if (!FlatList) return null;
+
+  if (loading) {
+    return (
+      <View style={[styles.container, { backgroundColor: white_snow }, container]}>
+        <LoadingIndicator listType='message' />
+      </View>
+    );
+  }
+
   return (
     <View
       style={[styles.container, { backgroundColor: white_snow }, container]}

package/src/contexts/messageInputContext/MessageInputContext.tsx

@@ -165,7 +165,9 @@ export type LocalMessageInputContext<
   resetInput: (pendingAttachments?: Attachment<StreamChatGenerics>[]) => void;
   selectedPicker: string | undefined;
   sending: React.MutableRefObject<boolean>;
-  sendMessage: (customMessageData?: Partial<Message<StreamChatGenerics>>) => Promise<void>;
+  sendMessage: (params?: {
+    customMessageData?: Partial<Message<StreamChatGenerics>>;
+  }) => Promise<void>;
   sendMessageAsync: (id: string) => void;
   sendThreadMessageInChannel: boolean;
   setAsyncIds: React.Dispatch<React.SetStateAction<string[]>>;
@@ -706,8 +708,12 @@ export const MessageInputProvider = <
   };
 
   // TODO: Figure out why this is async, as it doesn't await any promise.
-  // eslint-disable-next-line require-await
-  const sendMessage = async (customMessageData?: Partial<Message<StreamChatGenerics>>) => {
+  const sendMessage = async ({
+    customMessageData,
+  }: {
+    customMessageData?: Partial<Message<StreamChatGenerics>>;
+    // eslint-disable-next-line require-await
+  } = {}) => {
     if (sending.current) {
       return;
     }

package/src/contexts/overlayContext/OverlayProvider.tsx

@@ -18,6 +18,7 @@ import { AttachmentPicker } from '../../components/AttachmentPicker/AttachmentPi
 import { AttachmentPickerBottomSheetHandle as DefaultAttachmentPickerBottomSheetHandle } from '../../components/AttachmentPicker/components/AttachmentPickerBottomSheetHandle';
 import { AttachmentPickerError as DefaultAttachmentPickerError } from '../../components/AttachmentPicker/components/AttachmentPickerError';
 import { AttachmentPickerErrorImage as DefaultAttachmentPickerErrorImage } from '../../components/AttachmentPicker/components/AttachmentPickerErrorImage';
+import { AttachmentPickerIOSSelectMorePhotos as DefaultAttachmentPickerIOSSelectMorePhotos } from '../../components/AttachmentPicker/components/AttachmentPickerIOSSelectMorePhotos';
 import { CameraSelectorIcon as DefaultCameraSelectorIcon } from '../../components/AttachmentPicker/components/CameraSelectorIcon';
 import { FileSelectorIcon as DefaultFileSelectorIcon } from '../../components/AttachmentPicker/components/FileSelectorIcon';
 import { ImageOverlaySelectedComponent as DefaultImageOverlaySelectedComponent } from '../../components/AttachmentPicker/components/ImageOverlaySelectedComponent';
@@ -73,6 +74,7 @@ export const OverlayProvider = <
     AttachmentPickerErrorImage = DefaultAttachmentPickerErrorImage,
     attachmentPickerErrorText,
     attachmentSelectionBarHeight,
+    AttachmentPickerIOSSelectMorePhotos = DefaultAttachmentPickerIOSSelectMorePhotos,
     bottomInset,
     CameraSelectorIcon = DefaultCameraSelectorIcon,
     children,
@@ -132,6 +134,7 @@ export const OverlayProvider = <
     attachmentPickerErrorButtonText,
     AttachmentPickerErrorImage,
     attachmentPickerErrorText,
+    AttachmentPickerIOSSelectMorePhotos,
     attachmentSelectionBarHeight,
     ImageOverlaySelectedComponent,
     numberOfAttachmentImagesToLoadPerCall,