@azure/communication-react 1.18.0-alpha-202407050014 → 1.18.0-alpha-202407090014

package/dist/dist-cjs/communication-react/{index-xFes8-H4.js → index-DGXoGo4W.js}

@@ -175,7 +175,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-202407050014';
+var telemetryVersion = '1.18.0-alpha-202407090014';
 
 
 var telemetryVersion$1 = /*@__PURE__*/getDefaultExportFromCjs(telemetryVersion);
@@ -343,6 +343,23 @@ function _getKeys(obj) {
     return Object.keys(obj);
 }
 
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+/* @conditional-compile-remove(rich-text-editor-image-upload) */
+/**
+ * Convert a base64 string to a Blob.
+ * @internal
+ */
+const _base64ToBlob = (dataURI) => {
+    const byteString = atob(dataURI.split(',')[1]);
+    const arrayBuffer = new ArrayBuffer(byteString.length);
+    const uint8Array = new Uint8Array(arrayBuffer);
+    for (let i = 0; i < byteString.length; i++) {
+        uint8Array[i] = byteString.charCodeAt(i);
+    }
+    return new Blob([arrayBuffer]);
+};
+
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 /**
@@ -512,7 +529,7 @@ const getSupportedSpokenLanguages = (state, 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); } }
@@ -551,7 +568,7 @@ const _isPreviewOn = (deviceManager) => {
  *
  * @private
  */
