stream-chat-react-native-core 5.20.0-beta.5 → 5.20.1-beta.1

package/lib/typescript/i18n/hi.json

@@ -1,6 +1,6 @@
 {
-    "1 Reply": "1 रिप्लाई",
-    "1 Thread Reply": "1 धागा उत्तर",
+    "1 Reply": "",
+    "1 Thread Reply": "",
     "Allow access to your Gallery": "",
     "Also send to channel": "",
     "Are you sure you want to permanently delete this message?": "",
@@ -14,42 +14,42 @@
     "Edit Message": "",
     "Editing Message": "",
     "Emoji matching": "इमोजी मिलान",
-    "Empty message...": "खाली संदेश...",
+    "Empty message...": "",
     "Error loading": "लोड होने मे त्रुटि",
-    "Error loading channel list...": "चैनल सूची लोड करने में त्रुटि...",
-    "Error loading messages for this channel...": "इस चैनल के लिए मेसेजेस लोड करने में त्रुटि हुई...",
-    "Error while loading, please reload/refresh": "एरर, रिफ्रेश करे",
-    "File type not supported": "फ़ाइल प्रकार समर्थित नहीं है",
+    "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": "",
+    "Loading channels...": "",
+    "Loading messages...": "",
+    "Loading...": "",
+    "Message Reactions": "संदेश प्रतिक्रियाएँ",
     "Message deleted": "मैसेज हटा दिया गया",
     "Message flagged": "",
     "Mute User": "",
     "Not supported": "समर्थित नहीं",
-    "Nothing yet...": "कोई मैसेज नहीं है...",
+    "Nothing yet...": "",
     "Ok": "",
     "Only visible to you": "",
     "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...": "पुनः कनेक्ट हो...",
+    "Reconnecting...": "",
     "Reply": "",
     "Reply to Message": "",
     "Resend": "",
-    "Search GIFs": "GIF खोजें",
-    "Send a message": "एक संदेश भेजें",
+    "Search GIFs": "",
+    "Send a message": "",
     "Sending links is not allowed in this conversation": "",
-    "Slow mode ON": "स्लो मोड चालू",
+    "Slow mode ON": "",
     "The message has been reported to a moderator.": "",
     "Thread Reply": "",
     "Unblock User": "",
@@ -58,12 +58,12 @@
     "Unpin from Conversation": "",
     "Unread Messages": "",
     "Video": "",
-    "You": "आप",
-    "You can't send messages in this channel": "",
+    "You": "",
+    "You can't send messages in this channel": "आप इस चैनल में संदेश नहीं भेज सकते",
     "{{ firstUser }} and {{ nonSelfUserLength }} more are typing": "",
     "{{ index }} of {{ photoLength }}": "",
-    "{{ replyCount }} Replies": "{{ replyCount }} रिप्लाई",
-    "{{ replyCount }} Thread Replies": "{{ replyCount }}} थ्रेड उत्तर",
+    "{{ replyCount }} Replies": "",
+    "{{ replyCount }} Thread Replies": "",
     "{{ user }} is typing": "",
-    "🏙 Attachment...": "🏙 अटैचमेंट..."
+    "🏙 Attachment...": ""
 }

package/lib/typescript/i18n/it.json

