@azure/communication-react 1.34.0 → 1.35.0

package/dist/dist-cjs/communication-react/index.js

@@ -15,7 +15,7 @@ var uuid = require('uuid');
 var reactChat = require('@fluentui-contrib/react-chat');
 var react$1 = require('@griffel/react');
 var parse = require('html-react-parser');
-var Linkify = require('react-linkify');
+var linkifyIt = require('linkify-it');
 var DOMPurify = require('dompurify');
 var reactFileTypeIcons = require('@fluentui/react-file-type-icons');
 var reactHooks = require('@fluentui/react-hooks');
@@ -178,7 +178,7 @@ function getDefaultExportFromCjs (x) {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 // GENERATED FILE. DO NOT EDIT MANUALLY.
-var telemetryVersion = '1.34.0';
+var telemetryVersion = '1.35.0';
 
 
 var telemetryVersion$1 = /*@__PURE__*/getDefaultExportFromCjs(telemetryVersion);
@@ -10799,6 +10799,9 @@ const chatMessageActionMenuProps = (menuProps) => {
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
+const linkify = new linkifyIt.LinkifyIt({
+    fuzzyLink: true
+});
 /** @private */
 const ChatMessageContent = (props) => {
     switch (props.message.contentType) {
@@ -10822,9 +10825,23 @@ const MessageContentAsRichTextHTML = (props) => {
     return React.createElement(MessageContentWithLiveAria, { message: props.message, liveMessage: generateLiveMessage(props), ariaLabel: messageContentAriaText(props), content: processHtmlToReact(props) });
 };
 const MessageContentAsText = (props) => {
-    return React.createElement(MessageContentWithLiveAria, { message: props.message, liveMessage: generateLiveMessage(props), ariaLabel: messageContentAriaText(props), className: messageTextContentStyles, content: React.createElement(Linkify, { componentDecorator: (decoratedHref, decoratedText, key) => {
-                return React.createElement(react.Link, { target: "_blank", href: decoratedHref, key: key }, decoratedText);
-            } }, props.message.content) });
+    var _a;
+    return React.createElement(MessageContentWithLiveAria, { message: props.message, liveMessage: generateLiveMessage(props), ariaLabel: messageContentAriaText(props), className: messageTextContentStyles, content: React.createElement(React.Fragment, null, linkifyMessageContent((_a = props.message.content) !== null && _a !== void 0 ? _a : '')) });
+};
+const linkifyMessageContent = (content) => {
+    const matches = linkify.match(content);
+    if (!matches) {
+        return [content];
+    }
+    const contentParts = [];
+    let previousMatchEnd = 0;
+    matches.forEach(match => {
+        contentParts.push(content.slice(previousMatchEnd, match.index));
+        contentParts.push(React.createElement(react.Link, { target: "_blank", href: match.url, key: `${match.index}-${match.lastIndex}` }, match.text));
+        previousMatchEnd = match.lastIndex;
+    });
+    contentParts.push(content.slice(previousMatchEnd));
+    return contentParts;
 };
 const extractContentForAllyMessage = (props) => {
     var _a;