@azure/communication-react 1.20.0-alpha-202410040016 → 1.20.0-alpha-202410080015

package/dist/dist-cjs/communication-react/{index-Cs1eMyS2.js → index-Bj4O6YVq.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.20.0-alpha-202410040016';
+var telemetryVersion = '1.20.0-alpha-202410080015';
 
 
 var telemetryVersion$1 = /*@__PURE__*/getDefaultExportFromCjs(telemetryVersion);
@@ -372,7 +372,11 @@ function _getKeys(obj) {
  * @internal
  */
 const _base64ToBlob = (dataURI) => {
-    const byteString = atob(dataURI.split(',')[1]);
+    const str = dataURI.split(',')[1];
+    if (!str) {
+        throw new Error('Invalid base64 string');
+    }
+    const byteString = atob(str);
     const arrayBuffer = new ArrayBuffer(byteString.length);
     const uint8Array = new Uint8Array(arrayBuffer);
     for (let i = 0; i < byteString.length; i++) {
@@ -537,7 +541,7 @@ const getCallState = (state, props) => { var _a; return (_a = state.calls[props.
 /**
  * @private
  */
-const getEnvironmentInfo = (state) => {
+const getEnvironmentInfo$1 = (state) => {
     /* @conditional-compile-remove(unsupported-browser) */
     return state.environmentInfo;
 };
@@ -641,9 +645,10 @@ const _isInLobbyOrConnecting = (callStatus) => !!callStatus && ['Connecting', 'R
  * @internal
  */
 const _isPreviewOn = (deviceManager) => {
+    var _a;
     // TODO: we should take in a LocalVideoStream that developer wants to use as their 'Preview' view. We should also
     // handle cases where 'Preview' view is in progress and not necessary completed.
-    return deviceManager.unparentedViews.length > 0 && deviceManager.unparentedViews[0].view !== undefined;
+    return ((_a = deviceManager.unparentedViews[0]) === null || _a === void 0 ? void 0 : _a.view) !== undefined;
 };
 /**
  * Dispose of all preview views
@@ -812,7 +817,7 @@ const screenShareButtonSelector = reselect__namespace.createSelector([getIsScree
             ((capabilities === null || capabilities === void 0 ? void 0 : capabilities.shareScreen.isPresent) === false && (capabilities === null || capabilities === void 0 ? void 0 : capabilities.shareScreen.reason) !== 'NotInitialized') ||
             role === 'Consumer' ||
             role === 'Attendee';
-    disabled = disabled || ['InLobby', 'Connecting', 'LocalHold'].includes(callState);
+    disabled = disabled || ['InLobby', 'Connecting', 'LocalHold'].includes(callState !== null && callState !== void 0 ? callState : 'None');
     return {
         checked: isScreenSharingOn,
         disabled
@@ -1525,7 +1530,7 @@ const notificationStackSelector = reselect.createSelector([
     /* @conditional-compile-remove(breakout-rooms) */ getLatestNotifications,
     getDiagnostics,
     getDeviceManager$1,
-    getEnvironmentInfo,
+    getEnvironmentInfo$1,
     getMeetingConferencePhones,
     /* @conditional-compile-remove(breakout-rooms) */ getAssignedBreakoutRoom$1
 ], (latestErrors, 
@@ -1841,22 +1846,24 @@ class ProxyDeviceManager {
             this._deviceManager.on('selectedMicrophoneChanged', this.selectedMicrophoneChanged);
             this._deviceManager.on('selectedSpeakerChanged', this.selectedSpeakerChanged);
             // Subscribe to browser camera permissions changes
-            try {
-                navigator.permissions.query({ name: 'camera' }).then((cameraPermissions) => {
-                    cameraPermissions.addEventListener('change', this.permissionsApiStateChangeHandler);
-                });
-            }
-            catch (e) {
-                console.info('Could not subscribe to Permissions API Camera changed events, API is not supported by browser', e);
-            }
-            // Subscribe to browser microphone permissions changes
-            try {
-                navigator.permissions.query({ name: 'microphone' }).then((micPermissions) => {
-                    micPermissions.addEventListener('change', this.permissionsApiStateChangeHandler);
-                });
-            }
-            catch (e) {
-                console.info('Could not subscribe to Permissions API Microphone changed events, API is not supported by browser', e);
+            if (navigator.permissions) {
+                try {
+                    navigator.permissions.query({ name: 'camera' }).then((cameraPermissions) => {
+                        cameraPermissions.addEventListener('change', this.permissionsApiStateChangeHandler);
+                    });
+                }
+                catch (e) {
+                    console.info('Could not subscribe to Permissions API Camera changed events, API is not supported by browser', e);
+                }
+                // Subscribe to browser microphone permissions changes
+                try {
+                    navigator.permissions.query({ name: 'microphone' }).then((micPermissions) => {
+                        micPermissions.addEventListener('change', this.permissionsApiStateChangeHandler);
+                    });
+                }
+                catch (e) {
+                    console.info('Could not subscribe to Permissions API Microphone changed events, API is not supported by browser', e);
+                }
             }
         };
         /**
@@ -1867,23 +1874,25 @@ class ProxyDeviceManager {
             this._deviceManager.off('audioDevicesUpdated', this.audioDevicesUpdated);
             this._deviceManager.off('selectedMicrophoneChanged', this.selectedMicrophoneChanged);
             this._deviceManager.off('selectedSpeakerChanged', this.selectedSpeakerChanged);
-            // Unsubscribe from browser camera permissions changes
-            try {
-                navigator.permissions.query({ name: 'camera' }).then((cameraPermissions) => {
-                    cameraPermissions.removeEventListener('change', this.permissionsApiStateChangeHandler);
-                });
-            }
-            catch (e) {
-                console.info('Could not Unsubscribe to Permissions API Camera changed events, API is not supported by browser', e);
-            }
-            // Unsubscribe from browser microphone permissions changes
-            try {
-                navigator.permissions.query({ name: 'microphone' }).then((micPermissions) => {
-                    micPermissions.removeEventListener('change', this.permissionsApiStateChangeHandler);
-                });
-            }
-            catch (e) {
-                console.info('Could not Unsubscribe to Permissions API Camera changed events, API is not supported by browser', e);
+            if (navigator.permissions) {
+                // Unsubscribe from browser camera permissions changes
+                try {
+                    navigator.permissions.query({ name: 'camera' }).then((cameraPermissions) => {
+                        cameraPermissions.removeEventListener('change', this.permissionsApiStateChangeHandler);
+                    });
+                }
+                catch (e) {
+                    console.info('Could not Unsubscribe to Permissions API Camera changed events, API is not supported by browser', e);
+                }
+                // Unsubscribe from browser microphone permissions changes
+                try {
+                    navigator.permissions.query({ name: 'microphone' }).then((micPermissions) => {
+                        micPermissions.removeEventListener('change', this.permissionsApiStateChangeHandler);
+                    });
+                }
+                catch (e) {
+                    console.info('Could not Unsubscribe to Permissions API Camera changed events, API is not supported by browser', e);
+                }
             }
         };
         this.permissionsApiStateChangeHandler = () => __awaiter$X(this, void 0, void 0, function* () {
@@ -1924,16 +1933,18 @@ class ProxyDeviceManager {
             // information about the device permission state, but is not supported yet in Firefox or Android WebView.
             // Note: It also has the limitation where it cannot detect if the device is blocked by the Operating System
             // permissions.
-            try {
-                const [cameraPermissions, micPermissions] = yield Promise.all([
-                    navigator.permissions.query({ name: 'camera' }),
-                    navigator.permissions.query({ name: 'microphone' })
-                ]);
-                hasCameraPermission = cameraPermissions.state === 'granted';
-                hasMicPermission = micPermissions.state === 'granted';
-            }
-            catch (e) {
-                console.info('Permissions API is not supported by browser', e);
+            if (navigator.permissions) {
+                try {
+                    const [cameraPermissions, micPermissions] = yield Promise.all([
+                        navigator.permissions.query({ name: 'camera' }),
+                        navigator.permissions.query({ name: 'microphone' })
+                    ]);
+                    hasCameraPermission = cameraPermissions.state === 'granted';
+                    hasMicPermission = micPermissions.state === 'granted';
+                }
+                catch (e) {
+                    console.info('Permissions API is not supported by browser', e);
+                }
             }
             this._context.setDeviceManagerDeviceAccess({
                 video: hasCameraPermission,
@@ -2542,7 +2553,10 @@ let CallContext$2 = class CallContext {
                 // Performance note: This loop should run only once because the number of entries
                 // is never allowed to exceed MAX_CALL_HISTORY_LENGTH. A loop is used for correctness.
                 while (Object.keys(draft.callsEnded).length >= MAX_CALL_HISTORY_LENGTH) {
-                    delete draft.callsEnded[findOldestCallEnded(draft.callsEnded)];
+                    const oldestCall = findOldestCallEnded(draft.callsEnded);
+                    if (oldestCall) {
+                        delete draft.callsEnded[oldestCall];
+                    }
                 }
                 draft.callsEnded[latestCallId] = call;
             }
@@ -2804,6 +2818,12 @@ let CallContext$2 = class CallContext {
             if (participantKey === toFlatCommunicationIdentifier(this._state.userId)) {
                 call.localParticipantReaction = newReactionState;
             }
+            else if (!participant) {
+                // Warn if we can't find the participant in the call but we are trying to set their reaction state to a new reaction.
+                if (reactionMessage !== null) {
+                    console.warn(`Participant ${participantKey} not found in call ${callId}. Cannot set reaction state.`);
+                }
+            }
             else {
                 participant.reactionState = newReactionState;
             }
@@ -2841,7 +2861,7 @@ let CallContext$2 = class CallContext {
                     viewAttendeeNames.reason === 'MeetingRestricted') {
                     call.hideAttendeeNames = true;
                 }
-                else {
+                else if (call) {
                     call.hideAttendeeNames = false;
                 }
             }
@@ -3156,7 +3176,10 @@ let CallContext$2 = class CallContext {
                 // Performance note: This loop should run only once because the number of entries
                 // is never allowed to exceed MAX_CALL_HISTORY_LENGTH. A loop is used for correctness.
                 while (Object.keys(draft.incomingCallsEnded).length >= MAX_CALL_HISTORY_LENGTH) {
-                    delete draft.incomingCallsEnded[findOldestCallEnded(draft.incomingCallsEnded)];
+                    const oldestCall = findOldestCallEnded(draft.incomingCallsEnded);
+                    if (oldestCall) {
+                        delete draft.incomingCallsEnded[oldestCall];
+                    }
                 }
                 draft.incomingCallsEnded[callId] = call;
             }
@@ -3229,9 +3252,9 @@ let CallContext$2 = class CallContext {
     }
     setDeviceManagerUnparentedViewVideoEffects(localVideoStream, videoEffects) {
         this.modifyState((draft) => {
-            const foundIndex = draft.deviceManager.unparentedViews.findIndex((stream) => stream.mediaStreamType === localVideoStream.mediaStreamType);
-            if (foundIndex !== -1) {
-                draft.deviceManager.unparentedViews[foundIndex].videoEffects = videoEffects;
+            const view = draft.deviceManager.unparentedViews.find((stream) => stream.mediaStreamType === localVideoStream.mediaStreamType);
+            if (view) {
+                view.videoEffects = videoEffects;
             }
         });
     }
@@ -3241,6 +3264,7 @@ let CallContext$2 = class CallContext {
         return id;
     }
     processNewCaption(captions, newCaption) {
+        var _a;
         // time stamp when new caption comes in
         newCaption.timestamp = new Date();
         // if this is the first caption, push it in
@@ -3248,19 +3272,24 @@ let CallContext$2 = class CallContext {
             captions.push(newCaption);
         }
         // if the last caption is final, then push the new one in
-        else if (captions[captions.length - 1].resultType === 'Final') {
+        else if (((_a = captions[captions.length - 1]) === null || _a === void 0 ? void 0 : _a.resultType) === 'Final') {
             captions.push(newCaption);
         }
         // if the last caption is Partial, then check if the speaker is the same as the new caption, if so, update the last caption
         else {
-            if (toFlatCommunicationIdentifier(captions[captions.length - 1].speaker.identifier) === toFlatCommunicationIdentifier(newCaption.speaker.identifier)) {
+            const lastCaption = captions[captions.length - 1];
+            if (lastCaption &&
+                lastCaption.speaker.identifier &&
+                newCaption.speaker.identifier &&
+                toFlatCommunicationIdentifier(lastCaption.speaker.identifier) ===
+                    toFlatCommunicationIdentifier(newCaption.speaker.identifier)) {
                 captions[captions.length - 1] = newCaption;
             }
             // if different speaker, ignore the interjector until the current speaker finishes
             // edge case: if we dont receive the final caption from the current speaker for 5 secs, we turn the current speaker caption to final and push in the new interjector
-            else {
-                if (Date.now() - captions[captions.length - 1].timestamp.getTime() > 5000) {
-                    captions[captions.length - 1].resultType = 'Final';
+            else if (lastCaption) {
+                if (Date.now() - lastCaption.timestamp.getTime() > 5000) {
+                    lastCaption.resultType = 'Final';
                     captions.push(newCaption);
                 }
             }
@@ -3443,7 +3472,11 @@ const toCallError = (target, error) => {
 const findOldestCallEnded = (calls) => {
     var _a, _b, _c, _d;
     const callEntries = Object.entries(calls);
-    let [oldestCallId, oldestCall] = callEntries[0];
+    const firstCallEntry = callEntries[0];
+    if (!firstCallEntry) {
+        return undefined; // no calls exist
+    }
+    let [oldestCallId, oldestCall] = firstCallEntry;
     if (oldestCall.endTime === undefined) {
         return oldestCallId;
     }
@@ -4552,8 +4585,8 @@ class UserFacingDiagnosticsSubscriber {
             for (const diagnostic of args.diagnostics) {
                 const { remoteParticipant: _, rawId } = diagnostic, participantDiagnostic = __rest(diagnostic, ["remoteParticipant", "rawId"]);
                 const participant = call.remoteParticipants[rawId];
-                participant.diagnostics = participant.diagnostics || {};
                 if (participant) {
+                    participant.diagnostics = participant.diagnostics || {};
                     participant.diagnostics[participantDiagnostic.diagnostic] = participantDiagnostic;
                 }
             }
@@ -4846,7 +4879,7 @@ class BreakoutRoomsSubscriber {
             this._context.setAssignedBreakoutRoom(this._callIdRef.callId, breakoutRoom);
         };
         this.onBreakoutRoomsJoined = (call) => {
-            var _a, _b;
+            var _a, _b, _c;
             this._context.setBreakoutRoomOriginCallId(this._callIdRef.callId, call.id);
             this._context.deleteLatestNotification(this._callIdRef.callId, 'assignedBreakoutRoomOpened');
             this._context.deleteLatestNotification(this._callIdRef.callId, 'assignedBreakoutRoomOpenedPromptJoin');
@@ -4857,7 +4890,7 @@ class BreakoutRoomsSubscriber {
                 timestamp: new Date(Date.now())
             });
             // If assigned breakout room has a display name, set the display name for its call state.
-            const assignedBreakoutRoomDisplayName = (_b = (_a = this._context.getState().calls[this._callIdRef.callId].breakoutRooms) === null || _a === void 0 ? void 0 : _a.assignedBreakoutRoom) === null || _b === void 0 ? void 0 : _b.displayName;
+            const assignedBreakoutRoomDisplayName = (_c = (_b = (_a = this._context.getState().calls[this._callIdRef.callId]) === null || _a === void 0 ? void 0 : _a.breakoutRooms) === null || _b === void 0 ? void 0 : _b.assignedBreakoutRoom) === null || _c === void 0 ? void 0 : _c.displayName;
             if (assignedBreakoutRoomDisplayName) {
                 this._context.setBreakoutRoomDisplayName(call.id, assignedBreakoutRoomDisplayName);
             }
@@ -15296,7 +15329,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-BkiCWROx.js'); }));
+const ChatMessageComponentAsRichTextEditBox = React.lazy(() => Promise.resolve().then(function () { return require('./ChatMessageComponentAsRichTextEditBox-BwIa2hTH.js'); }));
 /**
  * @private
  * Use this function to load RoosterJS dependencies early in the lifecycle.
@@ -15304,7 +15337,7 @@ const ChatMessageComponentAsRichTextEditBox = React.lazy(() => Promise.resolve()
  *
  * @conditional-compile-remove(rich-text-editor)
  */
-const loadChatMessageComponentAsRichTextEditBox = () => Promise.resolve().then(function () { return require('./ChatMessageComponentAsRichTextEditBox-BkiCWROx.js'); });
+const loadChatMessageComponentAsRichTextEditBox = () => Promise.resolve().then(function () { return require('./ChatMessageComponentAsRichTextEditBox-BwIa2hTH.js'); });
 /**
  * @private
  */
@@ -25440,7 +25473,8 @@ const getRemoteParticipantsExcludingConsumers = reselect.createSelector([getRemo
     {
         const newRemoteParticipants = Object.assign({}, remoteParticipants);
         Object.keys(newRemoteParticipants).forEach((k) => {
-            if (newRemoteParticipants[k].role === 'Consumer') {
+            var _a;
+            if (((_a = newRemoteParticipants[k]) === null || _a === void 0 ? void 0 : _a.role) === 'Consumer') {
                 delete newRemoteParticipants[k];
             }
         });
@@ -25673,7 +25707,7 @@ const useHandlers$3 = (component) => {
  *
  * @public
  */
-const useSelector$3 = (selector, selectorProps) => {
+const useSelector$4 = (selector, selectorProps) => {
     var _a, _b, _c;
     const callClient = (_a = React.useContext(CallClientContext)) === null || _a === void 0 ? void 0 : _a.callClient;
     const callId = (_c = (_b = React.useContext(CallContext$1)) === null || _b === void 0 ? void 0 : _b.call) === null || _c === void 0 ? void 0 : _c.id;
@@ -25727,7 +25761,7 @@ const useSelector$3 = (selector, selectorProps) => {
  *
  * @public
  */
-const errorBarSelector$1 = reselect.createSelector([getLatestErrors$1, getDiagnostics, getDeviceManager$1, getEnvironmentInfo], (latestErrors, diagnostics, deviceManager, environmentInfo) => {
+const errorBarSelector$1 = reselect.createSelector([getLatestErrors$1, getDiagnostics, getDeviceManager$1, getEnvironmentInfo$1], (latestErrors, diagnostics, deviceManager, environmentInfo) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
     // The order in which the errors are returned is significant: The `ErrorBar` shows errors on the UI in that order.
     // There are several options for the ordering:
@@ -26198,7 +26232,7 @@ const useHandlers$2 = (component) => {
  *
  * @public
  */
-const useSelector$2 = (selector, selectorProps) => {
+const useSelector$3 = (selector, selectorProps) => {
     var _a;
     const chatClient = React.useContext(ChatClientContext);
     const threadId = (_a = React.useContext(ChatThreadClientContext)) === null || _a === void 0 ? void 0 : _a.threadId;
@@ -26240,7 +26274,7 @@ const useSelector$2 = (selector, selectorProps) => {
 /**
  * @private
  */
-const getUserId = (state) => toFlatCommunicationIdentifier(state.userId);
+const getUserId$1 = (state) => toFlatCommunicationIdentifier(state.userId);
 /**
  * @private
  */
@@ -26248,7 +26282,7 @@ const getDisplayName$1 = (state) => state.displayName;
 /**
  * @private
  */
-const getChatMessages = (state, props) => { var _a; return (props.threadId && ((_a = state.threads[props.threadId]) === null || _a === void 0 ? void 0 : _a.chatMessages)) || {}; };
+const getChatMessages$1 = (state, props) => { var _a; return (props.threadId && ((_a = state.threads[props.threadId]) === null || _a === void 0 ? void 0 : _a.chatMessages)) || {}; };
 /**
  * @private
  */
@@ -26291,7 +26325,7 @@ const getLatestErrors = (state) => state.latestErrors;
  *
  * @public
  */
-const sendBoxSelector = reselect.createSelector([getUserId, getDisplayName$1], (userId, displayName) => ({
+const sendBoxSelector = reselect.createSelector([getUserId$1, getDisplayName$1], (userId, displayName) => ({
     displayName: displayName,
     userId: userId
 }));
@@ -26627,7 +26661,7 @@ const hasValidParticipant = (chatMessage) => { var _a; return !!((_a = chatMessa
  *
  * @private
  */
-const messageThreadSelectorWithThread = () => reselect.createSelector([getUserId, getChatMessages, getLatestReadTime, getIsLargeGroup, getReadReceipts, getParticipants], (userId, chatMessages, latestReadTime, isLargeGroup, readReceipts = [], participants) => {
+const messageThreadSelectorWithThread = () => reselect.createSelector([getUserId$1, getChatMessages$1, getLatestReadTime, getIsLargeGroup, getReadReceipts, getParticipants], (userId, chatMessages, latestReadTime, isLargeGroup, readReceipts = [], participants) => {
     // We can't get displayName in teams meeting interop for now, disable rr feature when it is teams interop
     const isTeamsInterop = Object.values(participants).find((p) => 'microsoftTeamsUserId' in p.id) !== undefined;
     // get number of participants
@@ -26747,7 +26781,7 @@ const convertSdkTypingIndicatorsToCommunicationParticipants = (typingIndicators,
  *
  * @public
  */
-const typingIndicatorSelector = reselect.createSelector([getTypingIndicators, getParticipants, getUserId], (typingIndicators, participants, userId) => {
+const typingIndicatorSelector = reselect.createSelector([getTypingIndicators, getParticipants, getUserId$1], (typingIndicators, participants, userId) => {
     // if the participant size reaches the threshold then return no typing users
     if (Object.values(participants).length >= PARTICIPANTS_THRESHOLD) {
         return { typingUsers: [] };
@@ -26782,7 +26816,7 @@ const moderatorIndex = (participants) => {
  *
  * @public
  */
-const chatParticipantListSelector = reselect__namespace.createSelector([getUserId, getParticipants, getDisplayName$1], (userId, chatParticipants, displayName) => {
+const chatParticipantListSelector = reselect__namespace.createSelector([getUserId$1, getParticipants, getDisplayName$1], (userId, chatParticipants, displayName) => {
     let participants = convertChatParticipantsToCommunicationParticipants(Object.values(chatParticipants));
     if (0 !== participants.length) {
         const moderatorIdx = moderatorIndex(participants);
@@ -28829,7 +28863,7 @@ const isChatError = (e) => {
     return 'target' in e && e['target'] !== undefined && 'innerError' in e && e['innerError'] !== undefined;
 };
 
-var call$l={cameraLabel:"Camera",noCamerasLabel:"No cameras found",cameraPermissionDenied:"Your browser is blocking access to your camera",cameraTurnedOff:"Your camera is turned off",chatButtonLabel:"Chat",close:"Close",complianceBannerNowOnlyRecording:"You are now only recording this meeting.",complianceBannerNowOnlyTranscription:"You are now only transcribing this meeting.",complianceBannerRecordingAndTranscriptionSaved:"Recording and transcription are being saved.",complianceBannerRecordingAndTranscriptionStarted:"Recording and transcription have started.",complianceBannerRecordingAndTranscriptionStopped:"Recording and transcription have stopped.",complianceBannerRecordingSaving:"Recording is being saved.",complianceBannerRecordingStarted:"Recording has started.",complianceBannerRecordingStopped:"Recording has stopped.",complianceBannerTranscriptionStarted:"Transcription has started.",complianceBannerTranscriptionConsent:"By joining, you are giving consent for this meeting to be transcribed.",complianceBannerTranscriptionSaving:"Transcription is being saved.",complianceBannerTranscriptionStopped:"Transcription has stopped.",configurationPageTitle:"Start a call",copyInviteLinkButtonLabel:"Copy invite link",copyInviteLinkButtonActionedLabel:"Link copied",copyInviteLinkActionedAriaLabel:"Invite link copied",defaultPlaceHolder:"Select an option",dismissSidePaneButtonLabel:"Close",videoEffectsPaneTitle:"Effects",videoEffectsPaneBackgroundSelectionTitle:"Background",configurationPageVideoEffectsButtonLabel:"Effects",unableToStartVideoEffect:"Unable to apply video effect.",blurBackgroundEffectButtonLabel:"Blur",blurBackgroundTooltip:"Blur Background",removeBackgroundEffectButtonLabel:"None",removeBackgroundTooltip:"Remove Background",cameraOffBackgroundEffectWarningText:"Your camera is off. Turn on camera to see video effect.",failedToJoinCallDueToNoNetworkMoreDetails:"Call was disconnected due to a network issue. Check your connection and join again.",failedToJoinCallDueToNoNetworkTitle:"Call disconnected",failedToJoinTeamsMeetingReasonAccessDeniedMoreDetails:"You were not granted entry in the call. If this was a mistake, re-join the call.",failedToJoinTeamsMeetingReasonAccessDeniedTitle:"Dismissed from lobby",learnMore:"Learn more",leavingCallTitle:"Leaving...",leftCallMoreDetails:"If this was a mistake, re-join the call.",leftCallTitle:"You left the call",lobbyScreenConnectingToCallTitle:"Joining call",lobbyScreenWaitingToBeAdmittedTitle:"Waiting to be admitted",microphonePermissionDenied:"Your browser is blocking access to your microphone",microphoneToggleInLobbyNotAllowed:"Cannot mute or unmute while in lobby.",mutedMessage:"You're muted",networkReconnectMoreDetails:"Looks like something went wrong. We're trying to get back into the call.",networkReconnectTitle:"Hold on",notInvitedToRoomDetails:"You are not able to join this room because you do not have an invite.",notInvitedToRoomTitle:"Not invited to room",peopleButtonLabel:"People",selectedPeopleButtonLabel:"People Button Selected",peoplePaneTitle:"People",peoplePaneMoreButtonAriaLabel:"More",peopleButtonTooltipOpen:"Show participants",peopleButtonTooltipClose:"Hide participants",peoplePaneSubTitle:"In this call {numberOfPeople}",privacyPolicy:"Privacy policy",rejoinCallButtonLabel:"Re-join call",removedFromCallMoreDetails:"Another participant removed you from the call.",removedFromCallTitle:"You were removed",removeMenuLabel:"Remove",startSpotlightMenuLabel:"Spotlight for everyone",addSpotlightMenuLabel:"Add spotlight",stopSpotlightMenuLabel:"Stop spotlighting",stopSpotlightOnSelfMenuLabel:"Exit spotlight",spotlightLimitReachedMenuTitle:"Spotlight limit reached",stopAllSpotlightMenuLabel:"Stop all spotlights",returnToCallButtonAriaDescription:"Return to Call",returnToCallButtonAriaLabel:"Back",roomNotFoundDetails:"The room ID provided could not be found.",roomNotFoundTitle:"Room not found",roomNotValidDetails:"This room is not valid at this current time.",roomNotValidTitle:"Room not valid",inviteToRoomRemovedDetails:"Your invite to join this room was removed.",inviteToRoomRemovedTitle:"Invite to room removed",soundLabel:"Sound",noMicrophonesLabel:"No microphones found",noSpeakersLabel:"No speakers found",startCallButtonLabel:"Start call",openDialpadButtonLabel:"Dial phone number",peoplePaneAddPeopleButtonLabel:"Add People",dialpadStartCallButtonLabel:"Call",dialpadModalTitle:"Dial Phone Number",dialpadModalAriaLabel:"Dialpad",dialpadCloseModalButtonAriaLabel:"Close dialpad",moreButtonCallingLabel:"More",resumeCallButtonLabel:"Resume",resumingCallButtonLabel:"Resuming...",resumeCallButtonAriaLabel:"Resume call",resumingCallButtonAriaLabel:"Resume call",holdScreenLabel:"You're on hold",openDtmfDialpadLabel:"Show dialpad",dtmfDialpadPlaceholderText:"Enter number",outboundCallingNoticeString:"Calling...",participantJoinedNoticeString:"{displayName} joined",twoParticipantJoinedNoticeString:"{displayName1} and {displayName2} have joined",threeParticipantJoinedNoticeString:"{displayName1}, {displayName2} and {displayName3} have joined",participantLeftNoticeString:"{displayName} left",twoParticipantLeftNoticeString:"{displayName1} and {displayName2} have left",threeParticipantLeftNoticeString:"{displayName1}, {displayName2} and {displayName3} have left",unnamedParticipantString:"unnamed participant",manyUnnamedParticipantsJoined:"unnamed participant and {numOfParticipants} other participants joined",manyUnnamedParticipantsLeft:"unnamed participant and {numOfParticipants} other participants left",manyParticipantsJoined:"{displayName1}, {displayName2}, {displayName3} and {numOfParticipants} other participants joined",manyParticipantsLeft:"{displayName1}, {displayName2}, {displayName3} and {numOfParticipants} other participants left",liveCaptionsLabel:"Live captions",captionsSettingsLabel:"Caption settings",startCaptionsButtonOnLabel:"Turn on captions",startCaptionsButtonOffLabel:"Turn off captions",startCaptionsButtonTooltipOnContent:"Turn off captions",startCaptionsButtonTooltipOffContent:"Turn on captions",captionsSettingsModalTitle:"Captions Settings",captionsSettingsSpokenLanguageDropdownLabel:"Spoken language",captionsSettingsCaptionLanguageDropdownLabel:"Captions language",captionsSettingsSpokenLanguageDropdownInfoText:"Language that everyone on this call is speaking.",captionsSettingsCaptionLanguageDropdownInfoText:"Captions will appear in this langugage.",captionsSettingsConfirmButtonLabel:"Confirm",captionsSettingsCancelButtonLabel:"Cancel",captionsSettingsModalAriaLabel:"Captions Setting Modal",captionsSettingsCloseModalButtonAriaLabel:"Close Captions Setting",captionsBannerMoreButtonCallingLabel:"More",captionsBannerMoreButtonTooltip:"More options",dismissModalAriaLabel:"Local and remote picture and picture, press enter to return to call",callRejectedTitle:"The call could not be completed",callRejectedMoreDetails:"The person you are trying to reach is unavailable. Please try again later.",callTimeoutTitle:"The call could not be completed",callTimeoutDetails:"The person you are trying to reach is unavailable. Please try again later.",callTimeoutBotTitle:"The call could not be completed",callTimeoutBotDetails:"The service that you are trying to reach is unavailable. Please try again later.",dtmfDialerButtonLabel:"Dialpad",dtmfDialerButtonTooltipOn:"Show dialpad",dtmfDialerButtonTooltipOff:"Hide dialpad",dtmfDialerMoreButtonLabelOn:"Show dialpad",dtmfDialerMoreButtonLabelOff:"Hide dialpad",phoneCallMoreButtonLabel:"Phone Call",spokenLanguageStrings:{"ar-ae":"Arabic - U.A.E.","ar-sa":"Arabic - Saudi Arabia","da-dk":"Danish","de-de":"German - Germany","en-au":"English - Australia","en-ca":"English - Canada","en-gb":"English - United Kingdom","en-in":"English - India","en-nz":"English - New Zealand","en-us":"English - United States","es-es":"Spanish - Spain (Modern Sort)","es-mx":"Spanish - Mexico","fi-fi":"Finnish","fr-ca":"French - Canada","fr-fr":"French - France","hi-in":"Hindi","it-it":"Italian - Italy","ja-jp":"Japanese","ko-kr":"Korean","nb-no":"Norwegian (Bokmål)","nl-be":"Dutch - Belgium","nl-nl":"Dutch - Netherlands","pl-pl":"Polish","pt-br":"Portuguese - Brazil","ru-ru":"Russian","sv-se":"Swedish","zh-cn":"Chinese - People's Republic of China","zh-hk":"Chinese - Hong Kong SAR","cs-cz":"Czech","pt-pt":"Portuguese - Portugal","tr-tr":"Turkish","vi-vn":"Vietnamese","th-th":"Thai","he-il":"Hebrew","cy-gb":"Welsh","uk-ua":"Ukrainian","el-gr":"Greek","hu-hu":"Hungarian","ro-ro":"Romanian","sk-sk":"Slovak","zh-tw":"Chinese - Taiwan"},captionLanguageStrings:{ar:"Arabic",da:"Danish",de:"German",en:"English",es:"Spanish",fi:"Finnish","fr-ca":"French - Canada",fr:"French - France",hi:"Hindi",it:"Italian",ja:"Japanese",ko:"Korean",nb:"Norwegian (Bokmål)",nl:"Dutch",pl:"Polish",pt:"Portuguese - Brazil",ru:"Russian",sv:"Swedish","zh-Hans":"Chinese (Simplified)","zh-Hant":"Chinese (Traditional)",cs:"Czech","pt-pt":"Portuguese - Portugal",tr:"Turkish",vi:"Vietnamese",th:"Thai",he:"Hebrew",cy:"Welsh",uk:"Ukrainian",el:"Greek",hu:"Hungarian",ro:"Romanian",sk:"Slovak"},captionsBannerSpinnerText:"Starting captions...",transferPageTransferorText:"Transferring...",transferPageTransferTargetText:"Connecting...",transferPageUnknownTransferorDisplayName:"Unknown",transferPageUnknownTransferTargetDisplayName:"Unknown",transferPageNoticeString:"You are being transferred",participantCouldNotBeReachedTitle:"Target participant is currently not available",participantCouldNotBeReachedMoreDetails:"Please contact participant when they are available",permissionToReachTargetParticipantNotAllowedTitle:"Permission to reach target participant is not allowed",permissionToReachTargetParticipantNotAllowedMoreDetails:"Please check that the target participant is in the same tenant",unableToResolveTenantTitle:"Unable to resolve tenant id for the target participant",unableToResolveTenantMoreDetails:"Please check the participant id is entered correctly",participantIdIsMalformedTitle:"Participant id is not in the correct format",participantIdIsMalformedMoreDetails:"Please check that the participant id is in the correct format",moreButtonGalleryControlLabel:"View",moreButtonGalleryPositionToggleLabel:"Move gallery to top",moreButtonGallerySpeakerLayoutLabel:"Speaker",moreButtonGalleryFloatingLocalLayoutLabel:"Dynamic",moreButtonGalleryDefaultLayoutLabel:"Gallery view",moreButtonGalleryFocusedContentLayoutLabel:"Focus on content",moreButtonLargeGalleryDefaultLayoutLabel:"Large Gallery",capabilityChangedNotification:{turnVideoOn:{lostDueToMeetingOption:"Your camera has been disabled. You can no longer share video.",grantedDueToMeetingOption:"Your camera has been enabled. Turn it on if you'd like to share video."},unmuteMic:{lostDueToMeetingOption:"Your mic has been disabled. You can no longer unmute.",grantedDueToMeetingOption:"Your mic has been enabled. Unmute if you'd like to speak."},shareScreen:{lostDueToRoleChangeToAttendee:"Your role has been changed. Some actions, like sharing content, won't be available to you.",grantedDueToRoleChangeToPresenter:"You're a presenter. You can share content and facilitate the meeting."},hideAttendeeNames:{hideAttendeeNameAttendee:"Your name is hidden from other attendees. Organizers and presenters can see your real name.",hideAttendeeNamePresenter:"Attendee names are hidden. Only organizers and presenters can see names to protect attendee privacy."}},surveyTitle:"Help us improve",starSurveyHelperText:"How was the quality of the call?",starSurveyOneStarText:"The quality was bad.",starSurveyTwoStarText:"The quality was poor.",starSurveyThreeStarText:"The quality was good.",starSurveyFourStarText:"The quality was great.",starSurveyFiveStarText:"The quality was excellent.",surveyConfirmButtonLabel:"Send Feedback",starRatingAriaLabel:"Select {0} of {1} stars",surveySkipButtonLabel:"Skip",tagsSurveyQuestion:"What could have been better?",tagsSurveyTextFieldDefaultText:"Other, please specify",tagsSurveyHelperText:"Check any issues you experienced",endOfSurveyText:"Thank you for your feedback!",surveyIssues:{overallRating:{callCannotJoin:"I could not join call",callCannotInvite:"I could not invite others into the call",hadToRejoin:"I had to rejoin the call",callEndedUnexpectedly:"Call ended for me unexpectedly",otherIssues:"I was having other issues with the call"},audioRating:{noLocalAudio:"The other side could not hear any sound",noRemoteAudio:"I could not hear any sound",echo:"I heard echos on the call",audioNoise:"I heard noise on the call",lowVolume:"Volume was low",audioStoppedUnexpectedly:"Audio stopped unexpectedly",distortedSpeech:"Audio was distorted",audioInterruption:"Audio was interrupted",otherIssues:"I was having other audio issues in this call"},videoRating:{noVideoReceived:"I could not see any video",noVideoSent:"Others could not see me",lowQuality:"Video quality was low",freezes:"Video frozen",stoppedUnexpectedly:"Video stopped unexpectedly",darkVideoReceived:"I can only see dark screens when others turn on their camera",audioVideoOutOfSync:"Audio and Video was out of sync",otherIssues:"I was having other video issues in this call"},screenshareRating:{noContentLocal:"Other people could not see my screenshare",noContentRemote:"I could not see other people's screenshare",cannotPresent:"I could not present my screen",lowQuality:"Screen share quality was low",freezes:"Screen share frozen",stoppedUnexpectedly:"Screen share stopped unexpectedly",largeDelay:"Screen share has a large delay",otherIssues:"I was having other screen share issues in this call"}},surveyIssuesHeadingStrings:{overallRating:"Overall",audioRating:"Audio",videoRating:"Video",screenshareRating:"Presenting"},spotlightPrompt:{startSpotlightHeading:"Spotlight for everyone?",startSpotlightText:"You'll highlight this video for everyone in the meeting.",startSpotlightOnSelfText:"You'll highlight your video for everyone in the meeting.",startSpotlightConfirmButtonLabel:"Spotlight for everyone",startSpotlightCancelButtonLabel:"Cancel",stopSpotlightHeading:"Stop spotlighting this video?",stopSpotlightOnSelfHeading:"Exit spotlight?",stopAllSpotlightHeading:"Stop spotlighting all videos?",stopSpotlightText:"This video will no longer be highlighted for everyone in the meeting.",stopSpotlightOnSelfText:"Your video will no longer be highlighted for everyone in the meeting.",stopAllSpotlightText:"The videos will no longer be highlighted for everyone in the meeting.",stopSpotlightConfirmButtonLabel:"Stop spotlighting",stopSpotlightOnSelfConfirmButtonLabel:"Exit spotlight",stopSpotlightCancelButtonLabel:"Cancel"},exitSpotlightButtonLabel:"Exit spotlight",exitSpotlightButtonTooltip:"Exit spotlight",leaveConfirmButtonLabel:"Leave",endCallConfirmButtonLabel:"End call",hangUpCancelButtonLabel:"Cancel",leaveConfirmDialogTitle:"Leave the call?",leaveConfirmDialogContent:"Are you sure you want to leave the call?",endCallConfirmDialogTitle:"End the call?",endCallConfirmDialogContent:"You'll end the call for everyone.",invalidMeetingIdentifier:"Invalid meeting ID or passcode",pinParticipantMenuLabel:"Pin for me",pinParticipantLimitReachedMenuLabel:"Pin (limit reached)",unpinParticipantMenuLabel:"Unpin",pinParticipantMenuItemAriaLabel:"Pin",unpinParticipantMenuItemAriaLabel:"Unpin",muteAllMenuLabel:"Mute all",muteAllDialogTitle:"Mute everyone?",muteAllDialogContent:"This will mute everyone in the meeting but you.",muteAllConfirmButtonLabel:"Mute all",muteAllCancelButtonLabel:"Cancel",joinBreakoutRoomButtonLabel:"Join breakout room",returnFromBreakoutRoomButtonLabel:"Leave room",leaveBreakoutRoomAndMeetingButtonLabel:"Leave meeting",breakoutRoomJoinedNotificationTitle:"You've joined Breakout room '{roomName}'",joinBreakoutRoomBannerTitle:"Breakout room '{roomName}' is open",joinBreakoutRoomBannerButtonLabel:"Join",returnFromBreakoutRoomBannerTitle:"Return to main meeting",returnFromBreakoutRoomBannerButtonLabel:"Rejoin"};var chat$l={chatListHeader:"In this chat",uploadAttachment:"Upload Attachment",uploadImageDataNotProvided:"Image data is not provided.",uploadImageIsTooLarge:"Image is too large. Choose one that's less than {maxImageSize} MB.",uploadImageExtensionIsNotAllowed:"Uploading .{imageExtension} image is not allowed.",uploadImageFailed:"Unable to upload image. Please try again later."};var callWithChat$l={chatButtonLabel:"Chat",chatButtonNewMessageNotificationLabel:"New Message",chatButtonTooltipClosedWithMessageCount:"Show chat ({unreadMessagesCount} unread)",chatButtonTooltipClose:"Hide chat",chatButtonTooltipOpen:"Show chat",chatPaneTitle:"Chat",copyInviteLinkButtonLabel:"Copy invite link",copyInviteLinkButtonActionedLabel:"Link copied",copyInviteLinkActionedAriaLabel:"Invite link copied",dismissSidePaneButtonLabel:"Close",moreDrawerAudioDeviceMenuTitle:"Audio Device",moreDrawerButtonLabel:"More options",moreDrawerButtonTooltip:"More options",moreDrawerMicrophoneMenuTitle:"Microphone",moreDrawerSpeakerMenuTitle:"Speaker",moreDrawerCaptionsMenuTitle:"Live captions",moreDrawerSpokenLanguageMenuTitle:"Spoken language",moreDrawerCaptionLanguageMenuTitle:"Caption language",moreDrawerGalleryOptionsMenuTitle:"Gallery options",peopleButtonLabel:"People",selectedPeopleButtonLabel:"People Button Selected",peopleButtonTooltipOpen:"Show participants",peopleButtonTooltipClose:"Hide participants",peopleButtonTooltipOpenAriaLabel:"People button, Show participants",peopleButtonTooltipCloseAriaLabel:"People button, Hide participants",peoplePaneSubTitle:"In this call",peoplePaneTitle:"People",pictureInPictureTileAriaLabel:"Video Feeds. Click to return to call screen.",removeMenuLabel:"Remove",openDialpadButtonLabel:"Dial phone number",returnToCallButtonAriaDescription:"Return to Call",returnToCallButtonAriaLabel:"Back",peoplePaneAddPeopleButtonLabel:"Add People",dialpadStartCallButtonLabel:"Call",dialpadModalTitle:"Dial Phone Number",dialpadModalAriaLabel:"Dialpad",dialpadCloseModalButtonAriaLabel:"Close dialpad",openDtmfDialpadLabel:"Show dialpad",dtmfDialpadPlaceholderText:"Enter number",breakoutRoomChatPaneTitle:"Breakout Room Chat",chatContentSpinnerLabel:"Loading..."};var en_US = {call:call$l,chat:chat$l,callWithChat:callWithChat$l};
+var call$l={cameraLabel:"Camera",noCamerasLabel:"No cameras found",cameraPermissionDenied:"Your browser is blocking access to your camera",cameraTurnedOff:"Your camera is turned off",chatButtonLabel:"Chat",close:"Close",complianceBannerNowOnlyRecording:"You are now only recording this meeting.",complianceBannerNowOnlyTranscription:"You are now only transcribing this meeting.",complianceBannerRecordingAndTranscriptionSaved:"Recording and transcription are being saved.",complianceBannerRecordingAndTranscriptionStarted:"Recording and transcription have started.",complianceBannerRecordingAndTranscriptionStopped:"Recording and transcription have stopped.",complianceBannerRecordingSaving:"Recording is being saved.",complianceBannerRecordingStarted:"Recording has started.",complianceBannerRecordingStopped:"Recording has stopped.",complianceBannerTranscriptionStarted:"Transcription has started.",complianceBannerTranscriptionConsent:"By joining, you are giving consent for this meeting to be transcribed.",complianceBannerTranscriptionSaving:"Transcription is being saved.",complianceBannerTranscriptionStopped:"Transcription has stopped.",configurationPageTitle:"Start a call",copyInviteLinkButtonLabel:"Copy invite link",copyInviteLinkButtonActionedLabel:"Link copied",copyInviteLinkActionedAriaLabel:"Invite link copied",defaultPlaceHolder:"Select an option",dismissSidePaneButtonLabel:"Close",videoEffectsPaneTitle:"Effects",videoEffectsPaneBackgroundSelectionTitle:"Background",videoEffectsPaneAriaLabel:"Video effects pane",configurationPageVideoEffectsButtonLabel:"Effects",unableToStartVideoEffect:"Unable to apply video effect.",blurBackgroundEffectButtonLabel:"Blur",blurBackgroundTooltip:"Blur Background",removeBackgroundEffectButtonLabel:"None",removeBackgroundTooltip:"Remove Background",cameraOffBackgroundEffectWarningText:"Your camera is off. Turn on camera to see video effect.",failedToJoinCallDueToNoNetworkMoreDetails:"Call was disconnected due to a network issue. Check your connection and join again.",failedToJoinCallDueToNoNetworkTitle:"Call disconnected",failedToJoinTeamsMeetingReasonAccessDeniedMoreDetails:"You were not granted entry in the call. If this was a mistake, re-join the call.",failedToJoinTeamsMeetingReasonAccessDeniedTitle:"Dismissed from lobby",learnMore:"Learn more",leavingCallTitle:"Leaving...",leftCallMoreDetails:"If this was a mistake, re-join the call.",leftCallTitle:"You left the call",lobbyScreenConnectingToCallTitle:"Joining call",lobbyScreenWaitingToBeAdmittedTitle:"Waiting to be admitted",microphonePermissionDenied:"Your browser is blocking access to your microphone",microphoneToggleInLobbyNotAllowed:"Cannot mute or unmute while in lobby.",mutedMessage:"You're muted",networkReconnectMoreDetails:"Looks like something went wrong. We're trying to get back into the call.",networkReconnectTitle:"Hold on",notInvitedToRoomDetails:"You are not able to join this room because you do not have an invite.",notInvitedToRoomTitle:"Not invited to room",peopleButtonLabel:"People",selectedPeopleButtonLabel:"People Button Selected",peoplePaneTitle:"People",peoplePaneMoreButtonAriaLabel:"More",peopleButtonTooltipOpen:"Show participants",peopleButtonTooltipClose:"Hide participants",peoplePaneSubTitle:"In this call {numberOfPeople}",privacyPolicy:"Privacy policy",rejoinCallButtonLabel:"Re-join call",removedFromCallMoreDetails:"Another participant removed you from the call.",removedFromCallTitle:"You were removed",removeMenuLabel:"Remove",startSpotlightMenuLabel:"Spotlight for everyone",addSpotlightMenuLabel:"Add spotlight",stopSpotlightMenuLabel:"Stop spotlighting",stopSpotlightOnSelfMenuLabel:"Exit spotlight",spotlightLimitReachedMenuTitle:"Spotlight limit reached",stopAllSpotlightMenuLabel:"Stop all spotlights",returnToCallButtonAriaDescription:"Return to Call",returnToCallButtonAriaLabel:"Back",roomNotFoundDetails:"The room ID provided could not be found.",roomNotFoundTitle:"Room not found",roomNotValidDetails:"This room is not valid at this current time.",roomNotValidTitle:"Room not valid",inviteToRoomRemovedDetails:"Your invite to join this room was removed.",inviteToRoomRemovedTitle:"Invite to room removed",soundLabel:"Sound",noMicrophonesLabel:"No microphones found",noSpeakersLabel:"No speakers found",startCallButtonLabel:"Start call",openDialpadButtonLabel:"Dial phone number",peoplePaneAddPeopleButtonLabel:"Add People",dialpadStartCallButtonLabel:"Call",dialpadModalTitle:"Dial Phone Number",dialpadModalAriaLabel:"Dialpad",dialpadCloseModalButtonAriaLabel:"Close dialpad",moreButtonCallingLabel:"More",resumeCallButtonLabel:"Resume",resumingCallButtonLabel:"Resuming...",resumeCallButtonAriaLabel:"Resume call",resumingCallButtonAriaLabel:"Resume call",holdScreenLabel:"You're on hold",openDtmfDialpadLabel:"Show dialpad",dtmfDialpadPlaceholderText:"Enter number",outboundCallingNoticeString:"Calling...",participantJoinedNoticeString:"{displayName} joined",twoParticipantJoinedNoticeString:"{displayName1} and {displayName2} have joined",threeParticipantJoinedNoticeString:"{displayName1}, {displayName2} and {displayName3} have joined",participantLeftNoticeString:"{displayName} left",twoParticipantLeftNoticeString:"{displayName1} and {displayName2} have left",threeParticipantLeftNoticeString:"{displayName1}, {displayName2} and {displayName3} have left",unnamedParticipantString:"unnamed participant",manyUnnamedParticipantsJoined:"unnamed participant and {numOfParticipants} other participants joined",manyUnnamedParticipantsLeft:"unnamed participant and {numOfParticipants} other participants left",manyParticipantsJoined:"{displayName1}, {displayName2}, {displayName3} and {numOfParticipants} other participants joined",manyParticipantsLeft:"{displayName1}, {displayName2}, {displayName3} and {numOfParticipants} other participants left",liveCaptionsLabel:"Live captions",captionsSettingsLabel:"Caption settings",startCaptionsButtonOnLabel:"Turn on captions",startCaptionsButtonOffLabel:"Turn off captions",startCaptionsButtonTooltipOnContent:"Turn off captions",startCaptionsButtonTooltipOffContent:"Turn on captions",captionsSettingsModalTitle:"Captions Settings",captionsSettingsSpokenLanguageDropdownLabel:"Spoken language",captionsSettingsCaptionLanguageDropdownLabel:"Captions language",captionsSettingsSpokenLanguageDropdownInfoText:"Language that everyone on this call is speaking.",captionsSettingsCaptionLanguageDropdownInfoText:"Captions will appear in this langugage.",captionsSettingsConfirmButtonLabel:"Confirm",captionsSettingsCancelButtonLabel:"Cancel",captionsSettingsModalAriaLabel:"Captions Setting Modal",captionsSettingsCloseModalButtonAriaLabel:"Close Captions Setting",captionsBannerMoreButtonCallingLabel:"More",captionsBannerMoreButtonTooltip:"More options",dismissModalAriaLabel:"Local and remote picture and picture, press enter to return to call",callRejectedTitle:"The call could not be completed",callRejectedMoreDetails:"The person you are trying to reach is unavailable. Please try again later.",callTimeoutTitle:"The call could not be completed",callTimeoutDetails:"The person you are trying to reach is unavailable. Please try again later.",callTimeoutBotTitle:"The call could not be completed",callTimeoutBotDetails:"The service that you are trying to reach is unavailable. Please try again later.",dtmfDialerButtonLabel:"Dialpad",dtmfDialerButtonTooltipOn:"Show dialpad",dtmfDialerButtonTooltipOff:"Hide dialpad",dtmfDialerMoreButtonLabelOn:"Show dialpad",dtmfDialerMoreButtonLabelOff:"Hide dialpad",phoneCallMoreButtonLabel:"Phone Call",spokenLanguageStrings:{"ar-ae":"Arabic - U.A.E.","ar-sa":"Arabic - Saudi Arabia","da-dk":"Danish","de-de":"German - Germany","en-au":"English - Australia","en-ca":"English - Canada","en-gb":"English - United Kingdom","en-in":"English - India","en-nz":"English - New Zealand","en-us":"English - United States","es-es":"Spanish - Spain (Modern Sort)","es-mx":"Spanish - Mexico","fi-fi":"Finnish","fr-ca":"French - Canada","fr-fr":"French - France","hi-in":"Hindi","it-it":"Italian - Italy","ja-jp":"Japanese","ko-kr":"Korean","nb-no":"Norwegian (Bokmål)","nl-be":"Dutch - Belgium","nl-nl":"Dutch - Netherlands","pl-pl":"Polish","pt-br":"Portuguese - Brazil","ru-ru":"Russian","sv-se":"Swedish","zh-cn":"Chinese - People's Republic of China","zh-hk":"Chinese - Hong Kong SAR","cs-cz":"Czech","pt-pt":"Portuguese - Portugal","tr-tr":"Turkish","vi-vn":"Vietnamese","th-th":"Thai","he-il":"Hebrew","cy-gb":"Welsh","uk-ua":"Ukrainian","el-gr":"Greek","hu-hu":"Hungarian","ro-ro":"Romanian","sk-sk":"Slovak","zh-tw":"Chinese - Taiwan"},captionLanguageStrings:{ar:"Arabic",da:"Danish",de:"German",en:"English",es:"Spanish",fi:"Finnish","fr-ca":"French - Canada",fr:"French - France",hi:"Hindi",it:"Italian",ja:"Japanese",ko:"Korean",nb:"Norwegian (Bokmål)",nl:"Dutch",pl:"Polish",pt:"Portuguese - Brazil",ru:"Russian",sv:"Swedish","zh-Hans":"Chinese (Simplified)","zh-Hant":"Chinese (Traditional)",cs:"Czech","pt-pt":"Portuguese - Portugal",tr:"Turkish",vi:"Vietnamese",th:"Thai",he:"Hebrew",cy:"Welsh",uk:"Ukrainian",el:"Greek",hu:"Hungarian",ro:"Romanian",sk:"Slovak"},captionsBannerSpinnerText:"Starting captions...",transferPageTransferorText:"Transferring...",transferPageTransferTargetText:"Connecting...",transferPageUnknownTransferorDisplayName:"Unknown",transferPageUnknownTransferTargetDisplayName:"Unknown",transferPageNoticeString:"You are being transferred",participantCouldNotBeReachedTitle:"Target participant is currently not available",participantCouldNotBeReachedMoreDetails:"Please contact participant when they are available",permissionToReachTargetParticipantNotAllowedTitle:"Permission to reach target participant is not allowed",permissionToReachTargetParticipantNotAllowedMoreDetails:"Please check that the target participant is in the same tenant",unableToResolveTenantTitle:"Unable to resolve tenant id for the target participant",unableToResolveTenantMoreDetails:"Please check the participant id is entered correctly",participantIdIsMalformedTitle:"Participant id is not in the correct format",participantIdIsMalformedMoreDetails:"Please check that the participant id is in the correct format",moreButtonGalleryControlLabel:"View",moreButtonGalleryPositionToggleLabel:"Move gallery to top",moreButtonGallerySpeakerLayoutLabel:"Speaker",moreButtonGalleryFloatingLocalLayoutLabel:"Dynamic",moreButtonGalleryDefaultLayoutLabel:"Gallery view",moreButtonGalleryFocusedContentLayoutLabel:"Focus on content",moreButtonLargeGalleryDefaultLayoutLabel:"Large Gallery",capabilityChangedNotification:{turnVideoOn:{lostDueToMeetingOption:"Your camera has been disabled. You can no longer share video.",grantedDueToMeetingOption:"Your camera has been enabled. Turn it on if you'd like to share video."},unmuteMic:{lostDueToMeetingOption:"Your mic has been disabled. You can no longer unmute.",grantedDueToMeetingOption:"Your mic has been enabled. Unmute if you'd like to speak."},shareScreen:{lostDueToRoleChangeToAttendee:"Your role has been changed. Some actions, like sharing content, won't be available to you.",grantedDueToRoleChangeToPresenter:"You're a presenter. You can share content and facilitate the meeting."},hideAttendeeNames:{hideAttendeeNameAttendee:"Your name is hidden from other attendees. Organizers and presenters can see your real name.",hideAttendeeNamePresenter:"Attendee names are hidden. Only organizers and presenters can see names to protect attendee privacy."}},surveyTitle:"Help us improve",starSurveyHelperText:"How was the quality of the call?",starSurveyOneStarText:"The quality was bad.",starSurveyTwoStarText:"The quality was poor.",starSurveyThreeStarText:"The quality was good.",starSurveyFourStarText:"The quality was great.",starSurveyFiveStarText:"The quality was excellent.",surveyConfirmButtonLabel:"Send Feedback",starRatingAriaLabel:"Select {0} of {1} stars",surveySkipButtonLabel:"Skip",tagsSurveyQuestion:"What could have been better?",tagsSurveyTextFieldDefaultText:"Other, please specify",tagsSurveyHelperText:"Check any issues you experienced",endOfSurveyText:"Thank you for your feedback!",surveyIssues:{overallRating:{callCannotJoin:"I could not join call",callCannotInvite:"I could not invite others into the call",hadToRejoin:"I had to rejoin the call",callEndedUnexpectedly:"Call ended for me unexpectedly",otherIssues:"I was having other issues with the call"},audioRating:{noLocalAudio:"The other side could not hear any sound",noRemoteAudio:"I could not hear any sound",echo:"I heard echos on the call",audioNoise:"I heard noise on the call",lowVolume:"Volume was low",audioStoppedUnexpectedly:"Audio stopped unexpectedly",distortedSpeech:"Audio was distorted",audioInterruption:"Audio was interrupted",otherIssues:"I was having other audio issues in this call"},videoRating:{noVideoReceived:"I could not see any video",noVideoSent:"Others could not see me",lowQuality:"Video quality was low",freezes:"Video frozen",stoppedUnexpectedly:"Video stopped unexpectedly",darkVideoReceived:"I can only see dark screens when others turn on their camera",audioVideoOutOfSync:"Audio and Video was out of sync",otherIssues:"I was having other video issues in this call"},screenshareRating:{noContentLocal:"Other people could not see my screenshare",noContentRemote:"I could not see other people's screenshare",cannotPresent:"I could not present my screen",lowQuality:"Screen share quality was low",freezes:"Screen share frozen",stoppedUnexpectedly:"Screen share stopped unexpectedly",largeDelay:"Screen share has a large delay",otherIssues:"I was having other screen share issues in this call"}},surveyIssuesHeadingStrings:{overallRating:"Overall",audioRating:"Audio",videoRating:"Video",screenshareRating:"Presenting"},spotlightPrompt:{startSpotlightHeading:"Spotlight for everyone?",startSpotlightText:"You'll highlight this video for everyone in the meeting.",startSpotlightOnSelfText:"You'll highlight your video for everyone in the meeting.",startSpotlightConfirmButtonLabel:"Spotlight for everyone",startSpotlightCancelButtonLabel:"Cancel",stopSpotlightHeading:"Stop spotlighting this video?",stopSpotlightOnSelfHeading:"Exit spotlight?",stopAllSpotlightHeading:"Stop spotlighting all videos?",stopSpotlightText:"This video will no longer be highlighted for everyone in the meeting.",stopSpotlightOnSelfText:"Your video will no longer be highlighted for everyone in the meeting.",stopAllSpotlightText:"The videos will no longer be highlighted for everyone in the meeting.",stopSpotlightConfirmButtonLabel:"Stop spotlighting",stopSpotlightOnSelfConfirmButtonLabel:"Exit spotlight",stopSpotlightCancelButtonLabel:"Cancel"},exitSpotlightButtonLabel:"Exit spotlight",exitSpotlightButtonTooltip:"Exit spotlight",leaveConfirmButtonLabel:"Leave",endCallConfirmButtonLabel:"End call",hangUpCancelButtonLabel:"Cancel",leaveConfirmDialogTitle:"Leave the call?",leaveConfirmDialogContent:"Are you sure you want to leave the call?",endCallConfirmDialogTitle:"End the call?",endCallConfirmDialogContent:"You'll end the call for everyone.",invalidMeetingIdentifier:"Invalid meeting ID or passcode",pinParticipantMenuLabel:"Pin for me",pinParticipantLimitReachedMenuLabel:"Pin (limit reached)",unpinParticipantMenuLabel:"Unpin",pinParticipantMenuItemAriaLabel:"Pin",unpinParticipantMenuItemAriaLabel:"Unpin",muteAllMenuLabel:"Mute all",muteAllDialogTitle:"Mute everyone?",muteAllDialogContent:"This will mute everyone in the meeting but you.",muteAllConfirmButtonLabel:"Mute all",muteAllCancelButtonLabel:"Cancel",joinBreakoutRoomButtonLabel:"Join breakout room",returnFromBreakoutRoomButtonLabel:"Leave room",leaveBreakoutRoomAndMeetingButtonLabel:"Leave meeting",breakoutRoomJoinedNotificationTitle:"You've joined Breakout room '{roomName}'",joinBreakoutRoomBannerTitle:"Breakout room '{roomName}' is open",joinBreakoutRoomBannerButtonLabel:"Join",returnFromBreakoutRoomBannerTitle:"Return to main meeting",returnFromBreakoutRoomBannerButtonLabel:"Rejoin"};var chat$l={chatListHeader:"In this chat",uploadAttachment:"Upload Attachment",uploadImageDataNotProvided:"Image data is not provided.",uploadImageIsTooLarge:"Image is too large. Choose one that's less than {maxImageSize} MB.",uploadImageExtensionIsNotAllowed:"Uploading .{imageExtension} image is not allowed.",uploadImageFailed:"Unable to upload image. Please try again later."};var callWithChat$l={chatButtonLabel:"Chat",chatButtonNewMessageNotificationLabel:"New Message",chatButtonTooltipClosedWithMessageCount:"Show chat ({unreadMessagesCount} unread)",chatButtonTooltipClose:"Hide chat",chatButtonTooltipOpen:"Show chat",chatPaneTitle:"Chat",copyInviteLinkButtonLabel:"Copy invite link",copyInviteLinkButtonActionedLabel:"Link copied",copyInviteLinkActionedAriaLabel:"Invite link copied",dismissSidePaneButtonLabel:"Close",moreDrawerAudioDeviceMenuTitle:"Audio Device",moreDrawerButtonLabel:"More options",moreDrawerButtonTooltip:"More options",moreDrawerMicrophoneMenuTitle:"Microphone",moreDrawerSpeakerMenuTitle:"Speaker",moreDrawerCaptionsMenuTitle:"Live captions",moreDrawerSpokenLanguageMenuTitle:"Spoken language",moreDrawerCaptionLanguageMenuTitle:"Caption language",moreDrawerGalleryOptionsMenuTitle:"Gallery options",peopleButtonLabel:"People",selectedPeopleButtonLabel:"People Button Selected",peopleButtonTooltipOpen:"Show participants",peopleButtonTooltipClose:"Hide participants",peopleButtonTooltipOpenAriaLabel:"People button, Show participants",peopleButtonTooltipCloseAriaLabel:"People button, Hide participants",peoplePaneSubTitle:"In this call",peoplePaneTitle:"People",pictureInPictureTileAriaLabel:"Video Feeds. Click to return to call screen.",removeMenuLabel:"Remove",openDialpadButtonLabel:"Dial phone number",returnToCallButtonAriaDescription:"Return to Call",returnToCallButtonAriaLabel:"Back",peoplePaneAddPeopleButtonLabel:"Add People",dialpadStartCallButtonLabel:"Call",dialpadModalTitle:"Dial Phone Number",dialpadModalAriaLabel:"Dialpad",dialpadCloseModalButtonAriaLabel:"Close dialpad",openDtmfDialpadLabel:"Show dialpad",dtmfDialpadPlaceholderText:"Enter number",breakoutRoomChatPaneTitle:"Breakout Room Chat",chatContentSpinnerLabel:"Loading..."};var en_US = {call:call$l,chat:chat$l,callWithChat:callWithChat$l};
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
@@ -29774,7 +29808,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-BQc7785_.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper })));
+const RichTextSendBoxWrapper = React.lazy(() => Promise.resolve().then(function () { return require('./RichTextSendBoxWrapper-CMAkkxJl.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper })));
 /**
  * @private
  * Use this function to load RoosterJS dependencies early in the lifecycle.
@@ -29782,7 +29816,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-BQc7785_.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper }));
+const loadRichTextSendBox = () => Promise.resolve().then(function () { return require('./RichTextSendBoxWrapper-CMAkkxJl.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper }));
 /**
  * @private
  */
@@ -30114,6 +30148,31 @@ const ImageUploadReducer = (state, action) => {
     }
 };
 
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+/**
+ * @private
+ */
+const useSelector$2 = (selector, selectorProps) => {
+    // use selector with no adaptation
+    return useSelectorWithAdaptation$1(selector, (state) => state, selectorProps);
+};
+
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+/** @private */
+const getUserId = (state) => state.userId;
+/** @private */
+const getThreadId = (state) => state.thread.threadId;
+/** @private */
+const getChatMessages = (state) => state.thread.chatMessages;
+/* @conditional-compile-remove(rich-text-editor-image-upload) */
+/** @private */
+const getTextOnlyChat = (state) => { var _a, _b; return (_b = (_a = state.thread.properties) === null || _a === void 0 ? void 0 : _a.messagingPolicy) === null || _b === void 0 ? void 0 : _b.textOnlyChat; };
+/* @conditional-compile-remove(rich-text-editor-image-upload) */
+/** @private */
+const getCreatedBy = (state) => { var _a; return (_a = state.thread.properties) === null || _a === void 0 ? void 0 : _a.createdBy; };
+
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 var __awaiter$r = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
@@ -30145,29 +30204,15 @@ const ChatScreen = (props) => {
     /* @conditional-compile-remove(rich-text-editor-image-upload) */
     const localeStrings = useLocale().strings;
     /* @conditional-compile-remove(rich-text-editor-image-upload) */
-    const [textOnlyChat, setTextOnlyChat] = React.useState(false);
+    const textOnlyChat = !!useSelector$2(getTextOnlyChat);
+    /* @conditional-compile-remove(rich-text-editor-image-upload) */
+    const createdBy = useSelector$2(getCreatedBy);
     /* @conditional-compile-remove(rich-text-editor-image-upload) */
-    const [isACSChat, setIsACSChat] = React.useState(false);
+    const isACSChat = createdBy && !communicationCommon.isMicrosoftTeamsUserIdentifier(createdBy);
     /* @conditional-compile-remove(rich-text-editor-image-upload) */
     const [editBoxInlineImageUploads, handleEditBoxInlineImageUploadAction] = React.useReducer(ImageUploadReducer, undefined);
     /* @conditional-compile-remove(rich-text-editor-image-upload) */
     const [sendBoxInlineImageUploads, handleSendBoxInlineImageUploadAction] = React.useReducer(ImageUploadReducer, undefined);
-    /* @conditional-compile-remove(rich-text-editor-image-upload) */
-    React.useEffect(() => {
-        const updateChatState = (newState) => {
-            var _a, _b, _c, _d;
-            setTextOnlyChat(((_b = (_a = newState.thread.properties) === null || _a === void 0 ? void 0 : _a.messagingPolicy) === null || _b === void 0 ? void 0 : _b.textOnlyChat) === true);
-            if ((_c = newState.thread.properties) === null || _c === void 0 ? void 0 : _c.createdBy) {
-                setIsACSChat(!communicationCommon.isMicrosoftTeamsUserIdentifier((_d = newState.thread.properties) === null || _d === void 0 ? void 0 : _d.createdBy));
-            }
-        };
-        // set initial state for textOnlyChat and isACSChat
-        updateChatState(adapter.getState());
-        adapter.onStateChange(updateChatState);
-        return () => {
-            adapter.offStateChange(updateChatState);
-        };
-    }, [adapter]);
     React.useEffect(() => {
         // Initial data should be always fetched by the composite(or external caller) instead of the adapter
         const fetchData = () => __awaiter$r(void 0, void 0, void 0, function* () {
@@ -30191,25 +30236,30 @@ const ChatScreen = (props) => {
     const typingIndicatorProps = usePropsFor$2(TypingIndicator);
     const headerProps = useAdaptedSelector$1(getHeaderProps);
     const errorBarProps = usePropsFor$2(ErrorBar);
+    const overlayImageItemRef = React.useRef(overlayImageItem);
+    overlayImageItemRef.current = overlayImageItem;
+    const adapterChatMessages = useSelector$2(getChatMessages);
     React.useEffect(() => {
-        if (overlayImageItem === undefined) {
+        if (overlayImageItemRef.current === undefined) {
             return;
         }
-        const message = adapter.getState().thread.chatMessages[overlayImageItem.messageId];
+        const message = adapterChatMessages[overlayImageItemRef.current.messageId];
         if (message === undefined) {
             return;
         }
         const resourceCache = message.resourceCache;
-        if (overlayImageItem.imageSrc === '' && resourceCache && resourceCache[overlayImageItem.imageUrl]) {
-            const fullSizeImageSrc = getResourceSourceUrl(resourceCache[overlayImageItem.imageUrl]);
-            if (fullSizeImageSrc === undefined || fullSizeImageSrc === '' || overlayImageItem.imageSrc === fullSizeImageSrc) {
+        if (overlayImageItemRef.current.imageSrc === '' &&
+            resourceCache &&
+            resourceCache[overlayImageItemRef.current.imageUrl]) {
+            const fullSizeImageSrc = getResourceSourceUrl(resourceCache[overlayImageItemRef.current.imageUrl]);
+            if (fullSizeImageSrc === undefined ||
+                fullSizeImageSrc === '' ||
+                overlayImageItemRef.current.imageSrc === fullSizeImageSrc) {
                 return;
             }
-            setOverlayImageItem(Object.assign(Object.assign({}, overlayImageItem), { imageSrc: fullSizeImageSrc }));
+            setOverlayImageItem(Object.assign(Object.assign({}, overlayImageItemRef.current), { imageSrc: fullSizeImageSrc }));
         }
-        // Disable eslint because we are using the overlayImageItem in this effect but don't want to have it as a dependency, as it will cause an infinite loop.
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [messageThreadProps.messages]);
+    }, [adapterChatMessages]);
     const getResourceSourceUrl = (result) => {
         let src = '';
         if (result.error || !result.sourceUrl) {
@@ -30232,7 +30282,8 @@ const ChatScreen = (props) => {
     const sendBoxStyles = React.useMemo(() => {
         return Object.assign({}, styles === null || styles === void 0 ? void 0 : styles.sendBox);
     }, [styles === null || styles === void 0 ? void 0 : styles.sendBox]);
-    const userId = toFlatCommunicationIdentifier(adapter.getState().userId);
+    const userIdObject = useSelector$2(getUserId);
+    const userId = toFlatCommunicationIdentifier(userIdObject);
     /* @conditional-compile-remove(file-sharing-acs) */
     const setKeyboardFocusAfterFileSelection = React.useCallback(() => {
         var _a;
@@ -30296,9 +30347,10 @@ const ChatScreen = (props) => {
                 setDownloadErrorMessage(errorMessage);
             } })) : (React.createElement(React.Fragment, null));
     }, [(_b = attachmentOptions === null || attachmentOptions === void 0 ? void 0 : attachmentOptions.downloadOptions) === null || _b === void 0 ? void 0 : _b.actionsForAttachment]);
+    const threadId = useSelector$2(getThreadId);
     const onInlineImageClicked = React.useCallback((attachmentId, messageId) => {
         var _a, _b;
-        const message = adapter.getState().thread.chatMessages[messageId];
+        const message = adapterChatMessages[messageId];
         const inlinedImages = (_b = (_a = message.content) === null || _a === void 0 ? void 0 : _a.attachments) === null || _b === void 0 ? void 0 : _b.filter((attachment) => {
             return attachment.attachmentType === 'image' && attachment.id === attachmentId;
         });
@@ -30314,8 +30366,8 @@ const ChatScreen = (props) => {
             }
             else {
                 adapter.downloadResourceToCache({
-                    threadId: adapter.getState().thread.threadId,
-                    messageId: messageId,
+                    threadId,
+                    messageId,
                     resourceUrl: attachment.url
                 });
             }
@@ -30338,10 +30390,10 @@ const ChatScreen = (props) => {
         };
         setIsImageOverlayOpen(true);
         setOverlayImageItem(overlayImage);
-    }, [adapter, onRenderAvatarCallback, userId]);
+    }, [adapter, adapterChatMessages, onRenderAvatarCallback, userId, threadId]);
     const onRenderInlineImage = React.useCallback((inlineImage, defaultOnRender) => {
         var _a, _b;
-        const message = adapter.getState().thread.chatMessages[inlineImage.messageId];
+        const message = adapterChatMessages[inlineImage.messageId];
         const attachment = (_b = (_a = message === null || message === void 0 ? void 0 : message.content) === null || _a === void 0 ? void 0 : _a.attachments) === null || _b === void 0 ? void 0 : _b.find((attachment) => attachment.id === inlineImage.imageAttributes.id);
         if (attachment === undefined) {
             return defaultOnRender(inlineImage);
@@ -30359,7 +30411,7 @@ const ChatScreen = (props) => {
                     onInlineImageClicked(inlineImage.imageAttributes.id || '', inlineImage.messageId);
                 }
             }, style: { cursor: 'pointer', pointerEvents } }, defaultOnRender(inlineImage)));
-    }, [adapter, onInlineImageClicked]);
+    }, [adapterChatMessages, onInlineImageClicked]);
     const inlineImageOptions = React.useMemo(() => {
         return { onRenderInlineImage: onRenderInlineImage };
     }, [onRenderInlineImage]);
@@ -30462,7 +30514,7 @@ const ChatScreen = (props) => {
     /* @conditional-compile-remove(rich-text-editor-composite-support) */
     const richTextEditorOptions = React.useMemo(() => {
         /* @conditional-compile-remove(rich-text-editor-image-upload) */
-        const onPasteCallback = isACSChat || textOnlyChat ? removeImageTags : undefined;
+        const onPasteCallback = !!isACSChat || textOnlyChat ? removeImageTags : undefined;
         return (options === null || options === void 0 ? void 0 : options.richTextEditor)
             ? {
                 /* @conditional-compile-remove(rich-text-editor-image-upload) */ onPaste: onPasteCallback
@@ -30559,7 +30611,7 @@ const ChatScreen = (props) => {
                 setOverlayImageItem(undefined);
                 setIsImageOverlayOpen(false);
                 adapter.removeResourceFromCache({
-                    threadId: adapter.getState().thread.threadId,
+                    threadId,
                     messageId: overlayImageItem.messageId,
                     resourceUrl: overlayImageItem.imageUrl
                 });
@@ -31344,6 +31396,180 @@ function computeComplianceNotification(complianceProps, cachedProps) {
     }
 }
 
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+/**
+ * @private
+ */
+const useSelector$1 = (selector, selectorProps) => {
+    // use selector with no adaptation
+    return useSelectorWithAdaptation(selector, (state) => state, selectorProps);
+};
+
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+/**
+ * @private
+ */
+const getDisplayName = (state) => state.displayName;
+/**
+ * @private
+ */
+const getEndedCall = (state) => state.endedCall;
+/**
+ * @private
+ */
+const getCallStatus = (state) => { var _a, _b; return (_b = (_a = state.call) === null || _a === void 0 ? void 0 : _a.state) !== null && _b !== void 0 ? _b : 'None'; };
+/**
+ * @private
+ */
+const getDeviceManager = (state) => state.devices;
+/**
+ * @private
+ */
+const getIsScreenShareOn = (state) => { var _a, _b; return (_b = (_a = state.call) === null || _a === void 0 ? void 0 : _a.isScreenSharingOn) !== null && _b !== void 0 ? _b : false; };
+/**
+ * @private
+ */
+const getLocalParticipantRaisedHand = (state) => { var _a; return (_a = state.call) === null || _a === void 0 ? void 0 : _a.raiseHand.localParticipantRaisedHand; };
+/**
+ * @private
+ */
+const getCapabilites = (state) => { var _a, _b; return (_b = (_a = state.call) === null || _a === void 0 ? void 0 : _a.capabilitiesFeature) === null || _b === void 0 ? void 0 : _b.capabilities; };
+/**
+ * @private
+ */
+const getMicrophones = (state) => state.devices.microphones;
+/**
+ * @private
+ */
+const getCameras = (state) => state.devices.cameras;
+/**
+ * @private
+ */
+const getRole = (state) => { var _a; return (_a = state.call) === null || _a === void 0 ? void 0 : _a.role; };
+/**
+ * @private
+ */
+const getPage = (state) => state.page;
+/**
+ * @private
+ */
+const getTransferCall = (state) => state.acceptedTransferCallState;
+/**
+ * @private
+ */
+const getLocalMicrophoneEnabled = (state) => state.isLocalPreviewMicrophoneEnabled;
+/**
+ * @private
+ */
+const getLocalVideoStreams = (state) => { var _a; return (_a = state.call) === null || _a === void 0 ? void 0 : _a.localVideoStreams; };
+/**
+ * @private
+ */
+const getIsTranscriptionActive = (state) => { var _a; return !!((_a = state.call) === null || _a === void 0 ? void 0 : _a.transcription.isTranscriptionActive); };
+/**
+ * @private
+ */
+const getIsRecordingActive = (state) => { var _a; return !!((_a = state.call) === null || _a === void 0 ? void 0 : _a.recording.isRecordingActive); };
+/**
+ * @private
+ */
+const getUserFacingDiagnostics = (state) => { var _a; return (_a = state.call) === null || _a === void 0 ? void 0 : _a.diagnostics; };
+/**
+ * @private
+ */
+const getDominantSpeakerInfo = (state) => { var _a; return (_a = state.call) === null || _a === void 0 ? void 0 : _a.dominantSpeakers; };
+/**
+ * @private
+ */
+const getRemoteParticipants = (state) => { var _a; return (_a = state.call) === null || _a === void 0 ? void 0 : _a.remoteParticipants; };
+/* @conditional-compile-remove(unsupported-browser) */
+/**
+ * @private
+ */
+const getEnvironmentInfo = (state) => state.environmentInfo;
+/**
+ * @private
+ */
+const getSelectedVideoEffect = (state) => state.selectedVideoBackgroundEffect;
+/* @conditional-compile-remove(acs-close-captions) */
+/** @private */
+const getCaptionsKind = (state) => {
+    var _a;
+    return (_a = state.call) === null || _a === void 0 ? void 0 : _a.captionsFeature.captionsKind;
+};
+/** @private */
+const getCaptionsStatus = (state) => {
+    var _a;
+    return (_a = state.call) === null || _a === void 0 ? void 0 : _a.captionsFeature.isCaptionsFeatureActive;
+};
+/**
+ * @private
+ */
+const getIsTeamsCall = (state) => state.isTeamsCall;
+/**
+ * @private
+ */
+const getIsTeamsMeeting = (state) => state.isTeamsMeeting;
+/**
+ * @private
+ */
+const getTeamsMeetingCoordinates = (state) => { var _a, _b; return (_b = (_a = state.call) === null || _a === void 0 ? void 0 : _a.meetingConference) === null || _b === void 0 ? void 0 : _b.conferencePhones; };
+/**
+ * @private
+ */
+const getLatestCapabilitiesChangedInfo = (state) => {
+    var _a, _b;
+    return (_b = (_a = state.call) === null || _a === void 0 ? void 0 : _a.capabilitiesFeature) === null || _b === void 0 ? void 0 : _b.latestCapabilitiesChangeInfo;
+};
+/**
+ * @private
+ */
+const getTargetCallees = (state) => state.targetCallees;
+/**
+ * @private
+ */
+const getStartTime = (state) => { var _a; return (_a = state.call) === null || _a === void 0 ? void 0 : _a.startTime; };
+/**
+ * @private
+ */
+const getSpotlightedParticipants = (state) => { var _a, _b; return (_b = (_a = state.call) === null || _a === void 0 ? void 0 : _a.spotlight) === null || _b === void 0 ? void 0 : _b.spotlightedParticipants; };
+/* @conditional-compile-remove(breakout-rooms) */
+/**
+ * @private
+ */
+const getAssignedBreakoutRoom = (state) => { var _a, _b; return (_b = (_a = state.call) === null || _a === void 0 ? void 0 : _a.breakoutRooms) === null || _b === void 0 ? void 0 : _b.assignedBreakoutRoom; };
+/* @conditional-compile-remove(breakout-rooms) */
+/**
+ * @private
+ */
+const getBreakoutRoomSettings = (state) => { var _a, _b; return (_b = (_a = state.call) === null || _a === void 0 ? void 0 : _a.breakoutRooms) === null || _b === void 0 ? void 0 : _b.breakoutRoomSettings; };
+/* @conditional-compile-remove(breakout-rooms) */
+/**
+ * @private
+ */
+const getBreakoutRoomDisplayName = (state) => { var _a, _b; return (_b = (_a = state.call) === null || _a === void 0 ? void 0 : _a.breakoutRooms) === null || _b === void 0 ? void 0 : _b.breakoutRoomDisplayName; };
+/** @private */
+const getVideoEffectsDependency = (state) => state.onResolveVideoEffectDependency;
+/* @conditional-compile-remove(DNS) */
+/** @private */
+const getDeepNoiseSuppresionEffectsDependency = (state) => state.onResolveDeepNoiseSuppressionDependency;
+/* @conditional-compile-remove(DNS) */
+/** @private */
+const getDeepNoiseSuppresionIsOnByDefault = (state) => state.deepNoiseSuppressionOnByDefault;
+/* @conditional-compile-remove(DNS) */
+/** @private */
+const getHideDeepNoiseSupressionButton = (state) => state.hideDeepNoiseSuppressionButton;
+/** @private */
+const getReactionResources = (state) => state.reactions;
+/** @private */
+const getAlternateCallerId = (state) => state.alternateCallerId;
+/** @private */
+const getIsRoomsCall = (state) => state.isRoomsCall;
+/** @private */
+const getVideoBackgroundImages = (state) => state.videoBackgroundImages;
+
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 var __awaiter$p = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
@@ -31362,9 +31588,8 @@ var __awaiter$p = (window && window.__awaiter) || function (thisArg, _arguments,
 const useHandlers = (
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 _component) => {
-    var _a, _b;
     const adapter = useAdapter();
-    const capabilities = (_b = (_a = adapter.getState().call) === null || _a === void 0 ? void 0 : _a.capabilitiesFeature) === null || _b === void 0 ? void 0 : _b.capabilities;
+    const capabilities = useSelector$1(getCapabilites);
     return createCompositeHandlers(adapter, capabilities);
 };
 const createCompositeHandlers = memoizeOne((adapter, capabilities) => {
@@ -31835,13 +32060,13 @@ const usePropsFor$1 = (component) => {
  * @private
  */
 const Camera = (props) => {
-    var _a, _b, _c;
+    var _a;
     const cameraButtonProps = usePropsFor$1(CameraButton);
     const styles = React.useMemo(() => { var _a; return concatButtonBaseStyles((_a = props.styles) !== null && _a !== void 0 ? _a : {}); }, [props.styles]);
-    const adapter = useAdapter();
-    const isRoomsCall = adapter.getState().isRoomsCall;
-    const turnVideoOnCapability = (_b = (_a = adapter.getState().call) === null || _a === void 0 ? void 0 : _a.capabilitiesFeature) === null || _b === void 0 ? void 0 : _b.capabilities.turnVideoOn;
-    return (React.createElement(CameraButton, Object.assign({ "data-ui-id": "call-composite-camera-button" }, cameraButtonProps, { showLabel: props.displayType !== 'compact', styles: styles, enableDeviceSelectionMenu: props.splitButtonsForDeviceSelection, disableTooltip: props.disableTooltip, disabled: cameraButtonProps.disabled || props.disabled || (isRoomsCall && ((_c = adapter.getState().call) === null || _c === void 0 ? void 0 : _c.role) === 'Unknown'), onRenderOffIcon: turnVideoOnCapability && !turnVideoOnCapability.isPresent
+    const isRoomsCall = useSelector$1(getIsRoomsCall);
+    const role = useSelector$1(getRole);
+    const turnVideoOnCapability = (_a = useSelector$1(getCapabilites)) === null || _a === void 0 ? void 0 : _a.turnVideoOn;
+    return (React.createElement(CameraButton, Object.assign({ "data-ui-id": "call-composite-camera-button" }, cameraButtonProps, { showLabel: props.displayType !== 'compact', styles: styles, enableDeviceSelectionMenu: props.splitButtonsForDeviceSelection, disableTooltip: props.disableTooltip, disabled: cameraButtonProps.disabled || props.disabled || !!(isRoomsCall && role === 'Unknown'), onRenderOffIcon: turnVideoOnCapability && !turnVideoOnCapability.isPresent
             ? () => React.createElement(_HighContrastAwareIcon, { disabled: true, iconName: 'ControlButtonCameraProhibited' })
             : undefined, onClickVideoEffects: props.onClickVideoEffects, componentRef: props.componentRef })));
 };
@@ -31850,10 +32075,9 @@ const Camera = (props) => {
 // Licensed under the MIT License.
 /** @private */
 const Devices = (props) => {
-    var _a, _b;
+    var _a;
     const devicesButtonProps = usePropsFor$1(DevicesButton);
-    const adapter = useAdapter();
-    const role = (_b = (_a = adapter.getState().call) === null || _a === void 0 ? void 0 : _a.role) !== null && _b !== void 0 ? _b : 'Unknown';
+    const role = (_a = useSelector$1(getRole)) !== null && _a !== void 0 ? _a : 'Unknown';
     const augmentedDeviceButtonProps = React.useMemo(() => (Object.assign(Object.assign({}, devicesButtonProps), { microphones: role === 'Consumer' ? [] : devicesButtonProps.microphones, cameras: role === 'Consumer' ? [] : devicesButtonProps.cameras })), [devicesButtonProps, role]);
     const styles = React.useMemo(() => {
         var _a;
@@ -32012,169 +32236,19 @@ const EndCall = (props) => {
         React.createElement(Prompt, Object.assign({}, dialogLabels, { styles: { main: { minWidth: '22.5rem', padding: '1.5rem' } }, cancelButtonLabel: localeStrings.call.hangUpCancelButtonLabel, onConfirm: () => onHangUpConfirm(props.enableEndCallMenu), isOpen: showHangUpConfirm, onCancel: toggleConfirm }))));
 };
 
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-/**
- * @private
- */
-const useSelector$1 = (selector, selectorProps) => {
-    // use selector with no adaptation
-    return useSelectorWithAdaptation(selector, (state) => state, selectorProps);
-};
-
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-/**
- * @private
- */
-const getDisplayName = (state) => state.displayName;
-/**
- * @private
- */
-const getEndedCall = (state) => state.endedCall;
-/**
- * @private
- */
-const getCallStatus = (state) => { var _a, _b; return (_b = (_a = state.call) === null || _a === void 0 ? void 0 : _a.state) !== null && _b !== void 0 ? _b : 'None'; };
-/**
- * @private
- */
-const getDeviceManager = (state) => state.devices;
-/**
- * @private
- */
-const getIsScreenShareOn = (state) => { var _a, _b; return (_b = (_a = state.call) === null || _a === void 0 ? void 0 : _a.isScreenSharingOn) !== null && _b !== void 0 ? _b : false; };
-/**
- * @private
- */
-const getLocalParticipantRaisedHand = (state) => { var _a; return (_a = state.call) === null || _a === void 0 ? void 0 : _a.raiseHand.localParticipantRaisedHand; };
-/**
- * @private
- */
-const getCapabilites = (state) => { var _a, _b; return (_b = (_a = state.call) === null || _a === void 0 ? void 0 : _a.capabilitiesFeature) === null || _b === void 0 ? void 0 : _b.capabilities; };
-/**
- * @private
- */
-const getMicrophones = (state) => state.devices.microphones;
-/**
- * @private
- */
-const getCameras = (state) => state.devices.cameras;
-/**
- * @private
- */
-const getRole = (state) => { var _a; return (_a = state.call) === null || _a === void 0 ? void 0 : _a.role; };
-/**
- * @private
- */
-const getPage = (state) => state.page;
-/**
- * @private
- */
-const getTransferCall = (state) => state.acceptedTransferCallState;
-/**
- * @private
- */
-const getLocalMicrophoneEnabled = (state) => state.isLocalPreviewMicrophoneEnabled;
-/**
- * @private
- */
-const getLocalVideoStreams = (state) => { var _a; return (_a = state.call) === null || _a === void 0 ? void 0 : _a.localVideoStreams; };
-/**
- * @private
- */
-const getIsTranscriptionActive = (state) => { var _a; return !!((_a = state.call) === null || _a === void 0 ? void 0 : _a.transcription.isTranscriptionActive); };
-/**
- * @private
- */
-const getIsRecordingActive = (state) => { var _a; return !!((_a = state.call) === null || _a === void 0 ? void 0 : _a.recording.isRecordingActive); };
-/**
- * @private
- */
-const getUserFacingDiagnostics = (state) => { var _a; return (_a = state.call) === null || _a === void 0 ? void 0 : _a.diagnostics; };
-/**
- * @private
- */
-const getDominantSpeakerInfo = (state) => { var _a; return (_a = state.call) === null || _a === void 0 ? void 0 : _a.dominantSpeakers; };
-/**
- * @private
- */
-const getRemoteParticipants = (state) => { var _a; return (_a = state.call) === null || _a === void 0 ? void 0 : _a.remoteParticipants; };
-/**
- * @private
- */
-const getSelectedVideoEffect = (state) => state.selectedVideoBackgroundEffect;
-/* @conditional-compile-remove(acs-close-captions) */
-/** @private */
-const getCaptionsKind = (state) => {
-    var _a;
-    return (_a = state.call) === null || _a === void 0 ? void 0 : _a.captionsFeature.captionsKind;
-};
-/** @private */
-const getCaptionsStatus = (state) => {
-    var _a;
-    return (_a = state.call) === null || _a === void 0 ? void 0 : _a.captionsFeature.isCaptionsFeatureActive;
-};
-/**
- * @private
- */
-const getIsTeamsCall = (state) => state.isTeamsCall;
-/**
- * @private
- */
-const getIsTeamsMeeting = (state) => state.isTeamsMeeting;
-/**
- * @private
- */
-const getTeamsMeetingCoordinates = (state) => { var _a, _b; return (_b = (_a = state.call) === null || _a === void 0 ? void 0 : _a.meetingConference) === null || _b === void 0 ? void 0 : _b.conferencePhones; };
-/**
- * @private
- */
-const getLatestCapabilitiesChangedInfo = (state) => {
-    var _a, _b;
-    return (_b = (_a = state.call) === null || _a === void 0 ? void 0 : _a.capabilitiesFeature) === null || _b === void 0 ? void 0 : _b.latestCapabilitiesChangeInfo;
-};
-/**
- * @private
- */
-const getTargetCallees = (state) => state.targetCallees;
-/**
- * @private
- */
-const getStartTime = (state) => { var _a; return (_a = state.call) === null || _a === void 0 ? void 0 : _a.startTime; };
-/**
- * @private
- */
-const getSpotlightedParticipants = (state) => { var _a, _b; return (_b = (_a = state.call) === null || _a === void 0 ? void 0 : _a.spotlight) === null || _b === void 0 ? void 0 : _b.spotlightedParticipants; };
-/* @conditional-compile-remove(breakout-rooms) */
-/**
- * @private
- */
-const getAssignedBreakoutRoom = (state) => { var _a, _b; return (_b = (_a = state.call) === null || _a === void 0 ? void 0 : _a.breakoutRooms) === null || _b === void 0 ? void 0 : _b.assignedBreakoutRoom; };
-/* @conditional-compile-remove(breakout-rooms) */
-/**
- * @private
- */
-const getBreakoutRoomSettings = (state) => { var _a, _b; return (_b = (_a = state.call) === null || _a === void 0 ? void 0 : _a.breakoutRooms) === null || _b === void 0 ? void 0 : _b.breakoutRoomSettings; };
-/* @conditional-compile-remove(breakout-rooms) */
-/**
- * @private
- */
-const getBreakoutRoomDisplayName = (state) => { var _a, _b; return (_b = (_a = state.call) === null || _a === void 0 ? void 0 : _a.breakoutRooms) === null || _b === void 0 ? void 0 : _b.breakoutRoomDisplayName; };
-
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 /**
  * @private
  */
 const Microphone = (props) => {
-    var _a, _b, _c;
+    var _a;
     const microphoneButtonProps = usePropsFor$1(MicrophoneButton);
     const callStatus = useSelector$1(getCallStatus);
     const isLocalMicrophoneEnabled = useSelector$1(getLocalMicrophoneEnabled);
-    const adapter = useAdapter();
-    const isRoomsCall = adapter.getState().isRoomsCall;
-    const unmuteMicCapability = (_b = (_a = adapter.getState().call) === null || _a === void 0 ? void 0 : _a.capabilitiesFeature) === null || _b === void 0 ? void 0 : _b.capabilities.unmuteMic;
+    const isRoomsCall = useSelector$1(getIsRoomsCall);
+    const role = useSelector$1(getRole);
+    const unmuteMicCapability = (_a = useSelector$1(getCapabilites)) === null || _a === void 0 ? void 0 : _a.unmuteMic;
     /**
      * When call is in connecting state, microphone button should be disabled.
      * This is due to to headless limitation where a call can not be muted/unmuted in lobby.
@@ -32192,7 +32266,7 @@ const Microphone = (props) => {
         /* @conditional-compile-remove(DNS) */
         onClickNoiseSuppression: props.onClickNoiseSuppression, 
         /* @conditional-compile-remove(DNS) */
-        showNoiseSuppressionButton: props.showNoiseSuppressionButton, showLabel: props.displayType !== 'compact', disableTooltip: props.disableTooltip, styles: styles, enableDeviceSelectionMenu: props.splitButtonsForDeviceSelection, disabled: microphoneButtonProps.disabled || props.disabled || (isRoomsCall && ((_c = adapter.getState().call) === null || _c === void 0 ? void 0 : _c.role) === 'Unknown'), onRenderOffIcon: unmuteMicCapability && !unmuteMicCapability.isPresent
+        showNoiseSuppressionButton: props.showNoiseSuppressionButton, showLabel: props.displayType !== 'compact', disableTooltip: props.disableTooltip, styles: styles, enableDeviceSelectionMenu: props.splitButtonsForDeviceSelection, disabled: microphoneButtonProps.disabled || props.disabled || !!(isRoomsCall && role === 'Unknown'), onRenderOffIcon: unmuteMicCapability && !unmuteMicCapability.isPresent
             ? () => React.createElement(_HighContrastAwareIcon, { disabled: true, iconName: 'ControlButtonMicProhibited' })
             : undefined })));
 };
@@ -32219,16 +32293,15 @@ const isDisabled$3 = (option) => {
 // Licensed under the MIT License.
 /** @private */
 const ScreenShare = (props) => {
-    var _a;
     const screenShareButtonProps = usePropsFor$1(ScreenShareButton);
     const styles = React.useMemo(() => { var _a; return concatButtonBaseStyles((_a = props.styles) !== null && _a !== void 0 ? _a : {}); }, [props.styles]);
-    const adapter = useAdapter();
-    const isRoomsCall = adapter.getState().isRoomsCall;
+    const isRoomsCall = useSelector$1(getIsRoomsCall);
+    const role = useSelector$1(getRole);
     const screenShareButtonDisabled = () => {
         var _a;
         return (_a = screenShareButtonProps === null || screenShareButtonProps === void 0 ? void 0 : screenShareButtonProps.disabled) !== null && _a !== void 0 ? _a : isDisabled$2(props.option);
     };
-    return (React.createElement(ScreenShareButton, Object.assign({ "data-ui-id": "call-composite-screenshare-button" }, screenShareButtonProps, { showLabel: props.displayType !== 'compact', disabled: screenShareButtonDisabled() || props.disabled || (isRoomsCall && ((_a = adapter.getState().call) === null || _a === void 0 ? void 0 : _a.role) === 'Unknown'), styles: styles })));
+    return (React.createElement(ScreenShareButton, Object.assign({ "data-ui-id": "call-composite-screenshare-button" }, screenShareButtonProps, { showLabel: props.displayType !== 'compact', disabled: screenShareButtonDisabled() || props.disabled || !!(isRoomsCall && role === 'Unknown'), styles: styles })));
 };
 const isDisabled$2 = (option) => {
     if (option === undefined || option === true || option === false) {
@@ -32534,34 +32607,38 @@ const inferCallControlOptions = (mobileView, callControlOptions) => {
  * @private
  */
 const CallControls = (props) => {
-    var _a, _b;
+    var _a;
     const options = React.useMemo(() => inferCallControlOptions(!!props.isMobile, props.options), [props.isMobile, props.options]);
-    const adapter = useAdapter();
     const localeStrings = useLocale();
     /* @conditional-compile-remove(DNS) */
     const [isDeepNoiseSuppressionOn, setDeepNoiseSuppressionOn] = React.useState(false);
     /* @conditional-compile-remove(DNS) */
+    const adapter = useAdapter();
+    /* @conditional-compile-remove(DNS) */
     const startDeepNoiseSuppression = React.useCallback(() => __awaiter$m(void 0, void 0, void 0, function* () {
         yield adapter.startNoiseSuppressionEffect();
     }), [adapter]);
     /* @conditional-compile-remove(DNS) */
+    const deepNoiseSuppresionEffectsDependency = useSelector$1(getDeepNoiseSuppresionEffectsDependency);
+    /* @conditional-compile-remove(DNS) */
+    const deepNoiseSuppressionOnByDefault = useSelector$1(getDeepNoiseSuppresionIsOnByDefault);
+    /* @conditional-compile-remove(DNS) */
     React.useEffect(() => {
-        if (adapter.getState().onResolveDeepNoiseSuppressionDependency &&
-            adapter.getState().deepNoiseSuppressionOnByDefault) {
+        if (deepNoiseSuppresionEffectsDependency && deepNoiseSuppressionOnByDefault) {
             startDeepNoiseSuppression();
             setDeepNoiseSuppressionOn(true);
         }
-    }, [adapter, startDeepNoiseSuppression]);
+    }, [deepNoiseSuppresionEffectsDependency, deepNoiseSuppressionOnByDefault, startDeepNoiseSuppression]);
     /* @conditional-compile-remove(DNS) */
-    const environmentInfo = adapter.getState().environmentInfo;
+    const environmentInfo = useSelector$1(getEnvironmentInfo);
     /* @conditional-compile-remove(DNS) */
     const isSafari = _isSafari(environmentInfo);
     /* @conditional-compile-remove(DNS) */
-    const showNoiseSuppressionButton = adapter.getState().onResolveDeepNoiseSuppressionDependency &&
-        !adapter.getState().hideDeepNoiseSuppressionButton &&
-        !isSafari
-        ? true
-        : false;
+    const hideDeepNoiseSuppressionButton = useSelector$1(getHideDeepNoiseSupressionButton);
+    /* @conditional-compile-remove(DNS) */
+    const showNoiseSuppressionButton = !!(deepNoiseSuppresionEffectsDependency &&
+        !hideDeepNoiseSuppressionButton &&
+        !isSafari);
     /* @conditional-compile-remove(DNS) */
     const onClickNoiseSuppression = React.useCallback(() => __awaiter$m(void 0, void 0, void 0, function* () {
         if (isDeepNoiseSuppressionOn) {
@@ -32614,6 +32691,7 @@ const CallControls = (props) => {
     if (showReactionButtonInControlBar) {
         numberOfButtons++;
     }
+    const isRoomsCall = useSelector$1(getIsRoomsCall);
     const moreButtonContextualMenuItems = () => {
         const items = [];
         if (props.isMobile && props.onPeopleButtonClicked && isEnabled$2(options === null || options === void 0 ? void 0 : options.participantsButton)) {
@@ -32633,7 +32711,7 @@ const CallControls = (props) => {
                 ['data-ui-id']: 'call-composite-more-menu-people-button'
             });
         }
-        if (!isRoomsCallTrampoline(adapter)) {
+        if (!isRoomsCall) {
             items.push({
                 key: 'holdButtonKey',
                 text: localeStrings.component.strings.holdButton.tooltipOffContent,
@@ -32666,11 +32744,11 @@ const CallControls = (props) => {
         showDevicesButtonInControlBar = false;
         showMoreButton = isEnabled$2(options === null || options === void 0 ? void 0 : options.moreButton);
     }
-    const reactionResources = adapter.getState().reactions;
+    const reactionResources = useSelector$1(getReactionResources);
     const raiseHandButtonIsEnabled = isEnabled$2(options === null || options === void 0 ? void 0 : options.raiseHandButton);
     let showRaiseHandButtonInControlBar = raiseHandButtonIsEnabled;
-    const role = (_a = adapter.getState().call) === null || _a === void 0 ? void 0 : _a.role;
-    const hideRaiseHandButtonInRoomsCall = adapter.getState().isRoomsCall && role && ['Consumer', 'Unknown'].includes(role);
+    const role = useSelector$1(getRole);
+    const hideRaiseHandButtonInRoomsCall = isRoomsCall && role && ['Consumer', 'Unknown'].includes(role);
     if (showRaiseHandButtonInControlBar && (props.isMobile ? numberOfButtons < 5 : true)) {
         numberOfButtons++;
     }
@@ -32757,8 +32835,8 @@ const CallControls = (props) => {
                 showRaiseHandButtonInControlBar && !hideRaiseHandButtonInRoomsCall && (React.createElement(RaiseHand, { displayType: options === null || options === void 0 ? void 0 : options.displayType })),
                 screenShareButtonIsEnabled && (React.createElement(ScreenShare, { option: options === null || options === void 0 ? void 0 : options.screenShareButton, displayType: options === null || options === void 0 ? void 0 : options.displayType, disabled: isDisabled$4(options === null || options === void 0 ? void 0 : options.screenShareButton) })),
                 showParticipantsButtonInControlBar && (React.createElement(Participants, { option: options === null || options === void 0 ? void 0 : options.participantsButton, callInvitationURL: props.callInvitationURL, onFetchParticipantMenuItems: props.onFetchParticipantMenuItems, displayType: options === null || options === void 0 ? void 0 : options.displayType, increaseFlyoutItemSize: props.increaseFlyoutItemSize, isMobile: props.isMobile, disabled: isDisabled$4(options === null || options === void 0 ? void 0 : options.participantsButton) })) && (React.createElement(People, { checked: props.peopleButtonChecked, ariaLabel: peopleButtonStrings === null || peopleButtonStrings === void 0 ? void 0 : peopleButtonStrings.label, showLabel: (options === null || options === void 0 ? void 0 : options.displayType) !== 'compact', onClick: props.onPeopleButtonClicked, "data-ui-id": "call-composite-people-button", strings: peopleButtonStrings, disabled: isDisabled$4(options === null || options === void 0 ? void 0 : options.participantsButton), disableTooltip: props.isMobile })),
-                showDevicesButtonInControlBar && (React.createElement(Devices, { displayType: options === null || options === void 0 ? void 0 : options.displayType, increaseFlyoutItemSize: props.increaseFlyoutItemSize, disabled: isDisabled$4(options === null || options === void 0 ? void 0 : options.devicesButton) })), (_b = customButtons['primary']) === null || _b === void 0 ? void 0 :
-                _b.slice(0, props.isMobile
+                showDevicesButtonInControlBar && (React.createElement(Devices, { displayType: options === null || options === void 0 ? void 0 : options.displayType, increaseFlyoutItemSize: props.increaseFlyoutItemSize, disabled: isDisabled$4(options === null || options === void 0 ? void 0 : options.devicesButton) })), (_a = customButtons['primary']) === null || _a === void 0 ? void 0 :
+                _a.slice(0, props.isMobile
                     ? CUSTOM_BUTTON_OPTIONS.MAX_PRIMARY_MOBILE_CUSTOM_BUTTONS
                     : CUSTOM_BUTTON_OPTIONS.MAX_PRIMARY_DESKTOP_CUSTOM_BUTTONS).map((CustomButton, i) => {
                     return (React.createElement(CustomButton, { key: `primary-custom-button-${i}`, 
@@ -32769,10 +32847,6 @@ const CallControls = (props) => {
                 isEnabled$2(options === null || options === void 0 ? void 0 : options.endCallButton) && React.createElement(EndCall, { displayType: options === null || options === void 0 ? void 0 : options.displayType })))));
 };
 const isEnabled$2 = (option) => option !== false;
-/** @private */
-const isRoomsCallTrampoline = (adapter) => {
-    return adapter.getState().isRoomsCall;
-};
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
@@ -34738,7 +34812,7 @@ const SidePane = (props) => {
     if (!ContentRenderer && !OverrideContentRenderer) {
         return React.createElement(EmptyElement, null);
     }
-    return (React.createElement(react.Stack, { 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 },
         HeaderToRender,
         React.createElement(react.Stack.Item, { verticalFill: true, grow: true, styles: paneBodyContainer },
             React.createElement(react.Stack, { verticalFill: true, styles: scrollableContainer },
@@ -35200,9 +35274,8 @@ const PeoplePaneContent = (props) => {
     const addParticipantToCall = React.useCallback((participant, options) => __awaiter$h(void 0, void 0, void 0, function* () {
         yield adapter.addParticipant(participant, options);
     }), [adapter]);
-    const alternateCallerId = adapter.getState().alternateCallerId;
     const participantListDefaultProps = usePropsFor$1(ParticipantList$l);
-    const removeButtonAllowed = canRemoveParticipants(adapter);
+    const removeButtonAllowed = canRemoveParticipants(props.role);
     const setDrawerMenuItemsForParticipant = React.useMemo(() => {
         return (participant) => {
             if (participant) {
@@ -35240,9 +35313,9 @@ const PeoplePaneContent = (props) => {
     if (props.mobileView) {
         return (React.createElement(react.Stack, { verticalFill: true, styles: peoplePaneContainerStyle, tokens: peoplePaneContainerTokens, "data-ui-id": "people-pane-content" },
             React.createElement(react.Stack.Item, { grow: true, styles: participantListContainerStyles }, participantList),
-            React.createElement(AddPeopleButton, { inviteLink: inviteLink, mobileView: props.mobileView, participantList: participantList, strings: strings, onAddParticipant: addParticipantToCall, alternateCallerId: alternateCallerId })));
+            React.createElement(AddPeopleButton, { inviteLink: inviteLink, mobileView: props.mobileView, participantList: participantList, strings: strings, onAddParticipant: addParticipantToCall, alternateCallerId: props.alternateCallerId })));
     }
-    return (React.createElement(AddPeopleButton, { inviteLink: inviteLink, mobileView: props.mobileView, participantList: participantList, strings: strings, onAddParticipant: addParticipantToCall, alternateCallerId: alternateCallerId }));
+    return (React.createElement(AddPeopleButton, { inviteLink: inviteLink, mobileView: props.mobileView, participantList: participantList, strings: strings, onAddParticipant: addParticipantToCall, alternateCallerId: props.alternateCallerId }));
 };
 /**
  * Create default contextual menu items for particant
@@ -35272,13 +35345,11 @@ const createDefaultContextualMenuItems = (participant, strings, onRemoveParticip
     }
     return menuItems;
 };
-const canRemoveParticipants = (adapter) => {
-    var _a;
+const canRemoveParticipants = (role) => {
     // TODO: We should be using the removeParticipant capability here but there is an SDK bug for Rooms where a
     // Presenter's removeParticipant capability is {isPresent: false, reason: 'CapabilityNotApplicableForTheCallType'}.
     // But a Presenter in Rooms should be able to remove participants according to the following documentation
     // https://learn.microsoft.com/en-us/azure/communication-services/concepts/rooms/room-concept#predefined-participant-roles-and-permissions
-    const role = (_a = adapter.getState().call) === null || _a === void 0 ? void 0 : _a.role;
     const canRemove = role === 'Presenter' || role === 'Unknown' || role === undefined;
     return canRemove;
 };
@@ -35520,11 +35591,13 @@ const usePeoplePane = (props) => {
         localeStrings.unpinParticipantMenuItemAriaLabel,
         localeStrings.pinParticipantMenuItemAriaLabel
     ]);
+    const role = useSelector$1(getRole);
+    const alternateCallerId = useSelector$1(getAlternateCallerId);
     const onRenderContent = React.useCallback(() => {
         return (React.createElement(React.Fragment, null,
             /* @conditional-compile-remove(soft-mute) */
             React.createElement(Prompt, Object.assign({}, muteAllPromptLabels, { styles: { main: { minWidth: '22.5rem', padding: '1.5rem' } }, onConfirm: () => onMuteAllPromptConfirm(), isOpen: showMuteAllPrompt, onCancel: () => setShowMuteAllPrompt(false) })),
-            React.createElement(PeoplePaneContent, { inviteLink: inviteLink, onFetchAvatarPersonaData: onFetchAvatarPersonaData, onFetchParticipantMenuItems: onFetchParticipantMenuItemsForCallComposite, setDrawerMenuItems: setDrawerMenuItems, mobileView: mobileView, setParticipantActioned: setParticipantActioned, participantListHeadingMoreButtonProps: sidePaneHeaderMenuProps, pinnedParticipants: pinnedParticipants })));
+            React.createElement(PeoplePaneContent, { inviteLink: inviteLink, onFetchAvatarPersonaData: onFetchAvatarPersonaData, onFetchParticipantMenuItems: onFetchParticipantMenuItemsForCallComposite, setDrawerMenuItems: setDrawerMenuItems, mobileView: mobileView, setParticipantActioned: setParticipantActioned, participantListHeadingMoreButtonProps: sidePaneHeaderMenuProps, pinnedParticipants: pinnedParticipants, role: role, alternateCallerId: alternateCallerId })));
     }, [
         inviteLink,
         mobileView,
@@ -35534,6 +35607,8 @@ const usePeoplePane = (props) => {
         setParticipantActioned,
         sidePaneHeaderMenuProps,
         pinnedParticipants,
+        role,
+        alternateCallerId,
         /* @conditional-compile-remove(soft-mute) */ showMuteAllPrompt,
         /* @conditional-compile-remove(soft-mute) */ setShowMuteAllPrompt,
         /* @conditional-compile-remove(soft-mute) */ muteAllPromptLabels,
@@ -35830,9 +35905,8 @@ const VideoEffectsPaneContent = (props) => {
                 }
             }
         ];
-        const videoEffectImages = adapter.getState().videoBackgroundImages;
-        if (videoEffectImages) {
-            videoEffectImages.forEach((img) => {
+        if (props.backgroundImages) {
+            props.backgroundImages.forEach((img) => {
                 var _a;
                 videoEffects.push({
                     itemKey: img.key,
@@ -35846,7 +35920,13 @@ const VideoEffectsPaneContent = (props) => {
             });
         }
         return videoEffects;
-    }, [strings, adapter]);
+    }, [
+        strings.removeBackgroundEffectButtonLabel,
+        strings.removeBackgroundTooltip,
+        strings.blurBackgroundEffectButtonLabel,
+        strings.blurBackgroundTooltip,
+        props.backgroundImages
+    ]);
     const onEffectChange = React.useCallback((effectKey) => __awaiter$g(void 0, void 0, void 0, function* () {
         if (effectKey === 'blur') {
             const blurEffect = {
@@ -35931,12 +36011,13 @@ const useVideoEffectsPane = (updateSidePaneRenderer, mobileView, latestErrors, o
     }, [closePane, locale.strings, mobileView]);
     const latestVideoEffectError = latestErrors.find((error) => error.type === 'unableToStartVideoEffect');
     const updateFocusHandle = React.useMemo(() => React.createRef(), []);
+    const backgroundImages = useSelector$1(getVideoBackgroundImages);
     const onRenderContent = React.useCallback(() => {
         return (React.createElement(VideoEffectsPaneContent, { onDismissError: onDismissError, activeVideoEffectError: latestVideoEffectError, activeVideoEffectChange: () => {
                 // Clear any existing video effects error when the user clicks on a new video effect
                 latestVideoEffectError && (onDismissError === null || onDismissError === void 0 ? void 0 : onDismissError(latestVideoEffectError));
-            }, updateFocusHandle: updateFocusHandle }));
-    }, [latestVideoEffectError, onDismissError, updateFocusHandle]);
+            }, updateFocusHandle: updateFocusHandle, backgroundImages: backgroundImages }));
+    }, [latestVideoEffectError, onDismissError, updateFocusHandle, backgroundImages]);
     const sidePaneRenderer = React.useMemo(() => ({
         headerRenderer: onRenderHeader,
         contentRenderer: onRenderContent,
@@ -36146,10 +36227,9 @@ const DRAG_OPTIONS = {
  * @private
  */
 const ModalLocalAndRemotePIP = (props) => {
-    var _a, _b;
+    var _a;
     const rootStyles = props.hidden ? hiddenStyle : PIPContainerStyle;
-    const adapter = useAdapter();
-    const role = (_a = adapter.getState().call) === null || _a === void 0 ? void 0 : _a.role;
+    const role = useSelector$1(getRole);
     const locale = useLocale();
     const pictureInPictureProps = useSelector$1(localAndRemotePIPSelector);
     const [touchStartTouches, setTouchStartTouches] = React.useState(null);
@@ -36195,7 +36275,7 @@ const ModalLocalAndRemotePIP = (props) => {
     if (role === 'Consumer' && !remoteParticipant) {
         return null;
     }
-    const modalStylesThemed = react.concatStyleSets(modalStyle, (_b = props.styles) === null || _b === void 0 ? void 0 : _b.modal);
+    const modalStylesThemed = react.concatStyleSets(modalStyle, (_a = props.styles) === null || _a === void 0 ? void 0 : _a.modal);
     return (React.createElement(react.Stack, { styles: rootStyles },
         React.createElement(react.Stack, { onTouchStart: onTouchStart, onTouchEnd: onTouchEnd },
             React.createElement(_ModalClone, { isOpen: true, isModeless: true, dragOptions: DRAG_OPTIONS, styles: modalStylesThemed, layerProps: { hostId: props.modalLayerHostId }, minDragPosition: props.minDragPosition, maxDragPosition: props.maxDragPosition }, 
@@ -36562,7 +36642,7 @@ const MAX_PINNED_REMOTE_VIDEO_TILES = 4;
  * @private
  */
 const CallArrangement = (props) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
     const containerClassName = React.useMemo(() => {
         return props.mobileView ? containerStyleMobile : containerStyleDesktop;
     }, [props.mobileView]);
@@ -36614,7 +36694,7 @@ const CallArrangement = (props) => {
         setParticipantActioned
     ]);
     const locale = useLocale();
-    const role = (_b = adapter.getState().call) === null || _b === void 0 ? void 0 : _b.role;
+    const role = useSelector$1(getRole);
     const videoGalleryProps = usePropsFor$1(VideoGallery);
     /* @conditional-compile-remove(soft-mute) */
     const muteAllHandlers = useHandlers();
@@ -36663,7 +36743,7 @@ const CallArrangement = (props) => {
     }, [onPinParticipant, onUnpinParticipant, pinnedParticipants]);
     const { onStartLocalSpotlightWithPrompt, onStopLocalSpotlightWithPrompt } = useLocalSpotlightCallbacksWithPrompt(onStartLocalSpotlight, onStopLocalSpotlight, setIsPromptOpen, setPromptProps);
     const { onStartRemoteSpotlightWithPrompt, onStopRemoteSpotlightWithPrompt } = useRemoteSpotlightCallbacksWithPrompt(onStartRemoteSpotlight, onStopRemoteSpotlight, setIsPromptOpen, setPromptProps);
-    const canRemoveSpotlight = (_d = (_c = adapter.getState().call) === null || _c === void 0 ? void 0 : _c.capabilitiesFeature) === null || _d === void 0 ? void 0 : _d.capabilities.removeParticipantsSpotlight.isPresent;
+    const canRemoveSpotlight = (_b = useSelector$1(getCapabilites)) === null || _b === void 0 ? void 0 : _b.removeParticipantsSpotlight.isPresent;
     const stopAllSpotlight = React.useMemo(() => (canRemoveSpotlight ? () => adapter.stopAllSpotlight() : undefined), [canRemoveSpotlight, adapter]);
     const { stopAllSpotlightWithPrompt } = useStopAllSpotlightCallbackWithPrompt(stopAllSpotlight, setIsPromptOpen, setPromptProps);
     const onMuteParticipantPeoplePaneProps = React.useMemo(() => {
@@ -36737,8 +36817,8 @@ const CallArrangement = (props) => {
             position: 'relative'
         };
     }, [isMobileWithActivePane, props.mobileView]);
-    const onResolveVideoEffectDependency = adapter.getState().onResolveVideoEffectDependency;
-    const { openVideoEffectsPane } = useVideoEffectsPane(props.updateSidePaneRenderer, props.mobileView, props.latestErrors, props.onDismissError, cameraButtonRef);
+    const onResolveVideoEffectDependency = useSelector$1(getVideoEffectsDependency);
+    const { openVideoEffectsPane, isVideoEffectsPaneOpen } = useVideoEffectsPane(props.updateSidePaneRenderer, props.mobileView, props.latestErrors, props.onDismissError, cameraButtonRef);
     const [showDrawer, setShowDrawer] = React.useState(false);
     const onMoreButtonClicked = React.useCallback(() => {
         setShowDrawer(true);
@@ -36781,7 +36861,7 @@ const CallArrangement = (props) => {
     const galleryContainerStyles = React.useMemo(() => {
         var _a;
         return Object.assign(Object.assign({}, mediaGalleryContainerStyles$1), (((_a = props === null || props === void 0 ? void 0 : props.captionsOptions) === null || _a === void 0 ? void 0 : _a.height) === 'full' ? { root: { postion: 'absolute' } } : {}));
-    }, [(_e = props === null || props === void 0 ? void 0 : props.captionsOptions) === null || _e === void 0 ? void 0 : _e.height]);
+    }, [(_c = props === null || props === void 0 ? void 0 : props.captionsOptions) === null || _c === void 0 ? void 0 : _c.height]);
     if (isTeamsMeeting) {
         filteredLatestErrorNotifications
             .filter((notification) => notification.type === 'teamsMeetingCallNetworkQualityLow')
@@ -36794,8 +36874,8 @@ const CallArrangement = (props) => {
     const verticalControlBar = props.mobileView && containerWidth && containerHeight && containerWidth / containerHeight > 1 ? true : false;
     // Filter out shareScreen capability notifications if on mobile
     const filteredCapabilitesChangedNotifications = props.mobileView
-        ? (_f = props.capabilitiesChangedNotificationBarProps) === null || _f === void 0 ? void 0 : _f.capabilitiesChangedNotifications.filter((notification) => notification.capabilityName !== 'shareScreen')
-        : (_g = props.capabilitiesChangedNotificationBarProps) === null || _g === void 0 ? void 0 : _g.capabilitiesChangedNotifications;
+        ? (_d = props.capabilitiesChangedNotificationBarProps) === null || _d === void 0 ? void 0 : _d.capabilitiesChangedNotifications.filter((notification) => notification.capabilityName !== 'shareScreen')
+        : (_e = props.capabilitiesChangedNotificationBarProps) === null || _e === void 0 ? void 0 : _e.capabilitiesChangedNotifications;
     /* @conditional-compile-remove(breakout-rooms) */
     const notificationStackStrings = useCompositeStringsForNotificationStackStrings(locale);
     let latestNotifications = props.latestNotifications;
@@ -36805,17 +36885,18 @@ const CallArrangement = (props) => {
     latestNotifications = props.mobileView
         ? (latestNotifications !== null && latestNotifications !== void 0 ? latestNotifications : []).filter((notification) => notification.type !== 'assignedBreakoutRoomOpenedPromptJoin')
         : latestNotifications;
+    const reactionResources = useSelector$1(getReactionResources);
     return (React.createElement("div", { ref: containerRef, className: react.mergeStyles(containerDivStyles), id: props.id },
         React.createElement(react.Stack, { verticalFill: true, horizontalAlign: "stretch", className: containerClassName, "data-ui-id": props.dataUiId },
             React.createElement(react.Stack, { reversed: true, horizontal: verticalControlBar, grow: true, styles: callArrangementContainerStyles(verticalControlBar) },
-                ((_h = props.callControlProps) === null || _h === void 0 ? void 0 : _h.options) !== false && !isMobileWithActivePane && (React.createElement(react.Stack, { verticalAlign: 'center', className: react.mergeStyles({
+                ((_f = props.callControlProps) === null || _f === void 0 ? void 0 : _f.options) !== false && !isMobileWithActivePane && (React.createElement(react.Stack, { verticalAlign: 'center', className: react.mergeStyles({
                         zIndex: CONTROL_BAR_Z_INDEX,
                         padding: verticalControlBar ? '0.25rem' : 'unset'
-                    }) }, isLegacyCallControlEnabled((_j = props.callControlProps) === null || _j === void 0 ? void 0 : _j.options) ? (React.createElement(CallControls, Object.assign({}, props.callControlProps, { containerWidth: containerWidth, containerHeight: containerHeight, isMobile: props.mobileView, peopleButtonChecked: isPeoplePaneOpen, onPeopleButtonClicked: togglePeoplePane, displayVertical: verticalControlBar }))) : (React.createElement(CommonCallControlBar, Object.assign({}, props.callControlProps, { callControls: props.callControlProps.options, callAdapter: adapter, mobileView: props.mobileView, disableButtonsForLobbyPage: isInLobby, disableButtonsForHoldScreen: isInLocalHold, peopleButtonChecked: isPeoplePaneOpen, onPeopleButtonClicked: togglePeoplePane, onMoreButtonClicked: onMoreButtonClicked, isCaptionsSupported: (useTeamsCaptions && hasJoinedCall) ||
+                    }) }, isLegacyCallControlEnabled((_g = props.callControlProps) === null || _g === void 0 ? void 0 : _g.options) ? (React.createElement(CallControls, Object.assign({}, props.callControlProps, { containerWidth: containerWidth, containerHeight: containerHeight, isMobile: props.mobileView, peopleButtonChecked: isPeoplePaneOpen, onPeopleButtonClicked: togglePeoplePane, displayVertical: verticalControlBar }))) : (React.createElement(CommonCallControlBar, Object.assign({}, props.callControlProps, { callControls: props.callControlProps.options, callAdapter: adapter, mobileView: props.mobileView, disableButtonsForLobbyPage: isInLobby, disableButtonsForHoldScreen: isInLocalHold, peopleButtonChecked: isPeoplePaneOpen, onPeopleButtonClicked: togglePeoplePane, onMoreButtonClicked: onMoreButtonClicked, isCaptionsSupported: (useTeamsCaptions && hasJoinedCall) ||
                         /* @conditional-compile-remove(acs-close-captions) */ hasJoinedCall, useTeamsCaptions: useTeamsCaptions, isCaptionsOn: isCaptionsOn, onClickVideoEffects: onResolveVideoEffectDependency ? openVideoEffectsPane : undefined, displayVertical: verticalControlBar, onUserSetOverflowGalleryPositionChange: props.onUserSetOverflowGalleryPositionChange, onUserSetGalleryLayout: props.onUserSetGalleryLayoutChange, userSetGalleryLayout: props.userSetGalleryLayout, onSetDialpadPage: props.onSetDialpadPage, dtmfDialerPresent: props.dtmfDialerPresent, peopleButtonRef: peopleButtonRef, cameraButtonRef: cameraButtonRef, onStopLocalSpotlight: !hideSpotlightButtons && localParticipant.spotlight ? onStopLocalSpotlightWithPrompt : undefined, onToggleTeamsMeetingConferenceModal: toggleTeamsMeetingConferenceModal, teamsMeetingConferenceModalPresent: showTeamsMeetingConferenceModal }))))),
-                ((_k = props.callControlProps) === null || _k === void 0 ? void 0 : _k.options) !== false && showDrawer && (React.createElement(react.Stack, { styles: drawerContainerStylesValue },
+                ((_h = props.callControlProps) === null || _h === void 0 ? void 0 : _h.options) !== false && showDrawer && (React.createElement(react.Stack, { styles: drawerContainerStylesValue },
                     React.createElement(PreparedMoreDrawer, { callControls: props.callControlProps.options, onLightDismiss: closeDrawer, onPeopleButtonClicked: onMoreDrawerPeopleClicked, disableButtonsForHoldScreen: isInLocalHold, isCaptionsSupported: (useTeamsCaptions && hasJoinedCall) ||
-                            /* @conditional-compile-remove(acs-close-captions) */ hasJoinedCall, useTeamsCaptions: useTeamsCaptions, onUserSetGalleryLayout: props.onUserSetGalleryLayoutChange, userSetGalleryLayout: props.userSetGalleryLayout, onSetDialpadPage: props.onSetDialpadPage, dtmfDialerPresent: props.dtmfDialerPresent, reactionResources: adapter.getState().reactions, onClickMeetingPhoneInfo: onMeetingPhoneInfoClicked }))),
+                            /* @conditional-compile-remove(acs-close-captions) */ hasJoinedCall, useTeamsCaptions: useTeamsCaptions, onUserSetGalleryLayout: props.onUserSetGalleryLayoutChange, userSetGalleryLayout: props.userSetGalleryLayout, onSetDialpadPage: props.onSetDialpadPage, dtmfDialerPresent: props.dtmfDialerPresent, reactionResources: reactionResources, onClickMeetingPhoneInfo: onMeetingPhoneInfoClicked }))),
                 React.createElement(react.Stack, { horizontal: true, grow: true },
                     React.createElement(react.Stack.Item, { style: callCompositeContainerCSS },
                         React.createElement(react.Stack.Item, { styles: callGalleryStyles, grow: true },
@@ -36837,7 +36918,7 @@ const CallArrangement = (props) => {
                     React.createElement(SidePane, { mobileView: props.mobileView, maxWidth: isVideoPaneOpen ? `${VIDEO_EFFECTS_SIDE_PANE_WIDTH_REM}rem` : undefined, minWidth: isVideoPaneOpen ? `${VIDEO_EFFECTS_SIDE_PANE_WIDTH_REM}rem` : undefined, updateSidePaneRenderer: props.updateSidePaneRenderer, onPeopleButtonClicked: props.mobileView && !shouldShowPeopleTabHeaderButton(props.callControlProps.options)
                             ? undefined
                             : togglePeoplePane, disablePeopleButton: typeof props.callControlProps.options !== 'boolean' &&
-                            isDisabled$4((_l = props.callControlProps.options) === null || _l === void 0 ? void 0 : _l.participantsButton), onChatButtonClicked: (_m = props.mobileChatTabHeader) === null || _m === void 0 ? void 0 : _m.onClick, disableChatButton: (_o = props.mobileChatTabHeader) === null || _o === void 0 ? void 0 : _o.disabled, showAddPeopleButton: !!props.callControlProps.callInvitationURL }),
+                            isDisabled$4((_j = props.callControlProps.options) === null || _j === void 0 ? void 0 : _j.participantsButton), onChatButtonClicked: (_k = props.mobileChatTabHeader) === null || _k === void 0 ? void 0 : _k.onClick, disableChatButton: (_l = props.mobileChatTabHeader) === null || _l === void 0 ? void 0 : _l.disabled, showAddPeopleButton: !!props.callControlProps.callInvitationURL, ariaLabel: isVideoEffectsPaneOpen ? locale.strings.call.videoEffectsPaneAriaLabel : undefined }),
                     props.mobileView && (React.createElement(ModalLocalAndRemotePIP, { modalLayerHostId: props.modalLayerHostId, hidden: !isSidePaneOpen, styles: pipStyles, strings: modalStrings, minDragPosition: minMaxDragPosition.minDragPosition, maxDragPosition: minMaxDragPosition.maxDragPosition, onDismissSidePane: () => {
                             closePeoplePane();
                             if (props.onCloseChatPane) {
@@ -36893,21 +36974,20 @@ const remoteVideoViewOptions = {
  * @private
  */
 const MediaGallery = (props) => {
-    var _a, _b, _c;
+    var _a, _b;
     const { pinnedParticipants = [], setPinnedParticipants, setIsPromptOpen, setPromptProps, hideSpotlightButtons, videoTilesOptions, captionsOptions } = props;
     const videoGalleryProps = usePropsFor$1(VideoGallery);
     const cameraSwitcherCameras = useSelector$1(localVideoCameraCycleButtonSelector);
     const cameraSwitcherCallback = useHandlers();
     const announcerString = useParticipantChangedAnnouncement();
-    const adapter = useAdapter();
-    const userRole = (_a = adapter.getState().call) === null || _a === void 0 ? void 0 : _a.role;
-    const isRoomsCall = adapter.getState().isRoomsCall;
+    const userRole = useSelector$1(getRole);
+    const isRoomsCall = useSelector$1(getIsRoomsCall);
     const containerRef = React.useRef(null);
     const containerWidth = _useContainerWidth(containerRef);
     const containerHeight = _useContainerHeight(containerRef);
     const containerAspectRatio = containerWidth && containerHeight ? containerWidth / containerHeight : 0;
-    const reactionResources = adapter.getState().reactions;
-    const layoutBasedOnTilePosition = getVideoGalleryLayoutBasedOnLocalOptions((_b = props.localVideoTileOptions) === null || _b === void 0 ? void 0 : _b.position);
+    const reactionResources = useSelector$1(getReactionResources);
+    const layoutBasedOnTilePosition = getVideoGalleryLayoutBasedOnLocalOptions((_a = props.localVideoTileOptions) === null || _a === void 0 ? void 0 : _a.position);
     const cameraSwitcherProps = React.useMemo(() => {
         return Object.assign(Object.assign({}, cameraSwitcherCallback), cameraSwitcherCameras);
     }, [cameraSwitcherCallback, cameraSwitcherCameras]);
@@ -36922,7 +37002,7 @@ const MediaGallery = (props) => {
             : props.isMobile
                 ? { kind: 'drawer', hostId: props.drawerMenuHostId }
                 : { kind: 'contextual' };
-    }, [(_c = props.remoteVideoTileMenuOptions) === null || _c === void 0 ? void 0 : _c.isHidden, props.isMobile, props.drawerMenuHostId]);
+    }, [(_b = props.remoteVideoTileMenuOptions) === null || _b === void 0 ? void 0 : _b.isHidden, props.isMobile, props.drawerMenuHostId]);
     const overflowGalleryPosition = React.useMemo(() => {
         /* @conditional-compile-remove(overflow-top-composite) */
         if (props.userSetOverflowGalleryPosition === 'horizontalTop') {
@@ -37252,12 +37332,10 @@ var __awaiter$e = (window && window.__awaiter) || function (thisArg, _arguments,
     });
 };
 const DtmfDialpadPageContent = (props) => {
-    var _a, _b;
-    const { adapter } = props;
-    const adapterState = adapter.getState();
     const theme = react.useTheme();
-    const calleeId = (_a = adapterState.targetCallees) === null || _a === void 0 ? void 0 : _a[0];
-    const remoteParticipants = (_b = adapterState.call) === null || _b === void 0 ? void 0 : _b.remoteParticipants;
+    const targetCallees = useSelector$1(getTargetCallees);
+    const remoteParticipants = useSelector$1(getRemoteParticipants);
+    const calleeId = targetCallees === null || targetCallees === void 0 ? void 0 : targetCallees[0];
     let calleeName;
     if (remoteParticipants) {
         const remoteParticipantValues = Object.values(remoteParticipants);
@@ -37268,6 +37346,7 @@ const DtmfDialpadPageContent = (props) => {
             calleeName = remoteParticipantValues.find((p) => p.identifier === calleeId);
         }
     }
+    const adapter = useAdapter();
     return (React.createElement(react.Stack, { style: { height: '100%', width: '100%', background: theme.palette.white } },
         React.createElement(react.Stack, { verticalAlign: 'center', style: { margin: 'auto' } },
             React.createElement(DtmfDialerContentTimer, null),
@@ -37298,8 +37377,7 @@ const DtmfDialerContentTimer = () => {
  * @internal
  */
 const DtmfDialpadPage = (props) => {
-    const adapter = useAdapter();
-    return React.createElement(DtmfDialpadPageContent, Object.assign({ adapter: adapter }, props, { mobileView: props.mobileView }));
+    return React.createElement(DtmfDialpadPageContent, Object.assign({}, props, { mobileView: props.mobileView }));
 };
 
 // Copyright (c) Microsoft Corporation.
@@ -37816,18 +37894,18 @@ const localVideoViewOptions = {
  * @private
  */
 const LocalDeviceSettings = (props) => {
-    var _a, _b, _c;
+    var _a, _b;
     const theme = useTheme();
     const locale = useLocale();
     const adapter = useAdapter();
-    const onResolveVideoEffectDependency = adapter.getState().onResolveVideoEffectDependency;
+    const onResolveVideoEffectDependency = useSelector$1(getVideoEffectsDependency);
     const defaultPlaceHolder = locale.strings.call.defaultPlaceHolder;
     const cameraLabel = locale.strings.call.cameraLabel;
     const soundLabel = locale.strings.call.soundLabel;
     const noSpeakersLabel = locale.strings.call.noSpeakersLabel;
     const noCameraLabel = locale.strings.call.noCamerasLabel;
     const noMicLabel = locale.strings.call.noMicrophonesLabel;
-    const role = (_a = adapter.getState().call) === null || _a === void 0 ? void 0 : _a.role;
+    const role = useSelector$1(getRole);
     const cameraPermissionGranted = props.cameraPermissionGranted;
     const micPermissionGranted = props.microphonePermissionGranted;
     const roleCanUseCamera = role !== 'Consumer';
@@ -37849,15 +37927,15 @@ const LocalDeviceSettings = (props) => {
     const hasCameras = props.cameras.length > 0;
     const hasMicrophones = props.microphones.length > 0;
     const hasSpeakers = props.speakers.length > 0;
-    /* @conditional-compile-remove(unsupported-browser) */
-    const isSafariWithNoSpeakers = ((_b = adapter.getState().environmentInfo) === null || _b === void 0 ? void 0 : _b.environment.browser.toLowerCase()) === 'safari' && !hasSpeakers;
+    /* @conditional-compile-remove(calling-environment-info) */
+    const isSafariWithNoSpeakers = ((_a = useSelector$1(getEnvironmentInfo)) === null || _a === void 0 ? void 0 : _a.environment.browser.toLowerCase()) === 'safari' && !hasSpeakers;
     const cameraGrantedDropdown = (React.createElement(react.Dropdown, { "data-ui-id": "call-composite-local-camera-settings", "aria-labelledby": 'call-composite-local-camera-settings-label', placeholder: hasCameras ? defaultPlaceHolder : noCameraLabel, options: cameraPermissionGranted ? getDropDownList(props.cameras) : [{ key: 'deniedOrUnknown', text: '' }], styles: dropDownStyles(theme), disabled: !cameraPermissionGranted || !hasCameras, errorMessage: props.cameraPermissionGranted === undefined || props.cameraPermissionGranted
             ? undefined
             : locale.strings.call.cameraPermissionDenied, defaultSelectedKey: micPermissionGranted
             ? props.selectedCamera
                 ? props.selectedCamera.id
                 : props.cameras
-                    ? (_c = props.cameras[0]) === null || _c === void 0 ? void 0 : _c.id
+                    ? (_b = props.cameras[0]) === null || _b === void 0 ? void 0 : _b.id
                     : ''
             : 'deniedOrUnknown', onChange: (event, option, index) => {
             props.onSelectCamera(props.cameras[index !== null && index !== void 0 ? index : 0], localVideoViewOptions);
@@ -37875,7 +37953,7 @@ const LocalDeviceSettings = (props) => {
             props.onSelectSpeaker(props.speakers[index !== null && index !== void 0 ? index : 0]);
         }, onRenderTitle: (props) => onRenderTitle('Speaker', props) }));
     const safariBrowserSpeakerDropdownTrampoline = () => {
-        /* @conditional-compile-remove(unsupported-browser) */
+        /* @conditional-compile-remove(calling-environment-info) */
         if (isSafariWithNoSpeakers) {
             return React.createElement(React.Fragment, null);
         }
@@ -38440,7 +38518,7 @@ var __awaiter$c = (window && window.__awaiter) || function (thisArg, _arguments,
  * @private
  */
 const ConfigurationPage = (props) => {
-    var _a, _b, _c, _d;
+    var _a;
     const { startCallHandler, mobileView, modalLayerHostId, 
     /* @conditional-compile-remove(call-readiness) */ deviceChecks, 
     /* @conditional-compile-remove(call-readiness) */ onPermissionsTroubleshootingClick, 
@@ -38457,12 +38535,11 @@ const ConfigurationPage = (props) => {
     /* @conditional-compile-remove(call-readiness) */
     getDevicePermissionState(setVideoState, setAudioState);
     const errorBarProps = usePropsFor$1(ErrorBar);
-    const adapter = useAdapter();
-    const deviceState = adapter.getState().devices;
+    const microphones = useSelector$1(getMicrophones);
     /* @conditional-compile-remove(unsupported-browser) */
-    const environmentInfo = adapter.getState().environmentInfo;
-    let disableStartCallButton = !microphonePermissionGranted || ((_a = deviceState.microphones) === null || _a === void 0 ? void 0 : _a.length) === 0;
-    const role = (_b = adapter.getState().call) === null || _b === void 0 ? void 0 : _b.role;
+    const environmentInfo = useSelector$1(getEnvironmentInfo);
+    let disableStartCallButton = !microphonePermissionGranted || (microphones === null || microphones === void 0 ? void 0 : microphones.length) === 0;
+    const role = useSelector$1(getRole);
     const isCameraOn = useSelector$1(localVideoSelector).isAvailable;
     let filteredLatestErrors = props.latestErrors;
     // TODO: move this logic to the error bar selector once role is plumbed from the headless SDK
@@ -38478,6 +38555,8 @@ const ConfigurationPage = (props) => {
         disableStartCallButton = false;
     }
     /* @conditional-compile-remove(call-readiness) */
+    const cameras = useSelector$1(getCameras);
+    /* @conditional-compile-remove(call-readiness) */
     // Overrides role permissions if CallCompositeOptions deviceChecks are set
     if (deviceChecks) {
         if (['doNotPrompt', 'optional'].includes(deviceChecks.camera) &&
@@ -38485,7 +38564,7 @@ const ConfigurationPage = (props) => {
             disableStartCallButton = false;
         }
         else if (deviceChecks.camera === 'required') {
-            disableStartCallButton = !cameraPermissionGranted || ((_c = deviceState.cameras) === null || _c === void 0 ? void 0 : _c.length) === 0;
+            disableStartCallButton = !cameraPermissionGranted || (cameras === null || cameras === void 0 ? void 0 : cameras.length) === 0;
         }
     }
     const locale = useLocale();
@@ -38538,7 +38617,7 @@ const ConfigurationPage = (props) => {
         hostId: modalLayerHostId
     }), [modalLayerHostId]);
     const filteredErrorBarProps = React.useMemo(() => (Object.assign(Object.assign({}, errorBarProps), { activeErrorMessages: filteredLatestErrors })), [errorBarProps, filteredLatestErrors]);
-    const containerStyles = React.useMemo(() => { var _a; return configurationContainerStyle(!mobileView, (_a = props.backgroundImage) === null || _a === void 0 ? void 0 : _a.url); }, [mobileView, (_d = props.backgroundImage) === null || _d === void 0 ? void 0 : _d.url]);
+    const containerStyles = React.useMemo(() => { var _a; return configurationContainerStyle(!mobileView, (_a = props.backgroundImage) === null || _a === void 0 ? void 0 : _a.url); }, [mobileView, (_a = props.backgroundImage) === null || _a === void 0 ? void 0 : _a.url]);
     return (React.createElement(react.Stack, { styles: containerStyles },
         React.createElement(react.Stack, { styles: bannerNotificationStyles },
             React.createElement(ConfigurationPageErrorBar
@@ -38591,7 +38670,7 @@ const ConfigurationPage = (props) => {
                         React.createElement(react.Stack, { styles: mobileWithPreview ? startCallButtonContainerStyleMobile : startCallButtonContainerStyleDesktop, horizontalAlign: mobileWithPreview ? 'stretch' : 'end' },
                             React.createElement(StartCallButton, { className: mobileWithPreview ? startCallButtonStyleMobile : startCallButtonStyleDesktop, onClick: startCall, disabled: disableStartCallButton, hideIcon: true }))))),
             React.createElement(react.Panel, { isOpen: isVideoEffectsPaneOpen, hasCloseButton: false, isBlocking: false, isHiddenOnDismiss: false, styles: panelStyles, focusTrapZoneProps: panelFocusProps, layerProps: panelLayerProps, type: react.PanelType.custom, customWidth: `${VIDEO_EFFECTS_SIDE_PANE_WIDTH_REM}rem` },
-                React.createElement(SidePane, { mobileView: props.mobileView, updateSidePaneRenderer: props.updateSidePaneRenderer, maxWidth: `${VIDEO_EFFECTS_SIDE_PANE_WIDTH_REM}rem`, minWidth: `${VIDEO_EFFECTS_SIDE_PANE_WIDTH_REM}rem` })))));
+                React.createElement(SidePane, { ariaLabel: isVideoEffectsPaneOpen ? locale.strings.call.videoEffectsPaneAriaLabel : undefined, mobileView: props.mobileView, updateSidePaneRenderer: props.updateSidePaneRenderer, maxWidth: `${VIDEO_EFFECTS_SIDE_PANE_WIDTH_REM}rem`, minWidth: `${VIDEO_EFFECTS_SIDE_PANE_WIDTH_REM}rem` })))));
 };
 const localPreviewTrampoline = (mobileView, doNotShow) => {
     if (doNotShow) {
@@ -39577,16 +39656,15 @@ const MainScreen = (props) => {
     const { camerasCount, microphonesCount } = useSelector$1(deviceCountSelector);
     const hasCameras = camerasCount > 0;
     const hasMicrophones = microphonesCount > 0;
+    const role = useSelector$1(getRole);
     React.useEffect(() => {
         (() => __awaiter$9(void 0, void 0, void 0, function* () {
-            var _a, _b, _c, _d, _e;
-            const constrain = getQueryOptions({
-                role: (_a = adapter.getState().call) === null || _a === void 0 ? void 0 : _a.role
-            });
+            var _a, _b, _c, _d;
+            const constrain = getQueryOptions({ role });
             /* @conditional-compile-remove(call-readiness) */
             {
-                constrain.audio = ((_c = (_b = props.options) === null || _b === void 0 ? void 0 : _b.deviceChecks) === null || _c === void 0 ? void 0 : _c.microphone) === 'doNotPrompt' ? false : constrain.audio;
-                constrain.video = ((_e = (_d = props.options) === null || _d === void 0 ? void 0 : _d.deviceChecks) === null || _e === void 0 ? void 0 : _e.camera) === 'doNotPrompt' ? false : constrain.video;
+                constrain.audio = ((_b = (_a = props.options) === null || _a === void 0 ? void 0 : _a.deviceChecks) === null || _b === void 0 ? void 0 : _b.microphone) === 'doNotPrompt' ? false : constrain.audio;
+                constrain.video = ((_d = (_c = props.options) === null || _c === void 0 ? void 0 : _c.deviceChecks) === null || _d === void 0 ? void 0 : _d.camera) === 'doNotPrompt' ? false : constrain.video;
             }
             yield adapter.askDevicePermission(constrain);
             adapter.queryCameras();
@@ -39595,6 +39673,7 @@ const MainScreen = (props) => {
         }))();
     }, [
         adapter,
+        role,
         /* @conditional-compile-remove(call-readiness) */
         (_a = props.options) === null || _a === void 0 ? void 0 : _a.deviceChecks,
         // Ensure we re-ask for permissions if the number of devices goes from 0 -> n during a call
@@ -39702,7 +39781,7 @@ const MainScreen = (props) => {
     const callees = useSelector$1(getTargetCallees);
     const locale = useLocale();
     const palette = useTheme().palette;
-    const alternateCallerId = adapter.getState().alternateCallerId;
+    const alternateCallerId = useSelector$1(getAlternateCallerId);
     const leavePageStyle = React.useMemo(() => leavingPageStyle(palette), [palette]);
     let pageElement;
     const [pinnedParticipants, setPinnedParticipants] = React.useState([]);
@@ -39767,11 +39846,13 @@ const MainScreen = (props) => {
     }
     useEndedCallConsoleErrors(endedCall);
     /* @conditional-compile-remove(unsupported-browser) */
+    const environmentInfo = useSelector$1(getEnvironmentInfo);
+    /* @conditional-compile-remove(unsupported-browser) */
     switch (page) {
         case 'unsupportedEnvironment':
             pageElement = (React.createElement(React.Fragment, null, 
             /* @conditional-compile-remove(unsupported-browser) */
-            React.createElement(UnsupportedBrowserPage, { onTroubleshootingClick: (_s = props.options) === null || _s === void 0 ? void 0 : _s.onEnvironmentInfoTroubleshootingClick, environmentInfo: adapter.getState().environmentInfo })));
+            React.createElement(UnsupportedBrowserPage, { onTroubleshootingClick: (_s = props.options) === null || _s === void 0 ? void 0 : _s.onEnvironmentInfoTroubleshootingClick, environmentInfo: environmentInfo })));
             break;
     }
     if (!pageElement) {
@@ -44090,8 +44171,8 @@ const useSelector = (selector, selectorProps, type) => {
     // Return undefined and skip execution when not in that context
     const callingMode = !type || type === 'calling';
     const chatMode = !type || type === 'chat';
-    const callProps = useSelector$3(callingMode ? selector : undefined, selectorProps);
-    const chatProps = useSelector$2(chatMode ? selector : undefined, selectorProps);
+    const callProps = useSelector$4(callingMode ? selector : undefined, selectorProps);
+    const chatProps = useSelector$3(chatMode ? selector : undefined, selectorProps);
     return callProps !== null && callProps !== void 0 ? callProps : chatProps;
 };
 /**
@@ -44121,8 +44202,8 @@ const useSelector = (selector, selectorProps, type) => {
 const usePropsFor = (component, type) => {
     const callingSelector = type === 'calling' || !type ? getSelector$1(component) : undefined;
     const chatSelector = type === 'chat' || !type ? getSelector(component) : undefined;
-    const callProps = useSelector$3(callingSelector);
-    const chatProps = useSelector$2(chatSelector);
+    const callProps = useSelector$4(callingSelector);
+    const chatProps = useSelector$3(chatSelector);
     const callingHandlers = useHandlers$3();
     const chatHandlers = useHandlers$2();
     if (chatProps) {
@@ -44306,4 +44387,4 @@ exports.useTeamsCall = useTeamsCall;
 exports.useTeamsCallAdapter = useTeamsCallAdapter;
 exports.useTeamsCallAgent = useTeamsCallAgent;
 exports.useTheme = useTheme;
-//# sourceMappingURL=index-Cs1eMyS2.js.map
+//# sourceMappingURL=index-Bj4O6YVq.js.map