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

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/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: {},

package/src/i18n/es.json

@@ -1,9 +1,9 @@
 {
-  "1 Reply": "1 respuesta",
-  "1 Thread Reply": "1 respuesta de hilo",
+  "1 Reply": "",
+  "1 Thread Reply": "",
   "Allow access to your Gallery": "",
   "Allow camera access in device settings": "",
-  "Also send to channel": "También enviar al canal",
+  "Also send to channel": "",
   "Are you sure you want to permanently delete this message?": "",
   "Are you sure?": "",
   "Block User": "",
@@ -18,62 +18,62 @@
   "Edit Message": "",
   "Editing Message": "",
   "Emoji matching": "",
-  "Empty message...": "Mensaje vacío...",
-  "Error loading": "Error al cargar",
-  "Error loading channel list...": "Error al cargar la lista de canales...",
-  "Error loading messages for this channel...": "Error al cargar los mensajes de este canal...",
-  "Error while loading, please reload/refresh": "Error al cargar, por favor recarga/actualiza",
-  "File type not supported": "",
+  "Empty message...": "",
+  "Error loading": "",
+  "Error loading channel list...": "",
+  "Error loading messages for this channel...": "",
+  "Error while loading, please reload/refresh": "",
+  "File type not supported": "Tipo de archivo no admitido",
   "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?": "¿Qué tal enviar tu primer mensaje a un amigo?",
+  "How about sending your first message to a friend?": "",
   "Instant Commands": "",
-  "Let's start chatting!": "¡Empecemos a charlar!",
-  "Links are disabled": "Los enlaces están desactivados",
-  "Loading channels...": "",
-  "Loading messages...": "",
-  "Loading...": "",
-  "Maximum file size upload limit reached. Please upload a file below {{MAX_FILE_SIZE_TO_UPLOAD_IN_MB}} MB.": "El archivo supera el tamaño máximo permitido. Por favor, selecciona un archivo menor a {{MAX_FILE_SIZE_TO_UPLOAD_IN_MB}} MB.",
+  "Let's start chatting!": "",
+  "Links are disabled": "",
+  "Loading channels...": "Cargando canales...",
+  "Loading messages...": "Cargando mensajes...",
+  "Loading...": "Cargando...",
+  "Maximum file size upload limit reached. Please upload a file below {{MAX_FILE_SIZE_TO_UPLOAD_IN_MB}} MB.": "",
   "Message Reactions": "",
   "Message deleted": "Mensaje eliminado",
   "Message flagged": "",
   "Mute User": "",
-  "Not supported": "",
-  "Nothing yet...": "Aún no hay nada...",
+  "Not supported": "No admitido",
+  "Nothing yet...": "",
   "Ok": "",
-  "Only visible to you": "Solo visible para ti",
+  "Only visible to you": "",
   "Open Settings": "",
   "Photo": "Foto",
   "Photos and Videos": "",
   "Pin to Conversation": "",
-  "Pinned by": "Fijado por",
+  "Pinned by": "",
   "Please enable access to your photos and videos so you can share them.": "",
   "Please select a channel first": "",
   "Reconnecting...": "Reconectando...",
   "Reply": "",
-  "Reply to Message": "Responder al mensaje",
+  "Reply to Message": "",
   "Resend": "",
-  "Search GIFs": "Buscar GIFs",
+  "Search GIFs": "",
   "Select More Photos": "",
   "Send Anyway": "",
-  "Send a message": "Enviar un mensaje",
-  "Sending links is not allowed in this conversation": "No está permitido enviar enlaces en esta conversación",
-  "Slow mode ON": "Modo lento ACTIVADO",
+  "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": "Mensajes no leídos",
+  "Unread Messages": "",
   "Video": "Video",
   "You": "Tú",
   "You can't send messages in this channel": "",
-  "{{ firstUser }} and {{ nonSelfUserLength }} more are typing": "{{ firstUser }} y {{ nonSelfUserLength }} más están escribiendo",
+  "{{ firstUser }} and {{ nonSelfUserLength }} more are typing": "",
   "{{ index }} of {{ photoLength }}": "",
-  "{{ replyCount }} Replies": "{{ replyCount }} Respuestas",
-  "{{ replyCount }} Thread Replies": "{{ replyCount }} respuestas de hilo",
-  "{{ user }} is typing": "{{ user }} está escribiendo",
-  "🏙 Attachment...": "🏙 Adjunto..."
+  "{{ replyCount }} Replies": "",
+  "{{ replyCount }} Thread Replies": "",
+  "{{ user }} is typing": "",
+  "🏙 Attachment...": ""
 }

