@azure/communication-react 1.8.1-alpha-202310040013 → 1.8.1-alpha-202310050013
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/communication-react.d.ts +3 -3
- package/dist/dist-cjs/communication-react/index.js +40 -58
- package/dist/dist-cjs/communication-react/index.js.map +1 -1
- package/dist/dist-esm/acs-ui-common/src/telemetryVersion.js +1 -1
- package/dist/dist-esm/acs-ui-common/src/telemetryVersion.js.map +1 -1
- package/dist/dist-esm/react-components/src/components/ImageGallery.js +8 -16
- package/dist/dist-esm/react-components/src/components/ImageGallery.js.map +1 -1
- package/dist/dist-esm/react-components/src/components/VerticalGallery.js +1 -1
- package/dist/dist-esm/react-components/src/components/VerticalGallery.js.map +1 -1
- package/dist/dist-esm/react-components/src/components/VideoGallery/DefaultLayout.js +4 -4
- package/dist/dist-esm/react-components/src/components/VideoGallery/DefaultLayout.js.map +1 -1
- package/dist/dist-esm/react-components/src/components/VideoGallery/FloatingLocalVideoLayout.js +6 -6
- package/dist/dist-esm/react-components/src/components/VideoGallery/FloatingLocalVideoLayout.js.map +1 -1
- package/dist/dist-esm/react-components/src/components/VideoGallery/LargeGalleryLayout.js +4 -4
- package/dist/dist-esm/react-components/src/components/VideoGallery/LargeGalleryLayout.js.map +1 -1
- package/dist/dist-esm/react-components/src/components/VideoGallery/Layout.d.ts +1 -1
- package/dist/dist-esm/react-components/src/components/VideoGallery/Layout.js.map +1 -1
- package/dist/dist-esm/react-components/src/components/VideoGallery/OverflowGallery.js +4 -4
- package/dist/dist-esm/react-components/src/components/VideoGallery/OverflowGallery.js.map +1 -1
- package/dist/dist-esm/react-components/src/components/VideoGallery/SpeakerVideoLayout.js +6 -6
- package/dist/dist-esm/react-components/src/components/VideoGallery/SpeakerVideoLayout.js.map +1 -1
- package/dist/dist-esm/react-components/src/components/VideoGallery/styles/FloatingLocalVideo.styles.d.ts +1 -1
- package/dist/dist-esm/react-components/src/components/VideoGallery/styles/FloatingLocalVideo.styles.js +2 -2
- package/dist/dist-esm/react-components/src/components/VideoGallery/styles/FloatingLocalVideo.styles.js.map +1 -1
- package/dist/dist-esm/react-components/src/components/VideoGallery.d.ts +2 -2
- package/dist/dist-esm/react-components/src/components/VideoGallery.js +1 -1
- package/dist/dist-esm/react-components/src/components/VideoGallery.js.map +1 -1
- package/dist/dist-esm/react-components/src/components/styles/ImageGallery.style.d.ts +0 -4
- package/dist/dist-esm/react-components/src/components/styles/ImageGallery.style.js +0 -10
- package/dist/dist-esm/react-components/src/components/styles/ImageGallery.style.js.map +1 -1
- package/dist/dist-esm/react-components/src/localization/LocalizationProvider.d.ts +1 -1
- package/dist/dist-esm/react-components/src/localization/LocalizationProvider.js.map +1 -1
- package/dist/dist-esm/react-components/src/localization/locales/en-US/strings.json +1 -1
- package/dist/dist-esm/react-composites/src/composites/CallComposite/CallComposite.js.map +1 -1
- package/dist/dist-esm/react-composites/src/composites/CallComposite/components/CallArrangement.d.ts +1 -1
- package/dist/dist-esm/react-composites/src/composites/CallComposite/components/CallArrangement.js.map +1 -1
- package/dist/dist-esm/react-composites/src/composites/CallComposite/components/MediaGallery.d.ts +1 -1
- package/dist/dist-esm/react-composites/src/composites/CallComposite/components/MediaGallery.js +3 -3
- package/dist/dist-esm/react-composites/src/composites/CallComposite/components/MediaGallery.js.map +1 -1
- package/dist/dist-esm/react-composites/src/composites/CallComposite/pages/CallPage.d.ts +2 -2
- package/dist/dist-esm/react-composites/src/composites/CallComposite/pages/CallPage.js.map +1 -1
- package/dist/dist-esm/react-composites/src/composites/common/ControlBar/CommonCallControlBar.d.ts +1 -1
- package/dist/dist-esm/react-composites/src/composites/common/ControlBar/CommonCallControlBar.js.map +1 -1
- package/dist/dist-esm/react-composites/src/composites/common/ControlBar/DesktopMoreButton.d.ts +1 -1
- package/dist/dist-esm/react-composites/src/composites/common/ControlBar/DesktopMoreButton.js +1 -1
- package/dist/dist-esm/react-composites/src/composites/common/ControlBar/DesktopMoreButton.js.map +1 -1
- package/package.json +8 -8
@@ -4874,7 +4874,7 @@ export declare interface ComponentStrings {
|
|
4874
4874
|
/**
|
4875
4875
|
* Strings for the VerticalGallery.
|
4876
4876
|
*/
|
4877
|
-
|
4877
|
+
verticalGallery: VerticalGalleryStrings;
|
4878
4878
|
/** Strings for the participant list component */
|
4879
4879
|
ParticipantList: ParticipantListStrings;
|
4880
4880
|
}
|
@@ -8026,7 +8026,7 @@ export declare interface OptionsDevice {
|
|
8026
8026
|
*
|
8027
8027
|
* @beta
|
8028
8028
|
*/
|
8029
|
-
export declare type OverflowGalleryPosition = '
|
8029
|
+
export declare type OverflowGalleryPosition = 'horizontalBottom' | 'verticalRight' | /* @conditional-compile-remove(gallery-layouts) */ 'horizontalTop';
|
8030
8030
|
|
8031
8031
|
/**
|
8032
8032
|
* A system message notifying that a participant was added to the chat thread.
|
@@ -10108,7 +10108,7 @@ export declare interface VideoGalleryProps {
|
|
10108
10108
|
remoteVideoTileMenu?: false | VideoTileContextualMenuProps | VideoTileDrawerMenuProps;
|
10109
10109
|
/**
|
10110
10110
|
* Determines the layout of the overflowGallery inside the VideoGallery.
|
10111
|
-
* @defaultValue '
|
10111
|
+
* @defaultValue 'horizontalBottom'
|
10112
10112
|
*/
|
10113
10113
|
overflowGalleryPosition?: OverflowGalleryPosition;
|
10114
10114
|
/**
|
@@ -177,7 +177,7 @@ const _isValidIdentifier = (identifier) => {
|
|
177
177
|
// Copyright (c) Microsoft Corporation.
|
178
178
|
// Licensed under the MIT License.
|
179
179
|
// GENERATED FILE. DO NOT EDIT MANUALLY.
|
180
|
-
var telemetryVersion = '1.8.1-alpha-
|
180
|
+
var telemetryVersion = '1.8.1-alpha-202310050013';
|
181
181
|
|
182
182
|
// Copyright (c) Microsoft Corporation.
|
183
183
|
/**
|
@@ -4994,7 +4994,7 @@ const typingIndicatorStringStyle = react.mergeStyles({
|
|
4994
4994
|
wordBreak: 'break-word'
|
4995
4995
|
});
|
4996
4996
|
|
4997
|
-
var participantItem$k={isMeText:"(you)",menuTitle:"More Options",removeButtonLabel:"Remove",sharingIconLabel:"Sharing",mutedIconLabel:"Muted",displayNamePlaceholder:"Unnamed participant",participantStateRinging:"Calling...",participantStateHold:"On hold"};var ParticipantList$l={overflowParticipantCount:"+{overflowCount} more"};var typingIndicator$k={singleUser:"{user} is typing ...",multipleUsers:"{users} are typing ...",multipleUsersAbbreviateOne:"{users} and 1 other are typing ...",multipleUsersAbbreviateMany:"{users} and {numOthers} others are typing ...",delimiter:", "};var sendBox$k={placeholderText:"Enter a message",textTooLong:"Your message length is over the maximum limit.",sendButtonAriaLabel:"Send message",fileUploadsPendingError:"Uploading... Please wait.",removeFile:"Remove file",uploading:"Uploading",uploadCompleted:"Upload completed"};var mentionPopover$k={mentionPopoverHeader:"Suggestions"};var imageGallery$k={downloadButtonLabel:"Download",dismissButtonAriaLabel:"Close"};var messageStatusIndicator$k={deliveredAriaLabel:"Message sent",deliveredTooltipText:"Sent",seenAriaLabel:"Message seen by others",seenTooltipText:"Seen",readByTooltipText:"Read by {messageThreadReadCount} of {remoteParticipantsCount}",sendingAriaLabel:"Message sending",sendingTooltipText:"Sending",failedToSendAriaLabel:"Message failed to send",failedToSendTooltipText:"Failed to send"};var endCallButton$k={label:"Leave",tooltipContent:"Leave call"};var cameraButton$k={onLabel:"Camera",offLabel:"Camera",tooltipDisabledContent:"Camera is disabled",tooltipOnContent:"Turn off camera",tooltipOffContent:"Turn on camera",tooltipVideoLoadingContent:"Video is loading",cameraMenuTitle:"Camera",cameraMenuTooltip:"Choose camera",cameraButtonSplitRoleDescription:"Split button",onSplitButtonAriaLabel:"Turn off camera and camera options",offSplitButtonAriaLabel:"Turn on camera and camera options",cameraActionTurnedOnAnnouncement:"Your camera has been turned on",cameraActionTurnedOffAnnouncement:"Your camera has been turned off",onSplitButtonPrimaryActionCamera:"Turn off camera",offSplitButtonPrimaryActionCamera:"Turn on camera",cameraPrimaryActionSplitButtonTitle:"Use camera",videoEffectsMenuItemTitle:"Effects"};var microphoneButton$k={onLabel:"Mic",offLabel:"Mic",tooltipDisabledContent:"Microphone is disabled",tooltipOnContent:"Mute microphone",tooltipOffContent:"Unmute microphone",microphoneMenuTitle:"Microphone",microphoneMenuTooltip:"Choose microphone",speakerMenuTitle:"Speaker",speakerMenuTooltip:"Choose speaker",microphoneButtonSplitRoleDescription:"Split button",onSplitButtonAriaLabel:"Mute microphone and audio options",offSplitButtonAriaLabel:"Unmute microphone and audio options",microphoneActionTurnedOnAnnouncement:"Your microphone has been turned on",microphoneActionTurnedOffAnnouncement:"Your microphone has been turned off",offSplitButtonMicrophonePrimaryAction:"Unmute microphone",onSplitButtonMicrophonePrimaryAction:"Mute microphone",microphonePrimaryActionSplitButtonTitle:"Use microphone"};var devicesButton$k={label:"Devices",tooltipContent:"Manage devices",cameraMenuTitle:"Camera",cameraMenuTooltip:"Choose camera",audioDeviceMenuTitle:"Audio Device",audioDeviceMenuTooltip:"Choose audio device",microphoneMenuTitle:"Microphone",microphoneMenuTooltip:"Choose microphone",speakerMenuTitle:"Speaker",speakerMenuTooltip:"Choose speaker"};var participantsButton$k={label:"People",tooltipContent:"Show participants",menuHeader:"In this call",participantsListButtonLabel:"{numParticipants} people",muteAllButtonLabel:"Mute all",copyInviteLinkButtonLabel:"Copy invite link",copyInviteLinkActionedAriaLabel:"Invite link copied"};var screenShareButton$k={onLabel:"Stop presenting",offLabel:"Present",tooltipDisabledContent:"Presenting is disabled",tooltipOnContent:"Presenting your screen",tooltipOffContent:"Present your screen"};var raiseHandButton$k={offLabel:"Raise",onLabel:"Lower",tooltipDisabledContent:"Raise Hand action is disabled",tooltipOnContent:"Lower Hand",tooltipOffContent:"Raise Hand"};var messageThread$k={yesterday:"Yesterday",sunday:"Sunday",monday:"Monday",tuesday:"Tuesday",wednesday:"Wednesday",thursday:"Thursday",friday:"Friday",saturday:"Saturday",participantJoined:"joined the chat.",participantLeft:"left the chat.",editMessage:"Edit",removeMessage:"Delete",resendMessage:"Try sending again",failToSendTag:"Failed to send",editedTag:"Edited",liveAuthorIntro:"{author} says",messageContentAriaText:"{author} said {message}",messageContentMineAriaText:"You said {message}",editBoxTextLimit:"Your message is over the limit of {limitNumber} characters",editBoxPlaceholderText:"Edit your message",newMessagesIndicator:"New messages",noDisplayNameSub:"No name",editBoxCancelButton:"Cancel",editBoxSubmitButton:"Done",messageReadCount:"Read by {messageReadByCount} of {remoteParticipantsCount}",actionMenuMoreOptions:"More Options",downloadFile:"Download file",blockedWarningText:"This message was deleted due to organizational policy.",blockedWarningLinkText:"Details",fileCardGroupMessage:"The message has {fileCount} attachment"};var errorBar$k={unableToReachChatService:"You are offline",accessDenied:"Unable to access chat services - please check the user credentials provided",userNotInChatThread:"You are no longer in this chat thread",sendMessageNotInChatThread:"Failed to send message because you are no longer in this chat thread",sendMessageGeneric:"Failed to send message",callingNetworkFailure:"Troubling connecting call - you seem to be offline",startVideoGeneric:"Failed to start video",stopVideoGeneric:"Failed to stop video",muteGeneric:"Failed to mute microphone",unmuteGeneric:"Failed to unmute microphone",speakingWhileMuted:"Your microphone is muted",startScreenShareGeneric:"There was an issue starting screen share.",stopScreenShareGeneric:"Failed to stop screen sharing",callNetworkQualityLow:"Network quality is low.",callNoSpeakerFound:"No speakers or headphones found. Connect an audio device to hear the call.",callNoMicrophoneFound:"No microphones found. Connect an audio input device.",callMicrophoneAccessDenied:"Unable to access microphone. Click the lock in the address bar to grant permission to this webpage.",callMicrophoneAccessDeniedSafari:"Unable to access microphone. Refresh the page to allow permissions, or check this browser’s settings and verify permissions are enabled for this website.",callMicrophoneMutedBySystem:"You are muted by your system.",callMicrophoneUnmutedBySystem:"Your microphone recovered and you were unmuted by your system.",callMacOsMicrophoneAccessDenied:"Unable to access microphone. Grant microphone permission in your macOS privacy settings.",callLocalVideoFreeze:"Network bandwidth is poor. Your video may appear paused for others on the call.",callCameraAccessDenied:"Unable to access camera. Click the lock in the address bar to grant permission to this webpage.",callCameraAccessDeniedSafari:"Unable to access camera. Refresh the page to allow permissions, or check this browser’s settings and verify permissions are enabled for this website.",callCameraAlreadyInUse:"Unable to access camera. It may already be in use by another application.",callVideoStoppedBySystem:"Your video has been stopped by your system.",callVideoRecoveredBySystem:"Your video has resumed.",callMacOsCameraAccessDenied:"MacOS is blocking access to your camera. Update your privacy settings to allow this browser to access your camera.",callMacOsScreenShareAccessDenied:"MacOS is blocking screen sharing. Update your privacy settings to allow this browser to record your screen.",dismissButtonAriaLabel:"Close",failedToJoinCallGeneric:"Failed to join call.",failedToJoinCallInvalidMeetingLink:"Unable to join Meeting. Invalid Link.",cameraFrozenForRemoteParticipants:"Users in the call are having issues seeing your video. Please check your devices and network.",unableToStartVideoEffect:"Unable to apply video effect."};var videoGallery$k={screenIsBeingSharedMessage:"You are sharing your screen",screenShareLoadingMessage:"Loading {participant}'s screen",localVideoLabel:"You",localVideoCameraSwitcherLabel:"Switch camera",localVideoMovementLabel:"Movable Local Video Tile",localVideoSelectedDescription:"{cameraName} selected",displayNamePlaceholder:"Unnamed participant",fitRemoteParticipantToFrame:"Fit to frame",fillRemoteParticipantFrame:"Fill frame",pinParticipantForMe:"Pin for me",pinParticipantForMeLimitReached:"Pin (limit reached)",unpinParticipantForMe:"Unpin",pinParticipantMenuItemAriaLabel:"Pin {participantName}",unpinParticipantMenuItemAriaLabel:"Unpin {participantName}",pinnedParticipantAnnouncementAriaLabel:"Pinned {participantName}",unpinnedParticipantAnnouncementAriaLabel:"Unpinned {participantName}"};var dialpad$k={placeholderText:"Enter phone number",deleteButtonAriaLabel:"Delete"};var holdButton$k={onLabel:"Resume",offLabel:"Hold",tooltipOnContent:"Resume call",tooltipOffContent:"Hold call"};var videoTile$k={participantStateRinging:"Calling...",participantStateHold:"On hold"};var CameraAndMicrophoneSitePermissionsRequest$k={primaryText:"Allow {appName} to use your camera and microphone",secondaryText:"This is so participants can see and hear you.",linkText:"Need help? Get troubleshooting help",primaryButtonText:"Continue without camera and microphone",ariaLabel:"Allow camera and microphone access"};var CameraSitePermissionsRequest$k={primaryText:"Allow {appName} to use your camera",secondaryText:"This is so participants can see you.",linkText:"Need help? Get troubleshooting help",primaryButtonText:"Continue without camera",ariaLabel:"Allow camera access"};var MicrophoneSitePermissionsRequest$k={primaryText:"Allow {appName} to use your microphone",secondaryText:"This is so participants can hear you.",linkText:"Need help? Get troubleshooting help",primaryButtonText:"Continue without microphone",ariaLabel:"Allow microphone access"};var CameraAndMicrophoneSitePermissionsCheck$k={primaryText:"Checking for camera and microphone access",secondaryText:"Allow access if prompted. This is so participants can see and hear you.",linkText:"Need help? Get troubleshooting help",primaryButtonText:"Continue without camera and microphone",ariaLabel:"Checking for camera and microphone access. Allow access if prompted."};var CameraSitePermissionsCheck$k={primaryText:"Checking for camera access",secondaryText:"Allow access if prompted. This is so participants can see you.",linkText:"Need help? Get troubleshooting help",primaryButtonText:"Continue without camera",ariaLabel:"Checking for camera access. Allow access if prompted."};var MicrophoneSitePermissionsCheck$k={primaryText:"Checking for microphone access",secondaryText:"Allow access if prompted. This is so participants can hear you.",linkText:"Need help? Get troubleshooting help",primaryButtonText:"Continue without microphone",ariaLabel:"Checking for microphone access. Allow access if prompted."};var CameraAndMicrophoneSitePermissionsDenied$k={primaryText:"Unable to access camera and microphone",secondaryText:"Click the lock icon in the address bar to grant microphone permissions to this webpage. A page refresh may be required.",primaryButtonText:"Continue without camera and microphone",linkText:"Need help? Get troubleshooting help"};var CameraAndMicrophoneSitePermissionsDeniedSafari$k={primaryText:"Unable to access camera and microphone",secondaryText:"Refresh the page to allow permissions, or check this browser’s settings and verify permissions are enabled for this website.",primaryButtonText:"Continue without camera and microphone",linkText:"Need help? Get troubleshooting help"};var CameraSitePermissionsDenied$k={primaryText:"Unable to access camera",secondaryText:"Click the lock icon in the address bar to grant camera permissions to this webpage. A page refresh may be required.",primaryButtonText:"Continue without camera",linkText:"Need help? Get troubleshooting help"};var MicrophoneSitePermissionsDenied$k={primaryText:"Unable to access microphone",secondaryText:"Click the lock icon in the address bar to grant microphone permissions to this webpage. A page refresh may be required.",primaryButtonText:"Continue without microphone",linkText:"Need help? Get troubleshooting help"};var CameraSitePermissionsDeniedSafari$k={primaryText:"Unable to access camera",secondaryText:"Refresh the page to allow permissions, or check this browser’s settings and verify permissions are enabled for this website.",primaryButtonText:"Continue without camera",linkText:"Need help? Get troubleshooting help"};var MicrophoneSitePermissionsDeniedSafari$k={primaryText:"Unable to access microphone",secondaryText:"Refresh the page to allow permissions, or check this browser’s settings and verify permissions are enabled for this website.",primaryButtonText:"Continue without microphone",linkText:"Need help? Get troubleshooting help"};var UnsupportedBrowser$l={primaryText:"Browser not supported",secondaryText:"Please join this call using a compatible browser.",moreHelpLinkText:"See compatibility requirements"};var UnsupportedBrowserVersion$l={primaryText:"Browser update needed",secondaryText:"To ensure the best call possible, please update your browser and then try joining the call again.",moreHelpLinkText:"See compatibility requirements",continueAnywayButtonText:"Start call without updating"};var UnsupportedOperatingSystem$l={primaryText:"Operating system not supported",secondaryText:"Please join this call using a device with a compatible operating system.",moreHelpLinkText:"See compatibility requirements"};var BrowserPermissionDenied$k={primaryText:"Can't use your camera or microphone",secondaryText:"Your browser might not have access to your camera or microphone. To fix this, open System Preferences.",primaryButtonText:"Try again",linkText:"Need help? Get troubleshooting help"};var BrowserPermissionDeniedIOS$k={primaryText:"Allow microphone access to continue",secondaryText:"So other participants can hear you.",primaryButtonText:"Try again",imageAltText:"Microphone and camera device permission location for iOS",linkText:"Need help? Get troubleshooting help",step1Text:"Go to the Settings app",step2Text:"Scroll down to settings for this browser",step3Text:"Turn on Microphone (Camera optional)",step4Text:"Try joining the call again",step1DigitText:"1",step2DigitText:"2",step3DigitText:"3",step4DigitText:"4"};var VerticalGallery$l={leftNavButtonAriaLabel:"previous page",rightNavButtonAriaLabel:"next page"};var en_US$1 = {participantItem:participantItem$k,ParticipantList:ParticipantList$l,typingIndicator:typingIndicator$k,sendBox:sendBox$k,mentionPopover:mentionPopover$k,imageGallery:imageGallery$k,messageStatusIndicator:messageStatusIndicator$k,endCallButton:endCallButton$k,cameraButton:cameraButton$k,microphoneButton:microphoneButton$k,devicesButton:devicesButton$k,participantsButton:participantsButton$k,screenShareButton:screenShareButton$k,raiseHandButton:raiseHandButton$k,messageThread:messageThread$k,errorBar:errorBar$k,videoGallery:videoGallery$k,dialpad:dialpad$k,holdButton:holdButton$k,videoTile:videoTile$k,CameraAndMicrophoneSitePermissionsRequest:CameraAndMicrophoneSitePermissionsRequest$k,CameraSitePermissionsRequest:CameraSitePermissionsRequest$k,MicrophoneSitePermissionsRequest:MicrophoneSitePermissionsRequest$k,CameraAndMicrophoneSitePermissionsCheck:CameraAndMicrophoneSitePermissionsCheck$k,CameraSitePermissionsCheck:CameraSitePermissionsCheck$k,MicrophoneSitePermissionsCheck:MicrophoneSitePermissionsCheck$k,CameraAndMicrophoneSitePermissionsDenied:CameraAndMicrophoneSitePermissionsDenied$k,CameraAndMicrophoneSitePermissionsDeniedSafari:CameraAndMicrophoneSitePermissionsDeniedSafari$k,CameraSitePermissionsDenied:CameraSitePermissionsDenied$k,MicrophoneSitePermissionsDenied:MicrophoneSitePermissionsDenied$k,CameraSitePermissionsDeniedSafari:CameraSitePermissionsDeniedSafari$k,MicrophoneSitePermissionsDeniedSafari:MicrophoneSitePermissionsDeniedSafari$k,UnsupportedBrowser:UnsupportedBrowser$l,UnsupportedBrowserVersion:UnsupportedBrowserVersion$l,UnsupportedOperatingSystem:UnsupportedOperatingSystem$l,BrowserPermissionDenied:BrowserPermissionDenied$k,BrowserPermissionDeniedIOS:BrowserPermissionDeniedIOS$k,VerticalGallery:VerticalGallery$l};
|
4997
|
+
var participantItem$k={isMeText:"(you)",menuTitle:"More Options",removeButtonLabel:"Remove",sharingIconLabel:"Sharing",mutedIconLabel:"Muted",displayNamePlaceholder:"Unnamed participant",participantStateRinging:"Calling...",participantStateHold:"On hold"};var ParticipantList$l={overflowParticipantCount:"+{overflowCount} more"};var typingIndicator$k={singleUser:"{user} is typing ...",multipleUsers:"{users} are typing ...",multipleUsersAbbreviateOne:"{users} and 1 other are typing ...",multipleUsersAbbreviateMany:"{users} and {numOthers} others are typing ...",delimiter:", "};var sendBox$k={placeholderText:"Enter a message",textTooLong:"Your message length is over the maximum limit.",sendButtonAriaLabel:"Send message",fileUploadsPendingError:"Uploading... Please wait.",removeFile:"Remove file",uploading:"Uploading",uploadCompleted:"Upload completed"};var mentionPopover$k={mentionPopoverHeader:"Suggestions"};var imageGallery$k={downloadButtonLabel:"Download",dismissButtonAriaLabel:"Close"};var messageStatusIndicator$k={deliveredAriaLabel:"Message sent",deliveredTooltipText:"Sent",seenAriaLabel:"Message seen by others",seenTooltipText:"Seen",readByTooltipText:"Read by {messageThreadReadCount} of {remoteParticipantsCount}",sendingAriaLabel:"Message sending",sendingTooltipText:"Sending",failedToSendAriaLabel:"Message failed to send",failedToSendTooltipText:"Failed to send"};var endCallButton$k={label:"Leave",tooltipContent:"Leave call"};var cameraButton$k={onLabel:"Camera",offLabel:"Camera",tooltipDisabledContent:"Camera is disabled",tooltipOnContent:"Turn off camera",tooltipOffContent:"Turn on camera",tooltipVideoLoadingContent:"Video is loading",cameraMenuTitle:"Camera",cameraMenuTooltip:"Choose camera",cameraButtonSplitRoleDescription:"Split button",onSplitButtonAriaLabel:"Turn off camera and camera options",offSplitButtonAriaLabel:"Turn on camera and camera options",cameraActionTurnedOnAnnouncement:"Your camera has been turned on",cameraActionTurnedOffAnnouncement:"Your camera has been turned off",onSplitButtonPrimaryActionCamera:"Turn off camera",offSplitButtonPrimaryActionCamera:"Turn on camera",cameraPrimaryActionSplitButtonTitle:"Use camera",videoEffectsMenuItemTitle:"Effects"};var microphoneButton$k={onLabel:"Mic",offLabel:"Mic",tooltipDisabledContent:"Microphone is disabled",tooltipOnContent:"Mute microphone",tooltipOffContent:"Unmute microphone",microphoneMenuTitle:"Microphone",microphoneMenuTooltip:"Choose microphone",speakerMenuTitle:"Speaker",speakerMenuTooltip:"Choose speaker",microphoneButtonSplitRoleDescription:"Split button",onSplitButtonAriaLabel:"Mute microphone and audio options",offSplitButtonAriaLabel:"Unmute microphone and audio options",microphoneActionTurnedOnAnnouncement:"Your microphone has been turned on",microphoneActionTurnedOffAnnouncement:"Your microphone has been turned off",offSplitButtonMicrophonePrimaryAction:"Unmute microphone",onSplitButtonMicrophonePrimaryAction:"Mute microphone",microphonePrimaryActionSplitButtonTitle:"Use microphone"};var devicesButton$k={label:"Devices",tooltipContent:"Manage devices",cameraMenuTitle:"Camera",cameraMenuTooltip:"Choose camera",audioDeviceMenuTitle:"Audio Device",audioDeviceMenuTooltip:"Choose audio device",microphoneMenuTitle:"Microphone",microphoneMenuTooltip:"Choose microphone",speakerMenuTitle:"Speaker",speakerMenuTooltip:"Choose speaker"};var participantsButton$k={label:"People",tooltipContent:"Show participants",menuHeader:"In this call",participantsListButtonLabel:"{numParticipants} people",muteAllButtonLabel:"Mute all",copyInviteLinkButtonLabel:"Copy invite link",copyInviteLinkActionedAriaLabel:"Invite link copied"};var screenShareButton$k={onLabel:"Stop presenting",offLabel:"Present",tooltipDisabledContent:"Presenting is disabled",tooltipOnContent:"Presenting your screen",tooltipOffContent:"Present your screen"};var raiseHandButton$k={offLabel:"Raise",onLabel:"Lower",tooltipDisabledContent:"Raise Hand action is disabled",tooltipOnContent:"Lower Hand",tooltipOffContent:"Raise Hand"};var messageThread$k={yesterday:"Yesterday",sunday:"Sunday",monday:"Monday",tuesday:"Tuesday",wednesday:"Wednesday",thursday:"Thursday",friday:"Friday",saturday:"Saturday",participantJoined:"joined the chat.",participantLeft:"left the chat.",editMessage:"Edit",removeMessage:"Delete",resendMessage:"Try sending again",failToSendTag:"Failed to send",editedTag:"Edited",liveAuthorIntro:"{author} says",messageContentAriaText:"{author} said {message}",messageContentMineAriaText:"You said {message}",editBoxTextLimit:"Your message is over the limit of {limitNumber} characters",editBoxPlaceholderText:"Edit your message",newMessagesIndicator:"New messages",noDisplayNameSub:"No name",editBoxCancelButton:"Cancel",editBoxSubmitButton:"Done",messageReadCount:"Read by {messageReadByCount} of {remoteParticipantsCount}",actionMenuMoreOptions:"More Options",downloadFile:"Download file",blockedWarningText:"This message was deleted due to organizational policy.",blockedWarningLinkText:"Details",fileCardGroupMessage:"The message has {fileCount} attachment"};var errorBar$k={unableToReachChatService:"You are offline",accessDenied:"Unable to access chat services - please check the user credentials provided",userNotInChatThread:"You are no longer in this chat thread",sendMessageNotInChatThread:"Failed to send message because you are no longer in this chat thread",sendMessageGeneric:"Failed to send message",callingNetworkFailure:"Troubling connecting call - you seem to be offline",startVideoGeneric:"Failed to start video",stopVideoGeneric:"Failed to stop video",muteGeneric:"Failed to mute microphone",unmuteGeneric:"Failed to unmute microphone",speakingWhileMuted:"Your microphone is muted",startScreenShareGeneric:"There was an issue starting screen share.",stopScreenShareGeneric:"Failed to stop screen sharing",callNetworkQualityLow:"Network quality is low.",callNoSpeakerFound:"No speakers or headphones found. Connect an audio device to hear the call.",callNoMicrophoneFound:"No microphones found. Connect an audio input device.",callMicrophoneAccessDenied:"Unable to access microphone. Click the lock in the address bar to grant permission to this webpage.",callMicrophoneAccessDeniedSafari:"Unable to access microphone. Refresh the page to allow permissions, or check this browser’s settings and verify permissions are enabled for this website.",callMicrophoneMutedBySystem:"You are muted by your system.",callMicrophoneUnmutedBySystem:"Your microphone recovered and you were unmuted by your system.",callMacOsMicrophoneAccessDenied:"Unable to access microphone. Grant microphone permission in your macOS privacy settings.",callLocalVideoFreeze:"Network bandwidth is poor. Your video may appear paused for others on the call.",callCameraAccessDenied:"Unable to access camera. Click the lock in the address bar to grant permission to this webpage.",callCameraAccessDeniedSafari:"Unable to access camera. Refresh the page to allow permissions, or check this browser’s settings and verify permissions are enabled for this website.",callCameraAlreadyInUse:"Unable to access camera. It may already be in use by another application.",callVideoStoppedBySystem:"Your video has been stopped by your system.",callVideoRecoveredBySystem:"Your video has resumed.",callMacOsCameraAccessDenied:"MacOS is blocking access to your camera. Update your privacy settings to allow this browser to access your camera.",callMacOsScreenShareAccessDenied:"MacOS is blocking screen sharing. Update your privacy settings to allow this browser to record your screen.",dismissButtonAriaLabel:"Close",failedToJoinCallGeneric:"Failed to join call.",failedToJoinCallInvalidMeetingLink:"Unable to join Meeting. Invalid Link.",cameraFrozenForRemoteParticipants:"Users in the call are having issues seeing your video. Please check your devices and network.",unableToStartVideoEffect:"Unable to apply video effect."};var videoGallery$k={screenIsBeingSharedMessage:"You are sharing your screen",screenShareLoadingMessage:"Loading {participant}'s screen",localVideoLabel:"You",localVideoCameraSwitcherLabel:"Switch camera",localVideoMovementLabel:"Movable Local Video Tile",localVideoSelectedDescription:"{cameraName} selected",displayNamePlaceholder:"Unnamed participant",fitRemoteParticipantToFrame:"Fit to frame",fillRemoteParticipantFrame:"Fill frame",pinParticipantForMe:"Pin for me",pinParticipantForMeLimitReached:"Pin (limit reached)",unpinParticipantForMe:"Unpin",pinParticipantMenuItemAriaLabel:"Pin {participantName}",unpinParticipantMenuItemAriaLabel:"Unpin {participantName}",pinnedParticipantAnnouncementAriaLabel:"Pinned {participantName}",unpinnedParticipantAnnouncementAriaLabel:"Unpinned {participantName}"};var dialpad$k={placeholderText:"Enter phone number",deleteButtonAriaLabel:"Delete"};var holdButton$k={onLabel:"Resume",offLabel:"Hold",tooltipOnContent:"Resume call",tooltipOffContent:"Hold call"};var videoTile$k={participantStateRinging:"Calling...",participantStateHold:"On hold"};var CameraAndMicrophoneSitePermissionsRequest$k={primaryText:"Allow {appName} to use your camera and microphone",secondaryText:"This is so participants can see and hear you.",linkText:"Need help? Get troubleshooting help",primaryButtonText:"Continue without camera and microphone",ariaLabel:"Allow camera and microphone access"};var CameraSitePermissionsRequest$k={primaryText:"Allow {appName} to use your camera",secondaryText:"This is so participants can see you.",linkText:"Need help? Get troubleshooting help",primaryButtonText:"Continue without camera",ariaLabel:"Allow camera access"};var MicrophoneSitePermissionsRequest$k={primaryText:"Allow {appName} to use your microphone",secondaryText:"This is so participants can hear you.",linkText:"Need help? Get troubleshooting help",primaryButtonText:"Continue without microphone",ariaLabel:"Allow microphone access"};var CameraAndMicrophoneSitePermissionsCheck$k={primaryText:"Checking for camera and microphone access",secondaryText:"Allow access if prompted. This is so participants can see and hear you.",linkText:"Need help? Get troubleshooting help",primaryButtonText:"Continue without camera and microphone",ariaLabel:"Checking for camera and microphone access. Allow access if prompted."};var CameraSitePermissionsCheck$k={primaryText:"Checking for camera access",secondaryText:"Allow access if prompted. This is so participants can see you.",linkText:"Need help? Get troubleshooting help",primaryButtonText:"Continue without camera",ariaLabel:"Checking for camera access. Allow access if prompted."};var MicrophoneSitePermissionsCheck$k={primaryText:"Checking for microphone access",secondaryText:"Allow access if prompted. This is so participants can hear you.",linkText:"Need help? Get troubleshooting help",primaryButtonText:"Continue without microphone",ariaLabel:"Checking for microphone access. Allow access if prompted."};var CameraAndMicrophoneSitePermissionsDenied$k={primaryText:"Unable to access camera and microphone",secondaryText:"Click the lock icon in the address bar to grant microphone permissions to this webpage. A page refresh may be required.",primaryButtonText:"Continue without camera and microphone",linkText:"Need help? Get troubleshooting help"};var CameraAndMicrophoneSitePermissionsDeniedSafari$k={primaryText:"Unable to access camera and microphone",secondaryText:"Refresh the page to allow permissions, or check this browser’s settings and verify permissions are enabled for this website.",primaryButtonText:"Continue without camera and microphone",linkText:"Need help? Get troubleshooting help"};var CameraSitePermissionsDenied$k={primaryText:"Unable to access camera",secondaryText:"Click the lock icon in the address bar to grant camera permissions to this webpage. A page refresh may be required.",primaryButtonText:"Continue without camera",linkText:"Need help? Get troubleshooting help"};var MicrophoneSitePermissionsDenied$k={primaryText:"Unable to access microphone",secondaryText:"Click the lock icon in the address bar to grant microphone permissions to this webpage. A page refresh may be required.",primaryButtonText:"Continue without microphone",linkText:"Need help? Get troubleshooting help"};var CameraSitePermissionsDeniedSafari$k={primaryText:"Unable to access camera",secondaryText:"Refresh the page to allow permissions, or check this browser’s settings and verify permissions are enabled for this website.",primaryButtonText:"Continue without camera",linkText:"Need help? Get troubleshooting help"};var MicrophoneSitePermissionsDeniedSafari$k={primaryText:"Unable to access microphone",secondaryText:"Refresh the page to allow permissions, or check this browser’s settings and verify permissions are enabled for this website.",primaryButtonText:"Continue without microphone",linkText:"Need help? Get troubleshooting help"};var UnsupportedBrowser$l={primaryText:"Browser not supported",secondaryText:"Please join this call using a compatible browser.",moreHelpLinkText:"See compatibility requirements"};var UnsupportedBrowserVersion$l={primaryText:"Browser update needed",secondaryText:"To ensure the best call possible, please update your browser and then try joining the call again.",moreHelpLinkText:"See compatibility requirements",continueAnywayButtonText:"Start call without updating"};var UnsupportedOperatingSystem$l={primaryText:"Operating system not supported",secondaryText:"Please join this call using a device with a compatible operating system.",moreHelpLinkText:"See compatibility requirements"};var BrowserPermissionDenied$k={primaryText:"Can't use your camera or microphone",secondaryText:"Your browser might not have access to your camera or microphone. To fix this, open System Preferences.",primaryButtonText:"Try again",linkText:"Need help? Get troubleshooting help"};var BrowserPermissionDeniedIOS$k={primaryText:"Allow microphone access to continue",secondaryText:"So other participants can hear you.",primaryButtonText:"Try again",imageAltText:"Microphone and camera device permission location for iOS",linkText:"Need help? Get troubleshooting help",step1Text:"Go to the Settings app",step2Text:"Scroll down to settings for this browser",step3Text:"Turn on Microphone (Camera optional)",step4Text:"Try joining the call again",step1DigitText:"1",step2DigitText:"2",step3DigitText:"3",step4DigitText:"4"};var verticalGallery={leftNavButtonAriaLabel:"previous page",rightNavButtonAriaLabel:"next page"};var en_US$1 = {participantItem:participantItem$k,ParticipantList:ParticipantList$l,typingIndicator:typingIndicator$k,sendBox:sendBox$k,mentionPopover:mentionPopover$k,imageGallery:imageGallery$k,messageStatusIndicator:messageStatusIndicator$k,endCallButton:endCallButton$k,cameraButton:cameraButton$k,microphoneButton:microphoneButton$k,devicesButton:devicesButton$k,participantsButton:participantsButton$k,screenShareButton:screenShareButton$k,raiseHandButton:raiseHandButton$k,messageThread:messageThread$k,errorBar:errorBar$k,videoGallery:videoGallery$k,dialpad:dialpad$k,holdButton:holdButton$k,videoTile:videoTile$k,CameraAndMicrophoneSitePermissionsRequest:CameraAndMicrophoneSitePermissionsRequest$k,CameraSitePermissionsRequest:CameraSitePermissionsRequest$k,MicrophoneSitePermissionsRequest:MicrophoneSitePermissionsRequest$k,CameraAndMicrophoneSitePermissionsCheck:CameraAndMicrophoneSitePermissionsCheck$k,CameraSitePermissionsCheck:CameraSitePermissionsCheck$k,MicrophoneSitePermissionsCheck:MicrophoneSitePermissionsCheck$k,CameraAndMicrophoneSitePermissionsDenied:CameraAndMicrophoneSitePermissionsDenied$k,CameraAndMicrophoneSitePermissionsDeniedSafari:CameraAndMicrophoneSitePermissionsDeniedSafari$k,CameraSitePermissionsDenied:CameraSitePermissionsDenied$k,MicrophoneSitePermissionsDenied:MicrophoneSitePermissionsDenied$k,CameraSitePermissionsDeniedSafari:CameraSitePermissionsDeniedSafari$k,MicrophoneSitePermissionsDeniedSafari:MicrophoneSitePermissionsDeniedSafari$k,UnsupportedBrowser:UnsupportedBrowser$l,UnsupportedBrowserVersion:UnsupportedBrowserVersion$l,UnsupportedOperatingSystem:UnsupportedOperatingSystem$l,BrowserPermissionDenied:BrowserPermissionDenied$k,BrowserPermissionDeniedIOS:BrowserPermissionDeniedIOS$k,verticalGallery:verticalGallery};
|
4998
4998
|
|
4999
4999
|
// Copyright (c) Microsoft Corporation.
|
5000
5000
|
/**
|
@@ -8478,16 +8478,6 @@ const bodyContainer = {
|
|
8478
8478
|
padding: '2rem'
|
8479
8479
|
}
|
8480
8480
|
};
|
8481
|
-
/**
|
8482
|
-
* @private
|
8483
|
-
*/
|
8484
|
-
const bodyFocusZone = {
|
8485
|
-
width: '100%',
|
8486
|
-
height: '100%',
|
8487
|
-
display: 'flex',
|
8488
|
-
alignItems: 'center',
|
8489
|
-
justifyContent: 'center'
|
8490
|
-
};
|
8491
8481
|
/**
|
8492
8482
|
* @private
|
8493
8483
|
*/
|
@@ -8604,20 +8594,12 @@ const ImageGallery = (props) => {
|
|
8604
8594
|
ariaLabel: localeStrings.dismissButtonAriaLabel, "aria-live": 'polite' }))));
|
8605
8595
|
};
|
8606
8596
|
const renderBodyWithLightDismiss = () => {
|
8607
|
-
return (React__default["default"].createElement(react.Stack, { className: react.mergeStyles(bodyContainer), onClick: () => props.onDismiss() },
|
8608
|
-
|
8609
|
-
|
8610
|
-
|
8611
|
-
|
8612
|
-
|
8613
|
-
// Ensure when the focus trap has focus, the light dismiss area can still be clicked with mouse to dismiss.
|
8614
|
-
// Note: this still correctly captures keyboard focus, this just allows mouse click outside of the focus trap.
|
8615
|
-
isClickableOutsideFocusTrap: true, className: react.mergeStyles(bodyFocusZone) }, images.length > startIndex && (React__default["default"].createElement("img", { src: image === null || image === void 0 ? void 0 : image.imageUrl, className: react.mergeStyles(imageStyle), alt: (image === null || image === void 0 ? void 0 : image.altText) || 'image', "aria-label": 'image-gallery-main-image', "aria-live": 'polite', onError: (event) => {
|
8616
|
-
setIsImageLoaded(false);
|
8617
|
-
onError && onError(event);
|
8618
|
-
}, onClick: (event) => event.stopPropagation(), onDoubleClick: (event) => {
|
8619
|
-
event.persist();
|
8620
|
-
} })))));
|
8597
|
+
return (React__default["default"].createElement(react.Stack, { className: react.mergeStyles(bodyContainer), onClick: () => props.onDismiss() }, images.length > startIndex && (React__default["default"].createElement("img", { src: image === null || image === void 0 ? void 0 : image.imageUrl, className: react.mergeStyles(imageStyle), alt: (image === null || image === void 0 ? void 0 : image.altText) || 'image', "aria-label": 'image-gallery-main-image', "aria-live": 'polite', onError: (event) => {
|
8598
|
+
setIsImageLoaded(false);
|
8599
|
+
onError && onError(event);
|
8600
|
+
}, onClick: (event) => event.stopPropagation(), onDoubleClick: (event) => {
|
8601
|
+
event.persist();
|
8602
|
+
} }))));
|
8621
8603
|
};
|
8622
8604
|
return (React__default["default"].createElement(react.Modal, { titleAriaId: image === null || image === void 0 ? void 0 : image.title, isOpen: isOpen, onDismiss: onDismiss, overlay: { styles: Object.assign({}, overlayStyles(theme)) }, styles: { main: focusTrapZoneStyle, scrollableContent: scrollableContentStyle }, isDarkOverlay: true },
|
8623
8605
|
renderHeaderBar(),
|
@@ -13448,8 +13430,8 @@ const localVideoTileContainerStyle = (theme, localVideoTileSizeRem, screenShareP
|
|
13448
13430
|
minWidth: screenSharePresent ? '' : `${localVideoTileSizeRem.width}rem`,
|
13449
13431
|
minHeight: screenSharePresent ? '' : `${localVideoTileSizeRem.height}rem`,
|
13450
13432
|
position: 'absolute',
|
13451
|
-
bottom: overflowGalleryPosition !== '
|
13452
|
-
top: overflowGalleryPosition === '
|
13433
|
+
bottom: overflowGalleryPosition !== 'horizontalTop' ? `${dockedlocalVideoTileContainerPaddingRem}rem` : 'unset',
|
13434
|
+
top: overflowGalleryPosition === 'horizontalTop' ? `${dockedlocalVideoTileContainerPaddingRem}rem` : 'unset',
|
13453
13435
|
borderRadius: theme.effects.roundedCorner4,
|
13454
13436
|
overflow: 'hidden',
|
13455
13437
|
right: `${dockedlocalVideoTileContainerPaddingRem}rem`
|
@@ -13904,7 +13886,7 @@ const VerticalGalleryControlBar = (props) => {
|
|
13904
13886
|
/* @conditional-compile-remove(vertical-gallery) */
|
13905
13887
|
const ids = useIdentifiers();
|
13906
13888
|
/* @conditional-compile-remove(vertical-gallery) */
|
13907
|
-
const strings = useLocale$1().strings.
|
13889
|
+
const strings = useLocale$1().strings.verticalGallery;
|
13908
13890
|
const pageCounterContainerStyles = React.useMemo(() => {
|
13909
13891
|
return react.mergeStyles(pageNavigationControlBarContainerStyle, styles === null || styles === void 0 ? void 0 : styles.root);
|
13910
13892
|
}, [styles === null || styles === void 0 ? void 0 : styles.root]);
|
@@ -14019,11 +14001,11 @@ const OverflowGallery = (props) => {
|
|
14019
14001
|
const { shouldFloatLocalVideo = false, onFetchTilesToRender, isNarrow = false,
|
14020
14002
|
/* @conditional-compile-remove(vertical-gallery) */
|
14021
14003
|
isShort = false, overflowGalleryElements, horizontalGalleryStyles,
|
14022
|
-
/* @conditional-compile-remove(vertical-gallery) */ overflowGalleryPosition = '
|
14004
|
+
/* @conditional-compile-remove(vertical-gallery) */ overflowGalleryPosition = 'horizontalBottom',
|
14023
14005
|
/* @conditional-compile-remove(vertical-gallery) */ verticalGalleryStyles, onChildrenPerPageChange } = props;
|
14024
14006
|
const containerStyles = React.useMemo(() => {
|
14025
14007
|
/* @conditional-compile-remove(vertical-gallery) */
|
14026
|
-
if (overflowGalleryPosition === '
|
14008
|
+
if (overflowGalleryPosition === 'verticalRight') {
|
14027
14009
|
return verticalGalleryContainerStyle(shouldFloatLocalVideo, isNarrow, isShort);
|
14028
14010
|
}
|
14029
14011
|
return horizontalGalleryContainerStyle(shouldFloatLocalVideo, isNarrow);
|
@@ -14035,7 +14017,7 @@ const OverflowGallery = (props) => {
|
|
14035
14017
|
]);
|
14036
14018
|
const galleryStyles = React.useMemo(() => {
|
14037
14019
|
/* @conditional-compile-remove(vertical-gallery) */
|
14038
|
-
if (overflowGalleryPosition === '
|
14020
|
+
if (overflowGalleryPosition === 'verticalRight') {
|
14039
14021
|
return react.concatStyleSets(verticalGalleryStyle(isShort), verticalGalleryStyles);
|
14040
14022
|
}
|
14041
14023
|
return react.concatStyleSets(horizontalGalleryStyle(isNarrow), horizontalGalleryStyles);
|
@@ -14047,7 +14029,7 @@ const OverflowGallery = (props) => {
|
|
14047
14029
|
/* @conditional-compile-remove(vertical-gallery) */ verticalGalleryStyles
|
14048
14030
|
]);
|
14049
14031
|
/* @conditional-compile-remove(vertical-gallery) */
|
14050
|
-
if (overflowGalleryPosition === '
|
14032
|
+
if (overflowGalleryPosition === 'verticalRight') {
|
14051
14033
|
return (React__default["default"].createElement(ResponsiveVerticalGallery, { key: "responsive-vertical-gallery", containerStyles: containerStyles, verticalGalleryStyles: galleryStyles, controlBarHeightRem: HORIZONTAL_GALLERY_BUTTON_WIDTH, gapHeightRem: HORIZONTAL_GALLERY_GAP, isShort: isShort, onFetchTilesToRender: onFetchTilesToRender, onChildrenPerPageChange: onChildrenPerPageChange }, overflowGalleryElements ? overflowGalleryElements : [React__default["default"].createElement(React__default["default"].Fragment, null)]));
|
14052
14034
|
}
|
14053
14035
|
/* @conditional-compile-remove(pinned-participants) */
|
@@ -14073,7 +14055,7 @@ const DefaultLayout = (props) => {
|
|
14073
14055
|
const { remoteParticipants = [], localParticipant, dominantSpeakers, localVideoComponent, screenShareComponent, onRenderRemoteParticipant, styles, maxRemoteVideoStreams, parentWidth,
|
14074
14056
|
/* @conditional-compile-remove(vertical-gallery) */
|
14075
14057
|
parentHeight, pinnedParticipantUserIds = [],
|
14076
|
-
/* @conditional-compile-remove(vertical-gallery) */ overflowGalleryPosition = '
|
14058
|
+
/* @conditional-compile-remove(vertical-gallery) */ overflowGalleryPosition = 'horizontalBottom' } = props;
|
14077
14059
|
const isNarrow = parentWidth ? isNarrowWidth(parentWidth) : false;
|
14078
14060
|
/* @conditional-compile-remove(vertical-gallery) */
|
14079
14061
|
const isShort = parentHeight ? isShortHeight(parentHeight) : false;
|
@@ -14145,15 +14127,15 @@ const DefaultLayout = (props) => {
|
|
14145
14127
|
/* @conditional-compile-remove(vertical-gallery) */
|
14146
14128
|
, {
|
14147
14129
|
/* @conditional-compile-remove(vertical-gallery) */
|
14148
|
-
horizontal: overflowGalleryPosition === '
|
14149
|
-
/* @conditional-compile-remove(gallery-layouts) */ props.overflowGalleryPosition === '
|
14130
|
+
horizontal: overflowGalleryPosition === 'verticalRight', styles: rootLayoutStyle$1, tokens: videoGalleryLayoutGap },
|
14131
|
+
/* @conditional-compile-remove(gallery-layouts) */ props.overflowGalleryPosition === 'horizontalTop' ? (overflowGallery) : (React__default["default"].createElement(React__default["default"].Fragment, null)),
|
14150
14132
|
screenShareComponent ? (screenShareComponent) : (React__default["default"].createElement(GridLayout, { key: "grid-layout", styles: styles === null || styles === void 0 ? void 0 : styles.gridLayout }, gridTiles)),
|
14151
14133
|
overflowGalleryTrampoline$3(overflowGallery,
|
14152
14134
|
/* @conditional-compile-remove(gallery-layouts) */ props.overflowGalleryPosition)));
|
14153
14135
|
};
|
14154
14136
|
const overflowGalleryTrampoline$3 = (gallery, galleryPosition) => {
|
14155
14137
|
/* @conditional-compile-remove(gallery-layouts) */
|
14156
|
-
return galleryPosition !== '
|
14138
|
+
return galleryPosition !== 'horizontalTop' ? gallery : React__default["default"].createElement(React__default["default"].Fragment, null);
|
14157
14139
|
};
|
14158
14140
|
|
14159
14141
|
// Copyright (c) Microsoft Corporation.
|
@@ -14905,7 +14887,7 @@ const layerHostStyle = {
|
|
14905
14887
|
*/
|
14906
14888
|
const FloatingLocalVideoLayout = (props) => {
|
14907
14889
|
const { remoteParticipants = [], dominantSpeakers, localVideoComponent, screenShareComponent, onRenderRemoteParticipant, styles, maxRemoteVideoStreams, showCameraSwitcherInLocalPreview, parentWidth, parentHeight,
|
14908
|
-
/* @conditional-compile-remove(vertical-gallery) */ overflowGalleryPosition = '
|
14890
|
+
/* @conditional-compile-remove(vertical-gallery) */ overflowGalleryPosition = 'horizontalBottom', pinnedParticipantUserIds = [],
|
14909
14891
|
/* @conditional-compile-remove(click-to-call) */ localVideoTileSize } = props;
|
14910
14892
|
const theme = useTheme();
|
14911
14893
|
const isNarrow = parentWidth ? isNarrowWidth(parentWidth) : false;
|
@@ -14959,7 +14941,7 @@ const FloatingLocalVideoLayout = (props) => {
|
|
14959
14941
|
return SMALL_FLOATING_MODAL_SIZE_REM;
|
14960
14942
|
}
|
14961
14943
|
/* @conditional-compile-remove(vertical-gallery) */
|
14962
|
-
if ((overflowGalleryTiles.length > 0 || screenShareComponent) && overflowGalleryPosition === '
|
14944
|
+
if ((overflowGalleryTiles.length > 0 || screenShareComponent) && overflowGalleryPosition === 'verticalRight') {
|
14963
14945
|
return isNarrow
|
14964
14946
|
? SMALL_FLOATING_MODAL_SIZE_REM
|
14965
14947
|
: isShort
|
@@ -14967,7 +14949,7 @@ const FloatingLocalVideoLayout = (props) => {
|
|
14967
14949
|
: VERTICAL_GALLERY_FLOATING_MODAL_SIZE_REM;
|
14968
14950
|
}
|
14969
14951
|
/*@conditional-compile-remove(click-to-call) */
|
14970
|
-
if ((overflowGalleryTiles.length > 0 || screenShareComponent) && overflowGalleryPosition === '
|
14952
|
+
if ((overflowGalleryTiles.length > 0 || screenShareComponent) && overflowGalleryPosition === 'horizontalBottom') {
|
14971
14953
|
return localVideoTileSize === '16:9' || !isNarrow ? LARGE_FLOATING_MODAL_SIZE_REM : SMALL_FLOATING_MODAL_SIZE_REM;
|
14972
14954
|
}
|
14973
14955
|
return LARGE_FLOATING_MODAL_SIZE_REM;
|
@@ -15018,15 +15000,15 @@ const FloatingLocalVideoLayout = (props) => {
|
|
15018
15000
|
/* @conditional-compile-remove(vertical-gallery) */
|
15019
15001
|
, {
|
15020
15002
|
/* @conditional-compile-remove(vertical-gallery) */
|
15021
|
-
horizontal: overflowGalleryPosition === '
|
15022
|
-
/* @conditional-compile-remove(gallery-layouts) */ props.overflowGalleryPosition === '
|
15003
|
+
horizontal: overflowGalleryPosition === 'verticalRight', styles: innerLayoutStyle, tokens: videoGalleryLayoutGap },
|
15004
|
+
/* @conditional-compile-remove(gallery-layouts) */ props.overflowGalleryPosition === 'horizontalTop' ? (overflowGallery) : (React__default["default"].createElement(React__default["default"].Fragment, null)),
|
15023
15005
|
screenShareComponent ? (screenShareComponent) : (React__default["default"].createElement(GridLayout, { key: "grid-layout", styles: styles === null || styles === void 0 ? void 0 : styles.gridLayout }, gridTiles)),
|
15024
15006
|
overflowGalleryTrampoline$2(overflowGallery,
|
15025
15007
|
/* @conditional-compile-remove(gallery-layouts) */ props.overflowGalleryPosition))));
|
15026
15008
|
};
|
15027
15009
|
const overflowGalleryTrampoline$2 = (gallery, galleryPosition) => {
|
15028
15010
|
/* @conditional-compile-remove(gallery-layouts) */
|
15029
|
-
return galleryPosition !== '
|
15011
|
+
return galleryPosition !== 'horizontalTop' ? gallery : React__default["default"].createElement(React__default["default"].Fragment, null);
|
15030
15012
|
};
|
15031
15013
|
|
15032
15014
|
// Copyright (c) Microsoft Corporation.
|
@@ -15038,7 +15020,7 @@ const overflowGalleryTrampoline$2 = (gallery, galleryPosition) => {
|
|
15038
15020
|
const SpeakerVideoLayout = (props) => {
|
15039
15021
|
const { remoteParticipants = [], dominantSpeakers, localVideoComponent, screenShareComponent, onRenderRemoteParticipant, styles, maxRemoteVideoStreams, parentWidth,
|
15040
15022
|
/* @conditional-compile-remove(vertical-gallery) */ parentHeight,
|
15041
|
-
/* @conditional-compile-remove(vertical-gallery) */ overflowGalleryPosition = '
|
15023
|
+
/* @conditional-compile-remove(vertical-gallery) */ overflowGalleryPosition = 'horizontalBottom', pinnedParticipantUserIds = [],
|
15042
15024
|
/* @conditional-compile-remove(click-to-call) */ localVideoTileSize } = props;
|
15043
15025
|
const theme = react.useTheme();
|
15044
15026
|
const isNarrow = parentWidth ? isNarrowWidth(parentWidth) : false;
|
@@ -15092,7 +15074,7 @@ const SpeakerVideoLayout = (props) => {
|
|
15092
15074
|
return SMALL_FLOATING_MODAL_SIZE_REM;
|
15093
15075
|
}
|
15094
15076
|
/* @conditional-compile-remove(vertical-gallery) */
|
15095
|
-
if ((overflowGalleryTiles.length > 0 || screenShareComponent) && overflowGalleryPosition === '
|
15077
|
+
if ((overflowGalleryTiles.length > 0 || screenShareComponent) && overflowGalleryPosition === 'verticalRight') {
|
15096
15078
|
return isNarrow
|
15097
15079
|
? SMALL_FLOATING_MODAL_SIZE_REM
|
15098
15080
|
: isShort
|
@@ -15100,7 +15082,7 @@ const SpeakerVideoLayout = (props) => {
|
|
15100
15082
|
: VERTICAL_GALLERY_FLOATING_MODAL_SIZE_REM;
|
15101
15083
|
}
|
15102
15084
|
/*@conditional-compile-remove(click-to-call) */
|
15103
|
-
if ((overflowGalleryTiles.length > 0 || screenShareComponent) && overflowGalleryPosition === '
|
15085
|
+
if ((overflowGalleryTiles.length > 0 || screenShareComponent) && overflowGalleryPosition === 'horizontalBottom') {
|
15104
15086
|
return localVideoTileSize === '16:9' || !isNarrow ? LARGE_FLOATING_MODAL_SIZE_REM : SMALL_FLOATING_MODAL_SIZE_REM;
|
15105
15087
|
}
|
15106
15088
|
return LARGE_FLOATING_MODAL_SIZE_REM;
|
@@ -15146,15 +15128,15 @@ const SpeakerVideoLayout = (props) => {
|
|
15146
15128
|
/* @conditional-compile-remove(vertical-gallery) */
|
15147
15129
|
, {
|
15148
15130
|
/* @conditional-compile-remove(vertical-gallery) */
|
15149
|
-
horizontal: overflowGalleryPosition === '
|
15150
|
-
/* @conditional-compile-remove(gallery-layouts) */ props.overflowGalleryPosition === '
|
15131
|
+
horizontal: overflowGalleryPosition === 'verticalRight', styles: innerLayoutStyle, tokens: videoGalleryLayoutGap },
|
15132
|
+
/* @conditional-compile-remove(gallery-layouts) */ props.overflowGalleryPosition === 'horizontalTop' ? (overflowGallery) : (React__default["default"].createElement(React__default["default"].Fragment, null)),
|
15151
15133
|
screenShareComponent ? (screenShareComponent) : (React__default["default"].createElement(GridLayout, { key: "grid-layout", styles: styles === null || styles === void 0 ? void 0 : styles.gridLayout }, gridTiles)),
|
15152
15134
|
overflowGalleryTrampoline$1(overflowGallery,
|
15153
15135
|
/* @conditional-compile-remove(gallery-layouts) */ props.overflowGalleryPosition))));
|
15154
15136
|
};
|
15155
15137
|
const overflowGalleryTrampoline$1 = (gallery, galleryPosition) => {
|
15156
15138
|
/* @conditional-compile-remove(gallery-layouts) */
|
15157
|
-
return galleryPosition !== '
|
15139
|
+
return galleryPosition !== 'horizontalTop' ? gallery : React__default["default"].createElement(React__default["default"].Fragment, null);
|
15158
15140
|
};
|
15159
15141
|
|
15160
15142
|
// Copyright (c) Microsoft Corporation.
|
@@ -15185,7 +15167,7 @@ const LARGE_GALLERY_PARTICIPANT_CAP = 48;
|
|
15185
15167
|
const LargeGalleryLayout = (props) => {
|
15186
15168
|
const { remoteParticipants = [], localParticipant, dominantSpeakers, localVideoComponent, screenShareComponent, onRenderRemoteParticipant, styles, maxRemoteVideoStreams, parentWidth,
|
15187
15169
|
/* @conditional-compile-remove(gallery-layouts) */ parentHeight, pinnedParticipantUserIds = [],
|
15188
|
-
/* @conditional-compile-remove(vertical-gallery) */ overflowGalleryPosition = '
|
15170
|
+
/* @conditional-compile-remove(vertical-gallery) */ overflowGalleryPosition = 'horizontalBottom' } = props;
|
15189
15171
|
const isNarrow = parentWidth ? isNarrowWidth(parentWidth) : false;
|
15190
15172
|
/* @conditional-compile-remove(gallery-layouts) */
|
15191
15173
|
const isShort = parentHeight ? isShortHeight(parentHeight) : false;
|
@@ -15261,15 +15243,15 @@ const LargeGalleryLayout = (props) => {
|
|
15261
15243
|
/* @conditional-compile-remove(vertical-gallery) */
|
15262
15244
|
, {
|
15263
15245
|
/* @conditional-compile-remove(vertical-gallery) */
|
15264
|
-
horizontal: overflowGalleryPosition === '
|
15265
|
-
/* @conditional-compile-remove(gallery-layouts) */ props.overflowGalleryPosition === '
|
15246
|
+
horizontal: overflowGalleryPosition === 'verticalRight', styles: rootLayoutStyle$1, tokens: videoGalleryLayoutGap },
|
15247
|
+
/* @conditional-compile-remove(gallery-layouts) */ props.overflowGalleryPosition === 'horizontalTop' ? (overflowGallery) : (React__default["default"].createElement(React__default["default"].Fragment, null)),
|
15266
15248
|
screenShareComponent ? (screenShareComponent) : (React__default["default"].createElement(GridLayout, { key: "grid-layout", styles: styles === null || styles === void 0 ? void 0 : styles.gridLayout }, gridTiles)),
|
15267
15249
|
overflowGalleryTrampoline(overflowGallery,
|
15268
15250
|
/* @conditional-compile-remove(gallery-layouts) */ props.overflowGalleryPosition)));
|
15269
15251
|
};
|
15270
15252
|
const overflowGalleryTrampoline = (gallery, galleryPosition) => {
|
15271
15253
|
/* @conditional-compile-remove(gallery-layouts) */
|
15272
|
-
return galleryPosition !== '
|
15254
|
+
return galleryPosition !== 'horizontalTop' ? gallery : React__default["default"].createElement(React__default["default"].Fragment, null);
|
15273
15255
|
};
|
15274
15256
|
/* @conditional-compile-remove(gallery-layouts) */
|
15275
15257
|
const calculateMaxTilesInLargeGrid = (parentWidth, parentHeight) => {
|
@@ -15326,7 +15308,7 @@ const VideoGallery = (props) => {
|
|
15326
15308
|
/* @conditional-compile-remove(pinned-participants) */
|
15327
15309
|
remoteVideoTileMenu = DEFAULT_REMOTE_VIDEO_TILE_MENU_OPTIONS,
|
15328
15310
|
/* @conditional-compile-remove(vertical-gallery) */
|
15329
|
-
overflowGalleryPosition = '
|
15311
|
+
overflowGalleryPosition = 'horizontalBottom',
|
15330
15312
|
/* @conditional-compile-remove(rooms) */
|
15331
15313
|
localVideoTileSize = 'followDeviceOrientation' } = props;
|
15332
15314
|
const ids = useIdentifiers();
|
@@ -24742,7 +24724,7 @@ const DesktopMoreButton = (props) => {
|
|
24742
24724
|
isChecked: galleryPositionTop,
|
24743
24725
|
onClick: () => {
|
24744
24726
|
if (galleryPositionTop === false) {
|
24745
|
-
props.onUserSetOverflowGalleryPositionChange && props.onUserSetOverflowGalleryPositionChange('
|
24727
|
+
props.onUserSetOverflowGalleryPositionChange && props.onUserSetOverflowGalleryPositionChange('horizontalTop');
|
24746
24728
|
setGalleryPositionTop(true);
|
24747
24729
|
}
|
24748
24730
|
else {
|
@@ -27368,12 +27350,12 @@ const MediaGallery = (props) => {
|
|
27368
27350
|
/* @conditional-compile-remove(vertical-gallery) */
|
27369
27351
|
const overflowGalleryPosition = React.useMemo(() => {
|
27370
27352
|
/* @conditional-compile-remove(gallery-layouts) */
|
27371
|
-
if (props.userSetOverflowGalleryPosition === '
|
27353
|
+
if (props.userSetOverflowGalleryPosition === 'horizontalTop') {
|
27372
27354
|
return props.userSetOverflowGalleryPosition;
|
27373
27355
|
}
|
27374
27356
|
return containerWidth && containerHeight && containerWidth / containerHeight >= 16 / 9
|
27375
|
-
? '
|
27376
|
-
: '
|
27357
|
+
? 'verticalRight'
|
27358
|
+
: 'horizontalBottom';
|
27377
27359
|
}, [
|
27378
27360
|
/* @conditional-compile-remove(gallery-layouts) */ props.userSetOverflowGalleryPosition,
|
27379
27361
|
containerWidth,
|