@azure/communication-react 1.34.0 → 2.0.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 = '2.0.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;
@@ -24333,15 +24350,15 @@ class EventSubscriber {
                 this.chatContext.createThreadIfNotExist(event.threadId);
                 this.chatContext.setParticipants(event.threadId, participantsToAdd);
             });
-            this.fetchLastParticipantMessage(event.threadId, 'participantAdded');
+            this.fetchLastParticipantMessage(event.threadId, 'participantAdded', event.addedOn);
         };
         // This is a temporary fix that no participant message is received for onChatMessageReceived event, which should be handled by JS SDK.
         // Without the temporary fix, there are missing 'participant joined' and 'participant left' system messages in the chat thread.
-        this.fetchLastParticipantMessage = (threadId, actionType) => __awaiter$y(this, void 0, void 0, function* () {
+        this.fetchLastParticipantMessage = (threadId, actionType, actionTimestamp) => __awaiter$y(this, void 0, void 0, function* () {
             var _a, e_1, _b, _c;
             try {
                 for (var _d = true, _e = __asyncValues$1(this.chatClient.getChatThreadClient(threadId).listMessages({
-                    startTime: new Date(Date.now() - maxSyncTimeInMs)
+                    startTime: new Date(actionTimestamp.getTime() - maxSyncTimeInMs)
                 })), _f; _f = yield _e.next(), _a = _f.done, !_a; _d = true) {
                     _c = _f.value;
                     _d = false;
@@ -24369,7 +24386,7 @@ class EventSubscriber {
             const currentUserId = toFlatCommunicationIdentifier(this.chatContext.getState().userId);
             const wasCurrentUserRemoved = participantIds.find(id => toFlatCommunicationIdentifier(id) === currentUserId);
             if (!wasCurrentUserRemoved) {
-                this.fetchLastParticipantMessage(event.threadId, 'participantRemoved');
+                this.fetchLastParticipantMessage(event.threadId, 'participantRemoved', event.removedOn);
             }
         };
         this.onReadReceiptReceived = (event) => {
@@ -24380,9 +24397,10 @@ class EventSubscriber {
             });
         };
         this.onTypingIndicatorReceived = (typingIndicator) => {
+            const receivedTypingIndicator = Object.assign(Object.assign({}, typingIndicator), { receivedOn: new Date() });
             this.chatContext.batch(() => {
                 this.chatContext.createThreadIfNotExist(typingIndicator.threadId);
-                this.chatContext.addTypingIndicator(typingIndicator.threadId, typingIndicator);
+                this.chatContext.addTypingIndicator(typingIndicator.threadId, receivedTypingIndicator);
             });
         };
         this.onChatThreadCreated = (event) => {