stream-chat-react-native-core 4.7.3 → 4.9.0-beta.1

package/src/components/MessageInput/FileUploadPreview.tsx

@@ -45,11 +45,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 +66,12 @@ const styles = StyleSheet.create({
     paddingLeft: 10,
   },
   unsupportedFileText: {
-    fontSize: 16,
+    fontSize: 12,
+    marginHorizontal: 4,
   },
   warningIconStyle: {
     borderRadius: 24,
-    marginTop: 4,
+    marginTop: 3,
   },
 });
 

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/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/i18n/he.json

@@ -0,0 +1,67 @@
+{
+  "1 Reply": "תגובה אחת",
+  "1 Thread Reply": "תגובה אחת לשרשור",
+  "Allow access to your Gallery": "אפשר גישה לגלריה שלך",
+  "Also send to channel": "שלח/י הודעה לשיחה",
+  "Are you sure you want to permanently delete this message?": "האם את/ה בטוח/ה שאת/ה רוצה למחוק את ההודעה הזו לצמיתות?",
+  "Block User": "חסום משתמש",
+  "Cancel": "ביטול",
+  "Cannot Flag Message": "סימון הודעה לא אפשרי",
+  "Copy Message": "העתק/י הודעה",
+  "Delete": "מחק",
+  "Delete Message": "מחק/י הודעה",
+  "Do you want to send a copy of this message to a moderator for further investigation?": "האם את/ה רוצה לשלוח עותק של הודעה זו למנחה להמשך חקירה?",
+  "Edit Message": "ערוך הודעה",
+  "Editing Message": "הודעה בעריכה",
+  "Emoji matching": "התאמת אמוג'י",
+  "Empty message...": "הודעה ריקה...",
+  "Error loading": "שגיאה ארעה בעת הטעינה",
+  "Error loading channel list...": "שגיאה ארעה בטעינת השיחות...",
+  "Error loading messages for this channel...": "שגיאה ארעה בטעינת הודעות עבור שיחה זאת...",
+  "Error while loading, please reload/refresh": "שגיאה ארעה בזמן הטעינה, אנא טען מחדש/רענן",
+  "File type not supported": "סוג הקובץ אינו נתמך",
+  "Flag": "סמן",
+  "Flag Message": "סמן הודעה",
+  "Flag action failed either due to a network issue or the message is already flagged": "פעולת הסימון נכשלה בגלל בעיית רשת או שההודעה כבר סומנה.",
+  "Instant Commands": "פעולות מיידיות",
+  "Links are disabled": "הקישורים מבוטלים",
+  "Loading channels...": "השיחות בטעינה...",
+  "Loading messages...": "ההודעות בטעינה..",
+  "Loading...": "טוען...",
+  "Message Reactions": "תגובות להודעה",
+  "Message deleted": "ההודעה נמחקה",
+  "Message flagged": "ההודעה סומנה",
+  "Mute User": "השתק/י משתמש",
+  "Not supported": "לא נתמך",
+  "Nothing yet...": "אינפורמציה תתקבל בהמשך...",
+  "Ok": "אוקיי",
+  "Only visible to you": "גלוי רק לך",
+  "Photo": "תמונה",
+  "Photos": "תמונות",
+  "Pin to Conversation": "הצמד/י לשיחה",
+  "Please enable access to your photos and videos so you can share them.": "אפשר/י גישה לתמונות ולסרטונים שלך כדי שתוכל/י לשתף אותם.",
+  "Please select a channel first": "אנא בחר/י שיחה תחילה",
+  "Reconnecting...": "מתחבר מחדש...",
+  "Reply": "השב/י",
+  "Reply to Message": "השב/י להודעה",
+  "Resend": "שלח/י שוב",
+  "Search GIFs": "חפש/י GIFs",
+  "Send a message": "שלח/י הודעה",
+  "Sending links is not allowed in this conversation": "שליחת קישורים אינה מותרת בשיחה זו",
+  "Slow mode ON": "מצב איטי מופעל",
+  "The message has been reported to a moderator.": "ההודעה דווחה למנהל",
+  "Thread Reply": "הגב/י בשרשור",
+  "Unblock User": "בטל/י חסימת משתמש",
+  "Unknown User": "משתמש לא ידוע",
+  "Unmute User": "בטל/י השתקת משתמש",
+  "Unpin from Conversation": "בטל/י הצמדה לשיחה",
+  "Unread Messages": "הודעות שטרם נקרו",
+  "You": "את/ה",
+  "You can't send messages in this channel": "את/ב לא יכול/ה לשלוח הודעות בשיחה זו",
+  "{{ firstUser }} and {{ nonSelfUserLength }} more are typing": "{{ firstUser }} ו-{{ nonSelfUserLength }} משתמש/ים אחר/ים מקלידים",
+  "{{ index }} of {{ photoLength }}": "{{ index }} מתוך {{ photoLength }}",
+  "{{ replyCount }} Replies": "{{ replyCount }} תגובות",
+  "{{ replyCount }} Thread Replies": "{{ replyCount }} תגובות שרשור",
+  "{{ user }} is typing": "{{ user }} מקליד/ה",
+  "🏙 Attachment...": "🏙 קובץ מצורף..."
+}

package/src/index.ts

@@ -18,5 +18,6 @@ export { default as itTranslations } from './i18n/it.json';
 export { default as nlTranslations } from './i18n/nl.json';
 export { default as ruTranslations } from './i18n/ru.json';
 export { default as trTranslations } from './i18n/tr.json';
+export { default as heTranslations } from './i18n/he.json';
 
 export { version } from './version.json';

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/utils/Streami18n.ts

@@ -11,6 +11,7 @@ import type moment from 'moment';
 import type { TDateTimeParser } from '../contexts/translationContext/TranslationContext';
 import enTranslations from '../i18n/en.json';
 import frTranslations from '../i18n/fr.json';
+import heTranslations from '../i18n/he.json';
 import hiTranslations from '../i18n/hi.json';
 import itTranslations from '../i18n/it.json';
 import jaTranslations from '../i18n/ja.json';
@@ -19,9 +20,6 @@ import nlTranslations from '../i18n/nl.json';
 import ruTranslations from '../i18n/ru.json';
 import trTranslations from '../i18n/tr.json';
 
-const defaultNS = 'translation';
-const defaultLng = 'en';
-
 import 'dayjs/locale/fr';
 import 'dayjs/locale/hi';
 import 'dayjs/locale/it';
@@ -30,6 +28,7 @@ import 'dayjs/locale/ko';
 import 'dayjs/locale/nl';
 import 'dayjs/locale/ru';
 import 'dayjs/locale/tr';
+import 'dayjs/locale/he';
 
 /**
  * These locale imports also set these locales globally.
@@ -40,6 +39,9 @@ import 'dayjs/locale/en';
 
 import type { DefaultStreamChatGenerics } from '../types/types';
 
+const defaultNS = 'translation';
+const defaultLng = 'en';
+
 Dayjs.extend(updateLocale);
 
 Dayjs.updateLocale('en', {
@@ -357,6 +359,7 @@ export class Streami18n {
   } = {
     en: { [defaultNS]: enTranslations },
     fr: { [defaultNS]: frTranslations },
+    he: { [defaultNS]: heTranslations },
     hi: { [defaultNS]: hiTranslations },
     it: { [defaultNS]: itTranslations },
     ja: { [defaultNS]: jaTranslations },

package/src/version.json

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