@@ -1,6 +1,6 @@
 {
-    "1 Reply": "1 Risposta",
-    "1 Thread Reply": "1 Risposta alla Discussione",
+    "1 Reply": "",
+    "1 Thread Reply": "",
     "Allow access to your Gallery": "",
     "Also send to channel": "",
     "Are you sure you want to permanently delete this message?": "",
@@ -14,42 +14,42 @@
     "Edit Message": "",
     "Editing Message": "",
     "Emoji matching": "Abbinamento emoji",
-    "Empty message...": "Message vuoto...",
+    "Empty message...": "",
     "Error loading": "Errore di caricamento",
-    "Error loading channel list...": "Errore durante il caricamento della lista dei canali...",
-    "Error loading messages for this channel...": "Errore durante il caricamento dei messaggi per questo canale...",
-    "Error while loading, please reload/refresh": "Errore durante il caricamento, per favore ricarica la pagina",
-    "File type not supported": "Tipo di file non supportato",
+    "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": "Comandi Istantanei",
     "Links are disabled": "",
-    "Loading channels...": "Caricamento canali in corso...",
-    "Loading messages...": "Caricamento messaggi...",
-    "Loading...": "Caricamento...",
-    "Message Reactions": "",
+    "Loading channels...": "",
+    "Loading messages...": "",
+    "Loading...": "",
+    "Message Reactions": "Reazioni ai Messaggi",
     "Message deleted": "Messaggio cancellato",
     "Message flagged": "",
     "Mute User": "",
     "Not supported": "non supportato",
-    "Nothing yet...": "Ancora niente...",
+    "Nothing yet...": "",
     "Ok": "",
     "Only visible to you": "",
     "Photo": "",
     "Photos and Videos": "",
     "Pin to Conversation": "",
-    "Pinned by": "Fissato da",
+    "Pinned by": "",
     "Please enable access to your photos and videos so you can share them.": "",
     "Please select a channel first": "",
-    "Reconnecting...": "Ricollegarsi...",
+    "Reconnecting...": "",
     "Reply": "",
     "Reply to Message": "",
     "Resend": "",
-    "Search GIFs": "Cerca GIF",
-    "Send a message": "Mandare un messaggio",
+    "Search GIFs": "",
+    "Send a message": "",
     "Sending links is not allowed in this conversation": "",
-    "Slow mode ON": "Slowmode attiva",
+    "Slow mode ON": "",
     "The message has been reported to a moderator.": "",
     "Thread Reply": "",
     "Unblock User": "",
@@ -58,12 +58,12 @@
     "Unpin from Conversation": "",
     "Unread Messages": "",
     "Video": "",
-    "You": "Tu",
-    "You can't send messages in this channel": "",
+    "You": "",
+    "You can't send messages in this channel": "Non puoi inviare messaggi in questo canale",
     "{{ firstUser }} and {{ nonSelfUserLength }} more are typing": "",
     "{{ index }} of {{ photoLength }}": "",
-    "{{ replyCount }} Replies": "{{ replyCount }} Risposte",
-    "{{ replyCount }} Thread Replies": "{{replyCount}} Risposte alle Conversazione",
+    "{{ replyCount }} Replies": "",
+    "{{ replyCount }} Thread Replies": "",
     "{{ user }} is typing": "",
-    "🏙 Attachment...": "🏙 Allegato..."
+    "🏙 Attachment...": ""
 }

package/lib/typescript/i18n/nl.json

@@ -1,6 +1,6 @@
 {
-    "1 Reply": "1 Antwoord",
-    "1 Thread Reply": "1 thread antwoord",
+    "1 Reply": "",
+    "1 Thread Reply": "",
     "Allow access to your Gallery": "",
     "Also send to channel": "",
     "Are you sure you want to permanently delete this message?": "",
@@ -14,42 +14,42 @@
     "Edit Message": "",
     "Editing Message": "",
     "Emoji matching": "Emoji-overeenkomsten",
-    "Empty message...": "Leeg bericht...",
+    "Empty message...": "",
     "Error loading": "Probleem bij het laden",
-    "Error loading channel list...": "Probleem bij het laden van de kanalen...",
-    "Error loading messages for this channel...": "Probleem bij het laden van de berichten in dit kanaal...",
-    "Error while loading, please reload/refresh": "Probleem bij het laden, probeer opnieuw",
-    "File type not supported": "Bestandstype niet ondersteund",
+    "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": "Directe Opdrachten",
     "Links are disabled": "",
-    "Loading channels...": "Kanalen aan het laden...",
-    "Loading messages...": "Berichten aan het laden...",
-    "Loading...": "Aan het laden...",
-    "Message Reactions": "",
+    "Loading channels...": "",
+    "Loading messages...": "",
+    "Loading...": "",
+    "Message Reactions": "Bericht Reacties",
     "Message deleted": "Bericht verwijderd",
     "Message flagged": "",
     "Mute User": "",
     "Not supported": "niet ondersteund",
-    "Nothing yet...": "Nog niets...",
+    "Nothing yet...": "",
     "Ok": "",
     "Only visible to you": "",
     "Photo": "",
     "Photos and Videos": "",
     "Pin to Conversation": "",
-    "Pinned by": "Vastgemaakt door",
+    "Pinned by": "",
     "Please enable access to your photos and videos so you can share them.": "",
     "Please select a channel first": "",
-    "Reconnecting...": "Opnieuw Verbinding Maken...",
+    "Reconnecting...": "",
     "Reply": "",
     "Reply to Message": "",
     "Resend": "",
-    "Search GIFs": "Zoek GIF's",
-    "Send a message": "Stuur een bericht",
+    "Search GIFs": "",
+    "Send a message": "",
     "Sending links is not allowed in this conversation": "",
-    "Slow mode ON": "Langzame modus aan",
+    "Slow mode ON": "",
     "The message has been reported to a moderator.": "",
     "Thread Reply": "",
     "Unblock User": "",
@@ -58,12 +58,12 @@
     "Unpin from Conversation": "",
     "Unread Messages": "",
     "Video": "",
-    "You": "U",
-    "You can't send messages in this channel": "",
+    "You": "",
+    "You can't send messages in this channel": "Je kan geen berichten sturen in dit kanaal",
     "{{ firstUser }} and {{ nonSelfUserLength }} more are typing": "",
     "{{ index }} of {{ photoLength }}": "",
-    "{{ replyCount }} Replies": "{{ replyCount }} Antwoorden",
-    "{{ replyCount }} Thread Replies": "{{replyCount}} Discussiereacties",
+    "{{ replyCount }} Replies": "",
+    "{{ replyCount }} Thread Replies": "",
     "{{ user }} is typing": "",
-    "🏙 Attachment...": "🏙 Bijlage..."
+    "🏙 Attachment...": ""
 }