package/src/i18n/fr.json

@@ -1,9 +1,9 @@
 {
-  "1 Reply": "1 Réponse",
-  "1 Thread Reply": "Réponse à 1 fil",
+  "1 Reply": "",
+  "1 Thread Reply": "",
   "Allow access to your Gallery": "",
   "Allow camera access in device settings": "",
-  "Also send to channel": "Envoyer également à la chaîne",
+  "Also send to channel": "",
   "Are you sure you want to permanently delete this message?": "",
   "Are you sure?": "",
   "Block User": "",
@@ -18,62 +18,62 @@
   "Edit Message": "",
   "Editing Message": "",
   "Emoji matching": "",
-  "Empty message...": "Message vide...",
-  "Error loading": "Erreur lors du chargement",
-  "Error loading channel list...": "Erreur lors du chargement de la liste de canaux...",
-  "Error loading messages for this channel...": "Erreur lors du chargement des messages de ce canal...",
-  "Error while loading, please reload/refresh": "Erreur lors du chargement, veuillez recharger/rafraîchir",
-  "File type not supported": "",
+  "Empty message...": "",
+  "Error loading": "",
+  "Error loading channel list...": "",
+  "Error loading messages for this channel...": "",
+  "Error while loading, please reload/refresh": "",
+  "File type not supported": "Le type de fichier n'est pas pris en charge",
   "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?": "Et si vous envoyiez votre premier message à un ami ?",
+  "How about sending your first message to a friend?": "",
   "Instant Commands": "",
-  "Let's start chatting!": "Commençons à discuter !",
-  "Links are disabled": "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.": "Taille maximale de téléchargement de fichier atteinte. Veuillez télécharger un fichier inférieur à {{MAX_FILE_SIZE_TO_UPLOAD_IN_MB}} Mo.",
+  "Let's start chatting!": "",
+  "Links are disabled": "",
+  "Loading channels...": "Chargement des canaux...",
+  "Loading messages...": "Chargement des messages...",
+  "Loading...": "Chargement...",
+  "Maximum file size upload limit reached. Please upload a file below {{MAX_FILE_SIZE_TO_UPLOAD_IN_MB}} MB.": "",
   "Message Reactions": "",
   "Message deleted": "Message supprimé",
   "Message flagged": "",
   "Mute User": "",
-  "Not supported": "",
-  "Nothing yet...": "Aucun message...",
+  "Not supported": "Non pris en charge",
+  "Nothing yet...": "",
   "Ok": "",
-  "Only visible to you": "Seulement visible par vous",
+  "Only visible to you": "",
   "Open Settings": "",
   "Photo": "Photo",
   "Photos and Videos": "",
   "Pin to Conversation": "",
-  "Pinned by": "Épinglé par",
+  "Pinned by": "",
   "Please enable access to your photos and videos so you can share them.": "",
   "Please select a channel first": "",
   "Reconnecting...": "Se Reconnecter...",
   "Reply": "",
-  "Reply to Message": "Répondre au message",
+  "Reply to Message": "",
   "Resend": "",
-  "Search GIFs": "Rechercher des GIF",
+  "Search GIFs": "",
   "Select More Photos": "",
   "Send Anyway": "",
-  "Send a message": "Envoyer un message",
-  "Sending links is not allowed in this conversation": "Sending links is not allowed in this conversation",
-  "Slow mode ON": "Mode lent activé",
+  "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": "Messages non lus",
+  "Unread Messages": "",
   "Video": "Vidéo",
   "You": "Toi",
   "You can't send messages in this channel": "",
-  "{{ firstUser }} and {{ nonSelfUserLength }} more are typing": "{{ firstUser }} et {{ nonSelfUserLength }} autres sont en train d'écrire",
+  "{{ firstUser }} and {{ nonSelfUserLength }} more are typing": "",
   "{{ index }} of {{ photoLength }}": "",
-  "{{ replyCount }} Replies": "{{ replyCount }} Réponses",
-  "{{ replyCount }} Thread Replies": "{{replyCount}} Réponses à la discussion",
-  "{{ user }} is typing": "{{ user }} est en train d'écrire",
-  "🏙 Attachment...": "🏙 Pièce jointe..."
+  "{{ replyCount }} Replies": "",
+  "{{ replyCount }} Thread Replies": "",
+  "{{ user }} is typing": "",
+  "🏙 Attachment...": ""
 }

