stream-chat-react-native-core 6.7.4 → 7.0.0-beta.1

package/src/components/Poll/components/PollAnswersList.tsx

@@ -13,7 +13,6 @@ import {
   useTheme,
   useTranslationContext,
 } from '../../../contexts';
-import { DefaultStreamChatGenerics } from '../../../types/types';
 import { getDateString } from '../../../utils/i18n/getDateString';
 import { Avatar } from '../../Avatar/Avatar';
 import { usePollAnswersPagination } from '../hooks/usePollAnswersPagination';
@@ -73,10 +72,8 @@ export const AnswerListAddCommentButton = (props: PollButtonProps) => {
   );
 };
 
-export type PollAnswersListProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = PollContextValue & {
-  additionalFlatListProps?: Partial<FlatListProps<PollAnswer<StreamChatGenerics>>>;
+export type PollAnswersListProps = PollContextValue & {
+  additionalFlatListProps?: Partial<FlatListProps<PollAnswer>>;
   PollAnswersListContent?: React.ComponentType;
 };
 

package/src/components/Poll/components/PollResults/PollOptionFullResults.tsx

@@ -11,16 +11,14 @@ import {
   useTheme,
   useTranslationContext,
 } from '../../../../contexts';
-import type { DefaultStreamChatGenerics } from '../../../../types/types';
+
 import { usePollOptionVotesPagination } from '../../hooks/usePollOptionVotesPagination';
 import { usePollState } from '../../hooks/usePollState';
 
-export type PollOptionFullResultsProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = PollContextValue & {
-  option: PollOption<StreamChatGenerics>;
-  additionalFlatListProps?: Partial<FlatListProps<PollVoteClass<StreamChatGenerics>>>;
-  PollOptionFullResultsContent?: React.ComponentType<{ option: PollOption<StreamChatGenerics> }>;
+export type PollOptionFullResultsProps = PollContextValue & {
+  option: PollOption;
+  additionalFlatListProps?: Partial<FlatListProps<PollVoteClass>>;
+  PollOptionFullResultsContent?: React.ComponentType<{ option: PollOption }>;
 };
 
 export const PollOptionFullResultsItem = ({ item }: { item: PollVoteClass }) => (

package/src/components/Poll/components/PollResults/PollResultItem.tsx

@@ -1,7 +1,7 @@
 import React, { useCallback, useState } from 'react';
 import { Modal, SafeAreaView, StyleSheet, Text, View } from 'react-native';
 
-import { Poll, PollOption, PollVote as PollVoteClass } from 'stream-chat';
+import { LocalMessage, Poll, PollOption, PollVote as PollVoteClass } from 'stream-chat';
 
 import { PollOptionFullResults } from './PollOptionFullResults';
 import { PollVote } from './PollVote';
@@ -12,24 +12,21 @@ import {
   useTheme,
   useTranslationContext,
 } from '../../../../contexts';
-import type { DefaultStreamChatGenerics } from '../../../../types/types';
-import { MessageType } from '../../../MessageList/hooks/useMessageList';
+
 import { usePollState } from '../../hooks/usePollState';
 import { GenericPollButton } from '../Button';
 import { PollModalHeader } from '../PollModalHeader';
 
-export type ShowAllVotesButtonProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = {
-  option: PollOption<StreamChatGenerics>;
+export type ShowAllVotesButtonProps = {
+  option: PollOption;
   onPress?: ({
     message,
     option,
     poll,
   }: {
-    message: MessageType<StreamChatGenerics>;
-    option: PollOption<StreamChatGenerics>;
-    poll: Poll<StreamChatGenerics>;
+    message: LocalMessage;
+    option: PollOption;
+    poll: Poll;
   }) => void;
 };
 
@@ -79,10 +76,8 @@ export const ShowAllVotesButton = (props: ShowAllVotesButtonProps) => {
   );
 };
 
-export type PollResultItemProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = {
-  option: PollOption<StreamChatGenerics>;
+export type PollResultItemProps = {
+  option: PollOption;
 };
 
 const PollResultsVoteItem = (vote: PollVoteClass) => (

package/src/components/Poll/hooks/usePollState.ts

@@ -16,8 +16,6 @@ import { usePollStateStore } from './usePollStateStore';
 
 import { usePollContext } from '../../../contexts';
 
-import { DefaultStreamChatGenerics } from '../../../types/types';
-
 export type UsePollStateSelectorReturnType = {
   allowAnswers: boolean | undefined;
   allowUserSuggestedOptions: boolean | undefined;
@@ -36,19 +34,13 @@ export type UsePollStateSelectorReturnType = {
   votingVisibility: VotingVisibility | undefined;
 };
 
-export type UsePollStateReturnType<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = UsePollStateSelectorReturnType & {
-  addComment: (
-    answerText: string,
-  ) => Promise<APIResponse & CastVoteAPIResponse<StreamChatGenerics>>;
+export type UsePollStateReturnType = UsePollStateSelectorReturnType & {
+  addComment: (answerText: string) => Promise<APIResponse & CastVoteAPIResponse>;
   addOption: (optionText: string) => Promise<void>;
-  endVote: () => Promise<APIResponse & UpdatePollAPIResponse<StreamChatGenerics>>;
+  endVote: () => Promise<APIResponse & UpdatePollAPIResponse>;
 };
 
-const selector = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(
-  nextValue: PollState<StreamChatGenerics>,
-): UsePollStateSelectorReturnType => ({
+const selector = (nextValue: PollState): UsePollStateSelectorReturnType => ({
   allowAnswers: nextValue.allow_answers,
   allowUserSuggestedOptions: nextValue.allow_user_suggested_options,
   answersCount: nextValue.answers_count,

package/src/components/Reply/Reply.tsx

@@ -25,7 +25,7 @@ import {
   useTranslationContext,
 } from '../../contexts/translationContext/TranslationContext';
 import { useStateStore } from '../../hooks';
-import { DefaultStreamChatGenerics, FileTypes } from '../../types/types';
+import { FileTypes } from '../../types/types';
 import { getResizedImageUrl } from '../../utils/getResizedImageUrl';
 import { getTrimmedAttachmentTitle } from '../../utils/getTrimmedAttachmentTitle';
 import { hasOnlyEmojis } from '../../utils/utils';
@@ -34,7 +34,6 @@ import { FileIcon as FileIconDefault } from '../Attachment/FileIcon';
 import { VideoThumbnail } from '../Attachment/VideoThumbnail';
 import { MessageAvatar as MessageAvatarDefault } from '../Message/MessageSimple/MessageAvatar';
 import { MessageTextContainer } from '../Message/MessageSimple/MessageTextContainer';
-import { MessageType } from '../MessageList/hooks/useMessageList';
 
 const styles = StyleSheet.create({
   container: {
@@ -80,16 +79,12 @@ export type ReplySelectorReturnType = {
   name?: string;
 };
 
-const selector = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(
-  nextValue: PollState<StreamChatGenerics>,
-): ReplySelectorReturnType => ({
+const selector = (nextValue: PollState): ReplySelectorReturnType => ({
   name: nextValue.name,
 });
 
-type ReplyPropsWithContext<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Pick<MessageInputContextValue<StreamChatGenerics>, 'quotedMessage'> &
-  Pick<MessagesContextValue<StreamChatGenerics>, 'FileAttachmentIcon' | 'MessageAvatar'> &
+type ReplyPropsWithContext = Pick<MessageInputContextValue, 'quotedMessage'> &
+  Pick<MessagesContextValue, 'FileAttachmentIcon' | 'MessageAvatar'> &
   Pick<TranslationContextValue, 't'> & {
     attachmentSize?: number;
     styles?: Partial<{
@@ -101,11 +96,7 @@ type ReplyPropsWithContext<
     }>;
   };
 
-const getMessageType = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  lastAttachment: Attachment<StreamChatGenerics>,
-) => {
+const getMessageType = (lastAttachment: Attachment) => {
   let messageType;
 
   const isLastAttachmentFile = lastAttachment.type === FileTypes.File;
@@ -149,11 +140,7 @@ const getMessageType = <
   return messageType;
 };
 
-const ReplyWithContext = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: ReplyPropsWithContext<StreamChatGenerics>,
-) => {
+const ReplyWithContext = (props: ReplyPropsWithContext) => {
   const { client } = useChatContext();
   const {
     attachmentSize = 40,
@@ -189,7 +176,7 @@ const ReplyWithContext = <
     },
   } = useTheme();
 
-  const poll = client.polls.fromState((quotedMessage as MessageType)?.poll_id ?? '');
+  const poll = client.polls.fromState(quotedMessage?.poll_id ?? '');
   const { name: pollName }: ReplySelectorReturnType = useStateStore(poll?.state, selector) ?? {};
 
   const messageText = quotedMessage ? quotedMessage.text : '';
@@ -205,7 +192,7 @@ const ReplyWithContext = <
     return null;
   }
 
-  const lastAttachment = quotedMessage.attachments?.slice(-1)[0] as Attachment<StreamChatGenerics>;
+  const lastAttachment = quotedMessage.attachments?.slice(-1)[0] as Attachment;
   const messageType = lastAttachment && getMessageType(lastAttachment);
 
   const trimmedLastAttachmentTitle = getTrimmedAttachmentTitle(lastAttachment?.title);
@@ -281,7 +268,7 @@ const ReplyWithContext = <
           />
         ) : null}
         <View style={{ flexDirection: 'column' }}>
-          <MessageTextContainer<StreamChatGenerics>
+          <MessageTextContainer
             markdownStyles={
               quotedMessage.type === 'deleted'
                 ? merge({ em: { color: grey } }, deletedText)
@@ -360,20 +347,13 @@ const ReplyWithContext = <
  * this function exists to avoid the error thrown when
  * using a context outside of its provider.
  * */
-const useMessageInputContextIfAvailable = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->() => {
-  const contextValue = useContext(
-    MessageInputContext,
-  ) as unknown as MessageInputContextValue<StreamChatGenerics>;
+const useMessageInputContextIfAvailable = () => {
+  const contextValue = useContext(MessageInputContext) as unknown as MessageInputContextValue;
 
   return contextValue;
 };
 
-const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(
-  prevProps: ReplyPropsWithContext<StreamChatGenerics>,
-  nextProps: ReplyPropsWithContext<StreamChatGenerics>,
-) => {
+const areEqual = (prevProps: ReplyPropsWithContext, nextProps: ReplyPropsWithContext) => {
   const { quotedMessage: prevQuotedMessage } = prevProps;
   const { quotedMessage: nextQuotedMessage } = nextProps;
 
@@ -396,28 +376,22 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
 
 const MemoizedReply = React.memo(ReplyWithContext, areEqual) as typeof ReplyWithContext;
 
-export type ReplyProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Partial<ReplyPropsWithContext<StreamChatGenerics>>;
+export type ReplyProps = Partial<ReplyPropsWithContext>;
 
 /**
  * UI Component for reply
  */
-export const Reply = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: ReplyProps<StreamChatGenerics>,
-) => {
-  const { message } = useMessageContext<StreamChatGenerics>();
+export const Reply = (props: ReplyProps) => {
+  const { message } = useMessageContext();
 
   const { FileAttachmentIcon = FileIconDefault, MessageAvatar = MessageAvatarDefault } =
-    useMessagesContext<StreamChatGenerics>();
+    useMessagesContext();
 
-  const { editing, quotedMessage } = useMessageInputContextIfAvailable<StreamChatGenerics>();
+  const { editing, quotedMessage } = useMessageInputContextIfAvailable();
 
   const quotedEditingMessage = (
     typeof editing !== 'boolean' ? editing?.quoted_message || false : false
-  ) as MessageInputContextValue<StreamChatGenerics>['quotedMessage'];
+  ) as MessageInputContextValue['quotedMessage'];
 
   const { t } = useTranslationContext();
 
@@ -427,7 +401,7 @@ export const Reply = <
         FileAttachmentIcon,
         MessageAvatar,
         quotedMessage: message
-          ? (message.quoted_message as MessageInputContextValue<StreamChatGenerics>['quotedMessage'])
+          ? (message.quoted_message as MessageInputContextValue['quotedMessage'])
           : quotedMessage || quotedEditingMessage,
         t,
       }}

package/src/components/Thread/Thread.tsx

@@ -10,19 +10,16 @@ import {
 } from '../../contexts/messagesContext/MessagesContext';
 import { ThreadContextValue, useThreadContext } from '../../contexts/threadContext/ThreadContext';
 
-import type { DefaultStreamChatGenerics } from '../../types/types';
 import {
   MessageInput as DefaultMessageInput,
   MessageInputProps,
 } from '../MessageInput/MessageInput';
 import type { MessageListProps } from '../MessageList/MessageList';
 
-type ThreadPropsWithContext<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Pick<ChatContextValue<StreamChatGenerics>, 'client'> &
-  Pick<MessagesContextValue<StreamChatGenerics>, 'MessageList'> &
+type ThreadPropsWithContext = Pick<ChatContextValue, 'client'> &
+  Pick<MessagesContextValue, 'MessageList'> &
   Pick<
-    ThreadContextValue<StreamChatGenerics>,
+    ThreadContextValue,
     | 'closeThread'
     | 'loadMoreThread'
     | 'parentMessagePreventPress'
@@ -34,12 +31,12 @@ type ThreadPropsWithContext<
      * Additional props for underlying MessageInput component.
      * Available props - https://getstream.io/chat/docs/sdk/reactnative/ui-components/message-input/#props
      * */
-    additionalMessageInputProps?: Partial<MessageInputProps<StreamChatGenerics>>;
+    additionalMessageInputProps?: Partial<MessageInputProps>;
     /**
      * Additional props for underlying MessageList component.
      * Available props - https://getstream.io/chat/docs/sdk/reactnative/ui-components/message-list/#props
      * */
-    additionalMessageListProps?: Partial<MessageListProps<StreamChatGenerics>>;
+    additionalMessageListProps?: Partial<MessageListProps>;
     /** Make input focus on mounting thread */
     autoFocus?: boolean;
     /** Closes thread on dismount, defaults to true */
@@ -50,18 +47,14 @@ type ThreadPropsWithContext<
      * **Customized MessageInput component to used within Thread instead of default MessageInput
      * **Available from [MessageInput](https://getstream.io/chat/docs/sdk/reactnative/ui-components/message-input)**
      */
-    MessageInput?: React.ComponentType<MessageInputProps<StreamChatGenerics>>;
+    MessageInput?: React.ComponentType<MessageInputProps>;
     /**
      * Call custom function on closing thread if handling thread state elsewhere
      */
     onThreadDismount?: () => void;
   };
 
-const ThreadWithContext = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: ThreadPropsWithContext<StreamChatGenerics>,
-) => {
+const ThreadWithContext = (props: ThreadPropsWithContext) => {
   const {
     additionalMessageInputProps,
     additionalMessageListProps,
@@ -120,7 +113,7 @@ const ThreadWithContext = <
         threadList
         {...additionalMessageListProps}
       />
-      <MessageInput<StreamChatGenerics>
+      <MessageInput
         additionalTextInputProps={{ autoFocus, editable: !disabled }}
         threadList
         {...additionalMessageInputProps}
@@ -129,9 +122,7 @@ const ThreadWithContext = <
   );
 };
 
-export type ThreadProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Partial<ThreadPropsWithContext<StreamChatGenerics>>;
+export type ThreadProps = Partial<ThreadPropsWithContext>;
 
 /**
  * Thread - The Thread renders a parent message with a list of replies. Use the standard message list of the main channel's messages.
@@ -142,16 +133,11 @@ export type ThreadProps<
  * - additionalMessageListProps
  * - additionalMessageInputProps
  */
-export const Thread = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: ThreadProps<StreamChatGenerics>,
-) => {
-  const { client } = useChatContext<StreamChatGenerics>();
-  const { threadList } = useChannelContext<StreamChatGenerics>();
-  const { MessageList } = useMessagesContext<StreamChatGenerics>();
-  const { closeThread, loadMoreThread, reloadThread, thread, threadInstance } =
-    useThreadContext<StreamChatGenerics>();
+export const Thread = (props: ThreadProps) => {
+  const { client } = useChatContext();
+  const { threadList } = useChannelContext();
+  const { MessageList } = useMessagesContext();
+  const { closeThread, loadMoreThread, reloadThread, thread, threadInstance } = useThreadContext();
 
   if (thread?.id && !threadList) {
     throw new Error(
@@ -160,7 +146,7 @@ export const Thread = <
   }
 
   return (
-    <ThreadWithContext<StreamChatGenerics>
+    <ThreadWithContext
       {...{
         client,
         closeThread,

package/src/components/Thread/__tests__/__snapshots__/Thread.test.js.snap

@@ -49,21 +49,17 @@ exports[`Thread should match thread snapshot 1`] = `
         data={
           [
             {
-              "__html": "<p>regular</p>",
               "attachments": [],
               "created_at": 2020-05-05T14:50:00.000Z,
-              "dateSeparator": undefined,
               "deleted_at": null,
-              "groupStyles": [
-                "single",
-              ],
+              "error": null,
               "html": "<p>regular</p>",
               "id": "38ef6f7c-3090-5759-a37f-ab0053aadb96",
               "message_text_updated_at": "2020-05-05T14:50:00.000Z",
               "parent_id": "b4612a73-fa2b-5787-bf71-1adc8f291a04",
               "pinned_at": null,
+              "quoted_message": null,
               "reaction_groups": null,
-              "readBy": false,
               "status": "received",
               "text": "Message6",
               "type": "regular",
@@ -80,21 +76,17 @@ exports[`Thread should match thread snapshot 1`] = `
               },
             },
             {
-              "__html": "<p>regular</p>",
               "attachments": [],
               "created_at": 2020-05-05T14:50:00.000Z,
-              "dateSeparator": undefined,
               "deleted_at": null,
-              "groupStyles": [
-                "single",
-              ],
+              "error": null,
               "html": "<p>regular</p>",
               "id": "516efa25-5d29-5c9a-ad2d-4cc183e785bd",
               "message_text_updated_at": "2020-05-05T14:50:00.000Z",
               "parent_id": "b4612a73-fa2b-5787-bf71-1adc8f291a04",
               "pinned_at": null,
+              "quoted_message": null,
               "reaction_groups": null,
-              "readBy": false,
               "status": "received",
               "text": "Message5",
               "type": "regular",
@@ -111,21 +103,17 @@ exports[`Thread should match thread snapshot 1`] = `
               },
             },
             {
-              "__html": "<p>regular</p>",
               "attachments": [],
               "created_at": 2020-05-05T14:50:00.000Z,
-              "dateSeparator": 2020-05-05T14:50:00.000Z,
               "deleted_at": null,
-              "groupStyles": [
-                "single",
-              ],
+              "error": null,
               "html": "<p>regular</p>",
               "id": "82a83b16-b611-527c-b3ac-765ef6220490",
               "message_text_updated_at": "2020-05-05T14:50:00.000Z",
               "parent_id": "b4612a73-fa2b-5787-bf71-1adc8f291a04",
               "pinned_at": null,
+              "quoted_message": null,
               "reaction_groups": null,
-              "readBy": false,
               "status": "received",
               "text": "Message4",
               "type": "regular",

package/src/components/Thread/components/ThreadFooterComponent.tsx

@@ -16,7 +16,6 @@ import {
 import { useTranslationContext } from '../../../contexts/translationContext/TranslationContext';
 import { useStateStore } from '../../../hooks';
 import { useViewport } from '../../../hooks/useViewport';
-import type { DefaultStreamChatGenerics } from '../../../types/types';
 
 const styles = StyleSheet.create({
   absolute: { position: 'absolute' },
@@ -42,13 +41,8 @@ const styles = StyleSheet.create({
   },
 });
 
-type ThreadFooterComponentPropsWithContext<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Pick<MessagesContextValue<StreamChatGenerics>, 'Message'> &
-  Pick<
-    ThreadContextValue<StreamChatGenerics>,
-    'parentMessagePreventPress' | 'thread' | 'threadInstance'
-  >;
+type ThreadFooterComponentPropsWithContext = Pick<MessagesContextValue, 'Message'> &
+  Pick<ThreadContextValue, 'parentMessagePreventPress' | 'thread' | 'threadInstance'>;
 
 export const InlineLoadingMoreThreadIndicator = () => {
   const { threadLoadingMore } = useThreadContext();
@@ -74,11 +68,7 @@ const selector = (nextValue: ThreadState) =>
     replyCount: nextValue.replyCount,
   }) as const;
 
-const ThreadFooterComponentWithContext = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: ThreadFooterComponentPropsWithContext<StreamChatGenerics>,
-) => {
+const ThreadFooterComponentWithContext = (props: ThreadFooterComponentPropsWithContext) => {
   const { Message, parentMessagePreventPress, thread, threadInstance } = props;
   const { t } = useTranslationContext();
   const { vw } = useViewport();
@@ -111,6 +101,7 @@ const ThreadFooterComponentWithContext = <
           groupStyles={['single']}
           message={thread}
           preventPress={parentMessagePreventPress}
+          readBy={0}
           threadList
         />
       </View>
@@ -152,9 +143,9 @@ const ThreadFooterComponentWithContext = <
   );
 };
 
-const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(
-  prevProps: ThreadFooterComponentPropsWithContext<StreamChatGenerics>,
-  nextProps: ThreadFooterComponentPropsWithContext<StreamChatGenerics>,
+const areEqual = (
+  prevProps: ThreadFooterComponentPropsWithContext,
+  nextProps: ThreadFooterComponentPropsWithContext,
 ) => {
   const {
     parentMessagePreventPress: prevParentMessagePreventPress,
@@ -206,19 +197,13 @@ const MemoizedThreadFooter = React.memo(
   areEqual,
 ) as typeof ThreadFooterComponentWithContext;
 
-export type ThreadFooterComponentProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Partial<Pick<MessagesContextValue<StreamChatGenerics>, 'Message'>> &
-  Partial<Pick<ThreadContextValue<StreamChatGenerics>, 'parentMessagePreventPress' | 'thread'>>;
+export type ThreadFooterComponentProps = Partial<Pick<MessagesContextValue, 'Message'>> &
+  Partial<Pick<ThreadContextValue, 'parentMessagePreventPress' | 'thread'>>;
 
-export const ThreadFooterComponent = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: ThreadFooterComponentProps<StreamChatGenerics>,
-) => {
-  const { Message } = useMessagesContext<StreamChatGenerics>();
+export const ThreadFooterComponent = (props: ThreadFooterComponentProps) => {
+  const { Message } = useMessagesContext();
   const { parentMessagePreventPress, thread, threadInstance, threadLoadingMore } =
-    useThreadContext<StreamChatGenerics>();
+    useThreadContext();
 
   return (
     <MemoizedThreadFooter

package/src/components/ThreadList/ThreadList.tsx

@@ -13,7 +13,7 @@ import {
   useThreadsContext,
 } from '../../contexts/threadsContext/ThreadsContext';
 import { useStateStore } from '../../hooks';
-import type { DefaultStreamChatGenerics } from '../../types/types';
+
 import { EmptyStateIndicator } from '../Indicators/EmptyStateIndicator';
 import { LoadingIndicator } from '../Indicators/LoadingIndicator';
 
@@ -24,10 +24,8 @@ const selector = (nextValue: ThreadManagerState) =>
     threads: nextValue.threads,
   }) as const;
 
-export type ThreadListProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Pick<
-  ThreadsContextValue<StreamChatGenerics>,
+export type ThreadListProps = Pick<
+  ThreadsContextValue,
   | 'additionalFlatListProps'
   | 'isFocused'
   | 'onThreadSelect'

package/src/components/ThreadList/ThreadListItem.tsx

@@ -1,7 +1,7 @@
 import React, { useCallback, useMemo } from 'react';
 import { StyleSheet, Text, TouchableOpacity, View } from 'react-native';
 
-import { Thread, ThreadState } from 'stream-chat';
+import { LocalMessage, Thread, ThreadState } from 'stream-chat';
 
 import {
   TranslationContextValue,
@@ -19,7 +19,6 @@ import { MessageBubble } from '../../icons';
 import { getDateString } from '../../utils/i18n/getDateString';
 import { Avatar } from '../Avatar/Avatar';
 import { useChannelPreviewDisplayName } from '../ChannelPreview/hooks/useChannelPreviewDisplayName';
-import { MessageType } from '../MessageList/hooks/useMessageList';
 
 export type ThreadListItemProps = {
   thread: Thread;
@@ -76,7 +75,7 @@ const getTitleFromMessage = ({
 }: {
   t: TranslationContextValue['t'];
   currentUserId?: string;
-  message?: MessageType | undefined;
+  message?: LocalMessage;
 }) => {
   const attachment = message?.attachments?.at(0);
 
@@ -132,7 +131,10 @@ export const ThreadListItemComponent = () => {
     <TouchableOpacity
       onPress={() => {
         if (onThreadSelect) {
-          onThreadSelect({ thread: parentMessage as MessageType, threadInstance: thread }, channel);
+          onThreadSelect(
+            { thread: parentMessage as LocalMessage, threadInstance: thread },
+            channel,
+          );
         }
       }}
       style={[styles.touchableWrapper, threadListItem.touchableWrapper]}

package/src/components/index.ts

@@ -45,16 +45,7 @@ export * from './ChannelList/ChannelListHeaderErrorIndicator';
 export * from './ChannelList/ChannelListHeaderNetworkDownIndicator';
 export * from './ChannelList/ChannelListLoadingIndicator';
 export * from './ChannelList/ChannelListMessenger';
-export * from './ChannelList/hooks/listeners/useAddedToChannelNotification';
-export * from './ChannelList/hooks/listeners/useChannelDeleted';
-export * from './ChannelList/hooks/listeners/useChannelHidden';
-export * from './ChannelList/hooks/listeners/useChannelMemberUpdated';
-export * from './ChannelList/hooks/listeners/useChannelTruncated';
 export * from './ChannelList/hooks/listeners/useChannelUpdated';
-export * from './ChannelList/hooks/listeners/useNewMessage';
-export * from './ChannelList/hooks/listeners/useNewMessageNotification';
-export * from './ChannelList/hooks/listeners/useRemovedFromChannelNotification';
-export * from './ChannelList/hooks/listeners/useUserPresence';
 export * from './ChannelList/hooks/useCreateChannelsContext';
 export * from './ChannelList/hooks/usePaginatedChannels';
 export * from './ChannelList/hooks/useChannelMembershipState';
@@ -158,7 +149,7 @@ export * from './MessageList/TypingIndicatorContainer';
 export * from './MessageList/utils/getDateSeparators';
 export * from './MessageList/utils/getGroupStyles';
 export * from './MessageList/utils/getLastReceivedMessage';
-export * from './MessageList/utils/getReadStates';
+export * from './MessageList/utils/getReadState';
 
 export * from './MessageMenu/MessageActionList';
 export * from './MessageMenu/MessageActionListItem';