npm - @azure/communication-react - Versions diffs - 1.26.0-alpha-202504080017 → 1.26.0-alpha-202504100018 - Mend

@azure/communication-react 1.26.0-alpha-202504080017 → 1.26.0-alpha-202504100018

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (22) hide show

package/dist/dist-cjs/communication-react/{index-BWWxc3Tx.js → index-B61VVYm8.js} RENAMED Viewed

@@ -187,7 +187,7 @@ function getDefaultExportFromCjs (x) {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 // GENERATED FILE. DO NOT EDIT MANUALLY.
-var telemetryVersion = '1.26.0-alpha-202504080017';
+var telemetryVersion = '1.26.0-alpha-202504100018';
 var telemetryVersion$1 = /*@__PURE__*/getDefaultExportFromCjs(telemetryVersion);
@@ -638,7 +638,7 @@ const getTogetherModeCallFeature = (state, props) => { var _a; return (_a = stat
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var __awaiter$13 = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$14 = (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); } }
@@ -678,7 +678,7 @@ const _isPreviewOn = (deviceManager) => {
  *
  * @private
  */
-const disposeAllLocalPreviewViews = (callClient) => __awaiter$13(undefined, undefined, undefined, function* () {
+const disposeAllLocalPreviewViews = (callClient) => __awaiter$14(undefined, undefined, undefined, function* () {
     const unparentedViews = callClient.getState().deviceManager.unparentedViews;
     for (const view of unparentedViews) {
         yield callClient.disposeView(undefined, undefined, view);
@@ -754,7 +754,7 @@ const maskDisplayNameWithRole = (displayName, localUserRole, participantRole, is
  * Helper to create a local video stream from the selected camera.
  * @private
  */
-const createLocalVideoStream = (callClient) => __awaiter$13(undefined, undefined, undefined, function* () {
+const createLocalVideoStream = (callClient) => __awaiter$14(undefined, undefined, undefined, function* () {
     const camera = yield (callClient === null || callClient === undefined ? undefined : callClient.getState().deviceManager.selectedCamera);
     if (camera) {
         return new communicationCalling.LocalVideoStream(camera);
@@ -889,7 +889,7 @@ const holdButtonSelector = reselect__namespace.createSelector([getCallState], (c
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var __awaiter$12 = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$13 = (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); } }
@@ -910,7 +910,7 @@ const areStreamsEqual = (prevStream, newStream) => {
  * @private
  */
 const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager, call, options) => {
-    const onStartLocalVideo = () => __awaiter$12(undefined, undefined, undefined, function* () {
+    const onStartLocalVideo = () => __awaiter$13(undefined, undefined, undefined, 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?
@@ -930,7 +930,7 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
             yield call.startVideo(stream);
         }
     });
-    const onStopLocalVideo = (stream) => __awaiter$12(undefined, undefined, undefined, function* () {
+    const onStopLocalVideo = (stream) => __awaiter$13(undefined, undefined, undefined, function* () {
         const callId = call === null || call === undefined ? undefined : call.id;
         if (!callId) {
             return;
@@ -939,7 +939,7 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
             yield call.stopVideo(stream);
         }
     });
-    const onToggleCamera = (options) => __awaiter$12(undefined, undefined, undefined, function* () {
+    const onToggleCamera = (options) => __awaiter$13(undefined, undefined, undefined, 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
@@ -996,19 +996,19 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
             }
         }
     });
-    const onSelectMicrophone = (device) => __awaiter$12(undefined, undefined, undefined, function* () {
+    const onSelectMicrophone = (device) => __awaiter$13(undefined, undefined, undefined, function* () {
         if (!deviceManager) {
             return;
         }
         return deviceManager.selectMicrophone(device);
     });
-    const onSelectSpeaker = (device) => __awaiter$12(undefined, undefined, undefined, function* () {
+    const onSelectSpeaker = (device) => __awaiter$13(undefined, undefined, undefined, function* () {
         if (!deviceManager) {
             return;
         }
         return deviceManager.selectSpeaker(device);
     });
-    const onSelectCamera = (device, options) => __awaiter$12(undefined, undefined, undefined, function* () {
+    const onSelectCamera = (device, options) => __awaiter$13(undefined, undefined, undefined, function* () {
         if (!deviceManager) {
             return;
         }
@@ -1047,9 +1047,9 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
             }, options);
         }
     });
-    const onRaiseHand = () => __awaiter$12(undefined, undefined, undefined, function* () { var _a; return yield ((_a = call === null || call === undefined ? undefined : call.feature(communicationCalling.Features.RaiseHand)) === null || _a === undefined ? undefined : _a.raiseHand()); });
-    const onLowerHand = () => __awaiter$12(undefined, undefined, undefined, function* () { var _b; return yield ((_b = call === null || call === undefined ? undefined : call.feature(communicationCalling.Features.RaiseHand)) === null || _b === undefined ? undefined : _b.lowerHand()); });
-    const onToggleRaiseHand = () => __awaiter$12(undefined, undefined, undefined, function* () {
+    const onRaiseHand = () => __awaiter$13(undefined, undefined, undefined, function* () { var _a; return yield ((_a = call === null || call === undefined ? undefined : call.feature(communicationCalling.Features.RaiseHand)) === null || _a === undefined ? undefined : _a.raiseHand()); });
+    const onLowerHand = () => __awaiter$13(undefined, undefined, undefined, function* () { var _b; return yield ((_b = call === null || call === undefined ? undefined : call.feature(communicationCalling.Features.RaiseHand)) === null || _b === undefined ? undefined : _b.lowerHand()); });
+    const onToggleRaiseHand = () => __awaiter$13(undefined, undefined, undefined, function* () {
         const raiseHandFeature = call === null || call === undefined ? undefined : call.feature(communicationCalling.Features.RaiseHand);
         const localUserId = callClient.getState().userId;
         const isLocalRaisedHand = raiseHandFeature === null || raiseHandFeature === undefined ? undefined : raiseHandFeature.getRaisedHands().find((publishedState) => toFlatCommunicationIdentifier(publishedState.identifier) === toFlatCommunicationIdentifier(localUserId));
@@ -1060,7 +1060,7 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
             yield (raiseHandFeature === null || raiseHandFeature === undefined ? undefined : raiseHandFeature.raiseHand());
         }
     });
-    const onReactionClick = (reaction) => __awaiter$12(undefined, undefined, undefined, function* () {
+    const onReactionClick = (reaction) => __awaiter$13(undefined, undefined, undefined, function* () {
         var _c;
         if (reaction === 'like' ||
             reaction === 'applause' ||
@@ -1074,18 +1074,18 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
         }
         return;
     });
-    const onToggleMicrophone = () => __awaiter$12(undefined, undefined, undefined, function* () {
+    const onToggleMicrophone = () => __awaiter$13(undefined, undefined, undefined, 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$12(undefined, undefined, undefined, function* () { return yield (call === null || call === undefined ? undefined : call.startScreenSharing()); });
-    const onStopScreenShare = () => __awaiter$12(undefined, undefined, undefined, function* () { return yield (call === null || call === undefined ? undefined : call.stopScreenSharing()); });
-    const onToggleScreenShare = () => __awaiter$12(undefined, undefined, undefined, function* () { return (call === null || call === undefined ? undefined : call.isScreenSharingOn) ? yield onStopScreenShare() : yield onStartScreenShare(); });
-    const onHangUp = (forEveryone) => __awaiter$12(undefined, undefined, undefined, function* () { return yield (call === null || call === undefined ? undefined : call.hangUp({ forEveryone: forEveryone === true ? true : false })); });
-    const onToggleHold = () => __awaiter$12(undefined, undefined, undefined, function* () { return (call === null || call === undefined ? undefined : call.state) === 'LocalHold' ? yield (call === null || call === undefined ? undefined : call.resume()) : yield (call === null || call === undefined ? undefined : call.hold()); });
-    const onCreateLocalStreamView = (...args_1) => __awaiter$12(undefined, [...args_1], undefined, function* (options = { scalingMode: 'Crop', isMirrored: true }) {
+    const onStartScreenShare = () => __awaiter$13(undefined, undefined, undefined, function* () { return yield (call === null || call === undefined ? undefined : call.startScreenSharing()); });
+    const onStopScreenShare = () => __awaiter$13(undefined, undefined, undefined, function* () { return yield (call === null || call === undefined ? undefined : call.stopScreenSharing()); });
+    const onToggleScreenShare = () => __awaiter$13(undefined, undefined, undefined, function* () { return (call === null || call === undefined ? undefined : call.isScreenSharingOn) ? yield onStopScreenShare() : yield onStartScreenShare(); });
+    const onHangUp = (forEveryone) => __awaiter$13(undefined, undefined, undefined, function* () { return yield (call === null || call === undefined ? undefined : call.hangUp({ forEveryone: forEveryone === true ? true : false })); });
+    const onToggleHold = () => __awaiter$13(undefined, undefined, undefined, function* () { return (call === null || call === undefined ? undefined : call.state) === 'LocalHold' ? yield (call === null || call === undefined ? undefined : call.resume()) : yield (call === null || call === undefined ? undefined : call.hold()); });
+    const onCreateLocalStreamView = (...args_1) => __awaiter$13(undefined, [...args_1], undefined, function* (options = { scalingMode: 'Crop', isMirrored: true }) {
         if (!call || call.localVideoStreams.length === 0) {
             return;
         }
@@ -1109,7 +1109,7 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
         }
         return (createViewResult === null || createViewResult === undefined ? undefined : createViewResult.view) ? { view: createViewResult === null || createViewResult === undefined ? undefined : createViewResult.view } : undefined;
     });
-    const onCreateRemoteStreamView = (userId_1, ...args_2) => __awaiter$12(undefined, [userId_1, ...args_2], undefined, function* (userId, options = { scalingMode: 'Crop' }) {
+    const onCreateRemoteStreamView = (userId_1, ...args_2) => __awaiter$13(undefined, [userId_1, ...args_2], undefined, function* (userId, options = { scalingMode: 'Crop' }) {
         if (!call) {
             return;
         }
@@ -1146,7 +1146,7 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
         }
         return (createViewResult === null || createViewResult === undefined ? undefined : createViewResult.view) ? { view: createViewResult === null || createViewResult === undefined ? undefined : createViewResult.view } : undefined;
     });
-    const onDisposeRemoteStreamView = (userId) => __awaiter$12(undefined, undefined, undefined, function* () {
+    const onDisposeRemoteStreamView = (userId) => __awaiter$13(undefined, undefined, undefined, function* () {
         if (!call) {
             return;
         }
@@ -1167,7 +1167,7 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
             callClient.disposeView(call.id, participant.identifier, screenShareStream);
         }
     });
-    const onDisposeRemoteVideoStreamView = (userId) => __awaiter$12(undefined, undefined, undefined, function* () {
+    const onDisposeRemoteVideoStreamView = (userId) => __awaiter$13(undefined, undefined, undefined, function* () {
         if (!call) {
             return;
         }
@@ -1186,7 +1186,7 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
             }
         }
     });
-    const onDisposeRemoteScreenShareStreamView = (userId) => __awaiter$12(undefined, undefined, undefined, function* () {
+    const onDisposeRemoteScreenShareStreamView = (userId) => __awaiter$13(undefined, undefined, undefined, function* () {
         if (!call) {
             return;
         }
@@ -1205,7 +1205,7 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
             }
         }
     });
-    const onDisposeLocalScreenShareStreamView = () => __awaiter$12(undefined, undefined, undefined, function* () {
+    const onDisposeLocalScreenShareStreamView = () => __awaiter$13(undefined, undefined, undefined, function* () {
         if (!call) {
             return;
         }
@@ -1218,7 +1218,7 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
             callClient.disposeView(call.id, undefined, screenShareStream);
         }
     });
-    const onDisposeLocalStreamView = () => __awaiter$12(undefined, undefined, undefined, function* () {
+    const onDisposeLocalStreamView = () => __awaiter$13(undefined, undefined, undefined, 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 === undefined ? undefined : callState.localVideoStreams.find((item) => item.mediaStreamType === 'Video');
@@ -1230,17 +1230,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$12(undefined, undefined, undefined, function* () { return yield (call === null || call === undefined ? undefined : call.sendDtmf(dtmfTone)); });
+    const onSendDtmfTone = (dtmfTone) => __awaiter$13(undefined, undefined, undefined, function* () { return yield (call === null || call === undefined ? undefined : 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$12(undefined, undefined, undefined, function* () {
+    const askDevicePermission = (constrain) => __awaiter$13(undefined, undefined, undefined, function* () {
         if (deviceManager) {
             yield (deviceManager === null || deviceManager === undefined ? undefined : deviceManager.askDevicePermission(constrain));
         }
     });
-    const onRemoveVideoBackgroundEffects = () => __awaiter$12(undefined, undefined, undefined, function* () {
+    const onRemoveVideoBackgroundEffects = () => __awaiter$13(undefined, undefined, undefined, function* () {
         const stream = (call === null || call === undefined ? undefined : call.localVideoStreams.find((stream) => stream.mediaStreamType === 'Video')) ||
             (deviceManager === null || deviceManager === undefined ? undefined : deviceManager.getUnparentedVideoStreams().find((stream) => stream.mediaStreamType === 'Video'));
         if (stream) {
@@ -1252,7 +1252,7 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
             }
         }
     });
-    const onBlurVideoBackground = (backgroundBlurConfig) => __awaiter$12(undefined, undefined, undefined, function* () {
+    const onBlurVideoBackground = (backgroundBlurConfig) => __awaiter$13(undefined, undefined, undefined, function* () {
         var _d;
         const stream = (call === null || call === undefined ? undefined : call.localVideoStreams.find((stream) => stream.mediaStreamType === 'Video')) ||
             (deviceManager === null || deviceManager === undefined ? undefined : deviceManager.getUnparentedVideoStreams().find((stream) => stream.mediaStreamType === 'Video'));
@@ -1265,7 +1265,7 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
             return createEffect && stream.feature(communicationCalling.Features.VideoEffects).startEffects(createEffect(backgroundBlurConfig));
         }
     });
-    const onReplaceVideoBackground = (backgroundReplacementConfig) => __awaiter$12(undefined, undefined, undefined, function* () {
+    const onReplaceVideoBackground = (backgroundReplacementConfig) => __awaiter$13(undefined, undefined, undefined, function* () {
         var _e;
         const stream = (call === null || call === undefined ? undefined : call.localVideoStreams.find((stream) => stream.mediaStreamType === 'Video')) ||
             (deviceManager === null || deviceManager === undefined ? undefined : deviceManager.getUnparentedVideoStreams().find((stream) => stream.mediaStreamType === 'Video'));
@@ -1278,7 +1278,7 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
             return (createEffect && stream.feature(communicationCalling.Features.VideoEffects).startEffects(createEffect(backgroundReplacementConfig)));
         }
     });
-    const onStartNoiseSuppressionEffect = () => __awaiter$12(undefined, undefined, undefined, function* () {
+    const onStartNoiseSuppressionEffect = () => __awaiter$13(undefined, undefined, undefined, function* () {
         var _f;
         const audioEffects = (options === null || options === undefined ? undefined : options.onResolveDeepNoiseSuppressionDependency) &&
             ((_f = (yield options.onResolveDeepNoiseSuppressionDependency())) === null || _f === undefined ? undefined : _f.deepNoiseSuppressionEffect);
@@ -1294,7 +1294,7 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
             }
         }
     });
-    const onStopNoiseSuppressionEffect = () => __awaiter$12(undefined, undefined, undefined, function* () {
+    const onStopNoiseSuppressionEffect = () => __awaiter$13(undefined, undefined, undefined, function* () {
         const stream = call === null || call === undefined ? undefined : call.localAudioStreams.find((stream) => stream.mediaStreamType === 'Audio');
         if (stream && (options === null || options === undefined ? undefined : options.onResolveDeepNoiseSuppressionDependency)) {
             const audioEffects = {
@@ -1303,42 +1303,42 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
             return yield stream.feature(communicationCalling.Features.AudioEffects).stopEffects(audioEffects);
         }
     });
-    const onStartCaptions = (options) => __awaiter$12(undefined, undefined, undefined, function* () {
+    const onStartCaptions = (options) => __awaiter$13(undefined, undefined, undefined, function* () {
         const captionsFeature = call === null || call === undefined ? undefined : call.feature(communicationCalling.Features.Captions).captions;
         yield (captionsFeature === null || captionsFeature === undefined ? undefined : captionsFeature.startCaptions(options));
     });
-    const onStopCaptions = () => __awaiter$12(undefined, undefined, undefined, function* () {
+    const onStopCaptions = () => __awaiter$13(undefined, undefined, undefined, function* () {
         const captionsFeature = call === null || call === undefined ? undefined : call.feature(communicationCalling.Features.Captions).captions;
         yield (captionsFeature === null || captionsFeature === undefined ? undefined : captionsFeature.stopCaptions());
     });
-    const onSetSpokenLanguage = (language) => __awaiter$12(undefined, undefined, undefined, function* () {
+    const onSetSpokenLanguage = (language) => __awaiter$13(undefined, undefined, undefined, function* () {
         const captionsFeature = call === null || call === undefined ? undefined : call.feature(communicationCalling.Features.Captions).captions;
         yield (captionsFeature === null || captionsFeature === undefined ? undefined : captionsFeature.setSpokenLanguage(language));
     });
-    const onSetCaptionLanguage = (language) => __awaiter$12(undefined, undefined, undefined, function* () {
+    const onSetCaptionLanguage = (language) => __awaiter$13(undefined, undefined, undefined, function* () {
         const captionsFeature = call === null || call === undefined ? undefined : call.feature(communicationCalling.Features.Captions).captions;
         yield captionsFeature.setCaptionLanguage(language);
     });
     /* @conditional-compile-remove(rtt) */
-    const onSendRealTimeText = (text, isFinalized) => __awaiter$12(undefined, undefined, undefined, function* () {
+    const onSendRealTimeText = (text, isFinalized) => __awaiter$13(undefined, undefined, undefined, function* () {
         const realTimeTextFeature = call === null || call === undefined ? undefined : call.feature(communicationCalling.Features.RealTimeText);
         yield (realTimeTextFeature === null || realTimeTextFeature === undefined ? undefined : realTimeTextFeature.sendRealTimeText(text, isFinalized));
     });
-    const onSubmitSurvey = (survey) => __awaiter$12(undefined, undefined, undefined, function* () { return yield (call === null || call === undefined ? undefined : call.feature(communicationCalling.Features.CallSurvey).submitSurvey(survey)); });
-    const onStartSpotlight = (userIds) => __awaiter$12(undefined, undefined, undefined, function* () {
+    const onSubmitSurvey = (survey) => __awaiter$13(undefined, undefined, undefined, function* () { return yield (call === null || call === undefined ? undefined : call.feature(communicationCalling.Features.CallSurvey).submitSurvey(survey)); });
+    const onStartSpotlight = (userIds) => __awaiter$13(undefined, undefined, undefined, function* () {
         const participants = userIds === null || userIds === undefined ? undefined : userIds.map((userId) => _toCommunicationIdentifier(userId));
         yield (call === null || call === undefined ? undefined : call.feature(communicationCalling.Features.Spotlight).startSpotlight(participants));
     });
-    const onStopSpotlight = (userIds) => __awaiter$12(undefined, undefined, undefined, function* () {
+    const onStopSpotlight = (userIds) => __awaiter$13(undefined, undefined, undefined, function* () {
         const participants = userIds === null || userIds === undefined ? undefined : userIds.map((userId) => _toCommunicationIdentifier(userId));
         yield (call === null || call === undefined ? undefined : call.feature(communicationCalling.Features.Spotlight).stopSpotlight(participants));
     });
-    const onStopAllSpotlight = () => __awaiter$12(undefined, undefined, undefined, function* () {
+    const onStopAllSpotlight = () => __awaiter$13(undefined, undefined, undefined, function* () {
         yield (call === null || call === undefined ? undefined : call.feature(communicationCalling.Features.Spotlight).stopAllSpotlight());
     });
-    const onMuteParticipant = (userId) => __awaiter$12(undefined, undefined, undefined, function* () {
+    const onMuteParticipant = (userId) => __awaiter$13(undefined, undefined, undefined, function* () {
         if (call === null || call === undefined ? undefined : call.remoteParticipants) {
-            call === null || call === undefined ? undefined : call.remoteParticipants.forEach((participant) => __awaiter$12(undefined, undefined, undefined, function* () {
+            call === null || call === undefined ? undefined : call.remoteParticipants.forEach((participant) => __awaiter$13(undefined, undefined, undefined, 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) {
@@ -1347,33 +1347,33 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
             }));
         }
     });
-    const onMuteAllRemoteParticipants = () => __awaiter$12(undefined, undefined, undefined, function* () {
+    const onMuteAllRemoteParticipants = () => __awaiter$13(undefined, undefined, undefined, function* () {
         call === null || call === undefined ? undefined : call.muteAllRemoteParticipants();
     });
     const canStartSpotlight = call === null || call === undefined ? undefined : call.feature(communicationCalling.Features.Capabilities).capabilities.spotlightParticipant.isPresent;
     const canRemoveSpotlight = call === null || call === undefined ? undefined : call.feature(communicationCalling.Features.Capabilities).capabilities.removeParticipantsSpotlight.isPresent;
     const onStartLocalSpotlight = canStartSpotlight
-        ? () => __awaiter$12(undefined, undefined, undefined, function* () {
+        ? () => __awaiter$13(undefined, undefined, undefined, function* () {
             yield (call === null || call === undefined ? undefined : call.feature(communicationCalling.Features.Spotlight).startSpotlight());
         })
         : undefined;
-    const onStopLocalSpotlight = () => __awaiter$12(undefined, undefined, undefined, function* () {
+    const onStopLocalSpotlight = () => __awaiter$13(undefined, undefined, undefined, function* () {
         yield (call === null || call === undefined ? undefined : call.feature(communicationCalling.Features.Spotlight).stopSpotlight());
     });
     const onStartRemoteSpotlight = canStartSpotlight
-        ? (userIds) => __awaiter$12(undefined, undefined, undefined, function* () {
+        ? (userIds) => __awaiter$13(undefined, undefined, undefined, function* () {
             const participants = userIds === null || userIds === undefined ? undefined : userIds.map((userId) => _toCommunicationIdentifier(userId));
             yield (call === null || call === undefined ? undefined : call.feature(communicationCalling.Features.Spotlight).startSpotlight(participants));
         })
         : undefined;
     const onStopRemoteSpotlight = canRemoveSpotlight
-        ? (userIds) => __awaiter$12(undefined, undefined, undefined, function* () {
+        ? (userIds) => __awaiter$13(undefined, undefined, undefined, function* () {
             const participants = userIds === null || userIds === undefined ? undefined : userIds.map((userId) => _toCommunicationIdentifier(userId));
             yield (call === null || call === undefined ? undefined : call.feature(communicationCalling.Features.Spotlight).stopSpotlight(participants));
         })
         : undefined;
     /* @conditional-compile-remove(together-mode) */
-    const onCreateTogetherModeStreamView = (...args_3) => __awaiter$12(undefined, [...args_3], undefined, function* (options = { scalingMode: 'Fit', isMirrored: false, viewKind: 'main' }) {
+    const onCreateTogetherModeStreamView = (...args_3) => __awaiter$13(undefined, [...args_3], undefined, function* (options = { scalingMode: 'Fit', isMirrored: false, viewKind: 'main' }) {
         if (!call) {
             return;
         }
@@ -1394,7 +1394,7 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
         return togetherModeCreateViewResult;
     });
     /* @conditional-compile-remove(together-mode) */
-    const onDisposeTogetherModeStreamView = () => __awaiter$12(undefined, undefined, undefined, function* () {
+    const onDisposeTogetherModeStreamView = () => __awaiter$13(undefined, undefined, undefined, function* () {
         if (!call) {
             return;
         }
@@ -1417,32 +1417,32 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
             togetherModeFeature.sceneSize = { width, height };
         }
     };
-    const onForbidAudio = (userIds) => __awaiter$12(undefined, undefined, undefined, function* () {
+    const onForbidAudio = (userIds) => __awaiter$13(undefined, undefined, undefined, function* () {
         const participants = userIds === null || userIds === undefined ? undefined : userIds.map((userId) => _toCommunicationIdentifier(userId));
         yield (call === null || call === undefined ? undefined : call.feature(communicationCalling.Features.MediaAccess).forbidAudio(participants));
     });
-    const onPermitAudio = (userIds) => __awaiter$12(undefined, undefined, undefined, function* () {
+    const onPermitAudio = (userIds) => __awaiter$13(undefined, undefined, undefined, function* () {
         const participants = userIds === null || userIds === undefined ? undefined : userIds.map((userId) => _toCommunicationIdentifier(userId));
         yield (call === null || call === undefined ? undefined : call.feature(communicationCalling.Features.MediaAccess).permitAudio(participants));
     });
-    const onForbidOthersAudio = () => __awaiter$12(undefined, undefined, undefined, function* () {
+    const onForbidOthersAudio = () => __awaiter$13(undefined, undefined, undefined, function* () {
         yield (call === null || call === undefined ? undefined : call.feature(communicationCalling.Features.MediaAccess).forbidOthersAudio());
     });
-    const onPermitOthersAudio = () => __awaiter$12(undefined, undefined, undefined, function* () {
+    const onPermitOthersAudio = () => __awaiter$13(undefined, undefined, undefined, function* () {
         yield (call === null || call === undefined ? undefined : call.feature(communicationCalling.Features.MediaAccess).permitOthersAudio());
     });
-    const onForbidVideo = (userIds) => __awaiter$12(undefined, undefined, undefined, function* () {
+    const onForbidVideo = (userIds) => __awaiter$13(undefined, undefined, undefined, function* () {
         const participants = userIds === null || userIds === undefined ? undefined : userIds.map((userId) => _toCommunicationIdentifier(userId));
         yield (call === null || call === undefined ? undefined : call.feature(communicationCalling.Features.MediaAccess).forbidVideo(participants));
     });
-    const onPermitVideo = (userIds) => __awaiter$12(undefined, undefined, undefined, function* () {
+    const onPermitVideo = (userIds) => __awaiter$13(undefined, undefined, undefined, function* () {
         const participants = userIds === null || userIds === undefined ? undefined : userIds.map((userId) => _toCommunicationIdentifier(userId));
         yield (call === null || call === undefined ? undefined : call.feature(communicationCalling.Features.MediaAccess).permitVideo(participants));
     });
-    const onForbidOthersVideo = () => __awaiter$12(undefined, undefined, undefined, function* () {
+    const onForbidOthersVideo = () => __awaiter$13(undefined, undefined, undefined, function* () {
         yield (call === null || call === undefined ? undefined : call.feature(communicationCalling.Features.MediaAccess).forbidOthersVideo());
     });
-    const onPermitOthersVideo = () => __awaiter$12(undefined, undefined, undefined, function* () {
+    const onPermitOthersVideo = () => __awaiter$13(undefined, undefined, undefined, function* () {
         yield (call === null || call === undefined ? undefined : call.feature(communicationCalling.Features.MediaAccess).permitOthersVideo());
     });
     return {
@@ -1518,7 +1518,7 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var __awaiter$11 = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$12 = (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); } }
@@ -1542,7 +1542,7 @@ const createDefaultCallingHandlers = memoizeOne((...args) => {
         // FIXME: onStartCall API should use string, not the underlying SDK types.
         onStartCall: (participants, options) => {
             return callAgent === null || callAgent === undefined ? undefined : callAgent.startCall(participants, options);
-        }, onAddParticipant: (userId, options) => __awaiter$11(undefined, undefined, undefined, function* () {
+        }, onAddParticipant: (userId, options) => __awaiter$12(undefined, undefined, undefined, function* () {
             const participant = _toCommunicationIdentifier(userId);
             if (communicationCommon.isPhoneNumberIdentifier(participant)) {
                 call === null || call === undefined ? undefined : call.addParticipant(participant, options);
@@ -1550,16 +1550,16 @@ const createDefaultCallingHandlers = memoizeOne((...args) => {
             else if (communicationCommon.isCommunicationUserIdentifier(participant) || communicationCommon.isMicrosoftTeamsUserIdentifier(participant)) {
                 call === null || call === undefined ? undefined : call.addParticipant(participant);
             }
-        }), onRemoveParticipant: (userId) => __awaiter$11(undefined, undefined, undefined, function* () {
+        }), onRemoveParticipant: (userId) => __awaiter$12(undefined, undefined, undefined, function* () {
             const participant = _toCommunicationIdentifier(userId);
             yield (call === null || call === undefined ? undefined : call.removeParticipant(participant));
-        }), onAcceptCall: (incomingCallId, useVideo) => __awaiter$11(undefined, undefined, undefined, function* () {
+        }), onAcceptCall: (incomingCallId, useVideo) => __awaiter$12(undefined, undefined, undefined, function* () {
             const localVideoStream = useVideo ? yield createLocalVideoStream(callClient) : undefined;
             const incomingCall = callAgent === null || callAgent === undefined ? undefined : callAgent.incomingCalls.find((incomingCall) => incomingCall.id === incomingCallId);
             if (incomingCall) {
                 yield incomingCall.accept(localVideoStream ? { videoOptions: { localVideoStreams: [localVideoStream] } } : undefined);
             }
-        }), onRejectCall: (incomingCallId) => __awaiter$11(undefined, undefined, undefined, function* () {
+        }), onRejectCall: (incomingCallId) => __awaiter$12(undefined, undefined, undefined, function* () {
             const incomingCall = callAgent === null || callAgent === undefined ? undefined : callAgent.incomingCalls.find((incomingCall) => incomingCall.id === incomingCallId);
             if (incomingCall) {
                 yield incomingCall.reject();
@@ -1569,7 +1569,7 @@ const createDefaultCallingHandlers = memoizeOne((...args) => {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var __awaiter$10 = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$11 = (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); } }
@@ -1600,7 +1600,7 @@ const createDefaultTeamsCallingHandlers = memoizeOne((callClient, callAgent, dev
             return undefined;
         },
         /* @conditional-compile-remove(teams-identity-support-beta) */
-        onAddParticipant: (userId, options) => __awaiter$10(undefined, undefined, undefined, function* () {
+        onAddParticipant: (userId, options) => __awaiter$11(undefined, undefined, undefined, function* () {
             const participant = _toCommunicationIdentifier(userId);
             const threadId = options === null || options === undefined ? undefined : options.threadId;
             if (communicationCommon.isCommunicationUserIdentifier(participant)) {
@@ -1613,7 +1613,7 @@ const createDefaultTeamsCallingHandlers = memoizeOne((callClient, callAgent, dev
                 call === null || call === undefined ? undefined : call.addParticipant(participant, threadId ? { threadId } : undefined);
             }
             call === null || call === undefined ? undefined : call.addParticipant(participant);
-        }), onRemoveParticipant: (userId) => __awaiter$10(undefined, undefined, undefined, function* () {
+        }), onRemoveParticipant: (userId) => __awaiter$11(undefined, undefined, undefined, function* () {
             const participant = _toCommunicationIdentifier(userId);
             if (communicationCommon.isCommunicationUserIdentifier(participant)) {
                 throw new Error('CommunicationIdentifier in Teams call is not supported!');
@@ -1622,20 +1622,20 @@ const createDefaultTeamsCallingHandlers = memoizeOne((callClient, callAgent, dev
                 throw new Error('Removing Microsoft Teams app identifier is not supported!');
             }
             yield (call === null || call === undefined ? undefined : call.removeParticipant(participant));
-        }), onAcceptCall: (incomingCallId, useVideo) => __awaiter$10(undefined, undefined, undefined, function* () {
+        }), onAcceptCall: (incomingCallId, useVideo) => __awaiter$11(undefined, undefined, undefined, function* () {
             const localVideoStream = useVideo ? yield createLocalVideoStream(callClient) : undefined;
             const incomingCall = callAgent === null || callAgent === undefined ? undefined : callAgent.incomingCalls.find((incomingCall) => incomingCall.id === incomingCallId);
             if (incomingCall) {
                 yield incomingCall.accept(localVideoStream ? { videoOptions: { localVideoStreams: [localVideoStream] } } : undefined);
             }
-        }), onRejectCall: (incomingCallId) => __awaiter$10(undefined, undefined, undefined, function* () {
+        }), onRejectCall: (incomingCallId) => __awaiter$11(undefined, undefined, undefined, function* () {
             const incomingCall = callAgent === null || callAgent === undefined ? undefined : callAgent.incomingCalls.find((incomingCall) => incomingCall.id === incomingCallId);
             if (incomingCall) {
                 yield incomingCall.reject();
             }
         }),
         /* @conditional-compile-remove(together-mode) */
-        onStartTogetherMode: () => __awaiter$10(undefined, undefined, undefined, function* () {
+        onStartTogetherMode: () => __awaiter$11(undefined, undefined, undefined, function* () {
             if (!call) {
                 return;
             }
@@ -2089,7 +2089,7 @@ const getRealTimeTextDisplayName = (realTimeText, identifier, remoteParticipants
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var __awaiter$$ = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$10 = (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); } }
@@ -2170,7 +2170,7 @@ class ProxyDeviceManager {
                 }
             }
         };
-        this.permissionsApiStateChangeHandler = () => __awaiter$$(this, undefined, undefined, function* () {
+        this.permissionsApiStateChangeHandler = () => __awaiter$10(this, undefined, undefined, function* () {
             yield this.updateDevicePermissionState();
         });
         /**
@@ -2181,13 +2181,13 @@ class ProxyDeviceManager {
         this.selectCamera = (videoDeviceInfo) => {
             this._context.setDeviceManagerSelectedCamera(videoDeviceInfo);
         };
-        this.videoDevicesUpdated = () => __awaiter$$(this, undefined, undefined, function* () {
+        this.videoDevicesUpdated = () => __awaiter$10(this, undefined, undefined, 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$$(this, undefined, undefined, function* () {
+        this.audioDevicesUpdated = () => __awaiter$10(this, undefined, undefined, function* () {
             this._context.setDeviceManagerMicrophones(dedupeById(yield this._deviceManager.getMicrophones()));
             if (this._deviceManager.isSpeakerSelectionAvailable) {
                 this._context.setDeviceManagerSpeakers(dedupeById(yield this._deviceManager.getSpeakers()));
@@ -2199,7 +2199,7 @@ class ProxyDeviceManager {
         this.selectedSpeakerChanged = () => {
             this._context.setDeviceManagerSelectedSpeaker(this._deviceManager.selectedSpeaker);
         };
-        this.updateDevicePermissionState = (sdkDeviceAccessState) => __awaiter$$(this, undefined, undefined, function* () {
+        this.updateDevicePermissionState = (sdkDeviceAccessState) => __awaiter$10(this, undefined, undefined, function* () {
             let hasCameraPermission = !!(sdkDeviceAccessState === null || sdkDeviceAccessState === undefined ? undefined : sdkDeviceAccessState.video);
             let hasMicPermission = !!(sdkDeviceAccessState === null || sdkDeviceAccessState === undefined ? undefined : sdkDeviceAccessState.audio);
             // Supplement the SDK values with values from the Permissions API to get a better understanding of the device
@@ -2277,7 +2277,7 @@ class ProxyDeviceManager {
             }
             case 'askDevicePermission': {
                 return this._context.withAsyncErrorTeedToState((...args) => {
-                    return target.askDevicePermission(...args).then((deviceAccess) => __awaiter$$(this, undefined, undefined, function* () {
+                    return target.askDevicePermission(...args).then((deviceAccess) => __awaiter$10(this, undefined, undefined, function* () {
                         yield this.updateDevicePermissionState(deviceAccess);
                         return deviceAccess;
                     }));
@@ -2703,7 +2703,7 @@ class CallIdHistory {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var __awaiter$_ = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$$ = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
@@ -3892,7 +3892,7 @@ let CallContext$2 = class CallContext {
      * @throws CallError. Exceptions thrown from `f` are tagged with the failed `target.
      */
     withAsyncErrorTeedToState(action, target) {
-        return (...args) => __awaiter$_(this, undefined, undefined, function* () {
+        return (...args) => __awaiter$$(this, undefined, undefined, function* () {
             try {
                 return yield action(...args);
             }
@@ -4458,7 +4458,7 @@ function _logStreamEvent(eventName, streamLogInfo, error) {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var __awaiter$Z = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$_ = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
@@ -4468,7 +4468,7 @@ var __awaiter$Z = (window && window.__awaiter) || function (thisArg, _arguments,
     });
 };
 function createViewVideo(context, internalContext, callId, stream, participantId, options) {
-    return __awaiter$Z(this, undefined, undefined, function* () {
+    return __awaiter$_(this, undefined, undefined, 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.
@@ -4597,7 +4597,7 @@ function createViewVideo(context, internalContext, callId, stream, participantId
     });
 }
 function createViewUnparentedVideo(context, internalContext, stream, options) {
-    return __awaiter$Z(this, undefined, undefined, function* () {
+    return __awaiter$_(this, undefined, undefined, function* () {
         const renderInfo = internalContext.getUnparentedRenderInfo(stream);
         if (renderInfo && renderInfo.status === 'Rendered') {
             console.warn('Unparented LocalVideoStream is already rendered');
@@ -4766,7 +4766,7 @@ function createView$1(context, internalContext, callId, participantId, stream, o
         // 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$Z(this, undefined, undefined, function* () { return yield createViewUnparentedVideo(context, internalContext, stream, options); }), 'Call.startVideo')();
+        return context.withAsyncErrorTeedToState(() => __awaiter$_(this, undefined, undefined, function* () { return yield createViewUnparentedVideo(context, internalContext, stream, options); }), 'Call.startVideo')();
     }
     else {
         _logStreamEvent(EventNames.CREATE_STREAM_INVALID_PARAMS, { streamType });
@@ -4962,7 +4962,7 @@ class RecordingSubscriber {
 // 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); } }
@@ -4986,7 +4986,7 @@ class PPTLiveSubscriber {
             this._context.setCallPPTLiveActive(this._callIdRef.callId, this._pptLive.isActive);
             this.checkAndUpdatePPTLiveParticipant();
         };
-        this.checkAndUpdatePPTLiveParticipant = () => __awaiter$Y(this, undefined, undefined, function* () {
+        this.checkAndUpdatePPTLiveParticipant = () => __awaiter$Z(this, undefined, undefined, function* () {
             if (!this._pptLive.activePresenterId) {
                 return;
             }
@@ -5945,7 +5945,7 @@ class IncomingCallSubscriber {
 // 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); } }
@@ -5965,14 +5965,14 @@ class ProxyIncomingCall {
         switch (prop) {
             case 'accept': {
                 return this._context.withAsyncErrorTeedToState(function (...args) {
-                    return __awaiter$X(this, undefined, undefined, function* () {
+                    return __awaiter$Y(this, undefined, undefined, function* () {
                         return yield target.accept(...args);
                     });
                 }, 'IncomingCall.accept');
             }
             case 'reject': {
                 return this._context.withAsyncErrorTeedToState(function (...args) {
-                    return __awaiter$X(this, undefined, undefined, function* () {
+                    return __awaiter$Y(this, undefined, undefined, function* () {
                         return yield target.reject(...args);
                     });
                 }, 'IncomingCall.reject');
@@ -5994,7 +5994,7 @@ const incomingCallDeclaratify = (incomingCall, context) => {
 // 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); } }
@@ -6014,14 +6014,14 @@ class ProxyTeamsIncomingCall {
         switch (prop) {
             case 'accept': {
                 return this._context.withAsyncErrorTeedToState(function (...args) {
-                    return __awaiter$W(this, undefined, undefined, function* () {
+                    return __awaiter$X(this, undefined, undefined, function* () {
                         return yield target.accept(...args);
                     });
                 }, 'IncomingCall.accept');
             }
             case 'reject': {
                 return this._context.withAsyncErrorTeedToState(function (...args) {
-                    return __awaiter$W(this, undefined, undefined, function* () {
+                    return __awaiter$X(this, undefined, undefined, function* () {
                         return yield target.reject(...args);
                     });
                 }, 'IncomingCall.reject');
@@ -6240,7 +6240,7 @@ const clearCallRelatedState = (context, internalContext) => {
 // 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); } }
@@ -6266,56 +6266,56 @@ class ProxyCallCommon {
         switch (prop) {
             case 'mute': {
                 return this._context.withAsyncErrorTeedToState(function (...args) {
-                    return __awaiter$V(this, undefined, undefined, function* () {
+                    return __awaiter$W(this, undefined, undefined, function* () {
                         return yield target.mute(...args);
                     });
                 }, 'Call.mute');
             }
             case 'unmute': {
                 return this._context.withAsyncErrorTeedToState(function (...args) {
-                    return __awaiter$V(this, undefined, undefined, function* () {
+                    return __awaiter$W(this, undefined, undefined, function* () {
                         return yield target.unmute(...args);
                     });
                 }, 'Call.unmute');
             }
             case 'startVideo': {
                 return this._context.withAsyncErrorTeedToState(function (...args) {
-                    return __awaiter$V(this, undefined, undefined, function* () {
+                    return __awaiter$W(this, undefined, undefined, function* () {
                         return yield target.startVideo(...args);
                     });
                 }, 'Call.startVideo');
             }
             case 'stopVideo': {
                 return this._context.withAsyncErrorTeedToState(function (...args) {
-                    return __awaiter$V(this, undefined, undefined, function* () {
+                    return __awaiter$W(this, undefined, undefined, function* () {
                         return yield target.stopVideo(...args);
                     });
                 }, 'Call.stopVideo');
             }
             case 'startScreenSharing': {
                 return this._context.withAsyncErrorTeedToState(function (...args) {
-                    return __awaiter$V(this, undefined, undefined, function* () {
+                    return __awaiter$W(this, undefined, undefined, function* () {
                         return yield target.startScreenSharing(...args);
                     });
                 }, 'Call.startScreenSharing');
             }
             case 'stopScreenSharing': {
                 return this._context.withAsyncErrorTeedToState(function (...args) {
-                    return __awaiter$V(this, undefined, undefined, function* () {
+                    return __awaiter$W(this, undefined, undefined, function* () {
                         return yield target.stopScreenSharing(...args);
                     });
                 }, 'Call.stopScreenSharing');
             }
             case 'hold': {
                 return this._context.withAsyncErrorTeedToState(function (...args) {
-                    return __awaiter$V(this, undefined, undefined, function* () {
+                    return __awaiter$W(this, undefined, undefined, function* () {
                         return yield target.hold(...args);
                     });
                 }, 'Call.hold');
             }
             case 'resume': {
                 return this._context.withAsyncErrorTeedToState(function (...args) {
-                    return __awaiter$V(this, undefined, undefined, function* () {
+                    return __awaiter$W(this, undefined, undefined, function* () {
                         return yield target.resume(...args);
                     });
                 }, 'Call.resume');
@@ -6382,7 +6382,7 @@ class ProxyTeamsCaptions {
     get(target, prop) {
         switch (prop) {
             case 'startCaptions':
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$V(this, undefined, undefined, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$W(this, undefined, undefined, function* () {
                     var _a, _b;
                     this._context.setStartCaptionsInProgress(this._call.id, true);
                     try {
@@ -6396,7 +6396,7 @@ class ProxyTeamsCaptions {
                     }
                 }), 'Call.feature');
             case 'stopCaptions':
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$V(this, undefined, undefined, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$W(this, undefined, undefined, function* () {
                     const ret = yield target.stopCaptions(...args);
                     this._context.setIsCaptionActive(this._call.id, false);
                     this._context.setStartCaptionsInProgress(this._call.id, false);
@@ -6404,13 +6404,13 @@ class ProxyTeamsCaptions {
                     return ret;
                 }), 'Call.feature');
             case 'setSpokenLanguage':
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$V(this, undefined, undefined, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$W(this, undefined, undefined, 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$V(this, undefined, undefined, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$W(this, undefined, undefined, function* () {
                     const ret = yield target.setCaptionLanguage(...args);
                     this._context.setSelectedCaptionLanguage(this._call.id, args[0]);
                     return ret;
@@ -6431,7 +6431,7 @@ class ProxyCaptions {
     get(target, prop) {
         switch (prop) {
             case 'startCaptions':
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$V(this, undefined, undefined, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$W(this, undefined, undefined, function* () {
                     var _a, _b;
                     this._context.setStartCaptionsInProgress(this._call.id, true);
                     try {
@@ -6445,7 +6445,7 @@ class ProxyCaptions {
                     }
                 }), 'Call.feature');
             case 'stopCaptions':
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$V(this, undefined, undefined, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$W(this, undefined, undefined, function* () {
                     const ret = yield target.stopCaptions(...args);
                     this._context.setIsCaptionActive(this._call.id, false);
                     this._context.setStartCaptionsInProgress(this._call.id, false);
@@ -6453,7 +6453,7 @@ class ProxyCaptions {
                     return ret;
                 }), 'Call.feature');
             case 'setSpokenLanguage':
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$V(this, undefined, undefined, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$W(this, undefined, undefined, function* () {
                     const ret = yield target.setSpokenLanguage(...args);
                     this._context.setSelectedSpokenLanguage(this._call.id, args[0]);
                     return ret;
@@ -6473,12 +6473,12 @@ class ProxySpotlightCallFeature {
     get(target, prop) {
         switch (prop) {
             case 'startSpotlight':
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$V(this, undefined, undefined, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$W(this, undefined, undefined, function* () {
                     const ret = yield target.startSpotlight(...args);
                     return ret;
                 }), 'Call.feature');
             case 'stopSpotlight':
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$V(this, undefined, undefined, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$W(this, undefined, undefined, function* () {
                     const ret = yield target.stopSpotlight(...args);
                     return ret;
                 }), 'Call.feature');
@@ -6520,7 +6520,7 @@ class ProxyTransferCallFeature {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var __awaiter$U = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$V = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
@@ -6534,7 +6534,7 @@ class ProxyCall extends ProxyCallCommon {
         switch (prop) {
             case 'addParticipant': {
                 return this.getContext().withAsyncErrorTeedToState(function (...args) {
-                    return __awaiter$U(this, undefined, undefined, function* () {
+                    return __awaiter$V(this, undefined, undefined, function* () {
                         return yield target.addParticipant(...args);
                     });
                 }, 'Call.addParticipant');
@@ -6819,7 +6819,7 @@ class InternalCallContext {
 // 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); } }
@@ -6834,7 +6834,7 @@ class ProxyTeamsCall extends ProxyCallCommon {
             /* @conditional-compile-remove(teams-identity-support-beta) */
             case 'addParticipant': {
                 return this.getContext().withAsyncErrorTeedToState(function (...args) {
-                    return __awaiter$T(this, undefined, undefined, function* () {
+                    return __awaiter$U(this, undefined, undefined, function* () {
                         return yield target.addParticipant(...args);
                     });
                 }, 'TeamsCall.addParticipant');
@@ -6941,7 +6941,7 @@ const teamsCallAgentDeclaratify = (callAgent, context, internalContext) => {
 // 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); } }
@@ -6963,7 +6963,7 @@ class ProxyVideoStreamRendererView {
     get(target, prop) {
         switch (prop) {
             case 'updateScalingMode': {
-                return (...args) => __awaiter$S(this, undefined, undefined, function* () {
+                return (...args) => __awaiter$T(this, undefined, undefined, function* () {
                     yield target.updateScalingMode(...args);
                     this._context.setRemoteVideoStreamViewScalingMode(this._callId, this._participantId, this._streamId, args[0]);
                 });
@@ -6982,7 +6982,7 @@ const videoStreamRendererViewDeclaratify = (view, context, callId, participantId
     return new Proxy(view, proxyVideoStreamRendererView);
 };
-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); } }
@@ -7009,7 +7009,7 @@ function createView(context, internalContext, callId, stream, options) {
 /* @conditional-compile-remove(together-mode) */
 // This function is used to create a view for a stream that is part of a call feature.
 function createCallFeatureViewVideo(context, internalContext, callId, stream, options) {
-    return __awaiter$R(this, undefined, undefined, function* () {
+    return __awaiter$S(this, undefined, undefined, function* () {
         const streamEventType = 'createViewCallFeature';
         const streamType = stream === null || stream === undefined ? undefined : stream.mediaStreamType;
         const callFeatureStreamId = stream && stream.id;
@@ -7180,7 +7180,7 @@ function isCallFeatureStream(stream) {
 // 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); } }
@@ -7202,7 +7202,7 @@ class ProxyCallClient {
     get(target, prop) {
         switch (prop) {
             case 'createCallAgent': {
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$Q(this, undefined, undefined, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$R(this, undefined, undefined, 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.
@@ -7215,7 +7215,7 @@ class ProxyCallClient {
                 }), 'CallClient.createCallAgent');
             }
             case 'createTeamsCallAgent': {
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$Q(this, undefined, undefined, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$R(this, undefined, undefined, 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.
@@ -7228,7 +7228,7 @@ class ProxyCallClient {
                 }), 'CallClient.createTeamsCallAgent');
             }
             case 'getDeviceManager': {
-                return this._context.withAsyncErrorTeedToState(() => __awaiter$Q(this, undefined, undefined, function* () {
+                return this._context.withAsyncErrorTeedToState(() => __awaiter$R(this, undefined, undefined, 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.
@@ -7256,7 +7256,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$Q(this, undefined, undefined, function* () {
+                        return Object.assign(Object.assign({}, feature), { getEnvironmentInfo: () => __awaiter$R(this, undefined, undefined, function* () {
                                 const environmentInfo = yield feature.getEnvironmentInfo();
                                 this._context.setEnvironmentInfo(environmentInfo);
                                 return environmentInfo;
@@ -7316,7 +7316,7 @@ const createStatefulCallClientWithDeps = (callClient, context, internalContext)
     });
     Object.defineProperty(callClient, 'createView', {
         configurable: false,
-        value: (callId, participantId, stream, options) => __awaiter$Q(undefined, undefined, undefined, function* () {
+        value: (callId, participantId, stream, options) => __awaiter$R(undefined, undefined, undefined, function* () {
             /* @conditional-compile-remove(together-mode) */
             if ('feature' in stream) {
                 return yield createView(context, internalContext, callId, stream, options);
@@ -10072,7 +10072,7 @@ const _MentionPopover = (props) => {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var __awaiter$P = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$Q = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
@@ -10258,7 +10258,7 @@ const TextFieldWithMention = (props) => {
         onSuggestionSelected,
         updateMentionSuggestions
     ]);
-    const debouncedQueryUpdate = useDebounce.useDebouncedCallback((query) => __awaiter$P(undefined, undefined, undefined, function* () {
+    const debouncedQueryUpdate = useDebounce.useDebouncedCallback((query) => __awaiter$Q(undefined, undefined, undefined, function* () {
         var _a;
         let suggestions = (_a = (yield (mentionLookupOptions === null || mentionLookupOptions === undefined ? undefined : mentionLookupOptions.onQueryUpdated(query)))) !== null && _a !== undefined ? _a : [];
         suggestions = suggestions.filter((suggestion) => suggestion.displayText.trim() !== '');
@@ -10435,7 +10435,7 @@ const TextFieldWithMention = (props) => {
             });
         }
     }, [updateSelectionIndexesWithMentionIfNeeded, setSelectionStartValue, setSelectionEndValue]);
-    const handleOnChange = React.useCallback((_b) => __awaiter$P(undefined, [_b], undefined, function* ({ currentSelectionEnd, currentSelectionStart, currentTriggerStartIndex, event, htmlTextValue, inputTextValue, previousSelectionEnd, previousSelectionStart, tagsValue, updatedValue }) {
+    const handleOnChange = React.useCallback((_b) => __awaiter$Q(undefined, [_b], undefined, function* ({ currentSelectionEnd, currentSelectionStart, currentTriggerStartIndex, event, htmlTextValue, inputTextValue, previousSelectionEnd, previousSelectionStart, tagsValue, updatedValue }) {
         var _c;
         debouncedQueryUpdate.cancel();
         if (event.currentTarget === null) {
@@ -10984,7 +10984,7 @@ const ATTACHMENT_CARD_MIN_PROGRESS = 0.05;
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-var __awaiter$O = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$P = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
@@ -11073,7 +11073,7 @@ const MappedMenuItems = (menuActions, attachment, handleOnClickError) => {
                 React.createElement(reactComponents.MenuTrigger, null,
                     React.createElement(reactComponents.ToolbarButton, { "aria-label": localeStrings.attachmentMoreMenu, role: "button", icon: React.createElement(react.Icon, { iconName: "AttachmentMoreMenu" }) }))),
             React.createElement(reactComponents.MenuPopover, null,
-                React.createElement(reactComponents.MenuList, null, menuActions.map((menuItem, index) => (React.createElement(reactComponents.MenuItem, { "aria-label": menuItem.name, key: index, icon: menuItem.icon, onClick: () => __awaiter$O(undefined, undefined, undefined, function* () {
+                React.createElement(reactComponents.MenuList, null, menuActions.map((menuItem, index) => (React.createElement(reactComponents.MenuItem, { "aria-label": menuItem.name, key: index, icon: menuItem.icon, onClick: () => __awaiter$P(undefined, undefined, undefined, function* () {
                         try {
                             yield menuItem.onClick(attachment);
                         }
@@ -11208,7 +11208,7 @@ const _AttachmentUploadCards = (props) => {
 // 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); } }
@@ -11257,7 +11257,7 @@ const hasInlineImageContent = (content) => {
  *
  * @returns The updated message content.
  */
-const updateStylesOfInlineImages = (message, initialInlineImages) => __awaiter$N(undefined, undefined, undefined, function* () {
+const updateStylesOfInlineImages = (message, initialInlineImages) => __awaiter$O(undefined, undefined, undefined, function* () {
     if (message === '') {
         return message;
     }
@@ -11349,7 +11349,7 @@ const toAttachmentMetadata = (attachmentsWithProgress) => {
 /**
  * @internal
  */
-const modifyInlineImagesInContentString = (content, initialInlineImages, onCompleted) => __awaiter$N(undefined, undefined, undefined, function* () {
+const modifyInlineImagesInContentString = (content, initialInlineImages, onCompleted) => __awaiter$O(undefined, undefined, undefined, function* () {
     let newContent = content;
     /* @conditional-compile-remove(rich-text-editor-image-upload) */
     try {
@@ -12631,7 +12631,7 @@ const removeSingleLocalBlob = (currentLocalBlobMap, imageId) => {
     }
 };
-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); } }
@@ -12686,7 +12686,7 @@ class CopyPastePlugin {
     onPluginEvent(event) {
         /* @conditional-compile-remove(rich-text-editor-image-upload) */
         if (event.eventType === PluginEventType.BeforeCutCopy) {
-            event.clonedRoot.querySelectorAll('img').forEach((image) => __awaiter$M(this, undefined, undefined, function* () {
+            event.clonedRoot.querySelectorAll('img').forEach((image) => __awaiter$N(this, undefined, undefined, function* () {
                 if (image.src.startsWith('blob:')) {
                     const base64Data = this.imageBase64DataMap[image.id];
                     image.src = base64Data || image.src;
@@ -16432,7 +16432,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-B7z_PfOA.js'); }));
+const ChatMessageComponentAsRichTextEditBox = React.lazy(() => Promise.resolve().then(function () { return require('./ChatMessageComponentAsRichTextEditBox-DzVuW5SN.js'); }));
 /**
  * @private
  * Use this function to load RoosterJS dependencies early in the lifecycle.
@@ -16440,7 +16440,7 @@ const ChatMessageComponentAsRichTextEditBox = React.lazy(() => Promise.resolve()
  *
  * @conditional-compile-remove(rich-text-editor)
  */
-const loadChatMessageComponentAsRichTextEditBox = () => Promise.resolve().then(function () { return require('./ChatMessageComponentAsRichTextEditBox-B7z_PfOA.js'); });
+const loadChatMessageComponentAsRichTextEditBox = () => Promise.resolve().then(function () { return require('./ChatMessageComponentAsRichTextEditBox-DzVuW5SN.js'); });
 /**
  * @private
  */
@@ -16459,7 +16459,7 @@ const ChatMessageComponentAsEditBoxPicker = (props) => {
 // 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); } }
@@ -16519,7 +16519,7 @@ const ChatMyMessageComponent = (props) => {
     function (text,
     /* @conditional-compile-remove(file-sharing-acs) */
     attachments) {
-        return __awaiter$L(this, undefined, undefined, function* () {
+        return __awaiter$M(this, undefined, undefined, function* () {
             /* @conditional-compile-remove(file-sharing-acs) */
             if (`attachments` in message && attachments) {
                 message.attachments = attachments;
@@ -16926,7 +16926,7 @@ const fluentChatComponent = (props) => {
 // 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); } }
@@ -17122,7 +17122,7 @@ const MessageThreadWrapper = (props) => {
             loadChatMessageComponentAsRichTextEditBox();
         }
     }, [richTextEditorOptions]);
-    const onDeleteMessageCallback = React.useCallback((messageId) => __awaiter$K(undefined, undefined, undefined, function* () {
+    const onDeleteMessageCallback = React.useCallback((messageId) => __awaiter$L(undefined, undefined, undefined, function* () {
         if (!onDeleteMessage) {
             return;
         }
@@ -17203,7 +17203,7 @@ const MessageThreadWrapper = (props) => {
      */
     const clientHeight = (_a = chatThreadRef.current) === null || _a === undefined ? undefined : _a.clientHeight;
     // we try to only send those message status if user is scrolled to the bottom.
-    const sendMessageStatusIfAtBottom = React.useCallback(() => __awaiter$K(undefined, undefined, undefined, function* () {
+    const sendMessageStatusIfAtBottom = React.useCallback(() => __awaiter$L(undefined, undefined, undefined, function* () {
         if (!isAtBottomOfScrollRef.current ||
             !document.hasFocus() ||
             !messagesRef.current ||
@@ -17254,7 +17254,7 @@ const MessageThreadWrapper = (props) => {
         setIsAtBottomOfScrollRef(atBottom);
     }, [scrollToBottom, sendMessageStatusIfAtBottom]);
     // Infinite scrolling + threadInitialize function
-    const fetchNewMessageWhenAtTop = React.useCallback(() => __awaiter$K(undefined, undefined, undefined, function* () {
+    const fetchNewMessageWhenAtTop = React.useCallback(() => __awaiter$L(undefined, undefined, undefined, function* () {
         if (!isLoadingChatMessagesRef.current) {
             if (onLoadPreviousChatMessages) {
                 isLoadingChatMessagesRef.current = true;
@@ -20846,7 +20846,7 @@ const localVideoTileContainerStyles = {
 // 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); } }
@@ -20863,7 +20863,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$J(undefined, undefined, undefined, function* () {
+    const onChangeCameraClick = React.useCallback((device) => __awaiter$K(undefined, undefined, undefined, function* () {
         // Throttle changing camera to prevent too many callbacks
         if (onSelectCamera) {
             setWaitForCamera(true);
@@ -23754,7 +23754,7 @@ const DevicesButton = (props) => {
 // 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); } }
@@ -23805,7 +23805,7 @@ const CameraButton = (props) => {
             setAnnouncerString(strings.tooltipVideoLoadingContent);
         }
     }, [setAnnouncerString, cameraOn, strings.tooltipVideoLoadingContent]);
-    const onToggleClick = React.useCallback(() => __awaiter$I(undefined, undefined, undefined, function* () {
+    const onToggleClick = React.useCallback(() => __awaiter$J(undefined, undefined, undefined, function* () {
         // Throttle click on camera, need to await onToggleCamera then allow another click
         if (onToggleCamera) {
             setWaitForCamera(true);
@@ -23823,7 +23823,7 @@ const CameraButton = (props) => {
         onVideoIsLoadingAnnouncementCallback();
         onToggleClick();
     }, [onVideoIsLoadingAnnouncementCallback, onToggleClick]);
-    const onChangeCameraClick = React.useCallback((device) => __awaiter$I(undefined, undefined, undefined, function* () {
+    const onChangeCameraClick = React.useCallback((device) => __awaiter$J(undefined, undefined, undefined, function* () {
         // Throttle changing camera to prevent too many callbacks
         if (onSelectCamera) {
             setWaitForCamera(true);
@@ -24038,7 +24038,7 @@ const menupButtonPadding = {
 // 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); } }
@@ -24080,7 +24080,7 @@ const MicrophoneButton = (props) => {
     const toggleAnnouncerString = React.useCallback((isMicOn) => {
         setAnnouncerString(!isMicOn ? strings.microphoneActionTurnedOffAnnouncement : strings.microphoneActionTurnedOnAnnouncement);
     }, [strings.microphoneActionTurnedOffAnnouncement, strings.microphoneActionTurnedOnAnnouncement]);
-    const onToggleClick = React.useCallback(() => __awaiter$H(undefined, undefined, undefined, function* () {
+    const onToggleClick = React.useCallback(() => __awaiter$I(undefined, undefined, undefined, function* () {
         if (onToggleMicrophone) {
             try {
                 yield onToggleMicrophone();
@@ -24106,7 +24106,7 @@ const MicrophoneButton = (props) => {
         splitButtonMenuItems.push({
             key: 'microphoneDNSToggle',
             onRender: () => {
-                return (React.createElement(react.Stack, { onClick: () => __awaiter$H(undefined, undefined, undefined, function* () {
+                return (React.createElement(react.Stack, { onClick: () => __awaiter$I(undefined, undefined, undefined, function* () {
                         var _a;
                         yield ((_a = props.onClickNoiseSuppression) === null || _a === undefined ? undefined : _a.call(props));
                         setAnnouncerString(props.isDeepNoiseSuppressionOn
@@ -24973,7 +24973,7 @@ const dtmfFrequencies = {
 // 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); } }
@@ -25017,10 +25017,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$G(undefined, undefined, undefined, function* () {
+        onClick: () => __awaiter$H(undefined, undefined, undefined, function* () {
             onClick(digit, index);
         }),
-        onLongPress: () => __awaiter$G(undefined, undefined, undefined, function* () {
+        onLongPress: () => __awaiter$H(undefined, undefined, undefined, function* () {
             onLongPress(digit, index);
         }),
         touchEventsOnly: longPressTrigger === 'touch'
@@ -26570,7 +26570,7 @@ const CaptionsBanner = (props) => {
 // 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); } }
@@ -26601,7 +26601,7 @@ const StartCaptionsButton = (props) => {
         return { spokenLanguage: currentSpokenLanguage === '' ? defaultSpokenLanguage : currentSpokenLanguage };
     }, [currentSpokenLanguage]);
     const [hasSetSpokenLanguage, setHasSetSpokenLanguage] = React.useState(false);
-    const onToggleStartCaptions = React.useCallback(() => __awaiter$F(undefined, undefined, undefined, function* () {
+    const onToggleStartCaptions = React.useCallback(() => __awaiter$G(undefined, undefined, undefined, function* () {
         if (props.checked) {
             onStopCaptions();
         }
@@ -26673,7 +26673,7 @@ const _spokenLanguageToCaptionLanguage = {
 // 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); } }
@@ -26723,7 +26723,7 @@ const CaptionsSettingsModal = (props) => {
             onDismissCaptionsSettings();
         }
     }, [onDismissCaptionsSettings]);
-    const onConfirm = React.useCallback(() => __awaiter$E(undefined, undefined, undefined, function* () {
+    const onConfirm = React.useCallback(() => __awaiter$F(undefined, undefined, undefined, function* () {
         const spokenLanguageCode = selectedSpokenLanguage.key;
         const captionLanguageCode = selectedCaptionLanguage.key;
         if (isCaptionsFeatureActive) {
@@ -26820,7 +26820,7 @@ const CaptionsSettingsModal = (props) => {
                 React.createElement("span", null, strings === null || strings === undefined ? undefined : strings.captionsSettingsCancelButtonLabel))))));
 };
-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); } }
@@ -26844,7 +26844,7 @@ const RealTimeTextModal = (props) => {
             onDismissModal();
         }
     }, [onDismissModal]);
-    const onConfirm = React.useCallback(() => __awaiter$D(undefined, undefined, undefined, function* () {
+    const onConfirm = React.useCallback(() => __awaiter$E(undefined, undefined, undefined, function* () {
         if (onStartRealTimeText) {
             yield onStartRealTimeText();
         }
@@ -28289,7 +28289,7 @@ const getImageAttachmentsFromHTMLContent = (content) => {
 // 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); } }
@@ -28315,7 +28315,7 @@ const createDefaultChatHandlers = memoizeOne((chatClient, chatThreadClient) => {
         // due to a bug in babel, we can't use arrow function here
         // affecting conditional-compile-remove(attachment-upload)
         onSendMessage: function (content, options) {
-            return __awaiter$C(this, undefined, undefined, function* () {
+            return __awaiter$D(this, undefined, undefined, function* () {
                 const sendMessageRequest = {
                     content,
                     senderDisplayName: chatClient.getState().displayName
@@ -28351,14 +28351,14 @@ const createDefaultChatHandlers = memoizeOne((chatClient, chatThreadClient) => {
         },
         /* @conditional-compile-remove(rich-text-editor-image-upload) */
         onUploadImage: function (image, imageFilename) {
-            return __awaiter$C(this, undefined, undefined, function* () {
+            return __awaiter$D(this, undefined, undefined, function* () {
                 const imageResult = yield chatThreadClient.uploadImage(image, imageFilename);
                 return imageResult;
             });
         },
         /* @conditional-compile-remove(rich-text-editor-image-upload) */
         onDeleteImage: function (imageId) {
-            return __awaiter$C(this, undefined, undefined, function* () {
+            return __awaiter$D(this, undefined, undefined, function* () {
                 try {
                     yield chatThreadClient.deleteImage(imageId);
                 }
@@ -28373,7 +28373,7 @@ const createDefaultChatHandlers = memoizeOne((chatClient, chatThreadClient) => {
         onUpdateMessage: function (messageId, content,
         /* @conditional-compile-remove(file-sharing-acs) */
         options) {
-            return __awaiter$C(this, undefined, undefined, function* () {
+            return __awaiter$D(this, undefined, undefined, function* () {
                 /* @conditional-compile-remove(rich-text-editor-image-upload) */
                 const imageAttachments = getImageAttachmentsFromHTMLContent(content);
                 const updateMessageOptions = {
@@ -28386,23 +28386,23 @@ const createDefaultChatHandlers = memoizeOne((chatClient, chatThreadClient) => {
                 yield chatThreadClient.updateMessage(messageId, updateMessageOptions);
             });
         },
-        onDeleteMessage: (messageId) => __awaiter$C(undefined, undefined, undefined, function* () {
+        onDeleteMessage: (messageId) => __awaiter$D(undefined, undefined, undefined, function* () {
             yield chatThreadClient.deleteMessage(messageId);
         }),
         // This handler is designed for chatThread to consume
-        onMessageSeen: (chatMessageId) => __awaiter$C(undefined, undefined, undefined, function* () {
+        onMessageSeen: (chatMessageId) => __awaiter$D(undefined, undefined, undefined, function* () {
             yield chatThreadClient.sendReadReceipt({ chatMessageId });
         }),
-        onTyping: () => __awaiter$C(undefined, undefined, undefined, function* () {
+        onTyping: () => __awaiter$D(undefined, undefined, undefined, function* () {
             yield chatThreadClient.sendTypingNotification();
         }),
-        onRemoveParticipant: (userId) => __awaiter$C(undefined, undefined, undefined, function* () {
+        onRemoveParticipant: (userId) => __awaiter$D(undefined, undefined, undefined, function* () {
             yield chatThreadClient.removeParticipant(fromFlatCommunicationIdentifier(userId));
         }),
-        updateThreadTopicName: (topicName) => __awaiter$C(undefined, undefined, undefined, function* () {
+        updateThreadTopicName: (topicName) => __awaiter$D(undefined, undefined, undefined, function* () {
             yield chatThreadClient.updateTopic(topicName);
         }),
-        onLoadPreviousChatMessages: (messagesToLoad) => __awaiter$C(undefined, undefined, undefined, function* () {
+        onLoadPreviousChatMessages: (messagesToLoad) => __awaiter$D(undefined, undefined, undefined, function* () {
             var _a, _b, _c;
             if (messageIterator === undefined) {
                 // Lazy definition so that errors in the method call are reported correctly.
@@ -29335,7 +29335,7 @@ const Constants = {
  */
 const chatStatefulLogger = logger.createClientLogger('communication-react:chat-stateful');
-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); } }
@@ -29377,7 +29377,7 @@ class ResourceDownloadQueue {
         this._messagesNeedingResourceRetrieval.push(copy);
     }
     startQueue(threadId, operation, options) {
-        return __awaiter$B(this, undefined, undefined, function* () {
+        return __awaiter$C(this, undefined, undefined, function* () {
             if (this.isActive) {
                 return;
             }
@@ -29414,7 +29414,7 @@ class ResourceDownloadQueue {
         }
     }
     downloadSingleUrl(message, resourceUrl, operation) {
-        return __awaiter$B(this, undefined, undefined, function* () {
+        return __awaiter$C(this, undefined, undefined, function* () {
             const response = { sourceUrl: '' };
             try {
                 const abortController = new AbortController();
@@ -29430,7 +29430,7 @@ class ResourceDownloadQueue {
         });
     }
     downloadAllPreviewUrls(message, operation) {
-        return __awaiter$B(this, undefined, undefined, function* () {
+        return __awaiter$C(this, undefined, undefined, function* () {
             var _a;
             const attachments = (_a = message.content) === null || _a === undefined ? undefined : _a.attachments;
             if (message.type === 'html' && attachments) {
@@ -29457,7 +29457,7 @@ class ResourceDownloadQueue {
         });
     }
     downloadResource(operation, url, abortController) {
-        return __awaiter$B(this, undefined, undefined, function* () {
+        return __awaiter$C(this, undefined, undefined, function* () {
             this._requestsToCancel[url] = { src: url, abortController };
             const blobUrl = yield operation(url, { credential: this._credential, endpoint: this._endpoint }, { abortController });
             delete this._requestsToCancel[url];
@@ -29468,9 +29468,9 @@ class ResourceDownloadQueue {
 /**
  * @private
  */
-const fetchImageSource = (src, authentication, options) => __awaiter$B(undefined, undefined, undefined, function* () {
+const fetchImageSource = (src, authentication, options) => __awaiter$C(undefined, undefined, undefined, function* () {
     function fetchWithAuthentication(url, token, options) {
-        return __awaiter$B(this, undefined, undefined, function* () {
+        return __awaiter$C(this, undefined, undefined, function* () {
             const headers = new Headers();
             headers.append('Authorization', `Bearer ${token}`);
             return yield fetchWithTimeout(url, {
@@ -29481,7 +29481,7 @@ const fetchImageSource = (src, authentication, options) => __awaiter$B(undefined
         });
     }
     function fetchWithTimeout(resource, options) {
-        return __awaiter$B(this, undefined, undefined, function* () {
+        return __awaiter$C(this, undefined, undefined, function* () {
             // default timeout is 30 seconds
             const { timeout = 30000, abortController } = options;
             const id = setTimeout(() => {
@@ -29508,7 +29508,7 @@ const fetchImageSource = (src, authentication, options) => __awaiter$B(undefined
 // 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); } }
@@ -29582,7 +29582,7 @@ let ChatContext$1 = class ChatContext {
         // Any item in queue should be removed.
     }
     downloadResourceToCache(threadId, messageId, resourceUrl) {
-        return __awaiter$A(this, undefined, undefined, function* () {
+        return __awaiter$B(this, undefined, undefined, function* () {
             var _a;
             let message = (_a = this.getState().threads[threadId]) === null || _a === undefined ? undefined : _a.chatMessages[messageId];
             if (message && this._fullsizeImageQueue) {
@@ -29861,7 +29861,7 @@ let ChatContext$1 = class ChatContext {
      * @throws ChatError. Exceptions thrown from `f` are tagged with the failed `target.
      */
     withAsyncErrorTeedToState(f, target) {
-        return (...args) => __awaiter$A(this, undefined, undefined, function* () {
+        return (...args) => __awaiter$B(this, undefined, undefined, function* () {
             try {
                 return yield f(...args);
             }
@@ -29968,7 +29968,7 @@ const convertChatMessage = (message, status = 'delivered', clientMessageId) => {
 // 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); } }
@@ -30058,7 +30058,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$z(this, undefined, undefined, function* () {
+        this.fetchLastParticipantMessage = (threadId, actionType) => __awaiter$A(this, undefined, undefined, function* () {
             var _a, e_1, _b, _c;
             try {
                 for (var _d = true, _e = __asyncValues$1(this.chatClient
@@ -30152,7 +30152,7 @@ class EventSubscriber {
 // 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); } }
@@ -30174,7 +30174,7 @@ const createDecoratedIterator = (iteratorCreator, context, decorateFn) => {
         const threadsIterator = iteratorCreator(...args);
         return {
             next() {
-                return __awaiter$y(this, undefined, undefined, function* () {
+                return __awaiter$z(this, undefined, undefined, function* () {
                     const result = yield threadsIterator.next();
                     if (!result.done && result.value) {
                         decorateFn(result.value, context);
@@ -30189,7 +30189,7 @@ const createDecoratedIterator = (iteratorCreator, context, decorateFn) => {
                 const pages = threadsIterator.byPage(settings);
                 return {
                     next() {
-                        return __awaiter$y(this, undefined, undefined, function* () {
+                        return __awaiter$z(this, undefined, undefined, function* () {
                             const result = yield pages.next();
                             const page = result.value;
                             if (!result.done && result.value) {
@@ -30276,7 +30276,7 @@ const createDecoratedListParticipants = (chatThreadClient, context) => {
 // 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); } }
@@ -30295,14 +30295,14 @@ class ProxyChatThreadClient {
                 return createDecoratedListMessages(chatThreadClient, this._context);
             }
             case 'getMessage': {
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$x(this, undefined, undefined, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$y(this, undefined, undefined, 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$x(this, undefined, undefined, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$y(this, undefined, undefined, function* () {
                     var _a;
                     // Retry logic?
                     const [request, options] = args;
@@ -30343,7 +30343,7 @@ class ProxyChatThreadClient {
                 }), 'ChatThreadClient.sendMessage');
             }
             case 'addParticipants': {
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$x(this, undefined, undefined, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$y(this, undefined, undefined, function* () {
                     const result = yield chatThreadClient.addParticipants(...args);
                     const [addRequest] = args;
                     const participantsToAdd = addRequest.participants;
@@ -30352,7 +30352,7 @@ class ProxyChatThreadClient {
                 }), 'ChatThreadClient.addParticipants');
             }
             case 'deleteMessage': {
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$x(this, undefined, undefined, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$y(this, undefined, undefined, 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)) {
@@ -30370,12 +30370,12 @@ class ProxyChatThreadClient {
                 return createDecoratedListReadReceipts(chatThreadClient, this._context);
             }
             case 'sendTypingNotification': {
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$x(this, undefined, undefined, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$y(this, undefined, undefined, function* () {
                     return yield chatThreadClient.sendTypingNotification(...args);
                 }), 'ChatThreadClient.sendTypingNotification');
             }
             case 'removeParticipant': {
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$x(this, undefined, undefined, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$y(this, undefined, undefined, function* () {
                     const result = yield chatThreadClient.removeParticipant(...args);
                     const [removeIdentifier] = args;
                     this._context.deleteParticipant(chatThreadClient.threadId, communicationCommon.getIdentifierKind(removeIdentifier));
@@ -30383,7 +30383,7 @@ class ProxyChatThreadClient {
                 }), 'ChatThreadClient.removeParticipant');
             }
             case 'updateMessage': {
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$x(this, undefined, undefined, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$y(this, undefined, undefined, function* () {
                     const result = yield chatThreadClient.updateMessage(...args);
                     const [messageId, updateOption] = args;
                     this._context.updateChatMessageContent(chatThreadClient.threadId, messageId, updateOption === null || updateOption === undefined ? undefined : updateOption.content);
@@ -30391,7 +30391,7 @@ class ProxyChatThreadClient {
                 }), 'ChatThreadClient.updateMessage');
             }
             case 'updateTopic': {
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$x(this, undefined, undefined, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$y(this, undefined, undefined, function* () {
                     const result = yield chatThreadClient.updateTopic(...args);
                     const [topic] = args;
                     this._context.updateThreadTopic(chatThreadClient.threadId, topic);
@@ -30399,7 +30399,7 @@ class ProxyChatThreadClient {
                 }), 'ChatThreadClient.updateTopic');
             }
             case 'getProperties': {
-                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$x(this, undefined, undefined, function* () {
+                return this._context.withAsyncErrorTeedToState((...args) => __awaiter$y(this, undefined, undefined, function* () {
                     const result = yield chatThreadClient.getProperties(...args);
                     this._context.updateThread(chatThreadClient.threadId, result);
                     return result;
@@ -30437,7 +30437,7 @@ const createDecoratedListThreads = (chatClient, context) => {
 // 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); } }
@@ -30456,7 +30456,7 @@ const proxyChatClient = {
         switch (prop) {
             case 'createChatThread': {
                 return context.withAsyncErrorTeedToState(function (...args) {
-                    return __awaiter$w(this, undefined, undefined, function* () {
+                    return __awaiter$x(this, undefined, undefined, function* () {
                         const result = yield chatClient.createChatThread(...args);
                         const thread = result.chatThread;
                         if (thread) {
@@ -30469,7 +30469,7 @@ const proxyChatClient = {
             }
             case 'deleteChatThread': {
                 return context.withAsyncErrorTeedToState(function (...args) {
-                    return __awaiter$w(this, undefined, undefined, function* () {
+                    return __awaiter$x(this, undefined, undefined, function* () {
                         const result = yield chatClient.deleteChatThread(...args);
                         context.deleteThread(args[0]);
                         return result;
@@ -30489,7 +30489,7 @@ const proxyChatClient = {
             }
             case 'startRealtimeNotifications': {
                 return context.withAsyncErrorTeedToState(function (...args) {
-                    return __awaiter$w(this, undefined, undefined, function* () {
+                    return __awaiter$x(this, undefined, undefined, function* () {
                         const ret = yield chatClient.startRealtimeNotifications(...args);
                         if (!receiver.eventSubscriber) {
                             receiver.eventSubscriber = new EventSubscriber(chatClient, context);
@@ -30500,7 +30500,7 @@ const proxyChatClient = {
             }
             case 'stopRealtimeNotifications': {
                 return context.withAsyncErrorTeedToState(function (...args) {
-                    return __awaiter$w(this, undefined, undefined, function* () {
+                    return __awaiter$x(this, undefined, undefined, function* () {
                         const ret = yield chatClient.stopRealtimeNotifications(...args);
                         if (receiver.eventSubscriber) {
                             receiver.eventSubscriber.unsubscribe();
@@ -30611,6 +30611,209 @@ const SEND_BOX_UPLOADS_KEY_VALUE = 'send-box';
  */
 const _DEFAULT_INLINE_IMAGE_FILE_NAME = 'image.png';
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+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); } }
+        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(on-fetch-profile) */
+/**
+ * @private
+ */
+const createProfileStateModifier$1 = (onFetchProfile, notifyUpdate) => {
+    const cachedDisplayName = {};
+    return (state) => {
+        var _a;
+        const originalParticipants = (_a = state.thread) === null || _a === undefined ? undefined : _a.participants;
+        (() => __awaiter$w(undefined, undefined, undefined, function* () {
+            let shouldNotifyUpdates = false;
+            if (!originalParticipants) {
+                return;
+            }
+            for (const [key, participant] of Object.entries(originalParticipants)) {
+                if (cachedDisplayName[key]) {
+                    continue;
+                }
+                const profile = yield onFetchProfile(key, { displayName: participant.displayName });
+                if ((profile === null || profile === undefined ? undefined : profile.displayName) && participant.displayName !== (profile === null || profile === undefined ? undefined : profile.displayName)) {
+                    cachedDisplayName[key] = profile === null || profile === undefined ? undefined : profile.displayName;
+                    shouldNotifyUpdates = true;
+                }
+            }
+            // notify update only when there is a change, which most likely will trigger modifier and setState again
+            if (shouldNotifyUpdates) {
+                notifyUpdate();
+            }
+        }))();
+        const participantsModifier = createParticipantModifier$1((id, participant) => {
+            if (cachedDisplayName[id]) {
+                return Object.assign(Object.assign({}, participant), { displayName: cachedDisplayName[id] });
+            }
+            return undefined;
+        });
+        const modifiedParticipantState = participantsModifier(state);
+        const chatMessagesModifier = createChatMessageModifier((id, chatMessage) => {
+            var _a;
+            const originalChatMessage = Object.assign({}, chatMessage);
+            if ((_a = originalChatMessage.content) === null || _a === undefined ? undefined : _a.participants) {
+                const newParticipants = originalChatMessage.content.participants.map((participant) => {
+                    if (participant.id) {
+                        if ('communicationUserId' in participant.id && cachedDisplayName[participant.id.communicationUserId]) {
+                            return Object.assign(Object.assign({}, participant), { displayName: cachedDisplayName[participant.id.communicationUserId] });
+                        }
+                        else if ('microsoftTeamsUserId' in participant.id &&
+                            'rawId' in participant.id &&
+                            participant.id.rawId &&
+                            cachedDisplayName[participant.id.rawId]) {
+                            return Object.assign(Object.assign({}, participant), { displayName: cachedDisplayName[participant.id.rawId] });
+                        }
+                        else if ('teamsAppId' in participant.id &&
+                            'rawId' in participant.id &&
+                            participant.id.rawId &&
+                            cachedDisplayName[participant.id.rawId]) {
+                            return Object.assign(Object.assign({}, participant), { displayName: cachedDisplayName[participant.id.rawId] });
+                        }
+                        else if ('phoneNumber' in participant.id &&
+                            'rawId' in participant.id &&
+                            participant.id.rawId &&
+                            cachedDisplayName[participant.id.rawId]) {
+                            return Object.assign(Object.assign({}, participant), { displayName: cachedDisplayName[participant.id.rawId] });
+                        }
+                        else if ('id' in participant.id && cachedDisplayName[participant.id.id]) {
+                            return Object.assign(Object.assign({}, participant), { displayName: cachedDisplayName[participant.id.id] });
+                        }
+                        else {
+                            return participant;
+                        }
+                    }
+                    return participant;
+                });
+                originalChatMessage.content = Object.assign(Object.assign({}, originalChatMessage.content), { participants: newParticipants });
+            }
+            if (originalChatMessage.sender && originalChatMessage.senderDisplayName) {
+                if (originalChatMessage.sender.kind === 'communicationUser' &&
+                    originalChatMessage.sender.communicationUserId &&
+                    cachedDisplayName[originalChatMessage.sender.communicationUserId]) {
+                    originalChatMessage.senderDisplayName = cachedDisplayName[originalChatMessage.sender.communicationUserId];
+                }
+                else if (originalChatMessage.sender.kind === 'microsoftTeamsUser' &&
+                    originalChatMessage.sender.rawId &&
+                    cachedDisplayName[originalChatMessage.sender.rawId]) {
+                    originalChatMessage.senderDisplayName = cachedDisplayName[originalChatMessage.sender.rawId];
+                }
+                else if (originalChatMessage.sender.kind === 'phoneNumber' &&
+                    originalChatMessage.sender.phoneNumber &&
+                    cachedDisplayName[originalChatMessage.sender.phoneNumber]) {
+                    originalChatMessage.senderDisplayName = cachedDisplayName[originalChatMessage.sender.phoneNumber];
+                }
+                else if (originalChatMessage.sender.kind === 'unknown' &&
+                    originalChatMessage.sender.id &&
+                    cachedDisplayName[originalChatMessage.sender.id]) {
+                    originalChatMessage.senderDisplayName = cachedDisplayName[originalChatMessage.sender.id];
+                }
+                else if (originalChatMessage.sender.kind === 'microsoftTeamsApp' &&
+                    originalChatMessage.sender.rawId &&
+                    cachedDisplayName[originalChatMessage.sender.rawId]) {
+                    originalChatMessage.senderDisplayName = cachedDisplayName[originalChatMessage.sender.rawId];
+                }
+            }
+            return Object.assign({}, originalChatMessage);
+        });
+        return chatMessagesModifier(modifiedParticipantState);
+    };
+};
+/* @conditional-compile-remove(on-fetch-profile) */
+/**
+ * @private
+ * This is the util function to create a participant modifier for remote participantList
+ * It memoize previous original participant items and only update the changed participant
+ * It takes in one modifier function to generate one single participant object, it returns undefined if the object keeps unmodified
+ */
+const createParticipantModifier$1 = (createModifiedParticipant) => {
+    let previousParticipantState = undefined;
+    let modifiedParticipants = {};
+    const memoizedParticipants = {};
+    return (state) => {
+        var _a, _b, _c, _d;
+        // if root state is the same, we don't need to update the participants
+        if (((_a = state.thread) === null || _a === undefined ? undefined : _a.participants) !== previousParticipantState) {
+            modifiedParticipants = {};
+            const originalParticipants = Object.entries(((_b = state.thread) === null || _b === undefined ? undefined : _b.participants) || {});
+            for (const [key, originalParticipant] of originalParticipants) {
+                const modifiedParticipant = createModifiedParticipant(key, originalParticipant);
+                if (modifiedParticipant === undefined) {
+                    modifiedParticipants[key] = originalParticipant;
+                    continue;
+                }
+                // Generate the new item if original cached item has been changed
+                if (((_c = memoizedParticipants[key]) === null || _c === undefined ? undefined : _c.originalRef) !== originalParticipant) {
+                    memoizedParticipants[key] = {
+                        newParticipant: modifiedParticipant,
+                        originalRef: originalParticipant
+                    };
+                }
+                // the modified participant is always coming from the memoized cache, whether is was refreshed
+                // from the previous closure or not
+                const memoizedParticipant = memoizedParticipants[key];
+                if (!memoizedParticipant) {
+                    throw new Error('Participant modifier encountered an unhandled exception.');
+                }
+                modifiedParticipants[key] = memoizedParticipant.newParticipant;
+            }
+            previousParticipantState = (_d = state.thread) === null || _d === undefined ? undefined : _d.participants;
+        }
+        return Object.assign(Object.assign({}, state), { thread: Object.assign(Object.assign({}, state.thread), { participants: modifiedParticipants }) });
+    };
+};
+/* @conditional-compile-remove(on-fetch-profile) */
+/**
+ * @private
+ * This is the util function to create a chat message modifier for remote participantList
+ * It memoize previous original messages and only update the changed sender display name
+ * It takes in one modifier function to generate one single participant object, it returns undefined if the object keeps unmodified
+ */
+const createChatMessageModifier = (createModifiedChatMessage) => {
+    let previousChatMessages;
+    let modifiedChatMessages;
+    const memoizedChatMessages = {};
+    return (state) => {
+        var _a, _b, _c, _d;
+        if (((_a = state.thread) === null || _a === undefined ? undefined : _a.chatMessages) !== previousChatMessages) {
+            modifiedChatMessages = {};
+            const originalChatMessages = Object.entries(((_b = state.thread) === null || _b === undefined ? undefined : _b.chatMessages) || {});
+            for (const [key, originalChatMessage] of originalChatMessages) {
+                const modifiedChatMessage = createModifiedChatMessage(key, originalChatMessage);
+                if (modifiedChatMessage === undefined) {
+                    modifiedChatMessages[key] = originalChatMessage;
+                    continue;
+                }
+                // Generate the new item if original cached item has been changed
+                if (((_c = memoizedChatMessages[key]) === null || _c === undefined ? undefined : _c.originalRef) !== originalChatMessage) {
+                    memoizedChatMessages[key] = {
+                        newChatMessage: modifiedChatMessage,
+                        originalRef: originalChatMessage
+                    };
+                }
+                // the modified chat message is always coming from the memoized cache, whether is was refreshed
+                // from the previous closure or not
+                const memoizedChatMessage = memoizedChatMessages[key];
+                if (!memoizedChatMessage) {
+                    throw new Error('Participant modifier encountered an unhandled exception.');
+                }
+                modifiedChatMessages[key] = memoizedChatMessage.newChatMessage;
+            }
+            previousChatMessages = (_d = state.thread) === null || _d === undefined ? undefined : _d.chatMessages;
+        }
+        return Object.assign(Object.assign({}, state), { thread: Object.assign(Object.assign({}, state.thread), { chatMessages: modifiedChatMessages }) });
+    };
+};
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 var __awaiter$v = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
@@ -30634,7 +30837,9 @@ var __asyncValues = (window && window.__asyncValues) || function (o) {
  * @private
  */
 class ChatContext {
-    constructor(clientState, threadId) {
+    constructor(clientState, threadId,
+    /* @conditional-compile-remove(on-fetch-profile) */
+    chatAdapterOptions) {
         this.emitter = new events.EventEmitter();
         const thread = clientState.threads[threadId];
         this.threadId = threadId;
@@ -30647,6 +30852,12 @@ class ChatContext {
             thread,
             latestErrors: clientState.latestErrors
         };
+        /* @conditional-compile-remove(on-fetch-profile) */
+        this.displayNameModifier = (chatAdapterOptions === null || chatAdapterOptions === undefined ? undefined : chatAdapterOptions.onFetchProfile)
+            ? createProfileStateModifier$1(chatAdapterOptions.onFetchProfile, () => {
+                this.setState(this.getState());
+            })
+            : undefined;
     }
     onStateChange(handler) {
         this.emitter.on('stateChanged', handler);
@@ -30656,6 +30867,8 @@ class ChatContext {
     }
     setState(state) {
         this.state = state;
+        /* @conditional-compile-remove(on-fetch-profile) */
+        this.state = this.displayNameModifier ? this.displayNameModifier(state) : state;
         this.emitter.emit('stateChanged', this.state);
     }
     getState() {
@@ -30684,12 +30897,16 @@ class ChatContext {
  * @private
  */
 class AzureCommunicationChatAdapter {
-    constructor(chatClient, chatThreadClient) {
+    constructor(chatClient, chatThreadClient,
+    /* @conditional-compile-remove(on-fetch-profile) */
+    chatAdapterOptions) {
         this.emitter = new events.EventEmitter();
         this.bindAllPublicMethods();
         this.chatClient = chatClient;
         this.chatThreadClient = chatThreadClient;
-        this.context = new ChatContext(chatClient.getState(), chatThreadClient.threadId);
+        this.context = new ChatContext(chatClient.getState(), chatThreadClient.threadId,
+        /* @conditional-compile-remove(on-fetch-profile) */
+        chatAdapterOptions);
         const onStateChange = (clientState) => {
             // unsubscribe when the instance gets disposed
             if (!this) {
@@ -30994,54 +31211,70 @@ const convertEventType = (type) => {
  *
  * @public
  */
-const createAzureCommunicationChatAdapter = (_a) => __awaiter$v(undefined, [_a], undefined, function* ({ endpoint: endpointUrl, userId, displayName, credential, threadId }) {
-    return _createAzureCommunicationChatAdapterInner(endpointUrl, userId, displayName, credential, threadId);
+const createAzureCommunicationChatAdapter = (_a) => __awaiter$v(undefined, [_a], undefined, function* ({ endpoint: endpointUrl, userId, displayName, credential, threadId,
+/* @conditional-compile-remove(on-fetch-profile) */
+chatAdapterOptions }) {
+    return _createAzureCommunicationChatAdapterInner(endpointUrl, userId, displayName, credential, threadId, 'Chat',
+    /* @conditional-compile-remove(on-fetch-profile) */
+    chatAdapterOptions);
 });
 /**
  * This inner function is used to allow injection of TelemetryImplementationHint without changing the public API.
  *
  * @internal
  */
-const _createAzureCommunicationChatAdapterInner = (endpoint_1, userId_1, displayName_1, credential_1, threadId_1, ...args_1) => __awaiter$v(undefined, [endpoint_1, userId_1, displayName_1, credential_1, threadId_1, ...args_1], undefined, function* (endpoint, userId, displayName, credential, threadId, telemetryImplementationHint = 'Chat') {
-    if (!_isValidIdentifier(userId)) {
-        throw new Error('Provided userId is invalid. Please provide valid identifier object.');
-    }
-    const chatClient = _createStatefulChatClientInner({
-        userId,
-        displayName,
-        endpoint,
-        credential
-    }, undefined, telemetryImplementationHint);
-    const chatThreadClient = yield chatClient.getChatThreadClient(threadId);
-    yield chatClient.startRealtimeNotifications();
-    const adapter = yield createAzureCommunicationChatAdapterFromClient(chatClient, chatThreadClient);
-    return adapter;
-});
+const _createAzureCommunicationChatAdapterInner = function (endpoint_1, userId_1, displayName_1, credential_1, threadId_1) {
+    return __awaiter$v(this, arguments, undefined, function* (endpoint, userId, displayName, credential, threadId, telemetryImplementationHint = 'Chat',
+    /* @conditional-compile-remove(on-fetch-profile) */
+    chatAdapterOptions) {
+        if (!_isValidIdentifier(userId)) {
+            throw new Error('Provided userId is invalid. Please provide valid identifier object.');
+        }
+        const chatClient = _createStatefulChatClientInner({
+            userId,
+            displayName,
+            endpoint,
+            credential
+        }, undefined, telemetryImplementationHint);
+        const chatThreadClient = yield chatClient.getChatThreadClient(threadId);
+        yield chatClient.startRealtimeNotifications();
+        const adapter = yield createAzureCommunicationChatAdapterFromClient(chatClient, chatThreadClient,
+        /* @conditional-compile-remove(on-fetch-profile) */
+        chatAdapterOptions);
+        return adapter;
+    });
+};
 /**
  * This inner function to create ChatAdapterPromise in case when threadID is not avaialble.
  * 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$v(undefined, [endpoint_2, userId_2, displayName_2, credential_2, threadId_2, ...args_2], undefined, function* (endpoint, userId, displayName, credential, threadId, telemetryImplementationHint = 'Chat') {
-    if (!_isValidIdentifier(userId)) {
-        throw new Error('Provided userId is invalid. Please provide valid identifier object.');
-    }
-    const chatClient = _createStatefulChatClientInner({
-        userId,
-        displayName,
-        endpoint,
-        credential
-    }, undefined, telemetryImplementationHint);
-    return threadId.then((threadId) => __awaiter$v(undefined, undefined, undefined, 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}.`);
+const _createLazyAzureCommunicationChatAdapterInner = function (endpoint_1, userId_1, displayName_1, credential_1, threadId_1) {
+    return __awaiter$v(this, arguments, undefined, function* (endpoint, userId, displayName, credential, threadId, telemetryImplementationHint = 'Chat',
+    /* @conditional-compile-remove(on-fetch-profile) */
+    chatAdapterOptions) {
+        if (!_isValidIdentifier(userId)) {
+            throw new Error('Provided userId is invalid. Please provide valid identifier object.');
         }
-        const chatThreadClient = yield chatClient.getChatThreadClient(threadId);
-        yield chatClient.startRealtimeNotifications();
-        const adapter = yield createAzureCommunicationChatAdapterFromClient(chatClient, chatThreadClient);
-        return adapter;
-    }));
-});
+        const chatClient = _createStatefulChatClientInner({
+            userId,
+            displayName,
+            endpoint,
+            credential
+        }, undefined, telemetryImplementationHint);
+        return threadId.then((threadId) => __awaiter$v(this, undefined, undefined, 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}.`);
+            }
+            const chatThreadClient = yield chatClient.getChatThreadClient(threadId);
+            yield chatClient.startRealtimeNotifications();
+            const adapter = yield createAzureCommunicationChatAdapterFromClient(chatClient, chatThreadClient,
+            /* @conditional-compile-remove(on-fetch-profile) */
+            chatAdapterOptions);
+            return adapter;
+        }));
+    });
+};
 /**
  * A custom React hook to simplify the creation of {@link ChatAdapter}.
  *
@@ -31153,9 +31386,13 @@ beforeDispose) => {
  *
  * @public
  */
-function createAzureCommunicationChatAdapterFromClient(chatClient, chatThreadClient) {
+function createAzureCommunicationChatAdapterFromClient(chatClient, chatThreadClient,
+/* @conditional-compile-remove(on-fetch-profile) */
+chatAdapterOptions) {
     return __awaiter$v(this, undefined, undefined, function* () {
-        return new AzureCommunicationChatAdapter(chatClient, chatThreadClient);
+        return new AzureCommunicationChatAdapter(chatClient, chatThreadClient,
+        /* @conditional-compile-remove(on-fetch-profile) */
+        chatAdapterOptions);
     });
 }
 const isChatError = (e) => {
@@ -32102,7 +32339,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-BMVBxfQa.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper })));
+const RichTextSendBoxWrapper = React.lazy(() => Promise.resolve().then(function () { return require('./RichTextSendBoxWrapper-CWem6AxN.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper })));
 /**
  * @private
  * Use this function to load RoosterJS dependencies early in the lifecycle.
@@ -32110,7 +32347,7 @@ const RichTextSendBoxWrapper = React.lazy(() => Promise.resolve().then(function
  *
 /* @conditional-compile-remove(rich-text-editor-composite-support)
  */
-const loadRichTextSendBox = () => Promise.resolve().then(function () { return require('./RichTextSendBoxWrapper-BMVBxfQa.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper }));
+const loadRichTextSendBox = () => Promise.resolve().then(function () { return require('./RichTextSendBoxWrapper-CWem6AxN.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper }));
 /**
  * @private
  */
@@ -46639,17 +46876,29 @@ const createAzureCommunicationCallWithChatAdapter = (_a) => __awaiter$4(undefine
         telemetryImplementationHint: 'CallWithChat'
     });
     const chatThreadAdapter = _createChatThreadAdapterInner(locator, callAdapter);
+    /* @conditional-compile-remove(on-fetch-profile) */
+    const chatAdapterOptions = {
+        onFetchProfile: callAdapterOptions === null || callAdapterOptions === undefined ? undefined : callAdapterOptions.onFetchProfile
+    };
     if (chatThreadAdapter.isCallInfoRequired()) {
         const callWithChatAdapter = new AzureCommunicationCallWithChatAdapter(yield callAdapter);
-        const chatAdapterPromise = _createLazyAzureCommunicationChatAdapterInner(endpoint, userId, displayName, credential, chatThreadAdapter.getChatThreadPromise(), 'CallWithChat');
+        const chatAdapterPromise = _createLazyAzureCommunicationChatAdapterInner(endpoint, userId, displayName, credential, chatThreadAdapter.getChatThreadPromise(), 'CallWithChat',
+        /* @conditional-compile-remove(on-fetch-profile) */
+        chatAdapterOptions);
         callWithChatAdapter.setChatAdapterPromise(chatAdapterPromise);
-        callWithChatAdapter.setCreateChatAdapterCallback((threadId) => _createAzureCommunicationChatAdapterInner(endpoint, userId, displayName, credential, threadId, 'CallWithChat'));
+        callWithChatAdapter.setCreateChatAdapterCallback((threadId) => _createAzureCommunicationChatAdapterInner(endpoint, userId, displayName, credential, threadId, 'CallWithChat',
+        /* @conditional-compile-remove(on-fetch-profile) */
+        chatAdapterOptions));
         return callWithChatAdapter;
     }
     else {
-        const chatAdapter = _createAzureCommunicationChatAdapterInner(endpoint, userId, displayName, credential, chatThreadAdapter.getChatThread(), 'CallWithChat');
+        const chatAdapter = _createAzureCommunicationChatAdapterInner(endpoint, userId, displayName, credential, chatThreadAdapter.getChatThread(), 'CallWithChat',
+        /* @conditional-compile-remove(on-fetch-profile) */
+        chatAdapterOptions);
         const callWithChatAdapter = new AzureCommunicationCallWithChatAdapter(yield callAdapter, yield chatAdapter);
-        callWithChatAdapter.setCreateChatAdapterCallback((threadId) => _createAzureCommunicationChatAdapterInner(endpoint, userId, displayName, credential, threadId, 'CallWithChat'));
+        callWithChatAdapter.setCreateChatAdapterCallback((threadId) => _createAzureCommunicationChatAdapterInner(endpoint, userId, displayName, credential, threadId, 'CallWithChat',
+        /* @conditional-compile-remove(on-fetch-profile) */
+        chatAdapterOptions));
         return callWithChatAdapter;
     }
 });
@@ -47488,4 +47737,4 @@ exports.useTeamsCall = useTeamsCall;
 exports.useTeamsCallAdapter = useTeamsCallAdapter;
 exports.useTeamsCallAgent = useTeamsCallAgent;
 exports.useTheme = useTheme;
-//# sourceMappingURL=index-BWWxc3Tx.js.map
+//# sourceMappingURL=index-B61VVYm8.js.map