package/src/i18n/he.json

@@ -1,9 +1,9 @@
 {
-  "1 Reply": "תגובה אחת",
-  "1 Thread Reply": "תגובה אחת לשרשור",
+  "1 Reply": "",
+  "1 Thread Reply": "",
   "Allow access to your Gallery": "",
   "Allow camera access in device settings": "",
-  "Also send to channel": "שלח/י הודעה לשיחה",
+  "Also send to channel": "",
   "Are you sure you want to permanently delete this message?": "",
   "Are you sure?": "",
   "Block User": "",
@@ -18,62 +18,62 @@
   "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": "",
+  "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": "",
-  "How about sending your first message to a friend?": "מה דעתך לשלוח את ההודעה הראשונה שלך לחבר?",
+  "How about sending your first message to a friend?": "",
   "Instant Commands": "",
-  "Let's start chatting!": "בואו נתחיל לשוחח!",
-  "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.": "הגעת למגבלת העלאת גודל הקובץ המקסימלית. אנא העלה קובץ מתחת ל-{{MAX_FILE_SIZE_TO_UPLOAD_IN_MB}} MB",
+  "Let's start chatting!": "",
+  "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.": "",
   "Message Reactions": "",
   "Message deleted": "ההודעה נמחקה",
   "Message flagged": "",
   "Mute User": "",
-  "Not supported": "",
-  "Nothing yet...": "אינפורמציה תתקבל בהמשך...",
+  "Not supported": "לא נתמך",
+  "Nothing yet...": "",
   "Ok": "",
-  "Only visible to you": "גלוי רק לך",
+  "Only visible to you": "",
   "Open Settings": "",
   "Photo": "תמונה",
   "Photos and Videos": "",
   "Pin to Conversation": "",
-  "Pinned by": " - הוצמד לשיחה",
+  "Pinned by": "",
   "Please enable access to your photos and videos so you can share them.": "",
   "Please select a channel first": "",
   "Reconnecting...": "מתחבר מחדש...",
   "Reply": "",
-  "Reply to Message": "השב/י להודעה",
+  "Reply to Message": "",
   "Resend": "",
-  "Search GIFs": "חפש/י GIFs",
+  "Search GIFs": "",
   "Select More Photos": "",
   "Send Anyway": "",
-  "Send a message": "שלח/י הודעה",
-  "Sending links is not allowed in this conversation": "שליחת קישורים אינה מותרת בשיחה זו",
-  "Slow mode ON": "מצב איטי מופעל",
+  "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": "הודעות שטרם נקרו",
+  "Unread Messages": "",
   "Video": "וִידֵאוֹ",
   "You": "את/ה",
   "You can't send messages in this channel": "",
-  "{{ firstUser }} and {{ nonSelfUserLength }} more are typing": "{{ firstUser }} ו-{{ nonSelfUserLength }} משתמש/ים אחר/ים מקלידים",
+  "{{ firstUser }} and {{ nonSelfUserLength }} more are typing": "",
   "{{ index }} of {{ photoLength }}": "",
-  "{{ replyCount }} Replies": "{{ replyCount }} תגובות",
-  "{{ replyCount }} Thread Replies": "{{ replyCount }} תגובות שרשור",
-  "{{ user }} is typing": "{{ user }} מקליד/ה",
-  "🏙 Attachment...": "🏙 קובץ מצורף..."
+  "{{ replyCount }} Replies": "",
+  "{{ replyCount }} Thread Replies": "",
+  "{{ user }} is typing": "",
+  "🏙 Attachment...": ""
 }