Merge pull request #1999 from GetStream/release-v9.5.4

v9.5.4

Author: MartinCupela

src/__tests__/__snapshots__/utils.test.js.snap

@@ -1,5 +1,41 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`renderText handles the special case where there are pronouns in the name 1`] = `
+<p>
+  hey, 
+  <span
+    className="str-chat__message-mention"
+  >
+    @John (they/them)
+  </span>
+  , how are you?
+</p>
+`;
+
+exports[`renderText handles the special case where there is a backslash in the name 1`] = `
+<p>
+  hey, 
+  <span
+    className="str-chat__message-mention"
+  >
+    @John\\Cena
+  </span>
+  , how are you?
+</p>
+`;
+
+exports[`renderText handles the special case where there is a forward slash in the name 1`] = `
+<p>
+  hey, 
+  <span
+    className="str-chat__message-mention"
+  >
+    @John/Cena
+  </span>
+  , how are you?
+</p>
+`;
+
 exports[`renderText handles the special case where user name matches to an e-mail pattern - 1 1`] = `
 <p>
   Hello 

src/__tests__/utils.test.js

@@ -60,4 +60,28 @@ describe(`renderText`, () => {
     const tree = renderer.create(Markdown).toJSON();
     expect(tree).toMatchSnapshot();
   });
+
+  it('handles the special case where there are pronouns in the name', () => {
+    const Markdown = renderText('hey, @John (they/them), how are you?', [
+      { id: 'john', name: 'John (they/them)' },
+    ]);
+    const tree = renderer.create(Markdown).toJSON();
+    expect(tree).toMatchSnapshot();
+  });
+
+  it('handles the special case where there is a forward slash in the name', () => {
+    const Markdown = renderText('hey, @John/Cena, how are you?', [
+      { id: 'john', name: 'John/Cena' },
+    ]);
+    const tree = renderer.create(Markdown).toJSON();
+    expect(tree).toMatchSnapshot();
+  });
+
+  it('handles the special case where there is a backslash in the name', () => {
+    const Markdown = renderText('hey, @John\\Cena, how are you?', [
+      { id: 'john', name: 'John\\Cena' },
+    ]);
+    const tree = renderer.create(Markdown).toJSON();
+    expect(tree).toMatchSnapshot();
+  });
 });

src/utils.tsx

@@ -269,7 +269,7 @@ export const renderText = <
 };
 
 export function escapeRegExp(text: string) {
-  return text.replace(/[-[\]{}()*+?.,\\^$|#]/g, '\\$&');
+  return text.replace(/[-[\]{}()*+?.,/\\^$|#]/g, '\\$&');
 }
 
 /**