stream-chat-react-native-core 4.8.0 → 4.9.0-beta.3

package/src/components/ChannelPreview/hooks/useLatestMessagePreview.ts

@@ -1,6 +1,6 @@
 import { useEffect, useState } from 'react';
 
-import type { Channel, ChannelState, MessageResponse, StreamChat } from 'stream-chat';
+import type { Channel, ChannelState, MessageResponse, StreamChat, UserResponse } from 'stream-chat';
 
 import { useChatContext } from '../../../contexts/chatContext/ChatContext';
 import {
@@ -29,6 +29,43 @@ export type LatestMessagePreview<
   status: number;
 };
 
+const getMessageSenderName = <
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
+>(
+  message: LatestMessage<StreamChatGenerics> | undefined,
+  currentUserId: string | undefined,
+  t: (key: string) => string,
+  membersLength: number,
+) => {
+  if (message?.user?.id === currentUserId) {
+    return t('You');
+  }
+
+  if (membersLength > 2) {
+    return message?.user?.name || message?.user?.username || message?.user?.id || '';
+  }
+
+  return '';
+};
+
+const getMentionUsers = <
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
+>(
+  mentionedUser: UserResponse<StreamChatGenerics>[] | undefined,
+) => {
+  if (Array.isArray(mentionedUser)) {
+    const mentionUserString = mentionedUser.reduce((acc, cur) => {
+      const userName = cur.name || cur.id || '';
+      if (userName) {
+        acc += `${acc.length ? '|' : ''}@${userName}`;
+      }
+      return acc;
+    }, '');
+    return mentionUserString;
+  }
+  return '';
+};
+
 const getLatestMessageDisplayText = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
@@ -40,32 +77,21 @@ const getLatestMessageDisplayText = <
   if (!message) return [{ bold: false, text: t('Nothing yet...') }];
   const isMessageTypeDeleted = message.type === 'deleted';
   if (isMessageTypeDeleted) return [{ bold: false, text: t('Message deleted') }];
-  const currentUserId = client.userID;
-  const messageOwnerId = message.user?.id;
+  const currentUserId = client?.userID;
   const members = Object.keys(channel.state.members);
