@azure/communication-react 1.26.0-alpha-202504090018 → 1.26.0-alpha-202504162032

package/dist/dist-cjs/communication-react/{index-Bhb6v-9U.js → index-Y6qfhE4K.js}

@@ -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-202504090018';
+var telemetryVersion = '1.26.0-alpha-202504162032';
 
 
 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;
             }
@@ -5686,6 +5686,9 @@ class CallSubscriber {
         this._safeSubscribeInitTeamsMeetingConference = () => {
             this._safeSubscribe(this.initTeamsMeetingConference);
         };
+        this._safeSubscribeInitRealTimeText = () => {
+            this._safeSubscribe(this.initRealTimeText);
+        };
         /* @conditional-compile-remove(local-recording-notification) */
         this._safeSubscribeInitLocalRecordingNotificationSubscriber = () => {
             this._safeSubscribe(this.initLocalRecordingNotificationSubscriber);
@@ -5706,6 +5709,7 @@ class CallSubscriber {
             /* @conditional-compile-remove(total-participant-count) */
             this._call.on('totalParticipantCountChanged', this.totalParticipantCountChangedHandler);
             this._call.on('mutedByOthers', this.mutedByOthersHandler);
+            this._safeSubscribeInitRealTimeText();
             for (const localVideoStream of this._call.localVideoStreams) {
                 this._internalContext.setLocalRenderInfo(this._callIdRef.callId, localVideoStream.mediaStreamType, localVideoStream, 'NotRendered', undefined);
             }
@@ -5717,7 +5721,7 @@ class CallSubscriber {
             }
         };
         this.unsubscribe = () => {
-            var _a, _b, _c, _d, _e;
+            var _a, _b, _c, _d;
             this._call.off('stateChanged', this.stateChanged);
             this._call.off('stateChanged', this._safeSubscribeInitCaptionSubscriber);
             this._call.off('stateChanged', this._safeSubscribeInitTeamsMeetingConference);
@@ -5752,10 +5756,12 @@ class CallSubscriber {
             this._pptLiveSubscriber.unsubscribe();
             (_b = this._CaptionsFeatureSubscriber) === null || _b === undefined ? undefined : _b.unsubscribe();
             /* @conditional-compile-remove(rtt) */
-            (_c = this._realTimeTextSubscriber) === null || _c === undefined ? undefined : _c.unsubscribe();
-            (_d = this._raiseHandSubscriber) === null || _d === undefined ? undefined : _d.unsubscribe();
+            if (this._realTimeTextSubscriber) {
+                this._realTimeTextSubscriber.unsubscribe();
+            }
+            (_c = this._raiseHandSubscriber) === null || _c === undefined ? undefined : _c.unsubscribe();
             this._capabilitiesSubscriber.unsubscribe();
-            (_e = this._reactionSubscriber) === null || _e === undefined ? undefined : _e.unsubscribe();
+            (_d = this._reactionSubscriber) === null || _d === undefined ? undefined : _d.unsubscribe();
             this._spotlightSubscriber.unsubscribe();
             this._breakoutRoomsSubscriber.unsubscribe();
             /* @conditional-compile-remove(together-mode) */
@@ -5783,6 +5789,11 @@ class CallSubscriber {
                 this._call.off('stateChanged', this._safeSubscribeInitTeamsMeetingConference);
             }
         };
+        this.initRealTimeText = () => {
+            if (this._context.getState().userId.kind !== 'microsoftTeamsUser') {
+                this._realTimeTextSubscriber = new RealTimeTextSubscriber(this._callIdRef, this._context, this._call.feature(communicationCalling.Features.RealTimeText));
+            }
+        };
         /* @conditional-compile-remove(local-recording-notification) */
         this.initLocalRecordingNotificationSubscriber = () => {
             // Subscribe to LocalRecordingFeature as it is only available in interop scenarios
@@ -5884,8 +5895,6 @@ class CallSubscriber {
         /* @conditional-compile-remove(together-mode) */
         this._togetherModeSubscriber = new TogetherModeSubscriber(this._callIdRef, this._context, this._internalContext, this._call.feature(communicationCalling.Features.TogetherMode));
         this._mediaAccessSubscriber = new MediaAccessSubscriber(this._callIdRef, this._context, this._call.feature(communicationCalling.Features.MediaAccess));
-        /* @conditional-compile-remove(rtt) */
-        this._realTimeTextSubscriber = new RealTimeTextSubscriber(this._callIdRef, this._context, this._call.feature(communicationCalling.Features.RealTimeText));
         this.subscribe();
     }
     // This is a helper function to safely call subscriber functions. This is needed in order to prevent events
@@ -5945,7 +5954,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 +5974,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 +6003,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 +6023,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 +6249,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 +6275,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');
@@ -6363,6 +6372,9 @@ class ProxyCallCommon {
                         const proxyFeature = new ProxySpotlightCallFeature(this._context);
                         return new Proxy(spotlightFeature, proxyFeature);
                     }
+                    if (args[0] === communicationCalling.Features.RealTimeText && this._context.getState().userId.kind === 'microsoftTeamsUser') {
+                        return;
+                    }
                     return target.feature(...args);
                 }, 'Call.feature');
             }
@@ -6382,7 +6394,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 +6408,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 +6416,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 +6443,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 +6457,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 +6465,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 +6485,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 +6532,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 +6546,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 +6831,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 +6846,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 +6953,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 +6975,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 +6994,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 +7021,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 +7192,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 +7214,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 +7227,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 +7240,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 +7268,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 +7328,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 +10084,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 +10270,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 +10447,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 +10996,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 +11085,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 +11220,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 +11269,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 +11361,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 +12643,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 +12698,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 +16444,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-DGvSX6E8.js'); }));
+const ChatMessageComponentAsRichTextEditBox = React.lazy(() => Promise.resolve().then(function () { return require('./ChatMessageComponentAsRichTextEditBox-ClBYNQcI.js'); }));
 /**
  * @private
  * Use this function to load RoosterJS dependencies early in the lifecycle.
@@ -16440,7 +16452,7 @@ const ChatMessageComponentAsRichTextEditBox = React.lazy(() => Promise.resolve()
  *
  * @conditional-compile-remove(rich-text-editor)
  */
-const loadChatMessageComponentAsRichTextEditBox = () => Promise.resolve().then(function () { return require('./ChatMessageComponentAsRichTextEditBox-DGvSX6E8.js'); });
+const loadChatMessageComponentAsRichTextEditBox = () => Promise.resolve().then(function () { return require('./ChatMessageComponentAsRichTextEditBox-ClBYNQcI.js'); });
 /**
  * @private
  */
@@ -16459,7 +16471,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 +16531,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 +16938,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 +17134,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 +17215,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 +17266,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 +20858,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 +20875,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 +23766,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 +23817,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 +23835,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 +24050,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 +24092,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 +24118,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 +24985,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 +25029,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'
@@ -26124,7 +26136,7 @@ const _Caption = (props) => {
 /* @conditional-compile-remove(rtt) */
 /* @conditional-compile-remove(rtt) */
 /**
- * @beta
+ * @public
  * A component for displaying a single line of RealTimeText
  */
 const RealTimeText = (props) => {
@@ -26570,7 +26582,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 +26613,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 +26685,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 +26735,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 +26832,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); } }
@@ -26831,7 +26843,7 @@ var __awaiter$D = (window && window.__awaiter) || function (thisArg, _arguments,
 };
 /* @conditional-compile-remove(rtt) */
 /**
- * @beta
+ * @public
  * a component for realTimeText modal
  */
 const RealTimeTextModal = (props) => {
@@ -26844,7 +26856,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();
         }
