stream-chat-react-native-core 5.24.0-beta.4 → 5.24.0-beta.6

package/lib/typescript/i18n/ru.json

@@ -4,19 +4,19 @@
     "Allow access to your Gallery": "",
     "Allow camera access in device settings": "",
     "Also send to channel": "Также отправить на канал",
-    "Are you sure you want to permanently delete this message?": "Вы действительно хотите удалить это сообщение без возможности восстановления?",
-    "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": "Обдумайте, как ваш комментарий может повлиять на других, и убедитесь, что вы следуете нашим правилам сообщества",
-    "Copy Message": "Копировать сообщение",
-    "Delete": "удалять",
-    "Delete Message": "Удалить сообщение",
+    "Are you sure you want to permanently delete this message?": "",
+    "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": "",
+    "Copy Message": "",
+    "Delete": "",
+    "Delete Message": "",
     "Device camera is used to take photos or videos.": "",
-    "Do you want to send a copy of this message to a moderator for further investigation?": "Вы хотите отправить копию этого сообщения модератору для дальнейшего изучения?",
-    "Edit Message": "Редактировать сообщение",
-    "Editing 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": "",
@@ -24,9 +24,9 @@
     "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": "Не удалось отправить жалобу. Возможные причины: проблема с подключением к интернету или ваша жалоба уже была принята.",
+    "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!": "",
@@ -35,41 +35,41 @@
     "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}} МБ.",
-    "Message Reactions": "",
+    "Message Reactions": "Сообщения Реакции",
     "Message deleted": "",
-    "Message flagged": "Сообщение отмечено",
-    "Mute User": "Отключить пользователя",
-    "Not supported": "",
+    "Message flagged": "",
+    "Mute User": "",
+    "Not supported": "не поддерживается",
     "Nothing yet...": "",
-    "Ok": "Oк",
+    "Ok": "",
     "Only visible to you": "",
     "Open Settings": "",
-    "Photo": "",
+    "Photo": "Фото",
     "Photos and Videos": "",
-    "Pin to Conversation": "Закрепить к беседе",
+    "Pin to Conversation": "",
     "Pinned by": "",
     "Please enable access to your photos and videos so you can share them.": "",
     "Please select a channel first": "Пожалуйста, сначала выберите канал",
     "Reconnecting...": "",
-    "Reply": "Ответить",
+    "Reply": "",
     "Reply to Message": "",
-    "Resend": "Отправить",
-    "Search GIFs": "",
+    "Resend": "",
+    "Search GIFs": "Поиск GIF",
     "Select More Photos": "",
-    "Send Anyway": "Всё равно отправить",
-    "Send a message": "",
+    "Send Anyway": "",
+    "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": "Разблокировать пользователя",
+    "Slow mode ON": "Медленный режим включен",
+    "The message has been reported to a moderator.": "",
+    "Thread Reply": "",
+    "Unblock User": "",
     "Unknown User": "",
-    "Unmute User": "Включить микрофон",
-    "Unpin from Conversation": "Открепить от беседы",
-    "Unread Messages": "Непрочитанные Сообщения",
-    "Video": "",
+    "Unmute User": "",
+    "Unpin from Conversation": "",
+    "Unread Messages": "",
+    "Video": "видео",
     "You": "",
-    "You can't send messages in this channel": "Вы не можете отправлять сообщения в этот канал",
+    "You can't send messages in this channel": "",
     "{{ firstUser }} and {{ nonSelfUserLength }} more are typing": "",
     "{{ index }} of {{ photoLength }}": "",
     "{{ replyCount }} Replies": "",

package/lib/typescript/i18n/tr.json

@@ -4,19 +4,19 @@
     "Allow access to your Gallery": "",
     "Allow camera access in device settings": "",
     "Also send to channel": "Kanala da gönder",
-    "Are you sure you want to permanently delete this message?": "Bu mesajı kalıcı olarak silmek istediğinizden emin misiniz?",
-    "Are you sure?": "Emin misiniz?",
-    "Block User": "Kullanıcıyı engelle",
-    "Cancel": "İptal",
-    "Cannot Flag Message": "Raporlama Başarısız",
-    "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",
-    "Copy Message": "Mesajı Kopyala",
-    "Delete": "Sil",
-    "Delete Message": "Mesajı Sil",
+    "Are you sure you want to permanently delete this message?": "",
+    "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": "",
+    "Copy Message": "",
+    "Delete": "",
+    "Delete Message": "",
     "Device camera is used to take photos or videos.": "",
