@azure/communication-react 1.18.0-alpha-202407162158 → 1.18.0-alpha-202407180014

package/dist/dist-cjs/communication-react/{index-BsoS46cI.js → index-B3X0l4SB.js}

@@ -176,7 +176,7 @@ function getDefaultExportFromCjs (x) {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 // GENERATED FILE. DO NOT EDIT MANUALLY.
-var telemetryVersion = '1.18.0-alpha-202407162158';
+var telemetryVersion = '1.18.0-alpha-202407180014';
 
 
 var telemetryVersion$1 = /*@__PURE__*/getDefaultExportFromCjs(telemetryVersion);
@@ -424,7 +424,7 @@ const Constants = {
  */
 const chatStatefulLogger = logger.createClientLogger('communication-react:chat-stateful');
 
-var __awaiter$W = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$X = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
@@ -466,7 +466,7 @@ class ResourceDownloadQueue {
         this._messagesNeedingResourceRetrieval.push(copy);
     }
     startQueue(threadId, operation, options) {
-        return __awaiter$W(this, void 0, void 0, function* () {
+        return __awaiter$X(this, void 0, void 0, function* () {
             if (this.isActive) {
                 return;
             }
@@ -502,7 +502,7 @@ class ResourceDownloadQueue {
         }
     }
     downloadSingleUrl(message, resourceUrl, operation) {
-        return __awaiter$W(this, void 0, void 0, function* () {
+        return __awaiter$X(this, void 0, void 0, function* () {
             const response = { sourceUrl: '' };
             try {
                 const abortController = new AbortController();
@@ -518,7 +518,7 @@ class ResourceDownloadQueue {
         });
     }
     downloadAllPreviewUrls(message, operation) {
-        return __awaiter$W(this, void 0, void 0, function* () {
+        return __awaiter$X(this, void 0, void 0, function* () {
             var _a;
             const attachments = (_a = message.content) === null || _a === void 0 ? void 0 : _a.attachments;
             if (message.type === 'html' && attachments) {
@@ -545,7 +545,7 @@ class ResourceDownloadQueue {
         });
     }
     downloadResource(operation, url, abortController) {
-        return __awaiter$W(this, void 0, void 0, function* () {
+        return __awaiter$X(this, void 0, void 0, function* () {
             this._requestsToCancel[url] = { src: url, abortController };
             const blobUrl = yield operation(url, { credential: this._credential, endpoint: this._endpoint }, { abortController });
             delete this._requestsToCancel[url];
@@ -556,9 +556,9 @@ class ResourceDownloadQueue {
 /**
  * @private
  */
-const fetchImageSource = (src, authentication, options) => __awaiter$W(void 0, void 0, void 0, function* () {
+const fetchImageSource = (src, authentication, options) => __awaiter$X(void 0, void 0, void 0, function* () {
     function fetchWithAuthentication(url, token, options) {
-        return __awaiter$W(this, void 0, void 0, function* () {
+        return __awaiter$X(this, void 0, void 0, function* () {
             const headers = new Headers();
             headers.append('Authorization', `Bearer ${token}`);
             return yield fetchWithTimeout(url, {
@@ -569,7 +569,7 @@ const fetchImageSource = (src, authentication, options) => __awaiter$W(void 0, v
         });
     }
     function fetchWithTimeout(resource, options) {
-        return __awaiter$W(this, void 0, void 0, function* () {
+        return __awaiter$X(this, void 0, void 0, function* () {
             // default timeout is 30 seconds
             const { timeout = 30000, abortController } = options;
             const id = setTimeout(() => {
@@ -596,7 +596,7 @@ const fetchImageSource = (src, authentication, options) => __awaiter$W(void 0, v
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var __awaiter$V = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$W = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
@@ -672,7 +672,7 @@ let ChatContext$1 = class ChatContext {
         // Any item in queue should be removed.
     }
     downloadResourceToCache(threadId, messageId, resourceUrl) {
-        return __awaiter$V(this, void 0, void 0, function* () {
+        return __awaiter$W(this, void 0, void 0, function* () {
             var _a;
             let message = (_a = this.getState().threads[threadId]) === null || _a === void 0 ? void 0 : _a.chatMessages[messageId];
             if (message && this._fullsizeImageQueue) {
@@ -951,7 +951,7 @@ let ChatContext$1 = class ChatContext {
      * @throws ChatError. Exceptions thrown from `f` are tagged with the failed `target.
      */
     withAsyncErrorTeedToState(f, target) {
-        return (...args) => __awaiter$V(this, void 0, void 0, function* () {
+        return (...args) => __awaiter$W(this, void 0, void 0, function* () {
             try {
                 return yield f(...args);
             }
@@ -1058,7 +1058,7 @@ const convertChatMessage = (message, status = 'delivered', clientMessageId) => {
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var __awaiter$U = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$V = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
@@ -1148,7 +1148,7 @@ class EventSubscriber {
         };
         // 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$U(this, void 0, void 0, function* () {
+        this.fetchLastParticipantMessage = (threadId, actionType) => __awaiter$V(this, void 0, void 0, function* () {
             var _a, e_1, _b, _c;
             try {
                 for (var _d = true, _e = __asyncValues$1(this.chatClient
@@ -1242,7 +1242,7 @@ class EventSubscriber {
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var __awaiter$T = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$U = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
@@ -1264,7 +1264,7 @@ const createDecoratedIterator = (iteratorCreator, context, decorateFn) => {
         const threadsIterator = iteratorCreator(...args);
         return {
             next() {
-                return __awaiter$T(this, void 0, void 0, function* () {
+                return __awaiter$U(this, void 0, void 0, function* () {
                     const result = yield threadsIterator.next();
                     if (!result.done && result.value) {
                         decorateFn(result.value, context);
@@ -1279,7 +1279,7 @@ const createDecoratedIterator = (iteratorCreator, context, decorateFn) => {
                 const pages = threadsIterator.byPage(settings);
                 return {
                     next() {
-                        return __awaiter$T(this, void 0, void 0, function* () {
+                        return __awaiter$U(this, void 0, void 0, function* () {
                             const result = yield pages.next();
                             const page = result.value;
                             if (!result.done && result.value) {
@@ -1366,7 +1366,7 @@ const createDecoratedListParticipants = (chatThreadClient, context) => {
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var __awaiter$S = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$T = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
@@ -1385,14 +1385,14 @@ class ProxyChatThreadClient {
                 return createDecoratedListMessages(chatThreadClient, this._context);
             }
             case 'getMessage': {
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$S(this, void 0, void 0, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$T(this, void 0, void 0, function* () {
                     const message = yield chatThreadClient.getMessage(...args);
                     this._context.setChatMessage(chatThreadClient.threadId, convertChatMessage(message));
                     return message;
                 }), 'ChatThreadClient.getMessage');
             }
             case 'sendMessage': {
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$S(this, void 0, void 0, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$T(this, void 0, void 0, function* () {
                     var _a;
                     // Retry logic?
                     const [request, options] = args;
@@ -1433,7 +1433,7 @@ class ProxyChatThreadClient {
                 }), 'ChatThreadClient.sendMessage');
             }
             case 'addParticipants': {
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$S(this, void 0, void 0, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$T(this, void 0, void 0, function* () {
                     const result = yield chatThreadClient.addParticipants(...args);
                     const [addRequest] = args;
                     const participantsToAdd = addRequest.participants;
@@ -1442,7 +1442,7 @@ class ProxyChatThreadClient {
                 }), 'ChatThreadClient.addParticipants');
             }
             case 'deleteMessage': {
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$S(this, void 0, void 0, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$T(this, void 0, void 0, function* () {
                     // DeleteMessage is able to either delete local one(for failed message) or synced message
                     const [messageId] = args;
                     if (this._context.deleteLocalMessage(chatThreadClient.threadId, messageId)) {
@@ -1460,12 +1460,12 @@ class ProxyChatThreadClient {
                 return createDecoratedListReadReceipts(chatThreadClient, this._context);
             }
             case 'sendTypingNotification': {
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$S(this, void 0, void 0, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$T(this, void 0, void 0, function* () {
                     return yield chatThreadClient.sendTypingNotification(...args);
                 }), 'ChatThreadClient.sendTypingNotification');
             }
             case 'removeParticipant': {
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$S(this, void 0, void 0, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$T(this, void 0, void 0, function* () {
                     const result = yield chatThreadClient.removeParticipant(...args);
                     const [removeIdentifier] = args;
                     this._context.deleteParticipant(chatThreadClient.threadId, communicationCommon.getIdentifierKind(removeIdentifier));
@@ -1473,7 +1473,7 @@ class ProxyChatThreadClient {
                 }), 'ChatThreadClient.removeParticipant');
             }
             case 'updateMessage': {
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$S(this, void 0, void 0, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$T(this, void 0, void 0, function* () {
                     const result = yield chatThreadClient.updateMessage(...args);
                     const [messageId, updateOption] = args;
                     this._context.updateChatMessageContent(chatThreadClient.threadId, messageId, updateOption === null || updateOption === void 0 ? void 0 : updateOption.content);
@@ -1481,7 +1481,7 @@ class ProxyChatThreadClient {
                 }), 'ChatThreadClient.updateMessage');
             }
             case 'updateTopic': {
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$S(this, void 0, void 0, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$T(this, void 0, void 0, function* () {
                     const result = yield chatThreadClient.updateTopic(...args);
                     const [topic] = args;
                     this._context.updateThreadTopic(chatThreadClient.threadId, topic);
@@ -1489,7 +1489,7 @@ class ProxyChatThreadClient {
                 }), 'ChatThreadClient.updateTopic');
             }
             case 'getProperties': {
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$S(this, void 0, void 0, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$T(this, void 0, void 0, function* () {
                     const result = yield chatThreadClient.getProperties(...args);
                     this._context.updateThread(chatThreadClient.threadId, result);
                     return result;
@@ -1527,7 +1527,7 @@ const createDecoratedListThreads = (chatClient, context) => {
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var __awaiter$R = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$S = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
@@ -1546,7 +1546,7 @@ const proxyChatClient = {
         switch (prop) {
             case 'createChatThread': {
                 return context.withAsyncErrorTeedToState(function (...args) {
-                    return __awaiter$R(this, void 0, void 0, function* () {
+                    return __awaiter$S(this, void 0, void 0, function* () {
                         const result = yield chatClient.createChatThread(...args);
                         const thread = result.chatThread;
                         if (thread) {
@@ -1559,7 +1559,7 @@ const proxyChatClient = {
             }
             case 'deleteChatThread': {
                 return context.withAsyncErrorTeedToState(function (...args) {
-                    return __awaiter$R(this, void 0, void 0, function* () {
+                    return __awaiter$S(this, void 0, void 0, function* () {
                         const result = yield chatClient.deleteChatThread(...args);
                         context.deleteThread(args[0]);
                         return result;
@@ -1579,7 +1579,7 @@ const proxyChatClient = {
             }
             case 'startRealtimeNotifications': {
                 return context.withAsyncErrorTeedToState(function (...args) {
-                    return __awaiter$R(this, void 0, void 0, function* () {
+                    return __awaiter$S(this, void 0, void 0, function* () {
                         const ret = yield chatClient.startRealtimeNotifications(...args);
                         if (!receiver.eventSubscriber) {
                             receiver.eventSubscriber = new EventSubscriber(chatClient, context);
@@ -1590,7 +1590,7 @@ const proxyChatClient = {
             }
             case 'stopRealtimeNotifications': {
                 return context.withAsyncErrorTeedToState(function (...args) {
-                    return __awaiter$R(this, void 0, void 0, function* () {
+                    return __awaiter$S(this, void 0, void 0, function* () {
                         const ret = yield chatClient.stopRealtimeNotifications(...args);
                         if (receiver.eventSubscriber) {
                             receiver.eventSubscriber.unsubscribe();
@@ -1699,7 +1699,7 @@ const getImageAttachmentsFromHTMLContent = (content) => {
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var __awaiter$Q = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$R = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
@@ -1725,7 +1725,7 @@ const createDefaultChatHandlers = memoizeOne((chatClient, chatThreadClient) => {
         // due to a bug in babel, we can't use arrow function here
         // affecting conditional-compile-remove(attachment-upload)
         onSendMessage: function (content, options) {
-            return __awaiter$Q(this, void 0, void 0, function* () {
+            return __awaiter$R(this, void 0, void 0, function* () {
                 const sendMessageRequest = {
                     content,
                     senderDisplayName: chatClient.getState().displayName
@@ -1761,14 +1761,14 @@ const createDefaultChatHandlers = memoizeOne((chatClient, chatThreadClient) => {
         },
         /* @conditional-compile-remove(rich-text-editor-image-upload) */
         onUploadImage: function (image, imageFilename) {
-            return __awaiter$Q(this, void 0, void 0, function* () {
+            return __awaiter$R(this, void 0, void 0, function* () {
                 const imageResult = yield chatThreadClient.uploadImage(image, imageFilename);
                 return imageResult;
             });
         },
         /* @conditional-compile-remove(rich-text-editor-image-upload) */
         onDeleteImage: function (imageId) {
-            return __awaiter$Q(this, void 0, void 0, function* () {
+            return __awaiter$R(this, void 0, void 0, function* () {
                 yield chatThreadClient.deleteImage(imageId);
                 return;
             });
@@ -1778,7 +1778,7 @@ const createDefaultChatHandlers = memoizeOne((chatClient, chatThreadClient) => {
         onUpdateMessage: function (messageId, content, 
         /* @conditional-compile-remove(file-sharing-acs) */
         options) {
-            return __awaiter$Q(this, void 0, void 0, function* () {
+            return __awaiter$R(this, void 0, void 0, function* () {
                 /* @conditional-compile-remove(rich-text-editor-image-upload) */
                 const imageAttachments = getImageAttachmentsFromHTMLContent(content);
                 const updateMessageOptions = {
@@ -1791,23 +1791,23 @@ const createDefaultChatHandlers = memoizeOne((chatClient, chatThreadClient) => {
                 yield chatThreadClient.updateMessage(messageId, updateMessageOptions);
             });
         },
-        onDeleteMessage: (messageId) => __awaiter$Q(void 0, void 0, void 0, function* () {
+        onDeleteMessage: (messageId) => __awaiter$R(void 0, void 0, void 0, function* () {
             yield chatThreadClient.deleteMessage(messageId);
         }),
         // This handler is designed for chatThread to consume
-        onMessageSeen: (chatMessageId) => __awaiter$Q(void 0, void 0, void 0, function* () {
+        onMessageSeen: (chatMessageId) => __awaiter$R(void 0, void 0, void 0, function* () {
             yield chatThreadClient.sendReadReceipt({ chatMessageId });
         }),
-        onTyping: () => __awaiter$Q(void 0, void 0, void 0, function* () {
+        onTyping: () => __awaiter$R(void 0, void 0, void 0, function* () {
             yield chatThreadClient.sendTypingNotification();
         }),
-        onRemoveParticipant: (userId) => __awaiter$Q(void 0, void 0, void 0, function* () {
+        onRemoveParticipant: (userId) => __awaiter$R(void 0, void 0, void 0, function* () {
             yield chatThreadClient.removeParticipant(fromFlatCommunicationIdentifier(userId));
         }),
-        updateThreadTopicName: (topicName) => __awaiter$Q(void 0, void 0, void 0, function* () {
+        updateThreadTopicName: (topicName) => __awaiter$R(void 0, void 0, void 0, function* () {
             yield chatThreadClient.updateTopic(topicName);
         }),
-        onLoadPreviousChatMessages: (messagesToLoad) => __awaiter$Q(void 0, void 0, void 0, function* () {
+        onLoadPreviousChatMessages: (messagesToLoad) => __awaiter$R(void 0, void 0, void 0, function* () {
             var _a, _b, _c;
             if (messageIterator === undefined) {
                 // Lazy definition so that errors in the method call are reported correctly.
@@ -4415,7 +4415,7 @@ const _MentionPopover = (props) => {
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var __awaiter$P = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$Q = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
@@ -4601,7 +4601,7 @@ const TextFieldWithMention = (props) => {
         onSuggestionSelected,
         updateMentionSuggestions
     ]);
-    const debouncedQueryUpdate = useDebounce.useDebouncedCallback((query) => __awaiter$P(void 0, void 0, void 0, function* () {
+    const debouncedQueryUpdate = useDebounce.useDebouncedCallback((query) => __awaiter$Q(void 0, void 0, void 0, function* () {
         var _a;
         let suggestions = (_a = (yield (mentionLookupOptions === null || mentionLookupOptions === void 0 ? void 0 : mentionLookupOptions.onQueryUpdated(query)))) !== null && _a !== void 0 ? _a : [];
         suggestions = suggestions.filter((suggestion) => suggestion.displayText.trim() !== '');
@@ -4778,7 +4778,7 @@ const TextFieldWithMention = (props) => {
             });
         }
     }, [updateSelectionIndexesWithMentionIfNeeded, setSelectionStartValue, setSelectionEndValue]);
-    const handleOnChange = React.useCallback((_b) => __awaiter$P(void 0, [_b], void 0, function* ({ currentSelectionEnd, currentSelectionStart, currentTriggerStartIndex, event, htmlTextValue, inputTextValue, previousSelectionEnd, previousSelectionStart, tagsValue, updatedValue }) {
+    const handleOnChange = React.useCallback((_b) => __awaiter$Q(void 0, [_b], void 0, function* ({ currentSelectionEnd, currentSelectionStart, currentTriggerStartIndex, event, htmlTextValue, inputTextValue, previousSelectionEnd, previousSelectionStart, tagsValue, updatedValue }) {
         var _c;
         debouncedQueryUpdate.cancel();
         if (event.currentTarget === null) {
@@ -5287,7 +5287,7 @@ const ATTACHMENT_CARD_MIN_PROGRESS = 0.05;
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var __awaiter$O = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$P = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
@@ -5369,7 +5369,7 @@ const MappedMenuItems = (menuActions, attachment, handleOnClickError) => {
                 React.createElement(reactComponents.MenuTrigger, null,
                     React.createElement(reactComponents.ToolbarButton, { "aria-label": localeStrings.attachmentMoreMenu, role: "button", icon: React.createElement(react.Icon, { iconName: "AttachmentMoreMenu" }) }))),
             React.createElement(reactComponents.MenuPopover, null,
-                React.createElement(reactComponents.MenuList, null, menuActions.map((menuItem, index) => (React.createElement(reactComponents.MenuItem, { "aria-label": menuItem.name, key: index, icon: menuItem.icon, onClick: () => __awaiter$O(void 0, void 0, void 0, function* () {
+                React.createElement(reactComponents.MenuList, null, menuActions.map((menuItem, index) => (React.createElement(reactComponents.MenuItem, { "aria-label": menuItem.name, key: index, icon: menuItem.icon, onClick: () => __awaiter$P(void 0, void 0, void 0, function* () {
                         try {
                             yield menuItem.onClick(attachment);
                         }
@@ -5504,6 +5504,15 @@ const _AttachmentUploadCards = (props) => {
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
+var __awaiter$O = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 /**
  * @private
  */
@@ -5531,22 +5540,39 @@ const isAttachmentUploadCompleted = (attachmentsWithProgress) => {
  * @internal
  */
 // Before sending the image, we need to add the image id we get back after uploading the images to the message content.
-const addUploadedImagesToMessage = (message, uploadInlineImages) => {
+const addUploadedImagesToMessage = (message, uploadInlineImages) => __awaiter$O(void 0, void 0, void 0, function* () {
     if (message === '') {
         return message;
     }
     const document = new DOMParser().parseFromString(message !== null && message !== void 0 ? message : '', 'text/html');
-    document.querySelectorAll('img').forEach((img) => {
-        var _a;
-        if (!img.id) {
+    const imagesPromise = Array.from(document.querySelectorAll('img')).map((img) => {
+        return new Promise((resolve, rejects) => {
             const uploadInlineImage = uploadInlineImages.find((imageUpload) => !imageUpload.error && (imageUpload.url === img.src || imageUpload.id === img.id));
-            img.id = (_a = uploadInlineImage === null || uploadInlineImage === void 0 ? void 0 : uploadInlineImage.id) !== null && _a !== void 0 ? _a : '';
-            img.src = '';
-        }
+            const imageElement = new Image();
+            imageElement.src = img.src;
+            imageElement.onload = () => {
+                var _a;
+                // imageElement is a copy of original img element, so changes need to be made to the original img element
+                img.id = (_a = uploadInlineImage === null || uploadInlineImage === void 0 ? void 0 : uploadInlineImage.id) !== null && _a !== void 0 ? _a : '';
+                img.src = '';
+                img.width = imageElement.width;
+                img.height = imageElement.height;
+                img.style.aspectRatio = `${imageElement.width} / ${imageElement.height}`;
+                // Clear maxWidth and maxHeight styles so that they can set in the style attribute
+                img.style.maxWidth = '';
+                img.style.maxHeight = '';
+                resolve();
+            };
+            imageElement.onerror = () => {
+                console.log('Error loading image', img.src);
+                rejects();
+            };
+        });
     });
+    yield Promise.all(imagesPromise);
     const newMessage = document.body.innerHTML;
     return newMessage;
-};
+});
 /**
  * @private
  */
@@ -5617,12 +5643,31 @@ const toAttachmentMetadata = (attachmentsWithProgress) => {
 /**
  * @internal
  */
-const insertImagesToContentString = (content, imageUploadsInProgress) => {
+const insertImagesToContentString = (content, imageUploadsInProgress, onCompleted) => __awaiter$O(void 0, void 0, void 0, function* () {
     if (!imageUploadsInProgress || imageUploadsInProgress.length <= 0) {
-        return content;
+        onCompleted === null || onCompleted === void 0 ? void 0 : onCompleted(content);
     }
-    const newContent = addUploadedImagesToMessage(content, imageUploadsInProgress);
-    return newContent;
+    const newContent = yield addUploadedImagesToMessage(content, imageUploadsInProgress !== null && imageUploadsInProgress !== void 0 ? imageUploadsInProgress : []);
+    onCompleted === null || onCompleted === void 0 ? void 0 : onCompleted(newContent);
+});
+/* @conditional-compile-remove(rich-text-editor-image-upload) */
+/**
+ * @internal
+ */
+const removeBrokenImageContent = (content) => {
+    const document = new DOMParser().parseFromString(content, 'text/html');
+    document.querySelectorAll('img').forEach((img) => {
+        // Before submitting/resend the message, we need to trim the unnecessary attributes such as src,
+        // which is set to a local svg of a broken image icon at this point.
+        // Once message is submitted/resent, it will be fetched again and might not be a broken image anymore,
+        // That's why we need to remove the class and data-ui-id attribute of 'broken-image-wrapper'
+        if (img.className === 'broken-image-wrapper') {
+            img.removeAttribute('class');
+            img.removeAttribute('src');
+            img.removeAttribute('data-ui-id');
+        }
+    });
+    return document.body.innerHTML;
 };
 
 // Copyright (c) Microsoft Corporation.
@@ -6429,9 +6474,6 @@ const richTextEditorWrapperStyle = (theme) => {
                     verticalAlign: 'top'
                 }
             }
-        },
-        '& img': {
-            width: '119px'
         }
     });
 };
@@ -6807,7 +6849,6 @@ const handleInlineImage = (event, onUploadInlineImage) => {
             onUploadInlineImage(imageUrl, fileName);
             image.src = imageUrl;
             image.alt = image.alt || 'image';
-            image.style.width = '119px'; // TODO: find a way to get the original width and height of the image
         });
     }
 };
@@ -8086,7 +8127,6 @@ const RichTextSendBox = (props) => {
         return sanitizeText(contentValue !== null && contentValue !== void 0 ? contentValue : '').length > 0 && sanitizeText(plainTextContent !== null && plainTextContent !== void 0 ? plainTextContent : '').length > 0;
     }, [contentValue]);
     const sendMessageOnClick = React.useCallback(() => {
-        var _a, _b;
         if (disabled || contentValueOverflow) {
             return;
         }
@@ -8101,25 +8141,33 @@ const RichTextSendBox = (props) => {
             setAttachmentUploadsPendingError({ message: strings.attachmentUploadsPendingError, timestamp: Date.now() });
             return;
         }
-        let message = contentValue;
         // we don't want to send empty messages including spaces, newlines, tabs
         // Message can be empty if there is a valid attachment upload
         if (hasContent ||
             /* @conditional-compile-remove(file-sharing-acs) */ isAttachmentUploadCompleted(attachments) ||
             /* @conditional-compile-remove(rich-text-editor-image-upload) */ isAttachmentUploadCompleted(imageUploadsInProgress)) {
+            const sendMessage = (content) => {
+                var _a, _b;
+                onSendMessage(content, 
+                /* @conditional-compile-remove(file-sharing-acs) */ /* @conditional-compile-remove(rich-text-editor-composite-support) */
+                {
+                    /* @conditional-compile-remove(file-sharing-acs) */
+                    attachments: toAttachmentMetadata(attachments),
+                    /* @conditional-compile-remove(rich-text-editor-composite-support) */
+                    type: 'html'
+                });
+                setContentValue('');
+                (_a = editorComponentRef.current) === null || _a === void 0 ? void 0 : _a.setEmptyContent();
+                (_b = editorComponentRef.current) === null || _b === void 0 ? void 0 : _b.focus();
+            };
             /* @conditional-compile-remove(rich-text-editor-image-upload) */
-            message = insertImagesToContentString(contentValue, imageUploadsInProgress);
-            onSendMessage(message, 
-            /* @conditional-compile-remove(file-sharing-acs) */ /* @conditional-compile-remove(rich-text-editor-composite-support) */
-            {
-                /* @conditional-compile-remove(file-sharing-acs) */
-                attachments: toAttachmentMetadata(attachments),
-                /* @conditional-compile-remove(rich-text-editor-composite-support) */
-                type: 'html'
-            });
-            setContentValue('');
-            (_a = editorComponentRef.current) === null || _a === void 0 ? void 0 : _a.setEmptyContent();
-            (_b = editorComponentRef.current) === null || _b === void 0 ? void 0 : _b.focus();
+            if (isAttachmentUploadCompleted(imageUploadsInProgress)) {
+                insertImagesToContentString(contentValue, imageUploadsInProgress, (content) => {
+                    sendMessage(content);
+                });
+                return;
+            }
+            sendMessage(contentValue);
         }
     }, [
         disabled,
@@ -8329,10 +8377,11 @@ const scrollbarStyles = {
         background: 'rgba(150, 150, 150)'
     }
 };
+const ERROR_IMAGE_SVG_PATH = 'M2.85 2.15a.5.5 0 1 0-.7.7l1.4 1.41A2.99 2.99 0 0 0 3 6v8a3 3 0 0 0 3 3h8c.65 0 1.25-.2 1.74-.55l1.4 1.4a.5.5 0 0 0 .71-.7l-15-15Zm6.56 7.97a1.5 1.5 0 0 0-.46.31l-4.67 4.59A2 2 0 0 1 4 14V6a2 2 0 0 1 .28-1.02l5.13 5.14ZM6 16a2 2 0 0 1-1.01-.27l4.66-4.58c.2-.2.5-.2.7 0l4.66 4.58A2 2 0 0 1 14 16H6ZM16 6v7.88l.9.9A3 3 0 0 0 17 14V6a3 3 0 0 0-3-3H6a3 3 0 0 0-.78.1l.9.9H14a2 2 0 0 1 2 2Zm-2 1.5a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0Zm-1 0a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z';
 /**
  * @private
  */
-const ERROR_IMAGE_SVG_PATH = 'M2.85 2.15a.5.5 0 1 0-.7.7l1.4 1.41A2.99 2.99 0 0 0 3 6v8a3 3 0 0 0 3 3h8c.65 0 1.25-.2 1.74-.55l1.4 1.4a.5.5 0 0 0 .71-.7l-15-15Zm6.56 7.97a1.5 1.5 0 0 0-.46.31l-4.67 4.59A2 2 0 0 1 4 14V6a2 2 0 0 1 .28-1.02l5.13 5.14ZM6 16a2 2 0 0 1-1.01-.27l4.66-4.58c.2-.2.5-.2.7 0l4.66 4.58A2 2 0 0 1 14 16H6ZM16 6v7.88l.9.9A3 3 0 0 0 17 14V6a3 3 0 0 0-3-3H6a3 3 0 0 0-.78.1l.9.9H14a2 2 0 0 1 2 2Zm-2 1.5a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0Zm-1 0a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z';
+const BROKEN_IMAGE_SVG_DATA = `data:image/svg+xml,%3Csvg width='3rem' height='3rem' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='currentColor'%3E%3Cpath d='${ERROR_IMAGE_SVG_PATH}' fill='currentColor' /%3E%3C/svg%3E`;
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
@@ -8457,6 +8506,9 @@ const useChatMyMessageStyles = reactComponents.makeStyles({
             fontWeight: 600
         }, '&:focus-visible': {
             outlineStyle: 'auto'
+        }, '& img': {
+            maxWidth: '100%',
+            height: 'auto'
         } }),
     /* @conditional-compile-remove(rich-text-editor-image-upload) */
     bodyWithPlaceholderImage: {
@@ -8579,7 +8631,7 @@ const useChatMessageCommonStyles = reactComponents.makeStyles({
         '& .broken-image-wrapper': Object.assign(Object.assign({ width: '12rem', height: '12rem', marginTop: '0.75rem', display: 'flex', justifyContent: 'center', alignItems: 'center' }, reactComponents.shorthands.outline('1px', 'solid', reactComponents.tokens.colorNeutralForegroundDisabled)), { backgroundColor: reactComponents.tokens.colorNeutralBackground2 }),
         '& .broken-image-wrapper:after': {
             content: `''`,
-            maskImage: `url("data:image/svg+xml,%3Csvg width='3rem' height='3rem' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='currentColor'%3E%3Cpath d='${ERROR_IMAGE_SVG_PATH}' fill='currentColor' /%3E%3C/svg%3E");`,
+            maskImage: `url("${BROKEN_IMAGE_SVG_DATA}");`,
             width: '3rem',
             height: '3rem',
             backgroundColor: `${reactComponents.tokens.colorNeutralForeground2}`
@@ -10247,7 +10299,7 @@ class _ErrorBoundary extends React.Component {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 /* @conditional-compile-remove(rich-text-editor) */
-const ChatMessageComponentAsRichTextEditBox = React.lazy(() => Promise.resolve().then(function () { return require('./ChatMessageComponentAsRichTextEditBox-DEZmHBTJ.js'); }));
+const ChatMessageComponentAsRichTextEditBox = React.lazy(() => Promise.resolve().then(function () { return require('./ChatMessageComponentAsRichTextEditBox-Bi4Or6hk.js'); }));
 /**
  * @private
  * Use this function to load RoosterJS dependencies early in the lifecycle.
@@ -10255,7 +10307,7 @@ const ChatMessageComponentAsRichTextEditBox = React.lazy(() => Promise.resolve()
  *
  * @conditional-compile-remove(rich-text-editor)
  */
-const loadChatMessageComponentAsRichTextEditBox = () => Promise.resolve().then(function () { return require('./ChatMessageComponentAsRichTextEditBox-DEZmHBTJ.js'); });
+const loadChatMessageComponentAsRichTextEditBox = () => Promise.resolve().then(function () { return require('./ChatMessageComponentAsRichTextEditBox-Bi4Or6hk.js'); });
 /**
  * @private
  */
@@ -10314,8 +10366,11 @@ const ChatMyMessageComponent = (props) => {
     }, [onDeleteMessage, message.messageId, message.messageType, clientMessageId]);
     const onResendClick = React.useCallback(() => {
         onDeleteMessage && clientMessageId && onDeleteMessage(clientMessageId);
+        let newContent = content !== null && content !== void 0 ? content : '';
+        /* @conditional-compile-remove(rich-text-editor-image-upload) */
+        newContent = removeBrokenImageContent(newContent);
         onSendMessage &&
-            onSendMessage(content !== undefined ? content : '', 
+            onSendMessage(newContent, 
             /* @conditional-compile-remove(file-sharing-acs) */
             /* @conditional-compile-remove(rich-text-editor-image-upload) */
             {
@@ -22410,7 +22465,7 @@ const AttachmentDownloadErrorBar = (props) => {
 /**
  * Wrapper for RichTextSendBox component to allow us to use usePropsFor with richTextSendBox with lazy loading
  */
-const RichTextSendBoxWrapper = React.lazy(() => Promise.resolve().then(function () { return require('./RichTextSendBoxWrapper-CJxasrJl.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper })));
+const RichTextSendBoxWrapper = React.lazy(() => Promise.resolve().then(function () { return require('./RichTextSendBoxWrapper-CaXswhPn.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper })));
 /**
  * @private
  * Use this function to load RoosterJS dependencies early in the lifecycle.
@@ -22418,7 +22473,7 @@ const RichTextSendBoxWrapper = React.lazy(() => Promise.resolve().then(function
  *
 /* @conditional-compile-remove(rich-text-editor-composite-support)
  */
-const loadRichTextSendBox = () => Promise.resolve().then(function () { return require('./RichTextSendBoxWrapper-CJxasrJl.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper }));
+const loadRichTextSendBox = () => Promise.resolve().then(function () { return require('./RichTextSendBoxWrapper-CaXswhPn.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper }));
 /**
  * @private
  */
@@ -42296,6 +42351,7 @@ const usePropsFor = (component, type) => {
     }
 };
 
+exports.BROKEN_IMAGE_SVG_DATA = BROKEN_IMAGE_SVG_DATA;
 exports.COMPONENT_LOCALE_AR_SA = COMPONENT_LOCALE_AR_SA;
 exports.COMPONENT_LOCALE_CS_CZ = COMPONENT_LOCALE_CS_CZ;
 exports.COMPONENT_LOCALE_DE_DE = COMPONENT_LOCALE_DE_DE;
@@ -42429,6 +42485,7 @@ exports.onRenderCancelIcon = onRenderCancelIcon;
 exports.onRenderSubmitIcon = onRenderSubmitIcon;
 exports.onResolveVideoEffectDependency = onResolveVideoEffectDependency;
 exports.onResolveVideoEffectDependencyLazy = onResolveVideoEffectDependencyLazy;
+exports.removeBrokenImageContent = removeBrokenImageContent;
 exports.richTextActionButtonsStyle = richTextActionButtonsStyle;
 exports.richTextEditBoxActionButtonIcon = richTextEditBoxActionButtonIcon;
 exports.toFlatCommunicationIdentifier = toFlatCommunicationIdentifier;
@@ -42451,4 +42508,4 @@ exports.useTeamsCall = useTeamsCall;
 exports.useTeamsCallAdapter = useTeamsCallAdapter;
 exports.useTeamsCallAgent = useTeamsCallAgent;
 exports.useTheme = useTheme;
-//# sourceMappingURL=index-BsoS46cI.js.map
+//# sourceMappingURL=index-B3X0l4SB.js.map