@@ -27233,7 +27245,7 @@ const IncomingCallStack = (props) => {
  * Can be used with {@link ControlBar}
  *
  * @param props - properties for the start RealTimeText button.
- * @beta
+ * @public
  */
 const StartRealTimeTextButton = (props) => {
     const { onStartRealTimeText, isRealTimeTextOn } = props;
@@ -28289,7 +28301,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 +28327,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 +28363,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 +28385,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 +28398,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 +29347,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 +29389,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 +29426,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 +29442,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 +29469,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 +29480,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 +29493,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 +29520,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 +29594,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 +29873,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 +29980,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 +30070,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 +30164,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 +30186,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 +30201,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 +30288,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 +30307,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 +30355,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 +30364,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 +30382,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 +30395,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 +30403,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 +30411,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 +30449,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 +30468,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 +30481,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 +30501,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 +30512,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 +30623,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 +30849,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 +30864,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 +30879,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 +30909,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 +31223,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 +31398,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 +32351,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-DyvN1xv0.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper })));
+const RichTextSendBoxWrapper = React.lazy(() => Promise.resolve().then(function () { return require('./RichTextSendBoxWrapper-zKj5z_6J.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper })));
 /**
  * @private
  * Use this function to load RoosterJS dependencies early in the lifecycle.
@@ -32110,7 +32359,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-DyvN1xv0.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper }));
+const loadRichTextSendBox = () => Promise.resolve().then(function () { return require('./RichTextSendBoxWrapper-zKj5z_6J.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper }));
 /**
  * @private
  */
@@ -39689,7 +39938,7 @@ const CallArrangement = (props) => {
                         padding: verticalControlBar ? '0.25rem' : 'unset'
                     }) }, isLegacyCallControlEnabled((_o = props.callControlProps) === null || _o === undefined ? undefined : _o.options) ? (React.createElement(CallControls, Object.assign({}, props.callControlProps, { containerWidth: containerWidth, containerHeight: containerHeight, isMobile: props.mobileView, peopleButtonChecked: isPeoplePaneOpen, onPeopleButtonClicked: togglePeoplePane, displayVertical: verticalControlBar }))) : (React.createElement(CommonCallControlBar, Object.assign({}, props.callControlProps, { callControls: props.callControlProps.options, callAdapter: adapter, mobileView: props.mobileView, disableButtonsForLobbyPage: isInLobby, disableButtonsForHoldScreen: isInLocalHold, peopleButtonChecked: isPeoplePaneOpen, onPeopleButtonClicked: togglePeoplePane, onMoreButtonClicked: onMoreButtonClicked, isCaptionsSupported: (useTeamsCaptions && hasJoinedCall) || hasJoinedCall, 
                     /* @conditional-compile-remove(rtt) */
-                    isRealTimeTextSupported: hasJoinedCall && !props.isPstnCall, 
+                    isRealTimeTextSupported: hasJoinedCall && props.isRTTSupportedCall, 
                     /* @conditional-compile-remove(rtt) */
                     onStartRealTimeText: onStartRealTimeText, 
                     /* @conditional-compile-remove(rtt) */
@@ -39697,7 +39946,7 @@ const CallArrangement = (props) => {
                 ((_p = props.callControlProps) === null || _p === undefined ? undefined : _p.options) !== false && showDrawer && (React.createElement(react.Stack, { styles: drawerContainerStylesValue },
                     React.createElement(PreparedMoreDrawer, { callControls: props.callControlProps.options, onLightDismiss: closeDrawer, onPeopleButtonClicked: onMoreDrawerPeopleClicked, disableButtonsForHoldScreen: isInLocalHold, isCaptionsSupported: (useTeamsCaptions && hasJoinedCall) || hasJoinedCall, 
                         /* @conditional-compile-remove(rtt) */
-                        isRealTimeTextSupported: hasJoinedCall && !props.isPstnCall, 
+                        isRealTimeTextSupported: hasJoinedCall && props.isRTTSupportedCall, 
                         /* @conditional-compile-remove(rtt) */
                         onStartRealTimeText: onStartRealTimeText, 
                         /* @conditional-compile-remove(rtt) */
@@ -39750,7 +39999,7 @@ const remoteVideoViewOptions = {
  */
 const MediaGallery = (props) => {
     var _a, _b;
-    const { pinnedParticipants = [], setPinnedParticipants, setIsPromptOpen, setPromptProps, hideSpotlightButtons, videoTilesOptions, captionsOptions } = props;
+    const { pinnedParticipants = [], setPinnedParticipants, setIsPromptOpen, setPromptProps, hideSpotlightButtons, videoTilesOptions, captionsOptions, compositeContainerAspectRatio } = props;
     const videoGalleryProps = usePropsFor$1(VideoGallery);
     const cameraSwitcherCameras = useSelector$1(localVideoCameraCycleButtonSelector);
     const cameraSwitcherCallback = useHandlers();
@@ -39758,11 +40007,10 @@ const MediaGallery = (props) => {
     const userRole = useSelector$1(getRole);
     const capabilities = useSelector$1(getCapabilites);
     const isRoomsCall = useSelector$1(getIsRoomsCall);
+    const reactionResources = useSelector$1(getReactionResources);
     const containerRef = React.useRef(null);
     const containerWidth = _useContainerWidth(containerRef);
     const containerHeight = _useContainerHeight(containerRef);
-    const containerAspectRatio = containerWidth && containerHeight ? containerWidth / containerHeight : 0;
-    const reactionResources = useSelector$1(getReactionResources);
     const layoutBasedOnTilePosition = getVideoGalleryLayoutBasedOnLocalOptions((_a = props.localVideoTileOptions) === null || _a === undefined ? undefined : _a.position);
     const cameraSwitcherProps = React.useMemo(() => {
         return Object.assign(Object.assign({}, cameraSwitcherCallback), cameraSwitcherCameras);
@@ -39821,7 +40069,7 @@ const MediaGallery = (props) => {
         };
         return (React.createElement(VideoGallery, Object.assign({}, videoGalleryProps, { videoTilesOptions: videoTilesOptions, localVideoViewOptions: localVideoViewOptions$2, remoteVideoViewOptions: remoteVideoViewOptions, styles: galleryStyles, layout: layoutBasedOnUserSelection(), showCameraSwitcherInLocalPreview: props.isMobile, localVideoCameraCycleButtonProps: cameraSwitcherProps, onRenderAvatar: onRenderAvatar, remoteVideoTileMenu: remoteVideoTileMenuOptions, overflowGalleryPosition: overflowGalleryPosition, localVideoTileSize: props.localVideoTileOptions === false || userRole === 'Consumer' || (isRoomsCall && userRole === 'Unknown')
                 ? 'hidden'
-                : props.isMobile && containerAspectRatio < 1
+                : props.isMobile && compositeContainerAspectRatio && compositeContainerAspectRatio < 1
                     ? '9:16'
                     : '16:9', pinnedParticipants: pinnedParticipants, onPinParticipant: onPinParticipant, onUnpinParticipant: onUnpinParticipant, reactionResources: reactionResources, onStartLocalSpotlight: hideSpotlightButtons ? undefined : onStartLocalSpotlightWithPrompt, onStopLocalSpotlight: hideSpotlightButtons ? undefined : onStopLocalSpotlightWithPrompt, onStartRemoteSpotlight: hideSpotlightButtons ? undefined : onStartRemoteSpotlightWithPrompt, onStopRemoteSpotlight: hideSpotlightButtons ? undefined : onStopRemoteSpotlightWithPrompt, onMuteParticipant: ((_a = capabilities === null || capabilities === undefined ? undefined : capabilities.muteOthers) === null || _a === undefined ? undefined : _a.isPresent) || userRole === 'Unknown'
                 ? videoGalleryProps.onMuteParticipant
@@ -39839,7 +40087,6 @@ const MediaGallery = (props) => {
         overflowGalleryPosition,
         userRole,
         isRoomsCall,
-        containerAspectRatio,
         pinnedParticipants,
         onPinParticipant,
         onUnpinParticipant,
@@ -39851,7 +40098,8 @@ const MediaGallery = (props) => {
         onStopRemoteSpotlightWithPrompt,
         layoutBasedOnTilePosition,
         capabilities === null || capabilities === undefined ? undefined : capabilities.muteOthers,
-        props.localScreenShareView
+        props.localScreenShareView,
+        compositeContainerAspectRatio
     ]);
     return (React.createElement("div", { ref: containerRef, style: mediaGalleryContainerStyles },
         React.createElement(Announcer$1, { announcementString: announcerString, ariaLive: 'polite' }),
@@ -40187,6 +40435,11 @@ const CallPage = (props) => {
     const renderDtmfDialerFromStart = showDtmfDialer(callees, remoteParticipantsConnected, disableAutoShowDtmfDialer);
     const [dtmfDialerPresent, setDtmfDialerPresent] = React.useState(renderDtmfDialerFromStart);
     const isPstnCall = callees === null || callees === undefined ? undefined : callees.some((callee) => communicationCommon.isPhoneNumberIdentifier(callee));
+    const isCTECall = useSelector$1((state) => state.userId.kind === 'microsoftTeamsUser');
+    const containerRef = React.useRef(null);
+    const containerWidth = _useContainerWidth(containerRef);
+    const containerHeight = _useContainerHeight(containerRef);
+    const containerAspectRatio = containerWidth && containerHeight ? containerWidth / containerHeight : 0;
     const strings = useLocale().strings.call;
     const pinnedParticipantsChecked = React.useMemo(() => pinnedParticipants.filter((pinnedParticipant) => remoteParticipantsConnected.find((remoteParticipant) => toFlatCommunicationIdentifier(remoteParticipant.identifier) === pinnedParticipant)), [pinnedParticipants, remoteParticipantsConnected]);
     // Reduce the controls shown when mobile view is enabled.
@@ -40211,10 +40464,10 @@ const CallPage = (props) => {
             return (React.createElement(DtmfDialpadPage, { mobileView: props.mobileView, modalLayerHostId: props.modalLayerHostId, options: props.options, updateSidePaneRenderer: props.updateSidePaneRenderer, mobileChatTabHeader: props.mobileChatTabHeader, latestErrors: props.latestErrors, onDismissError: props.onDismissError, capabilitiesChangedNotificationBarProps: props.capabilitiesChangedNotificationBarProps, onSetDialpadPage: () => setDtmfDialerPresent(!dtmfDialerPresent), dtmfDialerPresent: dtmfDialerPresent, compositeAudioContext: compositeAudioContext }));
         }
         else {
-            return (React.createElement(MediaGallery, Object.assign({ isMobile: mobileView }, mediaGalleryProps, mediaGalleryHandlers, { onFetchAvatarPersonaData: onFetchAvatarPersonaData, remoteVideoTileMenuOptions: options === null || options === undefined ? undefined : options.remoteVideoTileMenuOptions, drawerMenuHostId: drawerMenuHostId, localVideoTileOptions: options === null || options === undefined ? undefined : options.localVideoTile, userSetOverflowGalleryPosition: userSetOverflowGalleryPosition, userSetGalleryLayout: galleryLayout, pinnedParticipants: pinnedParticipantsChecked, setPinnedParticipants: setPinnedParticipants, setIsPromptOpen: setIsPromptOpen, setPromptProps: setPromptProps, hideSpotlightButtons: (_a = options === null || options === undefined ? undefined : options.spotlight) === null || _a === undefined ? undefined : _a.hideSpotlightButtons, videoTilesOptions: options === null || options === undefined ? undefined : options.videoTilesOptions, captionsOptions: options === null || options === undefined ? undefined : options.captionsBanner, localScreenShareView: (_b = options === null || options === undefined ? undefined : options.galleryOptions) === null || _b === undefined ? undefined : _b.localScreenShareView })));
+            return (React.createElement(MediaGallery, Object.assign({ isMobile: mobileView }, mediaGalleryProps, mediaGalleryHandlers, { onFetchAvatarPersonaData: onFetchAvatarPersonaData, remoteVideoTileMenuOptions: options === null || options === undefined ? undefined : options.remoteVideoTileMenuOptions, drawerMenuHostId: drawerMenuHostId, localVideoTileOptions: options === null || options === undefined ? undefined : options.localVideoTile, userSetOverflowGalleryPosition: userSetOverflowGalleryPosition, userSetGalleryLayout: galleryLayout, pinnedParticipants: pinnedParticipantsChecked, setPinnedParticipants: setPinnedParticipants, setIsPromptOpen: setIsPromptOpen, setPromptProps: setPromptProps, hideSpotlightButtons: (_a = options === null || options === undefined ? undefined : options.spotlight) === null || _a === undefined ? undefined : _a.hideSpotlightButtons, videoTilesOptions: options === null || options === undefined ? undefined : options.videoTilesOptions, captionsOptions: options === null || options === undefined ? undefined : options.captionsBanner, localScreenShareView: (_b = options === null || options === undefined ? undefined : options.galleryOptions) === null || _b === undefined ? undefined : _b.localScreenShareView, compositeContainerAspectRatio: containerAspectRatio })));
         }
     };
-    return (React.createElement(React.Fragment, null,
+    return (React.createElement("div", { ref: containerRef, style: { height: '100%', width: '100%' } },
         React.createElement(CallArrangement, { id: drawerMenuHostId, complianceBannerProps: Object.assign(Object.assign({}, complianceBannerProps), { strings }), errorBarProps: (options === null || options === undefined ? undefined : options.errorBar) !== false && errorBarProps, showErrorNotifications: (_a = options === null || options === undefined ? undefined : options.errorBar) !== null && _a !== undefined ? _a : true, mutedNotificationProps: mutedNotificationProps, callControlProps: {
                 callInvitationURL: callInvitationURL,
                 onFetchParticipantMenuItems: onFetchParticipantMenuItems,
@@ -40222,7 +40475,7 @@ const CallPage = (props) => {
                 increaseFlyoutItemSize: mobileView
             }, onFetchAvatarPersonaData: onFetchAvatarPersonaData, mobileView: mobileView, modalLayerHostId: props.modalLayerHostId, onRenderGalleryContent: () => _isInCall(callStatus) ? (isNetworkHealthy(networkReconnectTileProps.networkReconnectValue) ? (onRenderGalleryContentTrampoline()) : (React.createElement(NetworkReconnectTile, Object.assign({}, networkReconnectTileProps, { isMobile: mobileView })))) : (galleryContentWhenNotInCall), updateSidePaneRenderer: props.updateSidePaneRenderer, mobileChatTabHeader: props.mobileChatTabHeader, onCloseChatPane: onCloseChatPane, dataUiId: 'call-page', latestErrors: props.latestErrors, latestNotifications: latestNotifications, onDismissError: props.onDismissError, onDismissNotification: onDismissNotification, onUserSetOverflowGalleryPositionChange: onSetUserSetOverflowGalleryPosition, onUserSetGalleryLayoutChange: onUserSetGalleryLayoutChange, userSetGalleryLayout: galleryLayout, capabilitiesChangedNotificationBarProps: props.capabilitiesChangedNotificationBarProps, onSetDialpadPage: () => setDtmfDialerPresent(!dtmfDialerPresent), dtmfDialerPresent: dtmfDialerPresent, setIsPromptOpen: setIsPromptOpen, setPromptProps: setPromptProps, hideSpotlightButtons: (_b = options === null || options === undefined ? undefined : options.spotlight) === null || _b === undefined ? undefined : _b.hideSpotlightButtons, pinnedParticipants: pinnedParticipantsChecked, setPinnedParticipants: setPinnedParticipants, 
             /* @conditional-compile-remove(call-readiness) */
-            doNotShowCameraAccessNotifications: ((_d = (_c = props.options) === null || _c === undefined ? undefined : _c.deviceChecks) === null || _d === undefined ? undefined : _d.camera) === 'doNotPrompt', captionsOptions: options === null || options === undefined ? undefined : options.captionsBanner, dtmfDialerOptions: disableAutoShowDtmfDialer, notificationOptions: props.notificationOptions, isPstnCall: isPstnCall }),
+            doNotShowCameraAccessNotifications: ((_d = (_c = props.options) === null || _c === undefined ? undefined : _c.deviceChecks) === null || _d === undefined ? undefined : _d.camera) === 'doNotPrompt', captionsOptions: options === null || options === undefined ? undefined : options.captionsBanner, dtmfDialerOptions: disableAutoShowDtmfDialer, notificationOptions: props.notificationOptions, isRTTSupportedCall: !isPstnCall && !isCTECall }),
         React.createElement(Prompt, Object.assign({ isOpen: isPromptOpen, onDismiss: () => setIsPromptOpen(false) }, promptProps))));
 };
 /**
@@ -42579,11 +42832,22 @@ const MainScreen = (props) => {
         const closeSidePane = () => {
             setSidePaneRenderer(undefined);
         };
-        adapter.on('callEnded', closeSidePane);
+        /* @conditional-compile-remove(together-mode) */
+        const resetUserGalleryLayout = () => {
+            if (userSetGalleryLayout === 'togetherMode') {
+                setUserSetGalleryLayout('floatingLocalVideo');
+            }
+        };
+        const handleCallEnded = () => {
+            closeSidePane();
+            /* @conditional-compile-remove(together-mode) */
+            resetUserGalleryLayout();
+        };
+        adapter.on('callEnded', handleCallEnded);
         return () => {
-            adapter.off('callEnded', closeSidePane);
+            adapter.off('callEnded', handleCallEnded);
         };
-    }, [adapter]);
+    }, [adapter, /* @conditional-compile-remove(together-mode) */ userSetGalleryLayout]);
     const compositeAudioContext = useAudio();
     const capabilitiesChangedInfoAndRole = useSelector$1(capabilitiesChangedInfoAndRoleSelector);
     const capabilitiesChangedNotificationBarProps = useTrackedCapabilityChangedNotifications(capabilitiesChangedInfoAndRole);
@@ -44113,7 +44377,12 @@ class AzureCommunicationCallAdapter {
         (_g = this.call) === null || _g === undefined ? undefined : _g.feature(communicationCalling.Features.Capabilities).on('capabilitiesChanged', this.capabilitiesChanged.bind(this));
         (_h = this.call) === null || _h === undefined ? undefined : _h.feature(communicationCalling.Features.Spotlight).on('spotlightChanged', this.spotlightChanged.bind(this));
         /* @conditional-compile-remove(rtt) */
-        (_j = this.call) === null || _j === undefined ? undefined : _j.feature(communicationCalling.Features.RealTimeText).on('realTimeTextReceived', this.realTimeTextReceived.bind(this));
+        try {
+            (_j = this.call) === null || _j === void 0 ? void 0 : _j.feature(communicationCalling.Features.RealTimeText).on('realTimeTextReceived', this.realTimeTextReceived.bind(this));
+        }
+        catch (e) {
+            console.log('RealTimeText feature is not supported');
+        }
         const breakoutRoomsFeature = (_k = this.call) === null || _k === undefined ? undefined : _k.feature(communicationCalling.Features.BreakoutRooms);
         if (breakoutRoomsFeature) {
             breakoutRoomsFeature.on('breakoutRoomsUpdated', this.breakoutRoomsUpdated.bind(this));
@@ -44132,7 +44401,12 @@ class AzureCommunicationCallAdapter {
         (_e = this.call) === null || _e === undefined ? undefined : _e.off('roleChanged', this.roleChanged.bind(this));
         this.unsubscribeFromCaptionEvents();
         /* @conditional-compile-remove(rtt) */
-        (_f = this.call) === null || _f === undefined ? undefined : _f.feature(communicationCalling.Features.RealTimeText).off('realTimeTextReceived', this.realTimeTextReceived.bind(this));
+        try {
+            (_f = this.call) === null || _f === void 0 ? void 0 : _f.feature(communicationCalling.Features.RealTimeText).off('realTimeTextReceived', this.realTimeTextReceived.bind(this));
+        }
+        catch (e) {
+            console.log('RealTimeText feature is not supported');
+        }
         if (this.callingSoundSubscriber) {
             this.callingSoundSubscriber.unsubscribeAll();
         }
@@ -45630,9 +45904,29 @@ class CallWithChatContext {
  * Created for easy use with the {@link CallWithChatComposite}.
  */
 class AzureCommunicationCallWithChatAdapter {
+    // This function is used to store a listener to the internal map of chat event listeners and should be
+    // used when a listener subscribes to a chat event
+    storeChatEventListener(event, listener) {
+        var _a;
+        if (!this.chatEventListeners.has(event)) {
+            this.chatEventListeners.set(event, new Set());
+        }
+        (_a = this.chatEventListeners.get(event)) === null || _a === undefined ? undefined : _a.add(listener);
+    }
+    // This function is used to remove a listener from the internal map of chat event listeners and should
+    // be used when a listener unsubscribes from a chat event
+    removeChatEventListener(event, listener) {
+        var _a;
+        if (this.chatEventListeners.has(event)) {
+            (_a = this.chatEventListeners.get(event)) === null || _a === undefined ? undefined : _a.delete(listener);
+        }
+    }
     constructor(callAdapter, chatAdapter) {
         this.emitter = new events.EventEmitter();
         this.isAdapterDisposed = false;
+        // This map is used to store the listeners subscribed to chat events so that we can re-subscribe them
+        // to the new chat adapter when the thread id changes
+        this.chatEventListeners = new Map();
         this.bindPublicMethods();
         this.callAdapter = callAdapter;
         this.context = new CallWithChatContext(callWithChatAdapterStateFromBackingStates(callAdapter));
@@ -45757,11 +46051,23 @@ class AzureCommunicationCallWithChatAdapter {
     updateChatAdapter(chatAdapter) {
         var _a;
         (_a = this.chatAdapter) === null || _a === undefined ? undefined : _a.offStateChange(this.onChatStateChange);
+        this.updateChatEventListeners(chatAdapter);
         this.chatAdapter = chatAdapter;
         this.chatAdapter.onStateChange(this.onChatStateChange);
         this.context.updateClientStateWithChatState(chatAdapter.getState());
         this.emitter.emit('chatInitialized', this.chatAdapter);
     }
+    updateChatEventListeners(chatAdapter) {
+        var _a;
+        for (const [eventName, listeners] of this.chatEventListeners) {
+            for (const listener of listeners) {
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                (_a = this.chatAdapter) === null || _a === undefined ? undefined : _a.off(eventName, listener);
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                chatAdapter.on(eventName, listener);
+            }
+        }
+    }
     bindPublicMethods() {
         this.joinCall.bind(this);
         this.leaveCall.bind(this);
@@ -45878,6 +46184,8 @@ class AzureCommunicationCallWithChatAdapter {
         }
         this.callAdapter.offStateChange(this.onCallStateChange);
         this.callAdapter.dispose();
+        // Clear chat event listeners
+        this.chatEventListeners.clear();
     }
     /** Remove a participant from the Call only. */
     removeParticipant(userId) {
@@ -46338,36 +46646,43 @@ class AzureCommunicationCallWithChatAdapter {
                 this.callAdapter.on('isSpokenLanguageChanged', listener);
                 break;
             case 'messageReceived':
+                this.storeChatEventListener('messageReceived', listener);
                 this.executeWithResolvedChatAdapter((adapter) => {
                     adapter.on('messageReceived', listener);
                 });
                 break;
             case 'messageEdited':
+                this.storeChatEventListener('messageEdited', listener);
                 this.executeWithResolvedChatAdapter((adapter) => {
                     adapter.on('messageEdited', listener);
                 });
                 break;
             case 'messageDeleted':
+                this.storeChatEventListener('messageDeleted', listener);
                 this.executeWithResolvedChatAdapter((adapter) => {
                     adapter.on('messageDeleted', listener);
                 });
                 break;
             case 'messageSent':
+                this.storeChatEventListener('messageSent', listener);
                 this.executeWithResolvedChatAdapter((adapter) => {
                     adapter.on('messageSent', listener);
                 });
                 break;
             case 'messageRead':
+                this.storeChatEventListener('messageRead', listener);
                 this.executeWithResolvedChatAdapter((adapter) => {
                     adapter.on('messageRead', listener);
                 });
                 break;
             case 'chatParticipantsAdded':
+                this.storeChatEventListener('chatParticipantsAdded', listener);
                 this.executeWithResolvedChatAdapter((adapter) => {
                     adapter.on('participantsAdded', listener);
                 });
                 break;
             case 'chatParticipantsRemoved':
+                this.storeChatEventListener('chatParticipantsRemoved', listener);
                 this.executeWithResolvedChatAdapter((adapter) => {
                     adapter.on('participantsRemoved', listener);
                 });
@@ -46376,6 +46691,7 @@ class AzureCommunicationCallWithChatAdapter {
                 this.callAdapter.on('error', listener);
                 break;
             case 'chatError':
+                this.storeChatEventListener('chatError', listener);
                 this.executeWithResolvedChatAdapter((adapter) => {
                     adapter.on('error', listener);
                 });
@@ -46446,36 +46762,43 @@ class AzureCommunicationCallWithChatAdapter {
                 this.callAdapter.off('isSpokenLanguageChanged', listener);
                 break;
             case 'messageReceived':
+                this.removeChatEventListener('messageReceived', listener);
                 this.executeWithResolvedChatAdapter((adapter) => {
                     adapter.off('messageReceived', listener);
                 });
                 break;
             case 'messageEdited':
+                this.removeChatEventListener('messageEdited', listener);
                 this.executeWithResolvedChatAdapter((adapter) => {
                     adapter.off('messageEdited', listener);
                 });
                 break;
             case 'messageDeleted':
+                this.removeChatEventListener('messageDeleted', listener);
                 this.executeWithResolvedChatAdapter((adapter) => {
                     adapter.off('messageDeleted', listener);
                 });
                 break;
             case 'messageSent':
+                this.removeChatEventListener('messageSent', listener);
                 this.executeWithResolvedChatAdapter((adapter) => {
                     adapter.off('messageSent', listener);
                 });
                 break;
             case 'messageRead':
+                this.removeChatEventListener('messageRead', listener);
                 this.executeWithResolvedChatAdapter((adapter) => {
                     adapter.off('messageRead', listener);
                 });
                 break;
             case 'chatParticipantsAdded':
+                this.removeChatEventListener('chatParticipantsAdded', listener);
                 this.executeWithResolvedChatAdapter((adapter) => {
                     adapter.off('participantsAdded', listener);
                 });
                 break;
             case 'chatParticipantsRemoved':
+                this.removeChatEventListener('chatParticipantsRemoved', listener);
                 this.executeWithResolvedChatAdapter((adapter) => {
                     adapter.off('participantsRemoved', listener);
                 });
@@ -46484,6 +46807,7 @@ class AzureCommunicationCallWithChatAdapter {
                 this.callAdapter.off('error', listener);
                 break;
             case 'chatError':
+                this.removeChatEventListener('chatError', listener);
                 this.executeWithResolvedChatAdapter((adapter) => {
                     adapter.off('error', listener);
                 });
@@ -46639,17 +46963,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 +47824,4 @@ exports.useTeamsCall = useTeamsCall;
 exports.useTeamsCallAdapter = useTeamsCallAdapter;
 exports.useTeamsCallAgent = useTeamsCallAgent;
 exports.useTheme = useTheme;
-//# sourceMappingURL=index-Bhb6v-9U.js.map
+//# sourceMappingURL=index-Y6qfhE4K.js.map