stream-chat-react-native-core 4.8.0-beta.1 → 4.9.0-beta.2

package/src/components/MessageInput/ImageUploadPreview.tsx

@@ -44,7 +44,7 @@ const styles = StyleSheet.create({
     borderRadius: 20,
     bottom: 8,
     flexDirection: 'row',
-    marginLeft: 3,
+    marginHorizontal: 3,
     position: 'absolute',
   },
   upload: {
@@ -54,7 +54,6 @@ const styles = StyleSheet.create({
   },
   warningIconStyle: {
     borderRadius: 24,
-    marginLeft: 4,
     marginTop: 4,
   },
   warningText: {
@@ -62,7 +61,7 @@ const styles = StyleSheet.create({
     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/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-beta.1"
+  "version": "4.9.0-beta.2"
 }