@azure/communication-react 1.21.0-alpha-202411070016 → 1.21.0-alpha-202411090016

package/dist/dist-cjs/communication-react/{index-DKFJEPz7.js → index-BvWMNZEq.js}

@@ -188,7 +188,7 @@ function getDefaultExportFromCjs (x) {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 // GENERATED FILE. DO NOT EDIT MANUALLY.
-var telemetryVersion = '1.21.0-alpha-202411070016';
+var telemetryVersion = '1.21.0-alpha-202411090016';
 
 
 var telemetryVersion$1 = /*@__PURE__*/getDefaultExportFromCjs(telemetryVersion);
@@ -1335,6 +1335,42 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
             yield (call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.Spotlight).stopSpotlight(participants));
         })
         : undefined;
+    /* @conditional-compile-remove(media-access) */
+    const onForbidParticipantAudio = (userIds) => __awaiter$10(void 0, void 0, void 0, function* () {
+        const participants = userIds === null || userIds === void 0 ? void 0 : userIds.map((userId) => _toCommunicationIdentifier(userId));
+        yield (call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.MediaAccess).forbidAudio(participants));
+    });
+    /* @conditional-compile-remove(media-access) */
+    const onPermitParticipantAudio = (userIds) => __awaiter$10(void 0, void 0, void 0, function* () {
+        const participants = userIds === null || userIds === void 0 ? void 0 : userIds.map((userId) => _toCommunicationIdentifier(userId));
+        yield (call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.MediaAccess).permitAudio(participants));
+    });
+    /* @conditional-compile-remove(media-access) */
+    const onForbidRemoteParticipantsAudio = () => __awaiter$10(void 0, void 0, void 0, function* () {
+        yield (call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.MediaAccess).forbidRemoteParticipantsAudio());
+    });
+    /* @conditional-compile-remove(media-access) */
+    const onPermitRemoteParticipantsAudio = () => __awaiter$10(void 0, void 0, void 0, function* () {
+        yield (call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.MediaAccess).permitRemoteParticipantsAudio());
+    });
+    /* @conditional-compile-remove(media-access) */
+    const onForbidParticipantVideo = (userIds) => __awaiter$10(void 0, void 0, void 0, function* () {
+        const participants = userIds === null || userIds === void 0 ? void 0 : userIds.map((userId) => _toCommunicationIdentifier(userId));
+        yield (call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.MediaAccess).forbidVideo(participants));
+    });
+    /* @conditional-compile-remove(media-access) */
+    const onPermitParticipantVideo = (userIds) => __awaiter$10(void 0, void 0, void 0, function* () {
+        const participants = userIds === null || userIds === void 0 ? void 0 : userIds.map((userId) => _toCommunicationIdentifier(userId));
+        yield (call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.MediaAccess).permitVideo(participants));
+    });
+    /* @conditional-compile-remove(media-access) */
+    const onForbidRemoteParticipantsVideo = () => __awaiter$10(void 0, void 0, void 0, function* () {
+        yield (call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.MediaAccess).forbidRemoteParticipantsVideo());
+    });
+    /* @conditional-compile-remove(media-access) */
+    const onPermitRemoteParticipantsVideo = () => __awaiter$10(void 0, void 0, void 0, function* () {
+        yield (call === null || call === void 0 ? void 0 : call.feature(communicationCalling.Features.MediaAccess).permitRemoteParticipantsVideo());
+    });
     return {
         onHangUp,
         onToggleHold,
@@ -1357,7 +1393,7 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
         onRaiseHand,
         onLowerHand,
         onToggleRaiseHand,
-        onReactionClick: onReactionClick,
+        onReactionClick,
         onAddParticipant: notImplemented,
         onRemoveParticipant: notImplemented,
         onStartCall: notImplemented,
@@ -1384,7 +1420,23 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
         onMuteParticipant,
         onMuteAllRemoteParticipants,
         onAcceptCall: notImplemented,
-        onRejectCall: notImplemented
+        onRejectCall: notImplemented,
+        /* @conditional-compile-remove(media-access) */
+        onForbidParticipantAudio,
+        /* @conditional-compile-remove(media-access) */
+        onPermitParticipantAudio,
+        /* @conditional-compile-remove(media-access) */
+        onForbidRemoteParticipantsAudio,
+        /* @conditional-compile-remove(media-access) */
+        onPermitRemoteParticipantsAudio,
+        /* @conditional-compile-remove(media-access) */
+        onForbidParticipantVideo,
+        /* @conditional-compile-remove(media-access) */
+        onPermitParticipantVideo,
+        /* @conditional-compile-remove(media-access) */
+        onForbidRemoteParticipantsVideo,
+        /* @conditional-compile-remove(media-access) */
+        onPermitRemoteParticipantsVideo
     };
 });
 
