stream-chat-react-native-core 5.27.0-beta.1 → 5.27.0-beta.10

package/lib/typescript/i18n/tr.json

@@ -1,79 +1,79 @@
 {
-    "1 Reply": "1 Cevap",
+    "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?": "",
+    "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": "",
-    "Cancel": "",
-    "Cannot Flag Message": "",
+    "Block User": "Kullanıcıyı engelle",
+    "Cancel": "İptal",
+    "Cannot Flag Message": "Raporlama Başarısız",
     "Consider how your comment might make others feel and be sure to follow our Community Guidelines": "",
-    "Copy Message": "",
-    "Delete": "",
-    "Delete Message": "",
+    "Copy Message": "Mesajı Kopyala",
+    "Delete": "Sil",
+    "Delete Message": "Mesajı Sil",
     "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": "",
+    "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...": "Boş mesaj...",
+    "Empty message...": "",
     "Error loading": "Yükleme hatası",
-    "Error loading channel list...": "Kanal listesi yüklenirken hata oluştu...",
+    "Error loading channel list...": "",
     "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": "",
-    "How about sending your first message to a friend?": "İlk mesajınızı bir arkadaşınıza göndermeye ne dersiniz?",
+    "Error while loading, please reload/refresh": "",
+    "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.",
+    "How about sending your first message to a friend?": "",
     "Instant Commands": "",
-    "Let's start chatting!": "Haydi sohbete başlayalım!",
+    "Let's start chatting!": "",
     "Links are disabled": "",
-    "Loading channels...": "Kanallar yükleniyor...",
-    "Loading messages...": "Mesajlar yükleniyor...",
-    "Loading...": "Yükleniyor...",
+    "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": "Mesaj Tepkileri",
     "Message deleted": "Mesaj silindi",
-    "Message flagged": "",
-    "Mute User": "",
+    "Message flagged": "Mesaj işaretlendi",
+    "Mute User": "Kullanıcıyı sessize al",
     "Not supported": "",
-    "Nothing yet...": "Henüz değil...",
-    "Ok": "",
-    "Only visible to you": "Sadece siz görebilirsiniz",
+    "Nothing yet...": "",
+    "Ok": "Tamam",
+    "Only visible to you": "",
     "Open Settings": "",
     "Photo": "Fotoğraf",
     "Photos and Videos": "",
-    "Pin to Conversation": "",
-    "Pinned by": "Tarafından sabitlendi",
+    "Pin to Conversation": "Konuşmaya sabitle",
+    "Pinned by": "",
     "Please enable access to your photos and videos so you can share them.": "",
-    "Please select a channel first": "",
+    "Please select a channel first": "Lütfen önce bir kanal seçiniz",
     "Reconnecting...": "Yeniden Bağlanılıyor...",
-    "Reply": "",
-    "Reply to Message": "Mesajı Yanıtla",
-    "Resend": "",
-    "Search GIFs": "GIF Ara",
+    "Reply": "Yanıtla",
+    "Reply to Message": "",
+    "Resend": "Yeniden gönder",
+    "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",
-    "The message has been reported to a moderator.": "",
-    "Thread Reply": "",
-    "Unblock User": "",
+    "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": "",
-    "Unmute User": "",
-    "Unpin from Conversation": "",
-    "Unread Messages": "Okunmamış Mesajlar",
+    "Unmute User": "Kullanıcının sesini aç",
+    "Unpin from Conversation": "Sabitlemeyi kaldır",
+    "Unread Messages": "",
     "Video": "Video",
-    "You": "Sen",
-    "You can't send messages in this channel": "Bu konuşmaya mesaj gönderemezsiniz",
+    "You": "",
+    "You can't send messages in this channel": "",
     "{{ firstUser }} and {{ nonSelfUserLength }} more are typing": "{{ firstUser }} ve {{ nonSelfUserLength }} kişi daha yazıyor",
     "{{ index }} of {{ photoLength }}": "",
-    "{{ replyCount }} Replies": "{{ replyCount }} Cevap",
+    "{{ replyCount }} Replies": "",
     "{{ replyCount }} Thread Replies": "",
     "{{ user }} is typing": "{{ user }} yazıyor",
-    "🏙 Attachment...": "🏙 Ek..."
+    "🏙 Attachment...": ""
 }

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.27.0-beta.1",
+  "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/components/AttachmentPickerIOSSelectMorePhotos.tsx

@@ -1,10 +1,32 @@
 import React from 'react';
-import { Button } from 'react-native';
+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();
-  return <Button onPress={iOS14RefreshGallerySelection} title={t('Select More Photos')} />;
+  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/i18n/en.json

@@ -26,7 +26,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.",
   "How about sending your first message to a friend?": "How about sending your first message to a friend?",
   "Instant Commands": "Instant Commands",
   "Let's start chatting!": "Let's start chatting!",

package/src/i18n/es.json