-    "Do you want to send a copy of this message to a moderator for further investigation?": "Detaylı inceleme için bu mesajın kopyasını moderatöre göndermek istiyor musunuz?",
-    "Edit Message": "Mesajı Düzenle",
-    "Editing Message": "",
+    "Do you want to send a copy of this message to a moderator for further investigation?": "",
+    "Edit Message": "",
+    "Editing Message": "Mesaj Düzenleniyor",
     "Emoji matching": "",
     "Empty message...": "",
     "Error loading": "",
@@ -24,9 +24,9 @@
     "Error loading messages for this channel...": "",
     "Error while loading, please reload/refresh": "",
     "File type not supported": "",
-    "Flag": "Raporla",
-    "Flag Message": "Mesajı Raporla",
-    "Flag action failed either due to a network issue or the message is already flagged": "Mesajın daha önce raporlanmış olması veya bir ağ bağlantısı sorunu nedeniyle raporlama işlemi başarısız oldu.",
+    "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!": "",
@@ -35,41 +35,41 @@
     "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": "",
+    "Message Reactions": "Mesaj Tepkileri",
     "Message deleted": "",
-    "Message flagged": "Mesaj işaretlendi",
-    "Mute User": "Kullanıcıyı sessize al",
-    "Not supported": "",
+    "Message flagged": "",
+    "Mute User": "",
+    "Not supported": "Desteklenmiyor",
     "Nothing yet...": "",
-    "Ok": "Tamam",
+    "Ok": "",
     "Only visible to you": "",
     "Open Settings": "",
-    "Photo": "",
+    "Photo": "Fotoğraf",
     "Photos and Videos": "",
-    "Pin to Conversation": "Konuşmaya sabitle",
+    "Pin to Conversation": "",
     "Pinned by": "",
     "Please enable access to your photos and videos so you can share them.": "",
     "Please select a channel first": "Lütfen önce bir kanal seçiniz",
     "Reconnecting...": "",
-    "Reply": "Yanıtla",
+    "Reply": "",
     "Reply to Message": "",
-    "Resend": "Yeniden gönder",
-    "Search GIFs": "",
+    "Resend": "",
+    "Search GIFs": "GIF Ara",
     "Select More Photos": "",
-    "Send Anyway": "Yine de Gönder",
-    "Send a message": "",
+    "Send Anyway": "",
+    "Send a message": "Mesaj gönder",
     "Sending links is not allowed in this conversation": "Bu konuşmada bağlantı göndermek desteklenmiyor",
-    "Slow mode ON": "",
-    "The message has been reported to a moderator.": "Mesaj moderatöre bildirildi.",
-    "Thread Reply": "Konu Yanıtı",
-    "Unblock User": "Kullanıcının engelini kaldır",
+    "Slow mode ON": "Yavaş Mod Açık",
+    "The message has been reported to a moderator.": "",
+    "Thread Reply": "",
+    "Unblock User": "",
     "Unknown User": "",
-    "Unmute User": "Kullanıcının sesini aç",
-    "Unpin from Conversation": "Sabitlemeyi kaldır",
-    "Unread Messages": "Okunmamış Mesajlar",
-    "Video": "",
+    "Unmute User": "",
+    "Unpin from Conversation": "",
+    "Unread Messages": "",
+    "Video": "Video",
     "You": "",
