stream-chat-react-native-core 4.0.0-beta.2 → 4.0.0-beta.6

package/src/components/MessageList/__tests__/MessageList.test.js

@@ -1,22 +1,22 @@
 import React from 'react';
-import { act, cleanup, render, waitFor } from '@testing-library/react-native';
-
-import { MessageList } from '../MessageList';
 
-import { Channel } from '../../Channel/Channel';
-import { Chat } from '../../Chat/Chat';
+import { act, cleanup, render, waitFor } from '@testing-library/react-native';
 
+import { OverlayProvider } from '../../../contexts/overlayContext/OverlayProvider';
 import { getOrCreateChannelApi } from '../../../mock-builders/api/getOrCreateChannel';
+
 import { useMockedApis } from '../../../mock-builders/api/useMockedApis';
 import dispatchMessageNewEvent from '../../../mock-builders/event/messageNew';
 import dispatchTypingEvent from '../../../mock-builders/event/typing';
-import { generateChannel } from '../../../mock-builders/generator/channel';
+import { generateChannelResponse } from '../../../mock-builders/generator/channel';
 import { generateMember } from '../../../mock-builders/generator/member';
 import { generateMessage } from '../../../mock-builders/generator/message';
 import { generateUser } from '../../../mock-builders/generator/user';
 import { getTestClientWithUser } from '../../../mock-builders/mock';
-import { OverlayProvider } from '../../../contexts/overlayContext/OverlayProvider';
 import { registerNativeHandlers } from '../../../native';