package/lib/typescript/i18n/ru.json

@@ -1,6 +1,6 @@
 {
-    "1 Reply": "1 Ответ",
-    "1 Thread Reply": "1 тема Ответить",
+    "1 Reply": "",
+    "1 Thread Reply": "",
     "Allow access to your Gallery": "",
     "Also send to channel": "",
     "Are you sure you want to permanently delete this message?": "",
@@ -12,44 +12,44 @@
     "Delete Message": "",
     "Do you want to send a copy of this message to a moderator for further investigation?": "",
     "Edit Message": "",
-    "Editing Message": "Редактирование сообщения",
+    "Editing Message": "",
     "Emoji matching": "Соответствие эмодзи",
-    "Empty message...": "Пустое сообщение...",
+    "Empty message...": "",
     "Error loading": "Ошибка при загрузке",
-    "Error loading channel list...": "Ошибка загрузки списка каналов...",
-    "Error loading messages for this channel...": "Ошибка загрузки сообщений для этого канала...",
-    "Error while loading, please reload/refresh": "Ошибка загрузки, пожалуйста перезагрузите или обновите",
-    "File type not supported": "Тип файла не поддерживается",
+    "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": "",
+    "Loading channels...": "",
+    "Loading messages...": "",
+    "Loading...": "",
+    "Message Reactions": "Сообщения Реакции",
     "Message deleted": "Сообщение удалено",
     "Message flagged": "",
     "Mute User": "",
     "Not supported": "не поддерживается",
-    "Nothing yet...": "Пока ничего нет...",
+    "Nothing yet...": "",
     "Ok": "",
     "Only visible to you": "",
     "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...": "Переподключение...",
+    "Reconnecting...": "",
     "Reply": "",
     "Reply to Message": "",
     "Resend": "",
-    "Search GIFs": "Поиск GIF",
-    "Send a message": "Отправить сообщение",
+    "Search GIFs": "",
+    "Send a message": "",
     "Sending links is not allowed in this conversation": "",
-    "Slow mode ON": "Медленный режим включен",
+    "Slow mode ON": "",
     "The message has been reported to a moderator.": "",
     "Thread Reply": "",
     "Unblock User": "",
@@ -58,12 +58,12 @@
     "Unpin from Conversation": "",
     "Unread Messages": "",
     "Video": "",
-    "You": "Вы",
-    "You can't send messages in this channel": "",
+    "You": "",
+    "You can't send messages in this channel": "Вы не можете отправлять сообщения в этот канал",
     "{{ firstUser }} and {{ nonSelfUserLength }} more are typing": "",
     "{{ index }} of {{ photoLength }}": "",
-    "{{ replyCount }} Replies": "{{ replyCount }} Ответов",
-    "{{ replyCount }} Thread Replies": "{{replyCount}} Ответы в темах",
+    "{{ replyCount }} Replies": "",
+    "{{ replyCount }} Thread Replies": "",
     "{{ user }} is typing": "",
-    "🏙 Attachment...": "🏙 Вложение..."
+    "🏙 Attachment...": ""
 }