-    "You can't send messages in this channel": "Bu konuşmaya mesaj gönderemezsiniz",
+    "You can't send messages in this channel": "",
     "{{ firstUser }} and {{ nonSelfUserLength }} more are typing": "",
     "{{ index }} of {{ photoLength }}": "",
     "{{ replyCount }} Replies": "",

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.24.0-beta.4",
+  "version": "5.24.0-beta.6",
   "author": {
     "company": "Stream.io Inc",
     "name": "Stream.io Inc"

package/src/components/Attachment/Attachment.tsx

@@ -29,6 +29,7 @@ export type AttachmentPropsWithContext<
   | 'Giphy'
   | 'isAttachmentEqual'
   | 'UrlPreview'
+  | 'myMessageTheme'
 > & {
   /**
    * The attachment to render
@@ -106,8 +107,12 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
   prevProps: AttachmentPropsWithContext<StreamChatGenerics>,
   nextProps: AttachmentPropsWithContext<StreamChatGenerics>,
 ) => {
-  const { attachment: prevAttachment, isAttachmentEqual } = prevProps;
-  const { attachment: nextAttachment } = nextProps;
+  const {
+    attachment: prevAttachment,
+    isAttachmentEqual,
+    myMessageTheme: prevMyMessageTheme,
+  } = prevProps;
+  const { attachment: nextAttachment, myMessageTheme: nextMyMessageTheme } = nextProps;
 
   const attachmentEqual =
     prevAttachment.actions?.length === nextAttachment.actions?.length &&
@@ -119,6 +124,10 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
     return isAttachmentEqual(prevAttachment, nextAttachment);
   }
 
+  const messageThemeEqual =
+    JSON.stringify(prevMyMessageTheme) === JSON.stringify(nextMyMessageTheme);
+  if (!messageThemeEqual) return false;
+
   return true;
 };
 
@@ -138,6 +147,7 @@ export type AttachmentProps<
     | 'Gallery'
     | 'Giphy'
     | 'giphyVersion'
+    | 'myMessageTheme'
     | 'UrlPreview'
     | 'isAttachmentEqual'
   >
@@ -160,6 +170,7 @@ export const Attachment = <
     Gallery: PropGallery,
     Giphy: PropGiphy,
     giphyVersion: PropGiphyVersion,
+    myMessageTheme: PropMyMessageTheme,
     UrlPreview: PropUrlPreview,
   } = props;
 
@@ -171,6 +182,7 @@ export const Attachment = <
     Giphy: ContextGiphy,
     giphyVersion: ContextGiphyVersion,
     isAttachmentEqual,
+    myMessageTheme: ContextMyMessageTheme,
     UrlPreview: ContextUrlPreview,
   } = useMessagesContext<StreamChatGenerics>();
 
@@ -186,6 +198,7 @@ export const Attachment = <
   const Giphy = PropGiphy || ContextGiphy || GiphyDefault;
   const UrlPreview = PropUrlPreview || ContextUrlPreview || CardDefault;
   const giphyVersion = PropGiphyVersion || ContextGiphyVersion;
+  const myMessageTheme = PropMyMessageTheme || ContextMyMessageTheme;
 
   return (
     <MemoizedAttachment
@@ -198,6 +211,7 @@ export const Attachment = <
         Giphy,
         giphyVersion,
         isAttachmentEqual,
+        myMessageTheme,
         UrlPreview,
       }}
     />

package/src/components/Attachment/Card.tsx

@@ -92,7 +92,7 @@ export type CardPropsWithContext<
   > &
   Pick<
     MessagesContextValue<StreamChatGenerics>,
-    'additionalTouchableProps' | 'CardCover' | 'CardFooter' | 'CardHeader'
+    'additionalTouchableProps' | 'CardCover' | 'CardFooter' | 'CardHeader' | 'myMessageTheme'
   > & {
     channelId: string | undefined;
     messageId: string | undefined;
@@ -287,14 +287,31 @@ const CardWithContext = <
   );
 };
 
-const MemoizedCard = React.memo(CardWithContext, () => true) as typeof CardWithContext;
+const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(
+  prevProps: CardPropsWithContext<StreamChatGenerics>,
+  nextProps: CardPropsWithContext<StreamChatGenerics>,
+) => {
+  const { myMessageTheme: prevMyMessageTheme } = prevProps;
+  const { myMessageTheme: nextMyMessageTheme } = nextProps;
+
+  const messageThemeEqual =
+    JSON.stringify(prevMyMessageTheme) === JSON.stringify(nextMyMessageTheme);
+  if (!messageThemeEqual) return false;
+
+  return true;
+};
+
+const MemoizedCard = React.memo(CardWithContext, areEqual) as typeof CardWithContext;
 
 export type CardProps<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = Attachment<StreamChatGenerics> &
   Partial<
     Pick<ChatContextValue<StreamChatGenerics>, 'ImageComponent'> &
-      Pick<MessageContextValue<StreamChatGenerics>, 'onLongPress' | 'onPress' | 'onPressIn'> &
+      Pick<
+        MessageContextValue<StreamChatGenerics>,
+        'onLongPress' | 'onPress' | 'onPressIn' | 'myMessageTheme'
+      > &
       Pick<
         MessagesContextValue<StreamChatGenerics>,
         'additionalTouchableProps' | 'CardCover' | 'CardFooter' | 'CardHeader'
@@ -312,7 +329,7 @@ export const Card = <
   const { ImageComponent } = useChatContext<StreamChatGenerics>();
   const { message, onLongPress, onPress, onPressIn, preventPress } =
     useMessageContext<StreamChatGenerics>();
-  const { additionalTouchableProps, CardCover, CardFooter, CardHeader } =
+  const { additionalTouchableProps, CardCover, CardFooter, CardHeader, myMessageTheme } =
     useMessagesContext<StreamChatGenerics>();
 
   return (
@@ -326,6 +343,7 @@ export const Card = <
         channelId: message.cid,
         ImageComponent,
         messageId: message.id,
+        myMessageTheme,
         onLongPress,
         onPress,
         onPressIn,

package/src/components/Attachment/Gallery.tsx

@@ -57,6 +57,7 @@ export type GalleryPropsWithContext<
     | 'VideoThumbnail'
     | 'ImageLoadingIndicator'
     | 'ImageLoadingFailedIndicator'
+    | 'myMessageTheme'
   > &
   Pick<OverlayContextValue, 'setOverlay'> & {
     channelId: string | undefined;
@@ -486,6 +487,7 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
     hasThreadReplies: prevHasThreadReplies,
     images: prevImages,
     message: prevMessage,
+    myMessageTheme: prevMyMessageTheme,
     videos: prevVideos,
   } = prevProps;
   const {
@@ -493,6 +495,7 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
     hasThreadReplies: nextHasThreadReplies,
     images: nextImages,
     message: nextMessage,
+    myMessageTheme: nextMyMessageTheme,
     videos: nextVideos,
   } = nextProps;
 
@@ -526,6 +529,10 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
     );
   if (!videosEqual) return false;
 
+  const messageThemeEqual =
+    JSON.stringify(prevMyMessageTheme) === JSON.stringify(nextMyMessageTheme);
+  if (!messageThemeEqual) return false;
+
   return true;
 };
 
@@ -552,6 +559,7 @@ export const Gallery = <
     ImageLoadingIndicator: PropImageLoadingIndicator,
     images: propImages,
     message: propMessage,
+    myMessageTheme: propMyMessageTheme,
     onLongPress: propOnLongPress,
     onPress: propOnPress,
     onPressIn: propOnPressIn,
@@ -582,6 +590,7 @@ export const Gallery = <
     ImageLoadingFailedIndicator: ContextImageLoadingFailedIndicator,
     ImageLoadingIndicator: ContextImageLoadingIndicator,
     legacyImageViewerSwipeBehaviour,
+    myMessageTheme: contextMyMessageTheme,
     VideoThumbnail: ContextVideoThumnbnail,
   } = useMessagesContext<StreamChatGenerics>();
   const { setOverlay: contextSetOverlay } = useOverlayContext();
@@ -607,6 +616,7 @@ export const Gallery = <
   const ImageLoadingFailedIndicator =
     PropImageLoadingFailedIndicator || ContextImageLoadingFailedIndicator;
   const ImageLoadingIndicator = PropImageLoadingIndicator || ContextImageLoadingIndicator;
+  const myMessageTheme = propMyMessageTheme || contextMyMessageTheme;
 
   return (
     <MemoizedGallery
@@ -621,6 +631,7 @@ export const Gallery = <
         images,
         legacyImageViewerSwipeBehaviour,
         message,
+        myMessageTheme,
         onLongPress,
         onPress,
         onPressIn,

package/src/components/Message/Message.tsx

@@ -674,6 +674,7 @@ const MessageWithContext = <
     members,
     message,
     messageContentOrder,
+    myMessageTheme: messagesContext.myMessageTheme,
     onLongPress: onLongPressMessage,
     onlyEmojis,
     onOpenThread,
@@ -774,6 +775,7 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
     lastReceivedId: prevLastReceivedId,
     members: prevMembers,
     message: prevMessage,
+    messagesContext: prevMessagesContext,
     showUnreadUnderlay: prevShowUnreadUnderlay,
     t: prevT,
   } = prevProps;
@@ -785,6 +787,7 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
     lastReceivedId: nextLastReceivedId,
     members: nextMembers,
     message: nextMessage,
+    messagesContext: nextMessagesContext,
     showUnreadUnderlay: nextShowUnreadUnderlay,
     t: nextT,
   } = nextProps;
@@ -887,6 +890,12 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
   const targetedMessageEqual = prevIsTargetedMessage === nextIsTargetedMessage;
   if (!targetedMessageEqual) return false;
 
+  const prevMyMessageTheme = JSON.stringify(prevMessagesContext?.myMessageTheme);
+  const nextMyMessageTheme = JSON.stringify(nextMessagesContext?.myMessageTheme);
+
+  const messageThemeEqual = prevMyMessageTheme === nextMyMessageTheme;
+  if (!messageThemeEqual) return false;
+
   return true;
 };
 

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

@@ -91,6 +91,7 @@ export type MessageContentPropsWithContext<
     | 'MessageError'
     | 'MessageReplies'
     | 'MessageStatus'
+    | 'myMessageTheme'
     | 'onPressInMessage'
     | 'Reply'
   > &
@@ -417,6 +418,7 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
     members: prevMembers,
     message: prevMessage,
     messageContentOrder: prevMessageContentOrder,
+    myMessageTheme: prevMyMessageTheme,
     onlyEmojis: prevOnlyEmojis,
     otherAttachments: prevOtherAttachments,
     t: prevT,
@@ -430,6 +432,7 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
     members: nextMembers,
     message: nextMessage,
     messageContentOrder: nextMessageContentOrder,
+    myMessageTheme: nextMyMessageTheme,
     onlyEmojis: nextOnlyEmojis,
     otherAttachments: nextOtherAttachments,
     t: nextT,
@@ -525,6 +528,10 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
   const tDateTimeParserEqual = prevTDateTimeParser === nextTDateTimeParser;
   if (!tDateTimeParserEqual) return false;
 
+  const messageThemeEqual =
+    JSON.stringify(prevMyMessageTheme) === JSON.stringify(nextMyMessageTheme);
+  if (!messageThemeEqual) return false;
+
   return true;
 };
 
@@ -580,6 +587,7 @@ export const MessageContent = <
     MessageHeader,
     MessageReplies,
     MessageStatus,
+    myMessageTheme,
     Reply,
   } = useMessagesContext<StreamChatGenerics>();
   const { t, tDateTimeParser } = useTranslationContext();
@@ -610,6 +618,7 @@ export const MessageContent = <
         MessageHeader,
         MessageReplies,
         MessageStatus,
+        myMessageTheme,
         onLongPress,
         onlyEmojis,
         onPress,

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

@@ -29,6 +29,7 @@ export type MessageSimplePropsWithContext<
   Pick<
     MessagesContextValue<StreamChatGenerics>,
     | 'enableMessageGroupingByUser'
+    | 'myMessageTheme'
     | 'MessageAvatar'
     | 'MessageContent'
     | 'MessagePinnedHeader'
@@ -104,12 +105,14 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
     groupStyles: prevGroupStyles,
     hasReactions: prevHasReactions,
     message: prevMessage,
+    myMessageTheme: prevMyMessageTheme,
   } = prevProps;
   const {
     channel: nextChannel,
     groupStyles: nextGroupStyles,
     hasReactions: nextHasReactions,
     message: nextMessage,
+    myMessageTheme: nextMyMessageTheme,
   } = nextProps;
 
   const hasReactionsEqual = prevHasReactions === nextHasReactions;
@@ -169,6 +172,10 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
       : prevMessage.latest_reactions === nextMessage.latest_reactions;
   if (!latestReactionsEqual) return false;
 
+  const messageThemeEqual =
+    JSON.stringify(prevMyMessageTheme) === JSON.stringify(nextMyMessageTheme);
+  if (!messageThemeEqual) return false;
+
   return true;
 };
 
@@ -197,6 +204,7 @@ export const MessageSimple = <
     MessageAvatar,
     MessageContent,
     MessagePinnedHeader,
+    myMessageTheme,
     ReactionList,
   } = useMessagesContext<StreamChatGenerics>();
 
@@ -212,6 +220,7 @@ export const MessageSimple = <
         MessageAvatar,
         MessageContent,
         MessagePinnedHeader,
+        myMessageTheme,
         ReactionList,
       }}
       {...props}

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

@@ -35,7 +35,10 @@ export type MessageTextContainerPropsWithContext<
   MessageContextValue<StreamChatGenerics>,
   'message' | 'onLongPress' | 'onlyEmojis' | 'onPress' | 'preventPress'
 > &
-  Pick<MessagesContextValue<StreamChatGenerics>, 'markdownRules' | 'MessageText'> & {
+  Pick<
+    MessagesContextValue<StreamChatGenerics>,
+    'markdownRules' | 'MessageText' | 'myMessageTheme'
+  > & {
     markdownStyles?: MarkdownStyle;
     messageOverlay?: boolean;
     messageTextNumberOfLines?: number;
@@ -120,11 +123,13 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
   const {
     markdownStyles: prevMarkdownStyles,
     message: prevMessage,
+    myMessageTheme: prevMyMessageTheme,
     onlyEmojis: prevOnlyEmojis,
   } = prevProps;
   const {
     markdownStyles: nextMarkdownStyles,
     message: nextMessage,
+    myMessageTheme: nextMyMessageTheme,
     onlyEmojis: nextOnlyEmojis,
   } = nextProps;
 
@@ -154,6 +159,10 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
     JSON.stringify(prevMarkdownStyles) === JSON.stringify(nextMarkdownStyles);
   if (!markdownStylesEqual) return false;
 
+  const messageThemeEqual =
+    JSON.stringify(prevMyMessageTheme) === JSON.stringify(nextMyMessageTheme);
+  if (!messageThemeEqual) return false;
+
   return true;
 };
 
@@ -173,7 +182,7 @@ export const MessageTextContainer = <
 ) => {
   const { message, onLongPress, onlyEmojis, onPress, preventPress } =
     useMessageContext<StreamChatGenerics>();
-  const { markdownRules, MessageText } = useMessagesContext<StreamChatGenerics>();
+  const { markdownRules, MessageText, myMessageTheme } = useMessagesContext<StreamChatGenerics>();
   const { messageTextNumberOfLines } = props;
 
   return (
@@ -183,6 +192,7 @@ export const MessageTextContainer = <
         message,
         MessageText,
         messageTextNumberOfLines,
+        myMessageTheme,
         onLongPress,
         onlyEmojis,
         onPress,

package/src/components/Message/hooks/useCreateMessageContext.ts

@@ -30,6 +30,7 @@ export const useCreateMessageContext = <
   members,
   message,
   messageContentOrder,
+  myMessageTheme,
   onLongPress,
   onlyEmojis,
   onOpenThread,
@@ -54,6 +55,7 @@ export const useCreateMessageContext = <
     message.text
   }${message.reply_count}`;
   const membersValue = JSON.stringify(members);
+  const myMessageThemeString = useMemo(() => JSON.stringify(myMessageTheme), [myMessageTheme]);
 
   const quotedMessageDeletedValue = message.quoted_message?.deleted_at;
 
@@ -82,6 +84,7 @@ export const useCreateMessageContext = <
       members,
       message,
       messageContentOrder,
+      myMessageTheme,
       onLongPress,
       onlyEmojis,
       onOpenThread,
@@ -108,6 +111,7 @@ export const useCreateMessageContext = <
       lastReceivedId,
       membersValue,
       messageValue,
+      myMessageThemeString,
       reactionsValue,
       showAvatar,
       showMessageStatus,

package/src/components/MessageInput/SendButton.tsx

@@ -40,8 +40,8 @@ const SendButtonWithContext = <
       testID='send-button'
     >
       {giphyActive && <Search pathFill={disabled ? grey_gainsboro : accent_blue} {...searchIcon} />}
-      {!giphyActive && disabled && <SendRight pathFill={grey_gainsboro} {...sendUpIcon} />}
-      {!giphyActive && !disabled && <SendUp pathFill={accent_blue} {...sendRightIcon} />}
+      {!giphyActive && disabled && <SendRight pathFill={grey_gainsboro} {...sendRightIcon} />}
+      {!giphyActive && !disabled && <SendUp pathFill={accent_blue} {...sendUpIcon} />}
     </Pressable>
   );
 };