@azure/communication-react 1.21.0-alpha-202411020018 → 1.21.0-alpha-202411060016

package/dist/dist-cjs/communication-react/{index-bz7CLz1d.js → index-B4neqg6y.js}

@@ -188,7 +188,7 @@ function getDefaultExportFromCjs (x) {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 // GENERATED FILE. DO NOT EDIT MANUALLY.
-var telemetryVersion = '1.21.0-alpha-202411020018';
+var telemetryVersion = '1.21.0-alpha-202411060016';
 
 
 var telemetryVersion$1 = /*@__PURE__*/getDefaultExportFromCjs(telemetryVersion);
@@ -615,7 +615,7 @@ const getAssignedBreakoutRoom$1 = (state, props) => {
 
 // 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); } }
@@ -655,7 +655,7 @@ const _isPreviewOn = (deviceManager) => {
  *
  * @private
  */
-const disposeAllLocalPreviewViews = (callClient) => __awaiter$10(void 0, void 0, void 0, function* () {
+const disposeAllLocalPreviewViews = (callClient) => __awaiter$11(void 0, void 0, void 0, function* () {
     const unparentedViews = callClient.getState().deviceManager.unparentedViews;
     for (const view of unparentedViews) {
         yield callClient.disposeView(undefined, undefined, view);
@@ -731,7 +731,7 @@ const maskDisplayNameWithRole = (displayName, localUserRole, participantRole, is
  * Helper to create a local video stream from the selected camera.
  * @private
  */
-const createLocalVideoStream = (callClient) => __awaiter$10(void 0, void 0, void 0, function* () {
+const createLocalVideoStream = (callClient) => __awaiter$11(void 0, void 0, void 0, function* () {
     const camera = yield (callClient === null || callClient === void 0 ? void 0 : callClient.getState().deviceManager.selectedCamera);
     if (camera) {
         return new communicationCalling.LocalVideoStream(camera);
@@ -866,7 +866,7 @@ const holdButtonSelector = reselect__namespace.createSelector([getCallState], (c
 
 // 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); } }
@@ -887,7 +887,7 @@ const areStreamsEqual = (prevStream, newStream) => {
  * @private
  */
 const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager, call, options) => {
-    const onStartLocalVideo = () => __awaiter$$(void 0, void 0, void 0, function* () {
+    const onStartLocalVideo = () => __awaiter$10(void 0, void 0, void 0, function* () {
         // Before the call object creates a stream, dispose of any local preview streams.
         // @TODO: is there any way to parent the unparented view to the call object instead
         // of disposing and creating a new stream?
@@ -907,7 +907,7 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
             yield call.startVideo(stream);
         }
     });
-    const onStopLocalVideo = (stream) => __awaiter$$(void 0, void 0, void 0, function* () {
+    const onStopLocalVideo = (stream) => __awaiter$10(void 0, void 0, void 0, function* () {
         const callId = call === null || call === void 0 ? void 0 : call.id;
         if (!callId) {
             return;
@@ -916,7 +916,7 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
             yield call.stopVideo(stream);
         }
     });
-    const onToggleCamera = (options) => __awaiter$$(void 0, void 0, void 0, function* () {
+    const onToggleCamera = (options) => __awaiter$10(void 0, void 0, void 0, function* () {
         const previewOn = _isPreviewOn(callClient.getState().deviceManager);
         // the disposal of the unparented views is to workaround: https://skype.visualstudio.com/SPOOL/_workitems/edit/3030558.
         // The root cause of the issue is caused by never transitioning the unparented view to the
@@ -973,19 +973,19 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
             }
         }
     });
-    const onSelectMicrophone = (device) => __awaiter$$(void 0, void 0, void 0, function* () {
+    const onSelectMicrophone = (device) => __awaiter$10(void 0, void 0, void 0, function* () {
         if (!deviceManager) {
             return;
         }
         return deviceManager.selectMicrophone(device);
     });
-    const onSelectSpeaker = (device) => __awaiter$$(void 0, void 0, void 0, function* () {
+    const onSelectSpeaker = (device) => __awaiter$10(void 0, void 0, void 0, function* () {
         if (!deviceManager) {
             return;
         }
         return deviceManager.selectSpeaker(device);
     });
-    const onSelectCamera = (device, options) => __awaiter$$(void 0, void 0, void 0, function* () {
+    const onSelectCamera = (device, options) => __awaiter$10(void 0, void 0, void 0, function* () {
         if (!deviceManager) {
             return;
         }
@@ -1015,9 +1015,9 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
             }, options);
         }
     });
-    const onRaiseHand = () => __awaiter$$(void 0, void 0, void 0, function* () { var _a; return yield ((_a = call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.RaiseHand)) === null || _a === void 0 ? void 0 : _a.raiseHand()); });
-    const onLowerHand = () => __awaiter$$(void 0, void 0, void 0, function* () { var _b; return yield ((_b = call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.RaiseHand)) === null || _b === void 0 ? void 0 : _b.lowerHand()); });
-    const onToggleRaiseHand = () => __awaiter$$(void 0, void 0, void 0, function* () {
+    const onRaiseHand = () => __awaiter$10(void 0, void 0, void 0, function* () { var _a; return yield ((_a = call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.RaiseHand)) === null || _a === void 0 ? void 0 : _a.raiseHand()); });
+    const onLowerHand = () => __awaiter$10(void 0, void 0, void 0, function* () { var _b; return yield ((_b = call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.RaiseHand)) === null || _b === void 0 ? void 0 : _b.lowerHand()); });
+    const onToggleRaiseHand = () => __awaiter$10(void 0, void 0, void 0, function* () {
         const raiseHandFeature = call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.RaiseHand);
         const localUserId = callClient.getState().userId;
         const isLocalRaisedHand = raiseHandFeature === null || raiseHandFeature === void 0 ? void 0 : raiseHandFeature.getRaisedHands().find((publishedState) => toFlatCommunicationIdentifier(publishedState.identifier) === toFlatCommunicationIdentifier(localUserId));
@@ -1028,7 +1028,7 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
             yield (raiseHandFeature === null || raiseHandFeature === void 0 ? void 0 : raiseHandFeature.raiseHand());
         }
     });
-    const onReactionClick = (reaction) => __awaiter$$(void 0, void 0, void 0, function* () {
+    const onReactionClick = (reaction) => __awaiter$10(void 0, void 0, void 0, function* () {
         var _c;
         if (reaction === 'like' ||
             reaction === 'applause' ||
@@ -1042,18 +1042,18 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
         }
         return;
     });
-    const onToggleMicrophone = () => __awaiter$$(void 0, void 0, void 0, function* () {
+    const onToggleMicrophone = () => __awaiter$10(void 0, void 0, void 0, function* () {
         if (!call || !(_isInCall(call.state) || _isInLobbyOrConnecting(call.state))) {
             throw new Error(`Please invoke onToggleMicrophone after call is started`);
         }
         return call.isMuted ? yield call.unmute() : yield call.mute();
     });
-    const onStartScreenShare = () => __awaiter$$(void 0, void 0, void 0, function* () { return yield (call === null || call === void 0 ? void 0 : call.startScreenSharing()); });
-    const onStopScreenShare = () => __awaiter$$(void 0, void 0, void 0, function* () { return yield (call === null || call === void 0 ? void 0 : call.stopScreenSharing()); });
-    const onToggleScreenShare = () => __awaiter$$(void 0, void 0, void 0, function* () { return (call === null || call === void 0 ? void 0 : call.isScreenSharingOn) ? yield onStopScreenShare() : yield onStartScreenShare(); });
-    const onHangUp = (forEveryone) => __awaiter$$(void 0, void 0, void 0, function* () { return yield (call === null || call === void 0 ? void 0 : call.hangUp({ forEveryone: forEveryone === true ? true : false })); });
-    const onToggleHold = () => __awaiter$$(void 0, void 0, void 0, function* () { return (call === null || call === void 0 ? void 0 : call.state) === 'LocalHold' ? yield (call === null || call === void 0 ? void 0 : call.resume()) : yield (call === null || call === void 0 ? void 0 : call.hold()); });
-    const onCreateLocalStreamView = (...args_1) => __awaiter$$(void 0, [...args_1], void 0, function* (options = { scalingMode: 'Crop', isMirrored: true }) {
+    const onStartScreenShare = () => __awaiter$10(void 0, void 0, void 0, function* () { return yield (call === null || call === void 0 ? void 0 : call.startScreenSharing()); });
+    const onStopScreenShare = () => __awaiter$10(void 0, void 0, void 0, function* () { return yield (call === null || call === void 0 ? void 0 : call.stopScreenSharing()); });
+    const onToggleScreenShare = () => __awaiter$10(void 0, void 0, void 0, function* () { return (call === null || call === void 0 ? void 0 : call.isScreenSharingOn) ? yield onStopScreenShare() : yield onStartScreenShare(); });
+    const onHangUp = (forEveryone) => __awaiter$10(void 0, void 0, void 0, function* () { return yield (call === null || call === void 0 ? void 0 : call.hangUp({ forEveryone: forEveryone === true ? true : false })); });
+    const onToggleHold = () => __awaiter$10(void 0, void 0, void 0, function* () { return (call === null || call === void 0 ? void 0 : call.state) === 'LocalHold' ? yield (call === null || call === void 0 ? void 0 : call.resume()) : yield (call === null || call === void 0 ? void 0 : call.hold()); });
+    const onCreateLocalStreamView = (...args_1) => __awaiter$10(void 0, [...args_1], void 0, function* (options = { scalingMode: 'Crop', isMirrored: true }) {
         if (!call || call.localVideoStreams.length === 0) {
             return;
         }
@@ -1077,7 +1077,7 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
         }
         return (createViewResult === null || createViewResult === void 0 ? void 0 : createViewResult.view) ? { view: createViewResult === null || createViewResult === void 0 ? void 0 : createViewResult.view } : undefined;
     });
-    const onCreateRemoteStreamView = (userId_1, ...args_2) => __awaiter$$(void 0, [userId_1, ...args_2], void 0, function* (userId, options = { scalingMode: 'Crop' }) {
+    const onCreateRemoteStreamView = (userId_1, ...args_2) => __awaiter$10(void 0, [userId_1, ...args_2], void 0, function* (userId, options = { scalingMode: 'Crop' }) {
         if (!call) {
             return;
         }
@@ -1114,7 +1114,7 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
         }
         return (createViewResult === null || createViewResult === void 0 ? void 0 : createViewResult.view) ? { view: createViewResult === null || createViewResult === void 0 ? void 0 : createViewResult.view } : undefined;
     });
-    const onDisposeRemoteStreamView = (userId) => __awaiter$$(void 0, void 0, void 0, function* () {
+    const onDisposeRemoteStreamView = (userId) => __awaiter$10(void 0, void 0, void 0, function* () {
         if (!call) {
             return;
         }
@@ -1135,7 +1135,7 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
             callClient.disposeView(call.id, participant.identifier, screenShareStream);
         }
     });
-    const onDisposeRemoteVideoStreamView = (userId) => __awaiter$$(void 0, void 0, void 0, function* () {
+    const onDisposeRemoteVideoStreamView = (userId) => __awaiter$10(void 0, void 0, void 0, function* () {
         if (!call) {
             return;
         }
@@ -1154,7 +1154,7 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
             }
         }
     });
-    const onDisposeRemoteScreenShareStreamView = (userId) => __awaiter$$(void 0, void 0, void 0, function* () {
+    const onDisposeRemoteScreenShareStreamView = (userId) => __awaiter$10(void 0, void 0, void 0, function* () {
         if (!call) {
             return;
         }
@@ -1173,7 +1173,7 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
             }
         }
     });
-    const onDisposeLocalScreenShareStreamView = () => __awaiter$$(void 0, void 0, void 0, function* () {
+    const onDisposeLocalScreenShareStreamView = () => __awaiter$10(void 0, void 0, void 0, function* () {
         if (!call) {
             return;
         }
@@ -1186,7 +1186,7 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
             callClient.disposeView(call.id, undefined, screenShareStream);
         }
     });
-    const onDisposeLocalStreamView = () => __awaiter$$(void 0, void 0, void 0, function* () {
+    const onDisposeLocalStreamView = () => __awaiter$10(void 0, void 0, void 0, function* () {
         // If the user is currently in a call, dispose of the local stream view attached to that call.
         const callState = call && callClient.getState().calls[call.id];
         const localStream = callState === null || callState === void 0 ? void 0 : callState.localVideoStreams.find((item) => item.mediaStreamType === 'Video');
@@ -1198,17 +1198,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$$(void 0, void 0, void 0, function* () { return yield (call === null || call === void 0 ? void 0 : call.sendDtmf(dtmfTone)); });
+    const onSendDtmfTone = (dtmfTone) => __awaiter$10(void 0, void 0, void 0, function* () { return yield (call === null || call === void 0 ? void 0 : call.sendDtmf(dtmfTone)); });
     const notImplemented = () => {
         throw new Error('Not implemented, cannot call a method from an abstract object');
     };
     /* @conditional-compile-remove(call-readiness) */
-    const askDevicePermission = (constrain) => __awaiter$$(void 0, void 0, void 0, function* () {
+    const askDevicePermission = (constrain) => __awaiter$10(void 0, void 0, void 0, function* () {
         if (deviceManager) {
             yield (deviceManager === null || deviceManager === void 0 ? void 0 : deviceManager.askDevicePermission(constrain));
         }
     });
-    const onRemoveVideoBackgroundEffects = () => __awaiter$$(void 0, void 0, void 0, function* () {
+    const onRemoveVideoBackgroundEffects = () => __awaiter$10(void 0, void 0, void 0, function* () {
         const stream = (call === null || call === void 0 ? void 0 : call.localVideoStreams.find((stream) => stream.mediaStreamType === 'Video')) ||
             (deviceManager === null || deviceManager === void 0 ? void 0 : deviceManager.getUnparentedVideoStreams().find((stream) => stream.mediaStreamType === 'Video'));
         if (stream) {
@@ -1220,7 +1220,7 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
             }
         }
     });
-    const onBlurVideoBackground = (backgroundBlurConfig) => __awaiter$$(void 0, void 0, void 0, function* () {
+    const onBlurVideoBackground = (backgroundBlurConfig) => __awaiter$10(void 0, void 0, void 0, function* () {
         var _d;
         const stream = (call === null || call === void 0 ? void 0 : call.localVideoStreams.find((stream) => stream.mediaStreamType === 'Video')) ||
             (deviceManager === null || deviceManager === void 0 ? void 0 : deviceManager.getUnparentedVideoStreams().find((stream) => stream.mediaStreamType === 'Video'));
@@ -1233,7 +1233,7 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
             return createEffect && stream.feature(communicationCalling.Features.VideoEffects).startEffects(createEffect(backgroundBlurConfig));
         }
     });
-    const onReplaceVideoBackground = (backgroundReplacementConfig) => __awaiter$$(void 0, void 0, void 0, function* () {
+    const onReplaceVideoBackground = (backgroundReplacementConfig) => __awaiter$10(void 0, void 0, void 0, function* () {
         var _e;
         const stream = (call === null || call === void 0 ? void 0 : call.localVideoStreams.find((stream) => stream.mediaStreamType === 'Video')) ||
             (deviceManager === null || deviceManager === void 0 ? void 0 : deviceManager.getUnparentedVideoStreams().find((stream) => stream.mediaStreamType === 'Video'));
@@ -1246,7 +1246,7 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
             return (createEffect && stream.feature(communicationCalling.Features.VideoEffects).startEffects(createEffect(backgroundReplacementConfig)));
         }
     });
-    const onStartNoiseSuppressionEffect = () => __awaiter$$(void 0, void 0, void 0, function* () {
+    const onStartNoiseSuppressionEffect = () => __awaiter$10(void 0, void 0, void 0, function* () {
         var _f;
         const audioEffects = (options === null || options === void 0 ? void 0 : options.onResolveDeepNoiseSuppressionDependency) &&
             ((_f = (yield options.onResolveDeepNoiseSuppressionDependency())) === null || _f === void 0 ? void 0 : _f.deepNoiseSuppressionEffect);
@@ -1262,7 +1262,7 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
             }
         }
     });
-    const onStopNoiseSuppressionEffect = () => __awaiter$$(void 0, void 0, void 0, function* () {
+    const onStopNoiseSuppressionEffect = () => __awaiter$10(void 0, void 0, void 0, function* () {
         const stream = call === null || call === void 0 ? void 0 : call.localAudioStreams.find((stream) => stream.mediaStreamType === 'Audio');
         if (stream && (options === null || options === void 0 ? void 0 : options.onResolveDeepNoiseSuppressionDependency)) {
             const audioEffects = {
@@ -1271,37 +1271,37 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
             return yield stream.feature(communicationCalling.Features.AudioEffects).stopEffects(audioEffects);
         }
     });
-    const onStartCaptions = (options) => __awaiter$$(void 0, void 0, void 0, function* () {
+    const onStartCaptions = (options) => __awaiter$10(void 0, void 0, void 0, function* () {
         const captionsFeature = call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.Captions).captions;
         yield (captionsFeature === null || captionsFeature === void 0 ? void 0 : captionsFeature.startCaptions(options));
     });
-    const onStopCaptions = () => __awaiter$$(void 0, void 0, void 0, function* () {
+    const onStopCaptions = () => __awaiter$10(void 0, void 0, void 0, function* () {
         const captionsFeature = call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.Captions).captions;
         yield (captionsFeature === null || captionsFeature === void 0 ? void 0 : captionsFeature.stopCaptions());
     });
-    const onSetSpokenLanguage = (language) => __awaiter$$(void 0, void 0, void 0, function* () {
+    const onSetSpokenLanguage = (language) => __awaiter$10(void 0, void 0, void 0, function* () {
         const captionsFeature = call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.Captions).captions;
         yield (captionsFeature === null || captionsFeature === void 0 ? void 0 : captionsFeature.setSpokenLanguage(language));
     });
-    const onSetCaptionLanguage = (language) => __awaiter$$(void 0, void 0, void 0, function* () {
+    const onSetCaptionLanguage = (language) => __awaiter$10(void 0, void 0, void 0, function* () {
         const captionsFeature = call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.Captions).captions;
         yield captionsFeature.setCaptionLanguage(language);
     });
-    const onSubmitSurvey = (survey) => __awaiter$$(void 0, void 0, void 0, function* () { return yield (call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.CallSurvey).submitSurvey(survey)); });
-    const onStartSpotlight = (userIds) => __awaiter$$(void 0, void 0, void 0, function* () {
+    const onSubmitSurvey = (survey) => __awaiter$10(void 0, void 0, void 0, function* () { return yield (call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.CallSurvey).submitSurvey(survey)); });
+    const onStartSpotlight = (userIds) => __awaiter$10(void 0, void 0, void 0, function* () {
         const participants = userIds === null || userIds === void 0 ? void 0 : userIds.map((userId) => _toCommunicationIdentifier(userId));
         yield (call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.Spotlight).startSpotlight(participants));
     });
-    const onStopSpotlight = (userIds) => __awaiter$$(void 0, void 0, void 0, function* () {
+    const onStopSpotlight = (userIds) => __awaiter$10(void 0, void 0, void 0, function* () {
         const participants = userIds === null || userIds === void 0 ? void 0 : userIds.map((userId) => _toCommunicationIdentifier(userId));
         yield (call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.Spotlight).stopSpotlight(participants));
     });
-    const onStopAllSpotlight = () => __awaiter$$(void 0, void 0, void 0, function* () {
+    const onStopAllSpotlight = () => __awaiter$10(void 0, void 0, void 0, function* () {
         yield (call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.Spotlight).stopAllSpotlight());
     });
-    const onMuteParticipant = (userId) => __awaiter$$(void 0, void 0, void 0, function* () {
+    const onMuteParticipant = (userId) => __awaiter$10(void 0, void 0, void 0, function* () {
         if (call === null || call === void 0 ? void 0 : call.remoteParticipants) {
-            call === null || call === void 0 ? void 0 : call.remoteParticipants.forEach((participant) => __awaiter$$(void 0, void 0, void 0, function* () {
+            call === null || call === void 0 ? void 0 : call.remoteParticipants.forEach((participant) => __awaiter$10(void 0, void 0, void 0, function* () {
                 // Using toFlatCommunicationIdentifier to convert the CommunicationIdentifier to string
                 // as _toCommunicationIdentifier(userId) comparison to participant.identifier did not work for this case
                 if (toFlatCommunicationIdentifier(participant.identifier) === userId) {
@@ -1310,27 +1310,27 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
             }));
         }
     });
-    const onMuteAllRemoteParticipants = () => __awaiter$$(void 0, void 0, void 0, function* () {
+    const onMuteAllRemoteParticipants = () => __awaiter$10(void 0, void 0, void 0, function* () {
         call === null || call === void 0 ? void 0 : call.muteAllRemoteParticipants();
     });
     const canStartSpotlight = call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.Capabilities).capabilities.spotlightParticipant.isPresent;
     const canRemoveSpotlight = call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.Capabilities).capabilities.removeParticipantsSpotlight.isPresent;
     const onStartLocalSpotlight = canStartSpotlight
-        ? () => __awaiter$$(void 0, void 0, void 0, function* () {
+        ? () => __awaiter$10(void 0, void 0, void 0, function* () {
             yield (call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.Spotlight).startSpotlight());
         })
         : undefined;
-    const onStopLocalSpotlight = () => __awaiter$$(void 0, void 0, void 0, function* () {
+    const onStopLocalSpotlight = () => __awaiter$10(void 0, void 0, void 0, function* () {
         yield (call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.Spotlight).stopSpotlight());
     });
     const onStartRemoteSpotlight = canStartSpotlight
-        ? (userIds) => __awaiter$$(void 0, void 0, void 0, function* () {
+        ? (userIds) => __awaiter$10(void 0, void 0, void 0, function* () {
             const participants = userIds === null || userIds === void 0 ? void 0 : userIds.map((userId) => _toCommunicationIdentifier(userId));
             yield (call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.Spotlight).startSpotlight(participants));
         })
         : undefined;
     const onStopRemoteSpotlight = canRemoveSpotlight
-        ? (userIds) => __awaiter$$(void 0, void 0, void 0, function* () {
+        ? (userIds) => __awaiter$10(void 0, void 0, void 0, function* () {
             const participants = userIds === null || userIds === void 0 ? void 0 : userIds.map((userId) => _toCommunicationIdentifier(userId));
             yield (call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.Spotlight).stopSpotlight(participants));
         })
@@ -1390,7 +1390,7 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
 
 // 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); } }
@@ -1421,7 +1421,7 @@ const createDefaultCallingHandlers = memoizeOne((...args) => {
         // FIXME: onStartCall API should use string, not the underlying SDK types.
         onStartCall: (participants, options) => {
             return callAgent === null || callAgent === void 0 ? void 0 : callAgent.startCall(participants, options);
-        }, onAddParticipant: (userId, options) => __awaiter$_(void 0, void 0, void 0, function* () {
+        }, onAddParticipant: (userId, options) => __awaiter$$(void 0, void 0, void 0, function* () {
             const participant = _toCommunicationIdentifier(userId);
             if (communicationCommon.isPhoneNumberIdentifier(participant)) {
                 call === null || call === void 0 ? void 0 : call.addParticipant(participant, options);
@@ -1429,16 +1429,16 @@ const createDefaultCallingHandlers = memoizeOne((...args) => {
             else if (communicationCommon.isCommunicationUserIdentifier(participant) || communicationCommon.isMicrosoftTeamsUserIdentifier(participant)) {
                 call === null || call === void 0 ? void 0 : call.addParticipant(participant);
             }
-        }), onRemoveParticipant: (userId) => __awaiter$_(void 0, void 0, void 0, function* () {
+        }), onRemoveParticipant: (userId) => __awaiter$$(void 0, void 0, void 0, function* () {
             const participant = _toCommunicationIdentifier(userId);
             yield (call === null || call === void 0 ? void 0 : call.removeParticipant(participant));
-        }), onAcceptCall: (incomingCallId, useVideo) => __awaiter$_(void 0, void 0, void 0, function* () {
+        }), onAcceptCall: (incomingCallId, useVideo) => __awaiter$$(void 0, void 0, void 0, function* () {
             const localVideoStream = useVideo ? yield createLocalVideoStream(callClient) : undefined;
             const incomingCall = callAgent === null || callAgent === void 0 ? void 0 : callAgent.incomingCalls.find((incomingCall) => incomingCall.id === incomingCallId);
             if (incomingCall) {
                 yield incomingCall.accept(localVideoStream ? { videoOptions: { localVideoStreams: [localVideoStream] } } : undefined);
             }
-        }), onRejectCall: (incomingCallId) => __awaiter$_(void 0, void 0, void 0, function* () {
+        }), onRejectCall: (incomingCallId) => __awaiter$$(void 0, void 0, void 0, function* () {
             const incomingCall = callAgent === null || callAgent === void 0 ? void 0 : callAgent.incomingCalls.find((incomingCall) => incomingCall.id === incomingCallId);
             if (incomingCall) {
                 yield incomingCall.reject();
@@ -1446,13 +1446,13 @@ const createDefaultCallingHandlers = memoizeOne((...args) => {
         }), 
         /* @conditional-compile-remove(breakout-rooms) */
         onHangUp: breakoutRoomOriginCall
-            ? () => __awaiter$_(void 0, void 0, void 0, function* () { return breakoutRoomOriginCall.hangUp().then(() => commonCallingHandlers.onHangUp()); })
+            ? () => __awaiter$$(void 0, void 0, void 0, function* () { return breakoutRoomOriginCall.hangUp().then(() => commonCallingHandlers.onHangUp()); })
             : commonCallingHandlers.onHangUp });
 });
 
 // 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); } }
@@ -1483,7 +1483,7 @@ const createDefaultTeamsCallingHandlers = memoizeOne((callClient, callAgent, dev
             return undefined;
         }, 
         /* @conditional-compile-remove(teams-identity-support-beta) */
-        onAddParticipant: (userId, options) => __awaiter$Z(void 0, void 0, void 0, function* () {
+        onAddParticipant: (userId, options) => __awaiter$_(void 0, void 0, void 0, function* () {
             const participant = _toCommunicationIdentifier(userId);
             const threadId = options === null || options === void 0 ? void 0 : options.threadId;
             if (communicationCommon.isCommunicationUserIdentifier(participant)) {
@@ -1496,7 +1496,7 @@ const createDefaultTeamsCallingHandlers = memoizeOne((callClient, callAgent, dev
                 call === null || call === void 0 ? void 0 : call.addParticipant(participant, threadId ? { threadId } : undefined);
             }
             call === null || call === void 0 ? void 0 : call.addParticipant(participant);
-        }), onRemoveParticipant: (userId) => __awaiter$Z(void 0, void 0, void 0, function* () {
+        }), onRemoveParticipant: (userId) => __awaiter$_(void 0, void 0, void 0, function* () {
             const participant = _toCommunicationIdentifier(userId);
             if (communicationCommon.isCommunicationUserIdentifier(participant)) {
                 throw new Error('CommunicationIdentifier in Teams call is not supported!');
@@ -1505,13 +1505,13 @@ const createDefaultTeamsCallingHandlers = memoizeOne((callClient, callAgent, dev
                 throw new Error('Removing Microsoft Teams app identifier is not supported!');
             }
             yield (call === null || call === void 0 ? void 0 : call.removeParticipant(participant));
-        }), onAcceptCall: (incomingCallId, useVideo) => __awaiter$Z(void 0, void 0, void 0, function* () {
+        }), onAcceptCall: (incomingCallId, useVideo) => __awaiter$_(void 0, void 0, void 0, function* () {
             const localVideoStream = useVideo ? yield createLocalVideoStream(callClient) : undefined;
             const incomingCall = callAgent === null || callAgent === void 0 ? void 0 : callAgent.incomingCalls.find((incomingCall) => incomingCall.id === incomingCallId);
             if (incomingCall) {
                 yield incomingCall.accept(localVideoStream ? { videoOptions: { localVideoStreams: [localVideoStream] } } : undefined);
             }
-        }), onRejectCall: (incomingCallId) => __awaiter$Z(void 0, void 0, void 0, function* () {
+        }), onRejectCall: (incomingCallId) => __awaiter$_(void 0, void 0, void 0, function* () {
             const incomingCall = callAgent === null || callAgent === void 0 ? void 0 : callAgent.incomingCalls.find((incomingCall) => incomingCall.id === incomingCallId);
             if (incomingCall) {
                 yield incomingCall.reject();
@@ -1818,7 +1818,7 @@ const getCaptionsSpeakerIdentifier = (captions) => {
 
 // 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); } }
@@ -1899,7 +1899,7 @@ class ProxyDeviceManager {
                 }
             }
         };
-        this.permissionsApiStateChangeHandler = () => __awaiter$Y(this, void 0, void 0, function* () {
+        this.permissionsApiStateChangeHandler = () => __awaiter$Z(this, void 0, void 0, function* () {
             yield this.updateDevicePermissionState();
         });
         /**
@@ -1910,13 +1910,13 @@ class ProxyDeviceManager {
         this.selectCamera = (videoDeviceInfo) => {
             this._context.setDeviceManagerSelectedCamera(videoDeviceInfo);
         };
-        this.videoDevicesUpdated = () => __awaiter$Y(this, void 0, void 0, function* () {
+        this.videoDevicesUpdated = () => __awaiter$Z(this, void 0, void 0, function* () {
             // Device Manager always has a camera with '' name if there are no real camera devices available.
             // We don't want to show that in the UI.
             const realCameras = (yield this._deviceManager.getCameras()).filter((c) => !!c.name);
             this._context.setDeviceManagerCameras(dedupeById(realCameras));
         });
-        this.audioDevicesUpdated = () => __awaiter$Y(this, void 0, void 0, function* () {
+        this.audioDevicesUpdated = () => __awaiter$Z(this, void 0, void 0, function* () {
             this._context.setDeviceManagerMicrophones(dedupeById(yield this._deviceManager.getMicrophones()));
             if (this._deviceManager.isSpeakerSelectionAvailable) {
                 this._context.setDeviceManagerSpeakers(dedupeById(yield this._deviceManager.getSpeakers()));
@@ -1928,7 +1928,7 @@ class ProxyDeviceManager {
         this.selectedSpeakerChanged = () => {
             this._context.setDeviceManagerSelectedSpeaker(this._deviceManager.selectedSpeaker);
         };
-        this.updateDevicePermissionState = (sdkDeviceAccessState) => __awaiter$Y(this, void 0, void 0, function* () {
+        this.updateDevicePermissionState = (sdkDeviceAccessState) => __awaiter$Z(this, void 0, void 0, function* () {
             let hasCameraPermission = !!(sdkDeviceAccessState === null || sdkDeviceAccessState === void 0 ? void 0 : sdkDeviceAccessState.video);
             let hasMicPermission = !!(sdkDeviceAccessState === null || sdkDeviceAccessState === void 0 ? void 0 : sdkDeviceAccessState.audio);
             // Supplement the SDK values with values from the Permissions API to get a better understanding of the device
@@ -2006,7 +2006,7 @@ class ProxyDeviceManager {
             }
             case 'askDevicePermission': {
                 return this._context.withAsyncErrorTeedToState((...args) => {
-                    return target.askDevicePermission(...args).then((deviceAccess) => __awaiter$Y(this, void 0, void 0, function* () {
+                    return target.askDevicePermission(...args).then((deviceAccess) => __awaiter$Z(this, void 0, void 0, function* () {
                         yield this.updateDevicePermissionState(deviceAccess);
                         return deviceAccess;
                     }));
@@ -2116,6 +2116,21 @@ function convertSdkRemoteStreamToDeclarativeRemoteStream(stream) {
         streamSize: stream.size
     };
 }
+/* @conditional-compile-remove(together-mode) */
+/**
+ * @private
+ */
+function convertSdkCallFeatureStreamToDeclarativeCallFeatureStream(stream, featureName) {
+    return {
+        feature: featureName,
+        id: stream.id,
+        mediaStreamType: stream.mediaStreamType,
+        isAvailable: stream.isAvailable,
+        isReceiving: stream.isReceiving,
+        view: undefined,
+        streamSize: stream.size
+    };
+}
 /**
  * @private
  */
@@ -2186,7 +2201,7 @@ function convertSdkCallToDeclarativeCall(call) {
         pptLive: { isActive: false },
         raiseHand: { raisedHands: [] },
         /* @conditional-compile-remove(together-mode) */
-        togetherMode: { stream: [] },
+        togetherMode: { isActive: false, streams: {}, seatingPositions: {} },
         localParticipantReaction: undefined,
         transcription: { isTranscriptionActive: false },
         screenShareRemoteParticipant: undefined,
@@ -2391,7 +2406,7 @@ class CallIdHistory {
 
 // 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); } }
@@ -2750,11 +2765,67 @@ let CallContext$2 = class CallContext {
         });
     }
     /* @conditional-compile-remove(together-mode) */
-    setTogetherModeVideoStream(callId, addedStream) {
+    setTogetherModeVideoStreams(callId, addedStreams, removedStreams) {
+        this.modifyState((draft) => {
+            const call = draft.calls[this._callIdHistory.latestCallId(callId)];
+            if (call) {
+                for (const stream of removedStreams) {
+                    if (stream.mediaStreamType === 'Video') {
+                        call.togetherMode.streams.mainVideoStream = undefined;
+                        call.togetherMode.isActive = false;
+                        call.togetherMode.seatingPositions = {};
+                    }
+                }
+                for (const newStream of addedStreams) {
+                    // This should only be called by the subscriber and some properties are add by other components so if the
+                    // stream already exists, only update the values that subscriber knows about.
+                    const mainVideoStream = call.togetherMode.streams.mainVideoStream;
+                    if (mainVideoStream && mainVideoStream.id === newStream.id) {
+                        mainVideoStream.mediaStreamType = newStream.mediaStreamType;
+                        mainVideoStream.isAvailable = newStream.isAvailable;
+                        mainVideoStream.isReceiving = newStream.isReceiving;
+                    }
+                    else {
+                        call.togetherMode.streams.mainVideoStream = newStream;
+                    }
+                    call.togetherMode.isActive = true;
+                }
+            }
+        });
+    }
+    /* @conditional-compile-remove(together-mode) */
+    setTogetherModeVideoStreamIsAvailable(callId, streamId, isAvailable) {
         this.modifyState((draft) => {
             const call = draft.calls[this._callIdHistory.latestCallId(callId)];
             if (call) {
-                call.togetherMode = { stream: addedStream };
+                const stream = call.togetherMode.streams.mainVideoStream;
+                if (stream && (stream === null || stream === void 0 ? void 0 : stream.id) === streamId) {
+                    stream.isReceiving = isAvailable;
+                }
+            }
+        });
+    }
+    /* @conditional-compile-remove(together-mode) */
+    setTogetherModeVideoStreamIsReceiving(callId, streamId, isReceiving) {
+        this.modifyState((draft) => {
+            const call = draft.calls[this._callIdHistory.latestCallId(callId)];
+            if (call) {
+                const stream = call.togetherMode.streams.mainVideoStream;
+                if (stream && (stream === null || stream === void 0 ? void 0 : stream.id) === streamId) {
+                    stream.isReceiving = isReceiving;
+                }
+            }
+        });
+    }
+    /* @conditional-compile-remove(together-mode) */
+    setTogetherModeVideoStreamSize(callId, streamId, size) {
+        this.modifyState((draft) => {
+            const call = draft.calls[this._callIdHistory.latestCallId(callId)];
+            if (call) {
+                const stream = call.togetherMode.streams.mainVideoStream;
+                if (stream && (stream === null || stream === void 0 ? void 0 : stream.id) === streamId) {
+                    stream.streamSize = size;
+                }
             }
         });
     }
@@ -2764,14 +2835,27 @@ let CallContext$2 = class CallContext {
             const call = draft.calls[this._callIdHistory.latestCallId(callId)];
             if (call) {
                 for (const stream of removedStream) {
-                    if (stream.mediaStreamType in call.togetherMode.stream) {
-                        // Temporary lint fix: Remove the stream from the list
-                        call.togetherMode.stream = [];
+                    if (stream.mediaStreamType === 'Video') {
+                        call.togetherMode.streams.mainVideoStream = undefined;
+                        call.togetherMode.isActive = false;
                     }
                 }
             }
         });
     }
+    /* @conditional-compile-remove(together-mode) */
+    setTogetherModeSeatingCoordinates(callId, seatingMap) {
+        this.modifyState((draft) => {
+            const call = draft.calls[this._callIdHistory.latestCallId(callId)];
+            if (call) {
+                const seatingPositions = {};
+                for (const [userId, seatingPosition] of seatingMap.entries()) {
+                    seatingPositions[userId] = seatingPosition;
+                }
+                call.togetherMode.seatingPositions = seatingPositions;
+            }
+        });
+    }
     setCallRaisedHands(callId, raisedHands) {
         this.modifyState((draft) => {
             const call = draft.calls[this._callIdHistory.latestCallId(callId)];
@@ -2966,6 +3050,20 @@ let CallContext$2 = class CallContext {
             }
         });
     }
+    /* @conditional-compile-remove(together-mode) */
+    setTogetherModeVideoStreamRendererView(callId, togetherModeStreamType, view) {
+        this.modifyState((draft) => {
+            const call = draft.calls[this._callIdHistory.latestCallId(callId)];
+            if (call) {
+                if (togetherModeStreamType === 'Video') {
+                    const togetherModeStream = call.togetherMode.streams.mainVideoStream;
+                    if (togetherModeStream) {
+                        togetherModeStream.view = view;
+                    }
+                }
+            }
+        });
+    }
     setParticipantState(callId, participantKey, state) {
         this.modifyState((draft) => {
             const call = draft.calls[this._callIdHistory.latestCallId(callId)];
@@ -3397,7 +3495,7 @@ let CallContext$2 = class CallContext {
      * @throws CallError. Exceptions thrown from `f` are tagged with the failed `target.
      */
     withAsyncErrorTeedToState(action, target) {
-        return (...args) => __awaiter$X(this, void 0, void 0, function* () {
+        return (...args) => __awaiter$Y(this, void 0, void 0, function* () {
             try {
                 return yield action(...args);
             }
@@ -3938,7 +4036,7 @@ function _logStreamEvent(eventName, streamLogInfo, error) {
 
 // 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); } }
@@ -3948,7 +4046,7 @@ var __awaiter$W = (window && window.__awaiter) || function (thisArg, _arguments,
     });
 };
 function createViewVideo(context, internalContext, callId, stream, participantId, options) {
-    return __awaiter$W(this, void 0, void 0, function* () {
+    return __awaiter$X(this, void 0, void 0, function* () {
         // we can only have 3 types of createView
         let streamEventType;
         // we will reuse these for local as well but we need to make sure the remote stream is passed in like before.
@@ -4077,7 +4175,7 @@ function createViewVideo(context, internalContext, callId, stream, participantId
     });
 }
 function createViewUnparentedVideo(context, internalContext, stream, options) {
-    return __awaiter$W(this, void 0, void 0, function* () {
+    return __awaiter$X(this, void 0, void 0, function* () {
         const renderInfo = internalContext.getUnparentedRenderInfo(stream);
         if (renderInfo && renderInfo.status === 'Rendered') {
             console.warn('Unparented LocalVideoStream is already rendered');
@@ -4237,7 +4335,7 @@ function disposeViewUnparentedVideo(context, internalContext, stream) {
 /**
  * @private
  */
-function createView(context, internalContext, callId, participantId, stream, options) {
+function createView$1(context, internalContext, callId, participantId, stream, options) {
     const streamType = stream.mediaStreamType;
     if (callId) {
         return createViewVideo(context, internalContext, callId, stream, participantId, options);
@@ -4246,7 +4344,7 @@ function createView(context, internalContext, callId, participantId, stream, opt
         // Render LocalVideoStream that is not part of a Call
         // Because it is not part of the call we don't tee errors to state naturally (e.g. via a Call Client function such as startVideo).
         // We do not have a startLocalPreviewVideo function, so as a workaround we ensure any errors are propagated here.
-        return context.withAsyncErrorTeedToState(() => __awaiter$W(this, void 0, void 0, function* () { return yield createViewUnparentedVideo(context, internalContext, stream, options); }), 'Call.startVideo')();
+        return context.withAsyncErrorTeedToState(() => __awaiter$X(this, void 0, void 0, function* () { return yield createViewUnparentedVideo(context, internalContext, stream, options); }), 'Call.startVideo')();
     }
     else {
         _logStreamEvent(EventNames.CREATE_STREAM_INVALID_PARAMS, { streamType });
@@ -4256,7 +4354,7 @@ function createView(context, internalContext, callId, participantId, stream, opt
 /**
  * @private
  */
-function disposeView(context, internalContext, callId, participantId, stream) {
+function disposeView$1(context, internalContext, callId, participantId, stream) {
     const streamType = stream.mediaStreamType;
     if (callId) {
         disposeViewVideo(context, internalContext, callId, stream, participantId);
@@ -4283,7 +4381,7 @@ function disposeAllViewsFromCall(context, internalContext, callId) {
             for (const [_, remoteStreamAndRenderer] of participantStreams.entries()) {
                 // We don't want to accept SDK stream as parameter but we also don't cache the declarative stream so we have to
                 // convert the SDK stream to declarative stream which is not pretty so this could use some further refactoring.
-                disposeView(context, internalContext, callId, participantKey, convertSdkRemoteStreamToDeclarativeRemoteStream(remoteStreamAndRenderer.stream));
+                disposeView$1(context, internalContext, callId, participantKey, convertSdkRemoteStreamToDeclarativeRemoteStream(remoteStreamAndRenderer.stream));
             }
         }
     }
@@ -4293,7 +4391,17 @@ function disposeAllViewsFromCall(context, internalContext, callId) {
             if (localStreamAndRenderer && localStreamAndRenderer.renderer) {
                 // We don't want to accept SDK stream as parameter but we also don't cache the declarative stream so we have to
                 // convert the SDK stream to declarative stream which is not pretty so this could use some further refactoring.
-                disposeView(context, internalContext, callId, undefined, convertSdkLocalStreamToDeclarativeLocalStream(localStreamAndRenderer.stream));
+                disposeView$1(context, internalContext, callId, undefined, convertSdkLocalStreamToDeclarativeLocalStream(localStreamAndRenderer.stream));
+            }
+        }
+    }
+    /* @conditional-compile-remove(together-mode) */
+    const callFeatureStreams = internalContext.getCallFeatureRenderInfosForCall(callId);
+    /* @conditional-compile-remove(together-mode) */
+    if (callFeatureStreams) {
+        for (const featureStreams of callFeatureStreams.values()) {
+            for (const streamAndRenderer of featureStreams.values()) {
+                disposeView$1(context, internalContext, callId, undefined, convertSdkRemoteStreamToDeclarativeRemoteStream(streamAndRenderer.stream));
             }
         }
     }
@@ -4343,7 +4451,7 @@ let ParticipantSubscriber$1 = class ParticipantSubscriber {
             // as it doesn't make sense to render for an ended participant.
             if (this._participant.videoStreams.length > 0) {
                 for (const stream of this._participant.videoStreams) {
-                    disposeView(this._context, this._internalContext, this._callIdRef.callId, this._participantKey, convertSdkRemoteStreamToDeclarativeRemoteStream(stream));
+                    disposeView$1(this._context, this._internalContext, this._callIdRef.callId, this._participantKey, convertSdkRemoteStreamToDeclarativeRemoteStream(stream));
                     this._internalContext.deleteRemoteRenderInfo(this._callIdRef.callId, this._participantKey, stream.id);
                 }
             }
@@ -4372,7 +4480,7 @@ let ParticipantSubscriber$1 = class ParticipantSubscriber {
             var _a;
             for (const stream of event.removed) {
                 (_a = this._remoteVideoStreamSubscribers.get(stream.id)) === null || _a === void 0 ? void 0 : _a.unsubscribe();
-                disposeView(this._context, this._internalContext, this._callIdRef.callId, this._participantKey, convertSdkRemoteStreamToDeclarativeRemoteStream(stream));
+                disposeView$1(this._context, this._internalContext, this._callIdRef.callId, this._participantKey, convertSdkRemoteStreamToDeclarativeRemoteStream(stream));
                 this._internalContext.deleteRemoteRenderInfo(this._callIdRef.callId, this._participantKey, stream.id);
             }
             for (const stream of event.added) {
@@ -4432,7 +4540,7 @@ class RecordingSubscriber {
 
 // 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); } }
@@ -4456,7 +4564,7 @@ class PPTLiveSubscriber {
             this._context.setCallPPTLiveActive(this._callIdRef.callId, this._pptLive.isActive);
             this.checkAndUpdatePPTLiveParticipant();
         };
-        this.checkAndUpdatePPTLiveParticipant = () => __awaiter$V(this, void 0, void 0, function* () {
+        this.checkAndUpdatePPTLiveParticipant = () => __awaiter$W(this, void 0, void 0, function* () {
             if (!this._pptLive.activePresenterId) {
                 return;
             }
@@ -4910,34 +5018,288 @@ class BreakoutRoomsSubscriber {
     }
 }
 
+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); } }
+        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(together-mode) */
+/**
+ * @private
+ *
+ */
+function createView(context, internalContext, callId, stream, options) {
+    const streamType = stream.mediaStreamType;
+    if (callId && isCallFeatureStream(stream)) {
+        return createCallFeatureViewVideo(context, internalContext, callId, stream, options);
+    }
+    else {
+        _logStreamEvent(EventNames.CREATE_STREAM_INVALID_PARAMS, { streamType });
+        return Promise.resolve(undefined);
+    }
+}
+/* @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$V(this, void 0, void 0, function* () {
+        const streamEventType = 'createViewCallFeature';
+        const streamType = stream === null || stream === void 0 ? void 0 : stream.mediaStreamType;
+        const callFeatureStreamId = stream && stream.id;
+        const streamLogInfo = {
+            callId,
+            undefined,
+            streamId: callFeatureStreamId,
+            streamType,
+            streamEventType
+        };
+        // make different logging announcement based on whether or not we are starting a local or remote
+        _logStreamEvent(EventNames.CREATING_VIEW, streamLogInfo);
+        const featureName = getStreamFeatureName(stream);
+        // if we have a participant Id and a stream get the remote info, else get the local render info from state.
+        const renderInfo = internalContext.getCallFeatureRenderInfo(callId, featureName, stream.mediaStreamType);
+        if (!renderInfo) {
+            _logStreamEvent(EventNames.STREAM_NOT_FOUND, streamLogInfo);
+            return;
+        }
+        if (renderInfo.status === 'Rendered') {
+            _logStreamEvent(EventNames.STREAM_ALREADY_RENDERED, streamLogInfo);
+            return;
+        }
+        if (renderInfo.status === 'Rendering') {
+            // Do not log to console here as this is a very common situation due to UI rerenders while
+            // the video rendering is in progress.
+            _logStreamEvent(EventNames.STREAM_RENDERING, streamLogInfo);
+            return;
+        }
+        // "Stopping" only happens if the stream was in "rendering" but `disposeView` was called.
+        // Now that `createView` has been re-called, we can flip the state back to "rendering".
+        if (renderInfo.status === 'Stopping') {
+            _logStreamEvent(EventNames.STREAM_STOPPING, streamLogInfo);
+            internalContext.setCallFeatureRenderInfo(callId, featureName, stream.mediaStreamType, renderInfo.stream, 'Rendering', renderInfo.renderer);
+            return;
+        }
+        const renderer = new communicationCalling.VideoStreamRenderer(renderInfo.stream);
+        internalContext.setCallFeatureRenderInfo(callId, featureName, stream.mediaStreamType, renderInfo.stream, 'Rendering', undefined);
+        let view;
+        try {
+            view = yield renderer.createView(options);
+        }
+        catch (e) {
+            _logStreamEvent(EventNames.CREATE_STREAM_FAIL, streamLogInfo, e);
+            internalContext.setCallFeatureRenderInfo(callId, featureName, stream.mediaStreamType, renderInfo.stream, 'NotRendered', undefined);
+            throw e;
+        }
+        // Since render could take some time, we need to check if the stream is still valid and if we received a signal to
+        // stop rendering.
+        const refreshedRenderInfo = internalContext.getCallFeatureRenderInfo(callId, featureName, stream.mediaStreamType);
+        if (!refreshedRenderInfo) {
+            // RenderInfo was removed. This should not happen unless stream was removed from the call so dispose the renderer
+            // and clean up the state.
+            _logStreamEvent(EventNames.RENDER_INFO_NOT_FOUND, streamLogInfo);
+            renderer.dispose();
+            setCallFeatureVideoRendererView(callId, featureName, context, stream.mediaStreamType, undefined);
+            return;
+        }
+        if (refreshedRenderInfo.status === 'Stopping') {
+            // Stop render was called on this stream after we had started rendering. We will dispose this view and do not
+            // put the view into the state.
+            _logStreamEvent(EventNames.CREATED_STREAM_STOPPING, streamLogInfo);
+            renderer.dispose();
+            internalContext.setCallFeatureRenderInfo(callId, featureName, stream.mediaStreamType, refreshedRenderInfo.stream, 'NotRendered', undefined);
+            setCallFeatureVideoRendererView(callId, featureName, context, stream.mediaStreamType, undefined);
+            return;
+        }
+        // Else the stream still exists and status is not telling us to stop rendering. Complete the render process by
+        // updating the state.
+        internalContext.setCallFeatureRenderInfo(callId, featureName, stream.mediaStreamType, refreshedRenderInfo.stream, 'Rendered', renderer);
+        setCallFeatureVideoRendererView(callId, featureName, context, stream.mediaStreamType, convertFromSDKToDeclarativeVideoStreamRendererView(view));
+        _logStreamEvent(EventNames.VIEW_RENDER_SUCCEED, streamLogInfo);
+        return {
+            renderer,
+            view
+        };
+    });
+}
+/* @conditional-compile-remove(together-mode) */
+/**
+ * @private
+ */
+function disposeView(context, internalContext, callId, stream) {
+    const streamType = stream.mediaStreamType;
+    if (callId && isCallFeatureStream(stream)) {
+        return disposeCallFeatureViewVideo(context, internalContext, callId, stream);
+    }
+    else {
+        _logStreamEvent(EventNames.DISPOSE_STREAM_INVALID_PARAMS, { streamType });
+        return;
+    }
+}
+/* @conditional-compile-remove(together-mode) */
+/**
+ * @private
+ */
+function disposeCallFeatureViewVideo(context, internalContext, callId, stream) {
+    const streamType = stream.mediaStreamType;
+    const callFeatureStreamId = stream && stream.id;
+    const streamLogInfo = { callId, undefined, streamId: callFeatureStreamId, streamType };
+    _logStreamEvent(EventNames.START_DISPOSE_STREAM, streamLogInfo);
+    const featureName = getStreamFeatureName(stream);
+    {
+        setCallFeatureVideoRendererView(callId, featureName, context, streamType, undefined);
+    }
+    const renderInfo = internalContext.getCallFeatureRenderInfo(callId, featureName, stream.mediaStreamType);
+    if (!renderInfo) {
+        _logStreamEvent(EventNames.DISPOSE_INFO_NOT_FOUND, streamLogInfo);
+        return;
+    }
+    // Nothing to dispose of or clean up -- we can safely exit early here.
+    if (renderInfo.status === 'NotRendered') {
+        _logStreamEvent(EventNames.STREAM_ALREADY_DISPOSED, streamLogInfo);
+        return;
+    }
+    // Status is already marked as "stopping" so we can exit early here. This is because stopping only occurs
+    // when the stream is being created in createView but hasn't been completed being created yet. The createView
+    // method will see the "stopping" status and perform the cleanup
+    if (renderInfo.status === 'Stopping') {
+        _logStreamEvent(EventNames.STREAM_STOPPING, streamLogInfo);
+        return;
+    }
+    // If the stream is in the middle of being rendered (i.e. has state "Rendering"), we need the status as
+    // "stopping" without performing any cleanup. This will tell the `createView` method that it should stop
+    // rendering and clean up the state once the view has finished being created.
+    if (renderInfo.status === 'Rendering') {
+        _logStreamEvent(EventNames.STREAM_STOPPING, streamLogInfo);
+        internalContext.setCallFeatureRenderInfo(callId, featureName, streamType, renderInfo.stream, 'Stopping', renderInfo.renderer);
+        return;
+    }
+    if (renderInfo.renderer) {
+        _logStreamEvent(EventNames.DISPOSING_RENDERER, streamLogInfo);
+        renderInfo.renderer.dispose();
+        // Else the state must be in the "Rendered" state, so we can dispose the renderer and clean up the state.
+        internalContext.setCallFeatureRenderInfo(callId, featureName, streamType, renderInfo.stream, 'NotRendered', undefined);
+        setCallFeatureVideoRendererView(callId, featureName, context, streamType, undefined);
+    }
+    else {
+        _logStreamEvent(EventNames.RENDERER_NOT_FOUND, streamLogInfo);
+    }
+}
+/* @conditional-compile-remove(together-mode) */
+/**
+ * @private
+ */
+const setCallFeatureVideoRendererView = (callId, featureName, context, streamType, view) => {
+    if (featureName === 'togetherMode') {
+        context.setTogetherModeVideoStreamRendererView(callId, streamType, view);
+    }
+};
+/* @conditional-compile-remove(together-mode) */
+/**
+ * @private
+ */
+const getStreamFeatureName = (stream) => {
+    if (stream.feature) {
+        return stream.feature;
+    }
+    throw new Error('Feature name not found');
+};
+/* @conditional-compile-remove(together-mode) */
+/**
+ * @private
+ */
+function isCallFeatureStream(stream) {
+    return 'feature' in stream || false;
+}
+
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
+/* @conditional-compile-remove(together-mode) */
 /**
  * @private
  */
+class TogetherModeVideoStreamSubscriber {
+    constructor(callIdRef, stream, context) {
+        this.subscribe = () => {
+            this._togetherModeStream.on('isAvailableChanged', this.isAvailableChanged);
+            this._togetherModeStream.on('isReceivingChanged', this.isReceivingChanged);
+            this._togetherModeStream.on('sizeChanged', this.isSizeChanged);
+        };
+        this.unsubscribe = () => {
+            this._togetherModeStream.off('isAvailableChanged', this.isAvailableChanged);
+            this._togetherModeStream.off('isReceivingChanged', this.isReceivingChanged);
+            this._togetherModeStream.off('sizeChanged', this.isSizeChanged);
+        };
+        this.isAvailableChanged = () => {
+            this._context.setTogetherModeVideoStreamIsAvailable(this._callIdRef.callId, this._togetherModeStream.id, this._togetherModeStream.isAvailable);
+        };
+        this.isReceivingChanged = () => {
+            this._context.setTogetherModeVideoStreamIsReceiving(this._callIdRef.callId, this._togetherModeStream.id, this._togetherModeStream.isReceiving);
+        };
+        this.isSizeChanged = () => {
+            this._context.setTogetherModeVideoStreamSize(this._callIdRef.callId, this._togetherModeStream.id, this._togetherModeStream.size);
+        };
+        this._callIdRef = callIdRef;
+        this._togetherModeStream = stream;
+        this._context = context;
+        this.subscribe();
+    }
+}
+
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+/* @conditional-compile-remove(together-mode) */
 /* @conditional-compile-remove(together-mode) */
 /**
  * TogetherModeSubscriber is responsible for subscribing to together mode events and updating the call context accordingly.
  */
 class TogetherModeSubscriber {
-    constructor(callIdRef, context, togetherMode) {
+    constructor(callIdRef, context, internalContext, togetherMode) {
+        this._featureName = 'togetherMode';
         this.subscribe = () => {
             this._togetherMode.on('togetherModeStreamsUpdated', this.onTogetherModeStreamUpdated);
+            this._togetherMode.on('togetherModeSceneUpdated', this.onSceneUpdated);
+            this._togetherMode.on('togetherModeSeatingUpdated', this.onSeatUpdated);
         };
         this.unsubscribe = () => {
             this._togetherMode.off('togetherModeStreamsUpdated', this.onTogetherModeStreamUpdated);
+            this._togetherMode.off('togetherModeSceneUpdated', this.onSceneUpdated);
+            this._togetherMode.off('togetherModeSeatingUpdated', this.onSeatUpdated);
         };
-        this.onTogetherModeStreamUpdated = (args) => {
-            if (args.added) {
-                this._context.setTogetherModeVideoStream(this._callIdRef.callId, args.added);
+        this.onSceneUpdated = (args) => {
+            this._context.setTogetherModeSeatingCoordinates(this._callIdRef.callId, args);
+        };
+        this.onSeatUpdated = (args) => {
+            this._context.setTogetherModeSeatingCoordinates(this._callIdRef.callId, args);
+        };
+        this.addRemoteVideoStreamSubscriber = (togetherModeVideoStream) => {
+            var _a;
+            (_a = this._togetherModeVideoStreamSubscribers.get(togetherModeVideoStream.id)) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+            this._togetherModeVideoStreamSubscribers.set(togetherModeVideoStream.id, new TogetherModeVideoStreamSubscriber(this._callIdRef, togetherModeVideoStream, this._context));
+        };
+        this.updateTogetherModeStreams = (addedStreams, removedStreams) => {
+            var _a;
+            for (const stream of removedStreams) {
+                (_a = this._togetherModeVideoStreamSubscribers.get(stream.id)) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+                disposeView(this._context, this._internalContext, this._callIdRef.callId, convertSdkCallFeatureStreamToDeclarativeCallFeatureStream(stream, this._featureName));
+                this._internalContext.deleteCallFeatureRenderInfo(this._callIdRef.callId, this._featureName, stream.mediaStreamType);
             }
-            if (args.removed) {
-                this._context.removeTogetherModeVideoStream(this._callIdRef.callId, args.removed);
+            for (const stream of addedStreams) {
+                this._internalContext.setCallFeatureRenderInfo(this._callIdRef.callId, this._featureName, stream.mediaStreamType, stream, 'NotRendered', undefined);
+                this.addRemoteVideoStreamSubscriber(stream);
             }
+            this._context.setTogetherModeVideoStreams(this._callIdRef.callId, addedStreams.map((stream) => convertSdkCallFeatureStreamToDeclarativeCallFeatureStream(stream, this._featureName)), removedStreams.map((stream) => convertSdkCallFeatureStreamToDeclarativeCallFeatureStream(stream, this._featureName)));
+        };
+        this.onTogetherModeStreamUpdated = (args) => {
+            this.updateTogetherModeStreams(args.added, args.removed);
         };
         this._callIdRef = callIdRef;
         this._context = context;
+        this._internalContext = internalContext;
         this._togetherMode = togetherMode;
+        this._togetherModeVideoStreamSubscribers = new Map();
         this.subscribe();
     }
 }
@@ -5011,7 +5373,7 @@ class CallSubscriber {
             // disposed) and we should not be updating it any more. So if video is rendering we stop rendering.
             for (const localVideoStream of this._call.localVideoStreams) {
                 const mediaStreamType = localVideoStream.mediaStreamType;
-                disposeView(this._context, this._internalContext, this._callIdRef.callId, undefined, convertSdkLocalStreamToDeclarativeLocalStream(localVideoStream));
+                disposeView$1(this._context, this._internalContext, this._callIdRef.callId, undefined, convertSdkLocalStreamToDeclarativeLocalStream(localVideoStream));
                 this._internalContext.deleteLocalRenderInfo(this._callIdRef.callId, mediaStreamType);
             }
             this._diagnosticsSubscriber.unsubscribe();
@@ -5119,7 +5481,7 @@ class CallSubscriber {
             for (const localVideoStream of event.removed) {
                 const mediaStreamType = localVideoStream.mediaStreamType;
                 (_b = this._localVideoStreamVideoEffectsSubscribers.get(mediaStreamType)) === null || _b === void 0 ? void 0 : _b.unsubscribe();
-                disposeView(this._context, this._internalContext, this._callIdRef.callId, undefined, convertSdkLocalStreamToDeclarativeLocalStream(localVideoStream));
+                disposeView$1(this._context, this._internalContext, this._callIdRef.callId, undefined, convertSdkLocalStreamToDeclarativeLocalStream(localVideoStream));
                 this._internalContext.deleteLocalRenderInfo(this._callIdRef.callId, mediaStreamType);
             }
             this._context.setCallLocalVideoStream(this._callIdRef.callId, event.added.map(convertSdkLocalStreamToDeclarativeLocalStream), event.removed.map(convertSdkLocalStreamToDeclarativeLocalStream));
@@ -5150,7 +5512,7 @@ class CallSubscriber {
         /* @conditional-compile-remove(breakout-rooms) */
         this._breakoutRoomsSubscriber = new BreakoutRoomsSubscriber(this._callIdRef, this._context, this._call.feature(communicationCalling.Features.BreakoutRooms));
         /* @conditional-compile-remove(together-mode) */
-        this._togetherModeSubscriber = new TogetherModeSubscriber(this._callIdRef, this._context, this._call.feature(communicationCalling.Features.TogetherMode));
+        this._togetherModeSubscriber = new TogetherModeSubscriber(this._callIdRef, this._context, this._internalContext, this._call.feature(communicationCalling.Features.TogetherMode));
         this.subscribe();
     }
     // This is a helper function to safely call subscriber functions. This is needed in order to prevent events
@@ -5912,6 +6274,9 @@ class InternalCallContext {
         this._remoteRenderInfos = new Map();
         // <CallId, <MediaStreamType, LocalRenderInfo>>.
         this._localRenderInfos = new Map();
+        /* @conditional-compile-remove(together-mode) */
+        // <CallId, <featureName, <MediaStreamType, CallFeatureRenderInfo>>>.
+        this._callFeatureRenderInfos = new Map();
         // Used for keeping track of rendered LocalVideoStreams that are not part of a Call.
         this._unparentedRenderInfos = new Map();
         this._callIdHistory = new CallIdHistory();
@@ -5931,6 +6296,13 @@ class InternalCallContext {
             this._localRenderInfos.delete(oldCallId);
             this._localRenderInfos.set(newCallId, localRenderInfos);
         }
+        /* @conditional-compile-remove(together-mode) */
+        const callFeatureRenderInfos = this._callFeatureRenderInfos.get(oldCallId);
+        /* @conditional-compile-remove(together-mode) */
+        if (callFeatureRenderInfos) {
+            this._callFeatureRenderInfos.delete(oldCallId);
+            this._callFeatureRenderInfos.set(newCallId, callFeatureRenderInfos);
+        }
     }
     getCallIds() {
         return this._remoteRenderInfos.keys();
@@ -6029,6 +6401,46 @@ class InternalCallContext {
     clearCallRelatedState() {
         this._remoteRenderInfos.clear();
         this._localRenderInfos.clear();
+        /* @conditional-compile-remove(together-mode) */
+        this._callFeatureRenderInfos.clear();
+    }
+    /* @conditional-compile-remove(together-mode) */
+    getCallFeatureRenderInfosForCall(callId) {
+        return this._callFeatureRenderInfos.get(this._callIdHistory.latestCallId(callId));
+    }
+    /* @conditional-compile-remove(together-mode) */
+    getCallFeatureRenderInfo(callId, featureNameKey, streamKey) {
+        var _a, _b;
+        const callFeatureRenderInfosForCall = (_b = (_a = this._callFeatureRenderInfos
+            .get(this._callIdHistory.latestCallId(callId))) === null || _a === void 0 ? void 0 : _a.get(featureNameKey)) === null || _b === void 0 ? void 0 : _b.get(streamKey);
+        if (!callFeatureRenderInfosForCall) {
+            return undefined;
+        }
+        return callFeatureRenderInfosForCall;
+    }
+    /* @conditional-compile-remove(together-mode) */
+    setCallFeatureRenderInfo(callId, featureNameKey, streamKey, stream, status, renderer) {
+        let callRenderInfos = this._callFeatureRenderInfos.get(this._callIdHistory.latestCallId(callId));
+        if (!callRenderInfos) {
+            callRenderInfos = new Map();
+            // If the callId is not found, create a new map for the callId.
+            this._callFeatureRenderInfos.set(this._callIdHistory.latestCallId(callId), callRenderInfos);
+        }
+        let featureRenderInfos = callRenderInfos.get(featureNameKey);
+        if (!featureRenderInfos) {
+            featureRenderInfos = new Map();
+            callRenderInfos.set(featureNameKey, featureRenderInfos);
+        }
+        featureRenderInfos.set(streamKey, { stream, status, renderer });
+    }
+    /* @conditional-compile-remove(together-mode) */
+    deleteCallFeatureRenderInfo(callId, featureName, streamKey) {
+        var _a;
+        const callFeatureRenderInfoForCall = this._callFeatureRenderInfos.get(this._callIdHistory.latestCallId(callId));
+        if (!callFeatureRenderInfoForCall || !callFeatureRenderInfoForCall.get(featureName)) {
+            return;
+        }
+        (_a = callFeatureRenderInfoForCall.get(featureName)) === null || _a === void 0 ? void 0 : _a.delete(streamKey);
     }
 }
 
@@ -6337,7 +6749,7 @@ const createStatefulCallClientWithDeps = (callClient, context, internalContext)
         configurable: false,
         value: (callId, participantId, stream, options) => __awaiter$O(void 0, void 0, void 0, function* () {
             const participantIdKind = participantId ? communicationCommon.getIdentifierKind(participantId) : undefined;
-            const result = yield createView(context, internalContext, callId, participantIdKind, stream, options);
+            const result = yield createView$1(context, internalContext, callId, participantIdKind, stream, options);
             // We only need to declaratify the VideoStreamRendererView object for remote participants. Because the updateScalingMode only needs to be called on remote participant stream views.
             if ('id' in stream && callId && participantId && result) {
                 const participantKey = toFlatCommunicationIdentifier(participantId);
@@ -6346,11 +6758,26 @@ const createStatefulCallClientWithDeps = (callClient, context, internalContext)
             return result;
         })
     });
+    /* @conditional-compile-remove(together-mode) */
+    Object.defineProperty(callClient, 'createCallFeatureView', {
+        configurable: false,
+        value: (callId, stream, options) => __awaiter$O(void 0, void 0, void 0, function* () {
+            const result = yield createView(context, internalContext, callId, stream, options);
+            return result;
+        })
+    });
     Object.defineProperty(callClient, 'disposeView', {
         configurable: false,
         value: (callId, participantId, stream) => {
             const participantIdKind = participantId ? communicationCommon.getIdentifierKind(participantId) : undefined;
-            disposeView(context, internalContext, callId, participantIdKind, stream);
+            disposeView$1(context, internalContext, callId, participantIdKind, stream);
+        }
+    });
+    /* @conditional-compile-remove(together-mode) */
+    Object.defineProperty(callClient, 'disposeCallFeatureView', {
+        configurable: false,
+        value: (callId, stream) => {
+            disposeView(context, internalContext, callId, stream);
         }
     });
     const newStatefulCallClient = new Proxy(callClient, new ProxyCallClient(context, internalContext));
@@ -15318,7 +15745,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-BNPsH65w.js'); }));
+const ChatMessageComponentAsRichTextEditBox = React.lazy(() => Promise.resolve().then(function () { return require('./ChatMessageComponentAsRichTextEditBox-gOhRkzVQ.js'); }));
 /**
  * @private
  * Use this function to load RoosterJS dependencies early in the lifecycle.
@@ -15326,7 +15753,7 @@ const ChatMessageComponentAsRichTextEditBox = React.lazy(() => Promise.resolve()
  *
  * @conditional-compile-remove(rich-text-editor)
  */
-const loadChatMessageComponentAsRichTextEditBox = () => Promise.resolve().then(function () { return require('./ChatMessageComponentAsRichTextEditBox-BNPsH65w.js'); });
+const loadChatMessageComponentAsRichTextEditBox = () => Promise.resolve().then(function () { return require('./ChatMessageComponentAsRichTextEditBox-gOhRkzVQ.js'); });
 /**
  * @private
  */
@@ -17786,6 +18213,12 @@ const rootStyles = {
     height: '100%',
     width: '100%'
 };
+/** @private */
+const videoTileHighContrastStyles = (theme) => ({
+    '@media (forced-colors: active)': {
+        border: `0.125rem solid ${theme.palette.black}`
+    }
+});
 /**
  * @private
  */
@@ -18242,17 +18675,19 @@ const VideoTile = (props) => {
     return (React.createElement(react.Stack, Object.assign({ "data-ui-id": ids.videoTile, className: react.mergeStyles(rootStyles, {
             background: theme.palette.neutralLighter,
             borderRadius: theme.effects.roundedCorner4
-        }, (isSpeaking || raisedHand) && {
-            '&::after': {
-                content: `''`,
-                position: 'absolute',
-                border: `0.25rem solid ${isSpeaking ? theme.palette.themePrimary : raisedHandBackgroundColor}`,
-                borderRadius: theme.effects.roundedCorner4,
-                width: '100%',
-                height: '100%',
-                pointerEvents: 'none'
+        }, isSpeaking || raisedHand
+            ? {
+                '&::after': {
+                    content: `''`,
+                    position: 'absolute',
+                    border: `0.25rem solid ${isSpeaking ? theme.palette.themePrimary : raisedHandBackgroundColor}`,
+                    borderRadius: theme.effects.roundedCorner4,
+                    width: '100%',
+                    height: '100%',
+                    pointerEvents: 'none'
+                }
             }
-        }, styles === null || styles === void 0 ? void 0 : styles.root) }, longPressHandlers),
+            : {}, videoTileHighContrastStyles(theme), styles === null || styles === void 0 ? void 0 : styles.root) }, longPressHandlers),
         React.createElement("div", Object.assign({ ref: videoTileRef, style: { width: '100%', height: '100%' } }, hoverHandlers, { "data-is-focusable": true }),
             isVideoRendered ? (React.createElement(react.Stack, { className: react.mergeStyles(videoContainerStyles, isMirrored && { transform: 'scaleX(-1)' }, styles === null || styles === void 0 ? void 0 : styles.videoContainer) }, renderElement)) : (React.createElement(react.Stack, { className: react.mergeStyles(videoContainerStyles, {
                     opacity: participantStateString || props.participantState === 'Idle' ? 0.4 : 1
@@ -20978,7 +21413,7 @@ const FloatingLocalVideo = (props) => {
     const modalStyles = React.useMemo(() => floatingLocalVideoModalStyle(theme, localVideoSizeRem), [theme, localVideoSizeRem]);
     const layerProps = React.useMemo(() => ({ hostId: layerHostId }), [layerHostId]);
     return (React.createElement(_ModalClone, { isOpen: true, isModeless: true, dragOptions: DRAG_OPTIONS$1, styles: modalStyles, layerProps: layerProps, maxDragPosition: modalMaxDragPosition, minDragPosition: modalMinDragPosition, dataUiId: "floating-local-video-host" },
-        React.createElement(react.Stack, { "aria-label": (_a = strings.localVideoMovementAriaLabel) !== null && _a !== void 0 ? _a : strings.localVideoMovementLabel, tabIndex: 0 }, localVideoComponent)));
+        React.createElement(react.Stack, { "aria-label": (_a = strings.localVideoMovementAriaLabel) !== null && _a !== void 0 ? _a : strings.localVideoMovementLabel, tabIndex: 0, role: 'dialog' }, localVideoComponent)));
 };
 
 // Copyright (c) Microsoft Corporation.
@@ -21403,7 +21838,7 @@ const VideoGallery = (props) => {
         const showDisplayNameTrampoline = () => {
             return layout === 'default' ? strings.localVideoLabel : isNarrow ? '' : strings.localVideoLabel;
         };
-        return (React.createElement(react.Stack, { styles: localVideoTileContainerStyles, key: "local-video-tile-key", role: 'dialog' },
+        return (React.createElement(react.Stack, { styles: localVideoTileContainerStyles, key: "local-video-tile-key" },
             React.createElement(_LocalVideoTile, { alwaysShowLabelBackground: videoTilesOptions === null || videoTilesOptions === void 0 ? void 0 : videoTilesOptions.alwaysShowLabelBackground, userId: localParticipant.userId, onCreateLocalStreamView: onCreateLocalStreamView, onDisposeLocalStreamView: onDisposeLocalStreamView, isAvailable: (_a = localParticipant === null || localParticipant === void 0 ? void 0 : localParticipant.videoStream) === null || _a === void 0 ? void 0 : _a.isAvailable, isMuted: localParticipant.isMuted, renderElement: (_b = localParticipant === null || localParticipant === void 0 ? void 0 : localParticipant.videoStream) === null || _b === void 0 ? void 0 : _b.renderElement, displayName: showDisplayNameTrampoline(), initialsName: initialsName, localVideoViewOptions: localVideoViewOptions, onRenderAvatar: onRenderAvatar, showLabel: showLocalVideoTileLabel, showMuteIndicator: showMuteIndicator, showCameraSwitcherInLocalPreview: showCameraSwitcherInLocalPreview, localVideoCameraCycleButtonProps: localVideoCameraCycleButtonProps, localVideoCameraSwitcherLabel: strings.localVideoCameraSwitcherLabel, localVideoSelectedDescription: strings.localVideoSelectedDescription, styles: localVideoTileStyles, raisedHand: localParticipant.raisedHand, reaction: localParticipant.reaction, spotlightedParticipantUserIds: spotlightedParticipants, isSpotlighted: isSpotlighted, onStartSpotlight: onStartLocalSpotlight, onStopSpotlight: onStopLocalSpotlight, maxParticipantsToSpotlight: maxParticipantsToSpotlight, menuKind: remoteVideoTileMenu ? (remoteVideoTileMenu.kind === 'drawer' ? 'drawer' : 'contextual') : undefined, drawerMenuHostId: drawerMenuHostId, strings: strings, reactionResources: reactionResources, participantsCount: remoteParticipants.length + 1, isScreenSharingOn: localParticipant.isScreenSharingOn })));
     }, [
         isNarrow,
@@ -23883,6 +24318,26 @@ const messageBarStyle = (theme, errorType) => ({
     }
 });
 
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+/**
+ * Message Bar incorrectly applies dark theme and high contrast theme styles to links that have no hrefs.
+ * This is a workaround to ensure that the link color is correct.
+ *
+ * More info: https://github.com/microsoft/fluentui/issues/14683
+ *
+ * @private
+ */
+const messageBarLinkStyles = (theme, underline) => react.mergeStyles({
+    textDecoration: 'underline' ,
+    color: theme.palette.themeDarkAlt,
+    textDecorationColor: theme.palette.themeDarkAlt,
+    '@media (forced-colors: active)': {
+        color: 'LinkText',
+        textDecorationColor: 'LinkText'
+    }
+});
+
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 /**
@@ -23910,13 +24365,13 @@ const _TroubleshootingGuideErrorBar = (props) => {
             ' ',
             onPermissionsTroubleshootingClick && (React.createElement(react.Link, { onClick: () => {
                     onPermissionsTroubleshootingClick(permissionsState);
-                }, underline: true },
-                React.createElement("span", { style: { color: theme.palette.themeDarkAlt } }, troubleshootingGuideStrings.devicePermissionLinkText)))));
+                } },
+                React.createElement("span", { className: messageBarLinkStyles(theme) }, troubleshootingGuideStrings.devicePermissionLinkText)))));
         const networkErrorBar = (React.createElement("div", null,
             strings[error.type],
             ' ',
             onNetworkingTroubleshootingClick && (React.createElement(react.Link, { onClick: onNetworkingTroubleshootingClick, underline: true },
-                React.createElement("span", { style: { color: theme.palette.themeDarkAlt } }, troubleshootingGuideStrings.networkTroubleshootingLinkText)))));
+                React.createElement("span", { className: messageBarLinkStyles(theme) }, troubleshootingGuideStrings.networkTroubleshootingLinkText)))));
         return (React.createElement(react.MessageBar, Object.assign({}, props, { styles: messageBarStyle(theme, messageBarType(error.type)), key: error.type, messageBarType: messageBarType(error.type), messageBarIconProps: messageBarIconProps(error.type), actions: React.createElement(react.MessageBarButton, { text: troubleshootingGuideStrings.dismissButtonText, styles: dismissButtonStyle$1(theme), onClick: () => {
                     setDismissedErrors(dismissError(dismissedErrors, error));
                 }, ariaLabel: troubleshootingGuideStrings.dismissButtonText }), isMultiline: false }), showErrorBar(error.type, devicePermissionErrorBar, networkErrorBar)));
@@ -23946,7 +24401,7 @@ const _DevicePermissionDropdown = (props) => {
             React.createElement(react.Text, null, strings === null || strings === void 0 ? void 0 : strings.placeHolderText)));
     };
     const onRenderCaretDown = () => {
-        return React.createElement(react.Text, null, strings === null || strings === void 0 ? void 0 : strings.actionButtonContent);
+        return React.createElement(react.DefaultButton, { styles: actionButtonStyles }, strings === null || strings === void 0 ? void 0 : strings.actionButtonContent);
     };
     return (React.createElement(react.Dropdown, { "data-ui-id": 'permission-dropdown', placeholder: strings === null || strings === void 0 ? void 0 : strings.placeHolderText, label: strings === null || strings === void 0 ? void 0 : strings.label, "aria-labelledby": props.ariaLabelledby, onRenderPlaceholder: onRenderPlaceholder, onRenderCaretDown: onRenderCaretDown, onClick: () => {
             if (askDevicePermission) {
@@ -23955,6 +24410,21 @@ const _DevicePermissionDropdown = (props) => {
             onClick === null || onClick === void 0 ? void 0 : onClick();
         }, options: options !== null && options !== void 0 ? options : [], styles: styles }));
 };
+const actionButtonStyles = {
+    root: {
+        border: 'none',
+        height: '2rem',
+        padding: '0 0',
+        paddingTop: '0.1rem',
+        position: 'absolute',
+        right: '0',
+        lineHeight: '2rem',
+        minWidth: '3rem'
+    },
+    label: {
+        fontWeight: 400
+    }
+};
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
@@ -24155,19 +24625,26 @@ const captionsContainerClassName = react.mergeStyles({
 const captionContainerClassName = react.mergeStyles({
     marginTop: _pxToRem(6),
     marginBottom: _pxToRem(6),
+    textAlign: 'unset', // ensure RTL spoken language captions are appropriately aligned to the right
     overflowAnchor: 'auto'
 });
+/** Reset styling set by the `ul` element */
+const resetUlStyling = {
+    listStyleType: 'none',
+    padding: 0,
+    margin: 0
+};
 /**
  * @private
  */
 const captionsBannerClassName = (formFactor) => {
-    return react.mergeStyles(Object.assign({ overflowX: 'hidden', height: formFactor === 'compact' ? '4.5rem' : '8.75rem', overflowY: 'auto' }, scrollbarStyles));
+    return react.mergeStyles(Object.assign(Object.assign(Object.assign({}, resetUlStyling), { overflowX: 'hidden', height: formFactor === 'compact' ? '4.5rem' : '8.75rem', overflowY: 'auto' }), scrollbarStyles));
 };
 /**
  * @private
  */
 const captionsBannerFullHeightClassName = (theme) => {
-    return react.mergeStyles(Object.assign({ overflowX: 'hidden', overflowY: 'auto', height: '100%', width: '100%', position: 'absolute', backgroundColor: theme.palette.white, left: 0 }, scrollbarStyles));
+    return react.mergeStyles(Object.assign(Object.assign(Object.assign({}, resetUlStyling), { overflowX: 'hidden', overflowY: 'auto', height: '100%', width: '100%', position: 'absolute', backgroundColor: theme.palette.white, left: 0 }), scrollbarStyles));
 };
 /**
  * @private
@@ -24275,11 +24752,11 @@ const _CaptionsBanner = (props) => {
             scrollToBottom();
         }
     }, [captions, isAtBottomOfScroll]);
-    return (React.createElement(React.Fragment, null, startCaptionsInProgress && (React.createElement(react.FocusZone, { as: "ul", className: captionsContainerClassName, "data-ui-id": "captions-banner" },
-        isCaptionsOn && (React.createElement("div", { ref: captionsScrollDivRef, className: (captionsOptions === null || captionsOptions === void 0 ? void 0 : captionsOptions.height) === 'full'
+    return (React.createElement(React.Fragment, null, startCaptionsInProgress && (React.createElement(react.FocusZone, { className: captionsContainerClassName, "data-ui-id": "captions-banner" },
+        isCaptionsOn && (React.createElement("ul", { ref: captionsScrollDivRef, className: (captionsOptions === null || captionsOptions === void 0 ? void 0 : captionsOptions.height) === 'full'
                 ? captionsBannerFullHeightClassName(theme)
                 : captionsBannerClassName(formFactor), "data-ui-id": "captions-banner-inner" }, captions.map((caption) => {
-            return (React.createElement("div", { key: caption.id, className: captionContainerClassName, "data-is-focusable": true },
+            return (React.createElement("li", { key: caption.id, className: captionContainerClassName, "data-is-focusable": true },
                 React.createElement(_Caption, Object.assign({}, caption, { onRenderAvatar: onRenderAvatar }))));
         }))),
         !isCaptionsOn && (React.createElement(react.Stack, { verticalAlign: "center", styles: (captionsOptions === null || captionsOptions === void 0 ? void 0 : captionsOptions.height) === 'full'
@@ -29952,7 +30429,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-CYii3cMB.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper })));
+const RichTextSendBoxWrapper = React.lazy(() => Promise.resolve().then(function () { return require('./RichTextSendBoxWrapper-W9emUhpu.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper })));
 /**
  * @private
  * Use this function to load RoosterJS dependencies early in the lifecycle.
@@ -29960,7 +30437,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-CYii3cMB.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper }));
+const loadRichTextSendBox = () => Promise.resolve().then(function () { return require('./RichTextSendBoxWrapper-W9emUhpu.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper }));
 /**
  * @private
  */
@@ -34790,6 +35267,14 @@ const availableSpaceStyles = { root: { width: '100%', height: '100%' } };
 const sidePaneTokens = {
     childrenGap: '0.5rem'
 };
+/** @private */
+const paneHighContrastStyles = (theme) => react.mergeStyles({
+    '@media (forced-colors: active)': {
+        border: `0.125rem solid ${theme.palette.black}`,
+        borderRadius: theme.effects.roundedCorner4,
+        margin: '0.5rem 0.25rem 0.5rem 0rem'
+    }
+});
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
@@ -34905,10 +35390,11 @@ const SidePane = (props) => {
     const OverrideContentRenderer = (overrideSidePane === null || overrideSidePane === void 0 ? void 0 : overrideSidePane.isActive) || (overrideSidePane === null || overrideSidePane === void 0 ? void 0 : overrideSidePane.persistRenderingWhenClosed)
         ? overrideSidePane.renderer.contentRenderer
         : undefined;
+    const theme = useTheme();
     if (!ContentRenderer && !OverrideContentRenderer) {
         return React.createElement(EmptyElement, null);
     }
-    return (React.createElement(react.Stack, { "aria-label": props.ariaLabel, "data-is-focusable": !!props.ariaLabel, role: props.ariaLabel ? 'navigation' : undefined, tabIndex: props.ariaLabel ? 0 : undefined, verticalFill: true, grow: true, styles: paneStyles, "data-ui-id": "SidePane", tokens: props.mobileView || (!props.showAddPeopleButton && (sidePaneRenderer === null || sidePaneRenderer === void 0 ? void 0 : sidePaneRenderer.id) === 'people') ? {} : sidePaneTokens },
+    return (React.createElement(react.Stack, { "aria-label": props.ariaLabel, "data-is-focusable": !!props.ariaLabel, role: props.ariaLabel ? 'navigation' : undefined, tabIndex: props.ariaLabel ? 0 : undefined, verticalFill: true, grow: true, styles: paneStyles, "data-ui-id": "SidePane", tokens: props.mobileView || (!props.showAddPeopleButton && (sidePaneRenderer === null || sidePaneRenderer === void 0 ? void 0 : sidePaneRenderer.id) === 'people') ? {} : sidePaneTokens, className: paneHighContrastStyles(theme) },
         HeaderToRender,
         React.createElement(react.Stack.Item, { verticalFill: true, grow: true, styles: paneBodyContainer },
             React.createElement(react.Stack, { verticalFill: true, styles: scrollableContainer },
@@ -34935,12 +35421,16 @@ const SidePaneHeader = (props) => {
             minWidth: '1.5rem',
             padding: '0.5rem 0.25rem',
             marginRight: '0.25rem',
-            backgroundColor: theme.semanticColors.bodyBackground
+            backgroundColor: theme.semanticColors.bodyBackground,
+            '@media (forced-colors: active)': {
+                border: `0.1rem solid ${theme.palette.neutralSecondary}`,
+                borderRadius: theme.effects.roundedCorner4
+            }
         },
         icon: { color: theme.palette.neutralSecondary },
         iconHovered: { color: theme.palette.neutralSecondary },
         iconPressed: { color: theme.palette.neutralSecondary }
-    }), [theme.palette.neutralSecondary, theme.semanticColors.bodyBackground]);
+    }), [theme.palette.neutralSecondary, theme.semanticColors.bodyBackground, theme.effects.roundedCorner4]);
     if (props.mobileView) {
         return React.createElement(SidePaneMobileHeader, Object.assign({}, props));
     }
@@ -37746,6 +38236,10 @@ const configurationPageTextDecoration = (theme) => {
     return {
         textShadow: `0px 0px 8px ${theme.palette.whiteTranslucent40}`,
         fill: theme.semanticColors.bodyText,
+        svg: {
+            // Fix SVGs not displaying the correct color in Desert high contrast mode
+            fill: 'currentColor'
+        },
         stroke: theme.palette.whiteTranslucent40,
         paintOrder: 'stroke fill',
         strokeWidth: _pxToRem(1.5),
@@ -37753,8 +38247,6 @@ const configurationPageTextDecoration = (theme) => {
             letterSpacing: '-0.02rem' // cope with extra width due to stroke width
         },
         '@media (forced-colors: active)': {
-            forcedColorAdjust: 'auto',
-            fill: theme.palette.neutralQuaternaryAlt,
             textShadow: 'none',
             stroke: 'none'
         }
@@ -44447,4 +44939,4 @@ exports.useTeamsCall = useTeamsCall;
 exports.useTeamsCallAdapter = useTeamsCallAdapter;
 exports.useTeamsCallAgent = useTeamsCallAgent;
 exports.useTheme = useTheme;
-//# sourceMappingURL=index-bz7CLz1d.js.map
+//# sourceMappingURL=index-B4neqg6y.js.map