stream-chat-react-native-core 5.28.0-beta.1 → 5.28.0-beta.3

package/lib/typescript/i18n/tr.json

@@ -1,15 +1,15 @@
 {
-    "1 Reply": "1 Cevap",
+    "1 Reply": "",
     "1 Thread Reply": "",
     "Allow access to your Gallery": "",
     "Allow camera access in device settings": "",
-    "Also send to channel": "Kanala da gönder",
+    "Also send to channel": "",
     "Are you sure you want to permanently delete this message?": "",
-    "Are you sure?": "Emin misiniz?",
+    "Are you sure?": "",
     "Block User": "",
     "Cancel": "",
     "Cannot Flag Message": "",
-    "Consider how your comment might make others feel and be sure to follow our Community Guidelines": "Yorumunuzun diğerlerini nasıl hissettirebileceğini düşünün ve topluluk kurallarımızı takip ettiğinizden emin olun",
+    "Consider how your comment might make others feel and be sure to follow our Community Guidelines": "",
     "Copy Message": "",
     "Delete": "",
     "Delete Message": "",
@@ -18,33 +18,33 @@
     "Edit Message": "",
     "Editing Message": "",
     "Emoji matching": "",
-    "Empty message...": "Boş mesaj...",
+    "Empty message...": "",
     "Error loading": "",
     "Error loading channel list...": "",
     "Error loading messages for this channel...": "",
-    "Error while loading, please reload/refresh": "Yüklenirken hata oluştu, lütfen tekrar deneyiniz",
-    "File type not supported": "",
+    "Error while loading, please reload/refresh": "",
+    "File type not supported": "Dosya türü desteklenmiyor",
     "Flag": "",
     "Flag Message": "",
     "Flag action failed either due to a network issue or the message is already flagged": "",
     "How about sending your first message to a friend?": "",
     "Instant Commands": "",
     "Let's start chatting!": "",
-    "Links are disabled": "Bağlantılar devre dışı",
+    "Links are disabled": "",
     "Loading channels...": "",
     "Loading messages...": "",
     "Loading...": "",
-    "Maximum file size upload limit reached. Please upload a file below {{MAX_FILE_SIZE_TO_UPLOAD_IN_MB}} MB.": "Maksimum dosya boyutu yükleme sınırına ulaşıldı. Lütfen {{MAX_FILE_SIZE_TO_UPLOAD_IN_MB}} MB'ın altında bir dosya yükleyin.",
-    "Message Reactions": "Mesaj Tepkileri",
+    "Maximum file size upload limit reached. Please upload a file below {{MAX_FILE_SIZE_TO_UPLOAD_IN_MB}} MB.": "",
+    "Message Reactions": "",
     "Message deleted": "Mesaj silindi",
     "Message flagged": "",
     "Mute User": "",
     "Not supported": "Desteklenmiyor",
-    "Nothing yet...": "Henüz değil...",
+    "Nothing yet...": "",
     "Ok": "",
     "Only visible to you": "",
     "Open Settings": "",
-    "Photo": "",
+    "Photo": "Fotoğraf",
     "Photos and Videos": "",
     "Pin to Conversation": "",
     "Pinned by": "",
@@ -56,9 +56,9 @@
     "Resend": "",
     "Search GIFs": "",
     "Select More Photos": "",
-    "Send Anyway": "Yine de Gönder",
+    "Send Anyway": "",
     "Send a message": "",
-    "Sending links is not allowed in this conversation": "Bu konuşmada bağlantı göndermek desteklenmiyor",
+    "Sending links is not allowed in this conversation": "",
     "Slow mode ON": "",
     "The message has been reported to a moderator.": "",
     "Thread Reply": "",
@@ -67,13 +67,13 @@
     "Unmute User": "",
     "Unpin from Conversation": "",
     "Unread Messages": "",
-    "Video": "",
+    "Video": "Video",
     "You": "Sen",
-    "You can't send messages in this channel": "Bu konuşmaya mesaj gönderemezsiniz",
-    "{{ firstUser }} and {{ nonSelfUserLength }} more are typing": "{{ firstUser }} ve {{ nonSelfUserLength }} kişi daha yazıyor",
+    "You can't send messages in this channel": "",
+    "{{ firstUser }} and {{ nonSelfUserLength }} more are typing": "",
     "{{ index }} of {{ photoLength }}": "",
-    "{{ replyCount }} Replies": "{{ replyCount }} Cevap",
+    "{{ replyCount }} Replies": "",
     "{{ replyCount }} Thread Replies": "",
-    "{{ user }} is typing": "{{ user }} yazıyor",
-    "🏙 Attachment...": "🏙 Ek..."
+    "{{ user }} is typing": "",
+    "🏙 Attachment...": ""
 }