package/lib/typescript/i18n/tr.json

@@ -1,6 +1,6 @@
 {
-    "1 Reply": "1 Cevap",
-    "1 Thread Reply": "1 Konu Yanıtı",
+    "1 Reply": "",
+    "1 Thread Reply": "",
     "Allow access to your Gallery": "",
     "Also send to channel": "",
     "Are you sure you want to permanently delete this message?": "",
@@ -12,44 +12,44 @@
     "Delete Message": "",
     "Do you want to send a copy of this message to a moderator for further investigation?": "",
     "Edit Message": "",
-    "Editing Message": "Mesaj Düzenleniyor",
+    "Editing Message": "",
     "Emoji matching": "Emoji eşleştirme",
-    "Empty message...": "Boş mesaj...",
+    "Empty message...": "",
     "Error loading": "Yükleme hatası",
-    "Error loading channel list...": "Kanal listesi yüklenirken hata oluştu...",
-    "Error loading messages for this channel...": "Bu kanal için mesajlar yüklenirken hata oluştu...",
-    "Error while loading, please reload/refresh": "Yüklenirken hata oluştu, lütfen tekrar deneyiniz",
-    "File type not supported": "Dosya türü desteklenmiyor",
+    "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": "Anlık Komutlar",
     "Links are disabled": "",
-    "Loading channels...": "Kanallar yükleniyor...",
-    "Loading messages...": "Mesajlar yükleniyor...",
-    "Loading...": "Yükleniyor...",
-    "Message Reactions": "",
+    "Loading channels...": "",
+    "Loading messages...": "",
+    "Loading...": "",
+    "Message Reactions": "Mesaj Tepkileri",
     "Message deleted": "Mesaj silindi",
     "Message flagged": "",
     "Mute User": "",
     "Not supported": "Desteklenmiyor",
-    "Nothing yet...": "Henüz değil...",
+    "Nothing yet...": "",
     "Ok": "",
     "Only visible to you": "",
     "Photo": "",
     "Photos and Videos": "",
     "Pin to Conversation": "",
-    "Pinned by": "Tarafından sabitlendi",
+    "Pinned by": "",
     "Please enable access to your photos and videos so you can share them.": "",
     "Please select a channel first": "",
-    "Reconnecting...": "Yeniden Bağlanılıyor...",
+    "Reconnecting...": "",
     "Reply": "",
     "Reply to Message": "",
     "Resend": "",
-    "Search GIFs": "GIF Ara",
-    "Send a message": "Mesaj gönder",
+    "Search GIFs": "",
+    "Send a message": "",
     "Sending links is not allowed in this conversation": "",
-    "Slow mode ON": "Yavaş Mod Açık",
+    "Slow mode ON": "",
     "The message has been reported to a moderator.": "",
     "Thread Reply": "",
     "Unblock User": "",
@@ -58,12 +58,12 @@
     "Unpin from Conversation": "",
     "Unread Messages": "",
     "Video": "",
-    "You": "Sen",
-    "You can't send messages in this channel": "",
+    "You": "",
+    "You can't send messages in this channel": "Bu konuşmaya mesaj gönderemezsiniz",
     "{{ firstUser }} and {{ nonSelfUserLength }} more are typing": "",
     "{{ index }} of {{ photoLength }}": "",
-    "{{ replyCount }} Replies": "{{ replyCount }} Cevap",
-    "{{ replyCount }} Thread Replies": "{{responseCount}} Konu Cevapı",
+    "{{ replyCount }} Replies": "",
+    "{{ replyCount }} Thread Replies": "",
     "{{ user }} is typing": "",
-    "🏙 Attachment...": "🏙 Ek..."
+    "🏙 Attachment...": ""
 }

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.20.0-beta.5",
+  "version": "5.20.1-beta.1",
   "author": {
     "company": "Stream.io Inc",
     "name": "Stream.io Inc"

package/src/components/Message/MessageSimple/utils/generateMarkdownText.ts

@@ -0,0 +1,43 @@
+import truncate from 'lodash/truncate';
+
+import { parseLinksFromText } from './parseLinks';
+
+import type { DefaultStreamChatGenerics } from '../../../../types/types';
+import type { MessageType } from '../../../MessageList/hooks/useMessageList';
+
+export const generateMarkdownText = <
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
+>(
+  message: MessageType<StreamChatGenerics>,
+) => {
+  const { text } = message;
+
+  if (!text) return null;
+
+  // Trim the extra spaces from the text.
+  let resultText = text.trim();
+
+  // List of all the links present in the text.
+  const linkInfos = parseLinksFromText(resultText);
+
+  for (const linkInfo of linkInfos) {
+    const displayLink = truncate(linkInfo.raw, {
+      length: 200,
+      omission: '...',
+    });
+    // Convert raw links/emails in the text to respective markdown syntax.
+    // Eg: Hi getstream.io -> Hi [getstream.io](getstream.io).
+    const normalRegEx = new RegExp(linkInfo.raw, 'g');
+    const markdown = `[${displayLink}](${linkInfo.encodedUrl})`;
+    resultText = text.replace(normalRegEx, markdown);
+
+    // After previous step, in some cases, the mentioned user after `@` might have a link/email so we convert it back to normal raw text.
+    // Eg: Hi, @[test.user@gmail.com](mailto:test.user@gmail.com) to @test.user@gmail.com.
+    const mentionsRegex = new RegExp(`@\\[${displayLink}\\]\\(${linkInfo.encodedUrl}\\)`, 'g');
+    resultText = resultText.replace(mentionsRegex, `@${displayLink}`);
+  }
+
+  resultText = resultText.replace(/[<&"'>]/g, '\\$&');
+
+  return resultText;
+};

package/src/components/Message/MessageSimple/utils/parseLinks.ts

@@ -12,13 +12,13 @@ interface LinkInfo {
 const removeMarkdownLinksFromText = (input: string) => input.replace(/\[[\w\s]+\]\(.*\)/g, '');
 
 /**
- * Hermes doesn't support lookbehind, so this is done separately to avoid
- * parsing user names as links.
- * */
-const removeUserNamesFromText = (input: string) => input.replace(/^@\w+\.?\w/, '');
+ * This is done to avoid parsing usernames with dot as well as an email address in it.
+ */
+const removeUserNamesWithEmailFromText = (input: string) =>
+  input.replace(/@(\w+(\.\w+)?)(@\w+\.\w+)/g, '');
 
 export const parseLinksFromText = (input: string): LinkInfo[] => {
-  const strippedInput = [removeMarkdownLinksFromText, removeUserNamesFromText].reduce(
+  const strippedInput = [removeMarkdownLinksFromText, removeUserNamesWithEmailFromText].reduce(
     (acc, fn) => fn(acc),
     input,
   );

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

@@ -4,7 +4,6 @@ import { GestureResponderEvent, Linking, Text, TextProps, View, ViewProps } from
 // @ts-expect-error
 import Markdown from 'react-native-markdown-package';
 
-import truncate from 'lodash/truncate';
 import {
   DefaultRules,
   defaultRules,
@@ -19,7 +18,7 @@ import {
 
 import type { UserResponse } from 'stream-chat';
 
-import { parseLinksFromText } from './parseLinks';
+import { generateMarkdownText } from './generateMarkdownText';
 
 import type { MessageContextValue } from '../../../../contexts/messageContext/MessageContext';
 import type { Colors, MarkdownStyle } from '../../../../contexts/themeContext/utils/theme';
@@ -62,7 +61,7 @@ const defaultMarkdownStyles: MarkdownStyle = {
   },
 };
 
-const parse: ParseFunction = (capture, parse, state) => ({
+const mentionsParseFunction: ParseFunction = (capture, parse, state) => ({
   content: parseInline(parse, capture[0], state),
 });
 
@@ -102,25 +101,7 @@ export const renderText = <
     preventPress,
   } = params;
 
-  // take the @ mentions and turn them into markdown?
-  // translate links
-  const { mentioned_users, text } = message;
-
-  if (!text) return null;
-
-  let newText = text.trim();
-  const linkInfos = parseLinksFromText(newText);
-
-  for (const linkInfo of linkInfos) {
-    const displayLink = truncate(linkInfo.raw, {
-      length: 200,
-      omission: '...',
-    });
-    const markdown = `[${displayLink}](${linkInfo.encodedUrl})`;
-    newText = newText.replace(linkInfo.raw, markdown);
-  }
-
-  newText = newText.replace(/[<&"'>]/g, '\\$&');
+  const markdownText = generateMarkdownText<StreamChatGenerics>(message);
 
   const styles: MarkdownStyle = {
     ...defaultMarkdownStyles,
@@ -220,6 +201,9 @@ export const renderText = <
     );
   };
 
+  // take the @ mentions and turn them into markdown?
+  // translate links
+  const { mentioned_users } = message;
   const mentionedUsers = Array.isArray(mentioned_users)
     ? mentioned_users.reduce((acc, cur) => {
         const userName = cur.name || cur.id || '';
@@ -237,7 +221,7 @@ export const renderText = <
     : '';
 
   const regEx = new RegExp(`^\\B(${mentionedUsers})`, 'g');
-  const match: MatchFunction = (source) => regEx.exec(source);
+  const mentionsMatchFunction: MatchFunction = (source) => regEx.exec(source);
 
   const mentionsReact: ReactNodeOutput = (node, output, { ...state }) => {
     /**removes the @ prefix of username */
@@ -297,9 +281,9 @@ export const renderText = <
     ...(mentionedUsers
       ? {
           mentions: {
-            match,
+            match: mentionsMatchFunction,
             order: defaultRules.text.order - 0.5,
-            parse,
+            parse: mentionsParseFunction,
             react: mentionsReact,
           },
         }
@@ -318,7 +302,7 @@ export const renderText = <
       }}
       styles={styles}
     >
-      {newText}
+      {markdownText}
     </Markdown>
   );
 };

package/src/components/Reply/Reply.tsx

@@ -223,25 +223,26 @@ const ReplyWithContext = <
         ) : null}
         <MessageTextContainer<StreamChatGenerics>
           markdownStyles={
-            quotedMessage.deleted_at
+            quotedMessage.type === 'deleted'
               ? merge({ em: { color: grey } }, deletedText)
               : { text: styles.text, ...markdownStyles }
           }
           message={{
             ...quotedMessage,
-            text: quotedMessage.deleted_at
-              ? `_${t('Message deleted')}_`
-              : quotedMessage.text
-              ? quotedMessage.text.length > 170
-                ? `${quotedMessage.text.slice(0, 170)}...`
+            text:
+              quotedMessage.type === 'deleted'
+                ? `_${t('Message deleted')}_`
                 : quotedMessage.text
-              : messageType === 'image'
-              ? t('Photo')
-              : messageType === 'video'
-              ? t('Video')
-              : messageType === 'file'
-              ? lastAttachment?.title || ''
-              : '',
+                ? quotedMessage.text.length > 170
+                  ? `${quotedMessage.text.slice(0, 170)}...`
+                  : quotedMessage.text
+                : messageType === 'image'
+                ? t('Photo')
+                : messageType === 'video'
+                ? t('Video')
+                : messageType === 'file'
+                ? lastAttachment?.title || ''
+                : '',
           }}
           onlyEmojis={onlyEmojis}
           styles={{
@@ -308,7 +309,8 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
     typeof prevQuotedMessage !== 'boolean' &&
     typeof nextQuotedMessage !== 'boolean'
       ? prevQuotedMessage.id === nextQuotedMessage.id &&
-        prevQuotedMessage.deleted_at === nextQuotedMessage.deleted_at
+        prevQuotedMessage.deleted_at === nextQuotedMessage.deleted_at &&
+        prevQuotedMessage.type === nextQuotedMessage.type
       : !!prevQuotedMessage === !!nextQuotedMessage;
 
   if (!quotedMessageEqual) return false;