stream-chat-react-native-core 6.0.2-beta.1 → 6.1.0-beta.1

package/src/contexts/channelContext/ChannelContext.tsx

@@ -2,10 +2,11 @@ import React, { PropsWithChildren, useContext } from 'react';
 
 import type { Channel, ChannelState } from 'stream-chat';
 
+import { MarkReadFunctionOptions } from '../../components/Channel/Channel';
 import type { EmptyStateProps } from '../../components/Indicators/EmptyStateIndicator';
 import type { LoadingProps } from '../../components/Indicators/LoadingIndicator';
 import { StickyHeaderProps } from '../../components/MessageList/StickyHeader';
-import type { DefaultStreamChatGenerics } from '../../types/types';
+import type { ChannelUnreadState, DefaultStreamChatGenerics } from '../../types/types';
 import { DEFAULT_BASE_CONTEXT_VALUE } from '../utils/defaultBaseContextValue';
 
 import { isTestEnvironment } from '../utils/isTestEnvironment';
@@ -61,8 +62,9 @@ export type ChannelContextValue<
   hideStickyDateHeader: boolean;
   /**
    * Loads channel around a specific message
-   *
-   * @param messageId If undefined, channel will be loaded at most recent message.
+   * @param limit - The number of messages to load around the message
+   * @param messageId - The message around which to load messages
+   * @param setTargetedMessage - Callback to set the targeted message
    */
   loadChannelAroundMessage: ({
     limit,
@@ -74,11 +76,30 @@ export type ChannelContextValue<
     setTargetedMessage?: (messageId: string) => void;
   }) => Promise<void>;
 
+  /**
+   * Loads channel at first unread message.
+   * @param channelUnreadState - The unread state of the channel
+   * @param limit - The number of messages to load around the first unread message
+   * @param setChannelUnreadState - Callback to set the channel unread state
+   */
+  loadChannelAtFirstUnreadMessage: ({
+    channelUnreadState,
+    limit,
+    setTargetedMessage,
+  }: {
+    channelUnreadState?: ChannelUnreadState<StreamChatGenerics>;
+    limit?: number;
+    setChannelUnreadState?: React.Dispatch<
+      React.SetStateAction<ChannelUnreadState<StreamChatGenerics> | undefined>
+    >;
+    setTargetedMessage?: (messageId: string) => void;
+  }) => Promise<void>;
+
   /**
    * Custom loading indicator to override the Stream default
    */
   LoadingIndicator: React.ComponentType<LoadingProps>;
-  markRead: () => void;
+  markRead: (options?: MarkReadFunctionOptions) => void;
   /**
    *
    * ```json
@@ -109,22 +130,27 @@ export type ChannelContextValue<
   NetworkDownIndicator: React.ComponentType;
   read: ChannelState<StreamChatGenerics>['read'];
   reloadChannel: () => Promise<void>;
-  /**
-   * When true, messagelist will be scrolled to first unread message, when opened.
-   */
   scrollToFirstUnreadThreshold: number;
+  setChannelUnreadState: React.Dispatch<
+    React.SetStateAction<ChannelUnreadState<StreamChatGenerics> | undefined>
+  >;
   setLastRead: React.Dispatch<React.SetStateAction<Date | undefined>>;
-  setTargetedMessage: (messageId: string) => void;
+  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>>;
+  channelUnreadState?: ChannelUnreadState<StreamChatGenerics>;
   disabled?: boolean;
   enableMessageGroupingByUser?: boolean;
+  /**
+   * Id of message, which is highlighted in the channel.
+   */
+  highlightedMessageId?: string;
   isChannelActive?: boolean;
-  lastRead?: Date;
 