package/lib/typescript/store/apis/getChannelsForFilterSort.d.ts

@@ -1,5 +1,5 @@
-import type { DefaultStreamChatGenerics } from 'src/types/types';
 import type { ChannelAPIResponse, ChannelFilters, ChannelSort } from 'stream-chat';
+import type { DefaultStreamChatGenerics } from '../../types/types';
 /**
  * Gets the channels from database for given filter and sort query.
  *

package/lib/typescript/store/apis/getChannelsForFilterSort.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getChannelsForFilterSort.d.ts","sourceRoot":"","sources":["../../../../src/store/apis/getChannelsForFilterSort.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAC;AACjE,OAAO,KAAK,EAAE,kBAAkB,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAOnF;;;;;;;;;GASG;AACH,eAAO,MAAM,wBAAwB;mBAOpB,MAAM;;;uEAuBtB,CAAC"}
+{"version":3,"file":"getChannelsForFilterSort.d.ts","sourceRoot":"","sources":["../../../../src/store/apis/getChannelsForFilterSort.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAKnF,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAInE;;;;;;;;;GASG;AACH,eAAO,MAAM,wBAAwB;mBAOpB,MAAM;;;uEAuBtB,CAAC"}

package/lib/typescript/store/apis/queries/selectMembersForChannels.d.ts

@@ -1,3 +1,3 @@
-import type { TableRowJoinedUser } from 'src/store/types';
+import type { TableRowJoinedUser } from '../../../store/types';
 export declare const selectMembersForChannels: (cids: string[]) => TableRowJoinedUser<'members'>[];
 //# sourceMappingURL=selectMembersForChannels.d.ts.map

package/lib/typescript/store/apis/queries/selectMembersForChannels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"selectMembersForChannels.d.ts","sourceRoot":"","sources":["../../../../../src/store/apis/queries/selectMembersForChannels.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAK1D,eAAO,MAAM,wBAAwB,SAAU,MAAM,EAAE,KAAG,mBAAmB,SAAS,CAAC,EA8BtF,CAAC"}
+{"version":3,"file":"selectMembersForChannels.d.ts","sourceRoot":"","sources":["../../../../../src/store/apis/queries/selectMembersForChannels.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAK/D,eAAO,MAAM,wBAAwB,SAAU,MAAM,EAAE,KAAG,mBAAmB,SAAS,CAAC,EA8BtF,CAAC"}

package/lib/typescript/store/apis/upsertChannelDataFromChannel.d.ts

@@ -1,5 +1,5 @@
-import { DefaultStreamChatGenerics } from 'src/types/types';
 import type { Channel } from 'stream-chat';
+import { DefaultStreamChatGenerics } from '../../types/types';
 export declare const upsertChannelDataFromChannel: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ channel, flush, }: {
     channel: Channel<StreamChatGenerics>;
     flush?: boolean | undefined;

package/lib/typescript/store/apis/upsertChannelDataFromChannel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"upsertChannelDataFromChannel.d.ts","sourceRoot":"","sources":["../../../../src/store/apis/upsertChannelDataFromChannel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAC;AAC5D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAM3C,eAAO,MAAM,4BAA4B;;;sDAiBxC,CAAC"}
+{"version":3,"file":"upsertChannelDataFromChannel.d.ts","sourceRoot":"","sources":["../../../../src/store/apis/upsertChannelDataFromChannel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C,OAAO,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAK9D,eAAO,MAAM,4BAA4B;;;sDAiBxC,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "stream-chat-react-native-core",
   "description": "The official React Native and Expo components for Stream Chat, a service for building chat applications",
-  "version": "5.28.0-beta.1",
+  "version": "5.28.0-beta.3",
   "author": {
     "company": "Stream.io Inc",
     "name": "Stream.io Inc"

package/src/components/Chat/hooks/handleEventToSyncDB.ts

@@ -1,4 +1,3 @@
-import { DefaultStreamChatGenerics } from 'src/types/types';
 import type { Event, StreamChat } from 'stream-chat';
 
 import { deleteChannel } from '../../../store/apis/deleteChannel';
@@ -14,6 +13,7 @@ import { upsertReads } from '../../../store/apis/upsertReads';
 import { QuickSqliteClient } from '../../../store/QuickSqliteClient';
 import { createSelectQuery } from '../../../store/sqlite-utils/createSelectQuery';
 import { PreparedQueries } from '../../../store/types';
+import { DefaultStreamChatGenerics } from '../../../types/types';
 
 export const handleEventToSyncDB = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,

package/src/components/Message/MessageSimple/MessageContent.tsx

@@ -95,6 +95,7 @@ export type MessageContentPropsWithContext<
     | 'MessageHeader'
     | 'MessageDeleted'
     | 'MessageError'
+    | 'MessagePinnedHeader'
     | 'MessageReplies'
     | 'MessageStatus'
     | 'myMessageTheme'
@@ -132,6 +133,7 @@ const MessageContentWithContext = <
     MessageError,
     MessageFooter,
     MessageHeader,
+    MessagePinnedHeader,
     MessageReplies,
     MessageStatus,
     onLongPress,
@@ -340,6 +342,7 @@ const MessageContentWithContext = <
           showMessageStatus={showMessageStatus}
         />
       )}
+      {message.pinned && <MessagePinnedHeader />}
       <View onLayout={onLayout} style={wrapper}>
         {hasThreadReplies && !threadList && !noBorder && (
           <View
@@ -598,6 +601,7 @@ export const MessageContent = <
     MessageError,
     MessageFooter,
     MessageHeader,
+    MessagePinnedHeader,
     MessageReplies,
     MessageStatus,
     myMessageTheme,
@@ -629,6 +633,7 @@ export const MessageContent = <
         MessageError,
         MessageFooter,
         MessageHeader,
+        MessagePinnedHeader,
         MessageReplies,
         MessageStatus,
         myMessageTheme,

package/src/components/Message/MessageSimple/MessageFooter.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Text, View } from 'react-native';
+import { StyleSheet, Text, View } from 'react-native';
 
 import type { Attachment } from 'stream-chat';
 
@@ -76,7 +76,7 @@ const MessageFooterWithContext = <
 
   if (isDeleted) {
     return (
-      <View style={metaContainer} testID='message-deleted'>
+      <View style={[styles.container, metaContainer]} testID='message-deleted'>
         {deletedMessagesVisibilityType === 'sender' && (
           <>
             <Eye pathFill={grey_dark} {...eyeIcon} />
@@ -115,7 +115,7 @@ const MessageFooterWithContext = <
   }
 
   return (
-    <View style={metaContainer} testID='message-status-time'>
+    <View style={[styles.container, metaContainer]} testID='message-status-time'>
       {otherAttachments.length && otherAttachments[0].actions ? (
         <>
           <Eye pathFill={grey_dark} {...eyeIcon} />
@@ -249,3 +249,10 @@ export const MessageFooter = <
     />
   );
 };
+
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    marginTop: 4,
+  },
+});

package/src/components/Message/MessageSimple/MessagePinnedHeader.tsx

@@ -14,9 +14,6 @@ const styles = StyleSheet.create({
   container: {
     display: 'flex',
     flexDirection: 'row',
-    marginBottom: 8,
-    marginLeft: 30,
-    marginTop: 5,
   },
   label: {},
 });

package/src/components/Message/MessageSimple/MessageSimple.tsx

@@ -18,6 +18,13 @@ const styles = StyleSheet.create({
     alignItems: 'flex-end',
     flexDirection: 'row',
   },
+  lastMessageContainer: {
+    marginBottom: 12,
+  },
+  messageGroupedSingleOrBottomContainer: {
+    marginBottom: 8,
+  },
+  messageGroupedTopContainer: {},
 });
 
 export type MessageSimplePropsWithContext<
@@ -32,7 +39,6 @@ export type MessageSimplePropsWithContext<
     | 'myMessageTheme'
     | 'MessageAvatar'
     | 'MessageContent'
-    | 'MessagePinnedHeader'
     | 'ReactionList'
   >;
 
@@ -50,13 +56,17 @@ const MessageSimpleWithContext = <
     message,
     MessageAvatar,
     MessageContent,
-    MessagePinnedHeader,
     ReactionList,
   } = props;
 
   const {
     theme: {
-      messageSimple: { container },
+      messageSimple: {
+        container,
+        lastMessageContainer,
+        messageGroupedSingleOrBottomContainer,
+        messageGroupedTopContainer,
+      },
     },
   } = useTheme();
 
@@ -65,23 +75,30 @@ const MessageSimpleWithContext = <
   const isVeryLastMessage =
     channel?.state.messages[channel?.state.messages.length - 1]?.id === message.id;
 
-  const hasMarginBottom = groupStyles.includes('single') || groupStyles.includes('bottom');
+  const messageGroupedSingleOrBottom =
+    groupStyles.includes('single') || groupStyles.includes('bottom');
 
   const showReactions = hasReactions && ReactionList;
 
+  const lastMessageInMessageListStyles = [styles.lastMessageContainer, lastMessageContainer];
+  const messageGroupedSingleOrBottomStyles = [
+    styles.messageGroupedSingleOrBottomContainer,
+    messageGroupedSingleOrBottomContainer,
+  ];
+  const messageGroupedTopStyles = [styles.messageGroupedTopContainer, messageGroupedTopContainer];
+
   return (
     <>
-      {message.pinned && <MessagePinnedHeader />}
       <View
         style={[
           styles.container,
+          messageGroupedSingleOrBottom
+            ? isVeryLastMessage && enableMessageGroupingByUser
+              ? lastMessageInMessageListStyles
+              : messageGroupedSingleOrBottomStyles
+            : messageGroupedTopStyles,
           {
             justifyContent: alignment === 'left' ? 'flex-start' : 'flex-end',
-            marginBottom: hasMarginBottom
-              ? isVeryLastMessage && enableMessageGroupingByUser
-                ? 30
-                : 8
-              : 0,
             marginTop: showReactions ? 2 : 0,
           },
           container,
@@ -136,8 +153,7 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
     isPrevMessageTypeDeleted === isNextMessageTypeDeleted &&
     prevMessage.status === nextMessage.status &&
     prevMessage.type === nextMessage.type &&
-    prevMessage.text === nextMessage.text &&
-    prevMessage.pinned === nextMessage.pinned;
+    prevMessage.text === nextMessage.text;
   if (!messageEqual) return false;
 
   const isPrevQuotedMessageTypeDeleted = prevMessage.quoted_message?.type === 'deleted';
@@ -208,7 +224,6 @@ export const MessageSimple = <
     enableMessageGroupingByUser,
     MessageAvatar,
     MessageContent,
-    MessagePinnedHeader,
     myMessageTheme,
     ReactionList,
   } = useMessagesContext<StreamChatGenerics>();
@@ -225,7 +240,6 @@ export const MessageSimple = <
         message,
         MessageAvatar,
         MessageContent,
-        MessagePinnedHeader,
         myMessageTheme,
         ReactionList,
       }}

package/src/components/Message/MessageSimple/__tests__/__snapshots__/MessagePinnedHeader.test.js.snap

@@ -7,9 +7,6 @@ exports[`MessagePinnedHeader should render message pinned 1`] = `
       {
         "display": "flex",
         "flexDirection": "row",
-        "marginBottom": 8,
-        "marginLeft": 30,
-        "marginTop": 5,
       },
       {
         "justifyContent": "flex-start",

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

@@ -277,9 +277,14 @@ exports[`Thread should match thread snapshot 1`] = `
                             "alignItems": "flex-end",
                             "flexDirection": "row",
                           },
+                          [
+                            {
+                              "marginBottom": 8,
+                            },
+                            {},
+                          ],
                           {
                             "justifyContent": "flex-start",
-                            "marginBottom": 8,
                             "marginTop": 0,
                           },
                           {},
@@ -459,10 +464,13 @@ exports[`Thread should match thread snapshot 1`] = `
                         </View>
                         <View
                           style={
-                            {
-                              "flexDirection": "row",
-                              "marginTop": 4,
-                            }
+                            [
+                              {
+                                "flexDirection": "row",
+                                "marginTop": 4,
+                              },
+                              {},
+                            ]
                           }
                           testID="message-status-time"
                         >
@@ -547,9 +555,14 @@ exports[`Thread should match thread snapshot 1`] = `
                             "alignItems": "flex-end",
                             "flexDirection": "row",
                           },
+                          [
+                            {
+                              "marginBottom": 8,
+                            },
+                            {},
+                          ],
                           {
                             "justifyContent": "flex-start",
-                            "marginBottom": 8,
                             "marginTop": 0,
                           },
                           {},
@@ -729,10 +742,13 @@ exports[`Thread should match thread snapshot 1`] = `
                         </View>
                         <View
                           style={
-                            {
-                              "flexDirection": "row",
-                              "marginTop": 4,
-                            }
+                            [
+                              {
+                                "flexDirection": "row",
+                                "marginTop": 4,
+                              },
+                              {},
+                            ]
                           }
                           testID="message-status-time"
                         >
@@ -817,9 +833,14 @@ exports[`Thread should match thread snapshot 1`] = `
                             "alignItems": "flex-end",
                             "flexDirection": "row",
                           },
+                          [
+                            {
+                              "marginBottom": 8,
+                            },
+                            {},
+                          ],
                           {
                             "justifyContent": "flex-start",
-                            "marginBottom": 8,
                             "marginTop": 0,
                           },
                           {},
@@ -999,10 +1020,13 @@ exports[`Thread should match thread snapshot 1`] = `
                         </View>
                         <View
                           style={
-                            {
-                              "flexDirection": "row",
-                              "marginTop": 4,
-                            }
+                            [
+                              {
+                                "flexDirection": "row",
+                                "marginTop": 4,
+                              },
+                              {},
+                            ]
                           }
                           testID="message-status-time"
                         >
@@ -1127,9 +1151,14 @@ exports[`Thread should match thread snapshot 1`] = `
                                 "alignItems": "flex-end",
                                 "flexDirection": "row",
                               },
+                              [
+                                {
+                                  "marginBottom": 12,
+                                },
+                                {},
+                              ],
                               {
                                 "justifyContent": "flex-start",
-                                "marginBottom": 30,
                                 "marginTop": 0,
                               },
                               {},
@@ -1309,10 +1338,13 @@ exports[`Thread should match thread snapshot 1`] = `
                             </View>
                             <View
                               style={
-                                {
-                                  "flexDirection": "row",
-                                  "marginTop": 4,
-                                }
+                                [
+                                  {
+                                    "flexDirection": "row",
+                                    "marginTop": 4,
+                                  },
+                                  {},
+                                ]
                               }
                               testID="message-status-time"
                             >

package/src/contexts/messagesContext/MessagesContext.tsx

@@ -2,11 +2,6 @@ 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';
 
 import type { AttachmentProps } from '../../components/Attachment/Attachment';
@@ -18,6 +13,8 @@ import type { FileAttachmentGroupProps } from '../../components/Attachment/FileA
 import type { FileIconProps } from '../../components/Attachment/FileIcon';
 import type { GalleryProps } from '../../components/Attachment/Gallery';
 import type { GiphyProps } from '../../components/Attachment/Giphy';
+import type { ImageLoadingFailedIndicatorProps } from '../../components/Attachment/ImageLoadingFailedIndicator';
+import type { ImageLoadingIndicatorProps } from '../../components/Attachment/ImageLoadingIndicator';
 import type { VideoThumbnailProps } from '../../components/Attachment/VideoThumbnail';
 import type {
   MessageProps,
@@ -29,7 +26,7 @@ import type { MessageContentProps } from '../../components/Message/MessageSimple
 import type { MessageDeletedProps } from '../../components/Message/MessageSimple/MessageDeleted';
 import type { MessageErrorProps } from '../../components/Message/MessageSimple/MessageError';
 import type { MessageFooterProps } from '../../components/Message/MessageSimple/MessageFooter';
-
+import type { MessagePinnedHeaderProps } from '../../components/Message/MessageSimple/MessagePinnedHeader';
 import type { MessageRepliesProps } from '../../components/Message/MessageSimple/MessageReplies';
 import type { MessageRepliesAvatarsProps } from '../../components/Message/MessageSimple/MessageRepliesAvatars';
 import type { MessageSimpleProps } from '../../components/Message/MessageSimple/MessageSimple';

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

@@ -470,10 +470,13 @@ export type Theme = {
       shuffle: TextStyle;
       title: TextStyle;
     };
+    lastMessageContainer: ViewStyle;
     loadingIndicator: {
       container: ViewStyle;
       roundedView: ViewStyle;
     };
+    messageGroupedSingleOrBottomContainer: ViewStyle;
+    messageGroupedTopContainer: ViewStyle;
     pinnedHeader: {
       container: ViewStyle;
       label: TextStyle;
@@ -957,10 +960,7 @@ export const defaultTheme: Theme = {
         fontWeight: '700',
         paddingRight: 6,
       },
-      metaContainer: {
-        flexDirection: 'row',
-        marginTop: 4,
-      },
+      metaContainer: {},
       metaText: {
         fontSize: 12,
       },
@@ -1012,10 +1012,13 @@ export const defaultTheme: Theme = {
       shuffle: {},
       title: {},
     },
+    lastMessageContainer: {},
     loadingIndicator: {
       container: {},
       roundedView: {},
     },
+    messageGroupedSingleOrBottomContainer: {},
+    messageGroupedTopContainer: {},
     pinnedHeader: {
       container: {},
       label: {},