@azure/communication-react 1.4.3-alpha-202212140016.0 → 1.4.3-alpha-202212160013.0

package/dist/dist-cjs/communication-react/index.js

@@ -202,7 +202,7 @@ const _toCommunicationIdentifier = (id) => {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
 // GENERATED FILE. DO NOT EDIT MANUALLY.
-var telemetryVersion = '1.4.3-alpha-202212140016.0';
+var telemetryVersion = '1.4.3-alpha-202212160013.0';
 
 // Copyright (c) Microsoft Corporation.
 /**
@@ -408,6 +408,13 @@ const getDiagnostics = (state, props) => { var _a; return (_a = state.calls[prop
  * @private
  */
 const getCallState = (state, props) => { var _a; return (_a = state.calls[props.callId]) === null || _a === void 0 ? void 0 : _a.state; };
+/**
+ * @private
+ */
+const getEnvironmentInfo = (state) => {
+    /* @conditional-compile-remove(unsupported-browser) */
+    return state.environmentInfo;
+};
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
@@ -4003,7 +4010,7 @@ const typingIndicatorStringStyle = react.mergeStyles({
     wordBreak: 'break-word'
 });
 
-var participantItem$d={isMeText:"(you)",menuTitle:"More Options",removeButtonLabel:"Remove",sharingIconLabel:"Sharing",mutedIconLabel:"Muted",displayNamePlaceholder:"Unnamed participant",participantStateConnecting:"Calling...",participantStateRinging:"Calling...",participantStateHold:"On hold"};var typingIndicator$d={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$d={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 messageStatusIndicator$d={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$d={label:"Leave",tooltipContent:"Leave call"};var cameraButton$d={onLabel:"Turn off",offLabel:"Turn on",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"};var microphoneButton$d={onLabel:"Mute",offLabel:"Unmute",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"};var devicesButton$d={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$d={label:"People",tooltipContent:"Show participants",menuHeader:"In this call",participantsListButtonLabel:"{numParticipants} people",muteAllButtonLabel:"Mute all",copyInviteLinkButtonLabel:"Copy invite link"};var screenShareButton$d={onLabel:"Stop presenting",offLabel:"Present",tooltipDisabledContent:"Presenting is disabled",tooltipOnContent:"Presenting your screen",tooltipOffContent:"Present your screen"};var messageThread$d={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:"Submit",messageReadCount:"Read by {messageReadByCount} of {remoteParticipantsCount}",actionMenuMoreOptions:"More Options",downloadFile:"Download file"};var errorBar$d={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:"Failed to start screen sharing",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.",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.",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."};var videoGallery$d={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"};var dialpad$d={placeholderText:"Enter phone number",deleteButtonAriaLabel:"Delete"};var holdButton$d={onLabel:"Resume",offLabel:"Hold",tooltipOnContent:"Resume call",tooltipOffContent:"Hold call"};var videoTile$d={participantStateConnecting:"Calling...",participantStateRinging:"Calling...",participantStateHold:"On hold"};var CameraAndMicrophoneDomainPermissionsRequest={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 CameraDomainPermissionsRequest={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 MicrophoneDomainPermissionsRequest={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 CameraAndMicrophoneDomainPermissionsCheck={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 CameraDomainPermissionsCheck={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 MicrophoneDomainPermissionsCheck={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 CameraAndMicrophoneDomainPermissionsDenied={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 CameraDomainPermissionsDenied={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 MicrophoneDomainPermissionsDenied={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 UnsupportedBrowser$e={primaryText:"Browser not supported",secondaryText:"Please join this call using a compatible browser.",moreHelpLinkText:"See compatibility requirements"};var UnsupportedBrowserVersion$1={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$1={primaryText:"Operating system not supported",secondaryText:"Please join this call using a device with a compatible operating system.",moreHelpLinkText:"See compatibility requirements"};var BrowserPermissionDenied$d={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$d={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 en_US$1 = {participantItem:participantItem$d,typingIndicator:typingIndicator$d,sendBox:sendBox$d,messageStatusIndicator:messageStatusIndicator$d,endCallButton:endCallButton$d,cameraButton:cameraButton$d,microphoneButton:microphoneButton$d,devicesButton:devicesButton$d,participantsButton:participantsButton$d,screenShareButton:screenShareButton$d,messageThread:messageThread$d,errorBar:errorBar$d,videoGallery:videoGallery$d,dialpad:dialpad$d,holdButton:holdButton$d,videoTile:videoTile$d,CameraAndMicrophoneDomainPermissionsRequest:CameraAndMicrophoneDomainPermissionsRequest,CameraDomainPermissionsRequest:CameraDomainPermissionsRequest,MicrophoneDomainPermissionsRequest:MicrophoneDomainPermissionsRequest,CameraAndMicrophoneDomainPermissionsCheck:CameraAndMicrophoneDomainPermissionsCheck,CameraDomainPermissionsCheck:CameraDomainPermissionsCheck,MicrophoneDomainPermissionsCheck:MicrophoneDomainPermissionsCheck,CameraAndMicrophoneDomainPermissionsDenied:CameraAndMicrophoneDomainPermissionsDenied,CameraDomainPermissionsDenied:CameraDomainPermissionsDenied,MicrophoneDomainPermissionsDenied:MicrophoneDomainPermissionsDenied,UnsupportedBrowser:UnsupportedBrowser$e,UnsupportedBrowserVersion:UnsupportedBrowserVersion$1,UnsupportedOperatingSystem:UnsupportedOperatingSystem$1,BrowserPermissionDenied:BrowserPermissionDenied$d,BrowserPermissionDeniedIOS:BrowserPermissionDeniedIOS$d};
+var participantItem$d={isMeText:"(you)",menuTitle:"More Options",removeButtonLabel:"Remove",sharingIconLabel:"Sharing",mutedIconLabel:"Muted",displayNamePlaceholder:"Unnamed participant",participantStateConnecting:"Calling...",participantStateRinging:"Calling...",participantStateHold:"On hold"};var typingIndicator$d={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$d={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 messageStatusIndicator$d={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$d={label:"Leave",tooltipContent:"Leave call"};var cameraButton$d={onLabel:"Turn off",offLabel:"Turn on",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"};var microphoneButton$d={onLabel:"Mute",offLabel:"Unmute",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"};var devicesButton$d={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$d={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$d={onLabel:"Stop presenting",offLabel:"Present",tooltipDisabledContent:"Presenting is disabled",tooltipOnContent:"Presenting your screen",tooltipOffContent:"Present your screen"};var messageThread$d={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:"Submit",messageReadCount:"Read by {messageReadByCount} of {remoteParticipantsCount}",actionMenuMoreOptions:"More Options",downloadFile:"Download file"};var errorBar$d={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:"Failed to start screen sharing",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."};var videoGallery$d={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"};var dialpad$d={placeholderText:"Enter phone number",deleteButtonAriaLabel:"Delete"};var holdButton$d={onLabel:"Resume",offLabel:"Hold",tooltipOnContent:"Resume call",tooltipOffContent:"Hold call"};var videoTile$d={participantStateConnecting:"Calling...",participantStateRinging:"Calling...",participantStateHold:"On hold"};var CameraAndMicrophoneDomainPermissionsRequest={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 CameraDomainPermissionsRequest={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 MicrophoneDomainPermissionsRequest={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 CameraAndMicrophoneDomainPermissionsCheck={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 CameraDomainPermissionsCheck={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 MicrophoneDomainPermissionsCheck={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 CameraAndMicrophoneDomainPermissionsDenied={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 CameraAndMicrophoneDomainPermissionsDeniedSafari={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 CameraDomainPermissionsDenied={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 MicrophoneDomainPermissionsDenied={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 CameraDomainPermissionsDeniedSafari={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 MicrophoneDomainPermissionsDeniedSafari={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$e={primaryText:"Browser not supported",secondaryText:"Please join this call using a compatible browser.",moreHelpLinkText:"See compatibility requirements"};var UnsupportedBrowserVersion$1={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$1={primaryText:"Operating system not supported",secondaryText:"Please join this call using a device with a compatible operating system.",moreHelpLinkText:"See compatibility requirements"};var BrowserPermissionDenied$d={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$d={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 en_US$1 = {participantItem:participantItem$d,typingIndicator:typingIndicator$d,sendBox:sendBox$d,messageStatusIndicator:messageStatusIndicator$d,endCallButton:endCallButton$d,cameraButton:cameraButton$d,microphoneButton:microphoneButton$d,devicesButton:devicesButton$d,participantsButton:participantsButton$d,screenShareButton:screenShareButton$d,messageThread:messageThread$d,errorBar:errorBar$d,videoGallery:videoGallery$d,dialpad:dialpad$d,holdButton:holdButton$d,videoTile:videoTile$d,CameraAndMicrophoneDomainPermissionsRequest:CameraAndMicrophoneDomainPermissionsRequest,CameraDomainPermissionsRequest:CameraDomainPermissionsRequest,MicrophoneDomainPermissionsRequest:MicrophoneDomainPermissionsRequest,CameraAndMicrophoneDomainPermissionsCheck:CameraAndMicrophoneDomainPermissionsCheck,CameraDomainPermissionsCheck:CameraDomainPermissionsCheck,MicrophoneDomainPermissionsCheck:MicrophoneDomainPermissionsCheck,CameraAndMicrophoneDomainPermissionsDenied:CameraAndMicrophoneDomainPermissionsDenied,CameraAndMicrophoneDomainPermissionsDeniedSafari:CameraAndMicrophoneDomainPermissionsDeniedSafari,CameraDomainPermissionsDenied:CameraDomainPermissionsDenied,MicrophoneDomainPermissionsDenied:MicrophoneDomainPermissionsDenied,CameraDomainPermissionsDeniedSafari:CameraDomainPermissionsDeniedSafari,MicrophoneDomainPermissionsDeniedSafari:MicrophoneDomainPermissionsDeniedSafari,UnsupportedBrowser:UnsupportedBrowser$e,UnsupportedBrowserVersion:UnsupportedBrowserVersion$1,UnsupportedOperatingSystem:UnsupportedOperatingSystem$1,BrowserPermissionDenied:BrowserPermissionDenied$d,BrowserPermissionDeniedIOS:BrowserPermissionDeniedIOS$d};
 
 var participantItem$c={isMeText:"(you)",menuTitle:"More Options",removeButtonLabel:"Remove",sharingIconLabel:"Sharing",mutedIconLabel:"Muted",displayNamePlaceholder:"Unnamed participant",participantStateConnecting:"Calling...",participantStateRinging:"Calling...",participantStateHold:"On hold"};var typingIndicator$c={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$c={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 messageStatusIndicator$c={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$c={label:"Leave",tooltipContent:"Leave call"};var cameraButton$c={onLabel:"Turn off",offLabel:"Turn on",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"};var microphoneButton$c={onLabel:"Mute",offLabel:"Unmute",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"};var devicesButton$c={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$c={label:"People",tooltipContent:"Show participants",menuHeader:"In this call",participantsListButtonLabel:"{numParticipants} people",muteAllButtonLabel:"Mute all",copyInviteLinkButtonLabel:"Copy invite link"};var screenShareButton$c={onLabel:"Stop presenting",offLabel:"Present",tooltipDisabledContent:"Presenting is disabled",tooltipOnContent:"Presenting your screen",tooltipOffContent:"Present your screen"};var messageThread$c={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:"Submit",messageReadCount:"Read by {messageReadByCount} of {remoteParticipantsCount}",actionMenuMoreOptions:"More Options",downloadFile:"Download file"};var errorBar$c={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:"Failed to start screen sharing",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.",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.",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."};var videoGallery$c={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"};var dialpad$c={placeholderText:"Enter phone number",deleteButtonAriaLabel:"Delete"};var holdButton$c={onLabel:"Resume",offLabel:"Hold",tooltipOnContent:"Resume call",tooltipOffContent:"Hold call"};var videoTile$c={participantStateConnecting:"Calling...",participantStateRinging:"Calling...",participantStateHold:"On hold"};var DomainPermissions$c={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:"Allow Access"};var UnsupportedBrowser$d={primaryText:"Browser not supported",secondaryText:"Please join this call using a compatible browser.",moreHelpLink:"More help"};var BrowserPermissionDenied$c={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$c={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 en_GB$1 = {participantItem:participantItem$c,typingIndicator:typingIndicator$c,sendBox:sendBox$c,messageStatusIndicator:messageStatusIndicator$c,endCallButton:endCallButton$c,cameraButton:cameraButton$c,microphoneButton:microphoneButton$c,devicesButton:devicesButton$c,participantsButton:participantsButton$c,screenShareButton:screenShareButton$c,messageThread:messageThread$c,errorBar:errorBar$c,videoGallery:videoGallery$c,dialpad:dialpad$c,holdButton:holdButton$c,videoTile:videoTile$c,DomainPermissions:DomainPermissions$c,UnsupportedBrowser:UnsupportedBrowser$d,BrowserPermissionDenied:BrowserPermissionDenied$c,BrowserPermissionDeniedIOS:BrowserPermissionDeniedIOS$c};
 
@@ -4454,11 +4461,13 @@ const messageBarType = (errorType) => {
         case 'callNoSpeakerFound':
         case 'callNoMicrophoneFound':
         case 'callMicrophoneAccessDenied':
+        case 'callMicrophoneAccessDeniedSafari':
         case 'callMicrophoneMutedBySystem':
         case 'callMicrophoneUnmutedBySystem':
         case 'callMacOsMicrophoneAccessDenied':
         case 'callLocalVideoFreeze':
         case 'callCameraAccessDenied':
+        case 'callCameraAccessDeniedSafari':
         case 'callCameraAlreadyInUse':
         case 'callVideoStoppedBySystem':
         case 'callVideoRecoveredBySystem':
@@ -4486,11 +4495,13 @@ const customIconName = {
     callNoSpeakerFound: 'ErrorBarCallNoSpeakerFound',
     callNoMicrophoneFound: 'ErrorBarCallNoMicrophoneFound',
     callMicrophoneAccessDenied: 'ErrorBarCallMicrophoneAccessDenied',
+    callMicrophoneAccessDeniedSafari: 'ErrorBarCallMicrophoneAccessDenied',
     callMicrophoneMutedBySystem: 'ErrorBarCallMicrophoneMutedBySystem',
     callMicrophoneUnmutedBySystem: 'ErrorBarCallMicrophoneUnmutedBySystem',
     callMacOsMicrophoneAccessDenied: 'ErrorBarCallMacOsMicrophoneAccessDenied',
     callLocalVideoFreeze: 'ErrorBarCallLocalVideoFreeze',
     callCameraAccessDenied: 'ErrorBarCallCameraAccessDenied',
+    callCameraAccessDeniedSafari: 'ErrorBarCallCameraAccessDenied',
     callCameraAlreadyInUse: 'ErrorBarCallCameraAlreadyInUse',
     callVideoStoppedBySystem: 'ErrorBarCallVideoStoppedBySystem',
     callVideoRecoveredBySystem: 'ErrorBarCallVideoRecoveredBySystem',
@@ -10708,7 +10719,9 @@ const CameraAndMicrophoneDomainPermissions = (props) => {
     const locale = useLocale$1().strings;
     /* @conditional-compile-remove(call-readiness) */
     const strings = useShallowMerge(props.type === 'denied'
-        ? locale.CameraAndMicrophoneDomainPermissionsDenied
+        ? props.browserHint === 'safari'
+            ? locale.CameraAndMicrophoneDomainPermissionsDeniedSafari
+            : locale.CameraAndMicrophoneDomainPermissionsDenied
         : props.type === 'request'
             ? locale.CameraAndMicrophoneDomainPermissionsRequest
             : locale.CameraAndMicrophoneDomainPermissionsCheck, props.strings);
@@ -10733,7 +10746,9 @@ const MicrophoneDomainPermissions = (props) => {
     const locale = useLocale$1().strings;
     /* @conditional-compile-remove(call-readiness) */
     const strings = useShallowMerge(props.type === 'denied'
-        ? locale.MicrophoneDomainPermissionsDenied
+        ? props.browserHint === 'safari'
+            ? locale.MicrophoneDomainPermissionsDeniedSafari
+            : locale.MicrophoneDomainPermissionsDenied
         : props.type === 'request'
             ? locale.MicrophoneDomainPermissionsRequest
             : locale.MicrophoneDomainPermissionsCheck, props.strings);
@@ -10754,7 +10769,9 @@ const CameraDomainPermissions = (props) => {
     const locale = useLocale$1().strings;
     /* @conditional-compile-remove(call-readiness) */
     const strings = useShallowMerge(props.type === 'denied'
-        ? locale.CameraDomainPermissionsDenied
+        ? props.browserHint === 'safari'
+            ? locale.CameraDomainPermissionsDeniedSafari
+            : locale.CameraDomainPermissionsDenied
         : props.type === 'request'
             ? locale.CameraDomainPermissionsRequest
             : locale.CameraDomainPermissionsCheck, props.strings);
@@ -10780,6 +10797,7 @@ const ParticipantsButton = (props) => {
     var _a, _b, _c, _d;
     const { callInvitationURL, styles, onMuteAll, onRenderIcon, onRenderParticipantList, participants, myUserId, excludeMe, onRenderParticipant, onRenderAvatar, onRemoveParticipant, onFetchParticipantMenuItems, showParticipantOverflowTooltip } = props;
     const disabled = props.disabled;
+    const [copyInviteLinkAnnouncerStrings, setCopyInviteLinkAnnouncerStrings] = React.useState('');
     const onRenderPeopleIcon = () => (React__default['default'].createElement(_HighContrastAwareIcon, { disabled: disabled, iconName: "ControlButtonParticipants" }));
     const ids = useIdentifiers();
     const onMuteAllCallback = React.useCallback(() => {
@@ -10810,6 +10828,19 @@ const ParticipantsButton = (props) => {
     const localeStrings = useLocale$1().strings.participantsButton;
     const strings = React.useMemo(() => (Object.assign(Object.assign({}, localeStrings), props.strings)), [localeStrings, props.strings]);
     const participantCount = participants.length;
+    /**
+     * sets the announcement string for when the link is copied.
+     */
+    const toggleAnnouncerString = React.useCallback(() => {
+        setCopyInviteLinkAnnouncerStrings(strings.copyInviteLinkActionedAriaLabel);
+        /**
+         * Clears the announcer string after the user clicks the
+         * copyInviteLink button allowing it to be re-announced.
+         */
+        setTimeout(() => {
+            setCopyInviteLinkAnnouncerStrings('');
+        }, 3000);
+    }, [strings.copyInviteLinkActionedAriaLabel]);
     const generateDefaultParticipantsSubMenuProps = React.useCallback(() => {
         var _a;
         const items = [];
@@ -10889,7 +10920,10 @@ const ParticipantsButton = (props) => {
                 title: strings.copyInviteLinkButtonLabel,
                 itemProps: { styles: (_b = styles === null || styles === void 0 ? void 0 : styles.menuStyles) === null || _b === void 0 ? void 0 : _b.menuItemStyles },
                 iconProps: { iconName: 'Link' },
-                onClick: onCopyCallback
+                onClick: () => {
+                    onCopyCallback();
+                    toggleAnnouncerString();
+                }
             });
         }
         return menuProps;
@@ -10904,9 +10938,12 @@ const ParticipantsButton = (props) => {
         excludeMe,
         ids.participantButtonPeopleMenuItem,
         generateDefaultParticipantsSubMenuProps,
-        onCopyCallback
+        onCopyCallback,
+        toggleAnnouncerString
     ]);
-    return (React__default['default'].createElement(ControlBarButton, Object.assign({}, props, { disabled: disabled, menuProps: (_c = props.menuProps) !== null && _c !== void 0 ? _c : defaultMenuProps, menuIconProps: { hidden: true }, onRenderIcon: onRenderIcon !== null && onRenderIcon !== void 0 ? onRenderIcon : onRenderPeopleIcon, strings: strings, labelKey: (_d = props.labelKey) !== null && _d !== void 0 ? _d : 'participantsButtonLabel' })));
+    return (React__default['default'].createElement(React__default['default'].Fragment, null,
+        React__default['default'].createElement(Announcer, { announcementString: copyInviteLinkAnnouncerStrings, ariaLive: 'polite' }),
+        React__default['default'].createElement(ControlBarButton, Object.assign({}, props, { disabled: disabled, menuProps: (_c = props.menuProps) !== null && _c !== void 0 ? _c : defaultMenuProps, menuIconProps: { hidden: true }, onRenderIcon: onRenderIcon !== null && onRenderIcon !== void 0 ? onRenderIcon : onRenderPeopleIcon, strings: strings, labelKey: (_d = props.labelKey) !== null && _d !== void 0 ? _d : 'participantsButtonLabel' }))));
 };
 
 // Copyright (c) Microsoft Corporation.
@@ -12324,8 +12361,8 @@ const useSelector$4 = (selector, selectorProps) => {
  *
  * @public
  */
-const errorBarSelector$1 = reselect.createSelector([getLatestErrors$1, getDiagnostics, getDeviceManager$1], (latestErrors, diagnostics, deviceManager) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+const errorBarSelector$1 = reselect.createSelector([getLatestErrors$1, getDiagnostics, getDeviceManager$1, getEnvironmentInfo], (latestErrors, diagnostics, deviceManager, environmentInfo) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
     // The order in which the errors are returned is significant: The `ErrorBar` shows errors on the UI in that order.
     // There are several options for the ordering:
     //   - Sorted by when the errors happened (latest first / oldest first).
@@ -12334,6 +12371,10 @@ const errorBarSelector$1 = reselect.createSelector([getLatestErrors$1, getDiagno
     // We chose to stable sort by error type: We intend to show only a small number of errors on the UI and we do not
     // have timestamps for errors.
     const activeErrorMessages = [];
+    const isSafari = () => {
+        /* @conditional-compile-remove(unsupported-browser) */
+        return (environmentInfo === null || environmentInfo === void 0 ? void 0 : environmentInfo.environment.browser) === 'safari';
+    };
     // Errors reported via diagnostics are more reliable than from API method failures, so process those first.
     if (((_a = diagnostics === null || diagnostics === void 0 ? void 0 : diagnostics.network.latest.networkReceiveQuality) === null || _a === void 0 ? void 0 : _a.value) === communicationCalling.DiagnosticQuality.Bad ||
         ((_b = diagnostics === null || diagnostics === void 0 ? void 0 : diagnostics.network.latest.networkReceiveQuality) === null || _b === void 0 ? void 0 : _b.value) === communicationCalling.DiagnosticQuality.Poor) {
@@ -12345,10 +12386,13 @@ const errorBarSelector$1 = reselect.createSelector([getLatestErrors$1, getDiagno
     if (((_d = diagnostics === null || diagnostics === void 0 ? void 0 : diagnostics.media.latest.noMicrophoneDevicesEnumerated) === null || _d === void 0 ? void 0 : _d.value) === true) {
         activeErrorMessages.push({ type: 'callNoMicrophoneFound' });
     }
-    if (((_e = deviceManager.deviceAccess) === null || _e === void 0 ? void 0 : _e.audio) === false) {
+    if (((_e = deviceManager.deviceAccess) === null || _e === void 0 ? void 0 : _e.audio) === false && isSafari()) {
+        activeErrorMessages.push({ type: 'callMicrophoneAccessDeniedSafari' });
+    }
+    if (((_f = deviceManager.deviceAccess) === null || _f === void 0 ? void 0 : _f.audio) === false && !isSafari()) {
         activeErrorMessages.push({ type: 'callMicrophoneAccessDenied' });
     }
-    if (((_f = diagnostics === null || diagnostics === void 0 ? void 0 : diagnostics.media.latest.microphonePermissionDenied) === null || _f === void 0 ? void 0 : _f.value) === true) {
+    if (((_g = diagnostics === null || diagnostics === void 0 ? void 0 : diagnostics.media.latest.microphonePermissionDenied) === null || _g === void 0 ? void 0 : _g.value) === true) {
         activeErrorMessages.push({ type: 'callMacOsMicrophoneAccessDenied' });
     }
     const microphoneMuteUnexpectedlyDiagnostic = (diagnostics === null || diagnostics === void 0 ? void 0 : diagnostics.media.latest.microphoneMuteUnexpectedly) || (diagnostics === null || diagnostics === void 0 ? void 0 : diagnostics.media.latest.microphoneNotFunctioning);
@@ -12373,18 +12417,21 @@ const errorBarSelector$1 = reselect.createSelector([getLatestErrors$1, getDiagno
             activeErrorMessages.push({ type: 'callVideoRecoveredBySystem' });
         }
     }
-    if (((_g = deviceManager.deviceAccess) === null || _g === void 0 ? void 0 : _g.video) === false) {
+    if (((_h = deviceManager.deviceAccess) === null || _h === void 0 ? void 0 : _h.video) === false && isSafari()) {
+        activeErrorMessages.push({ type: 'callCameraAccessDeniedSafari' });
+    }
+    else if (((_j = deviceManager.deviceAccess) === null || _j === void 0 ? void 0 : _j.video) === false) {
         activeErrorMessages.push({ type: 'callCameraAccessDenied' });
     }
     else {
-        if (((_h = diagnostics === null || diagnostics === void 0 ? void 0 : diagnostics.media.latest.cameraFreeze) === null || _h === void 0 ? void 0 : _h.value) === true) {
+        if (((_k = diagnostics === null || diagnostics === void 0 ? void 0 : diagnostics.media.latest.cameraFreeze) === null || _k === void 0 ? void 0 : _k.value) === true) {
             activeErrorMessages.push({ type: 'callCameraAlreadyInUse' });
         }
     }
-    if (((_j = diagnostics === null || diagnostics === void 0 ? void 0 : diagnostics.media.latest.cameraPermissionDenied) === null || _j === void 0 ? void 0 : _j.value) === true) {
+    if (((_l = diagnostics === null || diagnostics === void 0 ? void 0 : diagnostics.media.latest.cameraPermissionDenied) === null || _l === void 0 ? void 0 : _l.value) === true) {
         activeErrorMessages.push({ type: 'callMacOsCameraAccessDenied' });
     }
-    if (((_k = diagnostics === null || diagnostics === void 0 ? void 0 : diagnostics.media.latest.screenshareRecordingDisabled) === null || _k === void 0 ? void 0 : _k.value) === true) {
+    if (((_m = diagnostics === null || diagnostics === void 0 ? void 0 : diagnostics.media.latest.screenshareRecordingDisabled) === null || _m === void 0 ? void 0 : _m.value) === true) {
         activeErrorMessages.push({ type: 'callMacOsScreenShareAccessDenied' });
     }
     // Prefer to show errors with privacy implications.
@@ -12393,7 +12440,7 @@ const errorBarSelector$1 = reselect.createSelector([getLatestErrors$1, getDiagno
     appendActiveErrorIfDefined(activeErrorMessages, latestErrors, 'Call.stopScreenSharing', 'stopScreenShareGeneric');
     appendActiveErrorIfDefined(activeErrorMessages, latestErrors, 'Call.startVideo', 'startVideoGeneric');
     appendActiveErrorIfDefined(activeErrorMessages, latestErrors, 'Call.unmute', 'unmuteGeneric');
-    if (((_l = latestErrors['CallAgent.join']) === null || _l === void 0 ? void 0 : _l.message) === 'CallAgent.join: Invalid meeting link') {
+    if (((_o = latestErrors['CallAgent.join']) === null || _o === void 0 ? void 0 : _o.message) === 'CallAgent.join: Invalid meeting link') {
         appendActiveErrorIfDefined(activeErrorMessages, latestErrors, 'CallAgent.join', 'failedToJoinCallInvalidMeetingLink');
     }
     else {
@@ -14749,182 +14796,464 @@ const convertObservableFileUploadToFileUploadsUiState = (fileUploads) => {
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
-var __awaiter$c = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __asyncValues = (window && window.__asyncValues) || function (o) {
-    if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
-    var m = o[Symbol.asyncIterator], i;
-    return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
-    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
-    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }
-};
 /**
- * Context of Chat, which is a centralized context for all state updates
+ * Subset of CallCompositePages that represent an end call state.
  * @private
  */
-class ChatContext {
-    constructor(clientState, threadId) {
-        this.emitter = new EventEmitter__default['default']();
-        const thread = clientState.threads[threadId];
-        this.threadId = threadId;
-        if (!thread) {
-            throw 'Cannot find threadId, please initialize thread before use!';
-        }
-        this.state = {
-            userId: clientState.userId,
-            displayName: clientState.displayName,
-            thread,
-            latestErrors: clientState.latestErrors
-        };
-    }
-    onStateChange(handler) {
-        this.emitter.on('stateChanged', handler);
-    }
-    offStateChange(handler) {
-        this.emitter.off('stateChanged', handler);
-    }
-    setState(state) {
-        this.state = state;
-        this.emitter.emit('stateChanged', this.state);
-    }
-    getState() {
-        return this.state;
-    }
-    setError(error) {
-        this.setState(Object.assign(Object.assign({}, this.state), { error }));
+const END_CALL_PAGES = [
+    'accessDeniedTeamsMeeting',
+    'joinCallFailedDueToNoNetwork',
+    'leftCall',
+    /* @conditional-compile-remove(rooms) */ 'deniedPermissionToRoom',
+    'removedFromCall',
+    /* @conditional-compile-remove(rooms) */ 'roomNotFound',
+    /* @conditional-compile-remove(unsupported-browser) */ 'unsupportedEnvironment'
+];
+
+// Copyright (c) Microsoft Corporation.
+const ACCESS_DENIED_TEAMS_MEETING_SUB_CODE = 5854;
+const REMOTE_PSTN_USER_HUNG_UP = 560000;
+const REMOVED_FROM_CALL_SUB_CODES = [5000, 5300, REMOTE_PSTN_USER_HUNG_UP];
+/* @conditional-compile-remove(rooms) */
+const ROOM_NOT_FOUND_SUB_CODE = 5751;
+/* @conditional-compile-remove(rooms) */
+const DENIED_PERMISSION_TO_ROOM_SUB_CODE = 5828;
+/**
+ * @private
+ */
+const isCameraOn = (state) => {
+    if (state.call) {
+        const stream = state.call.localVideoStreams.find((stream) => stream.mediaStreamType === 'Video');
+        return !!stream;
     }
-    updateClientState(clientState) {
-        const thread = clientState.threads[this.threadId];
-        if (!thread) {
-            throw 'Cannot find threadId, please make sure thread state is still in Stateful ChatClient.';
+    else {
+        if (state.devices.selectedCamera) {
+            const previewOn = _isPreviewOn(state.devices);
+            return previewOn;
         }
-        let updatedState = {
-            userId: clientState.userId,
-            displayName: clientState.displayName,
-            thread,
-            latestErrors: clientState.latestErrors
-        };
-        /* @conditional-compile-remove(file-sharing) */
-        updatedState = Object.assign(Object.assign({}, updatedState), { fileUploads: this.state.fileUploads });
-        this.setState(updatedState);
     }
-}
+    return false;
+};
 /**
+ * Reduce the set of call controls visible on mobile.
+ * For example do not show screenshare button.
+ *
  * @private
  */
-class AzureCommunicationChatAdapter {
-    constructor(chatClient, chatThreadClient) {
-        this.emitter = new EventEmitter__default['default']();
-        this.bindAllPublicMethods();
-        this.chatClient = chatClient;
-        this.chatThreadClient = chatThreadClient;
-        this.context = new ChatContext(chatClient.getState(), chatThreadClient.threadId);
-        /* @conditional-compile-remove(file-sharing) */
-        this.fileUploadAdapter = new AzureCommunicationFileUploadAdapter(this.context);
-        const onStateChange = (clientState) => {
-            // unsubscribe when the instance gets disposed
-            if (!this) {
-                chatClient.offStateChange(onStateChange);
-                return;
-            }
-            this.context.updateClientState(clientState);
-        };
-        this.handlers = createDefaultChatHandlers(chatClient, chatThreadClient);
-        this.chatClient.onStateChange(onStateChange);
-        this.subscribeAllEvents();
+const reduceCallControlsForMobile = (callControlOptions) => {
+    if (callControlOptions === false) {
+        return false;
     }
-    bindAllPublicMethods() {
-        this.onStateChange = this.onStateChange.bind(this);
-        this.offStateChange = this.offStateChange.bind(this);
-        this.getState = this.getState.bind(this);
-        this.dispose = this.dispose.bind(this);
-        this.fetchInitialData = this.fetchInitialData.bind(this);
-        this.sendMessage = this.sendMessage.bind(this);
-        this.sendReadReceipt = this.sendReadReceipt.bind(this);
-        this.sendTypingIndicator = this.sendTypingIndicator.bind(this);
-        this.updateMessage = this.updateMessage.bind(this);
-        this.deleteMessage = this.deleteMessage.bind(this);
-        this.removeParticipant = this.removeParticipant.bind(this);
-        this.setTopic = this.setTopic.bind(this);
-        this.loadPreviousChatMessages = this.loadPreviousChatMessages.bind(this);
-        this.on = this.on.bind(this);
-        this.off = this.off.bind(this);
-        /* @conditional-compile-remove(file-sharing) */
-        this.registerActiveFileUploads = this.registerActiveFileUploads.bind(this);
-        /* @conditional-compile-remove(file-sharing) */
-        this.registerCompletedFileUploads = this.registerCompletedFileUploads.bind(this);
-        /* @conditional-compile-remove(file-sharing) */
-        this.clearFileUploads = this.clearFileUploads.bind(this);
-        /* @conditional-compile-remove(file-sharing) */
-        this.cancelFileUpload = this.cancelFileUpload.bind(this);
-        /* @conditional-compile-remove(file-sharing) */
-        this.updateFileUploadProgress = this.updateFileUploadProgress.bind(this);
-        /* @conditional-compile-remove(file-sharing) */
-        this.updateFileUploadErrorMessage = this.updateFileUploadErrorMessage.bind(this);
-        /* @conditional-compile-remove(file-sharing) */
-        this.updateFileUploadMetadata = this.updateFileUploadMetadata.bind(this);
+    // Ensure call controls a valid object.
+    const reduceCallControlOptions = callControlOptions === true ? {} : callControlOptions || {};
+    // Set to compressed mode when composite is optimized for mobile
+    reduceCallControlOptions.displayType = 'compact';
+    // Do not show screen share button when composite is optimized for mobile unless the developer
+    // has explicitly opted in.
+    if (reduceCallControlOptions.screenShareButton !== true) {
+        reduceCallControlOptions.screenShareButton = false;
     }
-    dispose() {
-        this.unsubscribeAllEvents();
+    return reduceCallControlOptions;
+};
+var CallEndReasons;
+(function (CallEndReasons) {
+    CallEndReasons[CallEndReasons["LEFT_CALL"] = 0] = "LEFT_CALL";
+    CallEndReasons[CallEndReasons["ACCESS_DENIED"] = 1] = "ACCESS_DENIED";
+    CallEndReasons[CallEndReasons["REMOVED_FROM_CALL"] = 2] = "REMOVED_FROM_CALL";
+    CallEndReasons[CallEndReasons["ROOM_NOT_FOUND"] = 3] = "ROOM_NOT_FOUND";
+    CallEndReasons[CallEndReasons["DENIED_PERMISSION_TO_ROOM"] = 4] = "DENIED_PERMISSION_TO_ROOM";
+})(CallEndReasons || (CallEndReasons = {}));
+const getCallEndReason = (call) => {
+    var _a, _b, _c, _d, _e;
+    const remoteParticipantsEndedArray = Array.from(Object.values(call.remoteParticipantsEnded));
+    /**
+     * Handle the special case in a PSTN call where removing the last user kicks the caller out of the call.
+     * The code and subcode is the same as when a user is removed from a teams interop call.
+     * Hence, we look at the last remote participant removed to determine if the last participant removed was a phone number.
+     * If yes, the caller was kicked out of the call, but we need to show them that they left the call.
+     * Note: This check will only work for 1:1 PSTN Calls. The subcode is different for 1:N PSTN calls, and we do not need to handle that case.
+     */
+    if (remoteParticipantsEndedArray.length === 1 &&
+        communicationCommon.isPhoneNumberIdentifier(remoteParticipantsEndedArray[0].identifier) &&
+        ((_a = call.callEndReason) === null || _a === void 0 ? void 0 : _a.subCode) !== REMOTE_PSTN_USER_HUNG_UP) {
+        return CallEndReasons.LEFT_CALL;
     }
-    fetchInitialData() {
-        return __awaiter$c(this, void 0, void 0, function* () {
-            // If get properties fails we dont want to try to get the participants after.
-            yield this.asyncTeeErrorToEventEmitter(() => __awaiter$c(this, void 0, void 0, function* () {
-                var e_1, _a;
-                yield this.chatThreadClient.getProperties();
-                try {
-                    // Fetch all participants who joined before the local user.
-                    for (var _b = __asyncValues(this.chatThreadClient.listParticipants().byPage({
-                        // Fetch 100 participants per page by default.
-                        maxPageSize: 100
-                        // eslint-disable-next-line curly
-                    })), _c; _c = yield _b.next(), !_c.done;) {
-                        const _page = _c.value;
-                        ;
-                    }
-                }
-                catch (e_1_1) { e_1 = { error: e_1_1 }; }
-                finally {
-                    try {
-                        if (_c && !_c.done && (_a = _b.return)) yield _a.call(_b);
-                    }
-                    finally { if (e_1) throw e_1.error; }
-                }
-            }));
-        });
+    if (((_b = call.callEndReason) === null || _b === void 0 ? void 0 : _b.subCode) && call.callEndReason.subCode === ACCESS_DENIED_TEAMS_MEETING_SUB_CODE) {
+        return CallEndReasons.ACCESS_DENIED;
     }
-    getState() {
-        return this.context.getState();
+    if (((_c = call.callEndReason) === null || _c === void 0 ? void 0 : _c.subCode) && REMOVED_FROM_CALL_SUB_CODES.includes(call.callEndReason.subCode)) {
+        return CallEndReasons.REMOVED_FROM_CALL;
     }
-    onStateChange(handler) {
-        this.context.onStateChange(handler);
+    /* @conditional-compile-remove(rooms) */
+    if (((_d = call.callEndReason) === null || _d === void 0 ? void 0 : _d.subCode) && call.callEndReason.subCode === ROOM_NOT_FOUND_SUB_CODE) {
+        return CallEndReasons.ROOM_NOT_FOUND;
     }
-    offStateChange(handler) {
-        this.context.offStateChange(handler);
+    /* @conditional-compile-remove(rooms) */
+    if (((_e = call.callEndReason) === null || _e === void 0 ? void 0 : _e.subCode) && call.callEndReason.subCode === DENIED_PERMISSION_TO_ROOM_SUB_CODE) {
+        return CallEndReasons.DENIED_PERMISSION_TO_ROOM;
     }
-    sendMessage(content, options = {}) {
-        return __awaiter$c(this, void 0, void 0, function* () {
-            yield this.asyncTeeErrorToEventEmitter(() => __awaiter$c(this, void 0, void 0, function* () {
-                /* @conditional-compile-remove(file-sharing) */
-                options.metadata = Object.assign(Object.assign({}, options.metadata), convertFileUploadsUiStateToMessageMetadata(this.context.getState().fileUploads));
-                /* @conditional-compile-remove(file-sharing) */
-                /**
-                 * All the current uploads need to be clear from the state before a message has been sent.
-                 * This ensures the following behavior:
-                 * 1. File Upload cards are removed from sendbox at the same time text in sendbox is removed.
-                 * 2. any component rendering these file uploads doesn't continue to do so.
-                 * 3. Cleans the state for new file uploads with a fresh message.
-                 */
-                this.fileUploadAdapter.clearFileUploads();
-                yield this.handlers.onSendMessage(content, options);
+    if (call.callEndReason) {
+        // No error codes match, assume the user simply left the call regularly
+        return CallEndReasons.LEFT_CALL;
+    }
+    throw new Error('No matching call end reason');
+};
+/**
+ * Get the current call composite page based on the current call composite state
+ *
+ * @param Call - The current call state
+ * @param previousCall - The state of the most recent previous call that has ended.
+ *
+ * @remarks - The previousCall state is needed to determine if the call has ended.
+ * When the call ends a new call object is created, and so we must lookback at the
+ * previous call state to understand how the call has ended. If there is no previous
+ * call we know that this is a fresh call and can display the configuration page.
+ *
+ * @private
+ */
+const getCallCompositePage = (call, previousCall, unsupportedBrowserInfo) => {
+    /* @conditional-compile-remove(unsupported-browser) */
+    if (isUnsupportedEnvironment(unsupportedBrowserInfo.features, unsupportedBrowserInfo.environmentInfo, unsupportedBrowserInfo.unsupportedBrowserVersionOptedIn)) {
+        return 'unsupportedEnvironment';
+    }
+    if (call) {
+        // Must check for ongoing call *before* looking at any previous calls.
+        // If the composite completes one call and joins another, the previous calls
+        // will be populated, but not relevant for determining the page.
+        // `_isInLobbyOrConnecting` needs to be checked first because `_isInCall` also returns true when call is in lobby.
+        if (_isInLobbyOrConnecting(call === null || call === void 0 ? void 0 : call.state)) {
+            return 'lobby';
+            // `LocalHold` needs to be checked before `isInCall` since it is also a state that's considered in call.
+        }
+        else if ((call === null || call === void 0 ? void 0 : call.state) === 'LocalHold') {
+            /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
+            return 'hold';
+        }
+        else if (_isInCall(call === null || call === void 0 ? void 0 : call.state)) {
+            return 'call';
+        }
+        else {
+            // When the call object has been constructed after clicking , but before 'connecting' has been
+            // set on the call object, we continue to show the configuration screen.
+            // The call object does not correctly reflect local device state until `call.state` moves to `connecting`.
+            // Moving to the 'lobby' page too soon leads to components that depend on the `call` object to show incorrect
+            // transitional state.
+            return 'configuration';
+        }
+    }
+    if (previousCall) {
+        const reason = getCallEndReason(previousCall);
+        /* @conditional-compile-remove(rooms) */
+        switch (reason) {
+            case CallEndReasons.ROOM_NOT_FOUND:
+                return 'roomNotFound';
+            case CallEndReasons.DENIED_PERMISSION_TO_ROOM:
+                return 'deniedPermissionToRoom';
+        }
+        switch (reason) {
+            case CallEndReasons.ACCESS_DENIED:
+                return 'accessDeniedTeamsMeeting';
+            case CallEndReasons.REMOVED_FROM_CALL:
+                return 'removedFromCall';
+            case CallEndReasons.LEFT_CALL:
+                if (previousCall.diagnostics.network.latest.noNetwork) {
+                    return 'joinCallFailedDueToNoNetwork';
+                }
+                return 'leftCall';
+        }
+    }
+    // No call state - show starting page (configuration)
+    return 'configuration';
+};
+/** @private */
+const IsCallEndedPage = (
+/**
+ * Explicitly listing the pages of this function intentionally.
+ * This protects against adding a new composite page that should be marked as an callEndedPage.
+ * EndCallPages are used to trigger onCallEnded events so this could easily be missed.
+ * When you add a new composite page this will throw a compiler error. If this new page is an
+ * EndCallPage ensure you update the END_CALL_PAGES. Afterwards update the `page` parameter
+ * type below to allow your new page, i.e. add `| <your new page>
+ */
+page) => END_CALL_PAGES.includes(page);
+/**
+ * Creates a new call control options object and sets the correct values for disabling
+ * the buttons provided in the `disabledControls` array.
+ * Returns a new object without changing the original object.
+ * @param callControlOptions options for the call control component that need to be modified.
+ * @param disabledControls An array of controls to disable.
+ * @returns a copy of callControlOptions with disabledControls disabled
+ * @private
+ */
+const disableCallControls = (callControlOptions, disabledControls) => {
+    var _a;
+    if (callControlOptions === false) {
+        return false;
+    }
+    // Ensure we clone the prop if it is an object to ensure we do not mutate the original prop.
+    let newOptions = (_a = (callControlOptions instanceof Object ? Object.assign({}, callControlOptions) : callControlOptions)) !== null && _a !== void 0 ? _a : {};
+    if (newOptions === true || newOptions === undefined) {
+        newOptions = disabledControls.reduce((acc, key) => {
+            acc[key] = { disabled: true };
+            return acc;
+        }, {});
+    }
+    else {
+        disabledControls.forEach((key) => {
+            if (newOptions[key] !== false) {
+                newOptions[key] = { disabled: true };
+            }
+        });
+    }
+    return newOptions;
+};
+/**
+ * Check if a disabled object is provided for a button and returns if the button is disabled.
+ * A button is only disabled if is explicitly set to disabled.
+ *
+ * @param option
+ * @returns whether a button is disabled
+ * @private
+ */
+const isDisabled$2 = (option) => {
+    if (option === undefined || typeof option === 'boolean') {
+        return false;
+    }
+    return option.disabled;
+};
+/* @conditional-compile-remove(call-readiness) */
+/**
+ *
+ * This function uses permission API to determine if device permission state is granted, prompt or denied
+ * @returns whether device permission state is granted, prompt or denied
+ * If permission API is not supported on this browser, do nothing and log out error
+ * @private
+ */
+const getDevicePermissionState = (setVideoState, setAudioState) => {
+    navigator.permissions
+        .query({ name: 'camera' })
+        .then((result) => {
+        setVideoState(result.state);
+    })
+        .catch(() => {
+        setVideoState('unsupported');
+    });
+    navigator.permissions
+        .query({ name: 'microphone' })
+        .then((result) => {
+        setAudioState(result.state);
+    })
+        .catch(() => {
+        setAudioState('unsupported');
+    });
+};
+/* @conditional-compile-remove(unsupported-browser) */
+const isUnsupportedEnvironment = (features, environmentInfo, unsupportedBrowserVersionOptedIn) => {
+    return !!((features === null || features === void 0 ? void 0 : features.unsupportedEnvironment) &&
+        ((environmentInfo === null || environmentInfo === void 0 ? void 0 : environmentInfo.isSupportedBrowser) === false ||
+            ((environmentInfo === null || environmentInfo === void 0 ? void 0 : environmentInfo.isSupportedBrowserVersion) === false && !unsupportedBrowserVersionOptedIn) ||
+            (environmentInfo === null || environmentInfo === void 0 ? void 0 : environmentInfo.isSupportedPlatform) === false));
+};
+/**
+ * Check if an object is identifier.
+ *
+ * @param identifier
+ * @returns whether an identifier is one of identifier types (for runtime validation)
+ * @private
+ */
+const isValidIdentifier = (identifier) => {
+    return (communicationCommon.isCommunicationUserIdentifier(identifier) ||
+        communicationCommon.isPhoneNumberIdentifier(identifier) ||
+        communicationCommon.isMicrosoftTeamsUserIdentifier(identifier) ||
+        communicationCommon.isUnknownIdentifier(identifier));
+};
+/**
+ * Check if we are using safari browser
+ * @private
+ */
+const _isSafari = (environmentInfo) => {
+    /* @conditional-compile-remove(unsupported-browser) */
+    return (environmentInfo === null || environmentInfo === void 0 ? void 0 : environmentInfo.environment.browser) === 'safari';
+};
+
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+var __awaiter$c = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __asyncValues = (window && window.__asyncValues) || function (o) {
+    if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
+    var m = o[Symbol.asyncIterator], i;
+    return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
+    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
+    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }
+};
+/**
+ * Context of Chat, which is a centralized context for all state updates
+ * @private
+ */
+class ChatContext {
+    constructor(clientState, threadId) {
+        this.emitter = new EventEmitter__default['default']();
+        const thread = clientState.threads[threadId];
+        this.threadId = threadId;
+        if (!thread) {
+            throw 'Cannot find threadId, please initialize thread before use!';
+        }
+        this.state = {
+            userId: clientState.userId,
+            displayName: clientState.displayName,
+            thread,
+            latestErrors: clientState.latestErrors
+        };
+    }
+    onStateChange(handler) {
+        this.emitter.on('stateChanged', handler);
+    }
+    offStateChange(handler) {
+        this.emitter.off('stateChanged', handler);
+    }
+    setState(state) {
+        this.state = state;
+        this.emitter.emit('stateChanged', this.state);
+    }
+    getState() {
+        return this.state;
+    }
+    setError(error) {
+        this.setState(Object.assign(Object.assign({}, this.state), { error }));
+    }
+    updateClientState(clientState) {
+        const thread = clientState.threads[this.threadId];
+        if (!thread) {
+            throw 'Cannot find threadId, please make sure thread state is still in Stateful ChatClient.';
+        }
+        let updatedState = {
+            userId: clientState.userId,
+            displayName: clientState.displayName,
+            thread,
+            latestErrors: clientState.latestErrors
+        };
+        /* @conditional-compile-remove(file-sharing) */
+        updatedState = Object.assign(Object.assign({}, updatedState), { fileUploads: this.state.fileUploads });
+        this.setState(updatedState);
+    }
+}
+/**
+ * @private
+ */
+class AzureCommunicationChatAdapter {
+    constructor(chatClient, chatThreadClient) {
+        this.emitter = new EventEmitter__default['default']();
+        this.bindAllPublicMethods();
+        this.chatClient = chatClient;
+        this.chatThreadClient = chatThreadClient;
+        this.context = new ChatContext(chatClient.getState(), chatThreadClient.threadId);
+        /* @conditional-compile-remove(file-sharing) */
+        this.fileUploadAdapter = new AzureCommunicationFileUploadAdapter(this.context);
+        const onStateChange = (clientState) => {
+            // unsubscribe when the instance gets disposed
+            if (!this) {
+                chatClient.offStateChange(onStateChange);
+                return;
+            }
+            this.context.updateClientState(clientState);
+        };
+        this.handlers = createDefaultChatHandlers(chatClient, chatThreadClient);
+        this.chatClient.onStateChange(onStateChange);
+        this.subscribeAllEvents();
+    }
+    bindAllPublicMethods() {
+        this.onStateChange = this.onStateChange.bind(this);
+        this.offStateChange = this.offStateChange.bind(this);
+        this.getState = this.getState.bind(this);
+        this.dispose = this.dispose.bind(this);
+        this.fetchInitialData = this.fetchInitialData.bind(this);
+        this.sendMessage = this.sendMessage.bind(this);
+        this.sendReadReceipt = this.sendReadReceipt.bind(this);
+        this.sendTypingIndicator = this.sendTypingIndicator.bind(this);
+        this.updateMessage = this.updateMessage.bind(this);
+        this.deleteMessage = this.deleteMessage.bind(this);
+        this.removeParticipant = this.removeParticipant.bind(this);
+        this.setTopic = this.setTopic.bind(this);
+        this.loadPreviousChatMessages = this.loadPreviousChatMessages.bind(this);
+        this.on = this.on.bind(this);
+        this.off = this.off.bind(this);
+        /* @conditional-compile-remove(file-sharing) */
+        this.registerActiveFileUploads = this.registerActiveFileUploads.bind(this);
+        /* @conditional-compile-remove(file-sharing) */
+        this.registerCompletedFileUploads = this.registerCompletedFileUploads.bind(this);
+        /* @conditional-compile-remove(file-sharing) */
+        this.clearFileUploads = this.clearFileUploads.bind(this);
+        /* @conditional-compile-remove(file-sharing) */
+        this.cancelFileUpload = this.cancelFileUpload.bind(this);
+        /* @conditional-compile-remove(file-sharing) */
+        this.updateFileUploadProgress = this.updateFileUploadProgress.bind(this);
+        /* @conditional-compile-remove(file-sharing) */
+        this.updateFileUploadErrorMessage = this.updateFileUploadErrorMessage.bind(this);
+        /* @conditional-compile-remove(file-sharing) */
+        this.updateFileUploadMetadata = this.updateFileUploadMetadata.bind(this);
+    }
+    dispose() {
+        this.unsubscribeAllEvents();
+    }
+    fetchInitialData() {
+        return __awaiter$c(this, void 0, void 0, function* () {
+            // If get properties fails we dont want to try to get the participants after.
+            yield this.asyncTeeErrorToEventEmitter(() => __awaiter$c(this, void 0, void 0, function* () {
+                var e_1, _a;
+                yield this.chatThreadClient.getProperties();
+                try {
+                    // Fetch all participants who joined before the local user.
+                    for (var _b = __asyncValues(this.chatThreadClient.listParticipants().byPage({
+                        // Fetch 100 participants per page by default.
+                        maxPageSize: 100
+                        // eslint-disable-next-line curly
+                    })), _c; _c = yield _b.next(), !_c.done;) {
+                        const _page = _c.value;
+                        ;
+                    }
+                }
+                catch (e_1_1) { e_1 = { error: e_1_1 }; }
+                finally {
+                    try {
+                        if (_c && !_c.done && (_a = _b.return)) yield _a.call(_b);
+                    }
+                    finally { if (e_1) throw e_1.error; }
+                }
+            }));
+        });
+    }
+    getState() {
+        return this.context.getState();
+    }
+    onStateChange(handler) {
+        this.context.onStateChange(handler);
+    }
+    offStateChange(handler) {
+        this.context.offStateChange(handler);
+    }
+    sendMessage(content, options = {}) {
+        return __awaiter$c(this, void 0, void 0, function* () {
+            yield this.asyncTeeErrorToEventEmitter(() => __awaiter$c(this, void 0, void 0, function* () {
+                /* @conditional-compile-remove(file-sharing) */
+                options.metadata = Object.assign(Object.assign({}, options.metadata), convertFileUploadsUiStateToMessageMetadata(this.context.getState().fileUploads));
+                /* @conditional-compile-remove(file-sharing) */
+                /**
+                 * All the current uploads need to be clear from the state before a message has been sent.
+                 * This ensures the following behavior:
+                 * 1. File Upload cards are removed from sendbox at the same time text in sendbox is removed.
+                 * 2. any component rendering these file uploads doesn't continue to do so.
+                 * 3. Cleans the state for new file uploads with a fresh message.
+                 */
+                this.fileUploadAdapter.clearFileUploads();
+                yield this.handlers.onSendMessage(content, options);
             }));
         });
     }
@@ -15097,6 +15426,9 @@ const convertEventType = (type) => {
  * @public
  */
 const createAzureCommunicationChatAdapter = ({ endpoint: endpointUrl, userId, displayName, credential, threadId }) => __awaiter$c(void 0, void 0, void 0, function* () {
+    if (!isValidIdentifier(userId)) {
+        throw new Error('Provided userId is invalid. Please provide valid identifier object.');
+    }
     const chatClient = createStatefulChatClient({
         userId,
         displayName,
@@ -15873,400 +16205,147 @@ const ChatScreen = (props) => {
                             React__default['default'].createElement(SendBox, Object.assign({}, sendBoxProps, { autoFocus: options === null || options === void 0 ? void 0 : options.autoFocus, styles: sendBoxStyles, 
                                 /* @conditional-compile-remove(file-sharing) */
                                 activeFileUploads: useSelector$2(fileUploadsSelector).files, 
-                                /* @conditional-compile-remove(file-sharing) */
-                                onCancelFileUpload: adapter.cancelFileUpload }))),
-                        formFactor !== 'mobile' && React__default['default'].createElement(AttachFileButton, null)))),
-            /* @conditional-compile-remove(chat-composite-participant-pane) */
-            (options === null || options === void 0 ? void 0 : options.participantPane) === true && (React__default['default'].createElement(ChatScreenPeoplePane, { onFetchAvatarPersonaData: onFetchAvatarPersonaData, onFetchParticipantMenuItems: props.onFetchParticipantMenuItems, isMobile: formFactor === 'mobile' })))));
-};
-
-// Copyright (c) Microsoft Corporation.
-/**
- * A customizable UI composite for the chat experience.
- *
- * @remarks Chat composite min width and height are respectively 17.5rem and 20rem (280px and 320px, with default rem at 16px)
- *
- * @public
- */
-const ChatComposite = (props) => {
-    const { adapter, options, onFetchAvatarPersonaData, onRenderTypingIndicator, onRenderMessage, onFetchParticipantMenuItems } = props;
-    const formFactor = props['formFactor'] || 'desktop';
-    /**
-     * @TODO Remove this function and pass the props directly when file-sharing is promoted to stable.
-     * @private
-     */
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
-    const fileSharingOptions = () => {
-        /* @conditional-compile-remove(file-sharing) */
-        return {
-            fileSharing: options === null || options === void 0 ? void 0 : options.fileSharing
-        };
-    };
-    return (React__default['default'].createElement("div", { className: chatScreenContainerStyle },
-        React__default['default'].createElement(BaseProvider, Object.assign({}, props),
-            React__default['default'].createElement(ChatAdapterProvider, { adapter: adapter },
-                React__default['default'].createElement(ChatScreen, Object.assign({ formFactor: formFactor, options: options, onFetchAvatarPersonaData: onFetchAvatarPersonaData, onRenderTypingIndicator: onRenderTypingIndicator, onRenderMessage: onRenderMessage, onFetchParticipantMenuItems: onFetchParticipantMenuItems }, fileSharingOptions()))))));
-};
-
-// Copyright (c) Microsoft Corporation.
-const CallAdapterContext = React.createContext(undefined);
-/**
- * @private
- */
-const CallAdapterProvider = (props) => {
-    const { adapter } = props;
-    return React__default['default'].createElement(CallAdapterContext.Provider, { value: adapter }, props.children);
-};
-/**
- * @private
- */
-const useAdapter = () => {
-    const adapter = React.useContext(CallAdapterContext);
-    if (!adapter) {
-        throw 'Cannot find adapter please initialize before usage.';
-    }
-    return adapter;
-};
-
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT license.
-/** @private */
-const containerDivStyles = { position: 'relative', width: '100%', height: '100%' };
-
-// Copyright (c) Microsoft Corporation.
-/**
- * @private
- */
-const useAdaptedSelector = (selector, selectorProps) => {
-    return useSelectorWithAdaptation(selector, adaptCompositeState, selectorProps);
-};
-/**
- * @private
- */
-const useSelectorWithAdaptation = (selector, adaptState, selectorProps) => {
-    var _a;
-    const adapter = useAdapter();
-    // Keeps track of whether the current component is mounted or not. If it has unmounted, make sure we do not modify the
-    // state or it will cause React warnings in the console. https://skype.visualstudio.com/SPOOL/_workitems/edit/2453212
-    const mounted = React.useRef(false);
-    React.useEffect(() => {
-        mounted.current = true;
-        return () => {
-            mounted.current = false;
-        };
-    });
-    const callId = (_a = adapter.getState().call) === null || _a === void 0 ? void 0 : _a.id;
-    const callConfigProps = React.useMemo(() => ({
-        callId
-    }), [callId]);
-    const [props, setProps] = React.useState(selector(adaptState(adapter.getState()), selectorProps !== null && selectorProps !== void 0 ? selectorProps : callConfigProps));
-    const propRef = React.useRef(props);
-    propRef.current = props;
-    React.useEffect(() => {
-        const onStateChange = (state) => {
-            if (!mounted.current) {
-                return;
-            }
-            const newProps = selector(adaptState(state), selectorProps !== null && selectorProps !== void 0 ? selectorProps : callConfigProps);
-            if (propRef.current !== newProps) {
-                setProps(newProps);
-            }
-        };
-        adapter.onStateChange(onStateChange);
-        return () => {
-            adapter.offStateChange(onStateChange);
-        };
-    }, [adaptState, adapter, selector, selectorProps, callConfigProps]);
-    return props;
-};
-const memoizeState = memoizeOne__default['default']((userId, deviceManager, calls, latestErrors, displayName) => ({
-    userId,
-    incomingCalls: {},
-    incomingCallsEnded: {},
-    callsEnded: {},
-    deviceManager,
-    callAgent: { displayName },
-    calls,
-    latestErrors
-}));
-const memoizeCalls = memoizeOne__default['default']((call) => (call ? { [call.id]: call } : {}));
-const adaptCompositeState = (compositeState) => {
-    return memoizeState(compositeState.userId, compositeState.devices, memoizeCalls(compositeState.call), 
-    // This is an unsafe type expansion.
-    // compositeState.latestErrors can contain properties that are not valid in CallErrors.
-    //
-    // But there is no way to check for valid property names at runtime:
-    // - The set of valid property names is built from types in the @azure/communication-calling.
-    //   Thus we don't have a literal array of allowed strings at runtime.
-    // - Due to minification / uglification, the property names from the objects at runtime can't be used
-    //   to compare against permissible values inferred from the types.
-    //
-    // This is not a huge problem -- it simply means that our adapted selector will include some extra operations
-    // that are unknown to the UI component and data binding libraries. Generic handling of the errors (e.g.,
-    // just displaying them in some UI surface) will continue to work for these operations. Handling of
-    // specific operations (e.g., acting on errors related to permission issues) will ignore these operations.
-    compositeState.latestErrors, compositeState.displayName);
-};
-
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT license.
-/**
- * Subset of CallCompositePages that represent an end call state.
- * @private
- */
-const END_CALL_PAGES = [
-    'accessDeniedTeamsMeeting',
-    'joinCallFailedDueToNoNetwork',
-    'leftCall',
-    /* @conditional-compile-remove(rooms) */ 'deniedPermissionToRoom',
-    'removedFromCall',
-    /* @conditional-compile-remove(rooms) */ 'roomNotFound',
-    /* @conditional-compile-remove(unsupported-browser) */ 'unsupportedEnvironment'
-];
-
-// Copyright (c) Microsoft Corporation.
-const ACCESS_DENIED_TEAMS_MEETING_SUB_CODE = 5854;
-const REMOTE_PSTN_USER_HUNG_UP = 560000;
-const REMOVED_FROM_CALL_SUB_CODES = [5000, 5300, REMOTE_PSTN_USER_HUNG_UP];
-/* @conditional-compile-remove(rooms) */
-const ROOM_NOT_FOUND_SUB_CODE = 5751;
-/* @conditional-compile-remove(rooms) */
-const DENIED_PERMISSION_TO_ROOM_SUB_CODE = 5828;
-/**
- * @private
- */
-const isCameraOn = (state) => {
-    if (state.call) {
-        const stream = state.call.localVideoStreams.find((stream) => stream.mediaStreamType === 'Video');
-        return !!stream;
-    }
-    else {
-        if (state.devices.selectedCamera) {
-            const previewOn = _isPreviewOn(state.devices);
-            return previewOn;
-        }
-    }
-    return false;
-};
-/**
- * Reduce the set of call controls visible on mobile.
- * For example do not show screenshare button.
- *
- * @private
- */
-const reduceCallControlsForMobile = (callControlOptions) => {
-    if (callControlOptions === false) {
-        return false;
-    }
-    // Ensure call controls a valid object.
-    const reduceCallControlOptions = callControlOptions === true ? {} : callControlOptions || {};
-    // Set to compressed mode when composite is optimized for mobile
-    reduceCallControlOptions.displayType = 'compact';
-    // Do not show screen share button when composite is optimized for mobile unless the developer
-    // has explicitly opted in.
-    if (reduceCallControlOptions.screenShareButton !== true) {
-        reduceCallControlOptions.screenShareButton = false;
-    }
-    return reduceCallControlOptions;
-};
-var CallEndReasons;
-(function (CallEndReasons) {
-    CallEndReasons[CallEndReasons["LEFT_CALL"] = 0] = "LEFT_CALL";
-    CallEndReasons[CallEndReasons["ACCESS_DENIED"] = 1] = "ACCESS_DENIED";
-    CallEndReasons[CallEndReasons["REMOVED_FROM_CALL"] = 2] = "REMOVED_FROM_CALL";
-    CallEndReasons[CallEndReasons["ROOM_NOT_FOUND"] = 3] = "ROOM_NOT_FOUND";
-    CallEndReasons[CallEndReasons["DENIED_PERMISSION_TO_ROOM"] = 4] = "DENIED_PERMISSION_TO_ROOM";
-})(CallEndReasons || (CallEndReasons = {}));
-const getCallEndReason = (call) => {
-    var _a, _b, _c, _d, _e;
-    const remoteParticipantsEndedArray = Array.from(Object.values(call.remoteParticipantsEnded));
-    /**
-     * Handle the special case in a PSTN call where removing the last user kicks the caller out of the call.
-     * The code and subcode is the same as when a user is removed from a teams interop call.
-     * Hence, we look at the last remote participant removed to determine if the last participant removed was a phone number.
-     * If yes, the caller was kicked out of the call, but we need to show them that they left the call.
-     * Note: This check will only work for 1:1 PSTN Calls. The subcode is different for 1:N PSTN calls, and we do not need to handle that case.
-     */
-    if (remoteParticipantsEndedArray.length === 1 &&
-        communicationCommon.isPhoneNumberIdentifier(remoteParticipantsEndedArray[0].identifier) &&
-        ((_a = call.callEndReason) === null || _a === void 0 ? void 0 : _a.subCode) !== REMOTE_PSTN_USER_HUNG_UP) {
-        return CallEndReasons.LEFT_CALL;
-    }
-    if (((_b = call.callEndReason) === null || _b === void 0 ? void 0 : _b.subCode) && call.callEndReason.subCode === ACCESS_DENIED_TEAMS_MEETING_SUB_CODE) {
-        return CallEndReasons.ACCESS_DENIED;
-    }
-    if (((_c = call.callEndReason) === null || _c === void 0 ? void 0 : _c.subCode) && REMOVED_FROM_CALL_SUB_CODES.includes(call.callEndReason.subCode)) {
-        return CallEndReasons.REMOVED_FROM_CALL;
-    }
-    /* @conditional-compile-remove(rooms) */
-    if (((_d = call.callEndReason) === null || _d === void 0 ? void 0 : _d.subCode) && call.callEndReason.subCode === ROOM_NOT_FOUND_SUB_CODE) {
-        return CallEndReasons.ROOM_NOT_FOUND;
-    }
-    /* @conditional-compile-remove(rooms) */
-    if (((_e = call.callEndReason) === null || _e === void 0 ? void 0 : _e.subCode) && call.callEndReason.subCode === DENIED_PERMISSION_TO_ROOM_SUB_CODE) {
-        return CallEndReasons.DENIED_PERMISSION_TO_ROOM;
-    }
-    if (call.callEndReason) {
-        // No error codes match, assume the user simply left the call regularly
-        return CallEndReasons.LEFT_CALL;
-    }
-    throw new Error('No matching call end reason');
+                                /* @conditional-compile-remove(file-sharing) */
+                                onCancelFileUpload: adapter.cancelFileUpload }))),
+                        formFactor !== 'mobile' && React__default['default'].createElement(AttachFileButton, null)))),
+            /* @conditional-compile-remove(chat-composite-participant-pane) */
+            (options === null || options === void 0 ? void 0 : options.participantPane) === true && (React__default['default'].createElement(ChatScreenPeoplePane, { onFetchAvatarPersonaData: onFetchAvatarPersonaData, onFetchParticipantMenuItems: props.onFetchParticipantMenuItems, isMobile: formFactor === 'mobile' })))));
 };
+
+// Copyright (c) Microsoft Corporation.
 /**
- * Get the current call composite page based on the current call composite state
- *
- * @param Call - The current call state
- * @param previousCall - The state of the most recent previous call that has ended.
+ * A customizable UI composite for the chat experience.
  *
- * @remarks - The previousCall state is needed to determine if the call has ended.
- * When the call ends a new call object is created, and so we must lookback at the
- * previous call state to understand how the call has ended. If there is no previous
- * call we know that this is a fresh call and can display the configuration page.
+ * @remarks Chat composite min width and height are respectively 17.5rem and 20rem (280px and 320px, with default rem at 16px)
  *
- * @private
+ * @public
  */
-const getCallCompositePage = (call, previousCall, unsupportedBrowserInfo) => {
-    /* @conditional-compile-remove(unsupported-browser) */
-    if (isUnsupportedEnvironment(unsupportedBrowserInfo.features, unsupportedBrowserInfo.environmentInfo, unsupportedBrowserInfo.unsupportedBrowserVersionOptedIn)) {
-        return 'unsupportedEnvironment';
-    }
-    if (call) {
-        // Must check for ongoing call *before* looking at any previous calls.
-        // If the composite completes one call and joins another, the previous calls
-        // will be populated, but not relevant for determining the page.
-        // `_isInLobbyOrConnecting` needs to be checked first because `_isInCall` also returns true when call is in lobby.
-        if (_isInLobbyOrConnecting(call === null || call === void 0 ? void 0 : call.state)) {
-            return 'lobby';
-            // `LocalHold` needs to be checked before `isInCall` since it is also a state that's considered in call.
-        }
-        else if ((call === null || call === void 0 ? void 0 : call.state) === 'LocalHold') {
-            /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
-            return 'hold';
-        }
-        else if (_isInCall(call === null || call === void 0 ? void 0 : call.state)) {
-            return 'call';
-        }
-        else {
-            // When the call object has been constructed after clicking , but before 'connecting' has been
-            // set on the call object, we continue to show the configuration screen.
-            // The call object does not correctly reflect local device state until `call.state` moves to `connecting`.
-            // Moving to the 'lobby' page too soon leads to components that depend on the `call` object to show incorrect
-            // transitional state.
-            return 'configuration';
-        }
-    }
-    if (previousCall) {
-        const reason = getCallEndReason(previousCall);
-        /* @conditional-compile-remove(rooms) */
-        switch (reason) {
-            case CallEndReasons.ROOM_NOT_FOUND:
-                return 'roomNotFound';
-            case CallEndReasons.DENIED_PERMISSION_TO_ROOM:
-                return 'deniedPermissionToRoom';
-        }
-        switch (reason) {
-            case CallEndReasons.ACCESS_DENIED:
-                return 'accessDeniedTeamsMeeting';
-            case CallEndReasons.REMOVED_FROM_CALL:
-                return 'removedFromCall';
-            case CallEndReasons.LEFT_CALL:
-                if (previousCall.diagnostics.network.latest.noNetwork) {
-                    return 'joinCallFailedDueToNoNetwork';
-                }
-                return 'leftCall';
-        }
-    }
-    // No call state - show starting page (configuration)
-    return 'configuration';
+const ChatComposite = (props) => {
+    const { adapter, options, onFetchAvatarPersonaData, onRenderTypingIndicator, onRenderMessage, onFetchParticipantMenuItems } = props;
+    const formFactor = props['formFactor'] || 'desktop';
+    /**
+     * @TODO Remove this function and pass the props directly when file-sharing is promoted to stable.
+     * @private
+     */
+    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
+    const fileSharingOptions = () => {
+        /* @conditional-compile-remove(file-sharing) */
+        return {
+            fileSharing: options === null || options === void 0 ? void 0 : options.fileSharing
+        };
+    };
+    return (React__default['default'].createElement("div", { className: chatScreenContainerStyle },
+        React__default['default'].createElement(BaseProvider, Object.assign({}, props),
+            React__default['default'].createElement(ChatAdapterProvider, { adapter: adapter },
+                React__default['default'].createElement(ChatScreen, Object.assign({ formFactor: formFactor, options: options, onFetchAvatarPersonaData: onFetchAvatarPersonaData, onRenderTypingIndicator: onRenderTypingIndicator, onRenderMessage: onRenderMessage, onFetchParticipantMenuItems: onFetchParticipantMenuItems }, fileSharingOptions()))))));
 };
-/** @private */
-const IsCallEndedPage = (
+
+// Copyright (c) Microsoft Corporation.
+const CallAdapterContext = React.createContext(undefined);
 /**
- * Explicitly listing the pages of this function intentionally.
- * This protects against adding a new composite page that should be marked as an callEndedPage.
- * EndCallPages are used to trigger onCallEnded events so this could easily be missed.
- * When you add a new composite page this will throw a compiler error. If this new page is an
- * EndCallPage ensure you update the END_CALL_PAGES. Afterwards update the `page` parameter
- * type below to allow your new page, i.e. add `| <your new page>
+ * @private
  */
-page) => END_CALL_PAGES.includes(page);
+const CallAdapterProvider = (props) => {
+    const { adapter } = props;
+    return React__default['default'].createElement(CallAdapterContext.Provider, { value: adapter }, props.children);
+};
 /**
- * Creates a new call control options object and sets the correct values for disabling
- * the buttons provided in the `disabledControls` array.
- * Returns a new object without changing the original object.
- * @param callControlOptions options for the call control component that need to be modified.
- * @param disabledControls An array of controls to disable.
- * @returns a copy of callControlOptions with disabledControls disabled
  * @private
  */
-const disableCallControls = (callControlOptions, disabledControls) => {
-    var _a;
-    if (callControlOptions === false) {
-        return false;
-    }
-    // Ensure we clone the prop if it is an object to ensure we do not mutate the original prop.
-    let newOptions = (_a = (callControlOptions instanceof Object ? Object.assign({}, callControlOptions) : callControlOptions)) !== null && _a !== void 0 ? _a : {};
-    if (newOptions === true || newOptions === undefined) {
-        newOptions = disabledControls.reduce((acc, key) => {
-            acc[key] = { disabled: true };
-            return acc;
-        }, {});
-    }
-    else {
-        disabledControls.forEach((key) => {
-            if (newOptions[key] !== false) {
-                newOptions[key] = { disabled: true };
-            }
-        });
+const useAdapter = () => {
+    const adapter = React.useContext(CallAdapterContext);
+    if (!adapter) {
+        throw 'Cannot find adapter please initialize before usage.';
     }
-    return newOptions;
+    return adapter;
 };
+
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+/** @private */
+const containerDivStyles = { position: 'relative', width: '100%', height: '100%' };
+
+// Copyright (c) Microsoft Corporation.
 /**
- * Check if a disabled object is provided for a button and returns if the button is disabled.
- * A button is only disabled if is explicitly set to disabled.
- *
- * @param option
- * @returns whether a button is disabled
  * @private
  */
-const isDisabled$2 = (option) => {
-    if (option === undefined || typeof option === 'boolean') {
-        return false;
-    }
-    return option.disabled;
+const useAdaptedSelector = (selector, selectorProps) => {
+    return useSelectorWithAdaptation(selector, adaptCompositeState, selectorProps);
 };
-/* @conditional-compile-remove(call-readiness) */
 /**
- *
- * This function uses permission API to determine if device permission state is granted, prompt or denied
- * @returns whether device permission state is granted, prompt or denied
- * If permission API is not supported on this browser, do nothing and log out error
  * @private
  */
-const getDevicePermissionState = (setVideoState, setAudioState) => {
-    navigator.permissions
-        .query({ name: 'camera' })
-        .then((result) => {
-        setVideoState(result.state);
-    })
-        .catch(() => {
-        setVideoState('unsupported');
-    });
-    navigator.permissions
-        .query({ name: 'microphone' })
-        .then((result) => {
-        setAudioState(result.state);
-    })
-        .catch(() => {
-        setAudioState('unsupported');
+const useSelectorWithAdaptation = (selector, adaptState, selectorProps) => {
+    var _a;
+    const adapter = useAdapter();
+    // Keeps track of whether the current component is mounted or not. If it has unmounted, make sure we do not modify the
+    // state or it will cause React warnings in the console. https://skype.visualstudio.com/SPOOL/_workitems/edit/2453212
+    const mounted = React.useRef(false);
+    React.useEffect(() => {
+        mounted.current = true;
+        return () => {
+            mounted.current = false;
+        };
     });
+    const callId = (_a = adapter.getState().call) === null || _a === void 0 ? void 0 : _a.id;
+    const callConfigProps = React.useMemo(() => ({
+        callId
+    }), [callId]);
+    const [props, setProps] = React.useState(selector(adaptState(adapter.getState()), selectorProps !== null && selectorProps !== void 0 ? selectorProps : callConfigProps));
+    const propRef = React.useRef(props);
+    propRef.current = props;
+    React.useEffect(() => {
+        const onStateChange = (state) => {
+            if (!mounted.current) {
+                return;
+            }
+            const newProps = selector(adaptState(state), selectorProps !== null && selectorProps !== void 0 ? selectorProps : callConfigProps);
+            if (propRef.current !== newProps) {
+                setProps(newProps);
+            }
+        };
+        adapter.onStateChange(onStateChange);
+        return () => {
+            adapter.offStateChange(onStateChange);
+        };
+    }, [adaptState, adapter, selector, selectorProps, callConfigProps]);
+    return props;
 };
-/* @conditional-compile-remove(unsupported-browser) */
-const isUnsupportedEnvironment = (features, environmentInfo, unsupportedBrowserVersionOptedIn) => {
-    return !!((features === null || features === void 0 ? void 0 : features.unsupportedEnvironment) &&
-        ((environmentInfo === null || environmentInfo === void 0 ? void 0 : environmentInfo.isSupportedBrowser) === false ||
-            ((environmentInfo === null || environmentInfo === void 0 ? void 0 : environmentInfo.isSupportedBrowserVersion) === false && !unsupportedBrowserVersionOptedIn) ||
-            (environmentInfo === null || environmentInfo === void 0 ? void 0 : environmentInfo.isSupportedPlatform) === false));
+const memoizeState = memoizeOne__default['default']((userId, deviceManager, calls, latestErrors, displayName, alternateCallerId, environmentInfo) => ({
+    userId,
+    incomingCalls: {},
+    incomingCallsEnded: {},
+    callsEnded: {},
+    deviceManager,
+    callAgent: { displayName },
+    calls,
+    latestErrors,
+    /* @conditional-compile-remove(PSTN-calls) */
+    alternateCallerId,
+    /* @conditional-compile-remove(unsupported-browser) */
+    environmentInfo
+}));
+const memoizeCalls = memoizeOne__default['default']((call) => (call ? { [call.id]: call } : {}));
+const adaptCompositeState = (compositeState) => {
+    return memoizeState(compositeState.userId, compositeState.devices, memoizeCalls(compositeState.call), 
+    // This is an unsafe type expansion.
+    // compositeState.latestErrors can contain properties that are not valid in CallErrors.
+    //
+    // But there is no way to check for valid property names at runtime:
+    // - The set of valid property names is built from types in the @azure/communication-calling.
+    //   Thus we don't have a literal array of allowed strings at runtime.
+    // - Due to minification / uglification, the property names from the objects at runtime can't be used
+    //   to compare against permissible values inferred from the types.
+    //
+    // This is not a huge problem -- it simply means that our adapted selector will include some extra operations
+    // that are unknown to the UI component and data binding libraries. Generic handling of the errors (e.g.,
+    // just displaying them in some UI surface) will continue to work for these operations. Handling of
+    // specific operations (e.g., acting on errors related to permission issues) will ignore these operations.
+    compositeState.latestErrors, compositeState.displayName, 
+    /* @conditional-compile-remove(PSTN-calls) */
+    compositeState.alternateCallerId, 
+    /* @conditional-compile-remove(unsupported-browser) */
+    compositeState.environmentInfo);
 };
 
 // Copyright (c) Microsoft Corporation.
@@ -17682,7 +17761,21 @@ function PeoplePaneAddPersonIconTrampoline() {
 const AddPeopleButton = (props) => {
     const { inviteLink, mobileView, strings, participantList } = props;
     const theme = react.useTheme();
+    const [copyInviteLinkAnnouncerStrings, setCopyInviteLinkAnnouncerStrings] = React.useState('');
     React.useMemo(() => react.concatStyleSets(copyLinkButtonStyles, themedCopyLinkButtonStyles$1(mobileView, theme)), [mobileView, theme]);
+    /**
+     * sets the announcement string for when the link is copied.
+     */
+    React.useCallback(() => {
+        setCopyInviteLinkAnnouncerStrings(strings.copyInviteLinkActionedAriaLabel);
+        /**
+         * Clears the announcer string after the user clicks the
+         * copyInviteLink button allowing it to be re-announced.
+         */
+        setTimeout(() => {
+            setCopyInviteLinkAnnouncerStrings('');
+        }, 3000);
+    }, [strings.copyInviteLinkActionedAriaLabel]);
     /* @conditional-compile-remove(PSTN-calls) */
     if (mobileView) {
         return (React__default['default'].createElement(AddPeopleDropdown, { strings: strings, mobileView: mobileView, inviteLink: inviteLink, onAddParticipant: props.onAddParticipant, alternateCallerId: props.alternateCallerId }));
@@ -18085,7 +18178,7 @@ const CallArrangement = (props) => {
     /* @conditional-compile-remove(rooms) */
     // TODO: move this logic to the error bar selector once role is plumbed from the headless SDK
     if (!rolePermissions.cameraButton && props.errorBarProps) {
-        errorBarProps = Object.assign(Object.assign({}, props.errorBarProps), { activeErrorMessages: props.errorBarProps.activeErrorMessages.filter((e) => e.type !== 'callCameraAccessDenied') });
+        errorBarProps = Object.assign(Object.assign({}, props.errorBarProps), { activeErrorMessages: props.errorBarProps.activeErrorMessages.filter((e) => e.type !== 'callCameraAccessDenied' && e.type !== 'callCameraAccessDeniedSafari') });
     }
     return (React__default['default'].createElement("div", { ref: containerRef, className: react.mergeStyles(containerDivStyles) },
         React__default['default'].createElement(react.Stack, { verticalFill: true, horizontalAlign: "stretch", className: containerClassName, "data-ui-id": props.dataUiId },
@@ -19063,18 +19156,26 @@ const DRAWER_HIGH_Z_BAND = 99; // setting z index to  99 so that it sit above al
  * @private
  */
 const CallReadinessModal = (props) => {
-    const { mobileView, audioState, videoState, permissionsState, isPermissionsModalDismissed, setIsPermissionsModalDismissed, onPermissionsTroubleshootingClick } = props;
+    const { mobileView, permissionsState, 
+    /* @conditional-compile-remove(unsupported-browser) */ environmentInfo, isPermissionsModalDismissed, setIsPermissionsModalDismissed, onPermissionsTroubleshootingClick } = props;
     const onLightDismissTriggered = () => {
         // do nothing here
         // only way to dismiss this drawer is clicking on allow access which will leads to device permission prompt
     };
+    // On Safari browser with 2 options: don't allow/never for this website again, when don't allow is clicked, permissionAPI returns prompt and PermissionGranted from calling sdk returns false (the right value)
+    const videoState = permissionsState.camera;
+    const audioState = permissionsState.microphone;
     const showModal = videoState === 'denied' || videoState === 'prompt' || audioState === 'denied' || audioState === 'prompt';
+    /* @conditional-compile-remove(unsupported-browser) */
+    const isSafari = _isSafari(environmentInfo);
     const modal = !showModal
         ? undefined
         : () => {
             // if both video and audio permission are not set
             if (videoState === 'prompt' && audioState === 'prompt') {
-                return (React__default['default'].createElement(CameraAndMicrophoneDomainPermissions, { appName: 'app', onTroubleshootingClick: onPermissionsTroubleshootingClick
+                return (React__default['default'].createElement(CameraAndMicrophoneDomainPermissions, { appName: 'app', 
+                    /* @conditional-compile-remove(unsupported-browser) */
+                    browserHint: isSafari ? 'safari' : 'unset', onTroubleshootingClick: onPermissionsTroubleshootingClick
                         ? () => {
                             onPermissionsTroubleshootingClick(permissionsState);
                         }
@@ -19082,7 +19183,9 @@ const CallReadinessModal = (props) => {
             }
             // if audio permission is set up but video is not
             else if (videoState === 'prompt') {
-                return (React__default['default'].createElement(CameraDomainPermissions, { appName: 'app', onTroubleshootingClick: onPermissionsTroubleshootingClick
+                return (React__default['default'].createElement(CameraDomainPermissions, { appName: 'app', 
+                    /* @conditional-compile-remove(unsupported-browser) */
+                    browserHint: isSafari ? 'safari' : 'unset', onTroubleshootingClick: onPermissionsTroubleshootingClick
                         ? () => {
                             onPermissionsTroubleshootingClick(permissionsState);
                         }
@@ -19092,7 +19195,9 @@ const CallReadinessModal = (props) => {
             }
             // if video permission is set up but audio is not
             else if (audioState === 'prompt') {
-                return (React__default['default'].createElement(MicrophoneDomainPermissions, { appName: 'app', onTroubleshootingClick: onPermissionsTroubleshootingClick
+                return (React__default['default'].createElement(MicrophoneDomainPermissions, { appName: 'app', 
+                    /* @conditional-compile-remove(unsupported-browser) */
+                    browserHint: isSafari ? 'safari' : 'unset', onTroubleshootingClick: onPermissionsTroubleshootingClick
                         ? () => {
                             onPermissionsTroubleshootingClick(permissionsState);
                         }
@@ -19100,7 +19205,9 @@ const CallReadinessModal = (props) => {
             }
             // if both video and audio are denied
             else if (videoState === 'denied' && audioState === 'denied') {
-                return (React__default['default'].createElement(CameraAndMicrophoneDomainPermissions, { appName: 'app', onTroubleshootingClick: onPermissionsTroubleshootingClick
+                return (React__default['default'].createElement(CameraAndMicrophoneDomainPermissions, { appName: 'app', 
+                    /* @conditional-compile-remove(unsupported-browser) */
+                    browserHint: isSafari ? 'safari' : 'unset', onTroubleshootingClick: onPermissionsTroubleshootingClick
                         ? () => {
                             onPermissionsTroubleshootingClick(permissionsState);
                         }
@@ -19108,7 +19215,9 @@ const CallReadinessModal = (props) => {
             }
             // if only video is denied
             else if (videoState === 'denied') {
-                return (React__default['default'].createElement(CameraDomainPermissions, { appName: 'app', onTroubleshootingClick: onPermissionsTroubleshootingClick
+                return (React__default['default'].createElement(CameraDomainPermissions, { appName: 'app', 
+                    /* @conditional-compile-remove(unsupported-browser) */
+                    browserHint: isSafari ? 'safari' : 'unset', onTroubleshootingClick: onPermissionsTroubleshootingClick
                         ? () => {
                             onPermissionsTroubleshootingClick(permissionsState);
                         }
@@ -19118,7 +19227,9 @@ const CallReadinessModal = (props) => {
             }
             // if only audio is denied
             else {
-                return (React__default['default'].createElement(MicrophoneDomainPermissions, { appName: 'app', onTroubleshootingClick: onPermissionsTroubleshootingClick
+                return (React__default['default'].createElement(MicrophoneDomainPermissions, { appName: 'app', 
+                    /* @conditional-compile-remove(unsupported-browser) */
+                    browserHint: isSafari ? 'safari' : 'unset', onTroubleshootingClick: onPermissionsTroubleshootingClick
                         ? () => {
                             onPermissionsTroubleshootingClick(permissionsState);
                         }
@@ -19144,26 +19255,35 @@ const CallReadinessModal = (props) => {
  * @private
  */
 const CallReadinessModalFallBack = (props) => {
-    const { mobileView, cameraPermissionGranted, microphonePermissionGranted, checkPermissionModalShowing, permissionsState, isPermissionsModalDismissed, setIsPermissionsModalDismissed, onPermissionsTroubleshootingClick } = props;
+    const { mobileView, checkPermissionModalShowing, permissionsState, 
+    /* @conditional-compile-remove(unsupported-browser) */ environmentInfo, isPermissionsModalDismissed, setIsPermissionsModalDismissed, onPermissionsTroubleshootingClick } = props;
     const onLightDismissTriggered = () => {
         // do nothing here
         // only way to dismiss this drawer is clicking on allow access which will leads to device permission prompt
     };
-    // When permissions are not set, value is undefined, do nothing here
-    // When permissions are set to denied, value is false, show helper screen
-    const showModal = cameraPermissionGranted === false || microphonePermissionGranted === false;
+    const videoState = permissionsState.camera;
+    const audioState = permissionsState.microphone;
+    // When permissions are not set, do nothing here
+    // When permissions are set to denied, show helper screen
+    const showModal = videoState === 'denied' || audioState === 'denied';
+    /* @conditional-compile-remove(unsupported-browser) */
+    const isSafari = _isSafari(environmentInfo);
     const modal = !showModal
         ? undefined
         : () => {
-            if (cameraPermissionGranted === false && microphonePermissionGranted === false) {
-                return (React__default['default'].createElement(CameraAndMicrophoneDomainPermissions, { appName: 'app', onTroubleshootingClick: onPermissionsTroubleshootingClick
+            if (videoState === 'denied' && audioState === 'denied') {
+                return (React__default['default'].createElement(CameraAndMicrophoneDomainPermissions, { appName: 'app', 
+                    /* @conditional-compile-remove(unsupported-browser) */
+                    browserHint: isSafari ? 'safari' : 'unset', onTroubleshootingClick: onPermissionsTroubleshootingClick
                         ? () => {
                             onPermissionsTroubleshootingClick(permissionsState);
                         }
                         : undefined, type: "denied" }));
             }
-            else if (cameraPermissionGranted === false && microphonePermissionGranted) {
-                return (React__default['default'].createElement(CameraDomainPermissions, { appName: 'app', onTroubleshootingClick: onPermissionsTroubleshootingClick
+            else if (videoState === 'denied' && audioState === 'granted') {
+                return (React__default['default'].createElement(CameraDomainPermissions, { appName: 'app', 
+                    /* @conditional-compile-remove(unsupported-browser) */
+                    browserHint: isSafari ? 'safari' : 'unset', onTroubleshootingClick: onPermissionsTroubleshootingClick
                         ? () => {
                             onPermissionsTroubleshootingClick(permissionsState);
                         }
@@ -19172,7 +19292,9 @@ const CallReadinessModalFallBack = (props) => {
                     }, type: "denied" }));
             }
             else {
-                return (React__default['default'].createElement(MicrophoneDomainPermissions, { appName: 'app', onTroubleshootingClick: onPermissionsTroubleshootingClick
+                return (React__default['default'].createElement(MicrophoneDomainPermissions, { appName: 'app', 
+                    /* @conditional-compile-remove(unsupported-browser) */
+                    browserHint: isSafari ? 'safari' : 'unset', onTroubleshootingClick: onPermissionsTroubleshootingClick
                         ? () => {
                             onPermissionsTroubleshootingClick(permissionsState);
                         }
@@ -19181,10 +19303,10 @@ const CallReadinessModalFallBack = (props) => {
         };
     if (mobileView) {
         return (React__default['default'].createElement(React__default['default'].Fragment, null,
-            (checkPermissionModalShowing ||
-                microphonePermissionGranted === undefined ||
-                cameraPermissionGranted === undefined) && (React__default['default'].createElement(_DrawerSurface, { onLightDismiss: onLightDismissTriggered, styles: drawerContainerStyles(DRAWER_HIGH_Z_BAND) },
-                React__default['default'].createElement(CameraAndMicrophoneDomainPermissions, { appName: 'app', onTroubleshootingClick: onPermissionsTroubleshootingClick
+            (checkPermissionModalShowing || audioState === 'prompt' || videoState === 'prompt') && (React__default['default'].createElement(_DrawerSurface, { onLightDismiss: onLightDismissTriggered, styles: drawerContainerStyles(DRAWER_HIGH_Z_BAND) },
+                React__default['default'].createElement(CameraAndMicrophoneDomainPermissions, { appName: 'app', 
+                    /* @conditional-compile-remove(unsupported-browser) */
+                    browserHint: isSafari ? 'safari' : 'unset', onTroubleshootingClick: onPermissionsTroubleshootingClick
                         ? () => {
                             onPermissionsTroubleshootingClick(permissionsState);
                         }
@@ -19193,12 +19315,12 @@ const CallReadinessModalFallBack = (props) => {
     }
     else {
         return (React__default['default'].createElement(React__default['default'].Fragment, null,
-            (checkPermissionModalShowing ||
-                microphonePermissionGranted === undefined ||
-                cameraPermissionGranted === undefined) && (React__default['default'].createElement(react.Modal, { isOpen: isPermissionsModalDismissed, isBlocking: false, onDismiss: () => {
+            (checkPermissionModalShowing || audioState === 'prompt' || videoState === 'prompt') && (React__default['default'].createElement(react.Modal, { isOpen: isPermissionsModalDismissed, isBlocking: false, onDismiss: () => {
                     setIsPermissionsModalDismissed(false);
                 }, overlay: { styles: { root: { background: 'rgba(0,0,0,0.9)' } } } },
-                React__default['default'].createElement(CameraAndMicrophoneDomainPermissions, { appName: 'app', onTroubleshootingClick: onPermissionsTroubleshootingClick
+                React__default['default'].createElement(CameraAndMicrophoneDomainPermissions, { appName: 'app', 
+                    /* @conditional-compile-remove(unsupported-browser) */
+                    browserHint: isSafari ? 'safari' : 'unset', onTroubleshootingClick: onPermissionsTroubleshootingClick
                         ? () => {
                             onPermissionsTroubleshootingClick(permissionsState);
                         }
@@ -19233,13 +19355,15 @@ const ConfigurationPage = (props) => {
     let errorBarProps = usePropsFor$1(ErrorBar);
     const adapter = useAdapter();
     const deviceState = adapter.getState().devices;
+    /* @conditional-compile-remove(unsupported-browser) */
+    const environmentInfo = adapter.getState().environmentInfo;
     let disableStartCallButton = !microphonePermissionGranted || ((_a = deviceState.microphones) === null || _a === void 0 ? void 0 : _a.length) === 0;
     /* @conditional-compile-remove(rooms) */
     const rolePermissions = _usePermissions();
     /* @conditional-compile-remove(rooms) */
     // TODO: move this logic to the error bar selector once role is plumbed from the headless SDK
     if (!rolePermissions.cameraButton) {
-        errorBarProps = Object.assign(Object.assign({}, errorBarProps), { activeErrorMessages: errorBarProps.activeErrorMessages.filter((e) => e.type !== 'callCameraAccessDenied') });
+        errorBarProps = Object.assign(Object.assign({}, errorBarProps), { activeErrorMessages: errorBarProps.activeErrorMessages.filter((e) => e.type !== 'callCameraAccessDenied' && e.type !== 'callCameraAccessDeniedSafari') });
     }
     /* @conditional-compile-remove(rooms) */
     if (!rolePermissions.microphoneButton) {
@@ -19267,8 +19391,24 @@ const ConfigurationPage = (props) => {
     /* @conditional-compile-remove(call-readiness) */
     const permissionsState = {
         // fall back to using cameraPermissionGranted and microphonePermissionGranted if permission API is not supported
-        camera: videoState && videoState !== 'unsupported' ? videoState : cameraPermissionGranted ? 'granted' : 'denied',
-        microphone: audioState && audioState !== 'unsupported' ? audioState : microphonePermissionGranted ? 'granted' : 'denied'
+        camera: videoState && videoState !== 'unsupported'
+            ? cameraPermissionGranted !== false
+                ? videoState
+                : 'denied'
+            : cameraPermissionGranted !== false
+                ? cameraPermissionGranted
+                    ? 'granted'
+                    : 'prompt'
+                : 'denied',
+        microphone: audioState && audioState !== 'unsupported'
+            ? microphonePermissionGranted !== false
+                ? audioState
+                : 'denied'
+            : microphonePermissionGranted !== false
+                ? microphonePermissionGranted
+                    ? 'granted'
+                    : 'prompt'
+                : 'denied'
     };
     /* @conditional-compile-remove(call-readiness) */
     const networkErrors = errorBarProps.activeErrorMessages.filter((message) => message.type === 'callNetworkQualityLow');
@@ -19307,13 +19447,17 @@ const ConfigurationPage = (props) => {
             videoState &&
             videoState !== 'unsupported' &&
             audioState &&
-            audioState !== 'unsupported' && (React__default['default'].createElement(CallReadinessModal, { mobileView: mobileView, audioState: audioState, videoState: videoState, permissionsState: permissionsState, isPermissionsModalDismissed: isPermissionsModalDismissed, setIsPermissionsModalDismissed: setIsPermissionsModalDismissed, onPermissionsTroubleshootingClick: onPermissionsTroubleshootingClick })),
+            audioState !== 'unsupported' && (React__default['default'].createElement(CallReadinessModal, { mobileView: mobileView, 
+            /* @conditional-compile-remove(unsupported-browser) */
+            environmentInfo: environmentInfo, permissionsState: permissionsState, isPermissionsModalDismissed: isPermissionsModalDismissed, setIsPermissionsModalDismissed: setIsPermissionsModalDismissed, onPermissionsTroubleshootingClick: onPermissionsTroubleshootingClick })),
         /* @conditional-compile-remove(call-readiness) */
         // show the following screen if permission API is not availible (unsupported) and videoState, audioState is assigned values
         callReadinessOptedIn &&
             videoState &&
             audioState &&
-            (videoState === 'unsupported' || audioState === 'unsupported') && (React__default['default'].createElement(CallReadinessModalFallBack, { mobileView: mobileView, cameraPermissionGranted: cameraPermissionGranted, microphonePermissionGranted: microphonePermissionGranted, checkPermissionModalShowing: forceShowingCheckPermissions, permissionsState: permissionsState, isPermissionsModalDismissed: isPermissionsModalDismissed, setIsPermissionsModalDismissed: setIsPermissionsModalDismissed, onPermissionsTroubleshootingClick: onPermissionsTroubleshootingClick })),
+            (videoState === 'unsupported' || audioState === 'unsupported') && (React__default['default'].createElement(CallReadinessModalFallBack, { mobileView: mobileView, checkPermissionModalShowing: forceShowingCheckPermissions, permissionsState: permissionsState, isPermissionsModalDismissed: isPermissionsModalDismissed, 
+            /* @conditional-compile-remove(unsupported-browser) */
+            environmentInfo: environmentInfo, setIsPermissionsModalDismissed: setIsPermissionsModalDismissed, onPermissionsTroubleshootingClick: onPermissionsTroubleshootingClick })),
         React__default['default'].createElement(react.Stack, { grow: true, horizontal: !mobileWithPreview, horizontalAlign: mobileWithPreview ? 'stretch' : 'center', verticalAlign: "center", tokens: mobileWithPreview ? configurationStackTokensMobile : configurationStackTokensDesktop },
             mobileWithPreview && (React__default['default'].createElement(react.Stack.Item, null,
                 title,
@@ -20603,6 +20747,9 @@ class AzureCommunicationCallAdapter {
 const createAzureCommunicationCallAdapter = ({ userId, displayName, credential, locator, 
 /* @conditional-compile-remove(PSTN-calls) */ alternateCallerId, 
 /* @conditional-compile-remove(rooms) */ options }) => __awaiter$4(void 0, void 0, void 0, function* () {
+    if (!isValidIdentifier(userId)) {
+        throw new Error('Invalid identifier. Please provide valid identifier object.');
+    }
     const callClient = createStatefulCallClient({
         userId,
         /* @conditional-compile-remove(PSTN-calls) */ alternateCallerId