+  lastRead?: Date;
   loading?: boolean;
   /**
    * Maximum time in milliseconds that should occur between messages

package/src/contexts/messagesContext/MessagesContext.tsx

@@ -46,6 +46,7 @@ import type { MessageListProps } from '../../components/MessageList/MessageList'
 import type { MessageSystemProps } from '../../components/MessageList/MessageSystem';
 import type { ScrollToBottomButtonProps } from '../../components/MessageList/ScrollToBottomButton';
 import { TypingIndicatorContainerProps } from '../../components/MessageList/TypingIndicatorContainer';
+import { UnreadMessagesNotificationProps } from '../../components/MessageList/UnreadMessagesNotification';
 import type { getGroupStyles } from '../../components/MessageList/utils/getGroupStyles';
 import { MessageActionListProps } from '../../components/MessageMenu/MessageActionList';
 import type {
@@ -309,6 +310,7 @@ export type MessagesContextValue<
    * Defaults to: [TypingIndicatorContainer](https://getstream.io/chat/docs/sdk/reactnative/contexts/messages-context/#typingindicatorcontainer)
    */
   TypingIndicatorContainer: React.ComponentType<TypingIndicatorContainerProps>;
+  UnreadMessagesNotification: React.ComponentType<UnreadMessagesNotificationProps>;
   updateMessage: (
     updatedMessage: MessageResponse<StreamChatGenerics>,
     extraState?: {
@@ -340,6 +342,7 @@ export type MessagesContextValue<
    * Accepts the same props as Card component.
    */
   CardFooter?: React.ComponentType<CardProps<StreamChatGenerics>>;
+
   /**
    * Custom UI component to override default header of Card component.
    * Accepts the same props as Card component.
@@ -351,18 +354,17 @@ export type MessagesContextValue<
    *
    * Please check [cookbook](https://github.com/GetStream/stream-chat-react-native/wiki/Cookbook-v3.0#override-or-intercept-message-actions-edit-delete-reaction-reply-etc) for details.
    */
-
   /** Control if the deleted message is visible to both the send and reciever, either of them or none  */
   deletedMessagesVisibilityType?: DeletedMessagesVisibilityType;
 
   disableTypingIndicator?: boolean;
-
   /**
    * Whether messages should be aligned to right or left part of screen.
    * By default, messages will be received messages will be aligned to left and
    * sent messages will be aligned to right.
    */
   forceAlignMessages?: Alignment | boolean;
+
   getMessagesGroupStyles?: typeof getGroupStyles;
   /**
    * Handler to access when a ban user action is invoked.
@@ -377,6 +379,8 @@ export type MessagesContextValue<
   handleEdit?: (message: MessageType<StreamChatGenerics>) => void;
   /** Handler to access when a flag message action is invoked */
   handleFlag?: (message: MessageType<StreamChatGenerics>) => Promise<void>;
+  /** Handler to access when a mark unread action is invoked */
+  handleMarkUnread?: (message: MessageType<StreamChatGenerics>) => Promise<void>;
   /** Handler to access when a mute user action is invoked */
   handleMute?: (message: MessageType<StreamChatGenerics>) => Promise<void>;
   /** Handler to access when a pin/unpin user action is invoked*/
@@ -440,6 +444,7 @@ export type MessagesContextValue<
    *     deleteMessage,
    *     editMessage,
    *     flagMessage,
+   *     markUnread,
    *     muteUser,
    *     quotedReply,
    *     retry,

package/src/contexts/themeContext/utils/theme.ts

@@ -428,6 +428,12 @@ export type Theme = {
       chevronColor?: ColorValue;
     };
     typingIndicatorContainer: ViewStyle;
+    unreadMessagesNotification: {
+      closeButtonContainer: ViewStyle;
+      closeIcon: IconProps;
+      container: ViewStyle;
+      text: TextStyle;
+    };
   };
   messageMenu: {
     actionList: {
@@ -1168,6 +1174,12 @@ export const defaultTheme: Theme = {
       wrapper: {},
     },
     typingIndicatorContainer: {},
+    unreadMessagesNotification: {
+      closeButtonContainer: {},
+      closeIcon: {},
+      container: {},
+      text: {},
+    },
   },
   messageMenu: {
     actionList: {

package/src/i18n/en.json

@@ -32,6 +32,7 @@
   "Error loading": "Error loading",
   "Error loading channel list...": "Error loading channel list...",
   "Error loading messages for this channel...": "Error loading messages for this channel...",
+  "Error marking message unread. Cannot mark unread messages older than the newest 100 channel messages.": "Error marking message unread. Cannot mark unread messages older than the newest 100 channel messages.",
   "Error while loading, please reload/refresh": "Error while loading, please reload/refresh",
   "File is too large: {{ size }}, maximum upload size is {{ limit }}": "File is too large: {{ size }}, maximum upload size is {{ limit }}",
   "File type not supported": "File type not supported",
@@ -48,6 +49,7 @@
   "Loading messages...": "Loading messages...",
   "Loading threads...": "Loading threads...",
   "Loading...": "Loading...",
+  "Mark as Unread": "Mark as Unread",
   "Maximum number of files reached": "Maximum number of files reached",
   "Maximum votes per person": "Maximum votes per person",
   "Message Reactions": "Message Reactions",

package/src/i18n/es.json

@@ -32,6 +32,7 @@
   "Error loading": "Error al cargar",
   "Error loading channel list...": "Error al cargar la lista de canales...",
   "Error loading messages for this channel...": "Error al cargar los mensajes de este canal...",
+  "Error marking message unread. Cannot mark unread messages older than the newest 100 channel messages.": "Error al marcar el mensaje como no leído. No se pueden marcar mensajes no leídos más antiguos que los 100 mensajes más recientes del canal.",
   "Error while loading, please reload/refresh": "Error al cargar, por favor recarga/actualiza",
   "File is too large: {{ size }}, maximum upload size is {{ limit }}": "El archivo es demasiado grande: {{ size }}, el tamaño máximo de carga es de {{ limit }}",
   "File type not supported": "Tipo de archivo no admitido",
@@ -48,6 +49,7 @@
   "Loading messages...": "Cargando mensajes...",
   "Loading threads...": "Cargando hilos...",
   "Loading...": "Cargando...",
+  "Mark as Unread": "Marcar como no leído",
   "Maximum number of files reached": "Número máximo de archivos alcanzado",
   "Maximum votes per person": "Máximo de votos por persona",
   "Message Reactions": "Reacciones al mensaje",

package/src/i18n/fr.json

@@ -32,6 +32,7 @@
   "Error loading": "Erreur lors du chargement",
   "Error loading channel list...": "Erreur lors du chargement de la liste de canaux...",
   "Error loading messages for this channel...": "Erreur lors du chargement des messages de ce canal...",
+  "Error marking message unread. Cannot mark unread messages older than the newest 100 channel messages.": "Erreur lors du marquage du message comme non lu. Impossible de marquer les messages non lus plus anciens que les 100 derniers messages du canal.",
   "Error while loading, please reload/refresh": "Erreur lors du chargement, veuillez recharger/rafraîchir",
   "File is too large: {{ size }}, maximum upload size is {{ limit }}": "Le fichier est trop volumineux : {{ size }}, la taille de téléchargement maximale est de {{ limit }}",
   "File type not supported": "Le type de fichier n'est pas pris en charge",
@@ -48,6 +49,7 @@
   "Loading messages...": "Chargement des messages...",
   "Loading threads...": "Chargement des fils...",
   "Loading...": "Chargement...",
+  "Mark as Unread": "Marquer comme non lu",
   "Maximum number of files reached": "Nombre maximal de fichiers atteint",
   "Maximum votes per person": "Maximum de votes par personne",
   "Message Reactions": "Réactions aux messages",

package/src/i18n/he.json

@@ -32,6 +32,7 @@
   "Error loading": "שגיאה ארעה בעת הטעינה",
   "Error loading channel list...": "שגיאה ארעה בטעינת השיחות...",
   "Error loading messages for this channel...": "שגיאה ארעה בטעינת הודעות עבור שיחה זאת...",
+  "Error marking message unread. Cannot mark unread messages older than the newest 100 channel messages.": "שגיאה ארעה בסימון ההודעה כלא נקרא. אין אפשרות לסמן הודעות כלא נקראות שהן ישנות מה-100 ההודעות האחרונות בשיחה.",
   "Error while loading, please reload/refresh": "שגיאה ארעה בזמן הטעינה, אנא טען מחדש/רענן",
   "File is too large: {{ size }}, maximum upload size is {{ limit }}": "הקובץ גדול מדי: {{ size }}, גודל העלאה מקסימלי הוא {{ limit }}",
   "File type not supported": "סוג הקובץ אינו נתמך",
@@ -48,6 +49,7 @@
   "Loading messages...": "ההודעות בטעינה..",
   "Loading threads...": "טוען שרשורים...",
   "Loading...": "טוען...",
+  "Mark as Unread": "סמן כלא נקרא",
   "Maximum number of files reached": "הגעת למספר המרבי של קבצים",
   "Maximum votes per person": "מקסימום הצבעות לאדם",
   "Message Reactions": "תגובות להודעה",

package/src/i18n/hi.json

@@ -32,6 +32,7 @@
   "Error loading": "लोड होने मे त्रुटि",
   "Error loading channel list...": "चैनल सूची लोड करने में त्रुटि...",
   "Error loading messages for this channel...": "इस चैनल के लिए मेसेजेस लोड करने में त्रुटि हुई...",
+  "Error marking message unread. Cannot mark unread messages older than the newest 100 channel messages.": "संदेश को अनरीड चिह्नित करने में त्रुटि। चैनल के नवीनतम 100 संदेशों से पुराने संदेशों को अनरीड चिह्नित नहीं किया जा सकता।",
   "Error while loading, please reload/refresh": "एरर, रिफ्रेश करे",
   "File is too large: {{ size }}, maximum upload size is {{ limit }}": "फ़ाइल बहुत बड़ी है: {{ size }}, अधिकतम अपलोड साइज़ {{ limit }} है",
   "File type not supported": "फ़ाइल प्रकार समर्थित नहीं है",
@@ -48,6 +49,7 @@
   "Loading messages...": "मेसेजस लोड हो रहे हैं...",
   "Loading threads...": "थ्रेड्स लोड हो रहे हैं...",
   "Loading...": "लोड हो रहा है...",
+  "Mark as Unread": "अपठित मार्क करें",
   "Maximum number of files reached": "फ़ाइलों की अधिकतम संख्या पहुँच गई",
   "Maximum votes per person": "प्रति व्यक्ति अधिकतम वोट",
   "Message Reactions": "संदेश प्रतिक्रियाएँ",

package/src/i18n/it.json

@@ -32,6 +32,7 @@
   "Error loading": "Errore di caricamento",
   "Error loading channel list...": "Errore durante il caricamento della lista dei canali...",
   "Error loading messages for this channel...": "Errore durante il caricamento dei messaggi per questo canale...",
+  "Error marking message unread. Cannot mark unread messages older than the newest 100 channel messages.": "Errore durante il contrassegno del messaggio come non letto. Non è possibile contrassegnare i messaggi non letti più vecchi dei 100 messaggi più recenti del canale.",
   "Error while loading, please reload/refresh": "Errore durante il caricamento, per favore ricarica la pagina",
   "File is too large: {{ size }}, maximum upload size is {{ limit }}": "Il file è troppo grande: {{ size }}, la dimensione massima di caricamento è {{ limit }}",
   "File type not supported": "Tipo di file non supportato",
@@ -48,6 +49,7 @@
   "Loading messages...": "Caricamento messaggi...",
   "Loading threads...": "Caricamento dei thread...",
   "Loading...": "Caricamento...",
+  "Mark as Unread": "Segna come non letto",
   "Maximum number of files reached": "Numero massimo di file raggiunto",
   "Maximum votes per person": "Massimo voti per persona",
   "Message Reactions": "Reazioni ai Messaggi",

package/src/i18n/ja.json

@@ -32,6 +32,7 @@
   "Error loading": "読み込みエラー",
   "Error loading channel list...": "チャネルリストの読み込み中にエラーが発生しました。。。",
   "Error loading messages for this channel...": "このチャネルのメッセージの読み込み中にエラーが発生しました。。。",
+  "Error marking message unread. Cannot mark unread messages older than the newest 100 channel messages.": "メッセージを未読にする際にエラーが発生しました。最新の100件のチャネルメッセージより古い未読メッセージはマークできません。",
   "Error while loading, please reload/refresh": "ロード中にエラーが発生しました。更新してください",
   "File is too large: {{ size }}, maximum upload size is {{ limit }}": "ファイルが大きすぎます：{{ size }}、最大アップロードサイズは{{ limit }}です",
   "File type not supported": "サポートされていないファイルです",
@@ -48,6 +49,7 @@
   "Loading messages...": "メッセージを読み込み中。。。",
   "Loading threads...": "スレッドを読み込み中...",
   "Loading...": "読み込み中。。。",
+  "Mark as Unread": "未読としてマーク",
   "Maximum number of files reached": "ファイルの最大数に達しました",
   "Maximum votes per person": "1人あたりの最大投票数",
   "Message Reactions": "メッセージのリアクション",

package/src/i18n/ko.json

@@ -32,6 +32,7 @@
   "Error loading": "로드 오류",
   "Error loading channel list...": "채널리스트 을로드하는 동안 오류가 발생했습니다...",
   "Error loading messages for this channel...": "이 채널의 메시지를로드하는 동안 오류가 발생했습니다...",
+  "Error marking message unread. Cannot mark unread messages older than the newest 100 channel messages.": "메시지를 읽지 않음으로 표시하는 중 오류가 발생했습니다. 최신 100개의 채널 메시지보다 오래된 읽지 않은 메시지는 표시할 수 없습니다.",
   "Error while loading, please reload/refresh": "로드하는 동안 오류가 발생했습니다. 다시로드하십시오",
   "File is too large: {{ size }}, maximum upload size is {{ limit }}": "파일이 너무 큽니다: {{ size }}, 최대 업로드 크기는 {{ limit }}입니다",
   "File type not supported": "지원하지 않는 파일입니다.",
@@ -48,6 +49,7 @@
   "Loading messages...": "메시지를 로딩 중...",
   "Loading threads...": "스레드 로딩 중...",
   "Loading...": "로딩 중...",
+  "Mark as Unread": "읽지 않음으로 표시",
   "Maximum number of files reached": "최대 파일 수에 도달했습니다",
   "Maximum votes per person": "사람당 최대 투표 수",
   "Message Reactions": "메시지의 리액션",

package/src/i18n/nl.json

@@ -32,6 +32,7 @@
   "Error loading": "Probleem bij het laden",
   "Error loading channel list...": "Probleem bij het laden van de kanalen...",
   "Error loading messages for this channel...": "Probleem bij het laden van de berichten in dit kanaal...",
+  "Error marking message unread. Cannot mark unread messages older than the newest 100 channel messages.": "Fout bij markeren als ongelezen. Kan ongelezen berichten ouder dan de nieuwste 100 kanaalberichten niet markeren.",
   "Error while loading, please reload/refresh": "Probleem bij het laden, probeer opnieuw",
   "File is too large: {{ size }}, maximum upload size is {{ limit }}": "Bestand is te groot: {{ size }}, maximale uploadgrootte is {{ limit }}",
   "File type not supported": "Bestandstype niet ondersteund",
@@ -48,6 +49,7 @@
   "Loading messages...": "Berichten aan het laden...",
   "Loading threads...": "Threads laden...",
   "Loading...": "Aan het laden...",
+  "Mark as Unread": "Markeer als ongelezen",
   "Maximum number of files reached": "Maximaal aantal bestanden bereikt",
   "Maximum votes per person": "Maximaal aantal stemmen per persoon",
   "Message Reactions": "Bericht Reacties",

package/src/i18n/pt-br.json

@@ -32,6 +32,7 @@
   "Error loading": "Erro ao carregar",
   "Error loading channel list...": "Erro ao carregar lista de canais...",
   "Error loading messages for this channel...": "Erro ao carregar mensagens para este canal...",
+  "Error marking message unread. Cannot mark unread messages older than the newest 100 channel messages.": "Erro ao marcar mensagem como não lida. Não é possível marcar mensagens não lidas mais antigas que as 100 mensagens mais recentes do canal.",
   "Error while loading, please reload/refresh": "Erro ao carregar, por favor recarregue/atualize",
   "File is too large: {{ size }}, maximum upload size is {{ limit }}": "O arquivo é muito grande: {{ size }}, o tamanho máximo de upload é {{ limit }}",
   "File type not supported": "Tipo de arquivo não suportado",
@@ -48,6 +49,7 @@
   "Loading messages...": "Carregando mensagens...",
   "Loading threads...": "Carregando tópicos...",
   "Loading...": "Carregando...",
+  "Mark as Unread": "Marcar como não lido",
   "Maximum number of files reached": "Número máximo de arquivos atingido",
   "Maximum votes per person": "Máximo de votos por pessoa",
   "Message Reactions": "Reações à Mensagem",

package/src/i18n/ru.json

@@ -32,6 +32,7 @@
   "Error loading": "Ошибка при загрузке",
   "Error loading channel list...": "Ошибка загрузки списка каналов...",
   "Error loading messages for this channel...": "Ошибка загрузки сообщений для этого канала...",
+  "Error marking message unread. Cannot mark unread messages older than the newest 100 channel messages.": "Ошибка при отметке сообщения как непрочитанного. Невозможно отметить непрочитанные сообщения старше новейших 100 сообщений канала.",
   "Error while loading, please reload/refresh": "Ошибка загрузки, пожалуйста перезагрузите или обновите",
   "File is too large: {{ size }}, maximum upload size is {{ limit }}": "Файл слишком большой: {{ size }}, максимальный размер загрузки составляет {{ limit }}",
   "File type not supported": "Тип файла не поддерживается",
@@ -48,6 +49,7 @@
   "Loading messages...": "Загружаю сообщения...",
   "Loading threads...": "Загрузка потоков...",
   "Loading...": "Загружаю...",
+  "Mark as Unread": "Отметить как непрочитанное",
   "Maximum number of files reached": "Достигнуто максимальное количество файлов",
   "Maximum votes per person": "Максимальное количество голосов на человека",
   "Message Reactions": "Сообщения Реакции",

package/src/i18n/tr.json

@@ -32,6 +32,7 @@
   "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 marking message unread. Cannot mark unread messages older than the newest 100 channel messages.": "Okunmamış olarak işaretlenen mesajda hata oluştu. En yeni 100 kanal mesajından daha eski okunmamış mesajları işaretleyemezsiniz.",
   "Error while loading, please reload/refresh": "Yüklenirken hata oluştu, lütfen tekrar deneyiniz",
   "File is too large: {{ size }}, maximum upload size is {{ limit }}": "Dosya çok büyük: {{ size }}, maksimum yükleme boyutu {{ limit }}",
   "File type not supported": "Dosya türü desteklenmiyor",
@@ -48,6 +49,7 @@
   "Loading messages...": "Mesajlar yükleniyor...",
   "Loading threads...": "Akışlar yükleniyor...",
   "Loading...": "Yükleniyor...",
+  "Mark as Unread": "Okunmamış olarak işaretle",
   "Maximum number of files reached": "Maksimum dosya sayısına ulaşıldı",
   "Maximum votes per person": "Kişi başına maksimum oy",
   "Message Reactions": "Mesaj Tepkileri",

package/src/icons/UnreadIndicator.tsx

@@ -0,0 +1,18 @@
+import React from 'react';
+
+import Svg, { Path } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+type Props = IconProps & {
+  size: number;
+};
+
+export const UnreadIndicator = ({ size, ...rest }: Props) => (
+  <Svg height={size} viewBox={`0 0 ${size} ${size}`} width={size} {...rest}>
+    <Path
+      d='M22 7.98V17C22 18.1 21.1 19 20 19H6L2 23V5C2 3.9 2.9 3 4 3H14.1C14.04 3.32 14 3.66 14 4C14 4.34 14.04 4.68 14.1 5H4V17H20V8.9C20.74 8.75 21.42 8.42 22 7.98ZM16 4C16 5.66 17.34 7 19 7C20.66 7 22 5.66 22 4C22 2.34 20.66 1 19 1C17.34 1 16 2.34 16 4Z'
+      {...rest}
+    />
+  </Svg>
+);

package/src/icons/index.ts

@@ -100,3 +100,4 @@ export * from './PollThumbnail';
 export * from './DragHandle';
 export * from './Back';
 export * from './SendPoll';
+export * from './UnreadIndicator';

package/src/store/SqliteClient.ts

@@ -28,7 +28,7 @@ import type { PreparedQueries, Table } from './types';
  * This way usage @op-engineering/op-sqlite package is scoped to a single class/file.
  */
 export class SqliteClient {
-  static dbVersion = 7;
+  static dbVersion = 8;
 
   static dbName = DB_NAME;
   static dbLocation = DB_LOCATION;

package/src/store/schema.ts

@@ -194,6 +194,7 @@ export const tables: Tables = {
     columns: {
       cid: 'TEXT NOT NULL',
       lastRead: 'TEXT NOT NULL',
+      lastReadMessageId: 'TEXT',
       unreadMessages: 'INTEGER DEFAULT 0',
       userId: 'TEXT',
     },
@@ -340,6 +341,7 @@ export type Schema = {
   reads: {
     cid: string;
     lastRead: string;
+    lastReadMessageId?: string;
     unreadMessages?: number;
     userId?: string;
   };

package/src/types/types.ts

@@ -1,4 +1,4 @@
-import type { ExtendableGenerics, LiteralStringForUnion } from 'stream-chat';
+import type { ChannelState, ExtendableGenerics, LiteralStringForUnion } from 'stream-chat';
 
 import type { FileStateValue } from '../utils/utils';
 
@@ -101,8 +101,11 @@ export type UnknownType = Record<string, unknown>;
 
 export type ValueOf<T> = T[keyof T];
 
-// ASYNC AUDIO EXPO:
+export type ChannelUnreadState<
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
+> = Omit<ValueOf<ChannelState<StreamChatGenerics>['read']>, 'user'>;
 
+// ASYNC AUDIO EXPO:
 export enum AndroidOutputFormat {
   DEFAULT = 0,
   THREE_GPP = 1,

package/src/utils/utils.ts

@@ -2,7 +2,7 @@ import type React from 'react';
 
 import dayjs from 'dayjs';
 import EmojiRegex from 'emoji-regex';
-import type { FormatMessageResponse, MessageResponse } from 'stream-chat';
+import type { ChannelState, FormatMessageResponse, MessageResponse } from 'stream-chat';
 
 import { IconProps } from '../../src/icons/utils/base';
 import { MessageType } from '../components/MessageList/hooks/useMessageList';
@@ -275,3 +275,63 @@ export const getDurationLabelFromDuration = (duration: number) => {
 export function escapeRegExp(text: string) {
   return text.replace(/[-[\]{}()*+?.,/\\^$|#]/g, '\\$&');
 }
+
+/**
+ * Utility to find the index of a message in the messages array by id.
+ * @param messages
+ * @param targetId
+ * @returns number
+ */
+export const findInMessagesById = <
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
+>(
+  messages: ChannelState<StreamChatGenerics>['messages'],
+  targetId: string,
+) => {
+  const idx = messages.findIndex((message) => message.id === targetId);
+  return idx;
+};
+
+/**
+ * Utility to find the index of a message in the messages array by date.
+ * @param messages
+ * @param targetDate
+ * @returns an object with the index and the message object
+ */
+export const findInMessagesByDate = <
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
+>(
+  messages: MessageResponse<StreamChatGenerics>[] | ChannelState<StreamChatGenerics>['messages'],
+  targetDate: Date,
+) => {
+  // Binary search
+  const targetTimestamp = targetDate.getTime();
+  let left = 0;
+  let right = messages.length - 1;
+  let middle = 0;
+  while (left <= right) {
+    middle = Math.floor(left + (right - left) / 2);
+    const middleTimestamp = new Date(messages[middle].created_at as string | Date).getTime();
+    const middleLeftTimestamp =
+      messages[middle - 1]?.created_at &&
+      new Date(messages[middle - 1].created_at as string | Date).getTime();
+    const middleRightTimestamp =
+      messages[middle + 1]?.created_at &&
+      new Date(messages[middle + 1].created_at as string | Date).getTime();
+    if (
+      middleTimestamp === targetTimestamp ||
+      (middleLeftTimestamp &&
+        middleRightTimestamp &&
+        middleLeftTimestamp < targetTimestamp &&
+        middleRightTimestamp > targetTimestamp)
+    ) {
+      return { index: middle, message: messages[middle] };
+    } else if (middleTimestamp < targetTimestamp) {
+      left = middle + 1;
+    } else {
+      right = middle - 1;
+    }
+  }
+
+  return { index: -1 };
+};

package/src/version.json

@@ -1,3 +1,3 @@
 {
-  "version": "6.0.2-beta.1"
+  "version": "6.1.0-beta.1"
 }