@azure/communication-react 1.19.0-alpha-202408221617 → 1.19.0-alpha-202408230014

package/dist/dist-cjs/communication-react/{index-DpiiYxjR.js → index-C6b4-4lG.js}

@@ -189,7 +189,7 @@ function getDefaultExportFromCjs (x) {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 // GENERATED FILE. DO NOT EDIT MANUALLY.
-var telemetryVersion = '1.19.0-alpha-202408221617';
+var telemetryVersion = '1.19.0-alpha-202408230014';
 
 
 var telemetryVersion$1 = /*@__PURE__*/getDefaultExportFromCjs(telemetryVersion);
@@ -2526,21 +2526,13 @@ const customNotificationIconName = {
     /* @conditional-compile-remove(soft-mute) */
     mutedByRemoteParticipant: 'ErrorBarMutedByRemoteParticipant',
     speakingWhileMuted: 'ErrorBarCallMicrophoneMutedBySystem',
-    /* @conditional-compile-remove(notifications) */
     recordingStarted: 'NotificationBarRecording',
-    /* @conditional-compile-remove(notifications) */
     transcriptionStarted: 'NotificationBarRecording',
-    /* @conditional-compile-remove(notifications) */
     recordingStopped: 'NotificationBarRecording',
-    /* @conditional-compile-remove(notifications) */
     transcriptionStopped: 'NotificationBarRecording',
-    /* @conditional-compile-remove(notifications) */
     recordingAndTranscriptionStarted: 'NotificationBarRecording',
-    /* @conditional-compile-remove(notifications) */
     recordingAndTranscriptionStopped: 'NotificationBarRecording',
-    /* @conditional-compile-remove(notifications) */
     recordingStoppedStillTranscribing: 'NotificationBarRecording',
-    /* @conditional-compile-remove(notifications) */
     transcriptionStoppedStillRecording: 'NotificationBarRecording',
     /* @conditional-compile-remove(breakout-rooms) */
     assignedBreakoutRoomOpened: 'NotificationBarBreakoutRoomOpened',
@@ -3252,7 +3244,6 @@ const DEFAULT_COMPONENT_ICONS = {
     ErrorBarCallVideoStoppedBySystem: React.createElement(reactIcons.VideoProhibited16Filled, null),
     /* @conditional-compile-remove(soft-mute) */
     ErrorBarMutedByRemoteParticipant: React.createElement(reactIcons.MicOff16Regular, null),
-    /* @conditional-compile-remove(notifications) */
     NotificationBarRecording: React.createElement(reactIcons.Record16Regular, null),
     /* @conditional-compile-remove(breakout-rooms) */
     NotificationBarBreakoutRoomOpened: React.createElement(reactIcons.DoorArrowRight16Regular, null),
@@ -10762,7 +10753,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-DSf6W5Na.js'); }));
+const ChatMessageComponentAsRichTextEditBox = React.lazy(() => Promise.resolve().then(function () { return require('./ChatMessageComponentAsRichTextEditBox-pRNZJbdQ.js'); }));
 /**
  * @private
  * Use this function to load RoosterJS dependencies early in the lifecycle.
@@ -10770,7 +10761,7 @@ const ChatMessageComponentAsRichTextEditBox = React.lazy(() => Promise.resolve()
  *
  * @conditional-compile-remove(rich-text-editor)
  */
-const loadChatMessageComponentAsRichTextEditBox = () => Promise.resolve().then(function () { return require('./ChatMessageComponentAsRichTextEditBox-DSf6W5Na.js'); });
+const loadChatMessageComponentAsRichTextEditBox = () => Promise.resolve().then(function () { return require('./ChatMessageComponentAsRichTextEditBox-pRNZJbdQ.js'); });
 /**
  * @private
  */
@@ -20211,7 +20202,6 @@ const Notification = (props) => {
  */
 const NotificationStack = (props) => {
     var _a, _b;
-    /* @conditional-compile-remove(notifications) */
     const localeStrings = useLocale$1().strings.notificationStack;
     const strings = (_a = props.strings) !== null && _a !== void 0 ? _a : localeStrings;
     const maxNotificationsToShow = (_b = props.maxNotificationsToShow) !== null && _b !== void 0 ? _b : 2;
@@ -22992,7 +22982,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-Cp5_HaZs.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper })));
+const RichTextSendBoxWrapper = React.lazy(() => Promise.resolve().then(function () { return require('./RichTextSendBoxWrapper-Bz_KlOv9.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper })));
 /**
  * @private
  * Use this function to load RoosterJS dependencies early in the lifecycle.
@@ -23000,7 +22990,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-Cp5_HaZs.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper }));
+const loadRichTextSendBox = () => Promise.resolve().then(function () { return require('./RichTextSendBoxWrapper-Bz_KlOv9.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper }));
 /**
  * @private
  */
@@ -24884,8 +24874,6 @@ const createDefaultTeamsCallingHandlers = memoizeOne((callClient, callAgent, dev
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-/* @conditional-compile-remove(notifications) */
-/* @conditional-compile-remove(notifications) */
 /**
  * Select the active errors from the state for the `Notification` component.
  *
@@ -25074,7 +25062,6 @@ const notificationStackSelector = reselect.createSelector([
     }
     return { activeErrorMessages: activeErrorMessages, activeNotifications: activeNotifications };
 });
-/* @conditional-compile-remove(notifications) */
 const appendActiveErrorIfDefined$1 = (activeErrorMessages, latestErrors, target, activeErrorType) => {
     if (latestErrors[target] === undefined) {
         return;
@@ -25479,7 +25466,6 @@ function convertSdkRemoteStreamToDeclarativeRemoteStream(stream) {
         id: stream.id,
         mediaStreamType: stream.mediaStreamType,
         isAvailable: stream.isAvailable,
-        /* @conditional-compile-remove(video-stream-is-receiving-flag) */
         isReceiving: stream.isReceiving,
         view: undefined,
         streamSize: stream.size
@@ -26390,7 +26376,6 @@ let CallContext$2 = class CallContext {
                     const existingStream = participant.videoStreams[stream.id];
                     if (existingStream) {
                         existingStream.isAvailable = stream.isAvailable;
-                        /* @conditional-compile-remove(video-stream-is-receiving-flag) */
                         existingStream.isReceiving = stream.isReceiving;
                         existingStream.mediaStreamType = stream.mediaStreamType;
                     }
@@ -26415,7 +26400,6 @@ let CallContext$2 = class CallContext {
             }
         });
     }
-    /* @conditional-compile-remove(video-stream-is-receiving-flag) */
     setRemoteVideoStreamIsReceiving(callId, participantKey, streamId, isReceiving) {
         this.modifyState((draft) => {
             const call = draft.calls[this._callIdHistory.latestCallId(callId)];
@@ -26460,7 +26444,6 @@ let CallContext$2 = class CallContext {
                         if (stream) {
                             stream.mediaStreamType = newStream.mediaStreamType;
                             stream.isAvailable = newStream.isAvailable;
-                            /* @conditional-compile-remove(video-stream-is-receiving-flag) */
                             stream.isReceiving = newStream.isReceiving;
                         }
                         else {
@@ -27010,14 +26993,12 @@ class RemoteVideoStreamSubscriber {
     constructor(callIdRef, participantKey, remoteVideoStream, context) {
         this.subscribe = () => {
             this._remoteVideoStream.on('isAvailableChanged', this.isAvailableChanged);
-            /* @conditional-compile-remove(video-stream-is-receiving-flag) */
             this._remoteVideoStream.on('isReceivingChanged', this.isReceivingChanged);
             this._remoteVideoStream.on('sizeChanged', this.isSizeChanged);
             this.checkAndUpdateScreenShareState();
         };
         this.unsubscribe = () => {
             this._remoteVideoStream.off('isAvailableChanged', this.isAvailableChanged);
-            /* @conditional-compile-remove(video-stream-is-receiving-flag) */
             this._remoteVideoStream.off('isReceivingChanged', this.isReceivingChanged);
             this._remoteVideoStream.off('sizeChanged', this.isSizeChanged);
         };
@@ -27068,7 +27049,6 @@ class RemoteVideoStreamSubscriber {
             this._context.setRemoteVideoStreamIsAvailable(this._callIdRef.callId, this._participantKey, this._remoteVideoStream.id, this._remoteVideoStream.isAvailable);
             this.checkAndUpdateScreenShareState();
         };
-        /* @conditional-compile-remove(video-stream-is-receiving-flag) */
         this.isReceivingChanged = () => {
             this._context.setRemoteVideoStreamIsReceiving(this._callIdRef.callId, this._participantKey, this._remoteVideoStream.id, this._remoteVideoStream.isReceiving);
         };
@@ -29987,7 +29967,6 @@ const convertRemoteVideoStreamToVideoGalleryStream = (stream) => {
     return {
         id: stream.id,
         isAvailable: stream.isAvailable,
-        /* @conditional-compile-remove(video-stream-is-receiving-flag) */
         isReceiving: stream.isReceiving,
         isMirrored: (_a = stream.view) === null || _a === void 0 ? void 0 : _a.isMirrored,
         renderElement: (_b = stream.view) === null || _b === void 0 ? void 0 : _b.target,
@@ -30492,10 +30471,6 @@ const getSelector = (component) => {
     if (component === HoldButton) {
         return findConditionalCompiledSelector(component);
     }
-    /* @conditional-compile-remove(notifications) */
-    if (component === NotificationStack) {
-        return findConditionalCompiledSelector(component);
-    }
     /* @conditional-compile-remove(one-to-n-calling) */
     if (component === IncomingCallStack) {
         return findConditionalCompiledSelector(component);
@@ -30530,20 +30505,18 @@ const findSelector = (component) => {
             return raiseHandButtonSelector;
         case ReactionButton:
             return reactionButtonSelector;
+        case NotificationStack:
+            return notificationStackSelector;
     }
     return undefined;
 };
-/* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(notifications) */ /* @conditional-compile-remove(one-to-n-calling) */
+/* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
 const findConditionalCompiledSelector = (component) => {
     switch (component) {
         /* @conditional-compile-remove(PSTN-calls) */
         case HoldButton:
             /* @conditional-compile-remove(PSTN-calls) */
             return holdButtonSelector;
-        /* @conditional-compile-remove(notifications) */
-        case NotificationStack:
-            /* @conditional-compile-remove(notifications) */
-            return notificationStackSelector;
         /* @conditional-compile-remove(one-to-n-calling) */
         case IncomingCallStack:
             /* @conditional-compile-remove(one-to-n-calling) */
@@ -31174,7 +31147,6 @@ const getSelectedCameraFromAdapterState = (state) => state.devices.selectedCamer
 const getLocatorOrTargetCallees = (locatorOrTargetCallees) => {
     return !!Array.isArray(locatorOrTargetCallees);
 };
-/* @conditional-compile-remove(notifications) */
 /**
  * Return different conditions based on the current and previous state of recording and transcribing
  *
@@ -31214,7 +31186,6 @@ const computeVariant = (callRecordState, callTranscribeState) => {
         return 'noState';
     }
 };
-/* @conditional-compile-remove(notifications) */
 /**
  * @private
  */
@@ -31235,7 +31206,6 @@ function determineStates(previous, current) {
         }
     }
 }
-/* @conditional-compile-remove(notifications) */
 /**
  * Compute compliance notification based on latest compliance state and cached props.
  * @private
@@ -33812,11 +33782,6 @@ const showDtmfDialerButton = (options) => {
     }
 };
 
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-Object.assign({}, react.AnimationStyles.fadeIn100);
-Object.assign(Object.assign({}, react.AnimationStyles.fadeOut200), { display: 'none' });
-
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 /**
@@ -36555,24 +36520,19 @@ const CallArrangement = (props) => {
         togglePeoplePane();
     }, [togglePeoplePane]);
     const drawerContainerStylesValue = React.useMemo(() => drawerContainerStyles(DRAWER_Z_INDEX), []);
-    let filteredLatestErrors = props.errorBarProps !== false ? props.latestErrors : [];
-    /* @conditional-compile-remove(notifications) */
     let filteredLatestErrorNotifications = props.showErrorNotifications
         ? props.latestErrors
         : [];
     const isCameraOn = useSelector$1(localVideoSelector).isAvailable;
     // TODO: move this logic to the error bar selector once role is plumbed from the headless SDK
-    if (role === 'Consumer' &&
-        (props.errorBarProps || /* @conditional-compile-remove(notifications) */ props.showErrorNotifications)) {
-        filteredLatestErrors = filteredLatestErrors.filter((e) => e.type !== 'callCameraAccessDenied' && e.type !== 'callCameraAccessDeniedSafari');
-        /* @conditional-compile-remove(notifications) */
+    if (role === 'Consumer' && (props.errorBarProps || props.showErrorNotifications)) {
+        filteredLatestErrorNotifications = filteredLatestErrorNotifications.filter((e) => e.type !== 'callCameraAccessDenied' && e.type !== 'callCameraAccessDeniedSafari');
+    }
+    if (props.doNotShowCameraAccessNotifications) {
         filteredLatestErrorNotifications = filteredLatestErrorNotifications.filter((e) => e.type !== 'callCameraAccessDenied' && e.type !== 'callCameraAccessDeniedSafari');
     }
     const isVideoPaneOpen = useIsParticularSidePaneOpen(VIDEO_EFFECTS_SIDE_PANE_ID);
-    if ((isVideoPaneOpen || !isCameraOn) &&
-        (props.errorBarProps || /* @conditional-compile-remove(notifications) */ props.showErrorNotifications)) {
-        filteredLatestErrors = filteredLatestErrors.filter((e) => e.type !== 'unableToStartVideoEffect');
-        /* @conditional-compile-remove(notifications) */
+    if ((isVideoPaneOpen || !isCameraOn) && (props.errorBarProps || props.showErrorNotifications)) {
         filteredLatestErrorNotifications = filteredLatestErrorNotifications.filter((e) => e.type !== 'unableToStartVideoEffect');
     }
     /* @conditional-compile-remove(acs-close-captions) */
@@ -36587,7 +36547,6 @@ const CallArrangement = (props) => {
     const isCaptionsOn = useSelector$1(getCaptionsStatus);
     const minMaxDragPosition = useMinMaxDragPosition(props.modalLayerHostId);
     const pipStyles = React.useMemo(() => getPipStyles(theme), [theme]);
-    /* @conditional-compile-remove(notifications) */
     if (isTeamsMeeting) {
         filteredLatestErrorNotifications
             .filter((notification) => notification.type === 'teamsMeetingCallNetworkQualityLow')
@@ -36604,19 +36563,6 @@ const CallArrangement = (props) => {
         : (_f = props.capabilitiesChangedNotificationBarProps) === null || _f === void 0 ? void 0 : _f.capabilitiesChangedNotifications;
     /* @conditional-compile-remove(breakout-rooms) */
     const notificationStackStrings = useCompositeStringsForNotificationStackStrings(locale);
-    const errorNotificationTrampoline = () => {
-        /* @conditional-compile-remove(notifications) */
-        return (React.createElement(React.Fragment, null, props.showErrorNotifications && (React.createElement(react.Stack, { styles: notificationStackStyles, horizontalAlign: "center", verticalAlign: "center" },
-            React.createElement(NotificationStack, { onDismissNotification: props.onDismissError, activeNotifications: filteredLatestErrorNotifications })))));
-    };
-    const mutedNotificationTrampoline = () => {
-        /* @conditional-compile-remove(notifications) */
-        return React.createElement(React.Fragment, null);
-    };
-    const complianceBannerTrampoline = () => {
-        /* @conditional-compile-remove(notifications) */
-        return React.createElement(React.Fragment, null);
-    };
     return (React.createElement("div", { ref: containerRef, className: react.mergeStyles(containerDivStyles), id: props.id },
         React.createElement(react.Stack, { verticalFill: true, horizontalAlign: "stretch", className: containerClassName, "data-ui-id": props.dataUiId },
             React.createElement(react.Stack, { reversed: true, horizontal: verticalControlBar, grow: true, styles: callArrangementContainerStyles(verticalControlBar) },
@@ -36647,16 +36593,15 @@ const CallArrangement = (props) => {
                         React.createElement(react.Stack.Item, { styles: callGalleryStyles, grow: true },
                             React.createElement(react.Stack, { verticalFill: true, styles: mediaGalleryContainerStyles$1 },
                                 React.createElement(react.Stack.Item, { styles: notificationsContainerStyles },
-                                    complianceBannerTrampoline(),
-                                    errorNotificationTrampoline(),
-                                    /* @conditional-compile-remove(notifications) */ props.latestNotifications && (React.createElement(react.Stack, { styles: notificationStackStyles, horizontalAlign: "center", verticalAlign: "center" },
+                                    props.showErrorNotifications && (React.createElement(react.Stack, { styles: notificationStackStyles, horizontalAlign: "center", verticalAlign: "center" },
+                                        React.createElement(NotificationStack, { onDismissNotification: props.onDismissError, activeNotifications: filteredLatestErrorNotifications }))),
+                                    props.latestNotifications && (React.createElement(react.Stack, { styles: notificationStackStyles, horizontalAlign: "center", verticalAlign: "center" },
                                         React.createElement(NotificationStack, { activeNotifications: props.latestNotifications, onDismissNotification: props.onDismissNotification, 
                                             /* @conditional-compile-remove(breakout-rooms) */
                                             strings: notificationStackStrings }))),
                                     props.capabilitiesChangedNotificationBarProps &&
                                         props.capabilitiesChangedNotificationBarProps.capabilitiesChangedNotifications.length > 0 && (React.createElement(react.Stack, { styles: bannerNotificationStyles },
-                                        React.createElement(CapabilitiesChangedNotificationBar, Object.assign({}, props.capabilitiesChangedNotificationBarProps, { capabilitiesChangedNotifications: filteredCapabilitesChangedNotifications !== null && filteredCapabilitesChangedNotifications !== void 0 ? filteredCapabilitesChangedNotifications : [] })))),
-                                    mutedNotificationTrampoline()),
+                                        React.createElement(CapabilitiesChangedNotificationBar, Object.assign({}, props.capabilitiesChangedNotificationBarProps, { capabilitiesChangedNotifications: filteredCapabilitesChangedNotifications !== null && filteredCapabilitesChangedNotifications !== void 0 ? filteredCapabilitesChangedNotifications : [] }))))),
                                 renderGallery && props.onRenderGalleryContent && props.onRenderGalleryContent(),
                                 /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */ !isInLocalHold && (React.createElement(CaptionsBanner, { isMobile: props.mobileView, onFetchAvatarPersonaData: props.onFetchAvatarPersonaData, useTeamsCaptions: useTeamsCaptions }))))),
                     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)
@@ -37135,12 +37080,8 @@ const DtmfDialpadPage = (props) => {
  * @private
  */
 const CallPage = (props) => {
-    var _a, _b;
-    const { callInvitationURL, onFetchAvatarPersonaData, onFetchParticipantMenuItems, options, mobileView, galleryLayout = 'floatingLocalVideo', onUserSetGalleryLayoutChange, userSetOverflowGalleryPosition = 'Responsive', onSetUserSetOverflowGalleryPosition, onCloseChatPane, pinnedParticipants = [], setPinnedParticipants, compositeAudioContext, disableAutoShowDtmfDialer = false, 
-    /* @conditional-compile-remove(notifications) */
-    latestNotifications, 
-    /* @conditional-compile-remove(notifications) */
-    onDismissNotification } = props;
+    var _a, _b, _c, _d;
+    const { callInvitationURL, onFetchAvatarPersonaData, onFetchParticipantMenuItems, options, mobileView, galleryLayout = 'floatingLocalVideo', onUserSetGalleryLayoutChange, userSetOverflowGalleryPosition = 'Responsive', onSetUserSetOverflowGalleryPosition, onCloseChatPane, pinnedParticipants = [], setPinnedParticipants, compositeAudioContext, disableAutoShowDtmfDialer = false, latestNotifications, onDismissNotification } = props;
     // To use useProps to get these states, we need to create another file wrapping Call,
     // It seems unnecessary in this case, so we get the updated states using this approach.
     const { callStatus } = useSelector$1(callStatusSelector);
@@ -37171,19 +37112,15 @@ const CallPage = (props) => {
         }
     };
     return (React.createElement(React.Fragment, null,
-        React.createElement(CallArrangement, { id: drawerMenuHostId, complianceBannerProps: Object.assign(Object.assign({}, complianceBannerProps), { strings }), errorBarProps: (options === null || options === void 0 ? void 0 : options.errorBar) !== false && errorBarProps, 
-            /* @conditional-compile-remove(notifications) */
-            showErrorNotifications: (_a = options === null || options === void 0 ? void 0 : options.errorBar) !== null && _a !== void 0 ? _a : true, mutedNotificationProps: mutedNotificationProps, callControlProps: {
+        React.createElement(CallArrangement, { id: drawerMenuHostId, complianceBannerProps: Object.assign(Object.assign({}, complianceBannerProps), { strings }), errorBarProps: (options === null || options === void 0 ? void 0 : options.errorBar) !== false && errorBarProps, showErrorNotifications: (_a = options === null || options === void 0 ? void 0 : options.errorBar) !== null && _a !== void 0 ? _a : true, mutedNotificationProps: mutedNotificationProps, callControlProps: {
                 callInvitationURL: callInvitationURL,
                 onFetchParticipantMenuItems: onFetchParticipantMenuItems,
                 options: callControlOptions,
                 increaseFlyoutItemSize: mobileView
             }, onFetchAvatarPersonaData: onFetchAvatarPersonaData, mobileView: mobileView, modalLayerHostId: props.modalLayerHostId, onRenderGalleryContent: () => _isInCall(callStatus) ? (isNetworkHealthy(networkReconnectTileProps.networkReconnectValue) ? (onRenderGalleryContentTrampoline()) : (React.createElement(NetworkReconnectTile, Object.assign({}, networkReconnectTileProps, { 
-                /* /* @conditional-compile-remove(teams-meeting-conference) */ isMobile: mobileView })))) : (React.createElement(React.Fragment, null)), updateSidePaneRenderer: props.updateSidePaneRenderer, mobileChatTabHeader: props.mobileChatTabHeader, onCloseChatPane: onCloseChatPane, dataUiId: 'call-page', latestErrors: props.latestErrors, 
-            /* @conditional-compile-remove(notifications) */
-            latestNotifications: latestNotifications, onDismissError: props.onDismissError, 
-            /* @conditional-compile-remove(notifications) */
-            onDismissNotification: onDismissNotification, onUserSetOverflowGalleryPositionChange: onSetUserSetOverflowGalleryPosition, onUserSetGalleryLayoutChange: onUserSetGalleryLayoutChange, userSetGalleryLayout: galleryLayout, capabilitiesChangedNotificationBarProps: props.capabilitiesChangedNotificationBarProps, onSetDialpadPage: () => setDtmfDialerPresent(!dtmfDialerPresent), dtmfDialerPresent: dtmfDialerPresent, setIsPromptOpen: setIsPromptOpen, setPromptProps: setPromptProps, hideSpotlightButtons: (_b = options === null || options === void 0 ? void 0 : options.spotlight) === null || _b === void 0 ? void 0 : _b.hideSpotlightButtons, pinnedParticipants: pinnedParticipantsChecked, setPinnedParticipants: setPinnedParticipants }),
+                /* /* @conditional-compile-remove(teams-meeting-conference) */ isMobile: mobileView })))) : (React.createElement(React.Fragment, null)), updateSidePaneRenderer: props.updateSidePaneRenderer, mobileChatTabHeader: props.mobileChatTabHeader, onCloseChatPane: onCloseChatPane, dataUiId: 'call-page', latestErrors: props.latestErrors, latestNotifications: latestNotifications, onDismissError: props.onDismissError, onDismissNotification: onDismissNotification, onUserSetOverflowGalleryPositionChange: onSetUserSetOverflowGalleryPosition, onUserSetGalleryLayoutChange: onUserSetGalleryLayoutChange, userSetGalleryLayout: galleryLayout, capabilitiesChangedNotificationBarProps: props.capabilitiesChangedNotificationBarProps, onSetDialpadPage: () => setDtmfDialerPresent(!dtmfDialerPresent), dtmfDialerPresent: dtmfDialerPresent, setIsPromptOpen: setIsPromptOpen, setPromptProps: setPromptProps, hideSpotlightButtons: (_b = options === null || options === void 0 ? void 0 : options.spotlight) === null || _b === void 0 ? void 0 : _b.hideSpotlightButtons, pinnedParticipants: pinnedParticipantsChecked, setPinnedParticipants: setPinnedParticipants, 
+            /* @conditional-compile-remove(call-readiness) */
+            doNotShowCameraAccessNotifications: ((_d = (_c = props.options) === null || _c === void 0 ? void 0 : _c.deviceChecks) === null || _d === void 0 ? void 0 : _d.camera) === 'doNotPrompt' }),
         React.createElement(Prompt, Object.assign({ isOpen: isPromptOpen, onDismiss: () => setIsPromptOpen(false) }, promptProps))));
 };
 /**
@@ -38000,7 +37937,10 @@ const CallReadinessModal = (props) => {
     // On Safari browser with 2 options: don't allow/never for this website again, when don't allow is clicked, permissionAPI returns prompt and PermissionGranted from calling sdk returns false (the right value)
     const videoState = permissionsState.camera;
     const audioState = permissionsState.microphone;
-    const showModal = videoState === 'denied' || videoState === 'prompt' || audioState === 'denied' || audioState === 'prompt';
+    const showModal = (!props.doNotPromptCamera && videoState === 'denied') ||
+        (!props.doNotPromptCamera && videoState === 'prompt') ||
+        audioState === 'denied' ||
+        audioState === 'prompt';
     /* @conditional-compile-remove(unsupported-browser) */
     const isSafari = _isSafari(environmentInfo);
     const modal = !showModal
@@ -38391,7 +38331,7 @@ const ConfigurationPage = (props) => {
         // show the following screen if permission API is availible (not unsupported) and videoState, audioState is assigned values
         videoState && videoState !== 'unsupported' && audioState && audioState !== 'unsupported' && (React.createElement(CallReadinessModal, { modalLayerHostId: modalLayerHostId, mobileView: mobileView, 
             /* @conditional-compile-remove(unsupported-browser) */
-            environmentInfo: environmentInfo, permissionsState: permissionsState, isPermissionsModalDismissed: isPermissionsModalDismissed, setIsPermissionsModalDismissed: setIsPermissionsModalDismissed, onPermissionsTroubleshootingClick: onPermissionsTroubleshootingClick })),
+            environmentInfo: environmentInfo, permissionsState: permissionsState, isPermissionsModalDismissed: isPermissionsModalDismissed, setIsPermissionsModalDismissed: setIsPermissionsModalDismissed, onPermissionsTroubleshootingClick: onPermissionsTroubleshootingClick, doNotPromptCamera: (deviceChecks === null || deviceChecks === void 0 ? void 0 : deviceChecks.camera) === 'doNotPrompt' })),
         /* @conditional-compile-remove(call-readiness) */
         // show the following screen if permission API is not availible (unsupported) and videoState, audioState is assigned values
         videoState && audioState && (videoState === 'unsupported' || audioState === 'unsupported') && (React.createElement(CallReadinessModalFallBack
@@ -38577,7 +38517,7 @@ const LobbyTile = (props) => {
  * @private
  */
 const LobbyPage = (props) => {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e, _f, _g, _h;
     const errorBarProps = usePropsFor$1(ErrorBar);
     const lobbyProps = useSelector$1(lobbySelector);
     const strings = useLocale().strings.call;
@@ -38589,16 +38529,12 @@ const LobbyPage = (props) => {
         ? reduceCallControlsForMobile((_b = props.options) === null || _b === void 0 ? void 0 : _b.callControls)
         : (_c = props.options) === null || _c === void 0 ? void 0 : _c.callControls;
     callControlOptions = disableCallControls(callControlOptions, ['screenShareButton', 'participantsButton']);
-    return (React.createElement(CallArrangement, { complianceBannerProps: { strings }, errorBarProps: ((_d = props.options) === null || _d === void 0 ? void 0 : _d.errorBar) !== false && errorBarProps, 
-        /* @conditional-compile-remove(notifications) */
-        showErrorNotifications: (_f = (_e = props.options) === null || _e === void 0 ? void 0 : _e.errorBar) !== null && _f !== void 0 ? _f : true, callControlProps: {
+    return (React.createElement(CallArrangement, { complianceBannerProps: { strings }, errorBarProps: ((_d = props.options) === null || _d === void 0 ? void 0 : _d.errorBar) !== false && errorBarProps, showErrorNotifications: (_f = (_e = props.options) === null || _e === void 0 ? void 0 : _e.errorBar) !== null && _f !== void 0 ? _f : true, callControlProps: {
             options: callControlOptions,
             increaseFlyoutItemSize: props.mobileView
-        }, mobileView: props.mobileView, modalLayerHostId: props.modalLayerHostId, onRenderGalleryContent: () => (React.createElement(LobbyTile, Object.assign({}, lobbyProps, { showLocalVideoCameraCycleButton: props.mobileView, overlayProps: overlayProps(strings, inLobby, Object.values(participants)) }))), dataUiId: 'lobby-page', updateSidePaneRenderer: props.updateSidePaneRenderer, mobileChatTabHeader: props.mobileChatTabHeader, latestErrors: props.latestErrors, onDismissError: props.onDismissError, 
-        /* @conditional-compile-remove(notifications) */
-        latestNotifications: props.latestNotifications, 
-        /* @conditional-compile-remove(notifications) */
-        onDismissNotification: props.onDismissNotification }));
+        }, mobileView: props.mobileView, modalLayerHostId: props.modalLayerHostId, onRenderGalleryContent: () => (React.createElement(LobbyTile, Object.assign({}, lobbyProps, { showLocalVideoCameraCycleButton: props.mobileView, overlayProps: overlayProps(strings, inLobby, Object.values(participants)) }))), dataUiId: 'lobby-page', updateSidePaneRenderer: props.updateSidePaneRenderer, mobileChatTabHeader: props.mobileChatTabHeader, latestErrors: props.latestErrors, onDismissError: props.onDismissError, latestNotifications: props.latestNotifications, onDismissNotification: props.onDismissNotification, 
+        /* @conditional-compile-remove(call-readiness) */
+        doNotShowCameraAccessNotifications: ((_h = (_g = props.options) === null || _g === void 0 ? void 0 : _g.deviceChecks) === null || _h === void 0 ? void 0 : _h.camera) === 'doNotPrompt' }));
 };
 const overlayProps = (strings, inLobby, remoteParticipants) => {
     /**
@@ -38707,7 +38643,7 @@ const statusTextStyles = { textAlign: 'center', fontSize: '1rem' };
  * @private
  */
 const TransferPage = (props) => {
-    var _a, _b, _c, _d, _e, _f, _g;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
     const errorBarProps = usePropsFor$1(ErrorBar);
     const strings = useLocale().strings.call;
     const remoteParticipants = useSelector$1(getRemoteParticipants);
@@ -38741,18 +38677,14 @@ const TransferPage = (props) => {
         React.createElement(Announcer$1, { announcementString: announcerString, ariaLive: "polite" }),
         React.createElement(CallArrangement, { complianceBannerProps: { strings }, 
             // Ignore errors from before current call. This avoids old errors from showing up when a user re-joins a call.
-            errorBarProps: ((_e = props.options) === null || _e === void 0 ? void 0 : _e.errorBar) !== false && errorBarProps, 
-            /* @conditional-compile-remove(notifications) */
-            showErrorNotifications: (_g = (_f = props.options) === null || _f === void 0 ? void 0 : _f.errorBar) !== null && _g !== void 0 ? _g : true, callControlProps: {
+            errorBarProps: ((_e = props.options) === null || _e === void 0 ? void 0 : _e.errorBar) !== false && errorBarProps, showErrorNotifications: (_g = (_f = props.options) === null || _f === void 0 ? void 0 : _f.errorBar) !== null && _g !== void 0 ? _g : true, callControlProps: {
                 options: callControlOptions,
                 increaseFlyoutItemSize: props.mobileView
             }, mobileView: props.mobileView, modalLayerHostId: props.modalLayerHostId, onRenderGalleryContent: () => (React.createElement(TransferTile, { userId: transferTileParticipant ? toFlatCommunicationIdentifier(transferTileParticipant === null || transferTileParticipant === void 0 ? void 0 : transferTileParticipant.identifier) : undefined, displayName: transferParticipantDisplayName, initialsName: transferParticipantDisplayName, statusText: pageSubject === 'transferTarget'
                     ? strings.transferPageTransferTargetText
-                    : strings.transferPageTransferorText, onFetchAvatarPersonaData: props.onFetchAvatarPersonaData })), dataUiId: 'transfer-page', updateSidePaneRenderer: props.updateSidePaneRenderer, mobileChatTabHeader: props.mobileChatTabHeader, latestErrors: props.latestErrors, onDismissError: props.onDismissError, 
-            /* @conditional-compile-remove(notifications) */
-            onDismissNotification: props.onDismissNotification, 
-            /* @conditional-compile-remove(notifications) */
-            latestNotifications: props.latestNotifications })));
+                    : strings.transferPageTransferorText, onFetchAvatarPersonaData: props.onFetchAvatarPersonaData })), dataUiId: 'transfer-page', updateSidePaneRenderer: props.updateSidePaneRenderer, mobileChatTabHeader: props.mobileChatTabHeader, latestErrors: props.latestErrors, onDismissError: props.onDismissError, onDismissNotification: props.onDismissNotification, latestNotifications: props.latestNotifications, 
+            /* @conditional-compile-remove(call-readiness) */
+            doNotShowCameraAccessNotifications: ((_j = (_h = props.options) === null || _h === void 0 ? void 0 : _h.deviceChecks) === null || _j === void 0 ? void 0 : _j.camera) === 'doNotPrompt' })));
 };
 const TransferTile = (props) => {
     const { displayName, initialsName, userId, onFetchAvatarPersonaData, statusText } = props;
@@ -38955,7 +38887,7 @@ const stringsTrampoline = (locale) => {
  * @beta
  */
 const HoldPage = (props) => {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f, _g;
     const errorBarProps = usePropsFor$1(ErrorBar);
     const strings = useLocale().strings.call;
     let callControlOptions = props.mobileView
@@ -38970,16 +38902,12 @@ const HoldPage = (props) => {
         /* @conditional-compile-remove(one-to-n-calling) */
         'holdButton'
     ]);
-    return (React.createElement(CallArrangement, { complianceBannerProps: { strings }, errorBarProps: ((_c = props.options) === null || _c === void 0 ? void 0 : _c.errorBar) !== false && errorBarProps, 
-        /* @conditional-compile-remove(notifications) */
-        showErrorNotifications: (_e = (_d = props.options) === null || _d === void 0 ? void 0 : _d.errorBar) !== null && _e !== void 0 ? _e : true, callControlProps: {
+    return (React.createElement(CallArrangement, { complianceBannerProps: { strings }, errorBarProps: ((_c = props.options) === null || _c === void 0 ? void 0 : _c.errorBar) !== false && errorBarProps, showErrorNotifications: (_e = (_d = props.options) === null || _d === void 0 ? void 0 : _d.errorBar) !== null && _e !== void 0 ? _e : true, callControlProps: {
             options: callControlOptions,
             increaseFlyoutItemSize: props.mobileView
-        }, mobileView: props.mobileView, modalLayerHostId: props.modalLayerHostId, onRenderGalleryContent: () => React.createElement(HoldPane, null), dataUiId: 'hold-page', updateSidePaneRenderer: props.updateSidePaneRenderer, mobileChatTabHeader: props.mobileChatTabHeader, latestErrors: props.latestErrors, 
-        /* @conditional-compile-remove(notifications) */
-        latestNotifications: props.latestNotifications, onDismissError: props.onDismissError, 
-        /* @conditional-compile-remove(notifications) */
-        onDismissNotification: props.onDismissNotification }));
+        }, mobileView: props.mobileView, modalLayerHostId: props.modalLayerHostId, onRenderGalleryContent: () => React.createElement(HoldPane, null), dataUiId: 'hold-page', updateSidePaneRenderer: props.updateSidePaneRenderer, mobileChatTabHeader: props.mobileChatTabHeader, latestErrors: props.latestErrors, latestNotifications: props.latestNotifications, onDismissError: props.onDismissError, onDismissNotification: props.onDismissNotification, 
+        /* @conditional-compile-remove(call-readiness) */
+        doNotShowCameraAccessNotifications: ((_g = (_f = props.options) === null || _f === void 0 ? void 0 : _f.deviceChecks) === null || _g === void 0 ? void 0 : _g.camera) === 'doNotPrompt' }));
 };
 
 // Copyright (c) Microsoft Corporation.
@@ -39424,17 +39352,22 @@ const isShowing = (overrideSidePane) => {
     return !!(overrideSidePane === null || overrideSidePane === void 0 ? void 0 : overrideSidePane.isActive);
 };
 const MainScreen = (props) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
     const adapter = useAdapter();
     const { camerasCount, microphonesCount } = useSelector$1(deviceCountSelector);
     const hasCameras = camerasCount > 0;
     const hasMicrophones = microphonesCount > 0;
     React.useEffect(() => {
         (() => __awaiter$b(void 0, void 0, void 0, function* () {
-            var _a;
+            var _a, _b, _c, _d, _e;
             const constrain = getQueryOptions({
                 role: (_a = adapter.getState().call) === null || _a === void 0 ? void 0 : _a.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;
+            }
             yield adapter.askDevicePermission(constrain);
             adapter.queryCameras();
             adapter.queryMicrophones();
@@ -39442,6 +39375,8 @@ const MainScreen = (props) => {
         }))();
     }, [
         adapter,
+        /* @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
         // as we cannot request permissions when there are no devices.
         hasCameras,
@@ -39452,7 +39387,7 @@ const MainScreen = (props) => {
     const endedCall = useSelector$1(getEndedCall);
     const [sidePaneRenderer, setSidePaneRenderer] = React.useState();
     const [injectedSidePaneProps, setInjectedSidePaneProps] = React.useState();
-    const [userSetGalleryLayout, setUserSetGalleryLayout] = React.useState((_c = (_b = (_a = props.options) === null || _a === void 0 ? void 0 : _a.galleryOptions) === null || _b === void 0 ? void 0 : _b.layout) !== null && _c !== void 0 ? _c : 'floatingLocalVideo');
+    const [userSetGalleryLayout, setUserSetGalleryLayout] = React.useState((_d = (_c = (_b = props.options) === null || _b === void 0 ? void 0 : _b.galleryOptions) === null || _c === void 0 ? void 0 : _c.layout) !== null && _d !== void 0 ? _d : 'floatingLocalVideo');
     const [userSetOverflowGalleryPosition, setUserSetOverflowGalleryPosition] = React.useState('Responsive');
     const overridePropsRef = React.useRef(props.overrideSidePane);
     React.useEffect(() => {
@@ -39485,13 +39420,9 @@ const MainScreen = (props) => {
     // This works by tracking the most recent timestamp of any active error type.
     // And then tracking when that error type was last dismissed.
     const activeErrors = usePropsFor$1(ErrorBar).activeErrorMessages;
-    /* @conditional-compile-remove(notifications) */
     const activeInCallErrors = usePropsFor$1(NotificationStack).activeErrorMessages;
-    /* @conditional-compile-remove(notifications) */
     const activeNotifications = usePropsFor$1(NotificationStack).activeNotifications;
-    /* @conditional-compile-remove(notifications) */
     const complianceProps = useSelector$1(complianceBannerSelector);
-    /* @conditional-compile-remove(notifications) */
     const cachedProps = React.useRef({
         latestBooleanState: {
             callTranscribeState: false,
@@ -39503,11 +39434,9 @@ const MainScreen = (props) => {
         },
         lastUpdated: Date.now()
     });
-    /* @conditional-compile-remove(notifications) */
     const complianceNotification = React.useMemo(() => {
         return computeComplianceNotification(complianceProps, cachedProps);
     }, [complianceProps, cachedProps]);
-    /* @conditional-compile-remove(notifications) */
     React.useEffect(() => {
         if (complianceNotification) {
             activeNotifications.forEach((notification, index) => {
@@ -39529,28 +39458,21 @@ const MainScreen = (props) => {
         setTrackedNotifications((prev) => updateTrackedNotificationsWithActiveNotifications(prev, activeNotifications));
     }, [complianceNotification, activeNotifications]);
     const [trackedErrors, setTrackedErrors] = React.useState({});
-    /* @conditional-compile-remove(notifications) */
     const [trackedInCallErrors, setTrackedInCallErrors] = React.useState({});
-    /* @conditional-compile-remove(notifications) */
     const [trackedNotifications, setTrackedNotifications] = React.useState({});
     React.useEffect(() => {
         setTrackedErrors((prev) => updateTrackedNotificationsWithActiveNotifications(prev, activeErrors));
-        /* @conditional-compile-remove(notifications) */
         setTrackedInCallErrors((prev) => updateTrackedNotificationsWithActiveNotifications(prev, activeInCallErrors));
-    }, [activeErrors, /* @conditional-compile-remove(notifications) */ activeInCallErrors]);
+    }, [activeErrors, activeInCallErrors]);
     const onDismissError = React.useCallback((error) => {
         setTrackedErrors((prev) => trackNotificationAsDismissed(error.type, prev));
-        /* @conditional-compile-remove(notifications) */
         setTrackedInCallErrors((prev) => trackNotificationAsDismissed(error.type, prev));
     }, []);
-    /* @conditional-compile-remove(notifications) */
     const onDismissNotification = React.useCallback((notification) => {
         setTrackedNotifications((prev) => trackNotificationAsDismissed(notification.type, prev));
     }, []);
     const latestErrors = React.useMemo(() => filterLatestNotifications(activeErrors, trackedErrors), [activeErrors, trackedErrors]);
-    /* @conditional-compile-remove(notifications) */
     const latestInCallErrors = React.useMemo(() => filterLatestNotifications(activeInCallErrors, trackedInCallErrors), [activeInCallErrors, trackedInCallErrors]);
-    /* @conditional-compile-remove(notifications) */
     const latestNotifications = React.useMemo(() => {
         const result = filterLatestNotifications(activeNotifications, trackedNotifications);
         // sort notifications by timestamp from earliest to latest
@@ -39565,10 +39487,6 @@ const MainScreen = (props) => {
     const leavePageStyle = React.useMemo(() => leavingPageStyle(palette), [palette]);
     let pageElement;
     const [pinnedParticipants, setPinnedParticipants] = React.useState([]);
-    const getLatestErrorsTrampoline = () => {
-        /* @conditional-compile-remove(notifications) */
-        return latestInCallErrors;
-    };
     switch (page) {
         case 'configuration':
             pageElement = (React.createElement(ConfigurationPage, { mobileView: props.mobileView, startCallHandler: () => {
@@ -39586,11 +39504,11 @@ const MainScreen = (props) => {
                     }
                 }, updateSidePaneRenderer: setSidePaneRenderer, latestErrors: latestErrors, onDismissError: onDismissError, modalLayerHostId: props.modalLayerHostId, 
                 /* @conditional-compile-remove(call-readiness) */
-                deviceChecks: (_d = props.options) === null || _d === void 0 ? void 0 : _d.deviceChecks, 
+                deviceChecks: (_e = props.options) === null || _e === void 0 ? void 0 : _e.deviceChecks, 
                 /* @conditional-compile-remove(call-readiness) */
-                onPermissionsTroubleshootingClick: (_e = props.options) === null || _e === void 0 ? void 0 : _e.onPermissionsTroubleshootingClick, 
+                onPermissionsTroubleshootingClick: (_f = props.options) === null || _f === void 0 ? void 0 : _f.onPermissionsTroubleshootingClick, 
                 /* @conditional-compile-remove(call-readiness) */
-                onNetworkingTroubleShootingClick: (_f = props.options) === null || _f === void 0 ? void 0 : _f.onNetworkingTroubleShootingClick, capabilitiesChangedNotificationBarProps: capabilitiesChangedNotificationBarProps, logo: (_h = (_g = props.options) === null || _g === void 0 ? void 0 : _g.branding) === null || _h === void 0 ? void 0 : _h.logo, backgroundImage: (_k = (_j = props.options) === null || _j === void 0 ? void 0 : _j.branding) === null || _k === void 0 ? void 0 : _k.backgroundImage }));
+                onNetworkingTroubleShootingClick: (_g = props.options) === null || _g === void 0 ? void 0 : _g.onNetworkingTroubleShootingClick, capabilitiesChangedNotificationBarProps: capabilitiesChangedNotificationBarProps, logo: (_j = (_h = props.options) === null || _h === void 0 ? void 0 : _h.branding) === null || _j === void 0 ? void 0 : _j.logo, backgroundImage: (_l = (_k = props.options) === null || _k === void 0 ? void 0 : _k.branding) === null || _l === void 0 ? void 0 : _l.backgroundImage }));
             break;
         case 'accessDeniedTeamsMeeting':
             pageElement = (React.createElement(NoticePage, { iconName: "NoticePageAccessDeniedTeamsMeeting", title: locale.strings.call.failedToJoinTeamsMeetingReasonAccessDeniedTitle, moreDetails: locale.strings.call.failedToJoinTeamsMeetingReasonAccessDeniedMoreDetails, dataUiId: 'access-denied-teams-meeting-page' }));
@@ -39602,7 +39520,7 @@ const MainScreen = (props) => {
             pageElement = (React.createElement(NoticePage, { iconName: "NoticePageJoinCallFailedDueToNoNetwork", title: locale.strings.call.failedToJoinCallDueToNoNetworkTitle, moreDetails: locale.strings.call.failedToJoinCallDueToNoNetworkMoreDetails, dataUiId: 'join-call-failed-due-to-no-network-page' }));
             break;
         case 'leaving':
-            pageElement = (React.createElement(NoticePage, { title: (_l = locale.strings.call.leavingCallTitle) !== null && _l !== void 0 ? _l : 'Leaving...', dataUiId: 'leaving-page', pageStyle: leavePageStyle, disableStartCallButton: true }));
+            pageElement = (React.createElement(NoticePage, { title: (_m = locale.strings.call.leavingCallTitle) !== null && _m !== void 0 ? _m : 'Leaving...', dataUiId: 'leaving-page', pageStyle: leavePageStyle, disableStartCallButton: true }));
             break;
         case 'badRequest': {
             const { title, moreDetails, disableStartCallButton, iconName } = getEndedCallPageProps(locale, endedCall);
@@ -39611,41 +39529,25 @@ const MainScreen = (props) => {
         }
         case 'leftCall': {
             const { title, moreDetails, disableStartCallButton, iconName } = getEndedCallPageProps(locale, endedCall);
-            if (!((_o = (_m = props.options) === null || _m === void 0 ? void 0 : _m.surveyOptions) === null || _o === void 0 ? void 0 : _o.disableSurvey)) {
-                pageElement = (React.createElement(SurveyPage, { dataUiId: 'left-call-page', surveyOptions: (_p = props.options) === null || _p === void 0 ? void 0 : _p.surveyOptions, iconName: iconName, title: title, moreDetails: moreDetails, disableStartCallButton: disableStartCallButton, mobileView: props.mobileView }));
+            if (!((_p = (_o = props.options) === null || _o === void 0 ? void 0 : _o.surveyOptions) === null || _p === void 0 ? void 0 : _p.disableSurvey)) {
+                pageElement = (React.createElement(SurveyPage, { dataUiId: 'left-call-page', surveyOptions: (_q = props.options) === null || _q === void 0 ? void 0 : _q.surveyOptions, iconName: iconName, title: title, moreDetails: moreDetails, disableStartCallButton: disableStartCallButton, mobileView: props.mobileView }));
                 break;
             }
             pageElement = (React.createElement(NoticePage, { iconName: iconName, title: title, moreDetails: callees ? '' : moreDetails, dataUiId: 'left-call-page', disableStartCallButton: disableStartCallButton }));
             break;
         }
         case 'lobby':
-            pageElement = (React.createElement(LobbyPage, { mobileView: props.mobileView, modalLayerHostId: props.modalLayerHostId, options: props.options, updateSidePaneRenderer: setSidePaneRenderer, mobileChatTabHeader: props.mobileChatTabHeader, latestErrors: getLatestErrorsTrampoline(), 
-                /* @conditional-compile-remove(notifications) */
-                latestNotifications: latestNotifications, onDismissError: onDismissError, 
-                /* @conditional-compile-remove(notifications) */
-                onDismissNotification: onDismissNotification, capabilitiesChangedNotificationBarProps: capabilitiesChangedNotificationBarProps }));
+            pageElement = (React.createElement(LobbyPage, { mobileView: props.mobileView, modalLayerHostId: props.modalLayerHostId, options: props.options, updateSidePaneRenderer: setSidePaneRenderer, mobileChatTabHeader: props.mobileChatTabHeader, latestErrors: latestInCallErrors, latestNotifications: latestNotifications, onDismissError: onDismissError, onDismissNotification: onDismissNotification, capabilitiesChangedNotificationBarProps: capabilitiesChangedNotificationBarProps }));
             break;
         case 'transferring':
-            pageElement = (React.createElement(TransferPage, { mobileView: props.mobileView, modalLayerHostId: props.modalLayerHostId, options: props.options, updateSidePaneRenderer: setSidePaneRenderer, mobileChatTabHeader: props.mobileChatTabHeader, onFetchAvatarPersonaData: onFetchAvatarPersonaData, latestErrors: getLatestErrorsTrampoline(), 
-                /* @conditional-compile-remove(notifications) */
-                latestNotifications: latestNotifications, onDismissError: onDismissError, 
-                /* @conditional-compile-remove(notifications) */
-                onDismissNotification: onDismissNotification, capabilitiesChangedNotificationBarProps: capabilitiesChangedNotificationBarProps }));
+            pageElement = (React.createElement(TransferPage, { mobileView: props.mobileView, modalLayerHostId: props.modalLayerHostId, options: props.options, updateSidePaneRenderer: setSidePaneRenderer, mobileChatTabHeader: props.mobileChatTabHeader, onFetchAvatarPersonaData: onFetchAvatarPersonaData, latestErrors: latestInCallErrors, latestNotifications: latestNotifications, onDismissError: onDismissError, onDismissNotification: onDismissNotification, capabilitiesChangedNotificationBarProps: capabilitiesChangedNotificationBarProps }));
             break;
         case 'call':
-            pageElement = (React.createElement(CallPage, { callInvitationURL: callInvitationUrl, onFetchAvatarPersonaData: onFetchAvatarPersonaData, onFetchParticipantMenuItems: onFetchParticipantMenuItems, mobileView: props.mobileView, modalLayerHostId: props.modalLayerHostId, options: props.options, updateSidePaneRenderer: setSidePaneRenderer, mobileChatTabHeader: props.mobileChatTabHeader, onCloseChatPane: props.onCloseChatPane, latestErrors: getLatestErrorsTrampoline(), 
-                /* @conditional-compile-remove(notifications) */
-                latestNotifications: latestNotifications, onDismissError: onDismissError, 
-                /* @conditional-compile-remove(notifications) */
-                onDismissNotification: onDismissNotification, galleryLayout: userSetGalleryLayout, onUserSetGalleryLayoutChange: setUserSetGalleryLayout, onSetUserSetOverflowGalleryPosition: setUserSetOverflowGalleryPosition, userSetOverflowGalleryPosition: userSetOverflowGalleryPosition, capabilitiesChangedNotificationBarProps: capabilitiesChangedNotificationBarProps, pinnedParticipants: pinnedParticipants, setPinnedParticipants: setPinnedParticipants, compositeAudioContext: compositeAudioContext, disableAutoShowDtmfDialer: (_q = props.options) === null || _q === void 0 ? void 0 : _q.disableAutoShowDtmfDialer }));
+            pageElement = (React.createElement(CallPage, { callInvitationURL: callInvitationUrl, onFetchAvatarPersonaData: onFetchAvatarPersonaData, onFetchParticipantMenuItems: onFetchParticipantMenuItems, mobileView: props.mobileView, modalLayerHostId: props.modalLayerHostId, options: props.options, updateSidePaneRenderer: setSidePaneRenderer, mobileChatTabHeader: props.mobileChatTabHeader, onCloseChatPane: props.onCloseChatPane, latestErrors: latestInCallErrors, latestNotifications: latestNotifications, onDismissError: onDismissError, onDismissNotification: onDismissNotification, galleryLayout: userSetGalleryLayout, onUserSetGalleryLayoutChange: setUserSetGalleryLayout, onSetUserSetOverflowGalleryPosition: setUserSetOverflowGalleryPosition, userSetOverflowGalleryPosition: userSetOverflowGalleryPosition, capabilitiesChangedNotificationBarProps: capabilitiesChangedNotificationBarProps, pinnedParticipants: pinnedParticipants, setPinnedParticipants: setPinnedParticipants, compositeAudioContext: compositeAudioContext, disableAutoShowDtmfDialer: (_r = props.options) === null || _r === void 0 ? void 0 : _r.disableAutoShowDtmfDialer }));
             break;
         /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
         case 'hold':
-            pageElement = (React.createElement(React.Fragment, null, React.createElement(HoldPage, { mobileView: props.mobileView, modalLayerHostId: props.modalLayerHostId, options: props.options, updateSidePaneRenderer: setSidePaneRenderer, mobileChatTabHeader: props.mobileChatTabHeader, latestErrors: getLatestErrorsTrampoline(), 
-                /* @conditional-compile-remove(notifications) */
-                latestNotifications: latestNotifications, onDismissError: onDismissError, 
-                /* @conditional-compile-remove(notifications) */
-                onDismissNotification: onDismissNotification, capabilitiesChangedNotificationBarProps: capabilitiesChangedNotificationBarProps })));
+            pageElement = (React.createElement(React.Fragment, null, React.createElement(HoldPage, { mobileView: props.mobileView, modalLayerHostId: props.modalLayerHostId, options: props.options, updateSidePaneRenderer: setSidePaneRenderer, mobileChatTabHeader: props.mobileChatTabHeader, latestErrors: latestInCallErrors, latestNotifications: latestNotifications, onDismissError: onDismissError, onDismissNotification: onDismissNotification, capabilitiesChangedNotificationBarProps: capabilitiesChangedNotificationBarProps })));
             break;
     }
     useEndedCallConsoleErrors(endedCall);
@@ -39654,7 +39556,7 @@ const MainScreen = (props) => {
         case 'unsupportedEnvironment':
             pageElement = (React.createElement(React.Fragment, null, 
             /* @conditional-compile-remove(unsupported-browser) */
-            React.createElement(UnsupportedBrowserPage, { onTroubleshootingClick: (_r = props.options) === null || _r === void 0 ? void 0 : _r.onEnvironmentInfoTroubleshootingClick, environmentInfo: adapter.getState().environmentInfo })));
+            React.createElement(UnsupportedBrowserPage, { onTroubleshootingClick: (_s = props.options) === null || _s === void 0 ? void 0 : _s.onEnvironmentInfoTroubleshootingClick, environmentInfo: adapter.getState().environmentInfo })));
             break;
     }
     if (!pageElement) {
@@ -44010,4 +43912,4 @@ exports.useTeamsCall = useTeamsCall;
 exports.useTeamsCallAdapter = useTeamsCallAdapter;
 exports.useTeamsCallAgent = useTeamsCallAgent;
 exports.useTheme = useTheme;
-//# sourceMappingURL=index-DpiiYxjR.js.map
+//# sourceMappingURL=index-C6b4-4lG.js.map