@@ -8486,7 +8538,7 @@ const textFieldStyle = {
  */
 const Announcer$1 = (props) => {
     const { announcementString, ariaLive } = props;
-    return React.createElement(react.Stack, { "aria-label": announcementString, "aria-live": ariaLive, role: "status", styles: announcerStyles });
+    return (React.createElement(react.Stack, { "aria-label": announcementString, "aria-live": ariaLive, role: "status", "aria-atomic": true, styles: announcerStyles }));
 };
 /**
  * Styles to hide the announcer from view but still existing on the DOM tree it so that narration can happen.
@@ -15794,7 +15846,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-DA7CJian.js'); }));
+const ChatMessageComponentAsRichTextEditBox = React.lazy(() => Promise.resolve().then(function () { return require('./ChatMessageComponentAsRichTextEditBox-CmPe1TZf.js'); }));
 /**
  * @private
  * Use this function to load RoosterJS dependencies early in the lifecycle.
@@ -15802,7 +15854,7 @@ const ChatMessageComponentAsRichTextEditBox = React.lazy(() => Promise.resolve()
  *
  * @conditional-compile-remove(rich-text-editor)
  */
-const loadChatMessageComponentAsRichTextEditBox = () => Promise.resolve().then(function () { return require('./ChatMessageComponentAsRichTextEditBox-DA7CJian.js'); });
+const loadChatMessageComponentAsRichTextEditBox = () => Promise.resolve().then(function () { return require('./ChatMessageComponentAsRichTextEditBox-CmPe1TZf.js'); });
 /**
  * @private
  */
@@ -19822,7 +19874,7 @@ const _LocalVideoTile = React.memo((props) => {
             React.createElement(FloatingLocalCameraCycleButton, { showCameraSwitcherInLocalPreview: showCameraSwitcherInLocalPreview !== null && showCameraSwitcherInLocalPreview !== void 0 ? showCameraSwitcherInLocalPreview : false, localVideoCameraCycleButtonProps: localVideoCameraCycleButtonProps, localVideoCameraSwitcherLabel: localVideoCameraSwitcherLabel, localVideoSelectedDescription: localVideoSelectedDescription }),
             React.createElement(StreamMedia, { videoStreamElement: renderElement, isMirrored: true }),
             props.participantsCount === 1 && !isScreenSharingOn && (React.createElement(react.Stack, { className: react.mergeStyles(videoContainerStyles, overlayStyles()) },
-                React.createElement(react.Spinner, { label: strings === null || strings === void 0 ? void 0 : strings.waitingScreenText, ariaLive: "assertive", labelPosition: "bottom", styles: loadSpinnerStyles(theme, true) })))));
+                React.createElement(react.Spinner, { label: strings === null || strings === void 0 ? void 0 : strings.waitingScreenText, ariaLive: "assertive", role: "alert", labelPosition: "bottom", styles: loadSpinnerStyles(theme, true) })))));
     }, [
         localVideoCameraCycleButtonProps,
         localVideoCameraSwitcherLabel,
@@ -19840,7 +19892,7 @@ const _LocalVideoTile = React.memo((props) => {
     }, [reaction, reactionResources]);
     const onRenderAvatarOneParticipant = React.useCallback(() => {
         return (React.createElement(react.Stack, { className: react.mergeStyles(videoContainerStyles, overlayStylesTransparent()) },
-            React.createElement(react.Spinner, { label: strings === null || strings === void 0 ? void 0 : strings.waitingScreenText, ariaLive: "assertive", labelPosition: "bottom", styles: loadSpinnerStyles(theme, false) })));
+            React.createElement(react.Spinner, { label: strings === null || strings === void 0 ? void 0 : strings.waitingScreenText, ariaLive: "assertive", labelPosition: "bottom", role: "alert", styles: loadSpinnerStyles(theme, false) })));
     }, [strings === null || strings === void 0 ? void 0 : strings.waitingScreenText, theme]);
     return (React.createElement(react.Stack, { "data-ui-id": "local-video-tile", className: react.mergeStyles({ width: '100%', height: '100%' }), onKeyDown: menuKind === 'drawer' ? onKeyDown : undefined },
         React.createElement(VideoTile, Object.assign({ key: userId !== null && userId !== void 0 ? userId : 'local-video-tile', userId: userId, renderElement: renderVideoStreamElement, showLabel: showLabel, alwaysShowLabelBackground: alwaysShowLabelBackground, displayName: displayName, initialsName: initialsName, styles: videoTileStyles, onRenderPlaceholder: props.participantsCount === 1 && !isScreenSharingOn ? onRenderAvatarOneParticipant : onRenderAvatar, isMuted: isMuted, showMuteIndicator: showMuteIndicator, personaMinSize: props.personaMinSize, raisedHand: raisedHand, isSpotlighted: isSpotlighted }, videoTileContextualMenuProps, { onLongTouch: () => setDrawerMenuItemProps(convertContextualMenuItemsToDrawerMenuItemProps(contextualMenuProps, () => setDrawerMenuItemProps([]))), overlay: videoTileOverlay }), drawerMenuItemProps.length > 0 && (React.createElement(react.Layer, { hostId: props.drawerMenuHostId },
@@ -22171,8 +22223,7 @@ const controlButtonStyles = {
         border: 'none'
     },
     flexContainer: {
-        flexFlow: 'column',
-        display: 'contents'
+        display: 'unset'
     },
     label: {
         fontSize: '0.625rem',
@@ -22518,6 +22569,11 @@ const CameraButton = (props) => {
     const toggleAnnouncerString = React.useCallback((isCameraOn) => {
         setAnnouncerString(!isCameraOn ? strings.cameraActionTurnedOffAnnouncement : strings.cameraActionTurnedOnAnnouncement);
     }, [strings.cameraActionTurnedOffAnnouncement, strings.cameraActionTurnedOnAnnouncement]);
+    const onVideoIsLoadingAnnouncementCallback = React.useCallback(() => {
+        if (!cameraOn) {
+            setAnnouncerString(strings.tooltipVideoLoadingContent);
+        }
+    }, [setAnnouncerString, cameraOn, strings.tooltipVideoLoadingContent]);
     const onToggleClick = React.useCallback(() => __awaiter$G(void 0, void 0, void 0, function* () {
         // Throttle click on camera, need to await onToggleCamera then allow another click
         if (onToggleCamera) {
@@ -22532,6 +22588,10 @@ const CameraButton = (props) => {
             }
         }
     }), [cameraOn, localVideoViewOptions, onToggleCamera, toggleAnnouncerString]);
+    const onToggleClickCallback = React.useCallback(() => {
+        onVideoIsLoadingAnnouncementCallback();
+        onToggleClick();
+    }, [onVideoIsLoadingAnnouncementCallback, onToggleClick]);
     const onChangeCameraClick = React.useCallback((device) => __awaiter$G(void 0, void 0, void 0, function* () {
         // Throttle changing camera to prevent too many callbacks
         if (onSelectCamera) {
@@ -22581,7 +22641,7 @@ const CameraButton = (props) => {
     const splitButtonMenuProps = React.useMemo(() => (Object.assign(Object.assign({}, props.splitButtonMenuProps), { className: 'camera-split-button' })), [props.splitButtonMenuProps]);
     return (React.createElement(React.Fragment, null,
         React.createElement(Announcer$1, { announcementString: announcerString, ariaLive: 'polite' }),
-        React.createElement(ControlBarButton, Object.assign({}, props, { disabled: disabled, onClick: onToggleCamera ? onToggleClick : props.onClick, onRenderOnIcon: (_a = props.onRenderOnIcon) !== null && _a !== void 0 ? _a : onRenderCameraOnIcon, onRenderOffIcon: (_b = props.onRenderOffIcon) !== null && _b !== void 0 ? _b : onRenderCameraOffIcon, strings: strings, labelKey: (_c = props.labelKey) !== null && _c !== void 0 ? _c : 'cameraButtonLabel', menuProps: (_d = props.menuProps) !== null && _d !== void 0 ? _d : (props.enableDeviceSelectionMenu
+        React.createElement(ControlBarButton, Object.assign({}, props, { disabled: disabled, onClick: onToggleCamera ? onToggleClickCallback : props.onClick, onRenderOnIcon: (_a = props.onRenderOnIcon) !== null && _a !== void 0 ? _a : onRenderCameraOnIcon, onRenderOffIcon: (_b = props.onRenderOffIcon) !== null && _b !== void 0 ? _b : onRenderCameraOffIcon, strings: strings, labelKey: (_c = props.labelKey) !== null && _c !== void 0 ? _c : 'cameraButtonLabel', menuProps: (_d = props.menuProps) !== null && _d !== void 0 ? _d : (props.enableDeviceSelectionMenu
                 ? generateDefaultDeviceMenuProps(Object.assign(Object.assign({}, props), { onSelectCamera: onChangeCameraClick, styles: (_e = props.styles) === null || _e === void 0 ? void 0 : _e.menuStyles }), strings, splitButtonPrimaryAction)
                 : undefined), menuIconProps: ((_f = props.menuIconProps) !== null && _f !== void 0 ? _f : !props.enableDeviceSelectionMenu) ? { hidden: true } : undefined, split: (_g = props.split) !== null && _g !== void 0 ? _g : props.enableDeviceSelectionMenu, "aria-description": strings.cameraButtonAriaDescription, "aria-roledescription": props.enableDeviceSelectionMenu ? strings.cameraButtonSplitRoleDescription : undefined, splitButtonAriaLabel: props.enableDeviceSelectionMenu ? splitButtonAriaString : undefined, splitButtonMenuProps: splitButtonMenuProps }))));
 };
@@ -24837,7 +24897,7 @@ const themedCaptionsSettingsModalStyle = (theme) => ({
         padding: _pxToRem(24),
         width: _pxToRem(440),
         height: 'fit-content',
-        overflow: 'hidden'
+        overflowY: 'auto'
     }
 });
 /**
@@ -24906,7 +24966,11 @@ const buttonStyles = (theme) => {
  * @private
  */
 const dropdownStyles = {
-    callout: Object.assign({ height: _pxToRem(300), overflow: 'auto' }, scrollbarStyles)
+    callout: Object.assign({ height: _pxToRem(300), overflow: 'auto' }, scrollbarStyles),
+    dropdownOptionText: {
+        textWrap: 'auto',
+        overflow: 'unset'
+    }
 };
 
 // Copyright (c) Microsoft Corporation.
@@ -25984,7 +26048,7 @@ const checkIsSpeaking = (participant) => participant.isSpeaking && !participant.
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-const convertRemoteParticipantToParticipantListParticipant = (userId, displayName, state, isMuted, isScreenSharing, isSpeaking, raisedHand, localUserCanRemoveOthers, reaction, spotlight) => {
+const convertRemoteParticipantToParticipantListParticipant = (userId, displayName, state, isMuted, isScreenSharing, isSpeaking, raisedHand, localUserCanRemoveOthers, reaction, spotlight, mediaAccess) => {
     const identifier = fromFlatCommunicationIdentifier(userId);
     return {
         userId,
@@ -26000,14 +26064,16 @@ const convertRemoteParticipantToParticipantListParticipant = (userId, displayNam
             communicationCommon.getIdentifierKind(identifier).kind === 'phoneNumber') &&
             localUserCanRemoveOthers,
         reaction,
-        spotlight
+        spotlight,
+        /* @conditional-compile-remove(media-access) */
+        mediaAccess
     };
 };
 /**
  * @private
  */
-const memoizedConvertAllremoteParticipants = memoizeFnAll((userId, displayName, state, isMuted, isScreenSharing, isSpeaking, raisedHand, localUserCanRemoveOthers, reaction, spotlight) => {
-    return convertRemoteParticipantToParticipantListParticipant(userId, displayName, state, isMuted, isScreenSharing, isSpeaking, raisedHand, localUserCanRemoveOthers, reaction, spotlight);
+const memoizedConvertAllremoteParticipants = memoizeFnAll((userId, displayName, state, isMuted, isScreenSharing, isSpeaking, raisedHand, localUserCanRemoveOthers, reaction, spotlight, mediaAccess) => {
+    return convertRemoteParticipantToParticipantListParticipant(userId, displayName, state, isMuted, isScreenSharing, isSpeaking, raisedHand, localUserCanRemoveOthers, reaction, spotlight, mediaAccess);
 });
 /**
  * @private
@@ -26051,19 +26117,32 @@ const _videoGalleryRemoteParticipantsMemo = (remoteParticipants, isHideAttendeeN
                 communicationCommon.isPhoneNumberIdentifier(participant.identifier));
         })
             .map((participant) => {
+            var _a, _b, _c, _d, _e, _f;
             const state = _convertParticipantState(participant);
             const displayName = maskDisplayNameWithRole(participant.displayName, localUserRole, participant.role, isHideAttendeeNamesEnabled);
             const remoteParticipantReaction = memoizedConvertToVideoTileReaction(participant.reactionState);
             const spotlight = participant.spotlight;
-            return memoizedFn(toFlatCommunicationIdentifier(participant.identifier), participant.isMuted, checkIsSpeaking(participant), participant.videoStreams, state, displayName, participant.raisedHand, participant.contentSharingStream, remoteParticipantReaction, spotlight);
+            return memoizedFn(toFlatCommunicationIdentifier(participant.identifier), participant.isMuted, checkIsSpeaking(participant), participant.videoStreams, state, displayName, participant.raisedHand, participant.contentSharingStream, remoteParticipantReaction, spotlight, 
+            /* @conditional-compile-remove(remote-ufd) */
+            Math.max(((_c = (_b = (_a = participant.diagnostics) === null || _a === void 0 ? void 0 : _a.networkReceiveQuality) === null || _b === void 0 ? void 0 : _b.value) !== null && _c !== void 0 ? _c : 0), ((_f = (_e = (_d = participant.diagnostics) === null || _d === void 0 ? void 0 : _d.networkSendQuality) === null || _e === void 0 ? void 0 : _e.value) !== null && _f !== void 0 ? _f : 0)), 
+            /* @conditional-compile-remove(media-access) */
+            participant.mediaAccess);
         }));
     });
 };
-const memoizedAllConvertRemoteParticipant = memoizeFnAll((userId, isMuted, isSpeaking, videoStreams, state, displayName, raisedHand, contentSharingStream, reaction, spotlight) => {
-    return convertRemoteParticipantToVideoGalleryRemoteParticipant(userId, isMuted, isSpeaking, videoStreams, state, displayName, raisedHand, contentSharingStream, reaction, spotlight);
+const memoizedAllConvertRemoteParticipant = memoizeFnAll((userId, isMuted, isSpeaking, videoStreams, state, displayName, raisedHand, contentSharingStream, reaction, spotlight, 
+/* @conditional-compile-remove(remote-ufd) */
+signalStrength, mediaAccess) => {
+    return convertRemoteParticipantToVideoGalleryRemoteParticipant(userId, isMuted, isSpeaking, videoStreams, state, displayName, raisedHand, contentSharingStream, reaction, spotlight, 
+    /* @conditional-compile-remove(remote-ufd) */
+    signalStrength, 
+    /* @conditional-compile-remove(media-access) */
+    mediaAccess);
 });
 /** @private */
-const convertRemoteParticipantToVideoGalleryRemoteParticipant = (userId, isMuted, isSpeaking, videoStreams, state, displayName, raisedHand, contentSharingStream, reaction, spotlight) => {
+const convertRemoteParticipantToVideoGalleryRemoteParticipant = (userId, isMuted, isSpeaking, videoStreams, state, displayName, raisedHand, contentSharingStream, reaction, spotlight, 
+/* @conditional-compile-remove(remote-ufd) */
+signalStrength, mediaAccess) => {
     const rawVideoStreamsArray = Object.values(videoStreams);
     let videoStream = undefined;
     let screenShareStream = undefined;
@@ -26098,7 +26177,11 @@ const convertRemoteParticipantToVideoGalleryRemoteParticipant = (userId, isMuted
         state,
         raisedHand,
         reaction,
-        spotlight
+        spotlight,
+        /* @conditional-compile-remove(remote-ufd) */
+        signalStrength,
+        /* @conditional-compile-remove(media-access) */
+        mediaAccess
     };
 };
 const convertRemoteVideoStreamToVideoGalleryStream = (stream) => {
@@ -26142,7 +26225,12 @@ const memoizeLocalParticipant = memoizeOne((identifier, displayName, isMuted, is
         raisedHand: raisedHand,
         reaction,
         spotlight: localSpotlight,
-        capabilities
+        capabilities,
+        /* @conditional-compile-remove(media-access) */
+        mediaAccess: {
+            isAudioPermitted: capabilities === null || capabilities === void 0 ? void 0 : capabilities.unmuteMic.isPresent,
+            isVideoPermitted: capabilities === null || capabilities === void 0 ? void 0 : capabilities.turnVideoOn.isPresent
+        }
     });
 });
 /** @private */
@@ -26239,7 +26327,9 @@ const convertRemoteParticipantsToParticipantListParticipants = (remoteParticipan
             const displayName = maskDisplayNameWithRole(participant.displayName, localUserRole, participant.role, isHideAttendeeNamesEnabled);
             const remoteParticipantReaction = memoizedConvertToVideoTileReaction(participant.reactionState);
             const spotlight = memoizedSpotlight(spotlightedParticipants, toFlatCommunicationIdentifier(participant.identifier));
-            return memoizeFn(toFlatCommunicationIdentifier(participant.identifier), displayName, state, participant.isMuted, isScreenSharing, participant.isSpeaking, participant.raisedHand, localUserCanRemoveOthers, remoteParticipantReaction, spotlight);
+            return memoizeFn(toFlatCommunicationIdentifier(participant.identifier), displayName, state, participant.isMuted, isScreenSharing, participant.isSpeaking, participant.raisedHand, localUserCanRemoveOthers, remoteParticipantReaction, spotlight, 
+            /* @conditional-compile-remove(media-access) */
+            participant.mediaAccess);
         })
             .sort((a, b) => {
             var _a, _b;
@@ -26274,8 +26364,12 @@ const participantListSelector = reselect.createSelector([
     getParticipantCount,
     isHideAttendeeNamesEnabled,
     getLocalParticipantReactionState,
-    getSpotlightCallFeature
-], (userId, displayName, remoteParticipants, isScreenSharingOn, isMuted, raisedHand, role, partitipantCount, isHideAttendeeNamesEnabled, localParticipantReactionState, spotlightCallFeature) => {
+    getSpotlightCallFeature,
+    /* @conditional-compile-remove(media-access) */
+    getCapabilities
+], (userId, displayName, remoteParticipants, isScreenSharingOn, isMuted, raisedHand, role, partitipantCount, isHideAttendeeNamesEnabled, localParticipantReactionState, spotlightCallFeature, 
+/* @conditional-compile-remove(media-access) */
+capabilities) => {
     const localUserCanRemoveOthers = localUserCanRemoveOthersTrampoline(role);
     const participants = remoteParticipants
         ? convertRemoteParticipantsToParticipantListParticipants(_updateUserDisplayNames(Object.values(remoteParticipants)), localUserCanRemoveOthers, isHideAttendeeNamesEnabled, role, spotlightCallFeature === null || spotlightCallFeature === void 0 ? void 0 : spotlightCallFeature.spotlightedParticipants)
@@ -26290,7 +26384,12 @@ const participantListSelector = reselect.createSelector([
         // Local participant can never remove themselves.
         isRemovable: false,
         reaction: memoizedConvertToVideoTileReaction(localParticipantReactionState),
-        spotlight: memoizedSpotlight(spotlightCallFeature === null || spotlightCallFeature === void 0 ? void 0 : spotlightCallFeature.spotlightedParticipants, userId)
+        spotlight: memoizedSpotlight(spotlightCallFeature === null || spotlightCallFeature === void 0 ? void 0 : spotlightCallFeature.spotlightedParticipants, userId),
+        /* @conditional-compile-remove(media-access) */
+        mediaAccess: {
+            isAudioPermitted: capabilities ? capabilities.unmuteMic.isPresent : true,
+            isVideoPermitted: capabilities ? capabilities.turnVideoOn.isPresent : true
+        }
     });
     /* @conditional-compile-remove(total-participant-count) */
     const totalParticipantCount = partitipantCount;
@@ -30478,7 +30577,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-B35hPtZ7.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper })));
+const RichTextSendBoxWrapper = React.lazy(() => Promise.resolve().then(function () { return require('./RichTextSendBoxWrapper-BWi4Qwt6.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper })));
 /**
  * @private
  * Use this function to load RoosterJS dependencies early in the lifecycle.
@@ -30486,7 +30585,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-B35hPtZ7.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper }));
+const loadRichTextSendBox = () => Promise.resolve().then(function () { return require('./RichTextSendBoxWrapper-BWi4Qwt6.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper }));
 /**
  * @private
  */
@@ -32474,7 +32573,6 @@ const groupCallLeaveButtonStyle = {
     root: {
         border: '0.125rem',
         borderRadius: 2,
-        height: '2.1875rem',
         width: '6.5625rem'
     },
     flexContainer: {
@@ -37784,6 +37882,13 @@ const containerStyle$1 = {
     margin: '1rem',
     gap: `1.5rem`
 };
+/**
+ * @private
+ */
+const headerContainerStyle = {
+    gap: `1.5rem`,
+    height: `auto`
+};
 /**
  * @private
  */
@@ -37825,10 +37930,11 @@ const NetworkReconnectTile = (props) => {
     const isTeamsMeeting = useSelector$1(getIsTeamsMeeting);
     const meetingCoordinates = useSelector$1(getTeamsMeetingCoordinates);
     return (React.createElement(ExpandedLocalVideoTile, Object.assign({ localParticipantVideoStream: props.localParticipantVideoStream, overlayContent: React.createElement(react.Stack, { verticalFill: true, horizontalAlign: "center", verticalAlign: "center", className: react.mergeStyles(containerStyle$1), "aria-atomic": true },
-            React.createElement(react.Stack, { horizontal: true, className: react.mergeStyles(titleContainerStyle) },
-                React.createElement(CallCompositeIcon, { iconName: "NetworkReconnectIcon", className: react.mergeStyles(titleStyle$1(palette, isVideoReady)) }),
-                React.createElement(react.Text, { className: react.mergeStyles(titleStyle$1(palette, isVideoReady)), "aria-live": 'assertive' }, strings.networkReconnectTitle)),
-            React.createElement(react.Text, { className: react.mergeStyles(moreDetailsStyle$1(palette, isVideoReady)), "aria-live": 'assertive' }, strings.networkReconnectMoreDetails),
+            React.createElement(react.Stack, { role: "alert", verticalFill: true, horizontalAlign: "center", verticalAlign: "center", className: react.mergeStyles(headerContainerStyle) },
+                React.createElement(react.Stack, { horizontal: true, className: react.mergeStyles(titleContainerStyle) },
+                    React.createElement(CallCompositeIcon, { iconName: "NetworkReconnectIcon", className: react.mergeStyles(titleStyle$1(palette, isVideoReady)) }),
+                    React.createElement(react.Text, { className: react.mergeStyles(titleStyle$1(palette, isVideoReady)) }, strings.networkReconnectTitle)),
+                React.createElement(react.Text, { className: react.mergeStyles(moreDetailsStyle$1(palette, isVideoReady)) }, strings.networkReconnectMoreDetails)),
             isTeamsMeeting && meetingCoordinates && meetingCoordinates[0] && (React.createElement(react.Stack, null,
                 React.createElement(react.Stack, { horizontal: true, horizontalAlign: "center", verticalAlign: "center", className: titleContainerClassName },
                     React.createElement(react.Text, { className: titleClassName }, localeStrings.meetingConferencePhoneInfoModalTitle)),
@@ -39380,7 +39486,7 @@ function NoticePage(props) {
     return (React.createElement(react.Stack, { className: react.mergeStyles(props.pageStyle), verticalFill: true, verticalAlign: "center", horizontalAlign: "center", "data-ui-id": props.dataUiId, "aria-atomic": true },
         React.createElement(react.Stack, { className: react.mergeStyles(containerStyle), tokens: containerItemGap },
             props.iconName && React.createElement(CallCompositeIcon, { iconName: props.iconName }),
-            React.createElement(react.Text, { className: react.mergeStyles(titleStyles), "aria-live": "assertive" }, props.title),
+            React.createElement(react.Text, { className: react.mergeStyles(titleStyles), "aria-live": "assertive", role: "alert" }, props.title),
             React.createElement(react.Text, { className: react.mergeStyles(moreDetailsStyles), "aria-live": "assertive" }, props.moreDetails),
             !props.disableStartCallButton && (React.createElement(react.Stack, { styles: rejoinCallButtonContainerStyles },
                 React.createElement(StartCallButton, { onClick: () => {
@@ -39444,7 +39550,7 @@ const LobbyTile = (props) => {
             props.showLocalVideoCameraCycleButton && isVideoReady && (React.createElement(react.Stack.Item, { styles: localCameraSwitcherContainerStyles },
                 React.createElement(LocalVideoCameraCycleButton, Object.assign({}, cameraSwitcherCallback, cameraSwitcherCameras, { size: 'large' })))),
             React.createElement(react.Stack.Item, { className: react.mergeStyles(titleStyle(palette, isVideoReady)) }, props.overlayProps.overlayIcon),
-            React.createElement(react.Text, { className: react.mergeStyles(titleStyle(palette, isVideoReady)), "aria-live": "assertive", "data-ui-id": "lobbyScreenTitle" }, props.overlayProps.title),
+            React.createElement(react.Text, { className: react.mergeStyles(titleStyle(palette, isVideoReady)), "aria-live": "assertive", "data-ui-id": "lobbyScreenTitle", role: "alert" }, props.overlayProps.title),
             props.overlayProps.moreDetails && (React.createElement(react.Text, { className: react.mergeStyles(moreDetailsStyle(palette, isVideoReady)), "aria-live": "assertive" }, props.overlayProps.moreDetails)))) : undefined }, handlers)));
 };
 
@@ -39785,7 +39891,7 @@ const HoldPane = () => {
     return (React.createElement(react.Stack, { styles: paneStyles },
         React.createElement(react.Stack, { horizontal: true, styles: holdPaneContentStyles },
             React.createElement(react.Text, { styles: holdPaneTimerStyles }, elapsedTime),
-            React.createElement(react.Text, { styles: holdPaneLabelStyles, role: "status", "aria-live": "assertive" }, strings.holdScreenLabel),
+            React.createElement(react.Text, { styles: holdPaneLabelStyles, role: "alert", "aria-live": "assertive" }, strings.holdScreenLabel),
             React.createElement(react.PrimaryButton, { text: !resumingCall ? strings.resumeCallButtonLabel : strings.resumingCallButtonLabel, ariaLabel: !resumingCall ? strings.resumeCallButtonAriaLabel : strings.resumingCallButtonAriaLabel, styles: resumeButtonStyles, disabled: resumingCall, onClick: () => __awaiter$b(void 0, void 0, void 0, function* () {
                     setResumingCall(true);
                     try {
@@ -44911,6 +45017,7 @@ exports.ParticipantsButton = ParticipantsButton;
 exports.RTTDisclosureBanner = RTTDisclosureBanner;
 exports.RTTModal = RTTModal;
 exports.RaiseHandButton = RaiseHandButton;
+exports.ReactionButton = ReactionButton;
 exports.RealTimeText = RealTimeText;
 exports.RichTextInputBoxComponent = RichTextInputBoxComponent;
 exports.RichTextSendBox = RichTextSendBox;
@@ -44988,4 +45095,4 @@ exports.useTeamsCall = useTeamsCall;
 exports.useTeamsCallAdapter = useTeamsCallAdapter;
 exports.useTeamsCallAgent = useTeamsCallAgent;
 exports.useTheme = useTheme;
-//# sourceMappingURL=index-DKFJEPz7.js.map
+//# sourceMappingURL=index-BvWMNZEq.js.map