@azure/communication-react 1.19.0-alpha-202408030014 → 1.19.0-alpha-202408070015

package/dist/dist-cjs/communication-react/{index-B74o7NiP.js → index-D46R0M5v.js}

@@ -189,7 +189,7 @@ function getDefaultExportFromCjs (x) {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 // GENERATED FILE. DO NOT EDIT MANUALLY.
-var telemetryVersion = '1.19.0-alpha-202408030014';
+var telemetryVersion = '1.19.0-alpha-202408070015';
 
 
 var telemetryVersion$1 = /*@__PURE__*/getDefaultExportFromCjs(telemetryVersion);
@@ -485,7 +485,7 @@ const Constants = {
  */
 const chatStatefulLogger = logger.createClientLogger('communication-react:chat-stateful');
 
-var __awaiter$Z = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$_ = (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); } }
@@ -527,7 +527,7 @@ class ResourceDownloadQueue {
         this._messagesNeedingResourceRetrieval.push(copy);
     }
     startQueue(threadId, operation, options) {
-        return __awaiter$Z(this, void 0, void 0, function* () {
+        return __awaiter$_(this, void 0, void 0, function* () {
             if (this.isActive) {
                 return;
             }
@@ -563,7 +563,7 @@ class ResourceDownloadQueue {
         }
     }
     downloadSingleUrl(message, resourceUrl, operation) {
-        return __awaiter$Z(this, void 0, void 0, function* () {
+        return __awaiter$_(this, void 0, void 0, function* () {
             const response = { sourceUrl: '' };
             try {
                 const abortController = new AbortController();
@@ -579,7 +579,7 @@ class ResourceDownloadQueue {
         });
     }
     downloadAllPreviewUrls(message, operation) {
-        return __awaiter$Z(this, void 0, void 0, function* () {
+        return __awaiter$_(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) {
@@ -606,7 +606,7 @@ class ResourceDownloadQueue {
         });
     }
     downloadResource(operation, url, abortController) {
-        return __awaiter$Z(this, void 0, void 0, function* () {
+        return __awaiter$_(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];
@@ -617,9 +617,9 @@ class ResourceDownloadQueue {
 /**
  * @private
  */
-const fetchImageSource = (src, authentication, options) => __awaiter$Z(void 0, void 0, void 0, function* () {
+const fetchImageSource = (src, authentication, options) => __awaiter$_(void 0, void 0, void 0, function* () {
     function fetchWithAuthentication(url, token, options) {
-        return __awaiter$Z(this, void 0, void 0, function* () {
+        return __awaiter$_(this, void 0, void 0, function* () {
             const headers = new Headers();
             headers.append('Authorization', `Bearer ${token}`);
             return yield fetchWithTimeout(url, {
@@ -630,7 +630,7 @@ const fetchImageSource = (src, authentication, options) => __awaiter$Z(void 0, v
         });
     }
     function fetchWithTimeout(resource, options) {
-        return __awaiter$Z(this, void 0, void 0, function* () {
+        return __awaiter$_(this, void 0, void 0, function* () {
             // default timeout is 30 seconds
             const { timeout = 30000, abortController } = options;
             const id = setTimeout(() => {
@@ -657,7 +657,7 @@ const fetchImageSource = (src, authentication, options) => __awaiter$Z(void 0, v
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var __awaiter$Y = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$Z = (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); } }
@@ -733,7 +733,7 @@ let ChatContext$1 = class ChatContext {
         // Any item in queue should be removed.
     }
     downloadResourceToCache(threadId, messageId, resourceUrl) {
-        return __awaiter$Y(this, void 0, void 0, function* () {
+        return __awaiter$Z(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) {
@@ -1012,7 +1012,7 @@ let ChatContext$1 = class ChatContext {
      * @throws ChatError. Exceptions thrown from `f` are tagged with the failed `target.
      */
     withAsyncErrorTeedToState(f, target) {
-        return (...args) => __awaiter$Y(this, void 0, void 0, function* () {
+        return (...args) => __awaiter$Z(this, void 0, void 0, function* () {
             try {
                 return yield f(...args);
             }
@@ -1119,7 +1119,7 @@ const convertChatMessage = (message, status = 'delivered', clientMessageId) => {
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var __awaiter$X = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$Y = (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); } }
@@ -1209,7 +1209,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$X(this, void 0, void 0, function* () {
+        this.fetchLastParticipantMessage = (threadId, actionType) => __awaiter$Y(this, void 0, void 0, function* () {
             var _a, e_1, _b, _c;
             try {
                 for (var _d = true, _e = __asyncValues$1(this.chatClient
@@ -1303,7 +1303,7 @@ class EventSubscriber {
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-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); } }
@@ -1325,7 +1325,7 @@ const createDecoratedIterator = (iteratorCreator, context, decorateFn) => {
         const threadsIterator = iteratorCreator(...args);
         return {
             next() {
-                return __awaiter$W(this, void 0, void 0, function* () {
+                return __awaiter$X(this, void 0, void 0, function* () {
                     const result = yield threadsIterator.next();
                     if (!result.done && result.value) {
                         decorateFn(result.value, context);
@@ -1340,7 +1340,7 @@ const createDecoratedIterator = (iteratorCreator, context, decorateFn) => {
                 const pages = threadsIterator.byPage(settings);
                 return {
                     next() {
-                        return __awaiter$W(this, void 0, void 0, function* () {
+                        return __awaiter$X(this, void 0, void 0, function* () {
                             const result = yield pages.next();
                             const page = result.value;
                             if (!result.done && result.value) {
@@ -1427,7 +1427,7 @@ const createDecoratedListParticipants = (chatThreadClient, context) => {
 
 // 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); } }
@@ -1446,14 +1446,14 @@ class ProxyChatThreadClient {
                 return createDecoratedListMessages(chatThreadClient, this._context);
             }
             case 'getMessage': {
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$V(this, void 0, void 0, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$W(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$V(this, void 0, void 0, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$W(this, void 0, void 0, function* () {
                     var _a;
                     // Retry logic?
                     const [request, options] = args;
@@ -1494,7 +1494,7 @@ class ProxyChatThreadClient {
                 }), 'ChatThreadClient.sendMessage');
             }
             case 'addParticipants': {
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$V(this, void 0, void 0, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$W(this, void 0, void 0, function* () {
                     const result = yield chatThreadClient.addParticipants(...args);
                     const [addRequest] = args;
                     const participantsToAdd = addRequest.participants;
@@ -1503,7 +1503,7 @@ class ProxyChatThreadClient {
                 }), 'ChatThreadClient.addParticipants');
             }
             case 'deleteMessage': {
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$V(this, void 0, void 0, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$W(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)) {
@@ -1521,12 +1521,12 @@ class ProxyChatThreadClient {
                 return createDecoratedListReadReceipts(chatThreadClient, this._context);
             }
             case 'sendTypingNotification': {
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$V(this, void 0, void 0, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$W(this, void 0, void 0, function* () {
                     return yield chatThreadClient.sendTypingNotification(...args);
                 }), 'ChatThreadClient.sendTypingNotification');
             }
             case 'removeParticipant': {
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$V(this, void 0, void 0, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$W(this, void 0, void 0, function* () {
                     const result = yield chatThreadClient.removeParticipant(...args);
                     const [removeIdentifier] = args;
                     this._context.deleteParticipant(chatThreadClient.threadId, communicationCommon.getIdentifierKind(removeIdentifier));
@@ -1534,7 +1534,7 @@ class ProxyChatThreadClient {
                 }), 'ChatThreadClient.removeParticipant');
             }
             case 'updateMessage': {
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$V(this, void 0, void 0, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$W(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);
@@ -1542,7 +1542,7 @@ class ProxyChatThreadClient {
                 }), 'ChatThreadClient.updateMessage');
             }
             case 'updateTopic': {
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$V(this, void 0, void 0, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$W(this, void 0, void 0, function* () {
                     const result = yield chatThreadClient.updateTopic(...args);
                     const [topic] = args;
                     this._context.updateThreadTopic(chatThreadClient.threadId, topic);
@@ -1550,7 +1550,7 @@ class ProxyChatThreadClient {
                 }), 'ChatThreadClient.updateTopic');
             }
             case 'getProperties': {
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$V(this, void 0, void 0, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$W(this, void 0, void 0, function* () {
                     const result = yield chatThreadClient.getProperties(...args);
                     this._context.updateThread(chatThreadClient.threadId, result);
                     return result;
@@ -1588,7 +1588,7 @@ const createDecoratedListThreads = (chatClient, context) => {
 
 // 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); } }
@@ -1607,7 +1607,7 @@ const proxyChatClient = {
         switch (prop) {
             case 'createChatThread': {
                 return context.withAsyncErrorTeedToState(function (...args) {
-                    return __awaiter$U(this, void 0, void 0, function* () {
+                    return __awaiter$V(this, void 0, void 0, function* () {
                         const result = yield chatClient.createChatThread(...args);
                         const thread = result.chatThread;
                         if (thread) {
@@ -1620,7 +1620,7 @@ const proxyChatClient = {
             }
             case 'deleteChatThread': {
                 return context.withAsyncErrorTeedToState(function (...args) {
-                    return __awaiter$U(this, void 0, void 0, function* () {
+                    return __awaiter$V(this, void 0, void 0, function* () {
                         const result = yield chatClient.deleteChatThread(...args);
                         context.deleteThread(args[0]);
                         return result;
@@ -1640,7 +1640,7 @@ const proxyChatClient = {
             }
             case 'startRealtimeNotifications': {
                 return context.withAsyncErrorTeedToState(function (...args) {
-                    return __awaiter$U(this, void 0, void 0, function* () {
+                    return __awaiter$V(this, void 0, void 0, function* () {
                         const ret = yield chatClient.startRealtimeNotifications(...args);
                         if (!receiver.eventSubscriber) {
                             receiver.eventSubscriber = new EventSubscriber(chatClient, context);
@@ -1651,7 +1651,7 @@ const proxyChatClient = {
             }
             case 'stopRealtimeNotifications': {
                 return context.withAsyncErrorTeedToState(function (...args) {
-                    return __awaiter$U(this, void 0, void 0, function* () {
+                    return __awaiter$V(this, void 0, void 0, function* () {
                         const ret = yield chatClient.stopRealtimeNotifications(...args);
                         if (receiver.eventSubscriber) {
                             receiver.eventSubscriber.unsubscribe();
@@ -1760,7 +1760,7 @@ const getImageAttachmentsFromHTMLContent = (content) => {
 
 // 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); } }
@@ -1786,7 +1786,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$T(this, void 0, void 0, function* () {
+            return __awaiter$U(this, void 0, void 0, function* () {
                 const sendMessageRequest = {
                     content,
                     senderDisplayName: chatClient.getState().displayName
@@ -1822,14 +1822,14 @@ const createDefaultChatHandlers = memoizeOne((chatClient, chatThreadClient) => {
         },
         /* @conditional-compile-remove(rich-text-editor-image-upload) */
         onUploadImage: function (image, imageFilename) {
-            return __awaiter$T(this, void 0, void 0, function* () {
+            return __awaiter$U(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$T(this, void 0, void 0, function* () {
+            return __awaiter$U(this, void 0, void 0, function* () {
                 try {
                     yield chatThreadClient.deleteImage(imageId);
                 }
@@ -1844,7 +1844,7 @@ const createDefaultChatHandlers = memoizeOne((chatClient, chatThreadClient) => {
         onUpdateMessage: function (messageId, content, 
         /* @conditional-compile-remove(file-sharing-acs) */
         options) {
-            return __awaiter$T(this, void 0, void 0, function* () {
+            return __awaiter$U(this, void 0, void 0, function* () {
                 /* @conditional-compile-remove(rich-text-editor-image-upload) */
                 const imageAttachments = getImageAttachmentsFromHTMLContent(content);
                 const updateMessageOptions = {
@@ -1857,23 +1857,23 @@ const createDefaultChatHandlers = memoizeOne((chatClient, chatThreadClient) => {
                 yield chatThreadClient.updateMessage(messageId, updateMessageOptions);
             });
         },
-        onDeleteMessage: (messageId) => __awaiter$T(void 0, void 0, void 0, function* () {
+        onDeleteMessage: (messageId) => __awaiter$U(void 0, void 0, void 0, function* () {
             yield chatThreadClient.deleteMessage(messageId);
         }),
         // This handler is designed for chatThread to consume
-        onMessageSeen: (chatMessageId) => __awaiter$T(void 0, void 0, void 0, function* () {
+        onMessageSeen: (chatMessageId) => __awaiter$U(void 0, void 0, void 0, function* () {
             yield chatThreadClient.sendReadReceipt({ chatMessageId });
         }),
-        onTyping: () => __awaiter$T(void 0, void 0, void 0, function* () {
+        onTyping: () => __awaiter$U(void 0, void 0, void 0, function* () {
             yield chatThreadClient.sendTypingNotification();
         }),
-        onRemoveParticipant: (userId) => __awaiter$T(void 0, void 0, void 0, function* () {
+        onRemoveParticipant: (userId) => __awaiter$U(void 0, void 0, void 0, function* () {
             yield chatThreadClient.removeParticipant(fromFlatCommunicationIdentifier(userId));
         }),
-        updateThreadTopicName: (topicName) => __awaiter$T(void 0, void 0, void 0, function* () {
+        updateThreadTopicName: (topicName) => __awaiter$U(void 0, void 0, void 0, function* () {
             yield chatThreadClient.updateTopic(topicName);
         }),
-        onLoadPreviousChatMessages: (messagesToLoad) => __awaiter$T(void 0, void 0, void 0, function* () {
+        onLoadPreviousChatMessages: (messagesToLoad) => __awaiter$U(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.
@@ -4481,7 +4481,7 @@ const _MentionPopover = (props) => {
 
 // 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); } }
@@ -4667,7 +4667,7 @@ const TextFieldWithMention = (props) => {
         onSuggestionSelected,
         updateMentionSuggestions
     ]);
-    const debouncedQueryUpdate = useDebounce.useDebouncedCallback((query) => __awaiter$S(void 0, void 0, void 0, function* () {
+    const debouncedQueryUpdate = useDebounce.useDebouncedCallback((query) => __awaiter$T(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() !== '');
@@ -4844,7 +4844,7 @@ const TextFieldWithMention = (props) => {
             });
         }
     }, [updateSelectionIndexesWithMentionIfNeeded, setSelectionStartValue, setSelectionEndValue]);
-    const handleOnChange = React.useCallback((_b) => __awaiter$S(void 0, [_b], void 0, function* ({ currentSelectionEnd, currentSelectionStart, currentTriggerStartIndex, event, htmlTextValue, inputTextValue, previousSelectionEnd, previousSelectionStart, tagsValue, updatedValue }) {
+    const handleOnChange = React.useCallback((_b) => __awaiter$T(void 0, [_b], void 0, function* ({ currentSelectionEnd, currentSelectionStart, currentTriggerStartIndex, event, htmlTextValue, inputTextValue, previousSelectionEnd, previousSelectionStart, tagsValue, updatedValue }) {
         var _c;
         debouncedQueryUpdate.cancel();
         if (event.currentTarget === null) {
@@ -5397,7 +5397,7 @@ const ATTACHMENT_CARD_MIN_PROGRESS = 0.05;
 
 // 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); } }
@@ -5485,7 +5485,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$R(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$S(void 0, void 0, void 0, function* () {
                         try {
                             yield menuItem.onClick(attachment);
                         }
@@ -5620,7 +5620,7 @@ const _AttachmentUploadCards = (props) => {
 
 // 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); } }
@@ -5669,7 +5669,7 @@ const hasInlineImageContent = (content) => {
  *
  * @returns The updated message content.
  */
-const updateStylesOfInlineImages = (message, initialInlineImages) => __awaiter$Q(void 0, void 0, void 0, function* () {
+const updateStylesOfInlineImages = (message, initialInlineImages) => __awaiter$R(void 0, void 0, void 0, function* () {
     if (message === '') {
         return message;
     }
@@ -5697,8 +5697,7 @@ const updateStylesOfInlineImages = (message, initialInlineImages) => __awaiter$Q
                 resolve();
             };
             imageElement.onerror = () => {
-                console.log('Error loading image', img.src);
-                rejects();
+                rejects(`Error loading image ${img.id}`);
             };
         });
     });
@@ -5762,10 +5761,15 @@ const toAttachmentMetadata = (attachmentsWithProgress) => {
 /**
  * @internal
  */
-const modifyInlineImagesInContentString = (content, initialInlineImages, onCompleted) => __awaiter$Q(void 0, void 0, void 0, function* () {
+const modifyInlineImagesInContentString = (content, initialInlineImages, onCompleted) => __awaiter$R(void 0, void 0, void 0, function* () {
     let newContent = content;
     /* @conditional-compile-remove(rich-text-editor-image-upload) */
-    newContent = yield updateStylesOfInlineImages(content, initialInlineImages);
+    try {
+        newContent = yield updateStylesOfInlineImages(content, initialInlineImages);
+    }
+    catch (error) {
+        console.error('Error updating inline images: ', error);
+    }
     onCompleted === null || onCompleted === void 0 ? void 0 : onCompleted(newContent);
 });
 /* @conditional-compile-remove(rich-text-editor-image-upload) */
@@ -6883,6 +6887,7 @@ var PluginEventType;
     PluginEventType["BeforeSetContent"] = "beforeSetContent";
     PluginEventType["Input"] = "input";
     PluginEventType["KeyDown"] = "keyDown";
+    PluginEventType["BeforeCutCopy"] = "beforeCutCopy";
     PluginEventType["BeforePaste"] = "beforePaste";
     PluginEventType["ZoomChanged"] = "zoomChanged";
     PluginEventType["MouseUp"] = "mouseUp";
@@ -7042,13 +7047,50 @@ const removeSingleLocalBlob = (currentLocalBlobMap, imageId) => {
     }
 };
 
-/* @conditional-compile-remove(rich-text-editor) */
+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); } }
+        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());
+    });
+};
 /**
  * CopyPastePlugin is a plugin for handling copy and paste events in the editor.
  */
 class CopyPastePlugin {
     constructor() {
         this.editor = null;
+        /* @conditional-compile-remove(rich-text-editor-image-upload) */
+        this.imageBase64DataMap = {};
+        /* @conditional-compile-remove(rich-text-editor-image-upload) */
+        this.handleInlineImage = (event) => {
+            if (event.eventType === PluginEventType.BeforePaste && event.pasteType === 'normal' && this.onInsertInlineImage) {
+                event.fragment.querySelectorAll('img').forEach((image) => {
+                    // Assign a unique id to the image element so Contosos can identify the image element.
+                    // We also use it internally such as in getRemovedInlineImages to compare images in the content with previous images
+                    image.id = uuid.v1();
+                    const clipboardImage = event.clipboardData.image;
+                    const fileName = (clipboardImage === null || clipboardImage === void 0 ? void 0 : clipboardImage.name) ||
+                        (clipboardImage === null || clipboardImage === void 0 ? void 0 : clipboardImage.type.replace('/', '.')) ||
+                        image.getAttribute(_IMAGE_ATTRIBUTE_INLINE_IMAGE_FILE_NAME_KEY) ||
+                        '';
+                    // If the image src is an external url, call the onInsertInlineImage callback with the url.
+                    let imageUrl = image.src;
+                    if (image.src.startsWith('data:image/')) {
+                        this.imageBase64DataMap[image.id] = image.src;
+                        const blobImage = _base64ToBlob(image.src);
+                        imageUrl = URL.createObjectURL(blobImage);
+                    }
+                    image.src = imageUrl;
+                    image.alt = image.alt || 'image';
+                    image.dataset.imageFileName = fileName;
+                    const imageAttributes = getInlineImageAttributes(image);
+                    this.onInsertInlineImage && this.onInsertInlineImage(imageAttributes);
+                });
+            }
+        };
     }
     getName() {
         return 'CopyPastePlugin';
@@ -7058,6 +7100,15 @@ class CopyPastePlugin {
     }
     dispose() { }
     onPluginEvent(event) {
+        /* @conditional-compile-remove(rich-text-editor-image-upload) */
+        if (event.eventType === PluginEventType.BeforeCutCopy) {
+            event.clonedRoot.querySelectorAll('img').forEach((image) => __awaiter$Q(this, void 0, void 0, function* () {
+                if (image.src.startsWith('blob:')) {
+                    const base64Data = this.imageBase64DataMap[image.id];
+                    image.src = base64Data || image.src;
+                }
+            }));
+        }
         /* @conditional-compile-remove(rich-text-editor-image-upload) */
         // If onInsertInlineImage is not provided, we should remove the image tags before calling the onPaste callback
         if (event.eventType === PluginEventType.BeforePaste && event.pasteType === 'normal' && !this.onInsertInlineImage) {
@@ -7067,7 +7118,7 @@ class CopyPastePlugin {
         /* @conditional-compile-remove(rich-text-editor-image-upload) */
         // We should handle the onInsertInlineImage after the onPaste callback in case Contosos want to modify the image tags, especially the src attribute.
         if (this.onInsertInlineImage) {
-            handleInlineImage(event, this.onInsertInlineImage);
+            this.handleInlineImage(event);
         }
         if (this.editor !== null && !this.editor.isDisposed()) {
             // scroll the editor to the correct position after pasting content
@@ -7088,36 +7139,6 @@ const handleBeforePasteEvent = (event,
         return;
     }
 };
-/* @conditional-compile-remove(rich-text-editor-image-upload) */
-/**
- * @internal
- * Exported only for unit testing
- */
-const handleInlineImage = (event, onInsertInlineImage) => {
-    if (event.eventType === PluginEventType.BeforePaste && event.pasteType === 'normal' && onInsertInlineImage) {
-        event.fragment.querySelectorAll('img').forEach((image) => {
-            const clipboardImage = event.clipboardData.image;
-            const fileName = (clipboardImage === null || clipboardImage === void 0 ? void 0 : clipboardImage.name) ||
-                (clipboardImage === null || clipboardImage === void 0 ? void 0 : clipboardImage.type.replace('/', '.')) ||
-                image.getAttribute(_IMAGE_ATTRIBUTE_INLINE_IMAGE_FILE_NAME_KEY) ||
-                '';
-            // If the image src is an external url, call the onInsertInlineImage callback with the url.
-            let imageUrl = image.src;
-            if (image.src.startsWith('data:image/')) {
-                const blobImage = _base64ToBlob(image.src);
-                imageUrl = URL.createObjectURL(blobImage);
-            }
-            image.src = imageUrl;
-            image.alt = image.alt || 'image';
-            // Assign a unique id to the image element so Contosos can identify the image element.
-            // We also use it internally such as in getRemovedInlineImages to compare images in the content with previous images
-            image.id = uuid.v1();
-            image.dataset.imageFileName = fileName;
-            const imageAttributes = getInlineImageAttributes(image);
-            onInsertInlineImage(imageAttributes);
-        });
-    }
-};
 /**
  * Update the scroll position of the editor after pasting content to ensure the content is visible.
  * @param event - The plugin event.
@@ -10721,7 +10742,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-BBTJIosO.js'); }));
+const ChatMessageComponentAsRichTextEditBox = React.lazy(() => Promise.resolve().then(function () { return require('./ChatMessageComponentAsRichTextEditBox-BMVUY7HX.js'); }));
 /**
  * @private
  * Use this function to load RoosterJS dependencies early in the lifecycle.
@@ -10729,7 +10750,7 @@ const ChatMessageComponentAsRichTextEditBox = React.lazy(() => Promise.resolve()
  *
  * @conditional-compile-remove(rich-text-editor)
  */
-const loadChatMessageComponentAsRichTextEditBox = () => Promise.resolve().then(function () { return require('./ChatMessageComponentAsRichTextEditBox-BBTJIosO.js'); });
+const loadChatMessageComponentAsRichTextEditBox = () => Promise.resolve().then(function () { return require('./ChatMessageComponentAsRichTextEditBox-BMVUY7HX.js'); });
 /**
  * @private
  */
@@ -22943,7 +22964,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-C1Ev6MKx.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper })));
+const RichTextSendBoxWrapper = React.lazy(() => Promise.resolve().then(function () { return require('./RichTextSendBoxWrapper-UkjXSVQH.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper })));
 /**
  * @private
  * Use this function to load RoosterJS dependencies early in the lifecycle.
@@ -22951,7 +22972,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-C1Ev6MKx.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper }));
+const loadRichTextSendBox = () => Promise.resolve().then(function () { return require('./RichTextSendBoxWrapper-UkjXSVQH.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper }));
 /**
  * @private
  */
@@ -23182,8 +23203,10 @@ const cancelInlineImageUpload = (imageAttributes, imageUploads, messageId, inlin
         id: imageUpload === null || imageUpload === void 0 ? void 0 : imageUpload.metadata.id,
         messageId
     });
-    if ((imageUpload === null || imageUpload === void 0 ? void 0 : imageUpload.metadata.progress) === 1) {
-        deleteInlineImageFromServer(imageUpload === null || imageUpload === void 0 ? void 0 : imageUpload.metadata.id, adapter);
+    if ((imageUpload === null || imageUpload === void 0 ? void 0 : imageUpload.metadata.progress) === 1 && (imageUpload === null || imageUpload === void 0 ? void 0 : imageUpload.metadata.url)) {
+        // The image id that we got back from the ChatSDK response is stored in the image src attribute,
+        // while the metadata id is the internal image id that we assigned to the image when it was pasted in.
+        deleteInlineImageFromServer(imageUpload === null || imageUpload === void 0 ? void 0 : imageUpload.metadata.url, adapter);
     }
 };
 /* @conditional-compile-remove(rich-text-editor-image-upload) */
@@ -43594,4 +43617,4 @@ exports.useTeamsCall = useTeamsCall;
 exports.useTeamsCallAdapter = useTeamsCallAdapter;
 exports.useTeamsCallAgent = useTeamsCallAgent;
 exports.useTheme = useTheme;
-//# sourceMappingURL=index-B74o7NiP.js.map
+//# sourceMappingURL=index-D46R0M5v.js.map