-  const owner =
-    messageOwnerId === currentUserId
-      ? t('You')
-      : members.length > 2
-      ? message.user?.name || message.user?.username || message.user?.id || ''
-      : '';
-  const ownerText = owner ? `${owner === t('You') ? '' : '@'}${owner}: ` : '';
-  const boldOwner = ownerText.includes('@');
+
+  const messageSender = getMessageSenderName(message, currentUserId, t, members.length);
+  const messageSenderText = messageSender
+    ? `${messageSender === t('You') ? '' : '@'}${messageSender}: `
+    : '';
+  const boldOwner = messageSenderText.includes('@');
   if (message.text) {
     // rough guess optimization to limit string preview to max 100 characters
     const shortenedText = message.text.substring(0, 100).replace(/\n/g, ' ');
-    const mentionedUsers = Array.isArray(message.mentioned_users)
-      ? message.mentioned_users.reduce((acc, cur) => {
-          const userName = cur.name || cur.id || '';
-          if (userName) {
-            acc += `${acc.length ? '|' : ''}@${userName}`;
-          }
-          return acc;
-        }, '')
-      : '';
+    const mentionedUsers = getMentionUsers(message.mentioned_users);
     const regEx = new RegExp(`^(${mentionedUsers})`);
     return [
-      { bold: boldOwner, text: ownerText },
+      { bold: boldOwner, text: messageSenderText },
       ...shortenedText.split('').reduce(
         (acc, cur, index) => {
           if (cur === '@' && mentionedUsers && regEx.test(shortenedText.substring(index))) {
@@ -83,18 +109,18 @@ const getLatestMessageDisplayText = <
   }
   if (message.command) {
     return [
-      { bold: boldOwner, text: ownerText },
+      { bold: boldOwner, text: messageSenderText },
       { bold: false, text: `/${message.command}` },
     ];
   }
   if (message.attachments?.length) {
     return [
-      { bold: boldOwner, text: ownerText },
+      { bold: boldOwner, text: messageSenderText },
       { bold: false, text: t('🏙 Attachment...') },
     ];
   }
   return [
-    { bold: boldOwner, text: ownerText },
+    { bold: boldOwner, text: messageSenderText },
     { bold: false, text: t('Empty message...') },
   ];
 };

package/src/components/MessageInput/FileUploadPreview.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useRef, useState } from 'react';
-import { FlatList, StyleSheet, Text, TouchableOpacity, View } from 'react-native';
+import { FlatList, I18nManager, StyleSheet, Text, TouchableOpacity, View } from 'react-native';
 
 import { UploadProgressIndicator } from './UploadProgressIndicator';
 
@@ -19,6 +19,7 @@ import { Warning } from '../../icons/Warning';
 import type { DefaultStreamChatGenerics } from '../../types/types';
 import { getIndicatorTypeForFileState, ProgressIndicatorTypes } from '../../utils/utils';
 import { getFileSizeDisplayText } from '../Attachment/FileAttachment';
+import { WritingDirectionAwareText } from '../RTLComponents/WritingDirectionAwareText';
 
 const FILE_PREVIEW_HEIGHT = 60;
 const WARNING_ICON_SIZE = 16;
@@ -45,11 +46,11 @@ const styles = StyleSheet.create({
   filenameText: {
     fontSize: 14,
     fontWeight: 'bold',
-    paddingLeft: 10,
+    paddingHorizontal: 10,
   },
   fileSizeText: {
     fontSize: 12,
-    paddingLeft: 10,
+    paddingHorizontal: 10,
   },
   fileTextContainer: {
     height: '100%',
@@ -66,11 +67,12 @@ const styles = StyleSheet.create({
     paddingLeft: 10,
   },
   unsupportedFileText: {
-    fontSize: 16,
+    fontSize: 12,
+    marginHorizontal: 4,
   },
   warningIconStyle: {
     borderRadius: 24,
-    marginTop: 4,
+    marginTop: 2,
   },
 });
 
@@ -104,9 +106,9 @@ const UnsupportedFileTypeOrFileSizeIndicator = ({
       </Text>
     </View>
   ) : (
-    <Text style={[styles.fileSizeText, { color: grey }, fileSizeText]}>
-      {item.file.duration ? item.file.duration : getFileSizeDisplayText(item.file.size)}
-    </Text>
+    <WritingDirectionAwareText style={[styles.fileSizeText, { color: grey }, fileSizeText]}>
+      {item.file.duration || getFileSizeDisplayText(item.file.size)}
+    </WritingDirectionAwareText>
   );
 };
 
@@ -187,6 +189,7 @@ const FileUploadPreviewWithContext = <
                         24 - // 24 = close icon size
                         24, // 24 = internal padding
                     },
+                    I18nManager.isRTL ? { writingDirection: 'rtl' } : { writingDirection: 'ltr' },
                     filenameText,
                   ]}
                 >

package/src/components/MessageInput/ImageUploadPreview.tsx

@@ -27,7 +27,7 @@ const styles = StyleSheet.create({
   },
   fileSizeText: {
     fontSize: 12,
-    paddingLeft: 10,
+    paddingHorizontal: 10,
   },
   flatList: { paddingBottom: 12 },
   iconContainer: {
@@ -44,7 +44,7 @@ const styles = StyleSheet.create({
     borderRadius: 20,
     bottom: 8,
     flexDirection: 'row',
-    marginLeft: 3,
+    marginHorizontal: 3,
     position: 'absolute',
   },
   upload: {
@@ -54,15 +54,14 @@ const styles = StyleSheet.create({
   },
   warningIconStyle: {
     borderRadius: 24,
-    marginLeft: 4,
-    marginTop: 4,
+    marginTop: 6,
   },
   warningText: {
     alignItems: 'center',
     color: 'black',
     fontSize: 10,
     justifyContent: 'center',
-    paddingRight: 8,
+    marginHorizontal: 4,
   },
 });
 

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

@@ -286,6 +286,7 @@ Array [
                     Object {
                       "color": "#000000",
                       "maxHeight": 85,
+                      "textAlign": "left",
                     },
                     Object {},
                   ]

package/src/components/RTLComponents/WritingDirectionAwareText.tsx

@@ -0,0 +1,17 @@
+import React from 'react';
+import { I18nManager, StyleSheet, Text, ViewProps } from 'react-native';
+
+const styles = StyleSheet.create({
+  defaultStyle: { writingDirection: I18nManager.isRTL ? 'rtl' : 'ltr' },
+});
+
+export type WritingDirectionAwareTextProps = ViewProps;
+
+export const WritingDirectionAwareText: React.FC<WritingDirectionAwareTextProps> = (props) => {
+  const { children, style, ...rest } = props;
+  return (
+    <Text {...rest} style={[style, styles.defaultStyle]}>
+      {children}
+    </Text>
+  );
+};

package/src/components/Reply/Reply.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React, { useContext, useState } from 'react';
 import { Image, ImageStyle, StyleSheet, View, ViewStyle } from 'react-native';
 
 import merge from 'lodash/merge';
@@ -7,8 +7,8 @@ import type { Attachment } from 'stream-chat';
 
 import { useMessageContext } from '../../contexts/messageContext/MessageContext';
 import {
+  MessageInputContext,
   MessageInputContextValue,
-  useMessageInputContext,
 } from '../../contexts/messageInputContext/MessageInputContext';
 import {
   MessagesContextValue,
@@ -267,6 +267,22 @@ const ReplyWithContext = <
   );
 };
 
+/**
+ * When a reply is rendered in a MessageSimple, it does
+ * not have a MessageInputContext. As this is deliberate,
+ * 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>;
+
+  return contextValue;
+};
+
 const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(
   prevProps: ReplyPropsWithContext<StreamChatGenerics>,
   nextProps: ReplyPropsWithContext<StreamChatGenerics>,
@@ -307,7 +323,7 @@ export const Reply = <
   const { FileAttachmentIcon = FileIconDefault, MessageAvatar = MessageAvatarDefault } =
     useMessagesContext<StreamChatGenerics>();
 
-  const { editing, quotedMessage } = useMessageInputContext<StreamChatGenerics>();
+  const { editing, quotedMessage } = useMessageInputContextIfAvailable<StreamChatGenerics>();
 
   const quotedEditingMessage = (
     typeof editing !== 'boolean' ? editing?.quoted_message || false : false

package/src/components/Reply/__tests__/Reply.test.tsx

@@ -0,0 +1,48 @@
+import React from 'react';
+
+import { 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 { generateChannelResponse } from '../../../mock-builders/generator/channel';
+import { getTestClientWithUser } from '../../../mock-builders/mock';
+import { Channel } from '../../Channel/Channel';
+import { Chat } from '../../Chat/Chat';
+import { Reply } from '../Reply';
+
+describe('<Reply/>', () => {
+  it('can be rendered outside of a MessageInputProvider', async () => {
+    const oldEnvironment = process.env;
+    process.env.NODE_ENV = 'not_test';
+
+    const chatClient = await getTestClientWithUser({ id: 'neil' });
+
+    const mockedChannel = generateChannelResponse();
+    useMockedApis(chatClient, [getOrCreateChannelApi(mockedChannel)]);
+    const channel = chatClient.channel('messaging', 'some-chat');
+    await channel.watch();
+
+    const TestComponent = () => (
+      <OverlayProvider>
+        <Chat client={chatClient}>
+          <Channel channel={channel} client={chatClient}>
+            <Reply />
+          </Channel>
+        </Chat>
+      </OverlayProvider>
+    );
+
+    try {
+      const { toJSON } = render(<TestComponent />);
+
+      await waitFor(() => {
+        expect(toJSON()).not.toBeNull();
+      });
+    } catch (error: unknown) {
+      throw new Error(`Error thrown while rendering Reply: ${error}`);
+    }
+
+    process.env = oldEnvironment;
+  });
+});

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

@@ -1623,6 +1623,7 @@ exports[`Thread should match thread snapshot 1`] = `
                   Object {
                     "color": "#000000",
                     "maxHeight": 85,
+                    "textAlign": "left",
                   },
                   Object {},
                 ]

package/src/contexts/messagesContext/MessagesContext.tsx

@@ -2,6 +2,9 @@ import React, { PropsWithChildren, useContext } from 'react';
 
 import type { TouchableOpacityProps } from 'react-native';
 
+import type { ImageLoadingFailedIndicatorProps } from 'src/components/Attachment/ImageLoadingFailedIndicator';
+import type { ImageLoadingIndicatorProps } from 'src/components/Attachment/ImageLoadingIndicator';
+
 import type { MessagePinnedHeaderProps } from 'src/components/Message/MessageSimple/MessagePinnedHeader';
 
 import type { Attachment, ChannelState, MessageResponse } from 'stream-chat';
@@ -115,6 +118,17 @@ export type MessagesContextValue<
    * The giphy version to render - check the keys of the [Image Object](https://developers.giphy.com/docs/api/schema#image-object) for possible values. Uses 'fixed_height' by default
    * */
   giphyVersion: keyof NonNullable<Attachment['giphy']>;
+
+  /**
+   * The indicator rendered when loading an image fails.
+   */
+  ImageLoadingFailedIndicator: React.ComponentType<ImageLoadingFailedIndicatorProps>;
+
+  /**
+   * The indicator rendered when image is loading. By default renders <ActivityIndicator/>
+   */
+  ImageLoadingIndicator: React.ComponentType<ImageLoadingIndicatorProps>;
+
   /**
    * When true, messageList will be scrolled at first unread message, when opened.
    */
@@ -129,6 +143,7 @@ export type MessagesContextValue<
    * Defaults to: [InlineUnreadIndicator](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/Message/MessageSimple/InlineUnreadIndicator.tsx)
    **/
   InlineUnreadIndicator: React.ComponentType;
+
   Message: React.ComponentType<MessageProps<StreamChatGenerics>>;
   /**
    * UI component for MessageAvatar

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

@@ -454,6 +454,10 @@ export type Theme = {
       shuffle: TextStyle;
       title: TextStyle;
     };
+    loadingIndicator: {
+      container: ViewStyle;
+      roundedView: ViewStyle;
+    };
     pinnedHeader: {
       container: ViewStyle;
       label: TextStyle;
@@ -971,6 +975,10 @@ export const defaultTheme: Theme = {
       shuffle: {},
       title: {},
     },
+    loadingIndicator: {
+      container: {},
+      roundedView: {},
+    },
     pinnedHeader: {
       container: {},
       label: {},

package/src/mock-builders/api/channelMocks.tsx

@@ -0,0 +1,272 @@
+import type {
+  Attachment,
+  Channel,
+  FormatMessageResponse,
+  MessageResponse,
+  UserResponse,
+} from 'stream-chat';
+
+import {
+  GROUP_CHANNEL_MEMBERS_MOCK,
+  ONE_MEMBER_WITH_EMPTY_USER_MOCK,
+} from '../../mock-builders/api/queryMembers';
+
+import type { DefaultStreamChatGenerics } from '../../types/types';
+
+const channelName = 'okechukwu';
+const CHANNEL = {
+  data: { name: channelName },
+  state: { messages: [] },
+} as unknown as Channel<DefaultStreamChatGenerics>;
+
+const CHANNEL_WITH_MESSAGES_TEXT = {
+  data: { name: channelName },
+  state: {
+    members: GROUP_CHANNEL_MEMBERS_MOCK,
+    messages: [
+      {
+        args: 'string',
+        attachments: [],
+        channel: CHANNEL,
+        cid: 'stridkncnng',
+        command: 'giphy',
+        command_info: { name: 'string' },
+        created_at: new Date('2021-02-12T12:12:35.862Z'),
+        deleted_at: new Date('2021-02-12T12:12:35.862Z'),
+        id: 'ljkblk',
+        text: 'jkbkbiubicbi',
+        type: 'MessageLabel',
+        user: { id: 'okechukwu' } as unknown as UserResponse<DefaultStreamChatGenerics>,
+      } as unknown as MessageResponse<DefaultStreamChatGenerics>,
+      {
+        args: 'string',
+        attachments: [],
+        channel: CHANNEL,
+        cid: 'stridodong',
+        command: 'giphy',
+        command_info: { name: 'string' },
+        created_at: new Date('2021-02-12T12:12:35.862Z'),
+        deleted_at: new Date('2021-02-12T12:12:35.862Z'),
+        id: 'jbkjb',
+        text: 'jkbkbiubicbi',
+        type: 'MessageLabel',
+        user: { id: 'okechukwu' } as unknown as UserResponse<DefaultStreamChatGenerics>,
+      } as unknown as MessageResponse<DefaultStreamChatGenerics>,
+    ],
+  },
+} as unknown as Channel<DefaultStreamChatGenerics>;
+
+const CHANNEL_WITH_DELETED_MESSAGES = {
+  data: { name: channelName },
+  state: {
+    members: GROUP_CHANNEL_MEMBERS_MOCK,
+    messages: [
+      {
+        type: 'deleted',
+      } as unknown as MessageResponse<DefaultStreamChatGenerics>,
+      {
+        type: 'deleted',
+      } as unknown as MessageResponse<DefaultStreamChatGenerics>,
+    ],
+  },
+} as unknown as Channel<DefaultStreamChatGenerics>;
+
+const CHANNEL_WITH_NO_MESSAGES = {
+  data: { name: channelName },
+  state: {
+    members: GROUP_CHANNEL_MEMBERS_MOCK,
+    messages: [],
+  },
+} as unknown as Channel<DefaultStreamChatGenerics>;
+
+const CHANNEL_WITH_MESSAGE_COMMAND = {
+  data: { name: channelName },
+  state: {
+    members: GROUP_CHANNEL_MEMBERS_MOCK,
+    messages: [
+      {
+        args: 'string',
+        attachments: [],
+        channel: CHANNEL,
+        cid: 'stridkncnng',
+        command: 'giphy',
+        command_info: { name: 'string' },
+        created_at: new Date('2021-02-12T12:12:35.862Z'),
+        deleted_at: new Date('2021-02-12T12:12:35.862Z'),
+        id: 'ljkblk',
+        user: { id: 'okechukwu' } as unknown as UserResponse<DefaultStreamChatGenerics>,
+      } as unknown as MessageResponse<DefaultStreamChatGenerics>,
+      {
+        args: 'string',
+        attachments: [],
+        channel: CHANNEL,
+        cid: 'stridodong',
+        command: 'giphy',
+        command_info: { name: 'string' },
+        created_at: new Date('2021-02-12T12:12:35.862Z'),
+        deleted_at: new Date('2021-02-12T12:12:35.862Z'),
+        id: 'jbkjb',
+        user: { id: 'okechukwu' } as unknown as UserResponse<DefaultStreamChatGenerics>,
+      } as unknown as MessageResponse<DefaultStreamChatGenerics>,
+    ],
+  },
+} as unknown as Channel<DefaultStreamChatGenerics>;
+
+const CHANNEL_WITH_MESSAGES_ATTACHMENTS = {
+  data: { name: channelName },
+  state: {
+    members: GROUP_CHANNEL_MEMBERS_MOCK,
+    messages: [
+      {
+        args: 'string',
+        attachments: [
+          {
+            actions: [],
+            asset_url: 'string',
+            author_icon: 'string',
+            author_link: 'string',
+            author_name: 'string',
+            color: 'string',
+            fallback: 'string',
+            fields: [],
+            file_size: 25,
+            footer: 'string',
+            footer_icon: 'string',
+            image_url: 'string',
+            mime_type: 'string',
+            og_scrape_url: 'string',
+            original_height: 5,
+            original_width: 4,
+            pretext: 'string',
+            text: 'string',
+            thumb_url: 'string',
+            title: 'string',
+            title_link: 'string',
+            type: 'string',
+          } as Attachment<DefaultStreamChatGenerics>,
+        ],
+        channel: CHANNEL,
+        created_at: new Date('2021-02-12T12:12:35.862Z'),
+        deleted_at: new Date('2021-02-12T12:12:35.862Z'),
+        id: 'ljkblk',
+        user: { id: 'okechukwu' } as unknown as UserResponse<DefaultStreamChatGenerics>,
+      } as unknown as MessageResponse<DefaultStreamChatGenerics>,
+    ],
+  },
+} as unknown as Channel<DefaultStreamChatGenerics>;
+
+const LATEST_MESSAGE = {
+  args: 'string',
+  attachments: [],
+  channel: CHANNEL,
+  cid: 'string',
+  command: 'giphy',
+  command_info: { name: 'string' },
+  created_at: new Date('2021-02-12T12:12:35.862Z'),
+  deleted_at: new Date('2021-02-12T12:12:35.862Z'),
+  id: 'string',
+  text: 'jkbkbiubicbi',
+  type: 'MessageLabel',
+  user: { id: 'okechukwu' } as unknown as UserResponse<DefaultStreamChatGenerics>,
+} as unknown as MessageResponse<DefaultStreamChatGenerics>;
+
+const FORMATTED_MESSAGE: FormatMessageResponse<DefaultStreamChatGenerics> = {
+  created_at: new Date('2021-02-12T12:12:35.862282Z'),
+  id: '',
+  message: {} as unknown as MessageResponse<DefaultStreamChatGenerics>,
+  pinned_at: new Date('2021-02-12T12:12:35.862282Z'),
+  status: 'received',
+  updated_at: new Date('2021-02-12T12:12:35.862282Z'),
+};
+
+const CHANNEL_WITH_MENTIONED_USERS = {
+  state: {
+    members: ONE_MEMBER_WITH_EMPTY_USER_MOCK,
+    messages: [
+      {
+        args: 'string',
+        attachments: [],
+        cid: 'stridkncnng',
+        command_info: { name: 'string' },
+        created_at: new Date('2021-02-12T12:12:35.862Z'),
+        deleted_at: new Date('2021-02-12T12:12:35.862Z'),
+        mentioned_users: [
+          { id: 'Max', name: 'Max' },
+          { id: 'Ada', name: 'Ada' },
+          { id: 'Enzo', name: 'Enzo' },
+        ] as UserResponse<DefaultStreamChatGenerics>[],
+        text: 'Max',
+      } as unknown as MessageResponse<DefaultStreamChatGenerics>,
+      {
+        args: 'string',
+        attachments: [],
+        cid: 'stridodong',
+        command_info: { name: 'string' },
+        created_at: new Date('2021-02-12T12:12:35.862Z'),
+        deleted_at: new Date('2021-02-12T12:12:35.862Z'),
+        mentioned_users: [
+          { id: 'Max', name: 'Max' },
+          { id: 'Ada', name: 'Ada' },
+          { id: 'Enzo', name: 'Enzo' },
+        ] as UserResponse<DefaultStreamChatGenerics>[],
+        text: 'Max',
+      } as unknown as MessageResponse<DefaultStreamChatGenerics>,
+    ],
+  },
+} as unknown as Channel<DefaultStreamChatGenerics>;
+
+const CHANNEL_WITH_EMPTY_MESSAGE = {
+  state: {
+    members: ONE_MEMBER_WITH_EMPTY_USER_MOCK,
+    messages: [
+      {
+        args: 'string',
+        attachments: [],
+        cid: 'stridkncnng',
+        command_info: { name: 'string' },
+        created_at: new Date('2021-02-12T12:12:35.862Z'),
+        deleted_at: new Date('2021-02-12T12:12:35.862Z'),
+        mentioned_users: [
+          { id: 'Max', name: 'Max' },
+          { id: 'Ada', name: 'Ada' },
+          { id: 'Enzo', name: 'Enzo' },
+        ] as UserResponse<DefaultStreamChatGenerics>[],
+      } as unknown as MessageResponse<DefaultStreamChatGenerics>,
+      {
+        args: 'string',
+        attachments: [],
+        cid: 'stridodong',
+        command_info: { name: 'string' },
+        created_at: new Date('2021-02-12T12:12:35.862Z'),
+        deleted_at: new Date('2021-02-12T12:12:35.862Z'),
+        mentioned_users: [
+          { id: 'Max', name: 'Max' },
+          { id: 'Ada', name: 'Ada' },
+          { id: 'Enzo', name: 'Enzo' },
+        ] as UserResponse<DefaultStreamChatGenerics>[],
+      } as unknown as MessageResponse<DefaultStreamChatGenerics>,
+    ],
+  },
+} as unknown as Channel<DefaultStreamChatGenerics>;
+
+const CHANNEL_WITH_MESSAGES = {
+  data: { name: channelName },
+  state: {
+    members: GROUP_CHANNEL_MEMBERS_MOCK,
+    messages: [FORMATTED_MESSAGE, FORMATTED_MESSAGE],
+  },
+} as unknown as Channel<DefaultStreamChatGenerics>;
+
+export {
+  CHANNEL,
+  CHANNEL_WITH_EMPTY_MESSAGE,
+  CHANNEL_WITH_MESSAGES,
+  CHANNEL_WITH_MENTIONED_USERS,
+  FORMATTED_MESSAGE,
+  LATEST_MESSAGE,
+  CHANNEL_WITH_MESSAGES_ATTACHMENTS,
+  CHANNEL_WITH_MESSAGE_COMMAND as CHANNEL_WITH_MESSAGES_COMMAND,
+  CHANNEL_WITH_NO_MESSAGES,
+  CHANNEL_WITH_DELETED_MESSAGES,
+  CHANNEL_WITH_MESSAGES_TEXT,
+};

package/src/version.json

@@ -1,3 +1,3 @@
 {
-  "version": "4.8.0"
+  "version": "4.9.0-beta.3"
 }