diff --git a/change-beta/@azure-communication-react-d1e34c71-ddc5-428c-b305-761f54abc723.json b/change-beta/@azure-communication-react-d1e34c71-ddc5-428c-b305-761f54abc723.json new file mode 100644 index 00000000000..40c4368f424 --- /dev/null +++ b/change-beta/@azure-communication-react-d1e34c71-ddc5-428c-b305-761f54abc723.json @@ -0,0 +1,9 @@ +{ + "type": "prerelease", + "area": "feature", + "workstream": "RTT", + "comment": "Add RTT to composite experience", + "packageName": "@azure/communication-react", + "email": "96077406+carocao-msft@users.noreply.github.com", + "dependentChangeType": "patch" +} diff --git a/packages/calling-stateful-client/src/RealTimeTextSubscriber.ts b/packages/calling-stateful-client/src/RealTimeTextSubscriber.ts index c860f644eb5..4dabcb912e2 100644 --- a/packages/calling-stateful-client/src/RealTimeTextSubscriber.ts +++ b/packages/calling-stateful-client/src/RealTimeTextSubscriber.ts @@ -1,5 +1,6 @@ // Copyright (c) Microsoft Corporation. // Licensed under the MIT License. + /* @conditional-compile-remove(rtt) */ import { RealTimeTextFeature, RealTimeTextInfo, RealTimeTextReceivedEventHandler } from '@azure/communication-calling'; /* @conditional-compile-remove(rtt) */ diff --git a/packages/react-components/src/components/Drawer/DrawerMenuItem.tsx b/packages/react-components/src/components/Drawer/DrawerMenuItem.tsx index b63044b27a3..66e5b18a7c7 100644 --- a/packages/react-components/src/components/Drawer/DrawerMenuItem.tsx +++ b/packages/react-components/src/components/Drawer/DrawerMenuItem.tsx @@ -58,6 +58,10 @@ export interface _DrawerMenuItemProps { * Custom JSX item injection for custom mobile view button on drawers */ onRendererContent?: () => JSX.Element; + /** + * Aria label for the menu item + */ + ariaLabel?: string; } /** @@ -92,6 +96,7 @@ export const DrawerMenuItem = (props: _DrawerMenuItemProps): JSX.Element => { onClick={props.disabled ? undefined : onClick} tokens={menuItemChildrenGap} id={props.id} + aria-label={props.ariaLabel} > {props.iconProps && ( { : latestNotifications; const reactionResources = useSelector(getReactionResources); + /* @conditional-compile-remove(rtt) */ + const [openRealTimeText, setOpenRealTimeText] = useState(false); + /* @conditional-compile-remove(rtt) */ + const onStartRealTimeText = useCallback(() => { + setOpenRealTimeText(true); + }, []); return (
@@ -578,6 +584,12 @@ export const CallArrangement = (props: CallArrangementProps): JSX.Element => { onPeopleButtonClicked={togglePeoplePane} onMoreButtonClicked={onMoreButtonClicked} isCaptionsSupported={(useTeamsCaptions && hasJoinedCall) || hasJoinedCall} + /* @conditional-compile-remove(rtt) */ + isRealTimeTextSupported={hasJoinedCall} + /* @conditional-compile-remove(rtt) */ + onStartRealTimeText={onStartRealTimeText} + /* @conditional-compile-remove(rtt) */ + startRealTimeTextButtonChecked={openRealTimeText} useTeamsCaptions={useTeamsCaptions} isCaptionsOn={isCaptionsOn} onClickVideoEffects={onResolveVideoEffectDependency ? openVideoEffectsPane : undefined} @@ -607,6 +619,12 @@ export const CallArrangement = (props: CallArrangementProps): JSX.Element => { onPeopleButtonClicked={onMoreDrawerPeopleClicked} disableButtonsForHoldScreen={isInLocalHold} isCaptionsSupported={(useTeamsCaptions && hasJoinedCall) || hasJoinedCall} + /* @conditional-compile-remove(rtt) */ + isRealTimeTextSupported={hasJoinedCall} + /* @conditional-compile-remove(rtt) */ + onStartRealTimeText={onStartRealTimeText} + /* @conditional-compile-remove(rtt) */ + startRealTimeTextButtonChecked={openRealTimeText} useTeamsCaptions={useTeamsCaptions} onUserSetGalleryLayout={props.onUserSetGalleryLayoutChange} userSetGalleryLayout={props.userSetGalleryLayout} @@ -663,6 +681,8 @@ export const CallArrangement = (props: CallArrangementProps): JSX.Element => { onFetchAvatarPersonaData={props.onFetchAvatarPersonaData} useTeamsCaptions={useTeamsCaptions} returnFocusRef={controlBarRef} + /* @conditional-compile-remove(rtt) */ + isRealTimeTextOn={openRealTimeText} /> )} diff --git a/packages/react-composites/src/composites/common/CallingCaptionsBanner.tsx b/packages/react-composites/src/composites/common/CallingCaptionsBanner.tsx index 65ccfcdfce7..bd2aa0ded55 100644 --- a/packages/react-composites/src/composites/common/CallingCaptionsBanner.tsx +++ b/packages/react-composites/src/composites/common/CallingCaptionsBanner.tsx @@ -25,6 +25,8 @@ export const CallingCaptionsBanner = (props: { }; /** Element to return focus to when the Captions Banner is closed */ returnFocusRef?: React.RefObject; + /* @conditional-compile-remove(rtt) */ + isRealTimeTextOn?: boolean; }): JSX.Element => { const captionsBannerProps = usePropsFor(CaptionsBanner); const [isCaptionsSettingsOpen, setIsCaptionsSettingsOpen] = useState(false); @@ -120,6 +122,8 @@ export const CallingCaptionsBanner = (props: { formFactor={props.isMobile ? 'compact' : 'default'} strings={captionsBannerStrings} {...captionsBannerProps} + /* @conditional-compile-remove(rtt) */ + isRealTimeTextOn={props.isRealTimeTextOn || captionsBannerProps.isRealTimeTextOn} /> diff --git a/packages/react-composites/src/composites/common/ControlBar/CommonCallControlBar.tsx b/packages/react-composites/src/composites/common/ControlBar/CommonCallControlBar.tsx index b652a417331..50141f7c33f 100644 --- a/packages/react-composites/src/composites/common/ControlBar/CommonCallControlBar.tsx +++ b/packages/react-composites/src/composites/common/ControlBar/CommonCallControlBar.tsx @@ -66,6 +66,8 @@ import { MeetingConferencePhoneInfoModal } from '@internal/react-components'; /* @conditional-compile-remove(breakout-rooms) */ import { Timer } from './Timer'; import { FocusableElement } from '../types/FocusableElement'; +/* @conditional-compile-remove(rtt) */ +import { CallingRealTimeTextModal } from '../CallingRealTimeTextModal'; /** * @private @@ -82,6 +84,7 @@ export interface CommonCallControlBarProps { onClickShowDialpad?: () => void; onClickVideoEffects?: (showVideoEffects: boolean) => void; isCaptionsSupported?: boolean; + isRealTimeTextSupported?: boolean; isCaptionsOn?: boolean; displayVertical?: boolean; onUserSetOverflowGalleryPositionChange?: (position: 'Responsive' | 'horizontalTop') => void; @@ -97,6 +100,10 @@ export interface CommonCallControlBarProps { onToggleTeamsMeetingConferenceModal?: () => void; teamsMeetingConferenceModalPresent?: boolean; sidePaneDismissButtonRef?: RefObject; + /* @conditional-compile-remove(rtt) */ + onStartRealTimeText?: () => void; + /* @conditional-compile-remove(rtt) */ + startRealTimeTextButtonChecked?: boolean; } const inferCommonCallControlOptions = ( @@ -153,6 +160,8 @@ export const CommonCallControlBar = forwardRef { setShowCaptionsSettingsModal(true); }, []); + /* @conditional-compile-remove(rtt) */ + const openRealTimeTextModal = useCallback((): void => { + setShowRealTimeTextModal(true); + }, []); + /* @conditional-compile-remove(rtt) */ + const onDismissRealTimeTextModal = useCallback((): void => { + setShowRealTimeTextModal(false); + }, []); const onDismissCaptionsSettings = useCallback((): void => { setShowCaptionsSettingsModal(false); @@ -350,12 +367,18 @@ export const CommonCallControlBar = forwardRef )} + { + /* @conditional-compile-remove(rtt) */ showRealTimeTextModal && ( + + ) + } {props.teamsMeetingConferenceModalPresent && ( void; isCaptionsSupported?: boolean; + /* @conditional-compile-remove(rtt) */ + isRealTimeTextSupported?: boolean; callControls?: boolean | CommonCallControlOptions; onCaptionsSettingsClick?: () => void; + /* @conditional-compile-remove(rtt) */ + onStartRealTimeTextClick?: () => void; + /* @conditional-compile-remove(rtt) */ + startRealTimeTextButtonChecked?: boolean; onUserSetOverflowGalleryPositionChange?: (position: 'Responsive' | 'horizontalTop') => void; onUserSetGalleryLayout?: (layout: VideoGalleryLayout) => void; userSetGalleryLayout?: VideoGalleryLayout; @@ -50,6 +58,8 @@ export const DesktopMoreButton = (props: DesktopMoreButtonProps): JSX.Element => const localeStrings = useLocale(); const holdButtonProps = usePropsFor(HoldButton); const startCaptionsButtonProps = usePropsFor(StartCaptionsButton); + /* @conditional-compile-remove(rtt) */ + const realTimeTextProps = usePropsFor(CaptionsBanner); const startCaptions = useCallback(async () => { await startCaptionsButtonProps.onStartCaptions({ spokenLanguage: startCaptionsButtonProps.currentSpokenLanguage @@ -171,6 +181,54 @@ export const DesktopMoreButton = (props: DesktopMoreButtonProps): JSX.Element => } } + //RTT + /* @conditional-compile-remove(rtt) */ + if (props.isRealTimeTextSupported) { + const realTimeTextContextualMenuItems: IContextualMenuItem[] = []; + const rttDisabled = + props.disableButtonsForHoldScreen || realTimeTextProps.isRealTimeTextOn || props.startRealTimeTextButtonChecked; + + moreButtonContextualMenuItems.push({ + key: 'realTimeTextKey', + id: 'common-call-composite-captions-button', + text: localeStrings.strings.call.realTimeTextLabel, + iconProps: { iconName: 'RealTimeTextIcon', styles: { root: { lineHeight: 0 } } }, + itemProps: { + styles: buttonFlyoutIncreasedSizeStyles + }, + disabled: props.disableButtonsForHoldScreen, + subMenuProps: { + id: 'rtt-contextual-menu', + items: realTimeTextContextualMenuItems, + calloutProps: { + preventDismissOnEvent: _preventDismissOnEvent + } + }, + submenuIconProps: { + iconName: 'HorizontalGalleryRightButton', + styles: menuSubIconStyleSet + } + }); + + realTimeTextContextualMenuItems.push({ + key: 'StartRealTimeTextKey', + id: 'common-call-composite-rtt-start-button', + text: localeStrings.strings.call.startRealTimeTextLabel, + ariaLabel: rttDisabled + ? localeStrings.strings.call.disabledStartRealTimeTextLabel + : localeStrings.strings.call.startRealTimeTextLabel, + onClick: props.onStartRealTimeTextClick, + iconProps: { + iconName: 'RealTimeTextIcon', + styles: { root: { lineHeight: 0 } } + }, + itemProps: { + styles: buttonFlyoutIncreasedSizeStyles + }, + disabled: rttDisabled + }); + } + const dtmfDialerScreenOption = { key: 'dtmfDialerScreenKey', itemProps: { diff --git a/packages/react-composites/src/composites/common/Drawer/MoreDrawer.styles.ts b/packages/react-composites/src/composites/common/Drawer/MoreDrawer.styles.ts index 6e6f6f5c059..3b610d8eb18 100644 --- a/packages/react-composites/src/composites/common/Drawer/MoreDrawer.styles.ts +++ b/packages/react-composites/src/composites/common/Drawer/MoreDrawer.styles.ts @@ -7,7 +7,7 @@ import { _pxToRem } from '@internal/acs-ui-common'; /** * @private */ -export const themedToggleButtonStyle = (theme: Theme, checked: boolean): Partial => { +export const themedToggleButtonStyle = (theme: Theme, checked?: boolean): Partial => { if (checked) { return { root: { diff --git a/packages/react-composites/src/composites/common/Drawer/MoreDrawer.tsx b/packages/react-composites/src/composites/common/Drawer/MoreDrawer.tsx index 0e3d775800f..1668a5b62df 100644 --- a/packages/react-composites/src/composites/common/Drawer/MoreDrawer.tsx +++ b/packages/react-composites/src/composites/common/Drawer/MoreDrawer.tsx @@ -13,6 +13,8 @@ import { CaptionLanguageStrings, CaptionsSettingsModal } from '@internal/react-components'; +/* @conditional-compile-remove(rtt) */ +import { CaptionsBanner } from '@internal/react-components'; import { _ReactionDrawerMenuItem } from '@internal/react-components'; import { ReactionResources } from '@internal/react-components'; import { VideoGalleryLayout } from '@internal/react-components'; @@ -149,6 +151,8 @@ export interface MoreDrawerProps extends MoreDrawerDevicesMenuProps { callControls?: boolean | CommonCallControlOptions; onClickShowDialpad?: () => void; isCaptionsSupported?: boolean; + /* @conditional-compile-remove(rtt) */ + isRealTimeTextSupported?: boolean; strings: MoreDrawerStrings; disableButtonsForHoldScreen?: boolean; useTeamsCaptions?: boolean; @@ -164,6 +168,10 @@ export interface MoreDrawerProps extends MoreDrawerDevicesMenuProps { onForbidOthersVideo?: () => void; /* @conditional-compile-remove(media-access) */ onPermitOthersVideo?: () => void; + /* @conditional-compile-remove(rtt) */ + onStartRealTimeText?: () => void; + /* @conditional-compile-remove(rtt) */ + startRealTimeTextButtonChecked?: boolean; } const inferCallWithChatControlOptions = ( @@ -186,6 +194,8 @@ export const MoreDrawer = (props: MoreDrawerProps): JSX.Element => { const localeStrings = useLocale(); const holdButtonProps = usePropsFor(HoldButton); + /* @conditional-compile-remove(rtt) */ + const realTimeTextProps = usePropsFor(CaptionsBanner); const callees = useSelector(getTargetCallees); const participants = useSelector(getRemoteParticipantsConnectedSelector); @@ -214,6 +224,8 @@ export const MoreDrawer = (props: MoreDrawerProps): JSX.Element => { const showCaptionsButton = props.isCaptionsSupported && drawerSelectionOptions !== false && isEnabled(drawerSelectionOptions.captionsButton); + /* @conditional-compile-remove(rtt) */ + const showRealTimeTextButton = props.isRealTimeTextSupported; if (props.reactionResources !== undefined) { drawerMenuItems.push({ @@ -577,6 +589,51 @@ export const MoreDrawer = (props: MoreDrawerProps): JSX.Element => { } } + /* @conditional-compile-remove(rtt) */ + const rttDisabled = + props.disableButtonsForHoldScreen || realTimeTextProps.isRealTimeTextOn || props.startRealTimeTextButtonChecked; + // rtt + /* @conditional-compile-remove(rtt) */ + if (showRealTimeTextButton) { + const realTimeTextDrawerItems: DrawerMenuItemProps[] = []; + + drawerMenuItems.push({ + itemKey: 'realTimeText', + id: 'common-call-composite-rtt-button', + disabled: props.disableButtonsForHoldScreen, + text: localeStrings.strings.call.realTimeTextLabel, + iconProps: { iconName: 'RealTimeTextIcon' }, + subMenuProps: realTimeTextDrawerItems + }); + + realTimeTextDrawerItems.push({ + itemKey: 'ToggleRTTKey', + text: localeStrings.strings.call.startRealTimeTextLabel, + ariaLabel: rttDisabled + ? localeStrings.strings.call.disabledStartRealTimeTextLabel + : localeStrings.strings.call.startRealTimeTextLabel, + iconProps: { + iconName: 'RealTimeTextIcon', + styles: { root: { lineHeight: 0 } } + }, + onItemClick: props.onStartRealTimeText, + disabled: rttDisabled, + secondaryComponent: ( + + + + ) + }); + } + const customDrawerButtons = useMemo( () => generateCustomCallDrawerButtons( diff --git a/packages/react-composites/src/composites/common/Drawer/PreparedMoreDrawer.tsx b/packages/react-composites/src/composites/common/Drawer/PreparedMoreDrawer.tsx index 0ddd7a57e3d..d62a3beb7ba 100644 --- a/packages/react-composites/src/composites/common/Drawer/PreparedMoreDrawer.tsx +++ b/packages/react-composites/src/composites/common/Drawer/PreparedMoreDrawer.tsx @@ -20,6 +20,8 @@ export interface PreparedMoreDrawerProps { callControls?: boolean | CommonCallControlOptions; onClickShowDialpad?: () => void; isCaptionsSupported?: boolean; + /* @conditional-compile-remove(rtt) */ + isRealTimeTextSupported?: boolean; disableButtonsForHoldScreen?: boolean; onUserSetGalleryLayout?: (layout: VideoGalleryLayout) => void; userSetGalleryLayout?: VideoGalleryLayout; @@ -29,6 +31,10 @@ export interface PreparedMoreDrawerProps { useTeamsCaptions?: boolean; reactionResources?: ReactionResources; onClickMeetingPhoneInfo?: () => void; + /* @conditional-compile-remove(rtt) */ + onStartRealTimeText?: () => void; + /* @conditional-compile-remove(rtt) */ + startRealTimeTextButtonChecked?: boolean; } /** @private */ diff --git a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/CallControls.test.ts-snapshots/call-control-new-experience-custom-button-Desktop-Chrome-linux.png b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/CallControls.test.ts-snapshots/call-control-new-experience-custom-button-Desktop-Chrome-linux.png index 2a374615c83..533b18d6d64 100644 Binary files a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/CallControls.test.ts-snapshots/call-control-new-experience-custom-button-Desktop-Chrome-linux.png and b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/CallControls.test.ts-snapshots/call-control-new-experience-custom-button-Desktop-Chrome-linux.png differ diff --git a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/CallControls.test.ts-snapshots/call-control-new-experience-custom-button-Mobile-Android-Landscape-linux.png b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/CallControls.test.ts-snapshots/call-control-new-experience-custom-button-Mobile-Android-Landscape-linux.png index 688771e1526..eaeaeb99f47 100644 Binary files a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/CallControls.test.ts-snapshots/call-control-new-experience-custom-button-Mobile-Android-Landscape-linux.png and b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/CallControls.test.ts-snapshots/call-control-new-experience-custom-button-Mobile-Android-Landscape-linux.png differ diff --git a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/CallControls.test.ts-snapshots/call-control-new-experience-custom-button-Mobile-Android-Portrait-linux.png b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/CallControls.test.ts-snapshots/call-control-new-experience-custom-button-Mobile-Android-Portrait-linux.png index c6f5048e7ea..5a6f914e1f3 100644 Binary files a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/CallControls.test.ts-snapshots/call-control-new-experience-custom-button-Mobile-Android-Portrait-linux.png and b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/CallControls.test.ts-snapshots/call-control-new-experience-custom-button-Mobile-Android-Portrait-linux.png differ diff --git a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/CallControls.test.ts-snapshots/call-control-new-experience-injected-buttons-Desktop-Chrome-linux.png b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/CallControls.test.ts-snapshots/call-control-new-experience-injected-buttons-Desktop-Chrome-linux.png index eb4137b6c27..77095173100 100644 Binary files a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/CallControls.test.ts-snapshots/call-control-new-experience-injected-buttons-Desktop-Chrome-linux.png and b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/CallControls.test.ts-snapshots/call-control-new-experience-injected-buttons-Desktop-Chrome-linux.png differ diff --git a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/CallControls.test.ts-snapshots/call-control-new-experience-injected-buttons-Mobile-Android-Landscape-linux.png b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/CallControls.test.ts-snapshots/call-control-new-experience-injected-buttons-Mobile-Android-Landscape-linux.png index bfc287c804b..d457eaa778b 100644 Binary files a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/CallControls.test.ts-snapshots/call-control-new-experience-injected-buttons-Mobile-Android-Landscape-linux.png and b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/CallControls.test.ts-snapshots/call-control-new-experience-injected-buttons-Mobile-Android-Landscape-linux.png differ diff --git a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/CallControls.test.ts-snapshots/call-control-new-experience-injected-buttons-Mobile-Android-Portrait-linux.png b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/CallControls.test.ts-snapshots/call-control-new-experience-injected-buttons-Mobile-Android-Portrait-linux.png index 9712fe86834..a8653f4c18e 100644 Binary files a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/CallControls.test.ts-snapshots/call-control-new-experience-injected-buttons-Mobile-Android-Portrait-linux.png and b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/CallControls.test.ts-snapshots/call-control-new-experience-injected-buttons-Mobile-Android-Portrait-linux.png differ diff --git a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/ClosedCaptions.test.ts-snapshots/caption-button-call-Desktop-Chrome-linux.png b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/ClosedCaptions.test.ts-snapshots/caption-button-call-Desktop-Chrome-linux.png index 8f5dd128bb5..eeaa1394a35 100644 Binary files a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/ClosedCaptions.test.ts-snapshots/caption-button-call-Desktop-Chrome-linux.png and b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/ClosedCaptions.test.ts-snapshots/caption-button-call-Desktop-Chrome-linux.png differ diff --git a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/ClosedCaptions.test.ts-snapshots/caption-button-call-Mobile-Android-Landscape-linux.png b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/ClosedCaptions.test.ts-snapshots/caption-button-call-Mobile-Android-Landscape-linux.png index 4a60f9bd64f..62aa8893bcd 100644 Binary files a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/ClosedCaptions.test.ts-snapshots/caption-button-call-Mobile-Android-Landscape-linux.png and b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/ClosedCaptions.test.ts-snapshots/caption-button-call-Mobile-Android-Landscape-linux.png differ diff --git a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/ClosedCaptions.test.ts-snapshots/caption-button-call-Mobile-Android-Portrait-linux.png b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/ClosedCaptions.test.ts-snapshots/caption-button-call-Mobile-Android-Portrait-linux.png index b6116ae90c3..735cd0f52f2 100644 Binary files a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/ClosedCaptions.test.ts-snapshots/caption-button-call-Mobile-Android-Portrait-linux.png and b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/ClosedCaptions.test.ts-snapshots/caption-button-call-Mobile-Android-Portrait-linux.png differ diff --git a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/ClosedCaptions.test.ts-snapshots/caption-toggle-button-Desktop-Chrome-linux.png b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/ClosedCaptions.test.ts-snapshots/caption-toggle-button-Desktop-Chrome-linux.png index 787ee625190..011a3714950 100644 Binary files a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/ClosedCaptions.test.ts-snapshots/caption-toggle-button-Desktop-Chrome-linux.png and b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/ClosedCaptions.test.ts-snapshots/caption-toggle-button-Desktop-Chrome-linux.png differ diff --git a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/ClosedCaptions.test.ts-snapshots/caption-toggle-button-disabled-Desktop-Chrome-linux.png b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/ClosedCaptions.test.ts-snapshots/caption-toggle-button-disabled-Desktop-Chrome-linux.png index e9e38707bbf..3f7787c59ca 100644 Binary files a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/ClosedCaptions.test.ts-snapshots/caption-toggle-button-disabled-Desktop-Chrome-linux.png and b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/ClosedCaptions.test.ts-snapshots/caption-toggle-button-disabled-Desktop-Chrome-linux.png differ diff --git a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/DtmfDialpad.test.ts-snapshots/Call-Dtmf-Dialpad-Desktop-Chrome-linux.png b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/DtmfDialpad.test.ts-snapshots/Call-Dtmf-Dialpad-Desktop-Chrome-linux.png index ec56a2875de..9fe12c942fa 100644 Binary files a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/DtmfDialpad.test.ts-snapshots/Call-Dtmf-Dialpad-Desktop-Chrome-linux.png and b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/DtmfDialpad.test.ts-snapshots/Call-Dtmf-Dialpad-Desktop-Chrome-linux.png differ diff --git a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/DtmfDialpad.test.ts-snapshots/Call-Dtmf-Dialpad-Mobile-Android-Landscape-linux.png b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/DtmfDialpad.test.ts-snapshots/Call-Dtmf-Dialpad-Mobile-Android-Landscape-linux.png index c13c81bad68..e88fde6fec6 100644 Binary files a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/DtmfDialpad.test.ts-snapshots/Call-Dtmf-Dialpad-Mobile-Android-Landscape-linux.png and b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/DtmfDialpad.test.ts-snapshots/Call-Dtmf-Dialpad-Mobile-Android-Landscape-linux.png differ diff --git a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/DtmfDialpad.test.ts-snapshots/Call-Dtmf-Dialpad-Mobile-Android-Portrait-linux.png b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/DtmfDialpad.test.ts-snapshots/Call-Dtmf-Dialpad-Mobile-Android-Portrait-linux.png index bf14d3425b7..2755d61ffa6 100644 Binary files a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/DtmfDialpad.test.ts-snapshots/Call-Dtmf-Dialpad-Mobile-Android-Portrait-linux.png and b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/DtmfDialpad.test.ts-snapshots/Call-Dtmf-Dialpad-Mobile-Android-Portrait-linux.png differ diff --git a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/DtmfDialpad.test.ts-snapshots/Dtmf-Dialpad-Hidden-Non-PSTN-Desktop-Chrome-linux.png b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/DtmfDialpad.test.ts-snapshots/Dtmf-Dialpad-Hidden-Non-PSTN-Desktop-Chrome-linux.png index 8f5dd128bb5..eeaa1394a35 100644 Binary files a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/DtmfDialpad.test.ts-snapshots/Dtmf-Dialpad-Hidden-Non-PSTN-Desktop-Chrome-linux.png and b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/DtmfDialpad.test.ts-snapshots/Dtmf-Dialpad-Hidden-Non-PSTN-Desktop-Chrome-linux.png differ diff --git a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/DtmfDialpad.test.ts-snapshots/Dtmf-Dialpad-Hidden-Non-PSTN-Mobile-Android-Landscape-linux.png b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/DtmfDialpad.test.ts-snapshots/Dtmf-Dialpad-Hidden-Non-PSTN-Mobile-Android-Landscape-linux.png index 8ba24acea98..29b8baf3765 100644 Binary files a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/DtmfDialpad.test.ts-snapshots/Dtmf-Dialpad-Hidden-Non-PSTN-Mobile-Android-Landscape-linux.png and b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/DtmfDialpad.test.ts-snapshots/Dtmf-Dialpad-Hidden-Non-PSTN-Mobile-Android-Landscape-linux.png differ diff --git a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/DtmfDialpad.test.ts-snapshots/Dtmf-Dialpad-Hidden-Non-PSTN-Mobile-Android-Portrait-linux.png b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/DtmfDialpad.test.ts-snapshots/Dtmf-Dialpad-Hidden-Non-PSTN-Mobile-Android-Portrait-linux.png index b6116ae90c3..735cd0f52f2 100644 Binary files a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/DtmfDialpad.test.ts-snapshots/Dtmf-Dialpad-Hidden-Non-PSTN-Mobile-Android-Portrait-linux.png and b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/DtmfDialpad.test.ts-snapshots/Dtmf-Dialpad-Hidden-Non-PSTN-Mobile-Android-Portrait-linux.png differ diff --git a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/DtmfDialpad.test.ts-snapshots/call-more-button-dtmf-dialpad-Desktop-Chrome-linux.png b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/DtmfDialpad.test.ts-snapshots/call-more-button-dtmf-dialpad-Desktop-Chrome-linux.png index ec56a2875de..9fe12c942fa 100644 Binary files a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/DtmfDialpad.test.ts-snapshots/call-more-button-dtmf-dialpad-Desktop-Chrome-linux.png and b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/DtmfDialpad.test.ts-snapshots/call-more-button-dtmf-dialpad-Desktop-Chrome-linux.png differ diff --git a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/DtmfDialpad.test.ts-snapshots/call-more-drawer-dtmf-dialpad-Mobile-Android-Landscape-linux.png b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/DtmfDialpad.test.ts-snapshots/call-more-drawer-dtmf-dialpad-Mobile-Android-Landscape-linux.png index c13c81bad68..e88fde6fec6 100644 Binary files a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/DtmfDialpad.test.ts-snapshots/call-more-drawer-dtmf-dialpad-Mobile-Android-Landscape-linux.png and b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/DtmfDialpad.test.ts-snapshots/call-more-drawer-dtmf-dialpad-Mobile-Android-Landscape-linux.png differ diff --git a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/DtmfDialpad.test.ts-snapshots/call-more-drawer-dtmf-dialpad-Mobile-Android-Portrait-linux.png b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/DtmfDialpad.test.ts-snapshots/call-more-drawer-dtmf-dialpad-Mobile-Android-Portrait-linux.png index bf14d3425b7..2755d61ffa6 100644 Binary files a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/DtmfDialpad.test.ts-snapshots/call-more-drawer-dtmf-dialpad-Mobile-Android-Portrait-linux.png and b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/DtmfDialpad.test.ts-snapshots/call-more-drawer-dtmf-dialpad-Mobile-Android-Portrait-linux.png differ diff --git a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/OverflowGallery.test.ts-snapshots/overflow-gallery-controls-Desktop-Chrome-16-9-linux.png b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/OverflowGallery.test.ts-snapshots/overflow-gallery-controls-Desktop-Chrome-16-9-linux.png index 6ae86bfa20a..b0dc7cfd0e5 100644 Binary files a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/OverflowGallery.test.ts-snapshots/overflow-gallery-controls-Desktop-Chrome-16-9-linux.png and b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/OverflowGallery.test.ts-snapshots/overflow-gallery-controls-Desktop-Chrome-16-9-linux.png differ diff --git a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/OverflowGallery.test.ts-snapshots/overflow-gallery-controls-Desktop-Chrome-linux.png b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/OverflowGallery.test.ts-snapshots/overflow-gallery-controls-Desktop-Chrome-linux.png index f9a9e01adf1..ddad2c33d77 100644 Binary files a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/OverflowGallery.test.ts-snapshots/overflow-gallery-controls-Desktop-Chrome-linux.png and b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/OverflowGallery.test.ts-snapshots/overflow-gallery-controls-Desktop-Chrome-linux.png differ diff --git a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/OverflowGallery.test.ts-snapshots/overflow-gallery-controls-open-Desktop-Chrome-16-9-linux.png b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/OverflowGallery.test.ts-snapshots/overflow-gallery-controls-open-Desktop-Chrome-16-9-linux.png index a2ca33fea87..29515b57e21 100644 Binary files a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/OverflowGallery.test.ts-snapshots/overflow-gallery-controls-open-Desktop-Chrome-16-9-linux.png and b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/OverflowGallery.test.ts-snapshots/overflow-gallery-controls-open-Desktop-Chrome-16-9-linux.png differ diff --git a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/OverflowGallery.test.ts-snapshots/overflow-gallery-controls-open-Desktop-Chrome-linux.png b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/OverflowGallery.test.ts-snapshots/overflow-gallery-controls-open-Desktop-Chrome-linux.png index 5612b45cba8..ec95541d2d2 100644 Binary files a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/OverflowGallery.test.ts-snapshots/overflow-gallery-controls-open-Desktop-Chrome-linux.png and b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/OverflowGallery.test.ts-snapshots/overflow-gallery-controls-open-Desktop-Chrome-linux.png differ diff --git a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/Reactions.test.ts-snapshots/reaction-sub-menu-in-ongoing-call-in-mobile-Mobile-Android-Landscape-linux.png b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/Reactions.test.ts-snapshots/reaction-sub-menu-in-ongoing-call-in-mobile-Mobile-Android-Landscape-linux.png index a487d6390a3..7bacf17c43b 100644 Binary files a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/Reactions.test.ts-snapshots/reaction-sub-menu-in-ongoing-call-in-mobile-Mobile-Android-Landscape-linux.png and b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/Reactions.test.ts-snapshots/reaction-sub-menu-in-ongoing-call-in-mobile-Mobile-Android-Landscape-linux.png differ diff --git a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/Reactions.test.ts-snapshots/reaction-sub-menu-in-ongoing-call-in-mobile-Mobile-Android-Portrait-linux.png b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/Reactions.test.ts-snapshots/reaction-sub-menu-in-ongoing-call-in-mobile-Mobile-Android-Portrait-linux.png index 1e8db54a55e..efb47f0271c 100644 Binary files a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/Reactions.test.ts-snapshots/reaction-sub-menu-in-ongoing-call-in-mobile-Mobile-Android-Portrait-linux.png and b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/Reactions.test.ts-snapshots/reaction-sub-menu-in-ongoing-call-in-mobile-Mobile-Android-Portrait-linux.png differ diff --git a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/TeamsClosedCaptions.test.ts-snapshots/caption-button-teams-call-Desktop-Chrome-linux.png b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/TeamsClosedCaptions.test.ts-snapshots/caption-button-teams-call-Desktop-Chrome-linux.png index 8f5dd128bb5..eeaa1394a35 100644 Binary files a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/TeamsClosedCaptions.test.ts-snapshots/caption-button-teams-call-Desktop-Chrome-linux.png and b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/TeamsClosedCaptions.test.ts-snapshots/caption-button-teams-call-Desktop-Chrome-linux.png differ diff --git a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/TeamsClosedCaptions.test.ts-snapshots/caption-button-teams-call-Mobile-Android-Landscape-linux.png b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/TeamsClosedCaptions.test.ts-snapshots/caption-button-teams-call-Mobile-Android-Landscape-linux.png index 4a60f9bd64f..62aa8893bcd 100644 Binary files a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/TeamsClosedCaptions.test.ts-snapshots/caption-button-teams-call-Mobile-Android-Landscape-linux.png and b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/TeamsClosedCaptions.test.ts-snapshots/caption-button-teams-call-Mobile-Android-Landscape-linux.png differ diff --git a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/TeamsClosedCaptions.test.ts-snapshots/caption-button-teams-call-Mobile-Android-Portrait-linux.png b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/TeamsClosedCaptions.test.ts-snapshots/caption-button-teams-call-Mobile-Android-Portrait-linux.png index b6116ae90c3..735cd0f52f2 100644 Binary files a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/TeamsClosedCaptions.test.ts-snapshots/caption-button-teams-call-Mobile-Android-Portrait-linux.png and b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/TeamsClosedCaptions.test.ts-snapshots/caption-button-teams-call-Mobile-Android-Portrait-linux.png differ diff --git a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/TeamsClosedCaptions.test.ts-snapshots/teams-caption-toggle-button-Desktop-Chrome-linux.png b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/TeamsClosedCaptions.test.ts-snapshots/teams-caption-toggle-button-Desktop-Chrome-linux.png index 787ee625190..011a3714950 100644 Binary files a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/TeamsClosedCaptions.test.ts-snapshots/teams-caption-toggle-button-Desktop-Chrome-linux.png and b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/TeamsClosedCaptions.test.ts-snapshots/teams-caption-toggle-button-Desktop-Chrome-linux.png differ diff --git a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/TeamsClosedCaptions.test.ts-snapshots/teams-caption-toggle-button-disabled-Desktop-Chrome-linux.png b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/TeamsClosedCaptions.test.ts-snapshots/teams-caption-toggle-button-disabled-Desktop-Chrome-linux.png index e9e38707bbf..3f7787c59ca 100644 Binary files a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/TeamsClosedCaptions.test.ts-snapshots/teams-caption-toggle-button-disabled-Desktop-Chrome-linux.png and b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/TeamsClosedCaptions.test.ts-snapshots/teams-caption-toggle-button-disabled-Desktop-Chrome-linux.png differ diff --git a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/VideoGallery.test.ts-snapshots/gallery-controls-Desktop-Chrome-linux.png b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/VideoGallery.test.ts-snapshots/gallery-controls-Desktop-Chrome-linux.png index c9240486a3d..0d60528a707 100644 Binary files a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/VideoGallery.test.ts-snapshots/gallery-controls-Desktop-Chrome-linux.png and b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/VideoGallery.test.ts-snapshots/gallery-controls-Desktop-Chrome-linux.png differ diff --git a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/VideoGallery.test.ts-snapshots/gallery-controls-open-Desktop-Chrome-linux.png b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/VideoGallery.test.ts-snapshots/gallery-controls-open-Desktop-Chrome-linux.png index aaad95dba62..03927d6fa6c 100644 Binary files a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/VideoGallery.test.ts-snapshots/gallery-controls-open-Desktop-Chrome-linux.png and b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/VideoGallery.test.ts-snapshots/gallery-controls-open-Desktop-Chrome-linux.png differ diff --git a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/VideoGallery.test.ts-snapshots/participant-cap-ovc-Desktop-Chrome-linux.png b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/VideoGallery.test.ts-snapshots/participant-cap-ovc-Desktop-Chrome-linux.png index c9bff6e971d..a99ed716f95 100644 Binary files a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/VideoGallery.test.ts-snapshots/participant-cap-ovc-Desktop-Chrome-linux.png and b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/VideoGallery.test.ts-snapshots/participant-cap-ovc-Desktop-Chrome-linux.png differ diff --git a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/callwithchat/hermetic/CallControls.test.ts-snapshots/call-with-chat-custom-buttons-Desktop-Chrome-linux.png b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/callwithchat/hermetic/CallControls.test.ts-snapshots/call-with-chat-custom-buttons-Desktop-Chrome-linux.png index 40ccda31652..28965f54480 100644 Binary files a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/callwithchat/hermetic/CallControls.test.ts-snapshots/call-with-chat-custom-buttons-Desktop-Chrome-linux.png and b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/callwithchat/hermetic/CallControls.test.ts-snapshots/call-with-chat-custom-buttons-Desktop-Chrome-linux.png differ diff --git a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/callwithchat/hermetic/CallControls.test.ts-snapshots/call-with-chat-custom-buttons-Mobile-Android-Landscape-linux.png b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/callwithchat/hermetic/CallControls.test.ts-snapshots/call-with-chat-custom-buttons-Mobile-Android-Landscape-linux.png index ca58bb9947a..b214d7310a7 100644 Binary files a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/callwithchat/hermetic/CallControls.test.ts-snapshots/call-with-chat-custom-buttons-Mobile-Android-Landscape-linux.png and b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/callwithchat/hermetic/CallControls.test.ts-snapshots/call-with-chat-custom-buttons-Mobile-Android-Landscape-linux.png differ diff --git a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/callwithchat/hermetic/CallControls.test.ts-snapshots/call-with-chat-custom-buttons-Mobile-Android-Portrait-linux.png b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/callwithchat/hermetic/CallControls.test.ts-snapshots/call-with-chat-custom-buttons-Mobile-Android-Portrait-linux.png index f230eb27e05..055e34e2bf7 100644 Binary files a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/callwithchat/hermetic/CallControls.test.ts-snapshots/call-with-chat-custom-buttons-Mobile-Android-Portrait-linux.png and b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/callwithchat/hermetic/CallControls.test.ts-snapshots/call-with-chat-custom-buttons-Mobile-Android-Portrait-linux.png differ diff --git a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/callwithchat/hermetic/MoreDrawer.test.ts-snapshots/call-with-chat-more-drawer-new-selected-microphone-screen-Mobile-Android-Landscape-linux.png b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/callwithchat/hermetic/MoreDrawer.test.ts-snapshots/call-with-chat-more-drawer-new-selected-microphone-screen-Mobile-Android-Landscape-linux.png index 5d3e8a24751..b72b2cfb3ca 100644 Binary files a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/callwithchat/hermetic/MoreDrawer.test.ts-snapshots/call-with-chat-more-drawer-new-selected-microphone-screen-Mobile-Android-Landscape-linux.png and b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/callwithchat/hermetic/MoreDrawer.test.ts-snapshots/call-with-chat-more-drawer-new-selected-microphone-screen-Mobile-Android-Landscape-linux.png differ diff --git a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/callwithchat/hermetic/MoreDrawer.test.ts-snapshots/call-with-chat-more-drawer-new-selected-microphone-screen-Mobile-Android-Portrait-linux.png b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/callwithchat/hermetic/MoreDrawer.test.ts-snapshots/call-with-chat-more-drawer-new-selected-microphone-screen-Mobile-Android-Portrait-linux.png index cdbe123df71..ee5c5f00504 100644 Binary files a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/callwithchat/hermetic/MoreDrawer.test.ts-snapshots/call-with-chat-more-drawer-new-selected-microphone-screen-Mobile-Android-Portrait-linux.png and b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/callwithchat/hermetic/MoreDrawer.test.ts-snapshots/call-with-chat-more-drawer-new-selected-microphone-screen-Mobile-Android-Portrait-linux.png differ diff --git a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/callwithchat/hermetic/MoreDrawer.test.ts-snapshots/call-with-chat-more-drawer-new-selected-speaker-screen-Mobile-Android-Landscape-linux.png b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/callwithchat/hermetic/MoreDrawer.test.ts-snapshots/call-with-chat-more-drawer-new-selected-speaker-screen-Mobile-Android-Landscape-linux.png index 65029c2a4a4..ec845ae5631 100644 Binary files a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/callwithchat/hermetic/MoreDrawer.test.ts-snapshots/call-with-chat-more-drawer-new-selected-speaker-screen-Mobile-Android-Landscape-linux.png and b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/callwithchat/hermetic/MoreDrawer.test.ts-snapshots/call-with-chat-more-drawer-new-selected-speaker-screen-Mobile-Android-Landscape-linux.png differ diff --git a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/callwithchat/hermetic/MoreDrawer.test.ts-snapshots/call-with-chat-more-drawer-new-selected-speaker-screen-Mobile-Android-Portrait-linux.png b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/callwithchat/hermetic/MoreDrawer.test.ts-snapshots/call-with-chat-more-drawer-new-selected-speaker-screen-Mobile-Android-Portrait-linux.png index 81288ef7254..cb347006f0b 100644 Binary files a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/callwithchat/hermetic/MoreDrawer.test.ts-snapshots/call-with-chat-more-drawer-new-selected-speaker-screen-Mobile-Android-Portrait-linux.png and b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/callwithchat/hermetic/MoreDrawer.test.ts-snapshots/call-with-chat-more-drawer-new-selected-speaker-screen-Mobile-Android-Portrait-linux.png differ diff --git a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/callwithchat/hermetic/MoreDrawer.test.ts-snapshots/call-with-chat-more-drawer-screen-Mobile-Android-Landscape-linux.png b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/callwithchat/hermetic/MoreDrawer.test.ts-snapshots/call-with-chat-more-drawer-screen-Mobile-Android-Landscape-linux.png index 3645bc7ab38..fc9f5b4db0a 100644 Binary files a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/callwithchat/hermetic/MoreDrawer.test.ts-snapshots/call-with-chat-more-drawer-screen-Mobile-Android-Landscape-linux.png and b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/callwithchat/hermetic/MoreDrawer.test.ts-snapshots/call-with-chat-more-drawer-screen-Mobile-Android-Landscape-linux.png differ diff --git a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/callwithchat/hermetic/MoreDrawer.test.ts-snapshots/call-with-chat-more-drawer-screen-Mobile-Android-Portrait-linux.png b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/callwithchat/hermetic/MoreDrawer.test.ts-snapshots/call-with-chat-more-drawer-screen-Mobile-Android-Portrait-linux.png index c6f5048e7ea..5a6f914e1f3 100644 Binary files a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/callwithchat/hermetic/MoreDrawer.test.ts-snapshots/call-with-chat-more-drawer-screen-Mobile-Android-Portrait-linux.png and b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/callwithchat/hermetic/MoreDrawer.test.ts-snapshots/call-with-chat-more-drawer-screen-Mobile-Android-Portrait-linux.png differ