+import { Channel } from '../../Channel/Channel';
+import { Chat } from '../../Chat/Chat';
+import { MessageList } from '../MessageList';
 
 describe('MessageList', () => {
   afterEach(cleanup);
@@ -24,7 +24,7 @@ describe('MessageList', () => {
   it('should add new message at bottom of the list', async () => {
     const user1 = generateUser();
     const user2 = generateUser();
-    const mockedChannel = generateChannel({
+    const mockedChannel = generateChannelResponse({
       members: [generateMember({ user: user1 }), generateMember({ user: user2 })],
       messages: [generateMessage({ user: user1 }), generateMessage({ user: user1 })],
     });
@@ -55,7 +55,7 @@ describe('MessageList', () => {
 
   it('should render a system message in the list', async () => {
     const user1 = generateUser();
-    const mockedChannel = generateChannel({
+    const mockedChannel = generateChannelResponse({
       members: [generateMember({ user: user1 })],
       messages: [
         generateMessage({ user: user1 }),
@@ -88,7 +88,7 @@ describe('MessageList', () => {
 
   it('should render deleted message in the list when `deleteMessagesVisibilityType` is set to default(always)', async () => {
     const user1 = generateUser();
-    const mockedChannel = generateChannel({
+    const mockedChannel = generateChannelResponse({
       members: [generateMember({ user: user1 })],
       messages: [
         generateMessage({ type: 'deleted', user: user1 }),
@@ -122,7 +122,7 @@ describe('MessageList', () => {
   it('should render deleted message in the list when `deleteMessagesVisibilityType` is set to sender', async () => {
     const user1 = generateUser();
     const user2 = generateUser({ id: 'testID' });
-    const mockedChannel = generateChannel({
+    const mockedChannel = generateChannelResponse({
       members: [generateMember({ user: user1 })],
       messages: [
         generateMessage({ type: 'deleted', user: user2 }),
@@ -156,7 +156,7 @@ describe('MessageList', () => {
   it('should render deleted message in the list when `deleteMessagesVisibilityType` is set to receiver', async () => {
     const user1 = generateUser();
     const user2 = generateUser({ id: 'testID' });
-    const mockedChannel = generateChannel({
+    const mockedChannel = generateChannelResponse({
       members: [generateMember({ user: user1 })],
       messages: [
         generateMessage({ user: user2 }),
@@ -190,7 +190,7 @@ describe('MessageList', () => {
   it('should render deleted message in the list when `deleteMessagesVisibilityType` is set to never', async () => {
     const user1 = generateUser();
     const user2 = generateUser({ id: 'testID' });
-    const mockedChannel = generateChannel({
+    const mockedChannel = generateChannelResponse({
       members: [generateMember({ user: user1 })],
       messages: [
         generateMessage({ user: user2 }),
@@ -223,7 +223,7 @@ describe('MessageList', () => {
 
   it('should render deleted message in the list', async () => {
     const user1 = generateUser();
-    const mockedChannel = generateChannel({
+    const mockedChannel = generateChannelResponse({
       members: [generateMember({ user: user1 })],
       messages: [
         generateMessage({ type: 'deleted', user: user1 }),
@@ -255,7 +255,7 @@ describe('MessageList', () => {
 
   it('should render the typing indicator when typing object is non empty', async () => {
     const user1 = generateUser();
-    const mockedChannel = generateChannel({
+    const mockedChannel = generateChannelResponse({
       members: [generateMember({ user: user1 })],
       messages: [generateMessage({ user: user1 })],
     });
@@ -288,7 +288,7 @@ describe('MessageList', () => {
 
   it('should render the EmptyStateIndicator when no messages loaded', async () => {
     const user1 = generateUser();
-    const mockedChannel = generateChannel({
+    const mockedChannel = generateChannelResponse({
       members: [generateMember({ user: user1 })],
       messages: [],
     });
@@ -325,7 +325,7 @@ describe('MessageList', () => {
     });
 
     const user1 = generateUser();
-    const mockedChannel = generateChannel({
+    const mockedChannel = generateChannelResponse({
       members: [generateMember({ user: user1 })],
       messages: [generateMessage({ user: user1 })],
     });

package/src/components/MessageList/__tests__/MessageSystem.test.js

@@ -1,15 +1,15 @@
 import React from 'react';
-import { cleanup, render, waitFor } from '@testing-library/react-native';
 
-import { MessageSystem } from '../MessageSystem';
+import { cleanup, render, waitFor } from '@testing-library/react-native';
 
 import { ThemeProvider } from '../../../contexts/themeContext/ThemeContext';
 import { defaultTheme } from '../../../contexts/themeContext/utils/theme';
 import { TranslationProvider } from '../../../contexts/translationContext/TranslationContext';
-import { Streami18n } from '../../../utils/Streami18n';
 
 import { generateMessage, generateStaticMessage } from '../../../mock-builders/generator/message';
 import { generateStaticUser } from '../../../mock-builders/generator/user';
+import { Streami18n } from '../../../utils/Streami18n';
+import { MessageSystem } from '../MessageSystem';
 
 afterEach(cleanup);
 

package/src/components/MessageList/__tests__/ScrollToBottomButton.test.js

@@ -1,11 +1,11 @@
 import React from 'react';
-import { cleanup, fireEvent, render, waitFor } from '@testing-library/react-native';
 
-import { ScrollToBottomButton } from '../ScrollToBottomButton';
+import { cleanup, fireEvent, render, waitFor } from '@testing-library/react-native';
 
-import { TranslationProvider } from '../../../contexts/translationContext/TranslationContext';
 import { ThemeProvider } from '../../../contexts/themeContext/ThemeContext';
+import { TranslationProvider } from '../../../contexts/translationContext/TranslationContext';
 import { Streami18n } from '../../../utils/Streami18n';
+import { ScrollToBottomButton } from '../ScrollToBottomButton';
 
 afterEach(cleanup);
 

package/src/components/MessageList/__tests__/TypingIndicator.test.js

@@ -1,16 +1,15 @@
 import React from 'react';
-import { cleanup, render, waitFor } from '@testing-library/react-native';
-
-import { TypingIndicator } from '../TypingIndicator';
 
-import { Chat } from '../../Chat/Chat';
+import { cleanup, render, waitFor } from '@testing-library/react-native';
 
-import { TypingProvider } from '../../../contexts/typingContext/TypingContext';
 import { TranslationProvider } from '../../../contexts/translationContext/TranslationContext';
-import { Streami18n } from '../../../utils/Streami18n';
+import { TypingProvider } from '../../../contexts/typingContext/TypingContext';
 
 import { generateStaticUser, generateUser } from '../../../mock-builders/generator/user';
 import { getTestClientWithUser } from '../../../mock-builders/mock';
+import { Streami18n } from '../../../utils/Streami18n';
+import { Chat } from '../../Chat/Chat';
+import { TypingIndicator } from '../TypingIndicator';
 
 afterEach(cleanup);
 

package/src/components/MessageList/__tests__/__snapshots__/TypingIndicator.test.js.snap

@@ -107,7 +107,7 @@ exports[`TypingIndicator should match typing indicator snapshot 1`] = `
       ]
     }
   >
-    Grant and 1 more are typing
+    Arthur and 1 more are typing
   </Text>
 </View>
 `;

package/src/components/MessageList/hooks/useMessageList.ts

@@ -1,27 +1,16 @@
-import { getDateSeparators } from '../utils/getDateSeparators';
-import { getGroupStyles } from '../utils/getGroupStyles';
-import { getReadStates } from '../utils/getReadStates';
+import type { ChannelState, MessageResponse } from 'stream-chat';
 
-import { useChatContext } from '../../../contexts/chatContext/ChatContext';
 import {
   ChannelContextValue,
   useChannelContext,
 } from '../../../contexts/channelContext/ChannelContext';
+import { useChatContext } from '../../../contexts/chatContext/ChatContext';
 import { usePaginatedMessageListContext } from '../../../contexts/paginatedMessageListContext/PaginatedMessageListContext';
 import { useThreadContext } from '../../../contexts/threadContext/ThreadContext';
-
-import type { ChannelState, MessageResponse } from 'stream-chat';
-
-import type {
-  DefaultAttachmentType,
-  DefaultChannelType,
-  DefaultCommandType,
-  DefaultEventType,
-  DefaultMessageType,
-  DefaultReactionType,
-  DefaultUserType,
-  UnknownType,
-} from '../../../types/types';
+import type { DefaultStreamChatGenerics } from '../../../types/types';
+import { getDateSeparators } from '../utils/getDateSeparators';
+import { getGroupStyles } from '../utils/getGroupStyles';
+import { getReadStates } from '../utils/getReadStates';
 
 export type UseMessageListParams = {
   deletedMessagesVisibilityType?: 'always' | 'never' | 'receiver' | 'sender';
@@ -33,75 +22,51 @@ export type UseMessageListParams = {
 export type GroupType = 'bottom' | 'middle' | 'single' | 'top';
 
 export type MessagesWithStylesReadByAndDateSeparator<
-  At extends UnknownType = DefaultAttachmentType,
-  Ch extends UnknownType = DefaultChannelType,
-  Co extends string = DefaultCommandType,
-  Me extends UnknownType = DefaultMessageType,
-  Re extends UnknownType = DefaultReactionType,
-  Us extends UnknownType = DefaultUserType,
-> = MessageResponse<At, Ch, Co, Me, Re, Us> & {
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
+> = MessageResponse<StreamChatGenerics> & {
   groupStyles: GroupType[];
   readBy: boolean | number;
   dateSeparator?: Date;
 };
 
 export type MessageType<
-  At extends UnknownType = DefaultAttachmentType,
-  Ch extends UnknownType = DefaultChannelType,
-  Co extends string = DefaultCommandType,
-  Ev extends UnknownType = DefaultEventType,
-  Me extends UnknownType = DefaultMessageType,
-  Re extends UnknownType = DefaultReactionType,
-  Us extends UnknownType = DefaultUserType,
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > =
-  | ReturnType<ChannelState<At, Ch, Co, Ev, Me, Re, Us>['formatMessage']>
-  | MessagesWithStylesReadByAndDateSeparator<At, Ch, Co, Me, Re, Us>;
+  | ReturnType<ChannelState<StreamChatGenerics>['formatMessage']>
+  | MessagesWithStylesReadByAndDateSeparator<StreamChatGenerics>;
 
 // Type guards to check MessageType
 export const isMessageWithStylesReadByAndDateSeparator = <
-  At extends UnknownType = DefaultAttachmentType,
-  Ch extends UnknownType = DefaultChannelType,
-  Co extends string = DefaultCommandType,
-  Ev extends UnknownType = DefaultEventType,
-  Me extends UnknownType = DefaultMessageType,
-  Re extends UnknownType = DefaultReactionType,
-  Us extends UnknownType = DefaultUserType,
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
-  message: MessageType<At, Ch, Co, Ev, Me, Re, Us>,
-): message is MessagesWithStylesReadByAndDateSeparator<At, Ch, Co, Me, Re, Us> =>
-  (message as MessagesWithStylesReadByAndDateSeparator<At, Ch, Co, Me, Re, Us>).readBy !==
-  undefined;
+  message: MessageType<StreamChatGenerics>,
+): message is MessagesWithStylesReadByAndDateSeparator<StreamChatGenerics> =>
+  (message as MessagesWithStylesReadByAndDateSeparator<StreamChatGenerics>).readBy !== undefined;
 
 export const useMessageList = <
-  At extends UnknownType = DefaultAttachmentType,
-  Ch extends UnknownType = DefaultChannelType,
-  Co extends string = DefaultCommandType,
-  Ev extends UnknownType = DefaultEventType,
-  Me extends UnknownType = DefaultMessageType,
-  Re extends UnknownType = DefaultReactionType,
-  Us extends UnknownType = DefaultUserType,
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   params: UseMessageListParams,
 ) => {
   const { deletedMessagesVisibilityType, inverted, noGroupByUser, threadList } = params;
-  const { client } = useChatContext<At, Ch, Co, Ev, Me, Re, Us>();
+  const { client } = useChatContext<StreamChatGenerics>();
   const { hideDateSeparators, maxTimeBetweenGroupedMessages, read } =
-    useChannelContext<At, Ch, Co, Ev, Me, Re, Us>();
-  const { messages } = usePaginatedMessageListContext<At, Ch, Co, Ev, Me, Re, Us>();
-  const { threadMessages } = useThreadContext<At, Ch, Co, Ev, Me, Re, Us>();
+    useChannelContext<StreamChatGenerics>();
+  const { messages } = usePaginatedMessageListContext<StreamChatGenerics>();
+  const { threadMessages } = useThreadContext<StreamChatGenerics>();
 
   const messageList = threadList ? threadMessages : messages;
-  const readList: ChannelContextValue<At, Ch, Co, Ev, Me, Re, Us>['read'] | undefined = threadList
+  const readList: ChannelContextValue<StreamChatGenerics>['read'] | undefined = threadList
     ? undefined
     : read;
 
-  const dateSeparators = getDateSeparators<At, Ch, Co, Ev, Me, Re, Us>({
+  const dateSeparators = getDateSeparators<StreamChatGenerics>({
     hideDateSeparators,
     messages: messageList,
     userId: client.userID,
   });
 
-  const messageGroupStyles = getGroupStyles<At, Ch, Co, Ev, Me, Re, Us>({
+  const messageGroupStyles = getGroupStyles<StreamChatGenerics>({
     dateSeparators,
     hideDateSeparators,
     maxTimeBetweenGroupedMessages,
@@ -136,5 +101,5 @@ export const useMessageList = <
     inverted
       ? messagesWithStylesReadByAndDateSeparator.reverse()
       : messagesWithStylesReadByAndDateSeparator
-  ) as MessageType<At, Ch, Co, Ev, Me, Re, Us>[];
+  ) as MessageType<StreamChatGenerics>[];
 };

package/src/components/MessageList/hooks/useTypingString.ts

@@ -1,34 +1,18 @@
-import { filterTypingUsers } from '../utils/filterTypingUsers';
-
 import { useChatContext } from '../../../contexts/chatContext/ChatContext';
 import { useThreadContext } from '../../../contexts/threadContext/ThreadContext';
 import { useTranslationContext } from '../../../contexts/translationContext/TranslationContext';
 import { useTypingContext } from '../../../contexts/typingContext/TypingContext';
 
-import type {
-  DefaultAttachmentType,
-  DefaultChannelType,
-  DefaultCommandType,
-  DefaultEventType,
-  DefaultMessageType,
-  DefaultReactionType,
-  DefaultUserType,
-  UnknownType,
-} from '../../../types/types';
+import type { DefaultStreamChatGenerics } from '../../../types/types';
+import { filterTypingUsers } from '../utils/filterTypingUsers';
 
 export const useTypingString = <
-  At extends UnknownType = DefaultAttachmentType,
-  Ch extends UnknownType = DefaultChannelType,
-  Co extends string = DefaultCommandType,
-  Ev extends UnknownType = DefaultEventType,
-  Me extends UnknownType = DefaultMessageType,
-  Re extends UnknownType = DefaultReactionType,
-  Us extends UnknownType = DefaultUserType,
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >() => {
-  const { client } = useChatContext<At, Ch, Co, Ev, Me, Re, Us>();
-  const { thread } = useThreadContext<At, Ch, Co, Ev, Me, Re, Us>();
+  const { client } = useChatContext<StreamChatGenerics>();
+  const { thread } = useThreadContext<StreamChatGenerics>();
   const { t } = useTranslationContext();
-  const { typing } = useTypingContext<At, Ch, Co, Ev, Me, Re, Us>();
+  const { typing } = useTypingContext<StreamChatGenerics>();
 
   const filteredTypingUsers = filterTypingUsers({ client, thread, typing });
 

package/src/components/MessageList/utils/filterTypingUsers.ts

@@ -1,42 +1,21 @@
 import type { ChatContextValue } from '../../../contexts/chatContext/ChatContext';
 import type { ThreadContextValue } from '../../../contexts/threadContext/ThreadContext';
 import type { TypingContextValue } from '../../../contexts/typingContext/TypingContext';
-import type {
-  DefaultAttachmentType,
-  DefaultChannelType,
-  DefaultCommandType,
-  DefaultEventType,
-  DefaultMessageType,
-  DefaultReactionType,
-  DefaultUserType,
-  UnknownType,
-} from '../../../types/types';
+import type { DefaultStreamChatGenerics } from '../../../types/types';
 
 type FilterTypingUsersParams<
-  At extends UnknownType = DefaultAttachmentType,
-  Ch extends UnknownType = DefaultChannelType,
-  Co extends string = DefaultCommandType,
-  Ev extends UnknownType = DefaultEventType,
-  Me extends UnknownType = DefaultMessageType,
-  Re extends UnknownType = DefaultReactionType,
-  Us extends UnknownType = DefaultUserType,
-> = Pick<TypingContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'typing'> &
-  Pick<ChatContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'client'> &
-  Pick<ThreadContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'thread'>;
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
+> = Pick<TypingContextValue<StreamChatGenerics>, 'typing'> &
+  Pick<ChatContextValue<StreamChatGenerics>, 'client'> &
+  Pick<ThreadContextValue<StreamChatGenerics>, 'thread'>;
 
 export const filterTypingUsers = <
-  At extends UnknownType = DefaultAttachmentType,
-  Ch extends UnknownType = DefaultChannelType,
-  Co extends string = DefaultCommandType,
-  Ev extends UnknownType = DefaultEventType,
-  Me extends UnknownType = DefaultMessageType,
-  Re extends UnknownType = DefaultReactionType,
-  Us extends UnknownType = DefaultUserType,
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   client,
   thread,
   typing,
-}: FilterTypingUsersParams<At, Ch, Co, Ev, Me, Re, Us>) => {
+}: FilterTypingUsersParams<StreamChatGenerics>) => {
   const nonSelfUsers: string[] = [];
 
   if (!client || !client.user || !typing) return nonSelfUsers;

package/src/components/MessageList/utils/getDateSeparators.ts

@@ -1,28 +1,13 @@
 import type { PaginatedMessageListContextValue } from '../../../contexts/paginatedMessageListContext/PaginatedMessageListContext';
 import type { ThreadContextValue } from '../../../contexts/threadContext/ThreadContext';
-import type {
-  DefaultAttachmentType,
-  DefaultChannelType,
-  DefaultCommandType,
-  DefaultEventType,
-  DefaultMessageType,
-  DefaultReactionType,
-  DefaultUserType,
-  UnknownType,
-} from '../../../types/types';
+import type { DefaultStreamChatGenerics } from '../../../types/types';
 
 export type GetDateSeparatorsParams<
-  At extends UnknownType = DefaultAttachmentType,
-  Ch extends UnknownType = DefaultChannelType,
-  Co extends string = DefaultCommandType,
-  Ev extends UnknownType = DefaultEventType,
-  Me extends UnknownType = DefaultMessageType,
-  Re extends UnknownType = DefaultReactionType,
-  Us extends UnknownType = DefaultUserType,
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   messages:
-    | PaginatedMessageListContextValue<At, Ch, Co, Ev, Me, Re, Us>['messages']
-    | ThreadContextValue<At, Ch, Co, Ev, Me, Re, Us>['threadMessages'];
+    | PaginatedMessageListContextValue<StreamChatGenerics>['messages']
+    | ThreadContextValue<StreamChatGenerics>['threadMessages'];
   hideDateSeparators?: boolean;
   userId?: string;
 };
@@ -32,15 +17,9 @@ export type DateSeparators = {
 };
 
 export const getDateSeparators = <
-  At extends UnknownType = DefaultAttachmentType,
-  Ch extends UnknownType = DefaultChannelType,
-  Co extends string = DefaultCommandType,
-  Ev extends UnknownType = DefaultEventType,
-  Me extends UnknownType = DefaultMessageType,
-  Re extends UnknownType = DefaultReactionType,
-  Us extends UnknownType = DefaultUserType,
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
-  params: GetDateSeparatorsParams<At, Ch, Co, Ev, Me, Re, Us>,
+  params: GetDateSeparatorsParams<StreamChatGenerics>,
 ) => {
   const { hideDateSeparators, messages, userId } = params;
   const dateSeparators: DateSeparators = {};

package/src/components/MessageList/utils/getGroupStyles.ts

@@ -1,33 +1,17 @@
 import type { DateSeparators } from './getDateSeparators';
 
-import type { GroupType } from '../hooks/useMessageList';
-
 import type { PaginatedMessageListContextValue } from '../../../contexts/paginatedMessageListContext/PaginatedMessageListContext';
 import type { ThreadContextValue } from '../../../contexts/threadContext/ThreadContext';
-import type {
-  DefaultAttachmentType,
-  DefaultChannelType,
-  DefaultCommandType,
-  DefaultEventType,
-  DefaultMessageType,
-  DefaultReactionType,
-  DefaultUserType,
-  UnknownType,
-} from '../../../types/types';
+import type { DefaultStreamChatGenerics } from '../../../types/types';
+import type { GroupType } from '../hooks/useMessageList';
 
 export type GetGroupStylesParams<
-  At extends UnknownType = DefaultAttachmentType,
-  Ch extends UnknownType = DefaultChannelType,
-  Co extends string = DefaultCommandType,
-  Ev extends UnknownType = DefaultEventType,
-  Me extends UnknownType = DefaultMessageType,
-  Re extends UnknownType = DefaultReactionType,
-  Us extends UnknownType = DefaultUserType,
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   dateSeparators: DateSeparators;
   messages:
-    | PaginatedMessageListContextValue<At, Ch, Co, Ev, Me, Re, Us>['messages']
-    | ThreadContextValue<At, Ch, Co, Ev, Me, Re, Us>['threadMessages'];
+    | PaginatedMessageListContextValue<StreamChatGenerics>['messages']
+    | ThreadContextValue<StreamChatGenerics>['threadMessages'];
   hideDateSeparators?: boolean;
   maxTimeBetweenGroupedMessages?: number;
   noGroupByUser?: boolean;
@@ -35,15 +19,9 @@ export type GetGroupStylesParams<
 };
 
 export const getGroupStyles = <
-  At extends UnknownType = DefaultAttachmentType,
-  Ch extends UnknownType = DefaultChannelType,
-  Co extends string = DefaultCommandType,
-  Ev extends UnknownType = DefaultEventType,
-  Me extends UnknownType = DefaultMessageType,
-  Re extends UnknownType = DefaultReactionType,
-  Us extends UnknownType = DefaultUserType,
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
-  params: GetGroupStylesParams<At, Ch, Co, Ev, Me, Re, Us>,
+  params: GetGroupStylesParams<StreamChatGenerics>,
 ) => {
   const {
     dateSeparators,

package/src/components/MessageList/utils/getLastReceivedMessage.ts

@@ -1,31 +1,21 @@
-import type {
-  DefaultAttachmentType,
-  DefaultChannelType,
-  DefaultCommandType,
-  DefaultEventType,
-  DefaultMessageType,
-  DefaultReactionType,
-  DefaultUserType,
-  UnknownType,
-} from '../../../types/types';
+import type { DefaultStreamChatGenerics } from '../../../types/types';
+import { MessageStatusTypes } from '../../../utils/utils';
+
 import type { MessageType } from '../hooks/useMessageList';
 
 export const getLastReceivedMessage = <
-  At extends UnknownType = DefaultAttachmentType,
-  Ch extends UnknownType = DefaultChannelType,
-  Co extends string = DefaultCommandType,
-  Ev extends UnknownType = DefaultEventType,
-  Me extends UnknownType = DefaultMessageType,
-  Re extends UnknownType = DefaultReactionType,
-  Us extends UnknownType = DefaultUserType,
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
-  messages: MessageType<At, Ch, Co, Ev, Me, Re, Us>[],
+  messages: MessageType<StreamChatGenerics>[],
 ) => {
   /**
    * There are no status on dates so they will be skipped
    */
   for (const message of messages) {
-    if (message?.status === 'received' || message?.status === 'sending') {
+    if (
+      message?.status === MessageStatusTypes.RECEIVED ||
+      message?.status === MessageStatusTypes.SENDING
+    ) {
       return message;
     }
   }

package/src/components/MessageList/utils/getReadStates.ts

@@ -1,31 +1,16 @@
 import type { ChannelContextValue } from '../../../contexts/channelContext/ChannelContext';
 import type { PaginatedMessageListContextValue } from '../../../contexts/paginatedMessageListContext/PaginatedMessageListContext';
 import type { ThreadContextValue } from '../../../contexts/threadContext/ThreadContext';
-import type {
-  DefaultAttachmentType,
-  DefaultChannelType,
-  DefaultCommandType,
-  DefaultEventType,
-  DefaultMessageType,
-  DefaultReactionType,
-  DefaultUserType,
-  UnknownType,
-} from '../../../types/types';
+import type { DefaultStreamChatGenerics } from '../../../types/types';
 
 export const getReadStates = <
-  At extends UnknownType = DefaultAttachmentType,
-  Ch extends UnknownType = DefaultChannelType,
-  Co extends string = DefaultCommandType,
-  Ev extends UnknownType = DefaultEventType,
-  Me extends UnknownType = DefaultMessageType,
-  Re extends UnknownType = DefaultReactionType,
-  Us extends UnknownType = DefaultUserType,
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   clientUserId: string | undefined,
   messages:
-    | PaginatedMessageListContextValue<At, Ch, Co, Ev, Me, Re, Us>['messages']
-    | ThreadContextValue<At, Ch, Co, Ev, Me, Re, Us>['threadMessages'],
-  read?: ChannelContextValue<At, Ch, Co, Ev, Me, Re, Us>['read'],
+    | PaginatedMessageListContextValue<StreamChatGenerics>['messages']
+    | ThreadContextValue<StreamChatGenerics>['threadMessages'],
+  read?: ChannelContextValue<StreamChatGenerics>['read'],
 ) => {
   const readData = messages.reduce((acc, cur) => {
     if (cur.id) {