@@ -1,79 +1,79 @@
 {
-  "1 Reply": "1 respuesta",
+  "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?": "",
+  "Also send to channel": "También enviar al canal",
+  "Are you sure you want to permanently delete this message?": "¿Estás seguro de que deseas eliminar permanentemente este mensaje?",
   "Are you sure?": "",
-  "Block User": "",
-  "Cancel": "",
-  "Cannot Flag Message": "",
+  "Block User": "Bloquear usuario",
+  "Cancel": "Cancelar",
+  "Cannot Flag Message": "No se puede reportar el mensaje",
   "Consider how your comment might make others feel and be sure to follow our Community Guidelines": "",
-  "Copy Message": "",
-  "Delete": "",
-  "Delete Message": "",
+  "Copy Message": "Copiar mensaje",
+  "Delete": "Eliminar",
+  "Delete Message": "Eliminar mensaje",
   "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": "",
+  "Do you want to send a copy of this message to a moderator for further investigation?": "¿Deseas enviar una copia de este mensaje a un moderador para una investigación adicional?",
+  "Edit Message": "Editar mensaje",
   "Editing Message": "",
   "Emoji matching": "",
-  "Empty message...": "Mensaje vacío...",
+  "Empty message...": "",
   "Error loading": "Error al cargar",
-  "Error loading channel list...": "Error al cargar la lista de canales...",
+  "Error loading channel list...": "",
   "Error loading messages for this channel...": "Error al cargar los mensajes de este canal...",
-  "Error while loading, please reload/refresh": "Error al cargar, por favor recarga/actualiza",
-  "File type not supported": "Tipo de archivo no admitido",
-  "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?": "¿Qué tal enviar tu primer mensaje a un amigo?",
+  "Error while loading, please reload/refresh": "",
+  "File type not supported": "",
+  "Flag": "Reportar",
+  "Flag Message": "Reportar mensaje",
+  "Flag action failed either due to a network issue or the message is already flagged": "El reporte falló debido a un problema de red o el mensaje ya fue reportado.",
+  "How about sending your first message to a friend?": "",
   "Instant Commands": "",
-  "Let's start chatting!": "¡Empecemos a charlar!",
+  "Let's start chatting!": "",
   "Links are disabled": "",
-  "Loading channels...": "Cargando canales...",
-  "Loading messages...": "Cargando mensajes...",
-  "Loading...": "Cargando...",
+  "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": "Reacciones al mensaje",
   "Message deleted": "Mensaje eliminado",
-  "Message flagged": "",
-  "Mute User": "",
+  "Message flagged": "Mensaje reportado",
+  "Mute User": "Silenciar usuario",
   "Not supported": "",
-  "Nothing yet...": "Aún no hay nada...",
-  "Ok": "",
-  "Only visible to you": "Solo visible para ti",
+  "Nothing yet...": "",
+  "Ok": "Aceptar",
+  "Only visible to you": "",
   "Open Settings": "",
   "Photo": "Foto",
   "Photos and Videos": "",
-  "Pin to Conversation": "",
-  "Pinned by": "Fijado por",
+  "Pin to Conversation": "Fijar a la conversación",
+  "Pinned by": "",
   "Please enable access to your photos and videos so you can share them.": "",
-  "Please select a channel first": "",
+  "Please select a channel first": "Por favor, selecciona primero un canal",
   "Reconnecting...": "Reconectando...",
-  "Reply": "",
-  "Reply to Message": "Responder al mensaje",
-  "Resend": "",
-  "Search GIFs": "Buscar GIFs",
+  "Reply": "Responder",
+  "Reply to Message": "",
+  "Resend": "Reenviar",
+  "Search GIFs": "",
   "Select More Photos": "",
   "Send Anyway": "",
-  "Send a message": "Enviar un mensaje",
+  "Send a message": "",
   "Sending links is not allowed in this conversation": "",
-  "Slow mode ON": "Modo lento ACTIVADO",
-  "The message has been reported to a moderator.": "",
-  "Thread Reply": "",
-  "Unblock User": "",
+  "Slow mode ON": "",
+  "The message has been reported to a moderator.": "El mensaje ha sido reportado a un moderador.",
+  "Thread Reply": "Respuesta de hilo",
+  "Unblock User": "Desbloquear usuario",
   "Unknown User": "",
-  "Unmute User": "",
-  "Unpin from Conversation": "",
+  "Unmute User": "Activar sonido del usuario",
+  "Unpin from Conversation": "Desmarcar de la conversación",
   "Unread Messages": "",
   "Video": "Video",
-  "You": "Tú",
-  "You can't send messages in this channel": "No puedes enviar mensajes en este canal",
+  "You": "",
+  "You can't send messages in this channel": "",
   "{{ firstUser }} and {{ nonSelfUserLength }} more are typing": "{{ firstUser }} y {{ nonSelfUserLength }} más están escribiendo",
   "{{ index }} of {{ photoLength }}": "",
-  "{{ replyCount }} Replies": "{{ replyCount }} Respuestas",
+  "{{ replyCount }} Replies": "",
   "{{ replyCount }} Thread Replies": "",
   "{{ user }} is typing": "{{ user }} está escribiendo",
-  "🏙 Attachment...": "🏙 Adjunto..."
+  "🏙 Attachment...": ""
 }