Fix a bug where mentionedMessageTemplate is being set even when the message is not a mentioned message

Author: danney-chun

src/modules/Message/components/TextFragment/index.tsx

@@ -50,6 +50,8 @@ export default function TextFragment({
                             : 'sendbird-label--color-onbackground-1'
                         }
                         href={asSafeURL(groups[2])}
+                        target="_blank"
+                        rel="noopener noreferrer"
                       >
                         <TextFragment tokens={tokenizeMarkdown({ messageText: groups[1] })}/>
                       </a>

src/ui/MessageInput/index.tsx

@@ -349,8 +349,9 @@ const MessageInput = React.forwardRef<HTMLInputElement, MessageInputProps>((prop
     try {
       const textField = internalRef?.current;
       if (!isEdit && textField?.textContent) {
-        const { messageText, mentionTemplate } = extractTextAndMentions(textField.childNodes);
+        const { messageText, mentionTemplate, isMentionedMessage } = extractTextAndMentions(textField.childNodes);
         const params = { message: messageText, mentionTemplate };
+        if (!isMentionedMessage) params.mentionTemplate = '';
         onSendMessage(params);
         resetInput(internalRef);
         /**

src/ui/MessageInput/utils.ts

@@ -34,10 +34,12 @@ function isHTMLElement(node: ChildNode): node is HTMLElement {
 export function extractTextAndMentions(childNodes: NodeListOf<ChildNode>) {
   let messageText = '';
   let mentionTemplate = '';
+  let isMentionedMessage = false;
   childNodes.forEach((node) => {
     if (isHTMLElement(node) && node.nodeName === NodeNames.Span) {
       const { innerText, dataset = {} } = node;
       const { userid = '' } = dataset;
+      if (userid) isMentionedMessage = true;
       messageText += innerText;
       mentionTemplate += `${USER_MENTION_TEMP_CHAR}{${userid}}`;
     } else if (isHTMLElement(node) && node.nodeName === NodeNames.Br) {
@@ -53,5 +55,5 @@ export function extractTextAndMentions(childNodes: NodeListOf<ChildNode>) {
       mentionTemplate += textContent;
     }
   });
-  return { messageText, mentionTemplate };
+  return { messageText, mentionTemplate, isMentionedMessage };
 }