-const disposeAllLocalPreviewViews = (callClient) => __awaiter$S(void 0, void 0, void 0, function* () {
+const disposeAllLocalPreviewViews = (callClient) => __awaiter$T(void 0, void 0, void 0, function* () {
     const unparentedViews = callClient.getState().deviceManager.unparentedViews;
     for (const view of unparentedViews) {
         yield callClient.disposeView(undefined, undefined, view);
@@ -728,7 +745,7 @@ const holdButtonSelector = reselect__namespace.createSelector([getCallState], (c
 
 // 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); } }
@@ -749,7 +766,7 @@ const areStreamsEqual = (prevStream, newStream) => {
  * @private
  */
 const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager, call, options) => {
-    const onStartLocalVideo = () => __awaiter$R(void 0, void 0, void 0, function* () {
+    const onStartLocalVideo = () => __awaiter$S(void 0, void 0, void 0, function* () {
         // Before the call object creates a stream, dispose of any local preview streams.
         // @TODO: is there any way to parent the unparented view to the call object instead
         // of disposing and creating a new stream?
@@ -769,7 +786,7 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
             yield call.startVideo(stream);
         }
     });
-    const onStopLocalVideo = (stream) => __awaiter$R(void 0, void 0, void 0, function* () {
+    const onStopLocalVideo = (stream) => __awaiter$S(void 0, void 0, void 0, function* () {
         const callId = call === null || call === void 0 ? void 0 : call.id;
         if (!callId) {
             return;
@@ -778,7 +795,7 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
             yield call.stopVideo(stream);
         }
     });
-    const onToggleCamera = (options) => __awaiter$R(void 0, void 0, void 0, function* () {
+    const onToggleCamera = (options) => __awaiter$S(void 0, void 0, void 0, function* () {
         const previewOn = _isPreviewOn(callClient.getState().deviceManager);
         // the disposal of the unparented views is to workaround: https://skype.visualstudio.com/SPOOL/_workitems/edit/3030558.
         // The root cause of the issue is caused by never transitioning the unparented view to the
@@ -835,19 +852,19 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
             }
         }
     });
-    const onSelectMicrophone = (device) => __awaiter$R(void 0, void 0, void 0, function* () {
+    const onSelectMicrophone = (device) => __awaiter$S(void 0, void 0, void 0, function* () {
         if (!deviceManager) {
             return;
         }
         return deviceManager.selectMicrophone(device);
     });
-    const onSelectSpeaker = (device) => __awaiter$R(void 0, void 0, void 0, function* () {
+    const onSelectSpeaker = (device) => __awaiter$S(void 0, void 0, void 0, function* () {
         if (!deviceManager) {
             return;
         }
         return deviceManager.selectSpeaker(device);
     });
-    const onSelectCamera = (device, options) => __awaiter$R(void 0, void 0, void 0, function* () {
+    const onSelectCamera = (device, options) => __awaiter$S(void 0, void 0, void 0, function* () {
         if (!deviceManager) {
             return;
         }
@@ -877,9 +894,9 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
             }, options);
         }
     });
-    const onRaiseHand = () => __awaiter$R(void 0, void 0, void 0, function* () { var _a; return yield ((_a = call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.RaiseHand)) === null || _a === void 0 ? void 0 : _a.raiseHand()); });
-    const onLowerHand = () => __awaiter$R(void 0, void 0, void 0, function* () { var _b; return yield ((_b = call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.RaiseHand)) === null || _b === void 0 ? void 0 : _b.lowerHand()); });
-    const onToggleRaiseHand = () => __awaiter$R(void 0, void 0, void 0, function* () {
+    const onRaiseHand = () => __awaiter$S(void 0, void 0, void 0, function* () { var _a; return yield ((_a = call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.RaiseHand)) === null || _a === void 0 ? void 0 : _a.raiseHand()); });
+    const onLowerHand = () => __awaiter$S(void 0, void 0, void 0, function* () { var _b; return yield ((_b = call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.RaiseHand)) === null || _b === void 0 ? void 0 : _b.lowerHand()); });
+    const onToggleRaiseHand = () => __awaiter$S(void 0, void 0, void 0, function* () {
         const raiseHandFeature = call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.RaiseHand);
         const localUserId = callClient.getState().userId;
         const isLocalRaisedHand = raiseHandFeature === null || raiseHandFeature === void 0 ? void 0 : raiseHandFeature.getRaisedHands().find((publishedState) => toFlatCommunicationIdentifier(publishedState.identifier) === toFlatCommunicationIdentifier(localUserId));
@@ -890,7 +907,7 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
             yield (raiseHandFeature === null || raiseHandFeature === void 0 ? void 0 : raiseHandFeature.raiseHand());
         }
     });
-    const onReactionClick = (reaction) => __awaiter$R(void 0, void 0, void 0, function* () {
+    const onReactionClick = (reaction) => __awaiter$S(void 0, void 0, void 0, function* () {
         var _c;
         if (reaction === 'like' ||
             reaction === 'applause' ||
@@ -904,19 +921,19 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
         }
         return;
     });
-    const onToggleMicrophone = () => __awaiter$R(void 0, void 0, void 0, function* () {
+    const onToggleMicrophone = () => __awaiter$S(void 0, void 0, void 0, function* () {
         if (!call || !(_isInCall(call.state) || _isInLobbyOrConnecting(call.state))) {
             throw new Error(`Please invoke onToggleMicrophone after call is started`);
         }
         return call.isMuted ? yield call.unmute() : yield call.mute();
     });
-    const onStartScreenShare = () => __awaiter$R(void 0, void 0, void 0, function* () { return yield (call === null || call === void 0 ? void 0 : call.startScreenSharing()); });
-    const onStopScreenShare = () => __awaiter$R(void 0, void 0, void 0, function* () { return yield (call === null || call === void 0 ? void 0 : call.stopScreenSharing()); });
-    const onToggleScreenShare = () => __awaiter$R(void 0, void 0, void 0, function* () { return (call === null || call === void 0 ? void 0 : call.isScreenSharingOn) ? yield onStopScreenShare() : yield onStartScreenShare(); });
-    const onHangUp = (forEveryone) => __awaiter$R(void 0, void 0, void 0, function* () { return yield (call === null || call === void 0 ? void 0 : call.hangUp({ forEveryone: forEveryone === true ? true : false })); });
+    const onStartScreenShare = () => __awaiter$S(void 0, void 0, void 0, function* () { return yield (call === null || call === void 0 ? void 0 : call.startScreenSharing()); });
+    const onStopScreenShare = () => __awaiter$S(void 0, void 0, void 0, function* () { return yield (call === null || call === void 0 ? void 0 : call.stopScreenSharing()); });
+    const onToggleScreenShare = () => __awaiter$S(void 0, void 0, void 0, function* () { return (call === null || call === void 0 ? void 0 : call.isScreenSharingOn) ? yield onStopScreenShare() : yield onStartScreenShare(); });
+    const onHangUp = (forEveryone) => __awaiter$S(void 0, void 0, void 0, function* () { return yield (call === null || call === void 0 ? void 0 : call.hangUp({ forEveryone: forEveryone === true ? true : false })); });
     /* @conditional-compile-remove(PSTN-calls) */
-    const onToggleHold = () => __awaiter$R(void 0, void 0, void 0, function* () { return (call === null || call === void 0 ? void 0 : call.state) === 'LocalHold' ? yield (call === null || call === void 0 ? void 0 : call.resume()) : yield (call === null || call === void 0 ? void 0 : call.hold()); });
-    const onCreateLocalStreamView = (...args_1) => __awaiter$R(void 0, [...args_1], void 0, function* (options = { scalingMode: 'Crop', isMirrored: true }) {
+    const onToggleHold = () => __awaiter$S(void 0, void 0, void 0, function* () { return (call === null || call === void 0 ? void 0 : call.state) === 'LocalHold' ? yield (call === null || call === void 0 ? void 0 : call.resume()) : yield (call === null || call === void 0 ? void 0 : call.hold()); });
+    const onCreateLocalStreamView = (...args_1) => __awaiter$S(void 0, [...args_1], void 0, function* (options = { scalingMode: 'Crop', isMirrored: true }) {
         var _d;
         if (!call || call.localVideoStreams.length === 0) {
             return;
@@ -932,7 +949,7 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
         const { view } = (_d = (yield callClient.createView(call.id, undefined, localStream, options))) !== null && _d !== void 0 ? _d : {};
         return view ? { view } : undefined;
     });
-    const onCreateRemoteStreamView = (userId_1, ...args_2) => __awaiter$R(void 0, [userId_1, ...args_2], void 0, function* (userId, options = { scalingMode: 'Crop' }) {
+    const onCreateRemoteStreamView = (userId_1, ...args_2) => __awaiter$S(void 0, [userId_1, ...args_2], void 0, function* (userId, options = { scalingMode: 'Crop' }) {
         if (!call) {
             return;
         }
@@ -969,7 +986,7 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
         }
         return (createViewResult === null || createViewResult === void 0 ? void 0 : createViewResult.view) ? { view: createViewResult === null || createViewResult === void 0 ? void 0 : createViewResult.view } : undefined;
     });
-    const onDisposeRemoteStreamView = (userId) => __awaiter$R(void 0, void 0, void 0, function* () {
+    const onDisposeRemoteStreamView = (userId) => __awaiter$S(void 0, void 0, void 0, function* () {
         if (!call) {
             return;
         }
@@ -990,7 +1007,7 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
             callClient.disposeView(call.id, participant.identifier, screenShareStream);
         }
     });
-    const onDisposeRemoteVideoStreamView = (userId) => __awaiter$R(void 0, void 0, void 0, function* () {
+    const onDisposeRemoteVideoStreamView = (userId) => __awaiter$S(void 0, void 0, void 0, function* () {
         if (!call) {
             return;
         }
@@ -1007,7 +1024,7 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
             callClient.disposeView(call.id, participant.identifier, remoteVideoStream);
         }
     });
-    const onDisposeRemoteScreenShareStreamView = (userId) => __awaiter$R(void 0, void 0, void 0, function* () {
+    const onDisposeRemoteScreenShareStreamView = (userId) => __awaiter$S(void 0, void 0, void 0, function* () {
         if (!call) {
             return;
         }
@@ -1024,7 +1041,7 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
             callClient.disposeView(call.id, participant.identifier, screenShareStream);
         }
     });
-    const onDisposeLocalStreamView = () => __awaiter$R(void 0, void 0, void 0, function* () {
+    const onDisposeLocalStreamView = () => __awaiter$S(void 0, void 0, void 0, function* () {
         // If the user is currently in a call, dispose of the local stream view attached to that call.
         const callState = call && callClient.getState().calls[call.id];
         const localStream = callState === null || callState === void 0 ? void 0 : callState.localVideoStreams.find((item) => item.mediaStreamType === 'Video');
@@ -1036,17 +1053,17 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
         // TODO: we need to remember which LocalVideoStream was used for LocalPreview and dispose that one.
         yield disposeAllLocalPreviewViews(callClient);
     });
-    const onSendDtmfTone = (dtmfTone) => __awaiter$R(void 0, void 0, void 0, function* () { return yield (call === null || call === void 0 ? void 0 : call.sendDtmf(dtmfTone)); });
+    const onSendDtmfTone = (dtmfTone) => __awaiter$S(void 0, void 0, void 0, function* () { return yield (call === null || call === void 0 ? void 0 : call.sendDtmf(dtmfTone)); });
     const notImplemented = () => {
         throw new Error('Not implemented, cannot call a method from an abstract object');
     };
     /* @conditional-compile-remove(call-readiness) */
-    const askDevicePermission = (constrain) => __awaiter$R(void 0, void 0, void 0, function* () {
+    const askDevicePermission = (constrain) => __awaiter$S(void 0, void 0, void 0, function* () {
         if (deviceManager) {
             yield (deviceManager === null || deviceManager === void 0 ? void 0 : deviceManager.askDevicePermission(constrain));
         }
     });
-    const onRemoveVideoBackgroundEffects = () => __awaiter$R(void 0, void 0, void 0, function* () {
+    const onRemoveVideoBackgroundEffects = () => __awaiter$S(void 0, void 0, void 0, function* () {
         const stream = (call === null || call === void 0 ? void 0 : call.localVideoStreams.find((stream) => stream.mediaStreamType === 'Video')) ||
             (deviceManager === null || deviceManager === void 0 ? void 0 : deviceManager.getUnparentedVideoStreams().find((stream) => stream.mediaStreamType === 'Video'));
         if (stream) {
@@ -1058,7 +1075,7 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
             }
         }
     });
-    const onBlurVideoBackground = (backgroundBlurConfig) => __awaiter$R(void 0, void 0, void 0, function* () {
+    const onBlurVideoBackground = (backgroundBlurConfig) => __awaiter$S(void 0, void 0, void 0, function* () {
         var _e;
         const stream = (call === null || call === void 0 ? void 0 : call.localVideoStreams.find((stream) => stream.mediaStreamType === 'Video')) ||
             (deviceManager === null || deviceManager === void 0 ? void 0 : deviceManager.getUnparentedVideoStreams().find((stream) => stream.mediaStreamType === 'Video'));
@@ -1071,7 +1088,7 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
             return createEffect && stream.feature(communicationCalling.Features.VideoEffects).startEffects(createEffect(backgroundBlurConfig));
         }
     });
-    const onReplaceVideoBackground = (backgroundReplacementConfig) => __awaiter$R(void 0, void 0, void 0, function* () {
+    const onReplaceVideoBackground = (backgroundReplacementConfig) => __awaiter$S(void 0, void 0, void 0, function* () {
         var _f;
         const stream = (call === null || call === void 0 ? void 0 : call.localVideoStreams.find((stream) => stream.mediaStreamType === 'Video')) ||
             (deviceManager === null || deviceManager === void 0 ? void 0 : deviceManager.getUnparentedVideoStreams().find((stream) => stream.mediaStreamType === 'Video'));
@@ -1084,38 +1101,38 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
             return (createEffect && stream.feature(communicationCalling.Features.VideoEffects).startEffects(createEffect(backgroundReplacementConfig)));
         }
     });
-    const onStartCaptions = (options) => __awaiter$R(void 0, void 0, void 0, function* () {
+    const onStartCaptions = (options) => __awaiter$S(void 0, void 0, void 0, function* () {
         const captionsFeature = call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.Captions).captions;
         yield (captionsFeature === null || captionsFeature === void 0 ? void 0 : captionsFeature.startCaptions(options));
     });
-    const onStopCaptions = () => __awaiter$R(void 0, void 0, void 0, function* () {
+    const onStopCaptions = () => __awaiter$S(void 0, void 0, void 0, function* () {
         const captionsFeature = call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.Captions).captions;
         yield (captionsFeature === null || captionsFeature === void 0 ? void 0 : captionsFeature.stopCaptions());
     });
-    const onSetSpokenLanguage = (language) => __awaiter$R(void 0, void 0, void 0, function* () {
+    const onSetSpokenLanguage = (language) => __awaiter$S(void 0, void 0, void 0, function* () {
         const captionsFeature = call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.Captions).captions;
         yield (captionsFeature === null || captionsFeature === void 0 ? void 0 : captionsFeature.setSpokenLanguage(language));
     });
-    const onSetCaptionLanguage = (language) => __awaiter$R(void 0, void 0, void 0, function* () {
+    const onSetCaptionLanguage = (language) => __awaiter$S(void 0, void 0, void 0, function* () {
         const captionsFeature = call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.Captions).captions;
         yield captionsFeature.setCaptionLanguage(language);
     });
-    const onSubmitSurvey = (survey) => __awaiter$R(void 0, void 0, void 0, function* () { return yield (call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.CallSurvey).submitSurvey(survey)); });
-    const onStartSpotlight = (userIds) => __awaiter$R(void 0, void 0, void 0, function* () {
+    const onSubmitSurvey = (survey) => __awaiter$S(void 0, void 0, void 0, function* () { return yield (call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.CallSurvey).submitSurvey(survey)); });
+    const onStartSpotlight = (userIds) => __awaiter$S(void 0, void 0, void 0, function* () {
         const participants = userIds === null || userIds === void 0 ? void 0 : userIds.map((userId) => _toCommunicationIdentifier(userId));
         yield (call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.Spotlight).startSpotlight(participants));
     });
-    const onStopSpotlight = (userIds) => __awaiter$R(void 0, void 0, void 0, function* () {
+    const onStopSpotlight = (userIds) => __awaiter$S(void 0, void 0, void 0, function* () {
         const participants = userIds === null || userIds === void 0 ? void 0 : userIds.map((userId) => _toCommunicationIdentifier(userId));
         yield (call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.Spotlight).stopSpotlight(participants));
     });
-    const onStopAllSpotlight = () => __awaiter$R(void 0, void 0, void 0, function* () {
+    const onStopAllSpotlight = () => __awaiter$S(void 0, void 0, void 0, function* () {
         yield (call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.Spotlight).stopAllSpotlight());
     });
     /* @conditional-compile-remove(soft-mute) */
-    const onMuteParticipant = (userId) => __awaiter$R(void 0, void 0, void 0, function* () {
+    const onMuteParticipant = (userId) => __awaiter$S(void 0, void 0, void 0, function* () {
         if (call === null || call === void 0 ? void 0 : call.remoteParticipants) {
-            call === null || call === void 0 ? void 0 : call.remoteParticipants.forEach((participant) => __awaiter$R(void 0, void 0, void 0, function* () {
+            call === null || call === void 0 ? void 0 : call.remoteParticipants.forEach((participant) => __awaiter$S(void 0, void 0, void 0, function* () {
                 // Using toFlatCommunicationIdentifier to convert the CommunicationIdentifier to string
                 // as _toCommunicationIdentifier(userId) comparison to participant.identifier did not work for this case
                 if (toFlatCommunicationIdentifier(participant.identifier) === userId) {
@@ -1125,27 +1142,27 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
         }
     });
     /* @conditional-compile-remove(soft-mute) */
-    const onMuteAllRemoteParticipants = () => __awaiter$R(void 0, void 0, void 0, function* () {
+    const onMuteAllRemoteParticipants = () => __awaiter$S(void 0, void 0, void 0, function* () {
         call === null || call === void 0 ? void 0 : call.muteAllRemoteParticipants();
     });
     const canStartSpotlight = call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.Capabilities).capabilities.spotlightParticipant.isPresent;
     const canRemoveSpotlight = call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.Capabilities).capabilities.removeParticipantsSpotlight.isPresent;
     const onStartLocalSpotlight = canStartSpotlight
-        ? () => __awaiter$R(void 0, void 0, void 0, function* () {
+        ? () => __awaiter$S(void 0, void 0, void 0, function* () {
             yield (call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.Spotlight).startSpotlight());
         })
         : undefined;
-    const onStopLocalSpotlight = () => __awaiter$R(void 0, void 0, void 0, function* () {
+    const onStopLocalSpotlight = () => __awaiter$S(void 0, void 0, void 0, function* () {
         yield (call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.Spotlight).stopSpotlight());
     });
     const onStartRemoteSpotlight = canStartSpotlight
-        ? (userIds) => __awaiter$R(void 0, void 0, void 0, function* () {
+        ? (userIds) => __awaiter$S(void 0, void 0, void 0, function* () {
             const participants = userIds === null || userIds === void 0 ? void 0 : userIds.map((userId) => _toCommunicationIdentifier(userId));
             yield (call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.Spotlight).startSpotlight(participants));
         })
         : undefined;
     const onStopRemoteSpotlight = canRemoveSpotlight
-        ? (userIds) => __awaiter$R(void 0, void 0, void 0, function* () {
+        ? (userIds) => __awaiter$S(void 0, void 0, void 0, function* () {
             const participants = userIds === null || userIds === void 0 ? void 0 : userIds.map((userId) => _toCommunicationIdentifier(userId));
             yield (call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.Spotlight).stopSpotlight(participants));
         })
@@ -1204,7 +1221,7 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
 
 // 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); } }
@@ -1230,7 +1247,7 @@ const createDefaultCallingHandlers = memoizeOne((...args) => {
             return callAgent === null || callAgent === void 0 ? void 0 : callAgent.startCall(participants, options);
         }, 
         /* @conditional-compile-remove(PSTN-calls) */
-        onAddParticipant: (userId, options) => __awaiter$Q(void 0, void 0, void 0, function* () {
+        onAddParticipant: (userId, options) => __awaiter$R(void 0, void 0, void 0, function* () {
             const participant = _toCommunicationIdentifier(userId);
             if (communicationCommon.isPhoneNumberIdentifier(participant)) {
                 call === null || call === void 0 ? void 0 : call.addParticipant(participant, options);
@@ -1238,7 +1255,7 @@ const createDefaultCallingHandlers = memoizeOne((...args) => {
             else if (communicationCommon.isCommunicationUserIdentifier(participant) || communicationCommon.isMicrosoftTeamsUserIdentifier(participant)) {
                 call === null || call === void 0 ? void 0 : call.addParticipant(participant);
             }
-        }), onRemoveParticipant: (userId) => __awaiter$Q(void 0, void 0, void 0, function* () {
+        }), onRemoveParticipant: (userId) => __awaiter$R(void 0, void 0, void 0, function* () {
             const participant = _toCommunicationIdentifier(userId);
             yield (call === null || call === void 0 ? void 0 : call.removeParticipant(participant));
         }) });
@@ -1246,7 +1263,7 @@ const createDefaultCallingHandlers = memoizeOne((...args) => {
 
 // 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); } }
@@ -1277,7 +1294,7 @@ const createDefaultTeamsCallingHandlers = memoizeOne((callClient, callAgent, dev
             return undefined;
         }, 
         /* @conditional-compile-remove(PSTN-calls) */
-        onAddParticipant: (userId, options) => __awaiter$P(void 0, void 0, void 0, function* () {
+        onAddParticipant: (userId, options) => __awaiter$Q(void 0, void 0, void 0, function* () {
             const participant = _toCommunicationIdentifier(userId);
             /* @conditional-compile-remove(teams-identity-support) */
             const threadId = options === null || options === void 0 ? void 0 : options.threadId;
@@ -1293,7 +1310,7 @@ const createDefaultTeamsCallingHandlers = memoizeOne((callClient, callAgent, dev
             }
             /* @conditional-compile-remove(teams-identity-support) */
             call === null || call === void 0 ? void 0 : call.addParticipant(participant);
-        }), onRemoveParticipant: (userId) => __awaiter$P(void 0, void 0, void 0, function* () {
+        }), onRemoveParticipant: (userId) => __awaiter$Q(void 0, void 0, void 0, function* () {
             const participant = _toCommunicationIdentifier(userId);
             if (communicationCommon.isCommunicationUserIdentifier(participant)) {
                 throw new Error('CommunicationIdentifier in Teams call is not supported!');
@@ -1526,7 +1543,7 @@ const getCaptionsSpeakerIdentifier = (captions) => {
 
 // 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); } }
@@ -1603,7 +1620,7 @@ class ProxyDeviceManager {
                 console.info('Could not Unsubscribe to Permissions API Camera changed events, API is not supported by browser', e);
             }
         };
-        this.permissionsApiStateChangeHandler = () => __awaiter$O(this, void 0, void 0, function* () {
+        this.permissionsApiStateChangeHandler = () => __awaiter$P(this, void 0, void 0, function* () {
             yield this.updateDevicePermissionState();
         });
         /**
@@ -1614,13 +1631,13 @@ class ProxyDeviceManager {
         this.selectCamera = (videoDeviceInfo) => {
             this._context.setDeviceManagerSelectedCamera(videoDeviceInfo);
         };
-        this.videoDevicesUpdated = () => __awaiter$O(this, void 0, void 0, function* () {
+        this.videoDevicesUpdated = () => __awaiter$P(this, void 0, void 0, function* () {
             // Device Manager always has a camera with '' name if there are no real camera devices available.
             // We don't want to show that in the UI.
             const realCameras = (yield this._deviceManager.getCameras()).filter((c) => !!c.name);
             this._context.setDeviceManagerCameras(dedupeById(realCameras));
         });
-        this.audioDevicesUpdated = () => __awaiter$O(this, void 0, void 0, function* () {
+        this.audioDevicesUpdated = () => __awaiter$P(this, void 0, void 0, function* () {
             this._context.setDeviceManagerMicrophones(dedupeById(yield this._deviceManager.getMicrophones()));
             this._context.setDeviceManagerSpeakers(dedupeById(yield this._deviceManager.getSpeakers()));
         });
@@ -1630,7 +1647,7 @@ class ProxyDeviceManager {
         this.selectedSpeakerChanged = () => {
             this._context.setDeviceManagerSelectedSpeaker(this._deviceManager.selectedSpeaker);
         };
-        this.updateDevicePermissionState = (sdkDeviceAccessState) => __awaiter$O(this, void 0, void 0, function* () {
+        this.updateDevicePermissionState = (sdkDeviceAccessState) => __awaiter$P(this, void 0, void 0, function* () {
             let hasCameraPermission = !!(sdkDeviceAccessState === null || sdkDeviceAccessState === void 0 ? void 0 : sdkDeviceAccessState.video);
             let hasMicPermission = !!(sdkDeviceAccessState === null || sdkDeviceAccessState === void 0 ? void 0 : sdkDeviceAccessState.audio);
             // Supplement the SDK values with values from the Permissions API to get a better understanding of the device
@@ -1706,7 +1723,7 @@ class ProxyDeviceManager {
             }
             case 'askDevicePermission': {
                 return this._context.withAsyncErrorTeedToState((...args) => {
-                    return target.askDevicePermission(...args).then((deviceAccess) => __awaiter$O(this, void 0, void 0, function* () {
+                    return target.askDevicePermission(...args).then((deviceAccess) => __awaiter$P(this, void 0, void 0, function* () {
                         yield this.updateDevicePermissionState(deviceAccess);
                         return deviceAccess;
                     }));
@@ -2083,7 +2100,7 @@ class CallIdHistory {
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var __awaiter$N = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+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); } }
@@ -3011,7 +3028,7 @@ let CallContext$2 = class CallContext {
      * @throws CallError. Exceptions thrown from `f` are tagged with the failed `target.
      */
     withAsyncErrorTeedToState(action, target) {
-        return (...args) => __awaiter$N(this, void 0, void 0, function* () {
+        return (...args) => __awaiter$O(this, void 0, void 0, function* () {
             try {
                 return yield action(...args);
             }
@@ -3536,7 +3553,7 @@ function _logStreamEvent(eventName, streamLogInfo, error) {
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var __awaiter$M = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$N = (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); } }
@@ -3546,7 +3563,7 @@ var __awaiter$M = (window && window.__awaiter) || function (thisArg, _arguments,
     });
 };
 function createViewVideo(context, internalContext, callId, stream, participantId, options) {
-    return __awaiter$M(this, void 0, void 0, function* () {
+    return __awaiter$N(this, void 0, void 0, function* () {
         // we can only have 3 types of createView
         let streamEventType;
         // we will reuse these for local as well but we need to make sure the remote stream is passed in like before.
@@ -3675,7 +3692,7 @@ function createViewVideo(context, internalContext, callId, stream, participantId
     });
 }
 function createViewUnparentedVideo(context, internalContext, stream, options) {
-    return __awaiter$M(this, void 0, void 0, function* () {
+    return __awaiter$N(this, void 0, void 0, function* () {
         const renderInfo = internalContext.getUnparentedRenderInfo(stream);
         if (renderInfo && renderInfo.status === 'Rendered') {
             console.warn('Unparented LocalVideoStream is already rendered');
@@ -3844,7 +3861,7 @@ function createView(context, internalContext, callId, participantId, stream, opt
         // Render LocalVideoStream that is not part of a Call
         // Because it is not part of the call we don't tee errors to state naturally (e.g. via a Call Client function such as startVideo).
         // We do not have a startLocalPreviewVideo function, so as a workaround we ensure any errors are propagated here.
-        return context.withAsyncErrorTeedToState(() => __awaiter$M(this, void 0, void 0, function* () { return yield createViewUnparentedVideo(context, internalContext, stream, options); }), 'Call.startVideo')();
+        return context.withAsyncErrorTeedToState(() => __awaiter$N(this, void 0, void 0, function* () { return yield createViewUnparentedVideo(context, internalContext, stream, options); }), 'Call.startVideo')();
     }
     else {
         _logStreamEvent(EventNames.CREATE_STREAM_INVALID_PARAMS, { streamType });
@@ -4030,7 +4047,7 @@ class RecordingSubscriber {
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var __awaiter$L = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$M = (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); } }
@@ -4054,7 +4071,7 @@ class PPTLiveSubscriber {
             this._context.setCallPPTLiveActive(this._callIdRef.callId, this._pptLive.isActive);
             this.checkAndUpdatePPTLiveParticipant();
         };
-        this.checkAndUpdatePPTLiveParticipant = () => __awaiter$L(this, void 0, void 0, function* () {
+        this.checkAndUpdatePPTLiveParticipant = () => __awaiter$M(this, void 0, void 0, function* () {
             if (this._pptLive.isActive) {
                 // TODO： need to refactor if Web Calling SDK has this logic ready
                 if (this._call.isScreenSharingOn) {
@@ -4567,7 +4584,7 @@ class CallSubscriber {
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var __awaiter$K = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$L = (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); } }
@@ -4587,14 +4604,14 @@ class ProxyIncomingCall {
         switch (prop) {
             case 'accept': {
                 return this._context.withAsyncErrorTeedToState(function (...args) {
-                    return __awaiter$K(this, void 0, void 0, function* () {
+                    return __awaiter$L(this, void 0, void 0, function* () {
                         return yield target.accept(...args);
                     });
                 }, 'IncomingCall.accept');
             }
             case 'reject': {
                 return this._context.withAsyncErrorTeedToState(function (...args) {
-                    return __awaiter$K(this, void 0, void 0, function* () {
+                    return __awaiter$L(this, void 0, void 0, function* () {
                         return yield target.reject(...args);
                     });
                 }, 'IncomingCall.reject');
@@ -4835,7 +4852,7 @@ const clearCallRelatedState = (context, internalContext) => {
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var __awaiter$J = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$K = (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); } }
@@ -4861,56 +4878,56 @@ class ProxyCallCommon {
         switch (prop) {
             case 'mute': {
                 return this._context.withAsyncErrorTeedToState(function (...args) {
-                    return __awaiter$J(this, void 0, void 0, function* () {
+                    return __awaiter$K(this, void 0, void 0, function* () {
                         return yield target.mute(...args);
                     });
                 }, 'Call.mute');
             }
             case 'unmute': {
                 return this._context.withAsyncErrorTeedToState(function (...args) {
-                    return __awaiter$J(this, void 0, void 0, function* () {
+                    return __awaiter$K(this, void 0, void 0, function* () {
                         return yield target.unmute(...args);
                     });
                 }, 'Call.unmute');
             }
             case 'startVideo': {
                 return this._context.withAsyncErrorTeedToState(function (...args) {
-                    return __awaiter$J(this, void 0, void 0, function* () {
+                    return __awaiter$K(this, void 0, void 0, function* () {
                         return yield target.startVideo(...args);
                     });
                 }, 'Call.startVideo');
             }
             case 'stopVideo': {
                 return this._context.withAsyncErrorTeedToState(function (...args) {
-                    return __awaiter$J(this, void 0, void 0, function* () {
+                    return __awaiter$K(this, void 0, void 0, function* () {
                         return yield target.stopVideo(...args);
                     });
                 }, 'Call.stopVideo');
             }
             case 'startScreenSharing': {
                 return this._context.withAsyncErrorTeedToState(function (...args) {
-                    return __awaiter$J(this, void 0, void 0, function* () {
+                    return __awaiter$K(this, void 0, void 0, function* () {
                         return yield target.startScreenSharing(...args);
                     });
                 }, 'Call.startScreenSharing');
             }
             case 'stopScreenSharing': {
                 return this._context.withAsyncErrorTeedToState(function (...args) {
-                    return __awaiter$J(this, void 0, void 0, function* () {
+                    return __awaiter$K(this, void 0, void 0, function* () {
                         return yield target.stopScreenSharing(...args);
                     });
                 }, 'Call.stopScreenSharing');
             }
             case 'hold': {
                 return this._context.withAsyncErrorTeedToState(function (...args) {
-                    return __awaiter$J(this, void 0, void 0, function* () {
+                    return __awaiter$K(this, void 0, void 0, function* () {
                         return yield target.hold(...args);
                     });
                 }, 'Call.hold');
             }
             case 'resume': {
                 return this._context.withAsyncErrorTeedToState(function (...args) {
-                    return __awaiter$J(this, void 0, void 0, function* () {
+                    return __awaiter$K(this, void 0, void 0, function* () {
                         return yield target.resume(...args);
                     });
                 }, 'Call.resume');
@@ -4978,7 +4995,7 @@ class ProxyTeamsCaptions {
     get(target, prop) {
         switch (prop) {
             case 'startCaptions':
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$J(this, void 0, void 0, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$K(this, void 0, void 0, function* () {
                     var _a, _b;
                     this._context.setStartCaptionsInProgress(this._call.id, true);
                     try {
@@ -4992,7 +5009,7 @@ class ProxyTeamsCaptions {
                     }
                 }), 'Call.feature');
             case 'stopCaptions':
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$J(this, void 0, void 0, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$K(this, void 0, void 0, function* () {
                     const ret = yield target.stopCaptions(...args);
                     this._context.setIsCaptionActive(this._call.id, false);
                     this._context.setStartCaptionsInProgress(this._call.id, false);
@@ -5000,13 +5017,13 @@ class ProxyTeamsCaptions {
                     return ret;
                 }), 'Call.feature');
             case 'setSpokenLanguage':
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$J(this, void 0, void 0, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$K(this, void 0, void 0, function* () {
                     const ret = yield target.setSpokenLanguage(...args);
                     this._context.setSelectedSpokenLanguage(this._call.id, args[0]);
                     return ret;
                 }), 'Call.feature');
             case 'setCaptionLanguage':
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$J(this, void 0, void 0, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$K(this, void 0, void 0, function* () {
                     const ret = yield target.setCaptionLanguage(...args);
                     this._context.setSelectedCaptionLanguage(this._call.id, args[0]);
                     return ret;
@@ -5028,7 +5045,7 @@ class ProxyCaptions {
     get(target, prop) {
         switch (prop) {
             case 'startCaptions':
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$J(this, void 0, void 0, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$K(this, void 0, void 0, function* () {
                     var _a, _b;
                     this._context.setStartCaptionsInProgress(this._call.id, true);
                     try {
@@ -5042,7 +5059,7 @@ class ProxyCaptions {
                     }
                 }), 'Call.feature');
             case 'stopCaptions':
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$J(this, void 0, void 0, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$K(this, void 0, void 0, function* () {
                     const ret = yield target.stopCaptions(...args);
                     this._context.setIsCaptionActive(this._call.id, false);
                     this._context.setStartCaptionsInProgress(this._call.id, false);
@@ -5050,7 +5067,7 @@ class ProxyCaptions {
                     return ret;
                 }), 'Call.feature');
             case 'setSpokenLanguage':
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$J(this, void 0, void 0, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$K(this, void 0, void 0, function* () {
                     const ret = yield target.setSpokenLanguage(...args);
                     this._context.setSelectedSpokenLanguage(this._call.id, args[0]);
                     return ret;
@@ -5070,12 +5087,12 @@ class ProxySpotlightCallFeature {
     get(target, prop) {
         switch (prop) {
             case 'startSpotlight':
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$J(this, void 0, void 0, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$K(this, void 0, void 0, function* () {
                     const ret = yield target.startSpotlight(...args);
                     return ret;
                 }), 'Call.feature');
             case 'stopSpotlight':
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$J(this, void 0, void 0, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$K(this, void 0, void 0, function* () {
                     const ret = yield target.stopSpotlight(...args);
                     return ret;
                 }), 'Call.feature');
@@ -5117,7 +5134,7 @@ class ProxyTransferCallFeature {
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var __awaiter$I = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$J = (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); } }
@@ -5131,7 +5148,7 @@ class ProxyCall extends ProxyCallCommon {
         switch (prop) {
             case 'addParticipant': {
                 return this.getContext().withAsyncErrorTeedToState(function (...args) {
-                    return __awaiter$I(this, void 0, void 0, function* () {
+                    return __awaiter$J(this, void 0, void 0, function* () {
                         return yield target.addParticipant(...args);
                     });
                 }, 'Call.addParticipant');
@@ -5366,7 +5383,7 @@ class InternalCallContext {
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var __awaiter$H = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$I = (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); } }
@@ -5382,7 +5399,7 @@ class ProxyTeamsCall extends ProxyCallCommon {
             /* @conditional-compile-remove(PSTN-calls) */
             case 'addParticipant': {
                 return this.getContext().withAsyncErrorTeedToState(function (...args) {
-                    return __awaiter$H(this, void 0, void 0, function* () {
+                    return __awaiter$I(this, void 0, void 0, function* () {
                         return yield target.addParticipant(...args);
                     });
                 }, 'TeamsCall.addParticipant');
@@ -5501,7 +5518,7 @@ const teamsCallAgentDeclaratify = (callAgent, context, internalContext) => {
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var __awaiter$G = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$H = (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); } }
@@ -5523,7 +5540,7 @@ class ProxyVideoStreamRendererView {
     get(target, prop) {
         switch (prop) {
             case 'updateScalingMode': {
-                return (...args) => __awaiter$G(this, void 0, void 0, function* () {
+                return (...args) => __awaiter$H(this, void 0, void 0, function* () {
                     yield target.updateScalingMode(...args);
                     this._context.setRemoteVideoStreamViewScalingMode(this._callId, this._participantId, this._streamId, args[0]);
                 });
@@ -5544,7 +5561,7 @@ const videoStreamRendererViewDeclaratify = (view, context, callId, participantId
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var __awaiter$F = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$G = (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); } }
@@ -5566,7 +5583,7 @@ class ProxyCallClient {
     get(target, prop) {
         switch (prop) {
             case 'createCallAgent': {
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$F(this, void 0, void 0, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$G(this, void 0, void 0, function* () {
                     // createCallAgent will throw an exception if the previous callAgent was not disposed. If the previous
                     // callAgent was disposed then it would have unsubscribed to events so we can just create a new declarative
                     // callAgent if the createCallAgent succeeds.
@@ -5579,7 +5596,7 @@ class ProxyCallClient {
                 }), 'CallClient.createCallAgent');
             }
             case 'createTeamsCallAgent': {
-                /* @conditional-compile-remove(teams-identity-support) */ return this._context.withAsyncErrorTeedToState((...args) => __awaiter$F(this, void 0, void 0, function* () {
+                /* @conditional-compile-remove(teams-identity-support) */ return this._context.withAsyncErrorTeedToState((...args) => __awaiter$G(this, void 0, void 0, function* () {
                     // createCallAgent will throw an exception if the previous callAgent was not disposed. If the previous
                     // callAgent was disposed then it would have unsubscribed to events so we can just create a new declarative
                     // callAgent if the createCallAgent succeeds.
@@ -5592,7 +5609,7 @@ class ProxyCallClient {
                 }), 'CallClient.createTeamsCallAgent');
             }
             case 'getDeviceManager': {
-                return this._context.withAsyncErrorTeedToState(() => __awaiter$F(this, void 0, void 0, function* () {
+                return this._context.withAsyncErrorTeedToState(() => __awaiter$G(this, void 0, void 0, function* () {
                     // As of writing, the SDK always returns the same instance of DeviceManager so we keep a reference of
                     // DeviceManager and if it does not change we return the cached DeclarativeDeviceManager. If it does not we'll
                     // throw an error that indicate we need to fix this issue as our implementation has diverged from the SDK.
@@ -5621,7 +5638,7 @@ class ProxyCallClient {
                         /**
                          * add to this object if we want to proxy anything else off the DebugInfo feature object.
                          */
-                        return Object.assign(Object.assign({}, feature), { getEnvironmentInfo: () => __awaiter$F(this, void 0, void 0, function* () {
+                        return Object.assign(Object.assign({}, feature), { getEnvironmentInfo: () => __awaiter$G(this, void 0, void 0, function* () {
                                 const environmentInfo = yield feature.getEnvironmentInfo();
                                 this._context.setEnvironmentInfo(environmentInfo);
                                 return environmentInfo;
@@ -5682,7 +5699,7 @@ const createStatefulCallClientWithDeps = (callClient, context, internalContext)
     });
     Object.defineProperty(callClient, 'createView', {
         configurable: false,
-        value: (callId, participantId, stream, options) => __awaiter$F(void 0, void 0, void 0, function* () {
+        value: (callId, participantId, stream, options) => __awaiter$G(void 0, void 0, void 0, function* () {
             const participantIdKind = participantId ? communicationCommon.getIdentifierKind(participantId) : undefined;
             const result = yield createView(context, internalContext, callId, participantIdKind, stream, options);
             // We only need to declaratify the VideoStreamRendererView object for remote participants. Because the updateScalingMode only needs to be called on remote participant stream views.
@@ -5915,7 +5932,7 @@ const typingIndicatorStringStyle = react.mergeStyles({
     wordBreak: 'break-word'
 });
 
-var participantItem$k={isMeText:"(you)",menuTitle:"More Options",removeButtonLabel:"Remove",sharingIconLabel:"Sharing",mutedIconLabel:"Muted",displayNamePlaceholder:"Unnamed participant",participantStateRinging:"Calling...",participantStateHold:"On hold",attendeeRole:"Attendee"};var ParticipantList$l={overflowParticipantCount:"+{overflowCount} more"};var typingIndicator$k={singleUser:"{user} is typing ...",multipleUsers:"{users} are typing ...",multipleUsersAbbreviateOne:"{users} and 1 other are typing ...",multipleUsersAbbreviateMany:"{users} and {numOthers} others are typing ...",delimiter:", "};var sendBox$k={placeholderText:"Enter a message",textTooLong:"Your message length is over the maximum limit.",sendButtonAriaLabel:"Send message",attachmentUploadsPendingError:"Uploading... Please wait.",removeAttachment:"Remove file",uploading:"Uploading",uploadCompleted:"Upload completed",attachmentMoreMenu:"More Options"};var richTextSendBox$k={placeholderText:"Enter a message",textTooLong:"Your message length is over the maximum limit.",sendButtonAriaLabel:"Send message",attachmentUploadsPendingError:"Uploading... Please wait.",removeAttachment:"Remove file",uploading:"Uploading",uploadCompleted:"Upload completed",richTextBoldTooltip:"Bold",richTextItalicTooltip:"Italic",richTextUnderlineTooltip:"Underline",richTextBulletListTooltip:"Bulleted list",richTextNumberListTooltip:"Numbered list",richTextIncreaseIndentTooltip:"Increase indent",richTextDecreaseIndentTooltip:"Decrease indent",richTextInsertTableTooltip:"Insert table",richTextFormatButtonTooltip:"Format",richTextInsertRowOrColumnMenu:"Insert",richTextInsertTableMenuTitle:"Insert {column} x {row} table",richTextInsertRowAboveMenu:"Insert above",richTextInsertRowBelowMenu:"Insert below",richTextInsertColumnLeftMenu:"Insert left",richTextInsertColumnRightMenu:"Insert right",richTextDeleteRowOrColumnMenu:"Delete",richTextDeleteColumnMenu:"Delete column",richTextDeleteRowMenu:"Delete row",richTextDeleteTableMenu:"Delete table",richTextToolbarMoreButtonAriaLabel:"More options",attachmentMoreMenu:"More Options"};var mentionPopover$k={mentionPopoverHeader:"Suggestions"};var imageOverlay$k={downloadButtonLabel:"Download",dismissButtonAriaLabel:"Close"};var messageStatusIndicator$k={deliveredAriaLabel:"Message sent",deliveredTooltipText:"Sent",seenAriaLabel:"Message seen by others",seenTooltipText:"Seen",readByTooltipText:"Read by {messageThreadReadCount} of {remoteParticipantsCount}",sendingAriaLabel:"Message sending",sendingTooltipText:"Sending",failedToSendAriaLabel:"Message failed to send",failedToSendTooltipText:"Failed to send"};var endCallButton$k={label:"Leave",tooltipContent:"Leave call",leaveOption:"Leave",endCallOption:"End call for everyone"};var cameraButton$k={onLabel:"Camera",offLabel:"Camera",tooltipDisabledContent:"Camera is disabled",tooltipOnContent:"Turn off camera",tooltipOffContent:"Turn on camera",tooltipVideoLoadingContent:"Video is loading",cameraMenuTitle:"Camera",cameraMenuTooltip:"Choose camera",cameraButtonSplitRoleDescription:"Split button",onSplitButtonAriaLabel:"Turn off camera and camera options",offSplitButtonAriaLabel:"Turn on camera and camera options",cameraActionTurnedOnAnnouncement:"Your camera has been turned on",cameraActionTurnedOffAnnouncement:"Your camera has been turned off",onSplitButtonPrimaryActionCamera:"Turn off camera",offSplitButtonPrimaryActionCamera:"Turn on camera",cameraPrimaryActionSplitButtonTitle:"Use camera",videoEffectsMenuItemTitle:"Effects"};var microphoneButton$k={onLabel:"Mic",offLabel:"Mic",tooltipDisabledContent:"Microphone is disabled",tooltipOnContent:"Mute microphone",tooltipOffContent:"Unmute microphone",microphoneMenuTitle:"Microphone",microphoneMenuTooltip:"Choose microphone",speakerMenuTitle:"Speaker",speakerMenuTooltip:"Choose speaker",microphoneButtonSplitRoleDescription:"Split button",onSplitButtonAriaLabel:"Mute microphone and audio options",offSplitButtonAriaLabel:"Unmute microphone and audio options",microphoneActionTurnedOnAnnouncement:"Your microphone has been turned on",microphoneActionTurnedOffAnnouncement:"Your microphone has been turned off",offSplitButtonMicrophonePrimaryAction:"Unmute microphone",onSplitButtonMicrophonePrimaryAction:"Mute microphone",microphonePrimaryActionSplitButtonTitle:"Use microphone"};var devicesButton$k={label:"Devices",tooltipContent:"Manage devices",cameraMenuTitle:"Camera",cameraMenuTooltip:"Choose camera",audioDeviceMenuTitle:"Audio Device",audioDeviceMenuTooltip:"Choose audio device",microphoneMenuTitle:"Microphone",microphoneMenuTooltip:"Choose microphone",speakerMenuTitle:"Speaker",speakerMenuTooltip:"Choose speaker"};var participantsButton$k={label:"People",tooltipContent:"Show participants",menuHeader:"In this call",participantsListButtonLabel:"{numParticipants} people",muteAllButtonLabel:"Mute all",copyInviteLinkButtonLabel:"Copy invite link",copyInviteLinkActionedAriaLabel:"Invite link copied"};var screenShareButton$k={onLabel:"Stop presenting",offLabel:"Present",tooltipDisabledContent:"Presenting is disabled",tooltipOnContent:"Presenting your screen",tooltipOffContent:"Present your screen"};var raiseHandButton$k={offLabel:"Raise",onLabel:"Lower",tooltipDisabledContent:"Raise Hand action is disabled",tooltipOnContent:"Lower Hand",tooltipOffContent:"Raise Hand"};var reactionButton$k={label:"React",ariaLabel:"React Button, Send a reaction",tooltipDisabledContent:"Reaction action is disabled",tooltipContent:"Send a reaction",likeReactionTooltipContent:"Like",heartReactionTooltipContent:"Love",laughReactionTooltipContent:"Laugh",applauseReactionTooltipContent:"Applause",surprisedReactionTooltipContent:"Surprised"};var messageThread$k={yesterday:"Yesterday",sunday:"Sunday",monday:"Monday",tuesday:"Tuesday",wednesday:"Wednesday",thursday:"Thursday",friday:"Friday",saturday:"Saturday",participantJoined:"joined the chat.",participantLeft:"left the chat.",editMessage:"Edit",removeMessage:"Delete",resendMessage:"Try sending again",failToSendTag:"Failed to send",editedTag:"Edited",liveAuthorIntro:"{author} says",messageContentAriaText:"{status} {author} said {message}",messageContentMineAriaText:"{status} You said {message}",editBoxTextLimit:"Your message is over the limit of {limitNumber} characters",editBoxPlaceholderText:"Edit your message",newMessagesIndicator:"New messages",noDisplayNameSub:"No name",editBoxCancelButton:"Cancel",editBoxSubmitButton:"Done",messageReadCount:"Read by {messageReadByCount} of {remoteParticipantsCount}",actionMenuMoreOptions:"More Options",downloadAttachment:"Download file",openAttachment:"Open file",blockedWarningText:"This message was deleted due to organizational policy.",blockedWarningLinkText:"Details",attachmentCardGroupMessage:"The message has {attachmentCount} attachment",messageDeletedAnnouncementAriaLabel:"The message is deleted",richTextBoldTooltip:"Bold",richTextItalicTooltip:"Italic",richTextUnderlineTooltip:"Underline",richTextBulletListTooltip:"Bulleted list",richTextNumberListTooltip:"Numbered list",richTextIncreaseIndentTooltip:"Increase indent",richTextDecreaseIndentTooltip:"Decrease indent",richTextInsertTableTooltip:"Insert table",richTextFormatButtonTooltip:"Format",richTextInsertRowOrColumnMenu:"Insert",richTextInsertTableMenuTitle:"Insert {column} x {row} table",richTextInsertRowAboveMenu:"Insert above",richTextInsertRowBelowMenu:"Insert below",richTextInsertColumnLeftMenu:"Insert left",richTextInsertColumnRightMenu:"Insert right",richTextDeleteRowOrColumnMenu:"Delete",richTextDeleteColumnMenu:"Delete column",richTextDeleteRowMenu:"Delete row",richTextDeleteTableMenu:"Delete table",richTextToolbarMoreButtonAriaLabel:"More options"};var errorBar$k={unableToReachChatService:"You are offline",accessDenied:"Unable to access chat services - please check the user credentials provided",userNotInChatThread:"You are no longer in this chat thread",sendMessageNotInChatThread:"Failed to send message because you are no longer in this chat thread",sendMessageGeneric:"Failed to send message",callingNetworkFailure:"Troubling connecting call - you seem to be offline",startVideoGeneric:"Failed to start video",stopVideoGeneric:"Failed to stop video",muteGeneric:"Failed to mute microphone",unmuteGeneric:"Failed to unmute microphone",speakingWhileMuted:"Your microphone is muted",startScreenShareGeneric:"There was an issue starting screen share.",stopScreenShareGeneric:"Failed to stop screen sharing",callNetworkQualityLow:"Network quality is low.",callNoSpeakerFound:"No speakers or headphones found. Connect an audio device to hear the call.",callNoMicrophoneFound:"No microphones found. Connect an audio input device.",callMicrophoneAccessDenied:"Unable to access microphone. Click the lock in the address bar to grant permission to this webpage.",callMicrophoneAccessDeniedSafari:"Unable to access microphone. Refresh the page to allow permissions, or check this browser’s settings and verify permissions are enabled for this website.",callMicrophoneMutedBySystem:"You are muted by your system.",callMicrophoneUnmutedBySystem:"Your microphone recovered and you were unmuted by your system.",callMacOsMicrophoneAccessDenied:"Unable to access microphone. Grant microphone permission in your macOS privacy settings.",callLocalVideoFreeze:"Network bandwidth is poor. Your video may appear paused for others on the call.",callCameraAccessDenied:"Unable to access camera. Click the lock in the address bar to grant permission to this webpage.",callCameraAccessDeniedSafari:"Unable to access camera. Refresh the page to allow permissions, or check this browser’s settings and verify permissions are enabled for this website.",callCameraAlreadyInUse:"Unable to access camera. It may already be in use by another application.",callVideoStoppedBySystem:"Your video has been stopped by your system.",callVideoRecoveredBySystem:"Your video has resumed.",callMacOsCameraAccessDenied:"MacOS is blocking access to your camera. Update your privacy settings to allow this browser to access your camera.",callMacOsScreenShareAccessDenied:"MacOS is blocking screen sharing. Update your privacy settings to allow this browser to record your screen.",dismissButtonAriaLabel:"Close",failedToJoinCallGeneric:"Failed to join call.",failedToJoinCallInvalidMeetingLink:"Unable to join Meeting. Invalid Link.",cameraFrozenForRemoteParticipants:"Users in the call are having issues seeing your video. Please check your devices and network.",unableToStartVideoEffect:"Unable to apply video effect.",startSpotlightWhileMaxParticipantsAreSpotlighted:"Cannot start spotlight on participant(s) because the maximum number of participants are already spotlighted.",mutedByRemoteParticipant:"You were muted by another participant."};var notificationStack={callingNetworkFailure:{title:"Troubling connecting call",message:"You seem to be offline. Please check your network connection and try again.",closeButtonAriaLabel:"Close"},startVideoGeneric:{title:"Failed to start video.",closeButtonAriaLabel:"Close"},stopVideoGeneric:{title:"Failed to stop video.",closeButtonAriaLabel:"Close"},muteGeneric:{title:"Failed to mute microphone.",closeButtonAriaLabel:"Close"},unmuteGeneric:{title:"Failed to unmute microphone.",closeButtonAriaLabel:"Close"},speakingWhileMuted:{title:"You're muted.",closeButtonAriaLabel:"Close"},startScreenShareGeneric:{title:"There was an issue starting screen share.",closeButtonAriaLabel:"Close"},stopScreenShareGeneric:{title:"Failed to stop screen sharing.",closeButtonAriaLabel:"Close"},callNetworkQualityLow:{title:"Network quality is low.",closeButtonAriaLabel:"Close"},callNoSpeakerFound:{title:"No speakers or headphones found",message:"Connect an audio device to hear the call.",closeButtonAriaLabel:"Close"},callNoMicrophoneFound:{title:"No microphones found",message:"Connect an audio input device.",closeButtonAriaLabel:"Close"},callMicrophoneAccessDenied:{title:"Unable to access microphone",message:"Click the lock in the address bar to grant permission to this webpage.",closeButtonAriaLabel:"Close"},callMicrophoneAccessDeniedSafari:{title:"Unable to access microphone",message:"Refresh the page to allow permissions, or check this browser’s settings and verify permissions are enabled for this website.",closeButtonAriaLabel:"Close"},callMicrophoneMutedBySystem:{title:"You are muted by your system.",closeButtonAriaLabel:"Close"},callMicrophoneUnmutedBySystem:{title:"Your microphone recovered and you were unmuted by your system.",closeButtonAriaLabel:"Close"},callMacOsMicrophoneAccessDenied:{title:"Unable to access microphone",message:"Grant microphone permission in your macOS privacy settings.",closeButtonAriaLabel:"Close"},callLocalVideoFreeze:{title:"Network bandwidth is poor",message:"Your video may appear paused for others on the call.",closeButtonAriaLabel:"Close"},callCameraAccessDenied:{title:"Unable to access camera",message:"Click the lock in the address bar to grant permission to this webpage.",closeButtonAriaLabel:"Close"},callCameraAccessDeniedSafari:{title:"Unable to access camera",message:"Refresh the page to allow permissions, or check this browser’s settings and verify permissions are enabled for this website.",closeButtonAriaLabel:"Close"},callCameraAlreadyInUse:{title:"Unable to access camera",message:"It may already be in use by another application.",closeButtonAriaLabel:"Close"},callVideoStoppedBySystem:{title:"Your video has been stopped by your system.",closeButtonAriaLabel:"Close"},callVideoRecoveredBySystem:{title:"Your video has resumed.",closeButtonAriaLabel:"Close"},callMacOsCameraAccessDenied:{title:"MacOS is blocking access to your camera",message:"Update your privacy settings to allow this browser to access your camera.",closeButtonAriaLabel:"Close"},callMacOsScreenShareAccessDenied:{title:"MacOS is blocking screen sharing",message:"Update your privacy settings to allow this browser to record your screen.",closeButtonAriaLabel:"Close"},failedToJoinCallGeneric:{title:"Failed to join call.",closeButtonAriaLabel:"Close"},failedToJoinCallInvalidMeetingLink:{title:"Unable to join Meeting. Invalid Link.",closeButtonAriaLabel:"Close"},cameraFrozenForRemoteParticipants:{title:"Users in the call are having issues seeing your video",message:"Please check your devices and network.",closeButtonAriaLabel:"Close"},unableToStartVideoEffect:{title:"Unable to apply video effect.",closeButtonAriaLabel:"Close"},startSpotlightWhileMaxParticipantsAreSpotlighted:{title:"Cannot start spotlight on participant(s)",message:"The maximum number of participants are already spotlighted.",closeButtonAriaLabel:"Close"},mutedByRemoteParticipant:{title:"You were muted by another participant.",closeButtonAriaLabel:"Close"}};var videoGallery$k={screenIsBeingSharedMessage:"You are sharing your screen",screenShareLoadingMessage:"Loading {participant}'s screen",localVideoLabel:"You",localVideoCameraSwitcherLabel:"Switch camera",localVideoMovementLabel:"Movable Local Video Tile",localVideoMovementAriaLabel:"Movable Local Video Tile",localVideoSelectedDescription:"{cameraName} selected",displayNamePlaceholder:"Unnamed participant",fitRemoteParticipantToFrame:"Fit to frame",fillRemoteParticipantFrame:"Fill frame",pinParticipantForMe:"Pin for me",pinParticipantForMeLimitReached:"Pin (limit reached)",unpinParticipantForMe:"Unpin",pinParticipantMenuItemAriaLabel:"Pin {participantName}",unpinParticipantMenuItemAriaLabel:"Unpin {participantName}",pinnedParticipantAnnouncementAriaLabel:"Pinned {participantName}",unpinnedParticipantAnnouncementAriaLabel:"Unpinned {participantName}",startSpotlightVideoTileMenuLabel:"Spotlight for everyone",addSpotlightVideoTileMenuLabel:"Add spotlight",spotlightLimitReachedMenuTitle:"Spotlight limit reached",stopSpotlightVideoTileMenuLabel:"Stop spotlighting",stopSpotlightOnSelfVideoTileMenuLabel:"Exit spotlight",attendeeRole:"Attendee",muteParticipantMenuItemLabel:"Mute"};var dialpad$k={placeholderText:"Enter phone number",deleteButtonAriaLabel:"Delete"};var holdButton$k={onLabel:"Resume",offLabel:"Hold",tooltipOnContent:"Resume call",tooltipOffContent:"Hold call"};var videoTile$k={participantStateRinging:"Calling...",participantStateHold:"On hold",moreOptionsButtonAriaLabel:"More Options"};var CameraAndMicrophoneSitePermissionsRequest$k={primaryText:"Allow {appName} to use your camera and microphone",secondaryText:"This is so participants can see and hear you.",linkText:"Need help? Get troubleshooting help",primaryButtonText:"Continue without camera and microphone",ariaLabel:"Allow camera and microphone access"};var CameraSitePermissionsRequest$k={primaryText:"Allow {appName} to use your camera",secondaryText:"This is so participants can see you.",linkText:"Need help? Get troubleshooting help",primaryButtonText:"Continue without camera",ariaLabel:"Allow camera access"};var MicrophoneSitePermissionsRequest$k={primaryText:"Allow {appName} to use your microphone",secondaryText:"This is so participants can hear you.",linkText:"Need help? Get troubleshooting help",primaryButtonText:"Continue without microphone",ariaLabel:"Allow microphone access"};var CameraAndMicrophoneSitePermissionsCheck$k={primaryText:"Checking for camera and microphone access",secondaryText:"Allow access if prompted. This is so participants can see and hear you.",linkText:"Need help? Get troubleshooting help",primaryButtonText:"Continue without camera and microphone",ariaLabel:"Checking for camera and microphone access. Allow access if prompted."};var CameraSitePermissionsCheck$k={primaryText:"Checking for camera access",secondaryText:"Allow access if prompted. This is so participants can see you.",linkText:"Need help? Get troubleshooting help",primaryButtonText:"Continue without camera",ariaLabel:"Checking for camera access. Allow access if prompted."};var MicrophoneSitePermissionsCheck$k={primaryText:"Checking for microphone access",secondaryText:"Allow access if prompted. This is so participants can hear you.",linkText:"Need help? Get troubleshooting help",primaryButtonText:"Continue without microphone",ariaLabel:"Checking for microphone access. Allow access if prompted."};var CameraAndMicrophoneSitePermissionsDenied$k={primaryText:"Unable to access camera and microphone",secondaryText:"Click the lock icon in the address bar to grant microphone permissions to this webpage. A page refresh may be required.",primaryButtonText:"Continue without camera and microphone",linkText:"Need help? Get troubleshooting help"};var CameraAndMicrophoneSitePermissionsDeniedSafari$k={primaryText:"Unable to access camera and microphone",secondaryText:"Refresh the page to allow permissions, or check this browser’s settings and verify permissions are enabled for this website.",primaryButtonText:"Continue without camera and microphone",linkText:"Need help? Get troubleshooting help"};var CameraSitePermissionsDenied$k={primaryText:"Unable to access camera",secondaryText:"Click the lock icon in the address bar to grant camera permissions to this webpage. A page refresh may be required.",primaryButtonText:"Continue without camera",linkText:"Need help? Get troubleshooting help"};var MicrophoneSitePermissionsDenied$k={primaryText:"Unable to access microphone",secondaryText:"Click the lock icon in the address bar to grant microphone permissions to this webpage. A page refresh may be required.",primaryButtonText:"Continue without microphone",linkText:"Need help? Get troubleshooting help"};var CameraSitePermissionsDeniedSafari$k={primaryText:"Unable to access camera",secondaryText:"Refresh the page to allow permissions, or check this browser’s settings and verify permissions are enabled for this website.",primaryButtonText:"Continue without camera",linkText:"Need help? Get troubleshooting help"};var MicrophoneSitePermissionsDeniedSafari$k={primaryText:"Unable to access microphone",secondaryText:"Refresh the page to allow permissions, or check this browser’s settings and verify permissions are enabled for this website.",primaryButtonText:"Continue without microphone",linkText:"Need help? Get troubleshooting help"};var UnsupportedBrowser$l={primaryText:"Browser not supported",secondaryText:"Please join this call using a compatible browser.",moreHelpLinkText:"See compatibility requirements"};var UnsupportedBrowserVersion$l={primaryText:"Browser update needed",secondaryText:"To ensure the best call possible, please update your browser and then try joining the call again.",moreHelpLinkText:"See compatibility requirements",continueAnywayButtonText:"Start call without updating"};var UnsupportedOperatingSystem$l={primaryText:"Operating system not supported",secondaryText:"Please join this call using a device with a compatible operating system.",moreHelpLinkText:"See compatibility requirements"};var BrowserPermissionDenied$k={primaryText:"Can't use your camera or microphone",secondaryText:"Your browser might not have access to your camera or microphone. To fix this, open System Preferences.",primaryButtonText:"Try again",linkText:"Need help? Get troubleshooting help"};var BrowserPermissionDeniedIOS$k={primaryText:"Allow microphone access to continue",secondaryText:"So other participants can hear you.",primaryButtonText:"Try again",imageAltText:"Microphone and camera device permission location for iOS",linkText:"Need help? Get troubleshooting help",step1Text:"Go to the Settings app",step2Text:"Scroll down to settings for this browser",step3Text:"Turn on Microphone (Camera optional)",step4Text:"Try joining the call again",step1DigitText:"1",step2DigitText:"2",step3DigitText:"3",step4DigitText:"4"};var verticalGallery$k={leftNavButtonAriaLabel:"previous page",rightNavButtonAriaLabel:"next page"};var MeetingConferencePhoneInfo$k={meetingConferencePhoneInfoModalTitle:"Join call from your phone",meetingConferencePhoneInfoModalDialIn:"Dial number",meetingConferencePhoneInfoModalMeetingId:"Enter meeting ID",meetingConferencePhoneInfoModalWait:"Wait to be admitted by organizer",meetingConferencePhoneInfoModalNoPhoneAvailable:"No phone available",meetingConferencePhoneInfoModalTollGeoData:"{country}, {city}",meetingConferencePhoneInfoModalTollFree:"(Toll-free)",meetingConferencePhoneInfoModalToll:"(Toll)"};var en_US$1 = {participantItem:participantItem$k,ParticipantList:ParticipantList$l,typingIndicator:typingIndicator$k,sendBox:sendBox$k,richTextSendBox:richTextSendBox$k,mentionPopover:mentionPopover$k,imageOverlay:imageOverlay$k,messageStatusIndicator:messageStatusIndicator$k,endCallButton:endCallButton$k,cameraButton:cameraButton$k,microphoneButton:microphoneButton$k,devicesButton:devicesButton$k,participantsButton:participantsButton$k,screenShareButton:screenShareButton$k,raiseHandButton:raiseHandButton$k,reactionButton:reactionButton$k,messageThread:messageThread$k,errorBar:errorBar$k,notificationStack:notificationStack,videoGallery:videoGallery$k,dialpad:dialpad$k,holdButton:holdButton$k,videoTile:videoTile$k,CameraAndMicrophoneSitePermissionsRequest:CameraAndMicrophoneSitePermissionsRequest$k,CameraSitePermissionsRequest:CameraSitePermissionsRequest$k,MicrophoneSitePermissionsRequest:MicrophoneSitePermissionsRequest$k,CameraAndMicrophoneSitePermissionsCheck:CameraAndMicrophoneSitePermissionsCheck$k,CameraSitePermissionsCheck:CameraSitePermissionsCheck$k,MicrophoneSitePermissionsCheck:MicrophoneSitePermissionsCheck$k,CameraAndMicrophoneSitePermissionsDenied:CameraAndMicrophoneSitePermissionsDenied$k,CameraAndMicrophoneSitePermissionsDeniedSafari:CameraAndMicrophoneSitePermissionsDeniedSafari$k,CameraSitePermissionsDenied:CameraSitePermissionsDenied$k,MicrophoneSitePermissionsDenied:MicrophoneSitePermissionsDenied$k,CameraSitePermissionsDeniedSafari:CameraSitePermissionsDeniedSafari$k,MicrophoneSitePermissionsDeniedSafari:MicrophoneSitePermissionsDeniedSafari$k,UnsupportedBrowser:UnsupportedBrowser$l,UnsupportedBrowserVersion:UnsupportedBrowserVersion$l,UnsupportedOperatingSystem:UnsupportedOperatingSystem$l,BrowserPermissionDenied:BrowserPermissionDenied$k,BrowserPermissionDeniedIOS:BrowserPermissionDeniedIOS$k,verticalGallery:verticalGallery$k,MeetingConferencePhoneInfo:MeetingConferencePhoneInfo$k};
+var participantItem$k={isMeText:"(you)",menuTitle:"More Options",removeButtonLabel:"Remove",sharingIconLabel:"Sharing",mutedIconLabel:"Muted",displayNamePlaceholder:"Unnamed participant",participantStateRinging:"Calling...",participantStateHold:"On hold",attendeeRole:"Attendee"};var ParticipantList$l={overflowParticipantCount:"+{overflowCount} more"};var typingIndicator$k={singleUser:"{user} is typing ...",multipleUsers:"{users} are typing ...",multipleUsersAbbreviateOne:"{users} and 1 other are typing ...",multipleUsersAbbreviateMany:"{users} and {numOthers} others are typing ...",delimiter:", "};var sendBox$k={placeholderText:"Enter a message",textTooLong:"Your message length is over the maximum limit.",sendButtonAriaLabel:"Send message",attachmentUploadsPendingError:"Uploading... Please wait.",removeAttachment:"Remove file",uploading:"Uploading",uploadCompleted:"Upload completed",attachmentMoreMenu:"More Options"};var richTextSendBox$k={placeholderText:"Enter a message",textTooLong:"Your message length is over the maximum limit.",sendButtonAriaLabel:"Send message",attachmentUploadsPendingError:"Uploading... Please wait.",removeAttachment:"Remove file",uploading:"Uploading",uploadCompleted:"Upload completed",richTextBoldTooltip:"Bold",richTextItalicTooltip:"Italic",richTextUnderlineTooltip:"Underline",richTextBulletListTooltip:"Bulleted list",richTextNumberListTooltip:"Numbered list",richTextIncreaseIndentTooltip:"Increase indent",richTextDecreaseIndentTooltip:"Decrease indent",richTextInsertTableTooltip:"Insert table",richTextFormatButtonTooltip:"Format",richTextInsertRowOrColumnMenu:"Insert",richTextInsertTableMenuTitle:"Insert {column} x {row} table",richTextInsertRowAboveMenu:"Insert above",richTextInsertRowBelowMenu:"Insert below",richTextInsertColumnLeftMenu:"Insert left",richTextInsertColumnRightMenu:"Insert right",richTextDeleteRowOrColumnMenu:"Delete",richTextDeleteColumnMenu:"Delete column",richTextDeleteRowMenu:"Delete row",richTextDeleteTableMenu:"Delete table",richTextToolbarMoreButtonAriaLabel:"More options",attachmentMoreMenu:"More Options"};var mentionPopover$k={mentionPopoverHeader:"Suggestions"};var imageOverlay$k={downloadButtonLabel:"Download",dismissButtonAriaLabel:"Close"};var messageStatusIndicator$k={deliveredAriaLabel:"Message sent",deliveredTooltipText:"Sent",seenAriaLabel:"Message seen by others",seenTooltipText:"Seen",readByTooltipText:"Read by {messageThreadReadCount} of {remoteParticipantsCount}",sendingAriaLabel:"Message sending",sendingTooltipText:"Sending",failedToSendAriaLabel:"Message failed to send",failedToSendTooltipText:"Failed to send"};var endCallButton$k={label:"Leave",tooltipContent:"Leave call",leaveOption:"Leave",endCallOption:"End call for everyone"};var cameraButton$k={onLabel:"Camera",offLabel:"Camera",tooltipDisabledContent:"Camera is disabled",tooltipOnContent:"Turn off camera",tooltipOffContent:"Turn on camera",tooltipVideoLoadingContent:"Video is loading",cameraMenuTitle:"Camera",cameraMenuTooltip:"Choose camera",cameraButtonSplitRoleDescription:"Split button",onSplitButtonAriaLabel:"Turn off camera and camera options",offSplitButtonAriaLabel:"Turn on camera and camera options",cameraActionTurnedOnAnnouncement:"Your camera has been turned on",cameraActionTurnedOffAnnouncement:"Your camera has been turned off",onSplitButtonPrimaryActionCamera:"Turn off camera",offSplitButtonPrimaryActionCamera:"Turn on camera",cameraPrimaryActionSplitButtonTitle:"Use camera",videoEffectsMenuItemTitle:"Effects"};var microphoneButton$k={onLabel:"Mic",offLabel:"Mic",tooltipDisabledContent:"Microphone is disabled",tooltipOnContent:"Mute microphone",tooltipOffContent:"Unmute microphone",microphoneMenuTitle:"Microphone",microphoneMenuTooltip:"Choose microphone",speakerMenuTitle:"Speaker",speakerMenuTooltip:"Choose speaker",microphoneButtonSplitRoleDescription:"Split button",onSplitButtonAriaLabel:"Mute microphone and audio options",offSplitButtonAriaLabel:"Unmute microphone and audio options",microphoneActionTurnedOnAnnouncement:"Your microphone has been turned on",microphoneActionTurnedOffAnnouncement:"Your microphone has been turned off",offSplitButtonMicrophonePrimaryAction:"Unmute microphone",onSplitButtonMicrophonePrimaryAction:"Mute microphone",microphonePrimaryActionSplitButtonTitle:"Use microphone"};var devicesButton$k={label:"Devices",tooltipContent:"Manage devices",cameraMenuTitle:"Camera",cameraMenuTooltip:"Choose camera",audioDeviceMenuTitle:"Audio Device",audioDeviceMenuTooltip:"Choose audio device",microphoneMenuTitle:"Microphone",microphoneMenuTooltip:"Choose microphone",speakerMenuTitle:"Speaker",speakerMenuTooltip:"Choose speaker"};var participantsButton$k={label:"People",tooltipContent:"Show participants",menuHeader:"In this call",participantsListButtonLabel:"{numParticipants} people",muteAllButtonLabel:"Mute all",copyInviteLinkButtonLabel:"Copy invite link",copyInviteLinkActionedAriaLabel:"Invite link copied"};var screenShareButton$k={onLabel:"Stop presenting",offLabel:"Present",tooltipDisabledContent:"Presenting is disabled",tooltipOnContent:"Presenting your screen",tooltipOffContent:"Present your screen"};var raiseHandButton$k={offLabel:"Raise",onLabel:"Lower",tooltipDisabledContent:"Raise Hand action is disabled",tooltipOnContent:"Lower Hand",tooltipOffContent:"Raise Hand"};var reactionButton$k={label:"React",ariaLabel:"React Button, Send a reaction",tooltipDisabledContent:"Reaction action is disabled",tooltipContent:"Send a reaction",likeReactionTooltipContent:"Like",heartReactionTooltipContent:"Love",laughReactionTooltipContent:"Laugh",applauseReactionTooltipContent:"Applause",surprisedReactionTooltipContent:"Surprised"};var messageThread$k={yesterday:"Yesterday",sunday:"Sunday",monday:"Monday",tuesday:"Tuesday",wednesday:"Wednesday",thursday:"Thursday",friday:"Friday",saturday:"Saturday",participantJoined:"joined the chat.",participantLeft:"left the chat.",editMessage:"Edit",removeMessage:"Delete",resendMessage:"Try sending again",failToSendTag:"Failed to send",editedTag:"Edited",liveAuthorIntro:"{author} says",messageContentAriaText:"{status} {author} said {message}",messageContentMineAriaText:"{status} You said {message}",editBoxTextLimit:"Your message is over the limit of {limitNumber} characters",editBoxPlaceholderText:"Edit your message",newMessagesIndicator:"New messages",noDisplayNameSub:"No name",editBoxCancelButton:"Cancel",editBoxSubmitButton:"Done",messageReadCount:"Read by {messageReadByCount} of {remoteParticipantsCount}",actionMenuMoreOptions:"More Options",downloadAttachment:"Download file",openAttachment:"Open file",blockedWarningText:"This message was deleted due to organizational policy.",blockedWarningLinkText:"Details",attachmentCardGroupMessage:"The message has {attachmentCount} attachment",messageDeletedAnnouncementAriaLabel:"The message is deleted",richTextBoldTooltip:"Bold",richTextItalicTooltip:"Italic",richTextUnderlineTooltip:"Underline",richTextBulletListTooltip:"Bulleted list",richTextNumberListTooltip:"Numbered list",richTextIncreaseIndentTooltip:"Increase indent",richTextDecreaseIndentTooltip:"Decrease indent",richTextInsertTableTooltip:"Insert table",richTextFormatButtonTooltip:"Format",richTextInsertRowOrColumnMenu:"Insert",richTextInsertTableMenuTitle:"Insert {column} x {row} table",richTextInsertRowAboveMenu:"Insert above",richTextInsertRowBelowMenu:"Insert below",richTextInsertColumnLeftMenu:"Insert left",richTextInsertColumnRightMenu:"Insert right",richTextDeleteRowOrColumnMenu:"Delete",richTextDeleteColumnMenu:"Delete column",richTextDeleteRowMenu:"Delete row",richTextDeleteTableMenu:"Delete table",richTextToolbarMoreButtonAriaLabel:"More options",attachmentUploadsPendingError:"Uploading... Please wait."};var errorBar$k={unableToReachChatService:"You are offline",accessDenied:"Unable to access chat services - please check the user credentials provided",userNotInChatThread:"You are no longer in this chat thread",sendMessageNotInChatThread:"Failed to send message because you are no longer in this chat thread",sendMessageGeneric:"Failed to send message",callingNetworkFailure:"Troubling connecting call - you seem to be offline",startVideoGeneric:"Failed to start video",stopVideoGeneric:"Failed to stop video",muteGeneric:"Failed to mute microphone",unmuteGeneric:"Failed to unmute microphone",speakingWhileMuted:"Your microphone is muted",startScreenShareGeneric:"There was an issue starting screen share.",stopScreenShareGeneric:"Failed to stop screen sharing",callNetworkQualityLow:"Network quality is low.",callNoSpeakerFound:"No speakers or headphones found. Connect an audio device to hear the call.",callNoMicrophoneFound:"No microphones found. Connect an audio input device.",callMicrophoneAccessDenied:"Unable to access microphone. Click the lock in the address bar to grant permission to this webpage.",callMicrophoneAccessDeniedSafari:"Unable to access microphone. Refresh the page to allow permissions, or check this browser’s settings and verify permissions are enabled for this website.",callMicrophoneMutedBySystem:"You are muted by your system.",callMicrophoneUnmutedBySystem:"Your microphone recovered and you were unmuted by your system.",callMacOsMicrophoneAccessDenied:"Unable to access microphone. Grant microphone permission in your macOS privacy settings.",callLocalVideoFreeze:"Network bandwidth is poor. Your video may appear paused for others on the call.",callCameraAccessDenied:"Unable to access camera. Click the lock in the address bar to grant permission to this webpage.",callCameraAccessDeniedSafari:"Unable to access camera. Refresh the page to allow permissions, or check this browser’s settings and verify permissions are enabled for this website.",callCameraAlreadyInUse:"Unable to access camera. It may already be in use by another application.",callVideoStoppedBySystem:"Your video has been stopped by your system.",callVideoRecoveredBySystem:"Your video has resumed.",callMacOsCameraAccessDenied:"MacOS is blocking access to your camera. Update your privacy settings to allow this browser to access your camera.",callMacOsScreenShareAccessDenied:"MacOS is blocking screen sharing. Update your privacy settings to allow this browser to record your screen.",dismissButtonAriaLabel:"Close",failedToJoinCallGeneric:"Failed to join call.",failedToJoinCallInvalidMeetingLink:"Unable to join Meeting. Invalid Link.",cameraFrozenForRemoteParticipants:"Users in the call are having issues seeing your video. Please check your devices and network.",unableToStartVideoEffect:"Unable to apply video effect.",startSpotlightWhileMaxParticipantsAreSpotlighted:"Cannot start spotlight on participant(s) because the maximum number of participants are already spotlighted.",mutedByRemoteParticipant:"You were muted by another participant."};var notificationStack={callingNetworkFailure:{title:"Troubling connecting call",message:"You seem to be offline. Please check your network connection and try again.",closeButtonAriaLabel:"Close"},startVideoGeneric:{title:"Failed to start video.",closeButtonAriaLabel:"Close"},stopVideoGeneric:{title:"Failed to stop video.",closeButtonAriaLabel:"Close"},muteGeneric:{title:"Failed to mute microphone.",closeButtonAriaLabel:"Close"},unmuteGeneric:{title:"Failed to unmute microphone.",closeButtonAriaLabel:"Close"},speakingWhileMuted:{title:"You're muted.",closeButtonAriaLabel:"Close"},startScreenShareGeneric:{title:"There was an issue starting screen share.",closeButtonAriaLabel:"Close"},stopScreenShareGeneric:{title:"Failed to stop screen sharing.",closeButtonAriaLabel:"Close"},callNetworkQualityLow:{title:"Network quality is low.",closeButtonAriaLabel:"Close"},callNoSpeakerFound:{title:"No speakers or headphones found",message:"Connect an audio device to hear the call.",closeButtonAriaLabel:"Close"},callNoMicrophoneFound:{title:"No microphones found",message:"Connect an audio input device.",closeButtonAriaLabel:"Close"},callMicrophoneAccessDenied:{title:"Unable to access microphone",message:"Click the lock in the address bar to grant permission to this webpage.",closeButtonAriaLabel:"Close"},callMicrophoneAccessDeniedSafari:{title:"Unable to access microphone",message:"Refresh the page to allow permissions, or check this browser’s settings and verify permissions are enabled for this website.",closeButtonAriaLabel:"Close"},callMicrophoneMutedBySystem:{title:"You are muted by your system.",closeButtonAriaLabel:"Close"},callMicrophoneUnmutedBySystem:{title:"Your microphone recovered and you were unmuted by your system.",closeButtonAriaLabel:"Close"},callMacOsMicrophoneAccessDenied:{title:"Unable to access microphone",message:"Grant microphone permission in your macOS privacy settings.",closeButtonAriaLabel:"Close"},callLocalVideoFreeze:{title:"Network bandwidth is poor",message:"Your video may appear paused for others on the call.",closeButtonAriaLabel:"Close"},callCameraAccessDenied:{title:"Unable to access camera",message:"Click the lock in the address bar to grant permission to this webpage.",closeButtonAriaLabel:"Close"},callCameraAccessDeniedSafari:{title:"Unable to access camera",message:"Refresh the page to allow permissions, or check this browser’s settings and verify permissions are enabled for this website.",closeButtonAriaLabel:"Close"},callCameraAlreadyInUse:{title:"Unable to access camera",message:"It may already be in use by another application.",closeButtonAriaLabel:"Close"},callVideoStoppedBySystem:{title:"Your video has been stopped by your system.",closeButtonAriaLabel:"Close"},callVideoRecoveredBySystem:{title:"Your video has resumed.",closeButtonAriaLabel:"Close"},callMacOsCameraAccessDenied:{title:"MacOS is blocking access to your camera",message:"Update your privacy settings to allow this browser to access your camera.",closeButtonAriaLabel:"Close"},callMacOsScreenShareAccessDenied:{title:"MacOS is blocking screen sharing",message:"Update your privacy settings to allow this browser to record your screen.",closeButtonAriaLabel:"Close"},failedToJoinCallGeneric:{title:"Failed to join call.",closeButtonAriaLabel:"Close"},failedToJoinCallInvalidMeetingLink:{title:"Unable to join Meeting. Invalid Link.",closeButtonAriaLabel:"Close"},cameraFrozenForRemoteParticipants:{title:"Users in the call are having issues seeing your video",message:"Please check your devices and network.",closeButtonAriaLabel:"Close"},unableToStartVideoEffect:{title:"Unable to apply video effect.",closeButtonAriaLabel:"Close"},startSpotlightWhileMaxParticipantsAreSpotlighted:{title:"Cannot start spotlight on participant(s)",message:"The maximum number of participants are already spotlighted.",closeButtonAriaLabel:"Close"},mutedByRemoteParticipant:{title:"You were muted by another participant.",closeButtonAriaLabel:"Close"},recordingStarted:{title:"Recording has started.",message:"By joining, you are giving consent for this meeting to be transcribed.",closeButtonAriaLabel:"Close"},transcriptionStarted:{title:"Transcription has started.",message:"By joining, you are giving consent for this meeting to be transcribed.",closeButtonAriaLabel:"Close"},recordingStopped:{title:"Recording is being saved.",message:"Recording has stopped.",closeButtonAriaLabel:"Close"},transcriptionStopped:{title:"Transcription is being saved.",message:"Transcription has stopped.",closeButtonAriaLabel:"Close"},recordingAndTranscriptionStarted:{title:"Recording and transcription have started.",message:"By joining, you are giving consent for this meeting to be transcribed.",closeButtonAriaLabel:"Close"},recordingAndTranscriptionStopped:{title:"Recording and transcription are being saved.",message:"Recording and transcription have stopped.",closeButtonAriaLabel:"Close"},recordingStoppedStillTranscribing:{title:"Recording has stopped.",message:"You are now only transcribing this meeting.",closeButtonAriaLabel:"Close"},transcriptionStoppedStillRecording:{title:"Transcription has stopped.",message:"You are now only recording this meeting.",closeButtonAriaLabel:"Close"}};var videoGallery$k={screenIsBeingSharedMessage:"You are sharing your screen",screenShareLoadingMessage:"Loading {participant}'s screen",localVideoLabel:"You",localVideoCameraSwitcherLabel:"Switch camera",localVideoMovementLabel:"Movable Local Video Tile",localVideoMovementAriaLabel:"Movable Local Video Tile",localVideoSelectedDescription:"{cameraName} selected",displayNamePlaceholder:"Unnamed participant",fitRemoteParticipantToFrame:"Fit to frame",fillRemoteParticipantFrame:"Fill frame",pinParticipantForMe:"Pin for me",pinParticipantForMeLimitReached:"Pin (limit reached)",unpinParticipantForMe:"Unpin",pinParticipantMenuItemAriaLabel:"Pin {participantName}",unpinParticipantMenuItemAriaLabel:"Unpin {participantName}",pinnedParticipantAnnouncementAriaLabel:"Pinned {participantName}",unpinnedParticipantAnnouncementAriaLabel:"Unpinned {participantName}",startSpotlightVideoTileMenuLabel:"Spotlight for everyone",addSpotlightVideoTileMenuLabel:"Add spotlight",spotlightLimitReachedMenuTitle:"Spotlight limit reached",stopSpotlightVideoTileMenuLabel:"Stop spotlighting",stopSpotlightOnSelfVideoTileMenuLabel:"Exit spotlight",attendeeRole:"Attendee",muteParticipantMenuItemLabel:"Mute"};var dialpad$k={placeholderText:"Enter phone number",deleteButtonAriaLabel:"Delete"};var holdButton$k={onLabel:"Resume",offLabel:"Hold",tooltipOnContent:"Resume call",tooltipOffContent:"Hold call"};var videoTile$k={participantStateRinging:"Calling...",participantStateHold:"On hold",moreOptionsButtonAriaLabel:"More Options"};var CameraAndMicrophoneSitePermissionsRequest$k={primaryText:"Allow {appName} to use your camera and microphone",secondaryText:"This is so participants can see and hear you.",linkText:"Need help? Get troubleshooting help",primaryButtonText:"Continue without camera and microphone",ariaLabel:"Allow camera and microphone access"};var CameraSitePermissionsRequest$k={primaryText:"Allow {appName} to use your camera",secondaryText:"This is so participants can see you.",linkText:"Need help? Get troubleshooting help",primaryButtonText:"Continue without camera",ariaLabel:"Allow camera access"};var MicrophoneSitePermissionsRequest$k={primaryText:"Allow {appName} to use your microphone",secondaryText:"This is so participants can hear you.",linkText:"Need help? Get troubleshooting help",primaryButtonText:"Continue without microphone",ariaLabel:"Allow microphone access"};var CameraAndMicrophoneSitePermissionsCheck$k={primaryText:"Checking for camera and microphone access",secondaryText:"Allow access if prompted. This is so participants can see and hear you.",linkText:"Need help? Get troubleshooting help",primaryButtonText:"Continue without camera and microphone",ariaLabel:"Checking for camera and microphone access. Allow access if prompted."};var CameraSitePermissionsCheck$k={primaryText:"Checking for camera access",secondaryText:"Allow access if prompted. This is so participants can see you.",linkText:"Need help? Get troubleshooting help",primaryButtonText:"Continue without camera",ariaLabel:"Checking for camera access. Allow access if prompted."};var MicrophoneSitePermissionsCheck$k={primaryText:"Checking for microphone access",secondaryText:"Allow access if prompted. This is so participants can hear you.",linkText:"Need help? Get troubleshooting help",primaryButtonText:"Continue without microphone",ariaLabel:"Checking for microphone access. Allow access if prompted."};var CameraAndMicrophoneSitePermissionsDenied$k={primaryText:"Unable to access camera and microphone",secondaryText:"Click the lock icon in the address bar to grant microphone permissions to this webpage. A page refresh may be required.",primaryButtonText:"Continue without camera and microphone",linkText:"Need help? Get troubleshooting help"};var CameraAndMicrophoneSitePermissionsDeniedSafari$k={primaryText:"Unable to access camera and microphone",secondaryText:"Refresh the page to allow permissions, or check this browser’s settings and verify permissions are enabled for this website.",primaryButtonText:"Continue without camera and microphone",linkText:"Need help? Get troubleshooting help"};var CameraSitePermissionsDenied$k={primaryText:"Unable to access camera",secondaryText:"Click the lock icon in the address bar to grant camera permissions to this webpage. A page refresh may be required.",primaryButtonText:"Continue without camera",linkText:"Need help? Get troubleshooting help"};var MicrophoneSitePermissionsDenied$k={primaryText:"Unable to access microphone",secondaryText:"Click the lock icon in the address bar to grant microphone permissions to this webpage. A page refresh may be required.",primaryButtonText:"Continue without microphone",linkText:"Need help? Get troubleshooting help"};var CameraSitePermissionsDeniedSafari$k={primaryText:"Unable to access camera",secondaryText:"Refresh the page to allow permissions, or check this browser’s settings and verify permissions are enabled for this website.",primaryButtonText:"Continue without camera",linkText:"Need help? Get troubleshooting help"};var MicrophoneSitePermissionsDeniedSafari$k={primaryText:"Unable to access microphone",secondaryText:"Refresh the page to allow permissions, or check this browser’s settings and verify permissions are enabled for this website.",primaryButtonText:"Continue without microphone",linkText:"Need help? Get troubleshooting help"};var UnsupportedBrowser$l={primaryText:"Browser not supported",secondaryText:"Please join this call using a compatible browser.",moreHelpLinkText:"See compatibility requirements"};var UnsupportedBrowserVersion$l={primaryText:"Browser update needed",secondaryText:"To ensure the best call possible, please update your browser and then try joining the call again.",moreHelpLinkText:"See compatibility requirements",continueAnywayButtonText:"Start call without updating"};var UnsupportedOperatingSystem$l={primaryText:"Operating system not supported",secondaryText:"Please join this call using a device with a compatible operating system.",moreHelpLinkText:"See compatibility requirements"};var BrowserPermissionDenied$k={primaryText:"Can't use your camera or microphone",secondaryText:"Your browser might not have access to your camera or microphone. To fix this, open System Preferences.",primaryButtonText:"Try again",linkText:"Need help? Get troubleshooting help"};var BrowserPermissionDeniedIOS$k={primaryText:"Allow microphone access to continue",secondaryText:"So other participants can hear you.",primaryButtonText:"Try again",imageAltText:"Microphone and camera device permission location for iOS",linkText:"Need help? Get troubleshooting help",step1Text:"Go to the Settings app",step2Text:"Scroll down to settings for this browser",step3Text:"Turn on Microphone (Camera optional)",step4Text:"Try joining the call again",step1DigitText:"1",step2DigitText:"2",step3DigitText:"3",step4DigitText:"4"};var verticalGallery$k={leftNavButtonAriaLabel:"previous page",rightNavButtonAriaLabel:"next page"};var MeetingConferencePhoneInfo$k={meetingConferencePhoneInfoModalTitle:"Join call from your phone",meetingConferencePhoneInfoModalDialIn:"Dial number",meetingConferencePhoneInfoModalMeetingId:"Enter meeting ID",meetingConferencePhoneInfoModalWait:"Wait to be admitted by organizer",meetingConferencePhoneInfoModalNoPhoneAvailable:"No phone available",meetingConferencePhoneInfoModalTollGeoData:"{country}, {city}",meetingConferencePhoneInfoModalTollFree:"(Toll-free)",meetingConferencePhoneInfoModalToll:"(Toll)"};var en_US$1 = {participantItem:participantItem$k,ParticipantList:ParticipantList$l,typingIndicator:typingIndicator$k,sendBox:sendBox$k,richTextSendBox:richTextSendBox$k,mentionPopover:mentionPopover$k,imageOverlay:imageOverlay$k,messageStatusIndicator:messageStatusIndicator$k,endCallButton:endCallButton$k,cameraButton:cameraButton$k,microphoneButton:microphoneButton$k,devicesButton:devicesButton$k,participantsButton:participantsButton$k,screenShareButton:screenShareButton$k,raiseHandButton:raiseHandButton$k,reactionButton:reactionButton$k,messageThread:messageThread$k,errorBar:errorBar$k,notificationStack:notificationStack,videoGallery:videoGallery$k,dialpad:dialpad$k,holdButton:holdButton$k,videoTile:videoTile$k,CameraAndMicrophoneSitePermissionsRequest:CameraAndMicrophoneSitePermissionsRequest$k,CameraSitePermissionsRequest:CameraSitePermissionsRequest$k,MicrophoneSitePermissionsRequest:MicrophoneSitePermissionsRequest$k,CameraAndMicrophoneSitePermissionsCheck:CameraAndMicrophoneSitePermissionsCheck$k,CameraSitePermissionsCheck:CameraSitePermissionsCheck$k,MicrophoneSitePermissionsCheck:MicrophoneSitePermissionsCheck$k,CameraAndMicrophoneSitePermissionsDenied:CameraAndMicrophoneSitePermissionsDenied$k,CameraAndMicrophoneSitePermissionsDeniedSafari:CameraAndMicrophoneSitePermissionsDeniedSafari$k,CameraSitePermissionsDenied:CameraSitePermissionsDenied$k,MicrophoneSitePermissionsDenied:MicrophoneSitePermissionsDenied$k,CameraSitePermissionsDeniedSafari:CameraSitePermissionsDeniedSafari$k,MicrophoneSitePermissionsDeniedSafari:MicrophoneSitePermissionsDeniedSafari$k,UnsupportedBrowser:UnsupportedBrowser$l,UnsupportedBrowserVersion:UnsupportedBrowserVersion$l,UnsupportedOperatingSystem:UnsupportedOperatingSystem$l,BrowserPermissionDenied:BrowserPermissionDenied$k,BrowserPermissionDeniedIOS:BrowserPermissionDeniedIOS$k,verticalGallery:verticalGallery$k,MeetingConferencePhoneInfo:MeetingConferencePhoneInfo$k};
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
@@ -6430,8 +6447,23 @@ const customNotificationIconName = {
     callMacOsCameraAccessDenied: 'ErrorBarCallMacOsCameraAccessDenied',
     /* @conditional-compile-remove(soft-mute) */
     mutedByRemoteParticipant: 'ErrorBarMutedByRemoteParticipant',
+    speakingWhileMuted: 'ErrorBarCallMicrophoneMutedBySystem',
+    /* @conditional-compile-remove(notifications) */
+    recordingStarted: 'NotificationBarRecording',
+    /* @conditional-compile-remove(notifications) */
+    transcriptionStarted: 'NotificationBarRecording',
+    /* @conditional-compile-remove(notifications) */
+    recordingStopped: 'NotificationBarRecording',
+    /* @conditional-compile-remove(notifications) */
+    transcriptionStopped: 'NotificationBarRecording',
     /* @conditional-compile-remove(notifications) */
-    speakingWhileMuted: 'ErrorBarCallMicrophoneMutedBySystem'
+    recordingAndTranscriptionStarted: 'NotificationBarRecording',
+    /* @conditional-compile-remove(notifications) */
+    recordingAndTranscriptionStopped: 'NotificationBarRecording',
+    /* @conditional-compile-remove(notifications) */
+    recordingStoppedStillTranscribing: 'NotificationBarRecording',
+    /* @conditional-compile-remove(notifications) */
+    transcriptionStoppedStillRecording: 'NotificationBarRecording'
 };
 /**
  * @private
@@ -7132,6 +7164,8 @@ const DEFAULT_COMPONENT_ICONS = {
     ErrorBarCallVideoStoppedBySystem: React.createElement(reactIcons.VideoProhibited16Filled, null),
     /* @conditional-compile-remove(soft-mute) */
     ErrorBarMutedByRemoteParticipant: React.createElement(reactIcons.MicOff16Regular, null),
+    /* @conditional-compile-remove(notifications) */
+    NotificationBarRecording: React.createElement(reactIcons.Record16Regular, null),
     HorizontalGalleryLeftButton: React.createElement(GalleryLeftButton, null),
     HorizontalGalleryRightButton: React.createElement(GalleryRightButton, null),
     MessageDelivered: React.createElement(reactIcons.CheckmarkCircle16Regular, null),
@@ -8363,7 +8397,7 @@ const _MentionPopover = (props) => {
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var __awaiter$E = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$F = (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); } }
@@ -8549,7 +8583,7 @@ const TextFieldWithMention = (props) => {
         onSuggestionSelected,
         updateMentionSuggestions
     ]);
-    const debouncedQueryUpdate = useDebounce.useDebouncedCallback((query) => __awaiter$E(void 0, void 0, void 0, function* () {
+    const debouncedQueryUpdate = useDebounce.useDebouncedCallback((query) => __awaiter$F(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() !== '');
@@ -8726,7 +8760,7 @@ const TextFieldWithMention = (props) => {
             });
         }
     }, [updateSelectionIndexesWithMentionIfNeeded, setSelectionStartValue, setSelectionEndValue]);
-    const handleOnChange = React.useCallback((_b) => __awaiter$E(void 0, [_b], void 0, function* ({ currentSelectionEnd, currentSelectionStart, currentTriggerStartIndex, event, htmlTextValue, inputTextValue, previousSelectionEnd, previousSelectionStart, tagsValue, updatedValue }) {
+    const handleOnChange = React.useCallback((_b) => __awaiter$F(void 0, [_b], void 0, function* ({ currentSelectionEnd, currentSelectionStart, currentTriggerStartIndex, event, htmlTextValue, inputTextValue, previousSelectionEnd, previousSelectionStart, tagsValue, updatedValue }) {
         var _c;
         debouncedQueryUpdate.cancel();
         if (event.currentTarget === null) {
@@ -9235,7 +9269,7 @@ const ATTACHMENT_CARD_MIN_PROGRESS = 0.05;
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var __awaiter$D = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$E = (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); } }
@@ -9317,7 +9351,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$D(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$E(void 0, void 0, void 0, function* () {
                         try {
                             yield menuItem.onClick(attachment);
                         }
@@ -9474,6 +9508,27 @@ const hasIncompleteAttachmentUploads = (attachmentsWithProgress) => {
 const isAttachmentUploadCompleted = (attachmentsWithProgress) => {
     return !!(attachmentsWithProgress === null || attachmentsWithProgress === void 0 ? void 0 : attachmentsWithProgress.find((attachment) => !attachment.error));
 };
+/* @conditional-compile-remove(rich-text-editor-image-upload) */
+/**
+ * @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) => {
+    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 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 newMessage = document.body.innerHTML;
+    return newMessage;
+};
 /**
  * @private
  */
@@ -9510,6 +9565,66 @@ hasCompletedAttachmentUploads, hasError, disabled }) => {
         hasError ||
         disabled);
 };
+/* @conditional-compile-remove(rich-text-editor-image-upload) */
+/**
+ * @internal
+ */
+const cancelInlineImageUpload = (imageSrcArray, imageUploadsInProgress, onCancelInlineImageUpload) => {
+    if (imageSrcArray && imageUploadsInProgress && (imageUploadsInProgress === null || imageUploadsInProgress === void 0 ? void 0 : imageUploadsInProgress.length) > 0) {
+        imageUploadsInProgress === null || imageUploadsInProgress === void 0 ? void 0 : imageUploadsInProgress.map((uploadImage) => {
+            if (uploadImage.url && imageSrcArray && !(imageSrcArray === null || imageSrcArray === void 0 ? void 0 : imageSrcArray.includes(uploadImage.url))) {
+                onCancelInlineImageUpload === null || onCancelInlineImageUpload === void 0 ? void 0 : onCancelInlineImageUpload(uploadImage.id);
+            }
+        });
+    }
+};
+/* @conditional-compile-remove(file-sharing-acs) */
+/* @conditional-compile-remove(rich-text-editor-image-upload) */
+/**
+ * @internal
+ */
+const toAttachmentMetadata = (attachmentsWithProgress, 
+/* @conditional-compile-remove(rich-text-editor-image-upload) */ attachmentType) => {
+    return attachmentsWithProgress === null || attachmentsWithProgress === void 0 ? void 0 : attachmentsWithProgress.filter((attachment) => {
+        var _a;
+        return !('error' in attachment) && !((_a = attachment.error) === null || _a === void 0 ? void 0 : _a.message);
+    }).map((attachment) => {
+        let url = attachment.url || '';
+        /* @conditional-compile-remove(rich-text-editor-image-upload) */
+        if (attachmentType === 'image') {
+            url = '';
+        }
+        return {
+            id: attachment.id,
+            name: attachment.name,
+            url,
+            /* @conditional-compile-remove(rich-text-editor-image-upload) */
+            attachmentType: attachmentType
+        };
+    });
+};
+/* @conditional-compile-remove(file-sharing-acs) */
+/* @conditional-compile-remove(rich-text-editor-image-upload) */
+/**
+ * @internal
+ */
+const insertAttachmentsAndImages = (content, attachments, imageUploadsInProgress) => {
+    if (!attachments && !imageUploadsInProgress) {
+        return { content, attachmentArray: undefined };
+    }
+    /* @conditional-compile-remove(file-sharing-acs) */
+    let attachmentArray = toAttachmentMetadata(attachments);
+    let newContent = content;
+    /* @conditional-compile-remove(rich-text-editor-image-upload) */
+    if (imageUploadsInProgress) {
+        newContent = addUploadedImagesToMessage(content, imageUploadsInProgress);
+        const imageArray = toAttachmentMetadata(imageUploadsInProgress, 'image');
+        if (imageArray) {
+            attachmentArray = attachmentArray ? attachmentArray === null || attachmentArray === void 0 ? void 0 : attachmentArray.concat(imageArray) : imageArray;
+        }
+    }
+    return { content: newContent, attachmentArray };
+};
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
@@ -10335,6 +10450,9 @@ const richTextEditorWrapperStyle = (theme, addTopOffset) => {
                     verticalAlign: 'top'
                 }
             }
+        },
+        '& img': {
+            width: '119px'
         }
     });
 };
@@ -10533,7 +10651,7 @@ const insertTableMenuCellButtonStyles = (theme) => {
     return {
         width: '24px',
         height: '24px',
-        border: `solid 0.5px ${theme.palette.neutralSecondaryAlt}`,
+        border: `solid 1px ${theme.palette.neutralSecondaryAlt}`,
         cursor: 'pointer',
         background: 'transparent'
     };
@@ -10544,7 +10662,7 @@ const insertTableMenuCellButtonStyles = (theme) => {
 const insertTableMenuCellButtonSelectedStyles = (theme) => {
     return {
         background: theme.palette.themePrimary,
-        border: `solid 0.5px ${theme.palette.themeLighterAlt}`
+        border: `solid 1px ${theme.palette.themeLighterAlt}`
     };
 };
 /**
@@ -10562,7 +10680,7 @@ const insertTableMenuFocusZone = (theme) => {
     return react.mergeStyles({
         display: 'inline-grid',
         gridTemplateColumns: 'auto auto auto auto auto',
-        border: `solid 0.5px ${theme.palette.neutralSecondaryAlt}`
+        border: `solid 1px ${theme.palette.neutralSecondaryAlt}`
     });
 };
 /**
@@ -10670,6 +10788,8 @@ class CopyPastePlugin {
     dispose() { }
     onPluginEvent(event) {
         handleBeforePasteEvent(event, /* @conditional-compile-remove(rich-text-editor-image-upload) */ this.onPaste);
+        /* @conditional-compile-remove(rich-text-editor-image-upload) */
+        handleInlineImage(event, this.onUploadInlineImage);
         if (this.editor !== null && !this.editor.isDisposed()) {
             // scroll the editor to the correct position after pasting content
             scrollToBottomAfterContentPaste(event);
@@ -10685,6 +10805,29 @@ const handleBeforePasteEvent = (event,
         return;
     }
 };
+/* @conditional-compile-remove(rich-text-editor-image-upload) */
+/**
+ * @internal
+ * Exported only for unit testing
+ */
+const handleInlineImage = (event, onUploadInlineImage) => {
+    if (event.eventType === PluginEventType.BeforePaste && event.pasteType === 'normal' && onUploadInlineImage) {
+        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.png';
+            // If the image src is an external url, call the onUploadInlineImage callback with the url.
+            let imageUrl = image.src;
+            if (image.src.startsWith('data:image/')) {
+                const blobImage = _base64ToBlob(image.src);
+                imageUrl = URL.createObjectURL(blobImage);
+            }
+            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
+        });
+    }
+};
 /**
  * Update the scroll position of the editor after pasting content to ensure the content is visible.
  * @param event - The plugin event.
@@ -10759,6 +10902,11 @@ var UpdateEvent;
     UpdateEvent["UserInput"] = "UserInput";
     UpdateEvent["Blur"] = "Blur";
 })(UpdateEvent || (UpdateEvent = {}));
+var Keys;
+(function (Keys) {
+    Keys[Keys["BACKSPACE"] = 8] = "BACKSPACE";
+    Keys[Keys["DELETE"] = 46] = "DELETE";
+})(Keys || (Keys = {}));
 /**
  * A plugin to handle content update
  */
@@ -10796,9 +10944,11 @@ class UpdateContentPlugin {
         }
     }
     onPluginEvent(event) {
+        var _a;
         if (this.onUpdate === null) {
             return;
         }
+        let imageSrcArray;
         switch (event.eventType) {
             case PluginEventType.EditorReady:
                 this.onUpdate(UpdateEvent.Init);
@@ -10807,7 +10957,26 @@ class UpdateContentPlugin {
                 this.onUpdate(UpdateEvent.Dispose);
                 break;
             case PluginEventType.ContentChanged:
-                this.onUpdate(UpdateEvent.ContentChanged);
+                if (event.source.toLowerCase() === 'cut' ||
+                    (event.source.toLowerCase() === 'keyboard' && (event.data === Keys.BACKSPACE || event.data === Keys.DELETE))) {
+                    (_a = event.contentModel) === null || _a === void 0 ? void 0 : _a.blocks.map((block) => {
+                        if (block.blockType === 'Paragraph') {
+                            const segments = block.segments;
+                            segments.map((segment) => {
+                                if (segment.segmentType === 'Image') {
+                                    if (!imageSrcArray) {
+                                        imageSrcArray = [];
+                                    }
+                                    imageSrcArray === null || imageSrcArray === void 0 ? void 0 : imageSrcArray.push(segment.src);
+                                }
+                            });
+                        }
+                    });
+                }
+                else {
+                    imageSrcArray = undefined;
+                }
+                this.onUpdate(UpdateEvent.ContentChanged, imageSrcArray);
                 break;
             case PluginEventType.Input:
                 this.onUpdate(UpdateEvent.UserInput);
@@ -11443,7 +11612,9 @@ class PlaceholderPlugin extends roosterjsContentModelPlugins.WatermarkPlugin {
 const RichTextEditor = React.forwardRef((props, ref) => {
     const { initialContent, onChange, placeholderText, strings, showRichTextEditorFormatting, autoFocus, onKeyDown, onContentModelUpdate, contentModel, 
     /* @conditional-compile-remove(rich-text-editor-image-upload) */
-    onPaste } = props;
+    onPaste, 
+    /* @conditional-compile-remove(rich-text-editor-image-upload) */
+    onUploadInlineImage } = props;
     const editor = React.useRef(null);
     const editorDiv = React.useRef(null);
     const theme = useTheme();
@@ -11457,15 +11628,18 @@ const RichTextEditor = React.forwardRef((props, ref) => {
             },
             setEmptyContent() {
                 if (editor.current) {
-                    editor.current.formatContentModel;
                     // remove all content from the editor and update the model
                     // ContentChanged event will be sent by RoosterJS automatically
                     editor.current.formatContentModel((model) => {
-                        model.blocks = [];
+                        // Create a new empty paragraph with selection marker
+                        // this is needed for correct processing of images after the content is deleted
+                        const block = roosterjsContentModelDom.createParagraph(true);
+                        setSelectionAfterLastSegment(model, block);
+                        model.blocks = [block];
                         return true;
                     });
                     //reset content model
-                    onContentModelUpdate && onContentModelUpdate(undefined);
+                    onContentModelUpdate && onContentModelUpdate(editor.current.getContentModelCopy('disconnected'));
                 }
             },
             getPlainContent() {
@@ -11508,9 +11682,12 @@ const RichTextEditor = React.forwardRef((props, ref) => {
     const updatePlugin = React.useMemo(() => {
         return new UpdateContentPlugin();
     }, []);
+    const copyPastePlugin = React.useMemo(() => {
+        return new CopyPastePlugin();
+    }, []);
     React.useEffect(() => {
         // don't set callback in plugin constructor to update callback without plugin recreation
-        updatePlugin.onUpdate = (event) => {
+        updatePlugin.onUpdate = (event, imageSrcArray) => {
             if (editor.current === null) {
                 return;
             }
@@ -11518,10 +11695,14 @@ const RichTextEditor = React.forwardRef((props, ref) => {
                 onContentModelUpdate && onContentModelUpdate(editor.current.getContentModelCopy('disconnected'));
             }
             else {
-                onChange && onChange(roosterjsContentModelCore.exportContent(editor.current));
+                onChange && onChange(roosterjsContentModelCore.exportContent(editor.current), imageSrcArray);
             }
         };
     }, [onChange, onContentModelUpdate, updatePlugin]);
+    /* @conditional-compile-remove(rich-text-editor-image-upload) */
+    React.useEffect(() => {
+        copyPastePlugin.onUploadInlineImage = onUploadInlineImage;
+    }, [copyPastePlugin, onUploadInlineImage]);
     const keyboardInputPlugin = React.useMemo(() => {
         return new KeyboardInputPlugin();
     }, []);
@@ -11545,9 +11726,6 @@ const RichTextEditor = React.forwardRef((props, ref) => {
     const onContextMenuDismiss = React.useCallback(() => {
         setContextMenuProps(null);
     }, []);
-    const copyPastePlugin = React.useMemo(() => {
-        return new CopyPastePlugin();
-    }, []);
     /* @conditional-compile-remove(rich-text-editor-image-upload) */
     React.useEffect(() => {
         copyPastePlugin.onPaste = onPaste;
@@ -11645,13 +11823,16 @@ const createEditorInitialModel = (initialContent, contentModel) => {
                 lastBlock = roosterjsContentModelDom.createParagraph(true);
                 initialModel.blocks.push(lastBlock);
             }
-            const marker = roosterjsContentModelDom.createSelectionMarker();
-            lastBlock.segments.push(marker);
-            roosterjsContentModelDom.setSelection(initialModel, marker);
+            setSelectionAfterLastSegment(initialModel, lastBlock);
         }
         return initialModel;
     }
 };
+const setSelectionAfterLastSegment = (model, block) => {
+    const marker = roosterjsContentModelDom.createSelectionMarker();
+    block.segments.push(marker);
+    roosterjsContentModelDom.setSelection(model, marker);
+};
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
@@ -11695,7 +11876,9 @@ const RichTextInputBoxComponent = (props) => {
     /* @conditional-compile-remove(file-sharing-acs) */
     onRenderAttachmentUploads, 
     /* @conditional-compile-remove(file-sharing-acs) */
-    hasAttachments, richTextEditorStyleProps, isHorizontalLayoutDisabled = false, autoFocus, onTyping } = props;
+    hasAttachments, richTextEditorStyleProps, isHorizontalLayoutDisabled = false, autoFocus, onTyping, 
+    /* @conditional-compile-remove(rich-text-editor-image-upload) */
+    onUploadInlineImage } = props;
     const theme = useTheme();
     // undefined is used to indicate that the rich text editor toolbar state wasn't changed yet
     const [showRichTextEditorFormatting, setShowRichTextEditorFormatting] = React.useState(undefined);
@@ -11768,7 +11951,9 @@ const RichTextInputBoxComponent = (props) => {
                 React.createElement(react.Stack.Item, { className: inputBoxRichTextStackItemStyle },
                     React.createElement(RichTextEditor, { contentModel: contentModel, initialContent: initialContent, placeholderText: placeholderText, onChange: onChange, onKeyDown: onKeyDown, ref: editorComponentRef, strings: strings, showRichTextEditorFormatting: showRichTextEditorFormatting === true, styles: richTextEditorStyle, autoFocus: autoFocus, onContentModelUpdate: onContentModelUpdate, 
                         /* @conditional-compile-remove(rich-text-editor-image-upload) */
-                        onPaste: props.onPaste })), /* @conditional-compile-remove(file-sharing-acs) */
+                        onPaste: props.onPaste, 
+                        /* @conditional-compile-remove(rich-text-editor-image-upload) */
+                        onUploadInlineImage: onUploadInlineImage })), /* @conditional-compile-remove(file-sharing-acs) */
                 onRenderAttachmentUploads && onRenderAttachmentUploads()),
             actionButtons)));
 };
@@ -11853,7 +12038,13 @@ const RichTextSendBox = (props) => {
     /* @conditional-compile-remove(file-sharing-acs) */
     onCancelAttachmentUpload, 
     /* @conditional-compile-remove(rich-text-editor-image-upload) */
-    onPaste } = props;
+    onPaste, 
+    /* @conditional-compile-remove(rich-text-editor-image-upload) */
+    onUploadInlineImage, 
+    /* @conditional-compile-remove(rich-text-editor-image-upload) */
+    imageUploadsInProgress, 
+    /* @conditional-compile-remove(rich-text-editor-image-upload) */
+    onCancelInlineImageUpload } = props;
     const theme = useTheme();
     const locale = useLocale$1();
     const localeStrings = React.useMemo(() => {
@@ -11878,6 +12069,22 @@ const RichTextSendBox = (props) => {
         setContentValueOverflow(isMessageTooLong(newValue.length));
         setContentValue(newValue);
     }, []);
+    const onChangeHandler = React.useCallback((newValue, 
+    /* @conditional-compile-remove(rich-text-editor-image-upload) */ imageSrcArray) => {
+        /* @conditional-compile-remove(rich-text-editor-image-upload) */
+        if (imageSrcArray && imageUploadsInProgress && (imageUploadsInProgress === null || imageUploadsInProgress === void 0 ? void 0 : imageUploadsInProgress.length) > 0) {
+            imageUploadsInProgress === null || imageUploadsInProgress === void 0 ? void 0 : imageUploadsInProgress.map((uploadImage) => {
+                if (uploadImage.url && imageSrcArray && !(imageSrcArray === null || imageSrcArray === void 0 ? void 0 : imageSrcArray.includes(uploadImage.url))) {
+                    onCancelInlineImageUpload === null || onCancelInlineImageUpload === void 0 ? void 0 : onCancelInlineImageUpload(uploadImage.id);
+                }
+            });
+        }
+        setContent(newValue);
+    }, [
+        setContent,
+        /* @conditional-compile-remove(rich-text-editor-image-upload) */ onCancelInlineImageUpload,
+        /* @conditional-compile-remove(rich-text-editor-image-upload) */ imageUploadsInProgress
+    ]);
     const hasContent = React.useMemo(() => {
         var _a;
         // get plain text content from the editor to check if the message is empty
@@ -11885,20 +12092,6 @@ const RichTextSendBox = (props) => {
         const plainTextContent = (_a = editorComponentRef.current) === null || _a === void 0 ? void 0 : _a.getPlainContent();
         return sanitizeText(contentValue !== null && contentValue !== void 0 ? contentValue : '').length > 0 && sanitizeText(plainTextContent !== null && plainTextContent !== void 0 ? plainTextContent : '').length > 0;
     }, [contentValue]);
-    /* @conditional-compile-remove(file-sharing-acs) */
-    const toAttachmentMetadata = React.useCallback((attachmentsWithProgress) => {
-        return attachmentsWithProgress === null || attachmentsWithProgress === void 0 ? void 0 : attachmentsWithProgress.filter((attachment) => {
-            var _a;
-            return !('error' in attachment) && !((_a = attachment.error) === null || _a === void 0 ? void 0 : _a.message);
-        }).map((attachment) => {
-            var _a;
-            return {
-                id: attachment.id,
-                name: attachment.name,
-                url: (_a = attachment.url) !== null && _a !== void 0 ? _a : ''
-            };
-        });
-    }, []);
     const sendMessageOnClick = React.useCallback(() => {
         var _a, _b;
         if (disabled || contentValueOverflow) {
@@ -11908,19 +12101,32 @@ const RichTextSendBox = (props) => {
         /* @conditional-compile-remove(file-sharing-acs) */
         setAttachmentUploadsPendingError(undefined);
         /* @conditional-compile-remove(file-sharing-acs) */
-        if (hasIncompleteAttachmentUploads(attachments)) {
+        /* @conditional-compile-remove(rich-text-editor-image-upload) */
+        if (
+        /* @conditional-compile-remove(file-sharing-acs) */ hasIncompleteAttachmentUploads(attachments) ||
+            /* @conditional-compile-remove(rich-text-editor-image-upload) */ hasIncompleteAttachmentUploads(imageUploadsInProgress)) {
             setAttachmentUploadsPendingError({ message: strings.attachmentUploadsPendingError, timestamp: Date.now() });
             return;
         }
-        const message = contentValue;
+        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)) {
+        if (hasContent ||
+            /* @conditional-compile-remove(file-sharing-acs) */ isAttachmentUploadCompleted(attachments) ||
+            /* @conditional-compile-remove(rich-text-editor-image-upload) */ isAttachmentUploadCompleted(imageUploadsInProgress)) {
+            /* @conditional-compile-remove(file-sharing-acs) */
+            /* @conditional-compile-remove(rich-text-editor-image-upload) */
+            const { content, attachmentArray } = insertAttachmentsAndImages(contentValue, 
+            /* @conditional-compile-remove(file-sharing-acs) */ attachments, 
+            /* @conditional-compile-remove(rich-text-editor-image-upload) */ imageUploadsInProgress);
+            /* @conditional-compile-remove(rich-text-editor-image-upload) */
+            message = content;
             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-image-upload) */
+                attachments: attachmentArray,
                 /* @conditional-compile-remove(rich-text-editor-composite-support) */
                 type: 'html'
             });
@@ -11933,29 +12139,34 @@ const RichTextSendBox = (props) => {
         contentValueOverflow,
         /* @conditional-compile-remove(file-sharing-acs) */
         attachments,
+        /* @conditional-compile-remove(rich-text-editor-image-upload) */
+        imageUploadsInProgress,
         contentValue,
         hasContent,
         /* @conditional-compile-remove(file-sharing-acs) */
+        /* @conditional-compile-remove(rich-text-editor-image-upload) */
         strings.attachmentUploadsPendingError,
-        onSendMessage,
-        /* @conditional-compile-remove(file-sharing-acs) */
-        toAttachmentMetadata
+        onSendMessage
     ]);
     const hasErrorMessage = React.useMemo(() => {
-        var _a;
+        var _a, _b;
         return (!!systemMessage ||
             !!contentTooLongMessage ||
             /* @conditional-compile-remove(file-sharing-acs) */
             !!attachmentUploadsPendingError ||
             /* @conditional-compile-remove(file-sharing-acs) */
-            !!((_a = attachments === null || attachments === void 0 ? void 0 : attachments.filter((attachmentUpload) => attachmentUpload.error).pop()) === null || _a === void 0 ? void 0 : _a.error));
+            !!((_a = attachments === null || attachments === void 0 ? void 0 : attachments.filter((attachmentUpload) => attachmentUpload.error).pop()) === null || _a === void 0 ? void 0 : _a.error) ||
+            /* @conditional-compile-remove(rich-text-editor-image-upload) */
+            !!((_b = imageUploadsInProgress === null || imageUploadsInProgress === void 0 ? void 0 : imageUploadsInProgress.filter((image) => image.error).pop()) === null || _b === void 0 ? void 0 : _b.error));
     }, [
         /* @conditional-compile-remove(file-sharing-acs) */
         attachments,
         contentTooLongMessage,
         /* @conditional-compile-remove(file-sharing-acs) */
         attachmentUploadsPendingError,
-        systemMessage
+        systemMessage,
+        /* @conditional-compile-remove(rich-text-editor-image-upload) */
+        imageUploadsInProgress
     ]);
     const onRenderSendIcon = React.useCallback((isHover) => {
         return (React.createElement(react.Icon, { iconName: isHover && hasContent ? 'SendBoxSendHovered' : 'SendBoxSend', className: sendIconStyle({
@@ -12034,13 +12245,15 @@ const RichTextSendBox = (props) => {
     }, [attachments]);
     return (React.createElement(react.Stack, null,
         React.createElement(RichTextSendBoxErrors, Object.assign({}, sendBoxErrorsProps)),
-        React.createElement(RichTextInputBoxComponent, { placeholderText: strings.placeholderText, autoFocus: autoFocus, onChange: setContent, onEnterKeyDown: sendMessageOnClick, onTyping: onTyping, editorComponentRef: editorComponentRef, strings: strings, disabled: disabled, actionComponents: sendButton, richTextEditorStyleProps: sendBoxRichTextEditorStyle, 
+        React.createElement(RichTextInputBoxComponent, { placeholderText: strings.placeholderText, autoFocus: autoFocus, onChange: onChangeHandler, onEnterKeyDown: sendMessageOnClick, onTyping: onTyping, editorComponentRef: editorComponentRef, strings: strings, disabled: disabled, actionComponents: sendButton, richTextEditorStyleProps: sendBoxRichTextEditorStyle, 
             /* @conditional-compile-remove(file-sharing-acs) */
             onRenderAttachmentUploads: onRenderAttachmentUploads, 
             /* @conditional-compile-remove(file-sharing-acs) */
             hasAttachments: hasAttachmentUploads, 
             /* @conditional-compile-remove(rich-text-editor-image-upload) */
-            onPaste: onPaste })));
+            onPaste: onPaste, 
+            /* @conditional-compile-remove(rich-text-editor-image-upload) */
+            onUploadInlineImage: onUploadInlineImage })));
 };
 
 // Copyright (c) Microsoft Corporation.
@@ -12114,6 +12327,26 @@ const MessageStatusIndicatorIconStyle = react.mergeStyles({
     height: `${MESSAGE_STATUS_INDICATOR_SIZE_REM}rem`
 });
 
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+/**
+ * @private
+ */
+const scrollbarStyles = {
+    '::-webkit-scrollbar, *::-webkit-scrollbar': {
+        width: '0.3rem',
+        height: '0.3rem'
+    },
+    '::-webkit-scrollbar-thumb, *::-webkit-scrollbar-thumb': {
+        borderRadius: '10px',
+        background: 'rgba(150, 150, 150)'
+    }
+};
+/**
+ * @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';
+
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 // Minimum chat bubble width. This matches the minimum chat bubble width from FluentUI
@@ -12307,6 +12540,23 @@ const useChatMessageStyles = reactComponents.makeStyles({
             top: '0',
             left: '0',
             display: 'block'
+        },
+        '& .broken-image-wrapper': {
+            width: '12rem',
+            height: '12rem',
+            marginTop: '0.75rem',
+            display: 'flex',
+            justifyContent: 'center',
+            alignItems: 'center',
+            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");`,
+            width: '3rem',
+            height: '3rem',
+            backgroundColor: `${reactComponents.tokens.colorNeutralForeground2}`
         }
     },
     bodyWithoutAvatar: {
@@ -12698,7 +12948,7 @@ const MessageStatusIndicatorInternal = (props) => {
     switch (status) {
         case 'failed':
             return (React.createElement(react.TooltipHost, { content: strings.failedToSendTooltipText, "data-ui-id": "chat-composite-message-tooltip", calloutProps: Object.assign({}, calloutProps), styles: hostStyles$1 },
-                React.createElement(MemoMessageStatusIcon, { shouldAnnounce: shouldAnnounce, iconName: "MessageFailed", iconClassName: react.mergeStyles(MessageStatusIndicatorErrorIconStyle, { color: theme.palette.redDark }, styles === null || styles === void 0 ? void 0 : styles.root), ariaLabel: strings.failedToSendAriaLabel })));
+                React.createElement(MemoMessageStatusIcon, { shouldAnnounce: shouldAnnounce, iconName: "MessageFailed", iconClassName: react.mergeStyles(MessageStatusIndicatorErrorIconStyle, { color: isDarkThemed(theme) ? theme.semanticColors.errorText : theme.palette.redDark }, styles === null || styles === void 0 ? void 0 : styles.root), ariaLabel: strings.failedToSendAriaLabel })));
         case 'sending':
             return (React.createElement(react.TooltipHost, { content: strings.sendingTooltipText, "data-ui-id": "chat-composite-message-tooltip", calloutProps: Object.assign({}, calloutProps), styles: hostStyles$1 },
                 React.createElement(MemoMessageStatusIcon, { shouldAnnounce: shouldAnnounce, iconName: "MessageSending", iconClassName: react.mergeStyles(MessageStatusIndicatorIconStyle, { color: theme.palette.themePrimary }, styles === null || styles === void 0 ? void 0 : styles.root), ariaLabel: strings.sendingAriaLabel })));
@@ -13986,7 +14236,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-DeZQ3bKG.js'); }));
+const ChatMessageComponentAsRichTextEditBox = React.lazy(() => Promise.resolve().then(function () { return require('./ChatMessageComponentAsRichTextEditBox-RrIa2t97.js'); }));
 /**
  * @private
  * Use this function to load RoosterJS dependencies early in the lifecycle.
@@ -13994,7 +14244,7 @@ const ChatMessageComponentAsRichTextEditBox = React.lazy(() => Promise.resolve()
  *
  * @conditional-compile-remove(rich-text-editor)
  */
-const loadChatMessageComponentAsRichTextEditBox = () => Promise.resolve().then(function () { return require('./ChatMessageComponentAsRichTextEditBox-DeZQ3bKG.js'); });
+const loadChatMessageComponentAsRichTextEditBox = () => Promise.resolve().then(function () { return require('./ChatMessageComponentAsRichTextEditBox-RrIa2t97.js'); });
 /**
  * @private
  */
@@ -14010,14 +14260,20 @@ const ChatMessageComponentAsEditBoxPicker = (props) => {
             React.createElement(React.Suspense, { fallback: simpleEditBox },
                 React.createElement(ChatMessageComponentAsRichTextEditBox, Object.assign({}, props, { 
                     /* @conditional-compile-remove(rich-text-editor-image-upload) */
-                    onPaste: richTextEditorOptions === null || richTextEditorOptions === void 0 ? void 0 : richTextEditorOptions.onPaste })))));
+                    onPaste: richTextEditorOptions === null || richTextEditorOptions === void 0 ? void 0 : richTextEditorOptions.onPaste, 
+                    /* @conditional-compile-remove(rich-text-editor-image-upload) */
+                    onUploadInlineImage: richTextEditorOptions === null || richTextEditorOptions === void 0 ? void 0 : richTextEditorOptions.onUploadInlineImage, 
+                    /* @conditional-compile-remove(rich-text-editor-image-upload) */
+                    imageUploadsInProgress: richTextEditorOptions === null || richTextEditorOptions === void 0 ? void 0 : richTextEditorOptions.imageUploadsInProgress, 
+                    /* @conditional-compile-remove(rich-text-editor-image-upload) */
+                    onCancelInlineImageUpload: richTextEditorOptions === null || richTextEditorOptions === void 0 ? void 0 : richTextEditorOptions.onCancelInlineImageUpload })))));
     }
     return simpleEditBox;
 };
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var __awaiter$C = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$D = (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); } }
@@ -14062,7 +14318,7 @@ const ChatMyMessageComponent = (props) => {
     function (text, 
     /* @conditional-compile-remove(file-sharing-acs) */
     attachments) {
-        return __awaiter$C(this, void 0, void 0, function* () {
+        return __awaiter$D(this, void 0, void 0, function* () {
             /* @conditional-compile-remove(file-sharing-acs) */
             if (`attachments` in message && attachments) {
                 message.attachments = attachments;
@@ -14071,9 +14327,7 @@ const ChatMyMessageComponent = (props) => {
                 message.messageId &&
                 (yield props.onUpdateMessage(message.messageId, text, 
                 /* @conditional-compile-remove(file-sharing-acs) */
-                {
-                    attachments: attachments
-                }));
+                { attachments: attachments }));
             setIsEditing(false);
         });
     }, [message, props]);
@@ -14470,7 +14724,7 @@ const fluentChatComponent = (props) => {
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var __awaiter$B = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$C = (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); } }
@@ -14666,7 +14920,7 @@ const MessageThreadWrapper = (props) => {
             loadChatMessageComponentAsRichTextEditBox();
         }
     }, [richTextEditorOptions]);
-    const onDeleteMessageCallback = React.useCallback((messageId) => __awaiter$B(void 0, void 0, void 0, function* () {
+    const onDeleteMessageCallback = React.useCallback((messageId) => __awaiter$C(void 0, void 0, void 0, function* () {
         if (!onDeleteMessage) {
             return;
         }
@@ -14747,7 +15001,7 @@ const MessageThreadWrapper = (props) => {
      */
     const clientHeight = (_a = chatThreadRef.current) === null || _a === void 0 ? void 0 : _a.clientHeight;
     // we try to only send those message status if user is scrolled to the bottom.
-    const sendMessageStatusIfAtBottom = React.useCallback(() => __awaiter$B(void 0, void 0, void 0, function* () {
+    const sendMessageStatusIfAtBottom = React.useCallback(() => __awaiter$C(void 0, void 0, void 0, function* () {
         if (!isAtBottomOfScrollRef.current ||
             !document.hasFocus() ||
             !messagesRef.current ||
@@ -14798,7 +15052,7 @@ const MessageThreadWrapper = (props) => {
         setIsAtBottomOfScrollRef(atBottom);
     }, [scrollToBottom, sendMessageStatusIfAtBottom]);
     // Infinite scrolling + threadInitialize function
-    const fetchNewMessageWhenAtTop = React.useCallback(() => __awaiter$B(void 0, void 0, void 0, function* () {
+    const fetchNewMessageWhenAtTop = React.useCallback(() => __awaiter$C(void 0, void 0, void 0, function* () {
         if (!isLoadingChatMessagesRef.current) {
             if (onLoadPreviousChatMessages) {
                 isLoadingChatMessagesRef.current = true;
@@ -17828,7 +18082,7 @@ const localVideoTileContainerStyles = {
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var __awaiter$A = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$B = (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); } }
@@ -17845,7 +18099,7 @@ const LocalVideoCameraCycleButton = (props) => {
     const { cameras, selectedCamera, onSelectCamera, label, ariaDescription, size } = props;
     const theme = react.useTheme();
     const [waitForCamera, setWaitForCamera] = React.useState(false);
-    const onChangeCameraClick = React.useCallback((device) => __awaiter$A(void 0, void 0, void 0, function* () {
+    const onChangeCameraClick = React.useCallback((device) => __awaiter$B(void 0, void 0, void 0, function* () {
         // Throttle changing camera to prevent too many callbacks
         if (onSelectCamera) {
             setWaitForCamera(true);
@@ -20618,7 +20872,7 @@ const DevicesButton = (props) => {
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var __awaiter$z = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$A = (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); } }
@@ -20656,7 +20910,7 @@ const CameraButton = (props) => {
     const toggleAnnouncerString = React.useCallback((isCameraOn) => {
         setAnnouncerString(!isCameraOn ? strings.cameraActionTurnedOffAnnouncement : strings.cameraActionTurnedOnAnnouncement);
     }, [strings.cameraActionTurnedOffAnnouncement, strings.cameraActionTurnedOnAnnouncement]);
-    const onToggleClick = React.useCallback(() => __awaiter$z(void 0, void 0, void 0, function* () {
+    const onToggleClick = React.useCallback(() => __awaiter$A(void 0, void 0, void 0, function* () {
         // Throttle click on camera, need to await onToggleCamera then allow another click
         if (onToggleCamera) {
             setWaitForCamera(true);
@@ -20670,7 +20924,7 @@ const CameraButton = (props) => {
             }
         }
     }), [cameraOn, localVideoViewOptions, onToggleCamera, toggleAnnouncerString]);
-    const onChangeCameraClick = React.useCallback((device) => __awaiter$z(void 0, void 0, void 0, function* () {
+    const onChangeCameraClick = React.useCallback((device) => __awaiter$A(void 0, void 0, void 0, function* () {
         // Throttle changing camera to prevent too many callbacks
         if (onSelectCamera) {
             setWaitForCamera(true);
@@ -20891,7 +21145,7 @@ const menupButtonPadding = {
 
 // 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); } }
@@ -20932,7 +21186,7 @@ const MicrophoneButton = (props) => {
     const toggleAnnouncerString = React.useCallback((isMicOn) => {
         setAnnouncerString(!isMicOn ? strings.microphoneActionTurnedOffAnnouncement : strings.microphoneActionTurnedOnAnnouncement);
     }, [strings.microphoneActionTurnedOffAnnouncement, strings.microphoneActionTurnedOnAnnouncement]);
-    const onToggleClick = React.useCallback(() => __awaiter$y(void 0, void 0, void 0, function* () {
+    const onToggleClick = React.useCallback(() => __awaiter$z(void 0, void 0, void 0, function* () {
         if (onToggleMicrophone) {
             try {
                 yield onToggleMicrophone();
@@ -21563,247 +21817,6 @@ const secondaryTileFloatingStyles = {
     right: '0.125rem'
 };
 
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-/**
- * Return different conditions based on the current and previous state of recording and transcribing
- *
- * @param callRecordState - The current call record state: on, off, stopped
- * @param callTranscribeState - The current call transcribe state: on, off, stopped
- *
- * @remarks - The stopped state means: previously on but currently off
- *
- * @private
- */
-const computeVariant = (callRecordState, callTranscribeState) => {
-    if (callRecordState === 'on' && callTranscribeState === 'on') {
-        return 'RECORDING_AND_TRANSCRIPTION_STARTED';
-    }
-    else if (callRecordState === 'on' && callTranscribeState === 'off') {
-        return 'RECORDING_STARTED';
-    }
-    else if (callRecordState === 'off' && callTranscribeState === 'on') {
-        return 'TRANSCRIPTION_STARTED';
-    }
-    else if (callRecordState === 'on' && callTranscribeState === 'stopped') {
-        return 'TRANSCRIPTION_STOPPED_STILL_RECORDING';
-    }
-    else if (callRecordState === 'stopped' && callTranscribeState === 'on') {
-        return 'RECORDING_STOPPED_STILL_TRANSCRIBING';
-    }
-    else if (callRecordState === 'off' && callTranscribeState === 'stopped') {
-        return 'TRANSCRIPTION_STOPPED';
-    }
-    else if (callRecordState === 'stopped' && callTranscribeState === 'off') {
-        return 'RECORDING_STOPPED';
-    }
-    else if (callRecordState === 'stopped' && callTranscribeState === 'stopped') {
-        return 'RECORDING_AND_TRANSCRIPTION_STOPPED';
-    }
-    else {
-        return 'NO_STATE';
-    }
-};
-
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-/** @private */
-function BannerMessage(props) {
-    const { variant, strings } = props;
-    switch (variant) {
-        case 'TRANSCRIPTION_STOPPED_STILL_RECORDING':
-            return (React.createElement(React.Fragment, null,
-                React.createElement("b", null, strings.complianceBannerTranscriptionStopped),
-                ` ${strings.complianceBannerNowOnlyRecording}`,
-                React.createElement(PrivacyPolicy, { linkText: strings.privacyPolicy })));
-        case 'RECORDING_STOPPED_STILL_TRANSCRIBING':
-            return (React.createElement(React.Fragment, null,
-                React.createElement("b", null, strings.complianceBannerRecordingStopped),
-                ` ${strings.complianceBannerNowOnlyTranscription}`,
-                React.createElement(PrivacyPolicy, { linkText: strings.privacyPolicy })));
-        case 'RECORDING_AND_TRANSCRIPTION_STOPPED':
-            return (React.createElement(React.Fragment, null,
-                React.createElement("b", null, strings.complianceBannerRecordingAndTranscriptionSaved),
-                ` ${strings.complianceBannerRecordingAndTranscriptionStopped}`,
-                React.createElement(LearnMore, { linkText: strings.learnMore })));
-        case 'RECORDING_AND_TRANSCRIPTION_STARTED':
-            return (React.createElement(React.Fragment, null,
-                React.createElement("b", null, strings.complianceBannerRecordingAndTranscriptionStarted),
-                ` ${strings.complianceBannerTranscriptionConsent}`,
-                React.createElement(PrivacyPolicy, { linkText: strings.privacyPolicy })));
-        case 'TRANSCRIPTION_STARTED':
-            return (React.createElement(React.Fragment, null,
-                React.createElement("b", null, strings.complianceBannerTranscriptionStarted),
-                ` ${strings.complianceBannerTranscriptionConsent}`,
-                React.createElement(PrivacyPolicy, { linkText: strings.privacyPolicy })));
-        case 'RECORDING_STOPPED':
-            return (React.createElement(React.Fragment, null,
-                React.createElement("b", null, strings.complianceBannerRecordingSaving),
-                ` ${strings.complianceBannerRecordingStopped}`,
-                React.createElement(LearnMore, { linkText: strings.learnMore })));
-        case 'RECORDING_STARTED':
-            return (React.createElement(React.Fragment, null,
-                React.createElement("b", null, strings.complianceBannerRecordingStarted),
-                ` ${strings.complianceBannerTranscriptionConsent}`,
-                React.createElement(PrivacyPolicy, { linkText: strings.privacyPolicy })));
-        case 'TRANSCRIPTION_STOPPED':
-            return (React.createElement(React.Fragment, null,
-                React.createElement("b", null, strings.complianceBannerTranscriptionSaving),
-                ` ${strings.complianceBannerTranscriptionStopped}`,
-                React.createElement(LearnMore, { linkText: strings.learnMore })));
-    }
-    return React.createElement(React.Fragment, null);
-}
-function PrivacyPolicy(props) {
-    return (React.createElement(react.Link, { href: "https://privacy.microsoft.com/privacystatement#mainnoticetoendusersmodule", target: "_blank", underline: true }, props.linkText));
-}
-function LearnMore(props) {
-    return (React.createElement(react.Link, { href: "https://support.microsoft.com/office/record-a-meeting-in-teams-34dfbe7f-b07d-4a27-b4c6-de62f1348c24", target: "_blank", underline: true }, props.linkText));
-}
-
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-const BANNER_OVERWRITE_DELAY_MS = 3000;
-/**
- * Shows a {@link BannerMessage} in a {@link MessageBar} tracking `variant` internally.
- *
- * This component delays and combines frequent updates to `variant` such that:
- * - Updates that happen within {@link BANNER_OVERWRITE_DELAY_MS} are delayed.
- * - Once {@link BANNER_OVERWRITE_DELAY_MS} has passed since the last update, the _latest_ pending update is shown.
- *
- * This ensures that there is enough time for the user to see a banner message before it is overwritten.
- * In case of multiple delayed messages, the user always sees the final message as it reflects the final state
- * of recording and transcription.
- *
- * @private
- */
-function DelayedUpdateBanner(props) {
-    const { variant, lastUpdated: variantLastUpdated } = props.variant;
-    // Tracks the variant that is currently visible in the UI.
-    const [visible, setVisible] = React.useState({
-        variant,
-        lastUpdated: Date.now()
-    });
-    const pendingUpdateHandle = React.useRef(null);
-    if (variant !== visible.variant && variantLastUpdated > visible.lastUpdated) {
-        // Always clear pending updates.
-        // We'll either update now, or schedule an update for later.
-        if (pendingUpdateHandle.current) {
-            clearTimeout(pendingUpdateHandle.current);
-        }
-        const now = Date.now();
-        const timeToNextUpdate = BANNER_OVERWRITE_DELAY_MS - (now - visible.lastUpdated);
-        if (variant === 'NO_STATE' || timeToNextUpdate <= 0) {
-            setVisible({
-                variant,
-                lastUpdated: now
-            });
-        }
-        else {
-            pendingUpdateHandle.current = setTimeout(() => {
-                // Set the actual update time, not the computed time when the update should happen.
-                // The actual update might be later than we planned.
-                setVisible({
-                    variant,
-                    lastUpdated: Date.now()
-                });
-            }, timeToNextUpdate);
-        }
-    }
-    if (visible.variant === 'NO_STATE') {
-        return React.createElement(React.Fragment, null);
-    }
-    return (React.createElement(react.MessageBar, { messageBarType: react.MessageBarType.warning, onDismiss: () => {
-            // when closing the banner, change variant to nostate and change stopped state to off state.
-            // Reason: on banner close, going back to the default state.
-            setVisible({
-                variant: 'NO_STATE',
-                lastUpdated: Date.now()
-            });
-            props.onDismiss();
-        }, dismissButtonAriaLabel: props.strings.close },
-        React.createElement(BannerMessage, { variant: visible.variant, strings: props.strings })));
-}
-
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-/**
- * A component that displays banners to notify the user when call recording and
- * transcription is enabled or disabled in a call.
- *
- * This component implements a state machine that tracks the changes to call
- * recording and transcription state and shows the corresponding message.
- *
- * @internal
- */
-const _ComplianceBanner = (props) => {
-    const cachedProps = React.useRef({
-        latestBooleanState: {
-            callTranscribeState: false,
-            callRecordState: false
-        },
-        latestStringState: {
-            callTranscribeState: 'off',
-            callRecordState: 'off'
-        },
-        lastUpdated: Date.now()
-    });
-    // Only update cached props and variant if there is _some_ change in the latest props.
-    // This ensures that state machine is only updated if there is an actual change in the props.
-    const shouldUpdateCached = props.callRecordState !== cachedProps.current.latestBooleanState.callRecordState ||
-        props.callTranscribeState !== cachedProps.current.latestBooleanState.callTranscribeState;
-    // The following three operations must be performed in this exact order:
-    // [1]: Update cached state to transition the state machine.
-    if (shouldUpdateCached) {
-        cachedProps.current = {
-            latestBooleanState: props,
-            latestStringState: {
-                callRecordState: determineStates(cachedProps.current.latestStringState.callRecordState, props.callRecordState),
-                callTranscribeState: determineStates(cachedProps.current.latestStringState.callTranscribeState, props.callTranscribeState)
-            },
-            lastUpdated: Date.now()
-        };
-    }
-    // [2]: Compute the variant, using the transitioned state machine.
-    const variant = computeVariant(cachedProps.current.latestStringState.callRecordState, cachedProps.current.latestStringState.callTranscribeState);
-    // [3]: Transition the state machine again to deal with some end-states.
-    if (shouldUpdateCached &&
-        cachedProps.current.latestStringState.callRecordState === 'stopped' &&
-        cachedProps.current.latestStringState.callTranscribeState === 'stopped') {
-        // When both states are stopped, after displaying message "RECORDING_AND_TRANSCRIPTION_STOPPED", change both states to off (going back to the default state).
-        cachedProps.current.latestStringState.callRecordState = 'off';
-        cachedProps.current.latestStringState.callTranscribeState = 'off';
-    }
-    return (React.createElement(DelayedUpdateBanner, { variant: {
-            variant,
-            lastUpdated: cachedProps.current.lastUpdated
-        }, strings: props.strings, onDismiss: () => {
-            if (cachedProps.current.latestStringState.callRecordState === 'stopped') {
-                cachedProps.current.latestStringState.callRecordState = 'off';
-            }
-            if (cachedProps.current.latestStringState.callTranscribeState === 'stopped') {
-                cachedProps.current.latestStringState.callTranscribeState = 'off';
-            }
-        } }));
-};
-function determineStates(previous, current) {
-    // if current state is on, then return on
-    if (current) {
-        return 'on';
-    }
-    // if current state is off
-    else {
-        // if previous state is on and current state is off, return stopped (on -> off)
-        if (previous === 'on') {
-            return 'stopped';
-        }
-        // otherwise remain previous state unchanged
-        else {
-            return previous;
-        }
-    }
-}
-
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 /**
@@ -22035,7 +22048,7 @@ const dtmfFrequencies = {
 
 // 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); } }
@@ -22079,10 +22092,10 @@ const DialpadButton = (props) => {
     const [buttonPressed, setButtonPressed] = React.useState(false);
     const dtmfToneSound = React.useRef(new Tone(dtmfToneAudioContext, dtmfFrequencies[digit].f1, dtmfFrequencies[digit].f2));
     const useLongPressProps = React.useMemo(() => ({
-        onClick: () => __awaiter$x(void 0, void 0, void 0, function* () {
+        onClick: () => __awaiter$y(void 0, void 0, void 0, function* () {
             onClick(digit, index);
         }),
-        onLongPress: () => __awaiter$x(void 0, void 0, void 0, function* () {
+        onLongPress: () => __awaiter$y(void 0, void 0, void 0, function* () {
             onLongPress(digit, index);
         }),
         touchEventsOnly: longPressTrigger === 'touch'
@@ -22923,22 +22936,6 @@ const _VideoBackgroundEffectsPicker = (props) => {
         })));
 };
 
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-/**
- * @private
- */
-const scrollbarStyles = {
-    '::-webkit-scrollbar, *::-webkit-scrollbar': {
-        width: '0.3rem',
-        height: '0.3rem'
-    },
-    '::-webkit-scrollbar-thumb, *::-webkit-scrollbar-thumb': {
-        borderRadius: '10px',
-        background: 'rgba(150, 150, 150)'
-    }
-};
-
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 /**
@@ -23233,7 +23230,7 @@ const _spokenLanguageToCaptionLanguage = {
 
 // 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); } }
@@ -23272,7 +23269,7 @@ const _CaptionsSettingsModal = (props) => {
             onDismissCaptionsSettings();
         }
     }, [onDismissCaptionsSettings]);
-    const onConfirm = React.useCallback(() => __awaiter$w(void 0, void 0, void 0, function* () {
+    const onConfirm = React.useCallback(() => __awaiter$x(void 0, void 0, void 0, function* () {
         const spokenLanguageCode = selectedSpokenLanguage.key;
         const captionLanguageCode = selectedCaptionLanguage.key;
         if (isCaptionsFeatureActive) {
@@ -24682,7 +24679,7 @@ const findConditionalCompiledSelector = (component) => {
 
 // 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); } }
@@ -24708,19 +24705,39 @@ 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$v(this, void 0, void 0, function* () {
+            return __awaiter$w(this, void 0, void 0, function* () {
+                var _a, _b;
                 const sendMessageRequest = {
                     content,
                     senderDisplayName: chatClient.getState().displayName
                 };
                 /* @conditional-compile-remove(file-sharing-acs) */
+                const fileAttachments = (_a = options === null || options === void 0 ? void 0 : options.attachments) === null || _a === void 0 ? void 0 : _a.filter((attachment) => {
+                    const file = attachment;
+                    return file.attachmentType === undefined;
+                });
+                /* @conditional-compile-remove(rich-text-editor-image-upload) */
+                let imageAttachments;
+                /* @conditional-compile-remove(rich-text-editor-image-upload) */
+                (_b = options === null || options === void 0 ? void 0 : options.attachments) === null || _b === void 0 ? void 0 : _b.map((attachment) => {
+                    const image = attachment;
+                    if (image.attachmentType === 'image') {
+                        imageAttachments === undefined ? (imageAttachments = [image]) : imageAttachments.push(image);
+                    }
+                });
                 if (options &&
                     'attachments' in options &&
                     options.attachments &&
-                    options.attachments[0] &&
-                    !options.attachments[0].attachmentType) {
+                    /* @conditional-compile-remove(file-sharing-acs) */
+                    ((fileAttachments && fileAttachments.length > 0) ||
+                        /* @conditional-compile-remove(rich-text-editor-image-upload) */
+                        (imageAttachments && imageAttachments.length > 0))) {
                     const chatSDKOptions = {
-                        metadata: Object.assign(Object.assign({}, options === null || options === void 0 ? void 0 : options.metadata), { fileSharingMetadata: JSON.stringify(options === null || options === void 0 ? void 0 : options.attachments) }),
+                        metadata: Object.assign(Object.assign({}, options === null || options === void 0 ? void 0 : options.metadata), { 
+                            /* @conditional-compile-remove(file-sharing-acs) */
+                            fileSharingMetadata: JSON.stringify(fileAttachments) }),
+                        /* @conditional-compile-remove(rich-text-editor-image-upload) */
+                        attachments: imageAttachments,
                         type: options.type
                     };
                     yield chatThreadClient.sendMessage(sendMessageRequest, chatSDKOptions);
@@ -24729,37 +24746,70 @@ const createDefaultChatHandlers = memoizeOne((chatClient, chatThreadClient) => {
                 yield chatThreadClient.sendMessage(sendMessageRequest, options);
             });
         },
+        /* @conditional-compile-remove(rich-text-editor-image-upload) */
+        onUploadImage: function (image, imageFilename) {
+            return __awaiter$w(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$w(this, void 0, void 0, function* () {
+                yield chatThreadClient.deleteImage(imageId);
+                return;
+            });
+        },
         // due to a bug in babel, we can't use arrow function here
         // affecting conditional-compile-remove(attachment-upload)
         onUpdateMessage: function (messageId, content, 
         /* @conditional-compile-remove(file-sharing-acs) */
         options) {
-            return __awaiter$v(this, void 0, void 0, function* () {
+            return __awaiter$w(this, void 0, void 0, function* () {
+                /* @conditional-compile-remove(rich-text-editor-image-upload) */
+                let imageAttachments;
+                /* @conditional-compile-remove(rich-text-editor-image-upload) */
+                // get image attachments from content, including the ones before the editing and newly added ones during editing.
+                const document = new DOMParser().parseFromString(content !== null && content !== void 0 ? content : '', 'text/html');
+                /* @conditional-compile-remove(rich-text-editor-image-upload) */
+                document.querySelectorAll('img').forEach((img) => {
+                    if (imageAttachments === undefined) {
+                        imageAttachments = [];
+                    }
+                    imageAttachments.push({
+                        id: img.id,
+                        attachmentType: 'image'
+                    });
+                });
+                /* @conditional-compile-remove(rich-text-editor-image-upload) */
+                content = document.body.innerHTML;
                 const updateMessageOptions = {
                     content,
                     /* @conditional-compile-remove(file-sharing-acs) */
-                    metadata: Object.assign(Object.assign({}, options === null || options === void 0 ? void 0 : options.metadata), { fileSharingMetadata: JSON.stringify(options === null || options === void 0 ? void 0 : options.attachments) })
+                    metadata: Object.assign(Object.assign({}, options === null || options === void 0 ? void 0 : options.metadata), { fileSharingMetadata: JSON.stringify(options === null || options === void 0 ? void 0 : options.attachments) }),
+                    /* @conditional-compile-remove(rich-text-editor-image-upload) */
+                    attachments: imageAttachments
                 };
                 yield chatThreadClient.updateMessage(messageId, updateMessageOptions);
             });
         },
-        onDeleteMessage: (messageId) => __awaiter$v(void 0, void 0, void 0, function* () {
+        onDeleteMessage: (messageId) => __awaiter$w(void 0, void 0, void 0, function* () {
             yield chatThreadClient.deleteMessage(messageId);
         }),
         // This handler is designed for chatThread to consume
-        onMessageSeen: (chatMessageId) => __awaiter$v(void 0, void 0, void 0, function* () {
+        onMessageSeen: (chatMessageId) => __awaiter$w(void 0, void 0, void 0, function* () {
             yield chatThreadClient.sendReadReceipt({ chatMessageId });
         }),
-        onTyping: () => __awaiter$v(void 0, void 0, void 0, function* () {
+        onTyping: () => __awaiter$w(void 0, void 0, void 0, function* () {
             yield chatThreadClient.sendTypingNotification();
         }),
-        onRemoveParticipant: (userId) => __awaiter$v(void 0, void 0, void 0, function* () {
+        onRemoveParticipant: (userId) => __awaiter$w(void 0, void 0, void 0, function* () {
             yield chatThreadClient.removeParticipant(fromFlatCommunicationIdentifier(userId));
         }),
-        updateThreadTopicName: (topicName) => __awaiter$v(void 0, void 0, void 0, function* () {
+        updateThreadTopicName: (topicName) => __awaiter$w(void 0, void 0, void 0, function* () {
             yield chatThreadClient.updateTopic(topicName);
         }),
-        onLoadPreviousChatMessages: (messagesToLoad) => __awaiter$v(void 0, void 0, void 0, function* () {
+        onLoadPreviousChatMessages: (messagesToLoad) => __awaiter$w(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.
@@ -25180,11 +25230,20 @@ const processChatMessageContent = (message) => {
         if (content) {
             const document = new DOMParser().parseFromString(content !== null && content !== void 0 ? content : '', 'text/html');
             document.querySelectorAll('img').forEach((img) => {
-                var _a, _b;
+                var _a, _b, _c;
                 const attachmentPreviewUrl = (_a = attachments.find((attachment) => attachment.id === img.id)) === null || _a === void 0 ? void 0 : _a.previewUrl;
                 if (attachmentPreviewUrl) {
                     const resourceCache = (_b = message.resourceCache) === null || _b === void 0 ? void 0 : _b[attachmentPreviewUrl];
-                    img.src = getResourceSourceUrl(resourceCache);
+                    const src = getResourceSourceUrl(resourceCache);
+                    // if in error state
+                    if (src === undefined) {
+                        const brokenImageView = getBrokenImageViewNode(img);
+                        (_c = img.parentElement) === null || _c === void 0 ? void 0 : _c.replaceChild(brokenImageView, img);
+                    }
+                    else {
+                        // else in loading or success state
+                        img.setAttribute('src', src);
+                    }
                 }
             });
             content = document.body.innerHTML;
@@ -25210,22 +25269,28 @@ const generateImageAttachmentImgHtml = (message, attachment) => {
         const contentType = extractAttachmentContentTypeFromName(attachment.name);
         const resourceCache = (_a = message.resourceCache) === null || _a === void 0 ? void 0 : _a[attachment.previewUrl];
         const src = getResourceSourceUrl(resourceCache);
+        // if in error state
+        if (src === undefined) {
+            return `\r\n<p>${getBrokenImageViewNode()}</p>`;
+        }
+        // else in loading or success state
         return `\r\n<p><img alt="image" src="${src}" itemscope="${contentType}" id="${attachment.id}"></p>`;
     }
     return '';
 };
 const getResourceSourceUrl = (result) => {
-    let src = '';
     if (result) {
-        if (result.error || !result.sourceUrl) {
-            // In case of an error we set src to some invalid value to show broken image
-            src = 'blob://';
+        if (!result.error && result.sourceUrl) {
+            // return sourceUrl for success state
+            return result.sourceUrl;
         }
         else {
-            src = result.sourceUrl;
+            // return undefined for error state
+            return undefined;
         }
     }
-    return src;
+    // return empty string for loading state
+    return '';
 };
 const extractAttachmentContentTypeFromName = (name) => {
     if (name === undefined) {
@@ -25359,6 +25424,17 @@ const sanitizedMessageContentType = (type) => {
         ? lowerCaseType
         : 'unknown';
 };
+const getBrokenImageViewNode = (img) => {
+    var _a;
+    const wrapper = document.createElement('div');
+    Array.from((_a = img === null || img === void 0 ? void 0 : img.attributes) !== null && _a !== void 0 ? _a : []).forEach((attr) => {
+        var _a;
+        wrapper.setAttribute(attr.nodeName, (_a = attr.nodeValue) !== null && _a !== void 0 ? _a : '');
+    });
+    wrapper.setAttribute('class', 'broken-image-wrapper');
+    wrapper.setAttribute('data-ui-id', 'broken-image-icon');
+    return wrapper;
+};
 const isMessageValidToRender = (message) => {
     var _a, _b, _c, _d, _e;
     if (message.deletedOn) {
@@ -25669,7 +25745,7 @@ const Constants = {
  */
 const chatStatefulLogger = logger.createClientLogger('communication-react:chat-stateful');
 
-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); } }
@@ -25711,7 +25787,7 @@ class ResourceDownloadQueue {
         this._messagesNeedingResourceRetrieval.push(copy);
     }
     startQueue(threadId, operation, options) {
-        return __awaiter$u(this, void 0, void 0, function* () {
+        return __awaiter$v(this, void 0, void 0, function* () {
             if (this.isActive) {
                 return;
             }
@@ -25747,7 +25823,7 @@ class ResourceDownloadQueue {
         }
     }
     downloadSingleUrl(message, resourceUrl, operation) {
-        return __awaiter$u(this, void 0, void 0, function* () {
+        return __awaiter$v(this, void 0, void 0, function* () {
             const response = { sourceUrl: '' };
             try {
                 const abortController = new AbortController();
@@ -25763,7 +25839,7 @@ class ResourceDownloadQueue {
         });
     }
     downloadAllPreviewUrls(message, operation) {
-        return __awaiter$u(this, void 0, void 0, function* () {
+        return __awaiter$v(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) {
@@ -25790,7 +25866,7 @@ class ResourceDownloadQueue {
         });
     }
     downloadResource(operation, url, abortController) {
-        return __awaiter$u(this, void 0, void 0, function* () {
+        return __awaiter$v(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];
@@ -25801,9 +25877,9 @@ class ResourceDownloadQueue {
 /**
  * @private
  */
-const fetchImageSource = (src, authentication, options) => __awaiter$u(void 0, void 0, void 0, function* () {
+const fetchImageSource = (src, authentication, options) => __awaiter$v(void 0, void 0, void 0, function* () {
     function fetchWithAuthentication(url, token, options) {
-        return __awaiter$u(this, void 0, void 0, function* () {
+        return __awaiter$v(this, void 0, void 0, function* () {
             const headers = new Headers();
             headers.append('Authorization', `Bearer ${token}`);
             return yield fetchWithTimeout(url, {
@@ -25814,7 +25890,7 @@ const fetchImageSource = (src, authentication, options) => __awaiter$u(void 0, v
         });
     }
     function fetchWithTimeout(resource, options) {
-        return __awaiter$u(this, void 0, void 0, function* () {
+        return __awaiter$v(this, void 0, void 0, function* () {
             // default timeout is 30 seconds
             const { timeout = 30000, abortController } = options;
             const id = setTimeout(() => {
@@ -25832,13 +25908,16 @@ const fetchImageSource = (src, authentication, options) => __awaiter$u(void 0, v
         token = (yield authentication.credential.getToken()).token;
     }
     const response = yield fetchWithAuthentication(src, token, options);
+    if (response.status >= 400) {
+        throw new Error(`Failed to fetch image source. Status code: ${response.status}`);
+    }
     const blob = yield response.blob();
     return URL.createObjectURL(blob);
 });
 
 // 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); } }
@@ -25914,7 +25993,7 @@ let ChatContext$1 = class ChatContext {
         // Any item in queue should be removed.
     }
     downloadResourceToCache(threadId, messageId, resourceUrl) {
-        return __awaiter$t(this, void 0, void 0, function* () {
+        return __awaiter$u(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) {
@@ -26193,7 +26272,7 @@ let ChatContext$1 = class ChatContext {
      * @throws ChatError. Exceptions thrown from `f` are tagged with the failed `target.
      */
     withAsyncErrorTeedToState(f, target) {
-        return (...args) => __awaiter$t(this, void 0, void 0, function* () {
+        return (...args) => __awaiter$u(this, void 0, void 0, function* () {
             try {
                 return yield f(...args);
             }
@@ -26300,7 +26379,7 @@ const convertChatMessage = (message, status = 'delivered', clientMessageId) => {
 
 // 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); } }
@@ -26390,7 +26469,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$s(this, void 0, void 0, function* () {
+        this.fetchLastParticipantMessage = (threadId, actionType) => __awaiter$t(this, void 0, void 0, function* () {
             var _a, e_1, _b, _c;
             try {
                 for (var _d = true, _e = __asyncValues$1(this.chatClient
@@ -26484,7 +26563,7 @@ class EventSubscriber {
 
 // 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); } }
@@ -26506,7 +26585,7 @@ const createDecoratedIterator = (iteratorCreator, context, decorateFn) => {
         const threadsIterator = iteratorCreator(...args);
         return {
             next() {
-                return __awaiter$r(this, void 0, void 0, function* () {
+                return __awaiter$s(this, void 0, void 0, function* () {
                     const result = yield threadsIterator.next();
                     if (!result.done && result.value) {
                         decorateFn(result.value, context);
@@ -26521,7 +26600,7 @@ const createDecoratedIterator = (iteratorCreator, context, decorateFn) => {
                 const pages = threadsIterator.byPage(settings);
                 return {
                     next() {
-                        return __awaiter$r(this, void 0, void 0, function* () {
+                        return __awaiter$s(this, void 0, void 0, function* () {
                             const result = yield pages.next();
                             const page = result.value;
                             if (!result.done && result.value) {
@@ -26608,7 +26687,7 @@ const createDecoratedListParticipants = (chatThreadClient, context) => {
 
 // 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); } }
@@ -26627,14 +26706,14 @@ class ProxyChatThreadClient {
                 return createDecoratedListMessages(chatThreadClient, this._context);
             }
             case 'getMessage': {
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$q(this, void 0, void 0, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$r(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$q(this, void 0, void 0, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$r(this, void 0, void 0, function* () {
                     var _a;
                     // Retry logic?
                     const [request, options] = args;
@@ -26675,7 +26754,7 @@ class ProxyChatThreadClient {
                 }), 'ChatThreadClient.sendMessage');
             }
             case 'addParticipants': {
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$q(this, void 0, void 0, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$r(this, void 0, void 0, function* () {
                     const result = yield chatThreadClient.addParticipants(...args);
                     const [addRequest] = args;
                     const participantsToAdd = addRequest.participants;
@@ -26684,7 +26763,7 @@ class ProxyChatThreadClient {
                 }), 'ChatThreadClient.addParticipants');
             }
             case 'deleteMessage': {
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$q(this, void 0, void 0, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$r(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)) {
@@ -26702,12 +26781,12 @@ class ProxyChatThreadClient {
                 return createDecoratedListReadReceipts(chatThreadClient, this._context);
             }
             case 'sendTypingNotification': {
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$q(this, void 0, void 0, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$r(this, void 0, void 0, function* () {
                     return yield chatThreadClient.sendTypingNotification(...args);
                 }), 'ChatThreadClient.sendTypingNotification');
             }
             case 'removeParticipant': {
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$q(this, void 0, void 0, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$r(this, void 0, void 0, function* () {
                     const result = yield chatThreadClient.removeParticipant(...args);
                     const [removeIdentifier] = args;
                     this._context.deleteParticipant(chatThreadClient.threadId, communicationCommon.getIdentifierKind(removeIdentifier));
@@ -26715,7 +26794,7 @@ class ProxyChatThreadClient {
                 }), 'ChatThreadClient.removeParticipant');
             }
             case 'updateMessage': {
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$q(this, void 0, void 0, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$r(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);
@@ -26723,7 +26802,7 @@ class ProxyChatThreadClient {
                 }), 'ChatThreadClient.updateMessage');
             }
             case 'updateTopic': {
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$q(this, void 0, void 0, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$r(this, void 0, void 0, function* () {
                     const result = yield chatThreadClient.updateTopic(...args);
                     const [topic] = args;
                     this._context.updateThreadTopic(chatThreadClient.threadId, topic);
@@ -26731,7 +26810,7 @@ class ProxyChatThreadClient {
                 }), 'ChatThreadClient.updateTopic');
             }
             case 'getProperties': {
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$q(this, void 0, void 0, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$r(this, void 0, void 0, function* () {
                     const result = yield chatThreadClient.getProperties(...args);
                     this._context.updateThread(chatThreadClient.threadId, result);
                     return result;
@@ -26769,7 +26848,7 @@ const createDecoratedListThreads = (chatClient, context) => {
 
 // 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); } }
@@ -26788,7 +26867,7 @@ const proxyChatClient = {
         switch (prop) {
             case 'createChatThread': {
                 return context.withAsyncErrorTeedToState(function (...args) {
-                    return __awaiter$p(this, void 0, void 0, function* () {
+                    return __awaiter$q(this, void 0, void 0, function* () {
                         const result = yield chatClient.createChatThread(...args);
                         const thread = result.chatThread;
                         if (thread) {
@@ -26801,7 +26880,7 @@ const proxyChatClient = {
             }
             case 'deleteChatThread': {
                 return context.withAsyncErrorTeedToState(function (...args) {
-                    return __awaiter$p(this, void 0, void 0, function* () {
+                    return __awaiter$q(this, void 0, void 0, function* () {
                         const result = yield chatClient.deleteChatThread(...args);
                         context.deleteThread(args[0]);
                         return result;
@@ -26821,7 +26900,7 @@ const proxyChatClient = {
             }
             case 'startRealtimeNotifications': {
                 return context.withAsyncErrorTeedToState(function (...args) {
-                    return __awaiter$p(this, void 0, void 0, function* () {
+                    return __awaiter$q(this, void 0, void 0, function* () {
                         const ret = yield chatClient.startRealtimeNotifications(...args);
                         if (!receiver.eventSubscriber) {
                             receiver.eventSubscriber = new EventSubscriber(chatClient, context);
@@ -26832,7 +26911,7 @@ const proxyChatClient = {
             }
             case 'stopRealtimeNotifications': {
                 return context.withAsyncErrorTeedToState(function (...args) {
-                    return __awaiter$p(this, void 0, void 0, function* () {
+                    return __awaiter$q(this, void 0, void 0, function* () {
                         const ret = yield chatClient.stopRealtimeNotifications(...args);
                         if (receiver.eventSubscriber) {
                             receiver.eventSubscriber.unsubscribe();
@@ -26935,7 +27014,7 @@ const CHAT_CONTAINER_MIN_WIDTH_REM = 17.5;
 
 // 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); } }
@@ -27031,6 +27110,10 @@ class AzureCommunicationChatAdapter {
         this.dispose = this.dispose.bind(this);
         this.fetchInitialData = this.fetchInitialData.bind(this);
         this.sendMessage = this.sendMessage.bind(this);
+        /* @conditional-compile-remove(rich-text-editor-image-upload) */
+        this.uploadImage = this.uploadImage.bind(this);
+        /* @conditional-compile-remove(rich-text-editor-image-upload) */
+        this.deleteImage = this.deleteImage.bind(this);
         this.sendReadReceipt = this.sendReadReceipt.bind(this);
         this.sendTypingIndicator = this.sendTypingIndicator.bind(this);
         this.updateMessage = this.updateMessage.bind(this);
@@ -27048,9 +27131,9 @@ class AzureCommunicationChatAdapter {
         this.chatClient.dispose();
     }
     fetchInitialData() {
-        return __awaiter$o(this, void 0, void 0, function* () {
+        return __awaiter$p(this, void 0, void 0, function* () {
             // If get properties fails we dont want to try to get the participants after.
-            yield this.asyncTeeErrorToEventEmitter(() => __awaiter$o(this, void 0, void 0, function* () {
+            yield this.asyncTeeErrorToEventEmitter(() => __awaiter$p(this, void 0, void 0, function* () {
                 var _a, e_1, _b, _c;
                 yield this.chatThreadClient.getProperties();
                 try {
@@ -27086,50 +27169,66 @@ class AzureCommunicationChatAdapter {
         this.context.offStateChange(handler);
     }
     sendMessage(content, options) {
-        return __awaiter$o(this, void 0, void 0, function* () {
-            yield this.asyncTeeErrorToEventEmitter(() => __awaiter$o(this, void 0, void 0, function* () {
+        return __awaiter$p(this, void 0, void 0, function* () {
+            yield this.asyncTeeErrorToEventEmitter(() => __awaiter$p(this, void 0, void 0, function* () {
                 return yield this.handlers.onSendMessage(content, options);
             }));
         });
     }
+    /* @conditional-compile-remove(rich-text-editor-image-upload) */
+    uploadImage(image, imageFilename) {
+        return __awaiter$p(this, void 0, void 0, function* () {
+            return yield this.asyncTeeErrorToEventEmitter(() => __awaiter$p(this, void 0, void 0, function* () {
+                return yield this.handlers.onUploadImage(image, imageFilename);
+            }));
+        });
+    }
+    /* @conditional-compile-remove(rich-text-editor-image-upload) */
+    deleteImage(imageId) {
+        return __awaiter$p(this, void 0, void 0, function* () {
+            return yield this.asyncTeeErrorToEventEmitter(() => __awaiter$p(this, void 0, void 0, function* () {
+                return yield this.handlers.onDeleteImage(imageId);
+            }));
+        });
+    }
     sendReadReceipt(chatMessageId) {
-        return __awaiter$o(this, void 0, void 0, function* () {
-            yield this.asyncTeeErrorToEventEmitter(() => __awaiter$o(this, void 0, void 0, function* () {
+        return __awaiter$p(this, void 0, void 0, function* () {
+            yield this.asyncTeeErrorToEventEmitter(() => __awaiter$p(this, void 0, void 0, function* () {
                 yield this.handlers.onMessageSeen(chatMessageId);
             }));
         });
     }
     sendTypingIndicator() {
-        return __awaiter$o(this, void 0, void 0, function* () {
-            yield this.asyncTeeErrorToEventEmitter(() => __awaiter$o(this, void 0, void 0, function* () {
+        return __awaiter$p(this, void 0, void 0, function* () {
+            yield this.asyncTeeErrorToEventEmitter(() => __awaiter$p(this, void 0, void 0, function* () {
                 yield this.handlers.onTyping();
             }));
         });
     }
     removeParticipant(userId) {
-        return __awaiter$o(this, void 0, void 0, function* () {
-            yield this.asyncTeeErrorToEventEmitter(() => __awaiter$o(this, void 0, void 0, function* () {
+        return __awaiter$p(this, void 0, void 0, function* () {
+            yield this.asyncTeeErrorToEventEmitter(() => __awaiter$p(this, void 0, void 0, function* () {
                 yield this.handlers.onRemoveParticipant(userId);
             }));
         });
     }
     setTopic(topicName) {
-        return __awaiter$o(this, void 0, void 0, function* () {
-            yield this.asyncTeeErrorToEventEmitter(() => __awaiter$o(this, void 0, void 0, function* () {
+        return __awaiter$p(this, void 0, void 0, function* () {
+            yield this.asyncTeeErrorToEventEmitter(() => __awaiter$p(this, void 0, void 0, function* () {
                 yield this.handlers.updateThreadTopicName(topicName);
             }));
         });
     }
     loadPreviousChatMessages(messagesToLoad) {
-        return __awaiter$o(this, void 0, void 0, function* () {
-            return yield this.asyncTeeErrorToEventEmitter(() => __awaiter$o(this, void 0, void 0, function* () {
+        return __awaiter$p(this, void 0, void 0, function* () {
+            return yield this.asyncTeeErrorToEventEmitter(() => __awaiter$p(this, void 0, void 0, function* () {
                 return yield this.handlers.onLoadPreviousChatMessages(messagesToLoad);
             }));
         });
     }
     updateMessage(messageId, content, options) {
-        return __awaiter$o(this, void 0, void 0, function* () {
-            return yield this.asyncTeeErrorToEventEmitter(() => __awaiter$o(this, void 0, void 0, function* () {
+        return __awaiter$p(this, void 0, void 0, function* () {
+            return yield this.asyncTeeErrorToEventEmitter(() => __awaiter$p(this, void 0, void 0, function* () {
                 var _a;
                 /* @conditional-compile-remove(file-sharing-acs) */
                 const messageOptions = {};
@@ -27160,14 +27259,14 @@ class AzureCommunicationChatAdapter {
         });
     }
     deleteMessage(messageId) {
-        return __awaiter$o(this, void 0, void 0, function* () {
-            return yield this.asyncTeeErrorToEventEmitter(() => __awaiter$o(this, void 0, void 0, function* () {
+        return __awaiter$p(this, void 0, void 0, function* () {
+            return yield this.asyncTeeErrorToEventEmitter(() => __awaiter$p(this, void 0, void 0, function* () {
                 return yield this.handlers.onDeleteMessage(messageId);
             }));
         });
     }
     downloadResourceToCache(resourceDetails) {
-        return __awaiter$o(this, void 0, void 0, function* () {
+        return __awaiter$p(this, void 0, void 0, function* () {
             this.chatClient.downloadResourceToCache(resourceDetails.threadId, resourceDetails.messageId, resourceDetails.resourceUrl);
         });
     }
@@ -27246,7 +27345,7 @@ class AzureCommunicationChatAdapter {
         this.emitter.off(event, listener);
     }
     asyncTeeErrorToEventEmitter(f) {
-        return __awaiter$o(this, void 0, void 0, function* () {
+        return __awaiter$p(this, void 0, void 0, function* () {
             try {
                 return yield f();
             }
@@ -27296,7 +27395,7 @@ const convertEventType = (type) => {
  *
  * @public
  */
-const createAzureCommunicationChatAdapter = (_a) => __awaiter$o(void 0, [_a], void 0, function* ({ endpoint: endpointUrl, userId, displayName, credential, threadId }) {
+const createAzureCommunicationChatAdapter = (_a) => __awaiter$p(void 0, [_a], void 0, function* ({ endpoint: endpointUrl, userId, displayName, credential, threadId }) {
     return _createAzureCommunicationChatAdapterInner(endpointUrl, userId, displayName, credential, threadId);
 });
 /**
@@ -27304,7 +27403,7 @@ const createAzureCommunicationChatAdapter = (_a) => __awaiter$o(void 0, [_a], vo
  *
  * @internal
  */
-const _createAzureCommunicationChatAdapterInner = (endpoint_1, userId_1, displayName_1, credential_1, threadId_1, ...args_1) => __awaiter$o(void 0, [endpoint_1, userId_1, displayName_1, credential_1, threadId_1, ...args_1], void 0, function* (endpoint, userId, displayName, credential, threadId, telemetryImplementationHint = 'Chat') {
+const _createAzureCommunicationChatAdapterInner = (endpoint_1, userId_1, displayName_1, credential_1, threadId_1, ...args_1) => __awaiter$p(void 0, [endpoint_1, userId_1, displayName_1, credential_1, threadId_1, ...args_1], void 0, function* (endpoint, userId, displayName, credential, threadId, telemetryImplementationHint = 'Chat') {
     if (!_isValidIdentifier(userId)) {
         throw new Error('Provided userId is invalid. Please provide valid identifier object.');
     }
@@ -27324,7 +27423,7 @@ const _createAzureCommunicationChatAdapterInner = (endpoint_1, userId_1, display
  * ThreadId is a promise to allow for lazy initialization of the adapter.
  * @internal
  */
-const _createLazyAzureCommunicationChatAdapterInner = (endpoint_2, userId_2, displayName_2, credential_2, threadId_2, ...args_2) => __awaiter$o(void 0, [endpoint_2, userId_2, displayName_2, credential_2, threadId_2, ...args_2], void 0, function* (endpoint, userId, displayName, credential, threadId, telemetryImplementationHint = 'Chat') {
+const _createLazyAzureCommunicationChatAdapterInner = (endpoint_2, userId_2, displayName_2, credential_2, threadId_2, ...args_2) => __awaiter$p(void 0, [endpoint_2, userId_2, displayName_2, credential_2, threadId_2, ...args_2], void 0, function* (endpoint, userId, displayName, credential, threadId, telemetryImplementationHint = 'Chat') {
     if (!_isValidIdentifier(userId)) {
         throw new Error('Provided userId is invalid. Please provide valid identifier object.');
     }
@@ -27334,7 +27433,7 @@ const _createLazyAzureCommunicationChatAdapterInner = (endpoint_2, userId_2, dis
         endpoint,
         credential
     }, undefined, telemetryImplementationHint);
-    return threadId.then((threadId) => __awaiter$o(void 0, void 0, void 0, function* () {
+    return threadId.then((threadId) => __awaiter$p(void 0, void 0, void 0, function* () {
         if (UNSUPPORTED_CHAT_THREAD_TYPE.some((t) => threadId.includes(t))) {
             console.error(`Invalid Chat ThreadId: ${threadId}. Please note with Teams Channel Meetings, only Calling is supported and Chat is not currently supported. Read more: ${TEAMS_LIMITATION_LEARN_MORE}.`);
         }
@@ -27395,7 +27494,7 @@ beforeDispose) => {
         if (!credential || !displayName || !endpoint || !threadId || !userId) {
             return;
         }
-        (() => __awaiter$o(void 0, void 0, void 0, function* () {
+        (() => __awaiter$p(void 0, void 0, void 0, function* () {
             if (adapterRef.current) {
                 // Dispose the old adapter when a new one is created.
                 //
@@ -27427,7 +27526,7 @@ beforeDispose) => {
     // Dispose any existing adapter when the component unmounts.
     React.useEffect(() => {
         return () => {
-            (() => __awaiter$o(void 0, void 0, void 0, function* () {
+            (() => __awaiter$p(void 0, void 0, void 0, function* () {
                 if (adapterRef.current) {
                     if (beforeDisposeRef.current) {
                         yield beforeDisposeRef.current(adapterRef.current);
@@ -27449,7 +27548,7 @@ beforeDispose) => {
  * @public
  */
 function createAzureCommunicationChatAdapterFromClient(chatClient, chatThreadClient) {
-    return __awaiter$o(this, void 0, void 0, function* () {
+    return __awaiter$p(this, void 0, void 0, function* () {
         return new AzureCommunicationChatAdapter(chatClient, chatThreadClient);
     });
 }
@@ -27830,7 +27929,7 @@ const sendboxContainerStyles = {
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var __awaiter$n = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+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); } }
@@ -27851,7 +27950,7 @@ const AvatarPersona = (props) => {
     const { userId, dataProvider, text, imageUrl, imageInitials, initialsColor, initialsTextColor, showOverflowTooltip } = props;
     const [data, setData] = React.useState();
     React.useEffect(() => {
-        (() => __awaiter$n(void 0, void 0, void 0, function* () {
+        (() => __awaiter$o(void 0, void 0, void 0, function* () {
             if (dataProvider && userId) {
                 const newData = yield dataProvider(userId);
                 if (avatarDeepDifferenceCheck(data, newData)) {
@@ -28120,6 +28219,10 @@ const createCompositeHandlers$1 = memoizeOne((adapter) => ({
         }
         return adapter.sendMessage(content, options);
     },
+    /* @conditional-compile-remove(rich-text-editor-image-upload) */
+    onUploadImage: adapter.uploadImage,
+    /* @conditional-compile-remove(rich-text-editor-image-upload) */
+    onDeleteImage: adapter.deleteImage,
     onLoadPreviousChatMessages: adapter.loadPreviousChatMessages,
     onMessageSeen: adapter.sendReadReceipt,
     onTyping: adapter.sendTypingIndicator,
@@ -28399,7 +28502,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-D63MoVhd.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper })));
+const RichTextSendBoxWrapper = React.lazy(() => Promise.resolve().then(function () { return require('./RichTextSendBoxWrapper-Bz_1ebsD.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper })));
 /**
  * @private
  * Use this function to load RoosterJS dependencies early in the lifecycle.
@@ -28407,14 +28510,15 @@ 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-D63MoVhd.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper }));
+const loadRichTextSendBox = () => Promise.resolve().then(function () { return require('./RichTextSendBoxWrapper-Bz_1ebsD.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper }));
 /**
  * @private
  */
 const SendBoxPicker = (props) => {
-    const { 
     /* @conditional-compile-remove(rich-text-editor-composite-support) */
-    richTextEditorOptions } = props;
+    const { richTextEditorOptions } = props;
+    /* @conditional-compile-remove(rich-text-editor-image-upload) */
+    const { onPaste, onUploadInlineImage, imageUploadsInProgress, onCancelInlineImageUpload } = richTextEditorOptions || {};
     const sendBoxProps = usePropsFor$2(SendBox);
     /* @conditional-compile-remove(rich-text-editor-composite-support) */
     const isRichTextEditorEnabled = React.useMemo(() => {
@@ -28425,11 +28529,132 @@ const SendBoxPicker = (props) => {
     if (isRichTextEditorEnabled) {
         return (React.createElement(_ErrorBoundary, { fallback: sendBox },
             React.createElement(React.Suspense, { fallback: sendBox },
-                React.createElement(RichTextSendBoxWrapper, Object.assign({}, props)))));
+                React.createElement(RichTextSendBoxWrapper, Object.assign({}, props, { onPaste: onPaste, onUploadInlineImage: onUploadInlineImage, imageUploadsInProgress: imageUploadsInProgress, onCancelInlineImageUpload: onCancelInlineImageUpload })))));
     }
     return sendBox;
 };
 
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+var __awaiter$n = (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());
+    });
+};
+/* @conditional-compile-remove(rich-text-editor-image-upload) */
+const fetchBlobData = (resource, options) => __awaiter$n(void 0, void 0, void 0, function* () {
+    // default timeout is 30 seconds
+    const { timeout = 30000, abortController } = options;
+    const id = setTimeout(() => {
+        abortController.abort();
+    }, timeout);
+    const response = yield fetch(resource, Object.assign(Object.assign({}, options), { signal: abortController.signal }));
+    clearTimeout(id);
+    return response;
+});
+/* @conditional-compile-remove(rich-text-editor-image-upload) */
+const getInlineImageData = (image) => __awaiter$n(void 0, void 0, void 0, function* () {
+    const blobImage = undefined;
+    if (image.startsWith('blob') || image.startsWith('http')) {
+        const res = yield fetchBlobData(image, { abortController: new AbortController() });
+        const blobImage = yield res.blob();
+        return blobImage;
+    }
+    return blobImage;
+});
+/* @conditional-compile-remove(rich-text-editor-image-upload) */
+/**
+ * @private
+ */
+const useImageUpload = () => {
+    const MAX_INLINE_IMAGE_UPLOAD_SIZE_MB = 20;
+    const adapter = useAdapter$1();
+    const [inlineImageUploads, handleInlineImageUploadAction] = React.useReducer(AttachmentUploadReducer, []);
+    const inlineImageUploadHandler = React.useCallback((uploadTasks) => __awaiter$n(void 0, void 0, void 0, function* () {
+        var _a, _b, _c, _d, _e;
+        for (const task of uploadTasks) {
+            const uploadTask = task;
+            const image = uploadTask.image;
+            if (!image) {
+                uploadTask.notifyUploadFailed(`Image data for "${(_a = task.metadata) === null || _a === void 0 ? void 0 : _a.name}" is not provided.`);
+                continue;
+            }
+            if (image && image.size > MAX_INLINE_IMAGE_UPLOAD_SIZE_MB * 1024 * 1024) {
+                uploadTask.notifyUploadFailed(`"${(_b = task.metadata) === null || _b === void 0 ? void 0 : _b.name}" is too big. Select a file under ${MAX_INLINE_IMAGE_UPLOAD_SIZE_MB}MB.`);
+                continue;
+            }
+            const SUPPORTED_FILES = ['jpg', 'jpeg', 'png', 'gif', 'heic', 'webp'];
+            const imageExtension = (_d = (_c = task.metadata) === null || _c === void 0 ? void 0 : _c.name.split('.').pop()) !== null && _d !== void 0 ? _d : '';
+            if (!SUPPORTED_FILES.includes(imageExtension)) {
+                uploadTask.notifyUploadFailed(`Uploading ".${imageExtension}" image is not allowed.`);
+                continue;
+            }
+            try {
+                const response = yield adapter.uploadImage(image, (_e = task.metadata) === null || _e === void 0 ? void 0 : _e.name);
+                uploadTask.notifyUploadCompleted(response.id, task.metadata.url || '');
+            }
+            catch (error) {
+                console.error(error);
+                uploadTask.notifyUploadFailed('Unable to upload inline image. Please try again later.');
+            }
+        }
+    }), [adapter]);
+    const onUploadInlineImage = React.useCallback((image, fileName) => __awaiter$n(void 0, void 0, void 0, function* () {
+        if (!image) {
+            return;
+        }
+        const imageData = yield getInlineImageData(image);
+        if (!imageData) {
+            return;
+        }
+        const taskId = nanoid.nanoid();
+        const uploadTask = {
+            image: imageData,
+            taskId,
+            metadata: {
+                id: taskId,
+                name: fileName,
+                url: image,
+                progress: 0
+            },
+            notifyUploadProgressChanged: (value) => {
+                handleInlineImageUploadAction({ type: AttachmentUploadActionType.Progress, taskId, progress: value });
+            },
+            notifyUploadCompleted: (id, url) => {
+                handleInlineImageUploadAction({ type: AttachmentUploadActionType.Completed, taskId, id, url });
+            },
+            notifyUploadFailed: (message) => {
+                handleInlineImageUploadAction({ type: AttachmentUploadActionType.Failed, taskId, message });
+                // remove the failed upload task when error banner is auto dismissed after 10 seconds
+                // so the banner won't be shown again on UI re-rendering.
+                setTimeout(() => {
+                    handleInlineImageUploadAction({ type: AttachmentUploadActionType.Remove, id: taskId });
+                }, 10 * 1000);
+            }
+        };
+        const newUploads = [uploadTask];
+        handleInlineImageUploadAction({ type: AttachmentUploadActionType.Set, newUploads });
+        inlineImageUploadHandler(newUploads);
+    }), [inlineImageUploadHandler]);
+    const onCancelInlineImageUploadHandler = React.useCallback((imageId) => {
+        const imageUpload = inlineImageUploads.find((upload) => upload.metadata.id === imageId);
+        const uploadId = imageUpload === null || imageUpload === void 0 ? void 0 : imageUpload.metadata.id;
+        if (!uploadId) {
+            return;
+        }
+        handleInlineImageUploadAction({ type: AttachmentUploadActionType.Remove, id: uploadId });
+        // TODO: remove local blob
+        if ((imageUpload === null || imageUpload === void 0 ? void 0 : imageUpload.metadata.progress) === 1) {
+            adapter.deleteImage(imageId);
+        }
+    }, [adapter, inlineImageUploads]);
+    return [inlineImageUploads, handleInlineImageUploadAction, onUploadInlineImage, onCancelInlineImageUploadHandler];
+};
+
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 var __awaiter$m = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
@@ -28458,6 +28683,8 @@ const ChatScreen = (props) => {
     const [uploads, handleUploadAction] = React.useReducer(AttachmentUploadReducer, []);
     const adapter = useAdapter$1();
     const theme = useTheme();
+    /* @conditional-compile-remove(rich-text-editor-image-upload) */
+    const [inlineImageUploads, handleInlineImageUploadAction, onUploadInlineImage, onCancelInlineImageUploadHandler] = useImageUpload();
     React.useEffect(() => {
         // Initial data should be always fetched by the composite(or external caller) instead of the adapter
         const fetchData = () => __awaiter$m(void 0, void 0, void 0, function* () {
@@ -28691,6 +28918,10 @@ const ChatScreen = (props) => {
     const attachments = React.useMemo(() => {
         return uploads === null || uploads === void 0 ? void 0 : uploads.map((v) => v.metadata);
     }, [uploads]);
+    /* @conditional-compile-remove(rich-text-editor-image-upload) */
+    const imageUploadsInProgress = React.useMemo(() => {
+        return inlineImageUploads === null || inlineImageUploads === void 0 ? void 0 : inlineImageUploads.map((v) => v.metadata);
+    }, [inlineImageUploads]);
     const onSendMessageHandler = React.useCallback(function (content, 
     /* @conditional-compile-remove(file-sharing-acs) */ /* @conditional-compile-remove(rich-text-editor-composite-support) */ options) {
         return __awaiter$m(this, void 0, void 0, function* () {
@@ -28699,6 +28930,8 @@ const ChatScreen = (props) => {
             const attachments = (_a = options === null || options === void 0 ? void 0 : options.attachments) !== null && _a !== void 0 ? _a : [];
             /* @conditional-compile-remove(file-sharing-acs) */
             handleUploadAction({ type: AttachmentUploadActionType.Clear });
+            /* @conditional-compile-remove(rich-text-editor-image-upload) */
+            handleInlineImageUploadAction({ type: AttachmentUploadActionType.Clear });
             /* @conditional-compile-remove(file-sharing-acs) */
             yield adapter.sendMessage(content, {
                 attachments: attachments,
@@ -28708,34 +28941,44 @@ const ChatScreen = (props) => {
             /* @conditional-compile-remove(file-sharing-acs) */
             return;
         });
-    }, [adapter]);
+    }, [adapter, /* @conditional-compile-remove(rich-text-editor-image-upload) */ handleInlineImageUploadAction]);
+    const onUpdateMessageHandler = React.useCallback((messageId, content) => __awaiter$m(void 0, void 0, void 0, function* () {
+        yield messageThreadProps.onUpdateMessage(messageId, content);
+        /* @conditional-compile-remove(rich-text-editor-image-upload) */
+        handleInlineImageUploadAction({ type: AttachmentUploadActionType.Clear });
+    }), [/* @conditional-compile-remove(rich-text-editor-image-upload) */ handleInlineImageUploadAction, messageThreadProps]);
+    /* @conditional-compile-remove(rich-text-editor-image-upload) */
+    const onCancelEditMessageHandler = React.useCallback(() => {
+        handleInlineImageUploadAction({ type: AttachmentUploadActionType.Clear });
+    }, [handleInlineImageUploadAction]);
     /* @conditional-compile-remove(file-sharing-acs) */
     const onCancelUploadHandler = React.useCallback((id) => {
         var _a, _b;
         handleUploadAction({ type: AttachmentUploadActionType.Remove, id });
         (_b = (_a = attachmentOptions === null || attachmentOptions === void 0 ? void 0 : attachmentOptions.uploadOptions) === null || _a === void 0 ? void 0 : _a.handleAttachmentRemoval) === null || _b === void 0 ? void 0 : _b.call(_a, id);
     }, [attachmentOptions === null || attachmentOptions === void 0 ? void 0 : attachmentOptions.uploadOptions]);
-    /* @conditional-compile-remove(rich-text-editor-image-upload) */
-    const removeImageTags = React.useCallback((event) => {
-        event.content.querySelectorAll('img').forEach((image) => {
-            // If the image is the only child of its parent, remove all the parents of this img element.
-            let parentNode = image.parentElement;
-            let currentNode = image;
-            while ((parentNode === null || parentNode === void 0 ? void 0 : parentNode.childNodes.length) === 1) {
-                currentNode = parentNode;
-                parentNode = parentNode.parentElement;
-            }
-            currentNode === null || currentNode === void 0 ? void 0 : currentNode.remove();
-        });
-    }, []);
     /* @conditional-compile-remove(rich-text-editor-composite-support) */
     const richTextEditorOptions = React.useMemo(() => {
         return (options === null || options === void 0 ? void 0 : options.richTextEditor)
             ? {
-                /* @conditional-compile-remove(rich-text-editor-image-upload) */ onPaste: removeImageTags
+                /* @conditional-compile-remove(rich-text-editor-image-upload) */ onPaste: undefined,
+                /* @conditional-compile-remove(rich-text-editor-image-upload) */
+                onUploadInlineImage: onUploadInlineImage,
+                /* @conditional-compile-remove(rich-text-editor-image-upload) */
+                imageUploadsInProgress: imageUploadsInProgress,
+                /* @conditional-compile-remove(rich-text-editor-image-upload) */
+                onCancelInlineImageUpload: onCancelInlineImageUploadHandler
             }
             : undefined;
-    }, [options === null || options === void 0 ? void 0 : options.richTextEditor, removeImageTags]);
+    }, [
+        /* @conditional-compile-remove(rich-text-editor-image-upload) */
+        imageUploadsInProgress,
+        /* @conditional-compile-remove(rich-text-editor-image-upload) */
+        onCancelInlineImageUploadHandler,
+        /* @conditional-compile-remove(rich-text-editor-image-upload) */
+        onUploadInlineImage,
+        options === null || options === void 0 ? void 0 : options.richTextEditor
+    ]);
     return (React.createElement(react.Stack, { className: chatContainer, grow: true },
         (options === null || options === void 0 ? void 0 : options.topic) !== false && React.createElement(ChatHeader, Object.assign({}, headerProps)),
         React.createElement(react.Stack, { className: chatArea, tokens: participantListContainerPadding, horizontal: true, grow: true },
@@ -28745,7 +28988,9 @@ const ChatScreen = (props) => {
                 React.createElement(AttachmentDownloadErrorBar, { onDismissDownloadErrorMessage: React.useCallback(() => {
                         setDownloadErrorMessage('');
                     }, []), attachmentDownloadErrorMessage: downloadErrorMessage || '' }),
-                React.createElement(MessageThread, Object.assign({}, messageThreadProps, { onRenderAvatar: onRenderAvatarCallback, onRenderMessage: onRenderMessage, 
+                React.createElement(MessageThread, Object.assign({}, messageThreadProps, { onUpdateMessage: onUpdateMessageHandler, 
+                    /* @conditional-compile-remove(rich-text-editor-image-upload) */
+                    onCancelEditMessage: onCancelEditMessageHandler, onRenderAvatar: onRenderAvatarCallback, onRenderMessage: onRenderMessage, 
                     /* @conditional-compile-remove(file-sharing-acs) */
                     onRenderAttachmentDownloads: onRenderAttachmentDownloads, inlineImageOptions: inlineImageOptions, numberOfChatMessagesToReload: defaultNumberOfChatMessagesToReload, styles: messageThreadStyles, 
                     /* @conditional-compile-remove(rich-text-editor-composite-support) */
@@ -28767,7 +29012,13 @@ const ChatScreen = (props) => {
                                 onCancelAttachmentUpload: onCancelUploadHandler, 
                                 // we need to overwrite onSendMessage for SendBox because we need to clear attachment state
                                 // when submit button is clicked
-                                onSendMessage: onSendMessageHandler })),
+                                onSendMessage: onSendMessageHandler, 
+                                /* @conditional-compile-remove(rich-text-editor-image-upload) */
+                                onUploadInlineImage: onUploadInlineImage, 
+                                /* @conditional-compile-remove(rich-text-editor-image-upload) */
+                                imageUploadsInProgress: imageUploadsInProgress, 
+                                /* @conditional-compile-remove(rich-text-editor-image-upload) */
+                                onCancelInlineImageUpload: onCancelInlineImageUploadHandler })),
                         formFactor !== 'mobile' && (
                         /* @conditional-compile-remove(file-sharing-acs) */
                         React.createElement(AttachmentButton, null))))),
@@ -28918,44 +29169,46 @@ const adaptCompositeState = (compositeState) => {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 /**
- * Take the set of active errors, and filter to only those that are newer than previously dismissed errors or have never been dismissed.
+ * Take the set of active notifications, and filter to only those that are newer than previously dismissed notifications or have never been dismissed.
  *
  * @private
  */
-const filterLatestErrors = (activeErrors, trackedErrors) => {
-    const filteredErrors = activeErrors.filter((activeError) => {
-        const trackedError = trackedErrors[activeError.type];
-        return (!trackedError || !trackedError.lastDismissedAt || trackedError.lastDismissedAt < trackedError.mostRecentlyActive);
+const filterLatestNotifications = (activeNotifications, trackedNotifications) => {
+    const filteredNotifications = activeNotifications.filter((activeNotification) => {
+        const trackedNotification = trackedNotifications[activeNotification.type];
+        return (!trackedNotification ||
+            !trackedNotification.lastDismissedAt ||
+            trackedNotification.lastDismissedAt < trackedNotification.mostRecentlyActive);
     });
-    return filteredErrors;
+    return filteredNotifications;
 };
 /**
- * Maintain a record of the most recently active error for each error type.
+ * Maintain a record of the most recently active notification for each notification type.
  *
  * @private
  */
-const updateTrackedErrorsWithActiveErrors = (existingTrackedErrors, activeErrors) => {
+const updateTrackedNotificationsWithActiveNotifications = (existingTrackedNotifications, activeNotifications) => {
     var _a, _b;
-    const trackedErrors = {};
-    // Only care about active errors. If errors are no longer active we do not track that they have been previously dismissed.
-    for (const activeError of activeErrors) {
-        const existingTrackedError = existingTrackedErrors[activeError.type];
-        trackedErrors[activeError.type] = {
-            mostRecentlyActive: (_b = (_a = activeError.timestamp) !== null && _a !== void 0 ? _a : existingTrackedError === null || existingTrackedError === void 0 ? void 0 : existingTrackedError.mostRecentlyActive) !== null && _b !== void 0 ? _b : new Date(Date.now()),
-            lastDismissedAt: existingTrackedError === null || existingTrackedError === void 0 ? void 0 : existingTrackedError.lastDismissedAt
+    const trackedNotifications = {};
+    // Only care about active notifications. If notifications are no longer active we do not track that they have been previously dismissed.
+    for (const activeNotification of activeNotifications) {
+        const existingTrackedNotification = existingTrackedNotifications[activeNotification.type];
+        trackedNotifications[activeNotification.type] = {
+            mostRecentlyActive: (_b = (_a = activeNotification.timestamp) !== null && _a !== void 0 ? _a : existingTrackedNotification === null || existingTrackedNotification === void 0 ? void 0 : existingTrackedNotification.mostRecentlyActive) !== null && _b !== void 0 ? _b : new Date(Date.now()),
+            lastDismissedAt: existingTrackedNotification === null || existingTrackedNotification === void 0 ? void 0 : existingTrackedNotification.lastDismissedAt
         };
     }
-    return trackedErrors;
+    return trackedNotifications;
 };
 /**
- * Create a record for when the error was most recently dismissed for tracking dismissed errors.
+ * Create a record for when the notification was most recently dismissed for tracking dismissed notifications.
  *
  * @private
  */
-const trackErrorAsDismissed = (errorType, trackedErrors) => {
+const trackNotificationAsDismissed = (notificationType, trackedNotifications) => {
     const now = new Date(Date.now());
-    const existingError = trackedErrors[errorType];
-    return Object.assign(Object.assign({}, trackedErrors), { [errorType]: Object.assign(Object.assign({}, (existingError || {})), { lastDismissedAt: now }) });
+    const existingNotification = trackedNotifications[notificationType];
+    return Object.assign(Object.assign({}, trackedNotifications), { [notificationType]: Object.assign(Object.assign({}, (existingNotification || {})), { lastDismissedAt: now }) });
 };
 
 // Copyright (c) Microsoft Corporation.
@@ -29451,6 +29704,110 @@ const getSelectedCameraFromAdapterState = (state) => state.devices.selectedCamer
 const getLocatorOrTargetCallees = (locatorOrTargetCallees) => {
     return !!Array.isArray(locatorOrTargetCallees);
 };
+/* @conditional-compile-remove(notifications) */
+/**
+ * Return different conditions based on the current and previous state of recording and transcribing
+ *
+ * @param callRecordState - The current call record state: on, off, stopped
+ * @param callTranscribeState - The current call transcribe state: on, off, stopped
+ *
+ * @remarks - The stopped state means: previously on but currently off
+ *
+ * @private
+ */
+const computeVariant = (callRecordState, callTranscribeState) => {
+    if (callRecordState === 'on' && callTranscribeState === 'on') {
+        return 'recordingAndTranscriptionStarted';
+    }
+    else if (callRecordState === 'on' && callTranscribeState === 'off') {
+        return 'recordingStarted';
+    }
+    else if (callRecordState === 'off' && callTranscribeState === 'on') {
+        return 'transcriptionStarted';
+    }
+    else if (callRecordState === 'on' && callTranscribeState === 'stopped') {
+        return 'transcriptionStoppedStillRecording';
+    }
+    else if (callRecordState === 'stopped' && callTranscribeState === 'on') {
+        return 'recordingStoppedStillTranscribing';
+    }
+    else if (callRecordState === 'off' && callTranscribeState === 'stopped') {
+        return 'transcriptionStopped';
+    }
+    else if (callRecordState === 'stopped' && callTranscribeState === 'off') {
+        return 'recordingStopped';
+    }
+    else if (callRecordState === 'stopped' && callTranscribeState === 'stopped') {
+        return 'recordingAndTranscriptionStopped';
+    }
+    else {
+        return 'noState';
+    }
+};
+/* @conditional-compile-remove(notifications) */
+/**
+ * @private
+ */
+function determineStates(previous, current) {
+    // if current state is on, then return on
+    if (current) {
+        return 'on';
+    }
+    // if current state is off
+    else {
+        // if previous state is on and current state is off, return stopped (on -> off)
+        if (previous === 'on') {
+            return 'stopped';
+        }
+        // otherwise remain previous state unchanged
+        else {
+            return previous;
+        }
+    }
+}
+/* @conditional-compile-remove(notifications) */
+/**
+ * Compute compliance notification based on latest compliance state and cached props.
+ * @private
+ */
+function computeComplianceNotification(complianceProps, cachedProps) {
+    // Only update cached props and variant if there is _some_ change in the latest props.
+    // This ensures that state machine is only updated if there is an actual change in the props.
+    const shouldUpdateCached = complianceProps.callRecordState !== cachedProps.current.latestBooleanState.callRecordState ||
+        complianceProps.callTranscribeState !== cachedProps.current.latestBooleanState.callTranscribeState;
+    // The following three operations must be performed in this exact order:
+    // [1]: Update cached state to transition the state machine.
+    if (shouldUpdateCached) {
+        cachedProps.current = {
+            latestBooleanState: complianceProps,
+            latestStringState: {
+                callRecordState: determineStates(cachedProps.current.latestStringState.callRecordState, complianceProps.callRecordState),
+                callTranscribeState: determineStates(cachedProps.current.latestStringState.callTranscribeState, complianceProps.callTranscribeState)
+            },
+            lastUpdated: Date.now()
+        };
+    }
+    // [2]: Compute the variant, using the transitioned state machine.
+    const variant = computeVariant(cachedProps.current.latestStringState.callRecordState, cachedProps.current.latestStringState.callTranscribeState);
+    // [3]: Transition the state machine again to deal with some end-states.
+    if (!shouldUpdateCached &&
+        cachedProps.current.latestStringState.callRecordState === 'stopped' &&
+        cachedProps.current.latestStringState.callTranscribeState === 'stopped') {
+        // When both states are stopped, after displaying message "RECORDING_AND_TRANSCRIPTION_STOPPED", change both states to off (going back to the default state).
+        cachedProps.current.latestStringState.callRecordState = 'off';
+        cachedProps.current.latestStringState.callTranscribeState = 'off';
+    }
+    // If the variant is not 'noState', then show the notification.
+    if (variant !== 'noState') {
+        return {
+            type: variant,
+            timestamp: new Date(Date.now())
+        };
+    }
+    else {
+        return undefined;
+    }
+}
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
@@ -34597,6 +34954,10 @@ const CallArrangement = (props) => {
         /* @conditional-compile-remove(notifications) */
         return React.createElement(React.Fragment, null);
     };
+    const complianceBannerTrampoline = () => {
+        /* @conditional-compile-remove(notifications) */
+        return React.createElement(React.Fragment, null);
+    };
     return (React.createElement("div", { ref: containerRef, className: react.mergeStyles(containerDivStyles), id: props.id },
         React.createElement(react.Stack, { verticalFill: true, horizontalAlign: "stretch", className: containerClassName, "data-ui-id": props.dataUiId },
             React.createElement(react.Stack, { reversed: true, horizontal: verticalControlBar, grow: true, styles: callArrangementContainerStyles(verticalControlBar) },
@@ -34627,11 +34988,10 @@ const CallArrangement = (props) => {
                         React.createElement(react.Stack.Item, { styles: callGalleryStyles, grow: true },
                             React.createElement(react.Stack, { verticalFill: true, styles: mediaGalleryContainerStyles$1 },
                                 React.createElement(react.Stack.Item, { styles: notificationsContainerStyles },
-                                    React.createElement(react.Stack, { styles: bannerNotificationStyles },
-                                        React.createElement(_ComplianceBanner, Object.assign({}, props.complianceBannerProps))),
+                                    complianceBannerTrampoline(),
                                     errorNotificationTrampoline(),
                                     /* @conditional-compile-remove(notifications) */ props.latestNotifications && (React.createElement(react.Stack, { styles: notificationStackStyles, horizontalAlign: "center", verticalAlign: "center" },
-                                        React.createElement(NotificationStack, { activeNotifications: props.latestNotifications }))),
+                                        React.createElement(NotificationStack, { activeNotifications: props.latestNotifications, onDismissNotification: props.onDismissNotification }))),
                                     props.capabilitiesChangedNotificationBarProps &&
                                         props.capabilitiesChangedNotificationBarProps.capabilitiesChangedNotifications.length > 0 && (React.createElement(react.Stack, { styles: bannerNotificationStyles },
                                         React.createElement(CapabilitiesChangedNotificationBar, Object.assign({}, props.capabilitiesChangedNotificationBarProps, { capabilitiesChangedNotifications: filteredCapabilitesChangedNotifications !== null && filteredCapabilitesChangedNotifications !== void 0 ? filteredCapabilitesChangedNotifications : [] })))),
@@ -35147,7 +35507,9 @@ const CallPage = (props) => {
     var _a, _b;
     const { callInvitationURL, onFetchAvatarPersonaData, onFetchParticipantMenuItems, options, mobileView, galleryLayout = 'floatingLocalVideo', onUserSetGalleryLayoutChange, userSetOverflowGalleryPosition = 'Responsive', onSetUserSetOverflowGalleryPosition, onCloseChatPane, pinnedParticipants, setPinnedParticipants, compositeAudioContext, disableAutoShowDtmfDialer = false, 
     /* @conditional-compile-remove(notifications) */
-    latestNotifications } = props;
+    latestNotifications, 
+    /* @conditional-compile-remove(notifications) */
+    onDismissNotification } = props;
     // To use useProps to get these states, we need to create another file wrapping Call,
     // It seems unnecessary in this case, so we get the updated states using this approach.
     const { callStatus } = useSelector$1(callStatusSelector);
@@ -35187,7 +35549,9 @@ const CallPage = (props) => {
             }, onFetchAvatarPersonaData: onFetchAvatarPersonaData, mobileView: mobileView, modalLayerHostId: props.modalLayerHostId, onRenderGalleryContent: () => _isInCall(callStatus) ? (isNetworkHealthy(networkReconnectTileProps.networkReconnectValue) ? (onRenderGalleryContentTrampoline()) : (React.createElement(NetworkReconnectTile, Object.assign({}, networkReconnectTileProps, { 
                 /* /* @conditional-compile-remove(teams-meeting-conference) */ isMobile: mobileView })))) : (React.createElement(React.Fragment, null)), updateSidePaneRenderer: props.updateSidePaneRenderer, mobileChatTabHeader: props.mobileChatTabHeader, onCloseChatPane: onCloseChatPane, dataUiId: 'call-page', latestErrors: props.latestErrors, 
             /* @conditional-compile-remove(notifications) */
-            latestNotifications: latestNotifications, onDismissError: props.onDismissError, onUserSetOverflowGalleryPositionChange: onSetUserSetOverflowGalleryPosition, onUserSetGalleryLayoutChange: onUserSetGalleryLayoutChange, userSetGalleryLayout: galleryLayout, capabilitiesChangedNotificationBarProps: props.capabilitiesChangedNotificationBarProps, onSetDialpadPage: () => setDtmfDialerPresent(!dtmfDialerPresent), dtmfDialerPresent: dtmfDialerPresent, setIsPromptOpen: setIsPromptOpen, setPromptProps: setPromptProps, hideSpotlightButtons: (_b = options === null || options === void 0 ? void 0 : options.spotlight) === null || _b === void 0 ? void 0 : _b.hideSpotlightButtons, pinnedParticipants: pinnedParticipants, setPinnedParticipants: setPinnedParticipants }),
+            latestNotifications: latestNotifications, onDismissError: props.onDismissError, 
+            /* @conditional-compile-remove(notifications) */
+            onDismissNotification: onDismissNotification, onUserSetOverflowGalleryPositionChange: onSetUserSetOverflowGalleryPosition, onUserSetGalleryLayoutChange: onUserSetGalleryLayoutChange, userSetGalleryLayout: galleryLayout, capabilitiesChangedNotificationBarProps: props.capabilitiesChangedNotificationBarProps, onSetDialpadPage: () => setDtmfDialerPresent(!dtmfDialerPresent), dtmfDialerPresent: dtmfDialerPresent, setIsPromptOpen: setIsPromptOpen, setPromptProps: setPromptProps, hideSpotlightButtons: (_b = options === null || options === void 0 ? void 0 : options.spotlight) === null || _b === void 0 ? void 0 : _b.hideSpotlightButtons, pinnedParticipants: pinnedParticipants, setPinnedParticipants: setPinnedParticipants }),
         React.createElement(Prompt, Object.assign({ isOpen: isPromptOpen, onDismiss: () => setIsPromptOpen(false) }, promptProps))));
 };
 /**
@@ -36600,7 +36964,9 @@ const LobbyPage = (props) => {
             increaseFlyoutItemSize: props.mobileView
         }, mobileView: props.mobileView, modalLayerHostId: props.modalLayerHostId, onRenderGalleryContent: () => (React.createElement(LobbyTile, Object.assign({}, lobbyProps, { showLocalVideoCameraCycleButton: props.mobileView, overlayProps: overlayProps(strings, inLobby, Object.values(participants)) }))), dataUiId: 'lobby-page', updateSidePaneRenderer: props.updateSidePaneRenderer, mobileChatTabHeader: props.mobileChatTabHeader, latestErrors: props.latestErrors, onDismissError: props.onDismissError, 
         /* @conditional-compile-remove(notifications) */
-        latestNotifications: props.latestNotifications }));
+        latestNotifications: props.latestNotifications, 
+        /* @conditional-compile-remove(notifications) */
+        onDismissNotification: props.onDismissNotification }));
 };
 const overlayProps = (strings, inLobby, remoteParticipants) => {
     /**
@@ -36750,7 +37116,11 @@ const TransferPage = (props) => {
                 increaseFlyoutItemSize: props.mobileView
             }, mobileView: props.mobileView, modalLayerHostId: props.modalLayerHostId, onRenderGalleryContent: () => (React.createElement(TransferTile, { userId: transferTileParticipant ? toFlatCommunicationIdentifier(transferTileParticipant === null || transferTileParticipant === void 0 ? void 0 : transferTileParticipant.identifier) : undefined, displayName: transferParticipantDisplayName, initialsName: transferParticipantDisplayName, statusText: pageSubject === 'transferTarget'
                     ? strings.transferPageTransferTargetText
-                    : strings.transferPageTransferorText, onFetchAvatarPersonaData: props.onFetchAvatarPersonaData })), dataUiId: 'transfer-page', updateSidePaneRenderer: props.updateSidePaneRenderer, mobileChatTabHeader: props.mobileChatTabHeader, latestErrors: props.latestErrors, onDismissError: props.onDismissError })));
+                    : strings.transferPageTransferorText, onFetchAvatarPersonaData: props.onFetchAvatarPersonaData })), dataUiId: 'transfer-page', updateSidePaneRenderer: props.updateSidePaneRenderer, mobileChatTabHeader: props.mobileChatTabHeader, latestErrors: props.latestErrors, onDismissError: props.onDismissError, 
+            /* @conditional-compile-remove(notifications) */
+            onDismissNotification: props.onDismissNotification, 
+            /* @conditional-compile-remove(notifications) */
+            latestNotifications: props.latestNotifications })));
 };
 const TransferTile = (props) => {
     const { displayName, initialsName, userId, onFetchAvatarPersonaData, statusText } = props;
@@ -36975,7 +37345,9 @@ const HoldPage = (props) => {
             increaseFlyoutItemSize: props.mobileView
         }, mobileView: props.mobileView, modalLayerHostId: props.modalLayerHostId, onRenderGalleryContent: () => React.createElement(HoldPane, null), dataUiId: 'hold-page', updateSidePaneRenderer: props.updateSidePaneRenderer, mobileChatTabHeader: props.mobileChatTabHeader, latestErrors: props.latestErrors, 
         /* @conditional-compile-remove(notifications) */
-        latestNotifications: props.latestNotifications, onDismissError: props.onDismissError }));
+        latestNotifications: props.latestNotifications, onDismissError: props.onDismissError, 
+        /* @conditional-compile-remove(notifications) */
+        onDismissNotification: props.onDismissNotification }));
 };
 
 // Copyright (c) Microsoft Corporation.
@@ -37471,23 +37843,63 @@ const MainScreen = (props) => {
     /* @conditional-compile-remove(notifications) */
     const activeInCallErrors = usePropsFor$1(NotificationStack).activeErrorMessages;
     /* @conditional-compile-remove(notifications) */
-    const activeNotifications = usePropsFor$1(NotificationStack).activeNotifications;
+    const activeNotificationsFromSelector = usePropsFor$1(NotificationStack).activeNotifications;
+    /* @conditional-compile-remove(notifications) */
+    const complianceProps = useSelector$1(complianceBannerSelector);
+    /* @conditional-compile-remove(notifications) */
+    const cachedProps = React.useRef({
+        latestBooleanState: {
+            callTranscribeState: false,
+            callRecordState: false
+        },
+        latestStringState: {
+            callTranscribeState: 'off',
+            callRecordState: 'off'
+        },
+        lastUpdated: Date.now()
+    });
+    /* @conditional-compile-remove(notifications) */
+    const complianceNotification = React.useMemo(() => {
+        return computeComplianceNotification(complianceProps, cachedProps);
+    }, [complianceProps, cachedProps]);
     const [trackedErrors, setTrackedErrors] = React.useState({});
     /* @conditional-compile-remove(notifications) */
     const [trackedInCallErrors, setTrackedInCallErrors] = React.useState({});
+    /* @conditional-compile-remove(notifications) */
+    const [trackedNotifications, setTrackedNotifications] = React.useState({});
+    /* @conditional-compile-remove(notifications) */
+    const [activeNotifications, setActiveNotifications] = React.useState(activeNotificationsFromSelector);
+    /* @conditional-compile-remove(notifications) */
     React.useEffect(() => {
-        setTrackedErrors((prev) => updateTrackedErrorsWithActiveErrors(prev, activeErrors));
+        if (complianceNotification) {
+            setActiveNotifications([...activeNotificationsFromSelector, complianceNotification]);
+        }
+    }, [complianceNotification, activeNotificationsFromSelector]);
+    React.useEffect(() => {
+        setTrackedErrors((prev) => updateTrackedNotificationsWithActiveNotifications(prev, activeErrors));
         /* @conditional-compile-remove(notifications) */
-        setTrackedInCallErrors((prev) => updateTrackedErrorsWithActiveErrors(prev, activeInCallErrors));
-    }, [activeErrors, /* @conditional-compile-remove(notifications) */ activeInCallErrors]);
+        setTrackedInCallErrors((prev) => updateTrackedNotificationsWithActiveNotifications(prev, activeInCallErrors));
+        /* @conditional-compile-remove(notifications) */
+        setTrackedNotifications((prev) => updateTrackedNotificationsWithActiveNotifications(prev, activeNotifications));
+    }, [
+        activeErrors,
+        /* @conditional-compile-remove(notifications) */ activeInCallErrors,
+        /* @conditional-compile-remove(notifications) */ activeNotifications
+    ]);
     const onDismissError = React.useCallback((error) => {
-        setTrackedErrors((prev) => trackErrorAsDismissed(error.type, prev));
+        setTrackedErrors((prev) => trackNotificationAsDismissed(error.type, prev));
         /* @conditional-compile-remove(notifications) */
-        setTrackedInCallErrors((prev) => trackErrorAsDismissed(error.type, prev));
+        setTrackedInCallErrors((prev) => trackNotificationAsDismissed(error.type, prev));
+    }, []);
+    /* @conditional-compile-remove(notifications) */
+    const onDismissNotification = React.useCallback((notification) => {
+        setTrackedNotifications((prev) => trackNotificationAsDismissed(notification.type, prev));
     }, []);
-    const latestErrors = React.useMemo(() => filterLatestErrors(activeErrors, trackedErrors), [activeErrors, trackedErrors]);
+    const latestErrors = React.useMemo(() => filterLatestNotifications(activeErrors, trackedErrors), [activeErrors, trackedErrors]);
+    /* @conditional-compile-remove(notifications) */
+    const latestInCallErrors = React.useMemo(() => filterLatestNotifications(activeInCallErrors, trackedInCallErrors), [activeInCallErrors, trackedInCallErrors]);
     /* @conditional-compile-remove(notifications) */
-    const latestInCallErrors = React.useMemo(() => filterLatestErrors(activeInCallErrors, trackedInCallErrors), [activeInCallErrors, trackedInCallErrors]);
+    const latestNotifications = React.useMemo(() => filterLatestNotifications(activeNotifications, trackedNotifications), [activeNotifications, trackedNotifications]);
     const callees = useSelector$1(getTargetCallees);
     const locale = useLocale();
     const palette = useTheme().palette;
@@ -37552,23 +37964,31 @@ const MainScreen = (props) => {
         case 'lobby':
             pageElement = (React.createElement(LobbyPage, { mobileView: props.mobileView, modalLayerHostId: props.modalLayerHostId, options: props.options, updateSidePaneRenderer: setSidePaneRenderer, mobileChatTabHeader: props.mobileChatTabHeader, latestErrors: getLatestErrorsTrampoline(), 
                 /* @conditional-compile-remove(notifications) */
-                latestNotifications: activeNotifications, onDismissError: onDismissError, capabilitiesChangedNotificationBarProps: capabilitiesChangedNotificationBarProps }));
+                latestNotifications: latestNotifications, onDismissError: onDismissError, 
+                /* @conditional-compile-remove(notifications) */
+                onDismissNotification: onDismissNotification, capabilitiesChangedNotificationBarProps: capabilitiesChangedNotificationBarProps }));
             break;
         case 'transferring':
             pageElement = (React.createElement(TransferPage, { mobileView: props.mobileView, modalLayerHostId: props.modalLayerHostId, options: props.options, updateSidePaneRenderer: setSidePaneRenderer, mobileChatTabHeader: props.mobileChatTabHeader, onFetchAvatarPersonaData: onFetchAvatarPersonaData, latestErrors: getLatestErrorsTrampoline(), 
                 /* @conditional-compile-remove(notifications) */
-                latestNotifications: activeNotifications, onDismissError: onDismissError, capabilitiesChangedNotificationBarProps: capabilitiesChangedNotificationBarProps }));
+                latestNotifications: latestNotifications, onDismissError: onDismissError, 
+                /* @conditional-compile-remove(notifications) */
+                onDismissNotification: onDismissNotification, capabilitiesChangedNotificationBarProps: capabilitiesChangedNotificationBarProps }));
             break;
         case 'call':
             pageElement = (React.createElement(CallPage, { callInvitationURL: callInvitationUrl, onFetchAvatarPersonaData: onFetchAvatarPersonaData, onFetchParticipantMenuItems: onFetchParticipantMenuItems, mobileView: props.mobileView, modalLayerHostId: props.modalLayerHostId, options: props.options, updateSidePaneRenderer: setSidePaneRenderer, mobileChatTabHeader: props.mobileChatTabHeader, onCloseChatPane: props.onCloseChatPane, latestErrors: getLatestErrorsTrampoline(), 
                 /* @conditional-compile-remove(notifications) */
-                latestNotifications: activeNotifications, onDismissError: onDismissError, galleryLayout: userSetGalleryLayout, onUserSetGalleryLayoutChange: setUserSetGalleryLayout, onSetUserSetOverflowGalleryPosition: setUserSetOverflowGalleryPosition, userSetOverflowGalleryPosition: userSetOverflowGalleryPosition, capabilitiesChangedNotificationBarProps: capabilitiesChangedNotificationBarProps, pinnedParticipants: pinnedParticipants, setPinnedParticipants: setPinnedParticipants, compositeAudioContext: compositeAudioContext, disableAutoShowDtmfDialer: (_q = props.options) === null || _q === void 0 ? void 0 : _q.disableAutoShowDtmfDialer }));
+                latestNotifications: latestNotifications, onDismissError: onDismissError, 
+                /* @conditional-compile-remove(notifications) */
+                onDismissNotification: onDismissNotification, galleryLayout: userSetGalleryLayout, onUserSetGalleryLayoutChange: setUserSetGalleryLayout, onSetUserSetOverflowGalleryPosition: setUserSetOverflowGalleryPosition, userSetOverflowGalleryPosition: userSetOverflowGalleryPosition, capabilitiesChangedNotificationBarProps: capabilitiesChangedNotificationBarProps, pinnedParticipants: pinnedParticipants, setPinnedParticipants: setPinnedParticipants, compositeAudioContext: compositeAudioContext, disableAutoShowDtmfDialer: (_q = props.options) === null || _q === void 0 ? void 0 : _q.disableAutoShowDtmfDialer }));
             break;
         /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
         case 'hold':
             pageElement = (React.createElement(React.Fragment, null, React.createElement(HoldPage, { mobileView: props.mobileView, modalLayerHostId: props.modalLayerHostId, options: props.options, updateSidePaneRenderer: setSidePaneRenderer, mobileChatTabHeader: props.mobileChatTabHeader, latestErrors: getLatestErrorsTrampoline(), 
                 /* @conditional-compile-remove(notifications) */
-                latestNotifications: activeNotifications, onDismissError: onDismissError, capabilitiesChangedNotificationBarProps: capabilitiesChangedNotificationBarProps })));
+                latestNotifications: latestNotifications, onDismissError: onDismissError, 
+                /* @conditional-compile-remove(notifications) */
+                onDismissNotification: onDismissNotification, capabilitiesChangedNotificationBarProps: capabilitiesChangedNotificationBarProps })));
             break;
     }
     useEndedCallConsoleErrors(endedCall);
@@ -39573,7 +39993,23 @@ class CallWithChatBackedChatAdapter {
                 yield this.callWithChatAdapter.sendMessage(content, /* @conditional-compile-remove(file-sharing-acs) */ options);
             });
         };
+        /* @conditional-compile-remove(rich-text-editor-image-upload) */
+        this.uploadImageHandler = function (image, fileName) {
+            return __awaiter$3(this, void 0, void 0, function* () {
+                return yield this.callWithChatAdapter.uploadImage(image, fileName);
+            });
+        };
+        /* @conditional-compile-remove(rich-text-editor-image-upload) */
+        this.deleteImageHandler = function (imageId) {
+            return __awaiter$3(this, void 0, void 0, function* () {
+                return yield this.callWithChatAdapter.deleteImage(imageId);
+            });
+        };
         this.sendMessage = this.sendMessageHandler.bind(this);
+        /* @conditional-compile-remove(rich-text-editor-image-upload) */
+        this.uploadImage = this.uploadImageHandler.bind(this);
+        /* @conditional-compile-remove(rich-text-editor-image-upload) */
+        this.deleteImage = this.deleteImageHandler.bind(this);
         this.sendReadReceipt = (chatMessageId) => __awaiter$3(this, void 0, void 0, function* () { return yield this.callWithChatAdapter.sendReadReceipt(chatMessageId); });
         this.sendTypingIndicator = () => __awaiter$3(this, void 0, void 0, function* () { return yield this.callWithChatAdapter.sendTypingIndicator(); });
         this.removeParticipant = (userId) => __awaiter$3(this, void 0, void 0, function* () { return yield this.callWithChatAdapter.removeParticipant(userId); });
@@ -40210,6 +40646,10 @@ class AzureCommunicationCallWithChatAdapter {
         this.disposeScreenShareStreamView.bind(this);
         this.fetchInitialData.bind(this);
         this.sendMessage.bind(this);
+        /* @conditional-compile-remove(rich-text-editor-image-upload) */
+        this.uploadImage.bind(this);
+        /* @conditional-compile-remove(rich-text-editor-image-upload) */
+        this.deleteImage.bind(this);
         this.sendReadReceipt.bind(this);
         this.sendTypingIndicator.bind(this);
         this.loadPreviousChatMessages.bind(this);
@@ -40443,6 +40883,24 @@ class AzureCommunicationCallWithChatAdapter {
             });
         });
     }
+    /* @conditional-compile-remove(rich-text-editor-image-upload) */
+    /** Upload a chat image. */
+    uploadImage(image, imageFileName) {
+        return __awaiter$2(this, void 0, void 0, function* () {
+            return yield this.executeWithResolvedChatAdapter((adapter) => {
+                return adapter.uploadImage(image, imageFileName);
+            });
+        });
+    }
+    /* @conditional-compile-remove(rich-text-editor-image-upload) */
+    /** Delete a chat image. */
+    deleteImage(imageId) {
+        return __awaiter$2(this, void 0, void 0, function* () {
+            return yield this.executeWithResolvedChatAdapter((adapter) => {
+                return adapter.deleteImage(imageId);
+            });
+        });
+    }
     /** Send a chat read receipt. */
     sendReadReceipt(chatMessageId) {
         return __awaiter$2(this, void 0, void 0, function* () {
@@ -41607,6 +42065,7 @@ exports._IdentifierProvider = _IdentifierProvider;
 exports._formatString = _formatString;
 exports.attachmentMetadataReducer = attachmentMetadataReducer;
 exports.attachmentUploadCardsStyles = attachmentUploadCardsStyles;
+exports.cancelInlineImageUpload = cancelInlineImageUpload;
 exports.createAzureCommunicationCallAdapter = createAzureCommunicationCallAdapter;
 exports.createAzureCommunicationCallAdapterFromClient = createAzureCommunicationCallAdapterFromClient;
 exports.createAzureCommunicationCallWithChatAdapter = createAzureCommunicationCallWithChatAdapter;
@@ -41630,7 +42089,10 @@ exports.getMessageState = getMessageState;
 exports.getMessageWithAttachmentMetadata = getMessageWithAttachmentMetadata;
 exports.getSelector = getSelector$1;
 exports.getSelector$1 = getSelector;
+exports.hasIncompleteAttachmentUploads = hasIncompleteAttachmentUploads;
 exports.imageOverlayTheme = imageOverlayTheme;
+exports.insertAttachmentsAndImages = insertAttachmentsAndImages;
+exports.isAttachmentUploadCompleted = isAttachmentUploadCompleted;
 exports.lightTheme = lightTheme;
 exports.onRenderCancelIcon = onRenderCancelIcon;
 exports.onRenderSubmitIcon = onRenderSubmitIcon;
@@ -41658,4 +42120,4 @@ exports.useTeamsCall = useTeamsCall;
 exports.useTeamsCallAdapter = useTeamsCallAdapter;
 exports.useTeamsCallAgent = useTeamsCallAgent;
 exports.useTheme = useTheme;
-//# sourceMappingURL=index-xFes8-H4.js.map
+//# sourceMappingURL=index-DGXoGo4W.js.map