@azure/communication-react 1.14.1-alpha-202403270012 → 1.14.1-alpha-202403290012

package/dist/dist-cjs/communication-react/{index-BEomNZbT.js → index-qxnuqL7s.js}

@@ -18,6 +18,9 @@ var react$1 = require('@griffel/react');
 var roosterjsEditorPlugins = require('roosterjs-editor-plugins');
 var roosterjsEditorCore = require('roosterjs-editor-core');
 var roosterjsReact = require('roosterjs-react');
+var roosterjsEditorDom = require('roosterjs-editor-dom');
+var roosterjsEditorTypesCompatible = require('roosterjs-editor-types-compatible');
+var roosterjsEditorApi = require('roosterjs-editor-api');
 var reactChat = require('@fluentui-contrib/react-chat');
 var uuid = require('uuid');
 var parse = require('html-react-parser');
@@ -173,7 +176,7 @@ function getDefaultExportFromCjs (x) {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 // GENERATED FILE. DO NOT EDIT MANUALLY.
-var telemetryVersion = '1.14.1-alpha-202403270012';
+var telemetryVersion = '1.14.1-alpha-202403290012';
 
 
 var telemetryVersion$1 = /*@__PURE__*/getDefaultExportFromCjs(telemetryVersion);
@@ -1841,7 +1844,9 @@ function convertSdkCallToDeclarativeCall(call) {
         },
         /* @conditional-compile-remove(hide-attendee-name) */
         // TODO: Replace this once the SDK supports hide attendee name
-        hideAttendeeNames: false
+        hideAttendeeNames: false,
+        /* @conditional-compile-remove(meeting-id) */
+        info: _isACSCall(call) ? call.info : _isTeamsCall(call) ? call.info : undefined
     };
 }
 /**
@@ -2024,6 +2029,8 @@ let CallContext$2 = class CallContext {
                 existingCall.captionsFeature.currentSpokenLanguage = call.captionsFeature.currentSpokenLanguage;
                 /* @conditional-compile-remove(close-captions) */
                 existingCall.captionsFeature.currentCaptionLanguage = call.captionsFeature.currentCaptionLanguage;
+                /* @conditional-compile-remove(meeting-id) */
+                existingCall.info = call.info;
             }
             else {
                 draft.calls[latestCallId] = call;
@@ -5624,7 +5631,7 @@ const typingIndicatorStringStyle = react.mergeStyles({
     wordBreak: 'break-word'
 });
 
-var participantItem$k={isMeText:"(you)",menuTitle:"More Options",removeButtonLabel:"Remove",sharingIconLabel:"Sharing",mutedIconLabel:"Muted",displayNamePlaceholder:"Unnamed participant",participantStateRinging:"Calling...",participantStateHold:"On hold",attendeeRole:"Attendee"};var ParticipantList$l={overflowParticipantCount:"+{overflowCount} more"};var typingIndicator$k={singleUser:"{user} is typing ...",multipleUsers:"{users} are typing ...",multipleUsersAbbreviateOne:"{users} and 1 other are typing ...",multipleUsersAbbreviateMany:"{users} and {numOthers} others are typing ...",delimiter:", "};var sendBox$k={placeholderText:"Enter a message",textTooLong:"Your message length is over the maximum limit.",sendButtonAriaLabel:"Send message",attachmentUploadsPendingError:"Uploading... Please wait.",removeAttachment:"Remove file",uploading:"Uploading",uploadCompleted:"Upload completed"};var richTextSendBox$k={placeholderText:"Enter a message",textTooLong:"Your message length is over the maximum limit.",sendButtonAriaLabel:"Send message",attachmentUploadsPendingError:"Uploading... Please wait.",removeAttachment:"Remove file",uploading:"Uploading",uploadCompleted:"Upload completed",boldTooltip:"Bold",italicTooltip:"Italic",underlineTooltip:"Underline",bulletListTooltip:"Bulleted list",numberListTooltip:"Numbered list",increaseIndentTooltip:"Increase indent",decreaseIndentTooltip:"Decrease indent",richTextFormatButtonTooltip:"Format"};var mentionPopover$k={mentionPopoverHeader:"Suggestions"};var imageOverlay$k={downloadButtonLabel:"Download",dismissButtonAriaLabel:"Close"};var messageStatusIndicator$k={deliveredAriaLabel:"Message sent",deliveredTooltipText:"Sent",seenAriaLabel:"Message seen by others",seenTooltipText:"Seen",readByTooltipText:"Read by {messageThreadReadCount} of {remoteParticipantsCount}",sendingAriaLabel:"Message sending",sendingTooltipText:"Sending",failedToSendAriaLabel:"Message failed to send",failedToSendTooltipText:"Failed to send"};var endCallButton$k={label:"Leave",tooltipContent:"Leave call"};var cameraButton$k={onLabel:"Camera",offLabel:"Camera",tooltipDisabledContent:"Camera is disabled",tooltipOnContent:"Turn off camera",tooltipOffContent:"Turn on camera",tooltipVideoLoadingContent:"Video is loading",cameraMenuTitle:"Camera",cameraMenuTooltip:"Choose camera",cameraButtonSplitRoleDescription:"Split button",onSplitButtonAriaLabel:"Turn off camera and camera options",offSplitButtonAriaLabel:"Turn on camera and camera options",cameraActionTurnedOnAnnouncement:"Your camera has been turned on",cameraActionTurnedOffAnnouncement:"Your camera has been turned off",onSplitButtonPrimaryActionCamera:"Turn off camera",offSplitButtonPrimaryActionCamera:"Turn on camera",cameraPrimaryActionSplitButtonTitle:"Use camera",videoEffectsMenuItemTitle:"Effects"};var microphoneButton$k={onLabel:"Mic",offLabel:"Mic",tooltipDisabledContent:"Microphone is disabled",tooltipOnContent:"Mute microphone",tooltipOffContent:"Unmute microphone",microphoneMenuTitle:"Microphone",microphoneMenuTooltip:"Choose microphone",speakerMenuTitle:"Speaker",speakerMenuTooltip:"Choose speaker",microphoneButtonSplitRoleDescription:"Split button",onSplitButtonAriaLabel:"Mute microphone and audio options",offSplitButtonAriaLabel:"Unmute microphone and audio options",microphoneActionTurnedOnAnnouncement:"Your microphone has been turned on",microphoneActionTurnedOffAnnouncement:"Your microphone has been turned off",offSplitButtonMicrophonePrimaryAction:"Unmute microphone",onSplitButtonMicrophonePrimaryAction:"Mute microphone",microphonePrimaryActionSplitButtonTitle:"Use microphone"};var devicesButton$k={label:"Devices",tooltipContent:"Manage devices",cameraMenuTitle:"Camera",cameraMenuTooltip:"Choose camera",audioDeviceMenuTitle:"Audio Device",audioDeviceMenuTooltip:"Choose audio device",microphoneMenuTitle:"Microphone",microphoneMenuTooltip:"Choose microphone",speakerMenuTitle:"Speaker",speakerMenuTooltip:"Choose speaker"};var participantsButton$k={label:"People",tooltipContent:"Show participants",menuHeader:"In this call",participantsListButtonLabel:"{numParticipants} people",muteAllButtonLabel:"Mute all",copyInviteLinkButtonLabel:"Copy invite link",copyInviteLinkActionedAriaLabel:"Invite link copied"};var screenShareButton$k={onLabel:"Stop presenting",offLabel:"Present",tooltipDisabledContent:"Presenting is disabled",tooltipOnContent:"Presenting your screen",tooltipOffContent:"Present your screen"};var raiseHandButton$k={offLabel:"Raise",onLabel:"Lower",tooltipDisabledContent:"Raise Hand action is disabled",tooltipOnContent:"Lower Hand",tooltipOffContent:"Raise Hand"};var reactionButton$k={label:"React",ariaLabel:"React Button, Send a reaction",tooltipDisabledContent:"Reaction action is disabled",tooltipContent:"Send a reaction",likeReactionTooltipContent:"Like",heartReactionTooltipContent:"Love",laughReactionTooltipContent:"Laugh",applauseReactionTooltipContent:"Applause",surprisedReactionTooltipContent:"Surprised"};var messageThread$k={yesterday:"Yesterday",sunday:"Sunday",monday:"Monday",tuesday:"Tuesday",wednesday:"Wednesday",thursday:"Thursday",friday:"Friday",saturday:"Saturday",participantJoined:"joined the chat.",participantLeft:"left the chat.",editMessage:"Edit",removeMessage:"Delete",resendMessage:"Try sending again",failToSendTag:"Failed to send",editedTag:"Edited",liveAuthorIntro:"{author} says",messageContentAriaText:"{author} said {message}",messageContentMineAriaText:"You said {message}",editBoxTextLimit:"Your message is over the limit of {limitNumber} characters",editBoxPlaceholderText:"Edit your message",newMessagesIndicator:"New messages",noDisplayNameSub:"No name",editBoxCancelButton:"Cancel",editBoxSubmitButton:"Done",messageReadCount:"Read by {messageReadByCount} of {remoteParticipantsCount}",actionMenuMoreOptions:"More Options",downloadAttachment:"Download file",blockedWarningText:"This message was deleted due to organizational policy.",blockedWarningLinkText:"Details",attachmentCardGroupMessage:"The message has {attachmentCount} attachment",messageDeletedAnnouncementAriaLabel:"The message is deleted"};var errorBar$k={unableToReachChatService:"You are offline",accessDenied:"Unable to access chat services - please check the user credentials provided",userNotInChatThread:"You are no longer in this chat thread",sendMessageNotInChatThread:"Failed to send message because you are no longer in this chat thread",sendMessageGeneric:"Failed to send message",callingNetworkFailure:"Troubling connecting call - you seem to be offline",startVideoGeneric:"Failed to start video",stopVideoGeneric:"Failed to stop video",muteGeneric:"Failed to mute microphone",unmuteGeneric:"Failed to unmute microphone",speakingWhileMuted:"Your microphone is muted",startScreenShareGeneric:"There was an issue starting screen share.",stopScreenShareGeneric:"Failed to stop screen sharing",callNetworkQualityLow:"Network quality is low.",callNoSpeakerFound:"No speakers or headphones found. Connect an audio device to hear the call.",callNoMicrophoneFound:"No microphones found. Connect an audio input device.",callMicrophoneAccessDenied:"Unable to access microphone. Click the lock in the address bar to grant permission to this webpage.",callMicrophoneAccessDeniedSafari:"Unable to access microphone. Refresh the page to allow permissions, or check this browser’s settings and verify permissions are enabled for this website.",callMicrophoneMutedBySystem:"You are muted by your system.",callMicrophoneUnmutedBySystem:"Your microphone recovered and you were unmuted by your system.",callMacOsMicrophoneAccessDenied:"Unable to access microphone. Grant microphone permission in your macOS privacy settings.",callLocalVideoFreeze:"Network bandwidth is poor. Your video may appear paused for others on the call.",callCameraAccessDenied:"Unable to access camera. Click the lock in the address bar to grant permission to this webpage.",callCameraAccessDeniedSafari:"Unable to access camera. Refresh the page to allow permissions, or check this browser’s settings and verify permissions are enabled for this website.",callCameraAlreadyInUse:"Unable to access camera. It may already be in use by another application.",callVideoStoppedBySystem:"Your video has been stopped by your system.",callVideoRecoveredBySystem:"Your video has resumed.",callMacOsCameraAccessDenied:"MacOS is blocking access to your camera. Update your privacy settings to allow this browser to access your camera.",callMacOsScreenShareAccessDenied:"MacOS is blocking screen sharing. Update your privacy settings to allow this browser to record your screen.",dismissButtonAriaLabel:"Close",failedToJoinCallGeneric:"Failed to join call.",failedToJoinCallInvalidMeetingLink:"Unable to join Meeting. Invalid Link.",cameraFrozenForRemoteParticipants:"Users in the call are having issues seeing your video. Please check your devices and network.",unableToStartVideoEffect:"Unable to apply video effect.",startSpotlightWhileMaxParticipantsAreSpotlighted:"Cannot start spotlight on participant(s) because the maximum number of participants are already spotlighted."};var videoGallery$k={screenIsBeingSharedMessage:"You are sharing your screen",screenShareLoadingMessage:"Loading {participant}'s screen",localVideoLabel:"You",localVideoCameraSwitcherLabel:"Switch camera",localVideoMovementLabel:"Movable Local Video Tile",localVideoSelectedDescription:"{cameraName} selected",displayNamePlaceholder:"Unnamed participant",fitRemoteParticipantToFrame:"Fit to frame",fillRemoteParticipantFrame:"Fill frame",pinParticipantForMe:"Pin for me",pinParticipantForMeLimitReached:"Pin (limit reached)",unpinParticipantForMe:"Unpin",pinParticipantMenuItemAriaLabel:"Pin {participantName}",unpinParticipantMenuItemAriaLabel:"Unpin {participantName}",pinnedParticipantAnnouncementAriaLabel:"Pinned {participantName}",unpinnedParticipantAnnouncementAriaLabel:"Unpinned {participantName}",startSpotlightVideoTileMenuLabel:"Spotlight for everyone",addSpotlightVideoTileMenuLabel:"Add spotlight",spotlightLimitReachedMenuTitle:"Spotlight limit reached",stopSpotlightVideoTileMenuLabel:"Stop spotlighting",stopSpotlightOnSelfVideoTileMenuLabel:"Exit spotlight",attendeeRole:"Attendee"};var dialpad$k={placeholderText:"Enter phone number",deleteButtonAriaLabel:"Delete"};var holdButton$k={onLabel:"Resume",offLabel:"Hold",tooltipOnContent:"Resume call",tooltipOffContent:"Hold call"};var videoTile$k={participantStateRinging:"Calling...",participantStateHold:"On hold"};var CameraAndMicrophoneSitePermissionsRequest$k={primaryText:"Allow {appName} to use your camera and microphone",secondaryText:"This is so participants can see and hear you.",linkText:"Need help? Get troubleshooting help",primaryButtonText:"Continue without camera and microphone",ariaLabel:"Allow camera and microphone access"};var CameraSitePermissionsRequest$k={primaryText:"Allow {appName} to use your camera",secondaryText:"This is so participants can see you.",linkText:"Need help? Get troubleshooting help",primaryButtonText:"Continue without camera",ariaLabel:"Allow camera access"};var MicrophoneSitePermissionsRequest$k={primaryText:"Allow {appName} to use your microphone",secondaryText:"This is so participants can hear you.",linkText:"Need help? Get troubleshooting help",primaryButtonText:"Continue without microphone",ariaLabel:"Allow microphone access"};var CameraAndMicrophoneSitePermissionsCheck$k={primaryText:"Checking for camera and microphone access",secondaryText:"Allow access if prompted. This is so participants can see and hear you.",linkText:"Need help? Get troubleshooting help",primaryButtonText:"Continue without camera and microphone",ariaLabel:"Checking for camera and microphone access. Allow access if prompted."};var CameraSitePermissionsCheck$k={primaryText:"Checking for camera access",secondaryText:"Allow access if prompted. This is so participants can see you.",linkText:"Need help? Get troubleshooting help",primaryButtonText:"Continue without camera",ariaLabel:"Checking for camera access. Allow access if prompted."};var MicrophoneSitePermissionsCheck$k={primaryText:"Checking for microphone access",secondaryText:"Allow access if prompted. This is so participants can hear you.",linkText:"Need help? Get troubleshooting help",primaryButtonText:"Continue without microphone",ariaLabel:"Checking for microphone access. Allow access if prompted."};var CameraAndMicrophoneSitePermissionsDenied$k={primaryText:"Unable to access camera and microphone",secondaryText:"Click the lock icon in the address bar to grant microphone permissions to this webpage. A page refresh may be required.",primaryButtonText:"Continue without camera and microphone",linkText:"Need help? Get troubleshooting help"};var CameraAndMicrophoneSitePermissionsDeniedSafari$k={primaryText:"Unable to access camera and microphone",secondaryText:"Refresh the page to allow permissions, or check this browser’s settings and verify permissions are enabled for this website.",primaryButtonText:"Continue without camera and microphone",linkText:"Need help? Get troubleshooting help"};var CameraSitePermissionsDenied$k={primaryText:"Unable to access camera",secondaryText:"Click the lock icon in the address bar to grant camera permissions to this webpage. A page refresh may be required.",primaryButtonText:"Continue without camera",linkText:"Need help? Get troubleshooting help"};var MicrophoneSitePermissionsDenied$k={primaryText:"Unable to access microphone",secondaryText:"Click the lock icon in the address bar to grant microphone permissions to this webpage. A page refresh may be required.",primaryButtonText:"Continue without microphone",linkText:"Need help? Get troubleshooting help"};var CameraSitePermissionsDeniedSafari$k={primaryText:"Unable to access camera",secondaryText:"Refresh the page to allow permissions, or check this browser’s settings and verify permissions are enabled for this website.",primaryButtonText:"Continue without camera",linkText:"Need help? Get troubleshooting help"};var MicrophoneSitePermissionsDeniedSafari$k={primaryText:"Unable to access microphone",secondaryText:"Refresh the page to allow permissions, or check this browser’s settings and verify permissions are enabled for this website.",primaryButtonText:"Continue without microphone",linkText:"Need help? Get troubleshooting help"};var UnsupportedBrowser$l={primaryText:"Browser not supported",secondaryText:"Please join this call using a compatible browser.",moreHelpLinkText:"See compatibility requirements"};var UnsupportedBrowserVersion$l={primaryText:"Browser update needed",secondaryText:"To ensure the best call possible, please update your browser and then try joining the call again.",moreHelpLinkText:"See compatibility requirements",continueAnywayButtonText:"Start call without updating"};var UnsupportedOperatingSystem$l={primaryText:"Operating system not supported",secondaryText:"Please join this call using a device with a compatible operating system.",moreHelpLinkText:"See compatibility requirements"};var BrowserPermissionDenied$k={primaryText:"Can't use your camera or microphone",secondaryText:"Your browser might not have access to your camera or microphone. To fix this, open System Preferences.",primaryButtonText:"Try again",linkText:"Need help? Get troubleshooting help"};var BrowserPermissionDeniedIOS$k={primaryText:"Allow microphone access to continue",secondaryText:"So other participants can hear you.",primaryButtonText:"Try again",imageAltText:"Microphone and camera device permission location for iOS",linkText:"Need help? Get troubleshooting help",step1Text:"Go to the Settings app",step2Text:"Scroll down to settings for this browser",step3Text:"Turn on Microphone (Camera optional)",step4Text:"Try joining the call again",step1DigitText:"1",step2DigitText:"2",step3DigitText:"3",step4DigitText:"4"};var verticalGallery$k={leftNavButtonAriaLabel:"previous page",rightNavButtonAriaLabel:"next page"};var en_US$1 = {participantItem:participantItem$k,ParticipantList:ParticipantList$l,typingIndicator:typingIndicator$k,sendBox:sendBox$k,richTextSendBox:richTextSendBox$k,mentionPopover:mentionPopover$k,imageOverlay:imageOverlay$k,messageStatusIndicator:messageStatusIndicator$k,endCallButton:endCallButton$k,cameraButton:cameraButton$k,microphoneButton:microphoneButton$k,devicesButton:devicesButton$k,participantsButton:participantsButton$k,screenShareButton:screenShareButton$k,raiseHandButton:raiseHandButton$k,reactionButton:reactionButton$k,messageThread:messageThread$k,errorBar:errorBar$k,videoGallery:videoGallery$k,dialpad:dialpad$k,holdButton:holdButton$k,videoTile:videoTile$k,CameraAndMicrophoneSitePermissionsRequest:CameraAndMicrophoneSitePermissionsRequest$k,CameraSitePermissionsRequest:CameraSitePermissionsRequest$k,MicrophoneSitePermissionsRequest:MicrophoneSitePermissionsRequest$k,CameraAndMicrophoneSitePermissionsCheck:CameraAndMicrophoneSitePermissionsCheck$k,CameraSitePermissionsCheck:CameraSitePermissionsCheck$k,MicrophoneSitePermissionsCheck:MicrophoneSitePermissionsCheck$k,CameraAndMicrophoneSitePermissionsDenied:CameraAndMicrophoneSitePermissionsDenied$k,CameraAndMicrophoneSitePermissionsDeniedSafari:CameraAndMicrophoneSitePermissionsDeniedSafari$k,CameraSitePermissionsDenied:CameraSitePermissionsDenied$k,MicrophoneSitePermissionsDenied:MicrophoneSitePermissionsDenied$k,CameraSitePermissionsDeniedSafari:CameraSitePermissionsDeniedSafari$k,MicrophoneSitePermissionsDeniedSafari:MicrophoneSitePermissionsDeniedSafari$k,UnsupportedBrowser:UnsupportedBrowser$l,UnsupportedBrowserVersion:UnsupportedBrowserVersion$l,UnsupportedOperatingSystem:UnsupportedOperatingSystem$l,BrowserPermissionDenied:BrowserPermissionDenied$k,BrowserPermissionDeniedIOS:BrowserPermissionDeniedIOS$k,verticalGallery:verticalGallery$k};
+var participantItem$k={isMeText:"(you)",menuTitle:"More Options",removeButtonLabel:"Remove",sharingIconLabel:"Sharing",mutedIconLabel:"Muted",displayNamePlaceholder:"Unnamed participant",participantStateRinging:"Calling...",participantStateHold:"On hold",attendeeRole:"Attendee"};var ParticipantList$l={overflowParticipantCount:"+{overflowCount} more"};var typingIndicator$k={singleUser:"{user} is typing ...",multipleUsers:"{users} are typing ...",multipleUsersAbbreviateOne:"{users} and 1 other are typing ...",multipleUsersAbbreviateMany:"{users} and {numOthers} others are typing ...",delimiter:", "};var sendBox$k={placeholderText:"Enter a message",textTooLong:"Your message length is over the maximum limit.",sendButtonAriaLabel:"Send message",attachmentUploadsPendingError:"Uploading... Please wait.",removeAttachment:"Remove file",uploading:"Uploading",uploadCompleted:"Upload completed"};var richTextSendBox$k={placeholderText:"Enter a message",textTooLong:"Your message length is over the maximum limit.",sendButtonAriaLabel:"Send message",attachmentUploadsPendingError:"Uploading... Please wait.",removeAttachment:"Remove file",uploading:"Uploading",uploadCompleted:"Upload completed",boldTooltip:"Bold",italicTooltip:"Italic",underlineTooltip:"Underline",bulletListTooltip:"Bulleted list",numberListTooltip:"Numbered list",increaseIndentTooltip:"Increase indent",decreaseIndentTooltip:"Decrease indent",insertTableTooltip:"Insert table",richTextFormatButtonTooltip:"Format",insertRowOrColumnMenu:"Insert",insertTableMenuTitle:"Insert {column} x {row} table",insertRowAboveMenu:"Insert above",insertRowBelowMenu:"Insert below",insertColumnLeftMenu:"Insert left",insertColumnRightMenu:"Insert right",deleteRowOrColumnMenu:"Delete",deleteColumnMenu:"Delete column",deleteRowMenu:"Delete row",deleteTableMenu:"Delete table"};var mentionPopover$k={mentionPopoverHeader:"Suggestions"};var imageOverlay$k={downloadButtonLabel:"Download",dismissButtonAriaLabel:"Close"};var messageStatusIndicator$k={deliveredAriaLabel:"Message sent",deliveredTooltipText:"Sent",seenAriaLabel:"Message seen by others",seenTooltipText:"Seen",readByTooltipText:"Read by {messageThreadReadCount} of {remoteParticipantsCount}",sendingAriaLabel:"Message sending",sendingTooltipText:"Sending",failedToSendAriaLabel:"Message failed to send",failedToSendTooltipText:"Failed to send"};var endCallButton$k={label:"Leave",tooltipContent:"Leave call"};var cameraButton$k={onLabel:"Camera",offLabel:"Camera",tooltipDisabledContent:"Camera is disabled",tooltipOnContent:"Turn off camera",tooltipOffContent:"Turn on camera",tooltipVideoLoadingContent:"Video is loading",cameraMenuTitle:"Camera",cameraMenuTooltip:"Choose camera",cameraButtonSplitRoleDescription:"Split button",onSplitButtonAriaLabel:"Turn off camera and camera options",offSplitButtonAriaLabel:"Turn on camera and camera options",cameraActionTurnedOnAnnouncement:"Your camera has been turned on",cameraActionTurnedOffAnnouncement:"Your camera has been turned off",onSplitButtonPrimaryActionCamera:"Turn off camera",offSplitButtonPrimaryActionCamera:"Turn on camera",cameraPrimaryActionSplitButtonTitle:"Use camera",videoEffectsMenuItemTitle:"Effects"};var microphoneButton$k={onLabel:"Mic",offLabel:"Mic",tooltipDisabledContent:"Microphone is disabled",tooltipOnContent:"Mute microphone",tooltipOffContent:"Unmute microphone",microphoneMenuTitle:"Microphone",microphoneMenuTooltip:"Choose microphone",speakerMenuTitle:"Speaker",speakerMenuTooltip:"Choose speaker",microphoneButtonSplitRoleDescription:"Split button",onSplitButtonAriaLabel:"Mute microphone and audio options",offSplitButtonAriaLabel:"Unmute microphone and audio options",microphoneActionTurnedOnAnnouncement:"Your microphone has been turned on",microphoneActionTurnedOffAnnouncement:"Your microphone has been turned off",offSplitButtonMicrophonePrimaryAction:"Unmute microphone",onSplitButtonMicrophonePrimaryAction:"Mute microphone",microphonePrimaryActionSplitButtonTitle:"Use microphone"};var devicesButton$k={label:"Devices",tooltipContent:"Manage devices",cameraMenuTitle:"Camera",cameraMenuTooltip:"Choose camera",audioDeviceMenuTitle:"Audio Device",audioDeviceMenuTooltip:"Choose audio device",microphoneMenuTitle:"Microphone",microphoneMenuTooltip:"Choose microphone",speakerMenuTitle:"Speaker",speakerMenuTooltip:"Choose speaker"};var participantsButton$k={label:"People",tooltipContent:"Show participants",menuHeader:"In this call",participantsListButtonLabel:"{numParticipants} people",muteAllButtonLabel:"Mute all",copyInviteLinkButtonLabel:"Copy invite link",copyInviteLinkActionedAriaLabel:"Invite link copied"};var screenShareButton$k={onLabel:"Stop presenting",offLabel:"Present",tooltipDisabledContent:"Presenting is disabled",tooltipOnContent:"Presenting your screen",tooltipOffContent:"Present your screen"};var raiseHandButton$k={offLabel:"Raise",onLabel:"Lower",tooltipDisabledContent:"Raise Hand action is disabled",tooltipOnContent:"Lower Hand",tooltipOffContent:"Raise Hand"};var reactionButton$k={label:"React",ariaLabel:"React Button, Send a reaction",tooltipDisabledContent:"Reaction action is disabled",tooltipContent:"Send a reaction",likeReactionTooltipContent:"Like",heartReactionTooltipContent:"Love",laughReactionTooltipContent:"Laugh",applauseReactionTooltipContent:"Applause",surprisedReactionTooltipContent:"Surprised"};var messageThread$k={yesterday:"Yesterday",sunday:"Sunday",monday:"Monday",tuesday:"Tuesday",wednesday:"Wednesday",thursday:"Thursday",friday:"Friday",saturday:"Saturday",participantJoined:"joined the chat.",participantLeft:"left the chat.",editMessage:"Edit",removeMessage:"Delete",resendMessage:"Try sending again",failToSendTag:"Failed to send",editedTag:"Edited",liveAuthorIntro:"{author} says",messageContentAriaText:"{author} said {message}",messageContentMineAriaText:"You said {message}",editBoxTextLimit:"Your message is over the limit of {limitNumber} characters",editBoxPlaceholderText:"Edit your message",newMessagesIndicator:"New messages",noDisplayNameSub:"No name",editBoxCancelButton:"Cancel",editBoxSubmitButton:"Done",messageReadCount:"Read by {messageReadByCount} of {remoteParticipantsCount}",actionMenuMoreOptions:"More Options",downloadAttachment:"Download file",openAttachment:"Open file",blockedWarningText:"This message was deleted due to organizational policy.",blockedWarningLinkText:"Details",attachmentCardGroupMessage:"The message has {attachmentCount} attachment",messageDeletedAnnouncementAriaLabel:"The message is deleted"};var errorBar$k={unableToReachChatService:"You are offline",accessDenied:"Unable to access chat services - please check the user credentials provided",userNotInChatThread:"You are no longer in this chat thread",sendMessageNotInChatThread:"Failed to send message because you are no longer in this chat thread",sendMessageGeneric:"Failed to send message",callingNetworkFailure:"Troubling connecting call - you seem to be offline",startVideoGeneric:"Failed to start video",stopVideoGeneric:"Failed to stop video",muteGeneric:"Failed to mute microphone",unmuteGeneric:"Failed to unmute microphone",speakingWhileMuted:"Your microphone is muted",startScreenShareGeneric:"There was an issue starting screen share.",stopScreenShareGeneric:"Failed to stop screen sharing",callNetworkQualityLow:"Network quality is low.",callNoSpeakerFound:"No speakers or headphones found. Connect an audio device to hear the call.",callNoMicrophoneFound:"No microphones found. Connect an audio input device.",callMicrophoneAccessDenied:"Unable to access microphone. Click the lock in the address bar to grant permission to this webpage.",callMicrophoneAccessDeniedSafari:"Unable to access microphone. Refresh the page to allow permissions, or check this browser’s settings and verify permissions are enabled for this website.",callMicrophoneMutedBySystem:"You are muted by your system.",callMicrophoneUnmutedBySystem:"Your microphone recovered and you were unmuted by your system.",callMacOsMicrophoneAccessDenied:"Unable to access microphone. Grant microphone permission in your macOS privacy settings.",callLocalVideoFreeze:"Network bandwidth is poor. Your video may appear paused for others on the call.",callCameraAccessDenied:"Unable to access camera. Click the lock in the address bar to grant permission to this webpage.",callCameraAccessDeniedSafari:"Unable to access camera. Refresh the page to allow permissions, or check this browser’s settings and verify permissions are enabled for this website.",callCameraAlreadyInUse:"Unable to access camera. It may already be in use by another application.",callVideoStoppedBySystem:"Your video has been stopped by your system.",callVideoRecoveredBySystem:"Your video has resumed.",callMacOsCameraAccessDenied:"MacOS is blocking access to your camera. Update your privacy settings to allow this browser to access your camera.",callMacOsScreenShareAccessDenied:"MacOS is blocking screen sharing. Update your privacy settings to allow this browser to record your screen.",dismissButtonAriaLabel:"Close",failedToJoinCallGeneric:"Failed to join call.",failedToJoinCallInvalidMeetingLink:"Unable to join Meeting. Invalid Link.",cameraFrozenForRemoteParticipants:"Users in the call are having issues seeing your video. Please check your devices and network.",unableToStartVideoEffect:"Unable to apply video effect.",startSpotlightWhileMaxParticipantsAreSpotlighted:"Cannot start spotlight on participant(s) because the maximum number of participants are already spotlighted."};var videoGallery$k={screenIsBeingSharedMessage:"You are sharing your screen",screenShareLoadingMessage:"Loading {participant}'s screen",localVideoLabel:"You",localVideoCameraSwitcherLabel:"Switch camera",localVideoMovementLabel:"Movable Local Video Tile",localVideoSelectedDescription:"{cameraName} selected",displayNamePlaceholder:"Unnamed participant",fitRemoteParticipantToFrame:"Fit to frame",fillRemoteParticipantFrame:"Fill frame",pinParticipantForMe:"Pin for me",pinParticipantForMeLimitReached:"Pin (limit reached)",unpinParticipantForMe:"Unpin",pinParticipantMenuItemAriaLabel:"Pin {participantName}",unpinParticipantMenuItemAriaLabel:"Unpin {participantName}",pinnedParticipantAnnouncementAriaLabel:"Pinned {participantName}",unpinnedParticipantAnnouncementAriaLabel:"Unpinned {participantName}",startSpotlightVideoTileMenuLabel:"Spotlight for everyone",addSpotlightVideoTileMenuLabel:"Add spotlight",spotlightLimitReachedMenuTitle:"Spotlight limit reached",stopSpotlightVideoTileMenuLabel:"Stop spotlighting",stopSpotlightOnSelfVideoTileMenuLabel:"Exit spotlight",attendeeRole:"Attendee"};var dialpad$k={placeholderText:"Enter phone number",deleteButtonAriaLabel:"Delete"};var holdButton$k={onLabel:"Resume",offLabel:"Hold",tooltipOnContent:"Resume call",tooltipOffContent:"Hold call"};var videoTile$k={participantStateRinging:"Calling...",participantStateHold:"On hold"};var CameraAndMicrophoneSitePermissionsRequest$k={primaryText:"Allow {appName} to use your camera and microphone",secondaryText:"This is so participants can see and hear you.",linkText:"Need help? Get troubleshooting help",primaryButtonText:"Continue without camera and microphone",ariaLabel:"Allow camera and microphone access"};var CameraSitePermissionsRequest$k={primaryText:"Allow {appName} to use your camera",secondaryText:"This is so participants can see you.",linkText:"Need help? Get troubleshooting help",primaryButtonText:"Continue without camera",ariaLabel:"Allow camera access"};var MicrophoneSitePermissionsRequest$k={primaryText:"Allow {appName} to use your microphone",secondaryText:"This is so participants can hear you.",linkText:"Need help? Get troubleshooting help",primaryButtonText:"Continue without microphone",ariaLabel:"Allow microphone access"};var CameraAndMicrophoneSitePermissionsCheck$k={primaryText:"Checking for camera and microphone access",secondaryText:"Allow access if prompted. This is so participants can see and hear you.",linkText:"Need help? Get troubleshooting help",primaryButtonText:"Continue without camera and microphone",ariaLabel:"Checking for camera and microphone access. Allow access if prompted."};var CameraSitePermissionsCheck$k={primaryText:"Checking for camera access",secondaryText:"Allow access if prompted. This is so participants can see you.",linkText:"Need help? Get troubleshooting help",primaryButtonText:"Continue without camera",ariaLabel:"Checking for camera access. Allow access if prompted."};var MicrophoneSitePermissionsCheck$k={primaryText:"Checking for microphone access",secondaryText:"Allow access if prompted. This is so participants can hear you.",linkText:"Need help? Get troubleshooting help",primaryButtonText:"Continue without microphone",ariaLabel:"Checking for microphone access. Allow access if prompted."};var CameraAndMicrophoneSitePermissionsDenied$k={primaryText:"Unable to access camera and microphone",secondaryText:"Click the lock icon in the address bar to grant microphone permissions to this webpage. A page refresh may be required.",primaryButtonText:"Continue without camera and microphone",linkText:"Need help? Get troubleshooting help"};var CameraAndMicrophoneSitePermissionsDeniedSafari$k={primaryText:"Unable to access camera and microphone",secondaryText:"Refresh the page to allow permissions, or check this browser’s settings and verify permissions are enabled for this website.",primaryButtonText:"Continue without camera and microphone",linkText:"Need help? Get troubleshooting help"};var CameraSitePermissionsDenied$k={primaryText:"Unable to access camera",secondaryText:"Click the lock icon in the address bar to grant camera permissions to this webpage. A page refresh may be required.",primaryButtonText:"Continue without camera",linkText:"Need help? Get troubleshooting help"};var MicrophoneSitePermissionsDenied$k={primaryText:"Unable to access microphone",secondaryText:"Click the lock icon in the address bar to grant microphone permissions to this webpage. A page refresh may be required.",primaryButtonText:"Continue without microphone",linkText:"Need help? Get troubleshooting help"};var CameraSitePermissionsDeniedSafari$k={primaryText:"Unable to access camera",secondaryText:"Refresh the page to allow permissions, or check this browser’s settings and verify permissions are enabled for this website.",primaryButtonText:"Continue without camera",linkText:"Need help? Get troubleshooting help"};var MicrophoneSitePermissionsDeniedSafari$k={primaryText:"Unable to access microphone",secondaryText:"Refresh the page to allow permissions, or check this browser’s settings and verify permissions are enabled for this website.",primaryButtonText:"Continue without microphone",linkText:"Need help? Get troubleshooting help"};var UnsupportedBrowser$l={primaryText:"Browser not supported",secondaryText:"Please join this call using a compatible browser.",moreHelpLinkText:"See compatibility requirements"};var UnsupportedBrowserVersion$l={primaryText:"Browser update needed",secondaryText:"To ensure the best call possible, please update your browser and then try joining the call again.",moreHelpLinkText:"See compatibility requirements",continueAnywayButtonText:"Start call without updating"};var UnsupportedOperatingSystem$l={primaryText:"Operating system not supported",secondaryText:"Please join this call using a device with a compatible operating system.",moreHelpLinkText:"See compatibility requirements"};var BrowserPermissionDenied$k={primaryText:"Can't use your camera or microphone",secondaryText:"Your browser might not have access to your camera or microphone. To fix this, open System Preferences.",primaryButtonText:"Try again",linkText:"Need help? Get troubleshooting help"};var BrowserPermissionDeniedIOS$k={primaryText:"Allow microphone access to continue",secondaryText:"So other participants can hear you.",primaryButtonText:"Try again",imageAltText:"Microphone and camera device permission location for iOS",linkText:"Need help? Get troubleshooting help",step1Text:"Go to the Settings app",step2Text:"Scroll down to settings for this browser",step3Text:"Turn on Microphone (Camera optional)",step4Text:"Try joining the call again",step1DigitText:"1",step2DigitText:"2",step3DigitText:"3",step4DigitText:"4"};var verticalGallery$k={leftNavButtonAriaLabel:"previous page",rightNavButtonAriaLabel:"next page"};var en_US$1 = {participantItem:participantItem$k,ParticipantList:ParticipantList$l,typingIndicator:typingIndicator$k,sendBox:sendBox$k,richTextSendBox:richTextSendBox$k,mentionPopover:mentionPopover$k,imageOverlay:imageOverlay$k,messageStatusIndicator:messageStatusIndicator$k,endCallButton:endCallButton$k,cameraButton:cameraButton$k,microphoneButton:microphoneButton$k,devicesButton:devicesButton$k,participantsButton:participantsButton$k,screenShareButton:screenShareButton$k,raiseHandButton:raiseHandButton$k,reactionButton:reactionButton$k,messageThread:messageThread$k,errorBar:errorBar$k,videoGallery:videoGallery$k,dialpad:dialpad$k,holdButton:holdButton$k,videoTile:videoTile$k,CameraAndMicrophoneSitePermissionsRequest:CameraAndMicrophoneSitePermissionsRequest$k,CameraSitePermissionsRequest:CameraSitePermissionsRequest$k,MicrophoneSitePermissionsRequest:MicrophoneSitePermissionsRequest$k,CameraAndMicrophoneSitePermissionsCheck:CameraAndMicrophoneSitePermissionsCheck$k,CameraSitePermissionsCheck:CameraSitePermissionsCheck$k,MicrophoneSitePermissionsCheck:MicrophoneSitePermissionsCheck$k,CameraAndMicrophoneSitePermissionsDenied:CameraAndMicrophoneSitePermissionsDenied$k,CameraAndMicrophoneSitePermissionsDeniedSafari:CameraAndMicrophoneSitePermissionsDeniedSafari$k,CameraSitePermissionsDenied:CameraSitePermissionsDenied$k,MicrophoneSitePermissionsDenied:MicrophoneSitePermissionsDenied$k,CameraSitePermissionsDeniedSafari:CameraSitePermissionsDeniedSafari$k,MicrophoneSitePermissionsDeniedSafari:MicrophoneSitePermissionsDeniedSafari$k,UnsupportedBrowser:UnsupportedBrowser$l,UnsupportedBrowserVersion:UnsupportedBrowserVersion$l,UnsupportedOperatingSystem:UnsupportedOperatingSystem$l,BrowserPermissionDenied:BrowserPermissionDenied$k,BrowserPermissionDeniedIOS:BrowserPermissionDeniedIOS$k,verticalGallery:verticalGallery$k};
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
@@ -6701,9 +6708,11 @@ const DEFAULT_COMPONENT_ICONS = {
     /* @conditional-compile-remove(reaction) */
     ReactionButtonIcon: React.createElement(reactIcons.Emoji20Regular, null),
     /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-    CancelFileUpload: React.createElement(reactIcons.Dismiss16Regular, null),
+    CancelAttachmentUpload: React.createElement(reactIcons.Dismiss16Regular, null),
     /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-    DownloadFile: React.createElement(reactIcons.ArrowDownload16Regular, null),
+    DownloadAttachment: React.createElement(reactIcons.ArrowDownload20Regular, null),
+    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+    OpenAttachment: React.createElement(reactIcons.Open20Regular, null),
     /* @conditional-compile-remove(data-loss-prevention) */
     DataLossPreventionProhibited: React.createElement(DataLossPreventionProhibited16Regular, null),
     EditBoxCancel: React.createElement(reactIcons.Dismiss20Regular, null),
@@ -6820,7 +6829,15 @@ const DEFAULT_COMPONENT_ICONS = {
     /* @conditional-compile-remove(rich-text-editor) */
     RichTextEditorButtonIcon: React.createElement(reactIcons.TextEditStyle20Regular, null),
     /* @conditional-compile-remove(rich-text-editor) */
-    RichTextEditorButtonIconFilled: React.createElement(reactIcons.TextEditStyle20Filled, null)
+    RichTextEditorButtonIconFilled: React.createElement(reactIcons.TextEditStyle20Filled, null),
+    /* @conditional-compile-remove(rich-text-editor) */
+    RichTextInsertTableRegularIcon: React.createElement(reactIcons.Table20Regular, null),
+    /* @conditional-compile-remove(rich-text-editor) */
+    RichTextInsertTableFilledIcon: React.createElement(reactIcons.Table20Filled, null),
+    /* @conditional-compile-remove(rich-text-editor) */
+    RichTextTableInsertMenuIcon: React.createElement(reactIcons.TableAdd20Regular, null),
+    /* @conditional-compile-remove(rich-text-editor) */
+    RichTextTableDeleteMenuIcon: React.createElement(reactIcons.TableDismiss20Regular, null)
 };
 
 // Copyright (c) Microsoft Corporation.
@@ -8774,7 +8791,7 @@ const useAttachmentCardStyles = reactComponents.makeStyles({
 /**
  * @private
  */
-const fileNameContainerClassName = react.mergeStyles({
+const attachmentNameContainerClassName = react.mergeStyles({
     marginTop: _pxToRem(5),
     width: '5.75rem',
     overflow: 'hidden',
@@ -8786,6 +8803,15 @@ const fileNameContainerClassName = react.mergeStyles({
 
 // 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());
+    });
+};
 /**
  * @internal
  * A component for displaying an attachment card with attachment icon and progress bar.
@@ -8794,36 +8820,8 @@ const fileNameContainerClassName = react.mergeStyles({
  */
 const _AttachmentCard = (props) => {
     var _a, _b, _c, _d;
-    const { attachmentName, attachmentExtension, progress, actionIcon, actionHandler } = props;
+    const { attachment, progress, menuActions, onActionHandlerFailed } = props;
     const attachmentCardStyles = useAttachmentCardStyles();
-    // default/placeholder before actual code implemented
-    const menuActions = React.useMemo(() => {
-        return [
-            {
-                name: actionIcon && (actionIcon === null || actionIcon === void 0 ? void 0 : actionIcon.props.ariaLabel),
-                icon: actionIcon !== null && actionIcon !== void 0 ? actionIcon : React.createElement(React.Fragment, null),
-                onClick: (attachment) => {
-                    if (attachment) {
-                        actionHandler === null || actionHandler === void 0 ? void 0 : actionHandler();
-                    }
-                }
-            }
-        ];
-    }, [actionIcon, actionHandler]);
-    // placeholder before refactoring the props
-    const attachment = React.useMemo(() => {
-        return {
-            /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-            id: 'attachmentId',
-            extension: attachmentExtension,
-            name: attachmentName,
-            url: 'https://localhost' // placeholder not used
-        };
-    }, [attachmentExtension, attachmentName]);
-    // placeholder before refactoring the props
-    const onDownloadErrorMessage = React.useCallback((errorMessage) => {
-        console.log(errorMessage);
-    }, []);
     const isUploadComplete = React.useMemo(() => {
         return progress !== undefined && progress > 0 && progress < 1;
     }, [progress]);
@@ -8834,24 +8832,27 @@ const _AttachmentCard = (props) => {
     const showProgressIndicator = progress !== undefined && progress > 0 && progress < 1;
     React.useEffect(() => {
         if (showProgressIndicator) {
-            setAnnouncerString(`${uploadStartedString} ${attachmentName}`);
+            setAnnouncerString(`${uploadStartedString} ${attachment.name}`);
         }
         else if (progress === 1) {
-            setAnnouncerString(`${attachmentName} ${uploadCompletedString}`);
+            setAnnouncerString(`${attachment.name} ${uploadCompletedString}`);
         }
         else {
             setAnnouncerString(undefined);
         }
-    }, [progress, showProgressIndicator, attachmentName, uploadStartedString, uploadCompletedString]);
+    }, [progress, showProgressIndicator, attachment.name, uploadStartedString, uploadCompletedString]);
     return (React.createElement("div", { "data-is-focusable": true },
         React.createElement(Announcer$1, { announcementString: announcerString, ariaLive: 'polite' }),
         React.createElement(reactComponents.Card, { className: attachmentCardStyles.root, size: "small", role: "listitem" },
-            React.createElement(reactComponents.CardHeader, { image: React.createElement(react.Icon, { "data-ui-id": 'filetype-icon', iconName: reactFileTypeIcons.getFileTypeIconProps({
-                        extension: attachmentExtension,
+            React.createElement(reactComponents.CardHeader, { image: React.createElement(react.Icon, { "data-ui-id": 'attachmenttype-icon', iconName: reactFileTypeIcons.getFileTypeIconProps({
+                        extension: React.useMemo(() => {
+                            var _a, _b;
+                            return (_b = (_a = attachment.extension) !== null && _a !== void 0 ? _a : attachment.name.split('.').pop()) !== null && _b !== void 0 ? _b : '';
+                        }, [attachment]),
                         size: 24,
                         imageFileType: 'svg'
-                    }).iconName }), header: React.createElement("div", { className: fileNameContainerClassName },
-                    React.createElement(reactComponents.Text, { title: attachmentName }, attachmentName)), action: getMenuItems(menuActions, attachment, onDownloadErrorMessage) })),
+                    }).iconName }), header: React.createElement("div", { className: attachmentNameContainerClassName },
+                    React.createElement(reactComponents.Text, { title: attachment.name }, attachment.name)), action: getMenuItems(menuActions, attachment, onActionHandlerFailed) })),
         isUploadComplete ? (React.createElement(reactComponents.CardFooter, null,
             React.createElement(reactComponents.ProgressBar, { thickness: "medium", value: progress, shape: "rounded" }))) : (React.createElement(React.Fragment, null, " "))));
 };
@@ -8871,14 +8872,14 @@ const getMenuItems = (menuActions, attachment, handleOnClickError) => {
             React.createElement(reactComponents.MenuTrigger, null,
                 React.createElement(reactComponents.ToolbarButton, { "aria-label": "More", icon: React.createElement(reactIcons.MoreHorizontal24Filled, null) })),
             React.createElement(reactComponents.MenuPopover, null,
-                React.createElement(reactComponents.MenuList, null, menuActions.map((menuItem, index) => (React.createElement(reactComponents.MenuItem, { key: index, icon: menuItem.icon, onClick: () => {
+                React.createElement(reactComponents.MenuList, null, menuActions.map((menuItem, index) => (React.createElement(reactComponents.MenuItem, { key: index, icon: menuItem.icon, onClick: () => __awaiter$C(void 0, void 0, void 0, function* () {
                         try {
-                            menuItem.onClick(attachment);
+                            yield menuItem.onClick(attachment);
                         }
                         catch (e) {
                             handleOnClickError === null || handleOnClickError === void 0 ? void 0 : handleOnClickError(e.message);
                         }
-                    } }, menuItem.name))))))));
+                    }) }, menuItem.name))))))));
 };
 
 // Copyright (c) Microsoft Corporation.
@@ -8920,16 +8921,48 @@ const actionIconStyle = { height: '1rem' };
  * @internal
  */
 const _AttachmentUploadCards = (props) => {
+    var _a;
     const attachments = props.activeFileUploads;
+    const localeStrings = useLocaleAttachmentCardStringsTrampoline();
+    const removeFileButtonString = React.useMemo(() => () => {
+        var _a, _b;
+        return (_b = (_a = props.strings) === null || _a === void 0 ? void 0 : _a.removeAttachment) !== null && _b !== void 0 ? _b : localeStrings.removeAttachment;
+    }, [(_a = props.strings) === null || _a === void 0 ? void 0 : _a.removeAttachment, localeStrings.removeAttachment]);
     if (!attachments || attachments.length === 0) {
         return React.createElement(React.Fragment, null);
     }
     return (React.createElement(_AttachmentCardGroup, null, attachments &&
         attachments
             .filter((attachment) => !attachment.error)
-            .map((attachment) => (React.createElement(_AttachmentCard, { attachmentName: attachment.filename, progress: attachment.progress, key: attachment.id, attachmentExtension: extension(attachment.filename), actionIcon: React.createElement(react.Icon, { iconName: "CancelFileUpload", className: react.mergeStyles(actionIconStyle) }), actionHandler: () => {
-                props.onCancelFileUpload && props.onCancelFileUpload(attachment.id);
-            }, strings: props.strings })))));
+            .map((attachment) => {
+            var _a, _b, _c, _d;
+            return (React.createElement(_AttachmentCard
+            // temp converter before upload is refactored
+            , { 
+                // temp converter before upload is refactored
+                attachment: {
+                    id: attachment.id,
+                    name: attachment.filename,
+                    extension: extension(attachment.filename),
+                    progress: attachment.progress,
+                    uploadStatus: attachment.error
+                        ? {
+                            message: (_a = attachment.error) === null || _a === void 0 ? void 0 : _a.message,
+                            timestamp: (_b = attachment.error) === null || _b === void 0 ? void 0 : _b.timestamp
+                        }
+                        : undefined
+                }, progress: attachment.progress, key: attachment.id, menuActions: [
+                    {
+                        name: (_d = (_c = props.strings) === null || _c === void 0 ? void 0 : _c.removeAttachment) !== null && _d !== void 0 ? _d : 'Remove',
+                        icon: (React.createElement("div", { "aria-label": removeFileButtonString() },
+                            React.createElement(react.Icon, { iconName: "CancelAttachmentUpload", className: react.mergeStyles(actionIconStyle) }))),
+                        onClick: () => {
+                            props.onCancelFileUpload && props.onCancelFileUpload(attachment.id);
+                            return Promise.resolve();
+                        }
+                    }
+                ], strings: props.strings }));
+        })));
 };
 
 // Copyright (c) Microsoft Corporation.
@@ -9725,7 +9758,26 @@ const richTextEditorWrapperStyle = (theme, addTopOffset) => {
         paddingInlineEnd: `0.75rem`,
         lineHeight: '1.25rem',
         maxWidth: '100%',
-        color: theme.palette.neutralPrimary
+        color: theme.palette.neutralPrimary,
+        '& table': {
+            background: 'transparent',
+            borderCollapse: 'collapse',
+            width: '100%',
+            borderSpacing: '0',
+            // don't shrink/expand cells during the input to the table
+            tableLayout: 'fixed',
+            '& tr': {
+                background: 'transparent',
+                border: `1px solid ${theme.palette.neutralLight}`,
+                '& td': {
+                    background: 'transparent',
+                    border: `1px solid ${theme.palette.neutralLight}`,
+                    wordBreak: 'normal',
+                    padding: '0.125rem 0.25rem',
+                    verticalAlign: 'top'
+                }
+            }
+        }
     });
 };
 /**
@@ -9776,6 +9828,15 @@ const ribbonOverflowButtonRootStyles = (theme) => {
                         color: theme.palette.neutralPrimary
                     }
                 }
+            },
+            '.ribbon-table-button-regular-icon': {
+                display: 'inline-block',
+                margin: '-0.25rem 0.25rem 0 0.25rem',
+                width: '1.25rem',
+                height: '1.25rem'
+            },
+            '.ribbon-table-button-filled-icon': {
+                display: 'none'
             }
         }
     };
@@ -9811,13 +9872,67 @@ const ribbonButtonStyle = (theme) => {
         rootExpandedHovered: ribbonButtonRootStyles(theme)
     };
 };
+const rootRibbonTableButtonStyle = (theme) => {
+    // merge IStyles props
+    return Object.assign({ minWidth: 'auto' }, ribbonTableButtonRootStyles(theme, false));
+};
+/**
+ * @private
+ */
+const ribbonTableButtonStyle = (theme) => {
+    return {
+        icon: { height: 'auto' },
+        menuIcon: { height: 'auto' },
+        root: rootRibbonTableButtonStyle(theme),
+        rootChecked: ribbonTableButtonRootStyles(theme, true),
+        rootHovered: ribbonTableButtonRootStyles(theme, true),
+        rootCheckedHovered: ribbonTableButtonRootStyles(theme, true),
+        rootCheckedPressed: ribbonTableButtonRootStyles(theme, true),
+        rootPressed: ribbonTableButtonRootStyles(theme, true),
+        rootExpanded: ribbonTableButtonRootStyles(theme, true),
+        rootExpandedHovered: ribbonTableButtonRootStyles(theme, true)
+    };
+};
+const ribbonTableButtonRootStyles = (theme, isSelected) => {
+    return {
+        backgroundColor: 'transparent',
+        selectors: {
+            '.ribbon-table-button-regular-icon': {
+                width: '1.25rem',
+                height: '1.25rem',
+                marginTop: '-0.25rem',
+                color: theme.palette.neutralPrimary,
+                display: isSelected ? 'none' : 'inline-block'
+            },
+            '.ribbon-table-button-filled-icon': {
+                width: '1.25rem',
+                height: '1.25rem',
+                marginTop: '-0.25rem',
+                color: theme.palette.themePrimary,
+                display: isSelected ? 'inline-block' : 'none'
+            }
+        }
+    };
+};
 /**
  * @private
  */
 const ribbonDividerStyle = (theme) => {
     return {
         icon: { color: theme.palette.neutralQuaternaryAlt, margin: '0 -0.5rem', height: 'auto' },
-        root: { margin: '0', padding: '0', minWidth: 'auto' }
+        root: { margin: '0', padding: '0', minWidth: 'auto' },
+        rootHovered: {
+            backgroundColor: 'transparent',
+            selectors: {
+                // Icon's color doesn't work here because of the specificity
+                '.ms-Button-icon': {
+                    color: theme.palette.neutralQuaternaryAlt
+                },
+                '.ms-Button-menuIcon': {
+                    color: theme.palette.neutralQuaternaryAlt
+                }
+            }
+        }
     };
 };
 /**
@@ -9844,18 +9959,241 @@ const sendBoxRichTextEditorStyle = (isExpanded) => {
         maxHeight: '5rem'
     };
 };
+/**
+ * @private
+ */
+const insertTableMenuCellButtonStyles = (theme) => {
+    return {
+        width: '1rem',
+        height: '1rem',
+        border: `solid 0.0625rem ${theme.palette.neutralTertiaryAlt}`,
+        display: 'inline-block',
+        cursor: 'pointer',
+        background: 'transparent'
+    };
+};
+/**
+ * @private
+ */
+const insertTableMenuCellButtonSelectedStyles = (theme) => {
+    return {
+        background: theme.palette.themePrimary
+    };
+};
+/**
+ * @private
+ */
+const insertTableMenuTablePane = react.mergeStyles({
+    padding: '0.5rem 0.625rem 0.75rem 0.625rem',
+    boxSizing: 'content-box',
+    minWidth: 'auto'
+});
+/**
+ * @private
+ */
+const insertTableMenuFocusZone = (theme) => {
+    return react.mergeStyles({
+        lineHeight: '12px',
+        width: '5rem',
+        border: `solid 0.0625rem ${theme.palette.neutralTertiaryAlt}`
+    });
+};
+/**
+ * @private
+ */
+const insertTableMenuTitleStyles = react.mergeStyles({
+    width: '100%',
+    height: '1rem',
+    fontSize: '0.75rem',
+    marginBottom: '0.5rem'
+});
+
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+// This file  uses RoosterJS React package implementation with updates to change table's size and remove styles
+/**
+ * Insert table into editor at current selection
+ * @param editor The editor instance
+ * @param columns Number of columns in table
+ * @param rows Number of rows in table
+ */
+const insertTable = (editor, columns, rows) => {
+    const document = editor.getDocument();
+    const table = document.createElement('table');
+    for (let i = 0; i < rows; i++) {
+        const tr = document.createElement('tr');
+        table.appendChild(tr);
+        for (let j = 0; j < columns; j++) {
+            const td = document.createElement('td');
+            tr.appendChild(td);
+            td.appendChild(document.createElement('br'));
+        }
+    }
+    editor.focus();
+    editor.addUndoSnapshot(() => {
+        const vTable = new roosterjsEditorDom.VTable(table);
+        vTable.writeBack();
+        editor.insertNode(table);
+        editor.runAsync((editor) => editor.select(new roosterjsEditorDom.Position(table, roosterjsEditorTypesCompatible.CompatiblePositionType.Begin).normalize()));
+    }, roosterjsEditorTypesCompatible.CompatibleChangeSource.Format, undefined /* canUndoByBackspace */, {
+        formatApiName: 'insertTable'
+    });
+};
+
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+/**
+ * @private
+ *
+ * String to be replaces by actual values of row and column.
+ */
+const ColumnRowReplaceString = '{column} x {row}';
+/**
+ * @private
+ *
+ * Function to create key pair for the selected table size.
+ */
+function createKey(row, column) {
+    return `${row},${column}`;
+}
+/**
+ * @private
+ *
+ * Function to parse key to the selected table size valules.
+ */
+function parseKey(key) {
+    const [row, column] = key.split(',');
+    return {
+        row: parseInt(row),
+        column: parseInt(column)
+    };
+}
+
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+// This file uses RoosterJS React package implementation with updates to UI components and styles.
+const RowColumnInitialValue = 0;
+/**
+ * @private
+ * Component for the insert table pane
+ */
+const RichTextInsertTablePane = (props) => {
+    const { item, onClick, theme, maxColumnsNumber, maxRowsNumber } = props;
+    const [column, setColumn] = React.useState(RowColumnInitialValue);
+    const [row, setRow] = React.useState(RowColumnInitialValue);
+    const updateSize = React.useCallback((target) => {
+        if (target !== undefined && target.dataset.column !== undefined && target.dataset.row !== undefined) {
+            const column = parseInt(target.dataset.column);
+            const row = parseInt(target.dataset.row);
+            if (column >= RowColumnInitialValue &&
+                column < maxColumnsNumber &&
+                row >= RowColumnInitialValue &&
+                row < maxRowsNumber) {
+                setColumn(column);
+                setRow(row);
+            }
+        }
+    }, [maxColumnsNumber, maxRowsNumber]);
+    const onMouseEnter = React.useCallback((e) => {
+        updateSize(e.target);
+    }, [updateSize]);
+    const onClickButton = React.useCallback((e) => {
+        onClick(e, Object.assign(Object.assign({}, item), { key: createKey(formatRowColumnText(row), formatRowColumnText(column)) }));
+    }, [row, column, onClick, item]);
+    const items = React.useMemo(() => {
+        var _a;
+        const items = [];
+        for (let i = 0; i < maxRowsNumber; i++) {
+            for (let j = 0; j < maxColumnsNumber; j++) {
+                const key = `cell_${i}_${j}`;
+                const isSelected = j <= column && i <= row;
+                items.push(React.createElement("button", { className: react.mergeStyles(insertTableMenuCellButtonStyles(theme), isSelected ? insertTableMenuCellButtonSelectedStyles(theme) : undefined), onClick: onClickButton, key: key, id: key, "data-column": j, "data-row": i, "data-is-focusable": true, onMouseEnter: onMouseEnter, "aria-label": formatText((_a = item.text) !== null && _a !== void 0 ? _a : '', i, j) }));
+            }
+        }
+        return items;
+    }, [maxRowsNumber, maxColumnsNumber, column, row, theme, onClickButton, onMouseEnter, item.text]);
+    const text = React.useMemo(() => {
+        var _a;
+        return formatText((_a = item.text) !== null && _a !== void 0 ? _a : '', formatRowColumnText(row), formatRowColumnText(column));
+    }, [column, item.text, row]);
+    return (React.createElement("div", null,
+        React.createElement("div", { className: insertTableMenuTitleStyles }, text),
+        React.createElement(react.FocusZone, { defaultTabbableElement: `cell_${RowColumnInitialValue}_${RowColumnInitialValue}`, direction: react.FocusZoneDirection.bidirectional, onActiveElementChanged: updateSize, className: insertTableMenuFocusZone(theme) }, items)));
+};
+const formatText = (text, row, column) => {
+    return text.replace(`${ColumnRowReplaceString}`, `${column.toString()} x ${row.toString()}`);
+};
+const formatRowColumnText = (value) => {
+    return value + 1;
+};
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-const dividerRibbonButton = (theme) => {
+// This file uses RoosterJS React package implementation with updates to UI components and styles.
+/**
+ * "Insert table" button for the RoosterJS ribbon
+ */
+const insertTableButton = (theme, maxRowsNumber, maxColumnsNumber) => {
     return {
-        key: 'Divider',
+        key: 'buttonNameInsertTable',
+        unlocalizedText: 'Insert table',
+        // Icon will be set in onRenderIcon callback
+        iconName: '',
+        onClick: (editor, key) => {
+            const { row, column } = parseKey(key);
+            insertTable(editor, column, row);
+        },
+        dropDownMenu: {
+            items: {
+                // the key of the item is also used as a key for localization
+                insertTablePane: `Insert ${ColumnRowReplaceString} table`
+            },
+            itemRender: (item, onClick) => {
+                return (React.createElement(RichTextInsertTablePane, { item: item, onClick: onClick, theme: theme, maxColumnsNumber: maxColumnsNumber, maxRowsNumber: maxRowsNumber }));
+            },
+            commandBarSubMenuProperties: {
+                className: insertTableMenuTablePane
+            }
+        },
+        commandBarProperties: {
+            // hide the chevron icon
+            menuIconProps: {
+                hidden: true
+            },
+            onRenderIcon: (item) => {
+                console.log('onRenderIcon', item);
+                return React.createElement(TableIcon, null);
+            },
+            buttonStyles: ribbonTableButtonStyle(theme),
+            canCheck: false
+        }
+    };
+};
+const TableIcon = () => {
+    return (
+    // update the visibility of the Table Icon with css classes that are triggered by command bar's state
+    React.createElement(react.Stack, null,
+        React.createElement(react.Icon, { iconName: "RichTextInsertTableFilledIcon", className: 'ribbon-table-button-filled-icon' }),
+        React.createElement(react.Icon, { iconName: "RichTextInsertTableRegularIcon", className: 'ribbon-table-button-regular-icon' })));
+};
+
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+const MaxRowsNumber = 5;
+const MaxColumnsNumber = 5;
+const dividerRibbonButton = (theme, key) => {
+    return {
+        key: key,
         iconName: 'RichTextDividerIcon',
         unlocalizedText: '',
         onClick: () => { },
         isDisabled: () => true,
         commandBarProperties: {
-            buttonStyles: ribbonDividerStyle(theme)
+            // show the item correctly for the overflow menu
+            itemType: react.ContextualMenuItemType.Divider,
+            buttonStyles: ribbonDividerStyle(theme),
+            // this is still needed to remove checkmark icon space even though it is a divider
+            canCheck: false
         }
     };
 };
@@ -9902,11 +10240,13 @@ const ribbonButtons = (theme) => {
         boldButton(theme),
         italicButton(theme),
         underlineButton(theme),
-        dividerRibbonButton(theme),
+        dividerRibbonButton(theme, 'RichTextRibbonTextFormatDivider'),
         bulletListButton(theme),
         numberListButton(theme),
         indentIncreaseButton(theme),
-        indentDecreaseButton(theme)
+        indentDecreaseButton(theme),
+        dividerRibbonButton(theme, 'RichTextRibbonTableDivider'),
+        insertTableButton(theme, MaxRowsNumber, MaxColumnsNumber)
     ].forEach((item) => {
         if (item !== undefined) {
             buttons.push(item);
@@ -9914,8 +10254,13 @@ const ribbonButtons = (theme) => {
     });
     return buttons;
 };
+
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
 /**
  * @private
+ *
+ * Strings for the ribbon buttons where key should match `key` prop if any or the name of the item.
  */
 const ribbonButtonsStrings = (strings) => {
     return {
@@ -9925,10 +10270,83 @@ const ribbonButtonsStrings = (strings) => {
         buttonNameBulletedList: strings.bulletListTooltip,
         buttonNameNumberedList: strings.numberListTooltip,
         buttonNameIncreaseIndent: strings.increaseIndentTooltip,
-        buttonNameDecreaseIndent: strings.decreaseIndentTooltip
+        buttonNameDecreaseIndent: strings.decreaseIndentTooltip,
+        buttonNameInsertTable: strings.insertTableTooltip,
+        insertTablePane: strings.insertTableMenuTitle
+    };
+};
+/**
+ * @private
+ *
+ * Strings for the table context menu  where key should match `key` prop if any or the name of the item.
+ */
+const tableContextMenuStrings = (strings) => {
+    return {
+        menuNameTableInsert: strings.insertRowOrColumnMenu,
+        menuNameTableInsertAbove: strings.insertRowAboveMenu,
+        menuNameTableInsertBelow: strings.insertRowBelowMenu,
+        menuNameTableInsertLeft: strings.insertColumnLeftMenu,
+        menuNameTableInsertRight: strings.insertColumnRightMenu,
+        menuNameTableDelete: strings.deleteRowOrColumnMenu,
+        menuNameTableDeleteColumn: strings.deleteColumnMenu,
+        menuNameTableDeleteRow: strings.deleteRowMenu,
+        menuNameTableDeleteTable: strings.deleteTableMenu
     };
 };
 
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+const onClick = (key, editor) => {
+    editor.focus();
+    const operation = TableEditOperationMap[key];
+    if (typeof operation === 'number') {
+        roosterjsEditorApi.editTable(editor, operation);
+    }
+};
+const TableEditOperationMap = {
+    menuNameTableInsertAbove: roosterjsEditorTypesCompatible.CompatibleTableOperation.InsertAbove,
+    menuNameTableInsertBelow: roosterjsEditorTypesCompatible.CompatibleTableOperation.InsertBelow,
+    menuNameTableInsertLeft: roosterjsEditorTypesCompatible.CompatibleTableOperation.InsertLeft,
+    menuNameTableInsertRight: roosterjsEditorTypesCompatible.CompatibleTableOperation.InsertRight,
+    menuNameTableDeleteTable: roosterjsEditorTypesCompatible.CompatibleTableOperation.DeleteTable,
+    menuNameTableDeleteColumn: roosterjsEditorTypesCompatible.CompatibleTableOperation.DeleteColumn,
+    menuNameTableDeleteRow: roosterjsEditorTypesCompatible.CompatibleTableOperation.DeleteRow
+};
+const tableEditInsertMenuItem = {
+    key: 'menuNameTableInsert',
+    unlocalizedText: 'Insert123',
+    subItems: {
+        menuNameTableInsertAbove: 'Insert above121312 ',
+        menuNameTableInsertBelow: 'Insert below',
+        menuNameTableInsertLeft: 'Insert left123 ',
+        menuNameTableInsertRight: 'Insert right'
+    },
+    onClick
+};
+const tableEditDeleteMenuItem = {
+    key: 'menuNameTableDelete',
+    unlocalizedText: 'Delete',
+    subItems: {
+        menuNameTableDeleteColumn: 'Delete column',
+        menuNameTableDeleteRow: 'Delete row',
+        menuNameTableDeleteTable: 'Delete table'
+    },
+    onClick
+};
+const tableActions = [tableEditInsertMenuItem, tableEditDeleteMenuItem];
+/**
+ * Create a new instance of ContextMenuProvider to support table editing functionalities in context menu
+ * @returns A new ContextMenuProvider
+ */
+const createTableEditMenuProvider = (strings) => {
+    return roosterjsReact.createContextMenuProvider('tableEdit', tableActions, tableContextMenuStrings(strings !== null && strings !== void 0 ? strings : {}), (editor, node) => !!getEditingTable(editor, node));
+};
+const getEditingTable = (editor, node) => {
+    const td = editor.getElementAtCursor('TD,TH', node);
+    const table = td && editor.getElementAtCursor('table', td);
+    return (table === null || table === void 0 ? void 0 : table.isContentEditable) ? { table, td } : null;
+};
+
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 /**
@@ -9959,13 +10377,12 @@ const RichTextEditor = React.forwardRef((props, ref) => {
     }, []);
     const editorCreator = React.useCallback((div, options) => {
         editor.current = new roosterjsEditorCore.Editor(div, options);
-        // Remove default values for background color and color
-        // setBackgroundColor and setTextColor can't be used here as they cause the editor to be focused
-        // color will be set in richTextEditorWrapperStyle instead of inline styles
-        div.style.backgroundColor = '';
-        div.style.color = '';
         return editor.current;
-    }, []);
+    }, 
+    // trigger force editor reset when strings are changed to update context menu strings
+    // see RosterJS documentation for 'editorCreator' for more details
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [strings]);
     const placeholderPlugin = React.useMemo(() => {
         return new roosterjsEditorPlugins.Watermark('');
     }, []);
@@ -9975,12 +10392,15 @@ const RichTextEditor = React.forwardRef((props, ref) => {
         }
     }, [placeholderPlugin, placeholderText]);
     const plugins = React.useMemo(() => {
+        // contextPlugin and tableEditMenuProvider allow to show insert/delete menu for the table
+        const contextPlugin = roosterjsReact.createContextMenuPlugin();
+        const tableEditMenuProvider = createTableEditMenuProvider(strings);
         const contentEdit = new roosterjsEditorPlugins.ContentEdit();
         const updateContentPlugin = roosterjsReact.createUpdateContentPlugin(roosterjsReact.UpdateMode.OnContentChangedEvent | roosterjsReact.UpdateMode.OnUserInput, (content) => {
             onChange && onChange(content);
         });
-        return [contentEdit, placeholderPlugin, updateContentPlugin, ribbonPlugin];
-    }, [onChange, placeholderPlugin, ribbonPlugin]);
+        return [contentEdit, placeholderPlugin, updateContentPlugin, ribbonPlugin, contextPlugin, tableEditMenuProvider];
+    }, [onChange, placeholderPlugin, ribbonPlugin, strings]);
     const ribbon = React.useMemo(() => {
         const buttons = ribbonButtons(theme);
         return (React.createElement(roosterjsReact.Ribbon, { styles: ribbonStyle, buttons: buttons, plugin: ribbonPlugin, overflowButtonProps: {
@@ -9992,10 +10412,18 @@ const RichTextEditor = React.forwardRef((props, ref) => {
                 }
             }, strings: ribbonButtonsStrings(strings), "data-testid": 'rich-text-editor-ribbon' }));
     }, [strings, ribbonPlugin, theme]);
+    const defaultFormat = React.useMemo(() => {
+        // without setting any styles, text input is not handled properly for tables (when insert or paste one in the editor)
+        // because of https://github.com/microsoft/roosterjs/blob/14dbb947e3ae94580109cbd05e48ceb05327c4dc/packages/roosterjs-editor-core/lib/corePlugins/TypeInContainerPlugin.ts#L75
+        // this issue is fixed for content model package
+        return {
+            backgroundColor: 'transparent'
+        };
+    }, []);
     return (React.createElement("div", { "data-testid": 'rich-text-editor-wrapper' },
         showRichTextEditorFormatting && ribbon,
         React.createElement("div", { className: richTextEditorWrapperStyle(theme, !showRichTextEditorFormatting) },
-            React.createElement(roosterjsReact.Rooster, { initialContent: initialContent, inDarkMode: isDarkThemed(theme), plugins: plugins, className: richTextEditorStyle(props.styles), editorCreator: editorCreator, 
+            React.createElement(roosterjsReact.Rooster, { defaultFormat: defaultFormat, initialContent: initialContent, inDarkMode: isDarkThemed(theme), plugins: plugins, className: richTextEditorStyle(props.styles), editorCreator: editorCreator, 
                 // TODO: confirm the color during inline images implementation
                 imageSelectionBorderColor: 'blue', 
                 // doNotAdjustEditorColor is used to fix the default background color for Rooster component
@@ -10281,12 +10709,20 @@ const RichTextSendBox = (props) => {
     /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
     const onRenderFileUploads = React.useCallback(() => {
         return (React.createElement(react.Stack, { className: attachmentUploadCardsStyles },
-            React.createElement(_AttachmentUploadCards, { activeFileUploads: activeFileUploads, onCancelFileUpload: onCancelFileUpload, strings: {
-                    removeAttachment: strings.removeAttachment,
-                    uploading: strings.uploading,
-                    uploadCompleted: strings.uploadCompleted
-                } })));
-    }, [activeFileUploads, onCancelFileUpload, strings.removeAttachment, strings.uploadCompleted, strings.uploading]);
+            React.createElement(FluentV9ThemeProvider, { v8Theme: theme },
+                React.createElement(_AttachmentUploadCards, { activeFileUploads: activeFileUploads, onCancelFileUpload: onCancelFileUpload, strings: {
+                        removeAttachment: strings.removeAttachment,
+                        uploading: strings.uploading,
+                        uploadCompleted: strings.uploadCompleted
+                    } }))));
+    }, [
+        activeFileUploads,
+        onCancelFileUpload,
+        strings.removeAttachment,
+        strings.uploadCompleted,
+        strings.uploading,
+        theme
+    ]);
     const sendButton = React.useMemo(() => {
         return (React.createElement(InputBoxButton, { onRenderIcon: onRenderSendIcon, onClick: (e) => {
                 sendMessageOnClick();
@@ -10872,7 +11308,7 @@ const LiveMessage = (props) => (React.createElement(AnnouncerContext.Consumer, n
 const MessageStatusIcon = (props) => {
     const { shouldAnnounce, iconName, iconClassName, ariaLabel } = props;
     return (React.createElement(React.Fragment, null,
-        ariaLabel && React.createElement(LiveMessage, { message: ariaLabel, ariaLive: "polite" }),
+        ariaLabel && shouldAnnounce && React.createElement(LiveMessage, { message: ariaLabel, ariaLive: "polite" }),
         React.createElement("div", { 
             // make icon accessible
             tabIndex: 0 },
@@ -11663,15 +12099,6 @@ const processHtmlToReact = (props) => {
 
 // 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());
-    });
-};
 const attachmentDownloadCardsStyle = {
     marginTop: '0.25rem'
 };
@@ -11680,66 +12107,94 @@ const attachmentDownloadCardsStyle = {
  */
 const _AttachmentDownloadCards = (props) => {
     var _a, _b;
-    const { userId, fileMetadata } = props;
-    const [showSpinner, setShowSpinner] = React.useState(false);
+    const { attachments, message } = props;
     const localeStrings = useLocaleStringsTrampoline();
+    const getMenuActions = React.useCallback((attachment, localeStrings, message, action) => {
+        const defaultMenuActions = getDefaultMenuActions(localeStrings, message);
+        try {
+            const actions = action === null || action === void 0 ? void 0 : action(attachment, message);
+            if (actions && actions.length > 0) {
+                return actions;
+            }
+            else {
+                return defaultMenuActions;
+            }
+        }
+        catch (error) {
+            return defaultMenuActions;
+        }
+    }, []);
     const downloadAttachmentButtonString = React.useMemo(() => () => {
         var _a, _b;
         return (_b = (_a = props.strings) === null || _a === void 0 ? void 0 : _a.downloadAttachment) !== null && _b !== void 0 ? _b : localeStrings.downloadAttachment;
     }, [(_a = props.strings) === null || _a === void 0 ? void 0 : _a.downloadAttachment, localeStrings.downloadAttachment]);
-    const isShowDownloadIcon = React.useCallback((attachment) => {
-        var _a;
-        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-        return ((_a = attachment.payload) === null || _a === void 0 ? void 0 : _a.teamsFileAttachment) !== 'true';
-    }, []);
     const attachmentCardGroupDescription = React.useMemo(() => () => {
         var _a, _b, _c;
-        const fileGroupLocaleString = (_b = (_a = props.strings) === null || _a === void 0 ? void 0 : _a.attachmentCardGroupMessage) !== null && _b !== void 0 ? _b : localeStrings.attachmentCardGroupMessage;
+        const attachmentGroupLocaleString = (_b = (_a = props.strings) === null || _a === void 0 ? void 0 : _a.attachmentCardGroupMessage) !== null && _b !== void 0 ? _b : localeStrings.attachmentCardGroupMessage;
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-        return _formatString(fileGroupLocaleString, {
-            attachmentCount: `${(_c = fileMetadata === null || fileMetadata === void 0 ? void 0 : fileMetadata.length) !== null && _c !== void 0 ? _c : 0}`
+        return _formatString(attachmentGroupLocaleString, {
+            attachmentCount: `${(_c = attachments === null || attachments === void 0 ? void 0 : attachments.length) !== null && _c !== void 0 ? _c : 0}`
         });
-    }, [(_b = props.strings) === null || _b === void 0 ? void 0 : _b.attachmentCardGroupMessage, localeStrings.attachmentCardGroupMessage, fileMetadata]);
-    const fileDownloadHandler = React.useCallback((userId, file) => __awaiter$C(void 0, void 0, void 0, function* () {
-        if (!props.downloadHandler) {
-            window.open(file.url, '_blank', 'noopener,noreferrer');
-        }
-        else {
-            setShowSpinner(true);
-            try {
-                const response = yield props.downloadHandler(userId, file);
-                setShowSpinner(false);
-                if (response instanceof URL) {
-                    window.open(response.toString(), '_blank', 'noopener,noreferrer');
-                }
-                else {
-                    props.onDownloadErrorMessage && props.onDownloadErrorMessage(response.errorMessage);
-                }
-            }
-            finally {
-                setShowSpinner(false);
-            }
-        }
-    }), [props]);
-    if (!fileMetadata || fileMetadata.length === 0 || !fileMetadata) {
+    }, [(_b = props.strings) === null || _b === void 0 ? void 0 : _b.attachmentCardGroupMessage, localeStrings.attachmentCardGroupMessage, attachments]);
+    if (!attachments || attachments.length === 0 || !attachments) {
         return React.createElement(React.Fragment, null);
     }
-    return (React.createElement("div", { style: attachmentDownloadCardsStyle, "data-ui-id": "file-download-card-group" },
-        React.createElement(_AttachmentCardGroup, { ariaLabel: attachmentCardGroupDescription() }, fileMetadata &&
-            fileMetadata.map((attachment) => (React.createElement(react.TooltipHost, { content: downloadAttachmentButtonString(), key: attachment.name },
-                React.createElement(_AttachmentCard, { attachmentName: attachment.name, key: attachment.name, attachmentExtension: attachment.extension, actionIcon: showSpinner ? (React.createElement(react.Spinner, { size: react.SpinnerSize.medium, "aria-live": 'polite', role: 'status' })) : isShowDownloadIcon(attachment) ? (React.createElement(DownloadIconTrampoline, null)) : (React.createElement(reactIcons.Open20Regular, null)), actionHandler: () => fileDownloadHandler(userId, attachment) })))))));
+    return (React.createElement("div", { style: attachmentDownloadCardsStyle, "data-ui-id": "attachment-download-card-group" },
+        React.createElement(_AttachmentCardGroup, { ariaLabel: attachmentCardGroupDescription() }, attachments &&
+            attachments.map((attachment) => (React.createElement(react.TooltipHost, { content: downloadAttachmentButtonString(), key: attachment.name },
+                React.createElement(_AttachmentCard, { attachment: attachment, key: attachment.id, menuActions: getMenuActions(attachment, localeStrings, message, props.actionsForAttachment), onActionHandlerFailed: props.onActionHandlerFailed })))))));
 };
 /**
  * @private
  */
-const DownloadIconTrampoline = () => {
-    // @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload)
-    return React.createElement(reactIcons.ArrowDownload20Regular, { "data-ui-id": 'file-download-card-download-icon' });
-};
 const useLocaleStringsTrampoline = () => {
     /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
     return useLocale$1().strings.messageThread;
 };
+/**
+ * @private
+ */
+const getDefaultMenuActions = (locale, chatMessage) => {
+    var _a;
+    // if message is sent by a Teams user, we need to use a different icon ("open")
+    if ((_a = chatMessage === null || chatMessage === void 0 ? void 0 : chatMessage.senderId) === null || _a === void 0 ? void 0 : _a.includes('8:orgid:')) {
+        return [
+            Object.assign(Object.assign({}, defaultAttachmentMenuAction), { name: locale.openAttachment, icon: React.createElement(react.Icon, { iconName: "OpenAttachment" }) })
+        ];
+    }
+    // otherwise, use the default icon ("download")
+    return [
+        Object.assign(Object.assign({}, defaultAttachmentMenuAction), { name: locale.downloadAttachment })
+    ];
+};
+/**
+ * @beta
+ *
+ * The default menu action for downloading attachments. This action will open the attachment's URL in a new tab.
+ */
+const defaultAttachmentMenuAction = {
+    /**
+     *
+     * name is used for aria-label only when there's one button. For multiple buttons, it's used as a label.
+     * by default it's an unlocalized string when this is used as a imported constant,
+     * but you can overwrite it with your own localized string.
+     *
+     * i.e. defaultAttachmentMenuAction.name = localize('Download');
+     *
+     * when no action is provided, the UI library will overwrite this name
+     * with a localized string this string when it's used in the UI.
+     */
+    name: 'Download',
+    // this is the icon shown on the right of the attachment card
+    icon: React.createElement(react.Icon, { iconName: "DownloadAttachment", "data-ui-id": "attachment-download-card-download-icon" }),
+    // this is the action that runs when the icon is clicked
+    onClick: (attachment) => {
+        return new Promise((resolve) => {
+            window.open(attachment.url, '_blank', 'noopener,noreferrer');
+            resolve();
+        });
+    }
+};
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
@@ -11834,12 +12289,18 @@ const getFluentUIAttachedValue = (messageAttachedStatus) => {
  *  Get the message bubble content for the message.
  */
 function getMessageBubbleContent(message, strings, userId, inlineImageOptions, 
-/* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-onRenderFileDownloads, 
 /* @conditional-compile-remove(mention) */
 mentionDisplayOptions, 
 /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-fileDownloadHandler) {
+/**
+ * Optional callback to render message attachments in the message component.
+ */
+onRenderAttachmentDownloads, 
+/* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+/**
+ * Optional callback to define custom actions for attachments.
+ */
+actionsForAttachment) {
     /* @conditional-compile-remove(data-loss-prevention) */
     if (message.messageType === 'blocked') {
         return (React.createElement("div", { tabIndex: 0 },
@@ -11849,27 +12310,27 @@ fileDownloadHandler) {
         React.createElement(ChatMessageContent, { message: message, strings: strings, 
             /* @conditional-compile-remove(mention) */
             mentionDisplayOptions: mentionDisplayOptions, inlineImageOptions: inlineImageOptions }),
-        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ onRenderFileDownloads
-            ? onRenderFileDownloads(userId, message)
-            : defaultOnRenderFileDownloads(userId, message, strings, 
-            /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ fileDownloadHandler)));
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ onRenderAttachmentDownloads
+            ? onRenderAttachmentDownloads(userId, message)
+            : defaultOnRenderAttachmentDownloads(message, strings, 
+            /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+            actionsForAttachment)));
 }
 /**
- * Default component for rendering file downloads.
+ * Default component for rendering attachment downloads.
  */
 /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-const defaultOnRenderFileDownloads = (userId, message, strings, 
-/* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-fileDownloadHandler) => {
+const defaultOnRenderAttachmentDownloads = (message, strings, actionsForAttachment) => {
     /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-    return (React.createElement(_AttachmentDownloadCards, { userId: userId, 
+    return (React.createElement(_AttachmentDownloadCards, { message: message, 
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-        fileMetadata: message.files || [], 
+        attachments: message.files || [], 
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-        downloadHandler: fileDownloadHandler, 
+        actionsForAttachment: actionsForAttachment, 
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
         strings: {
             downloadAttachment: strings.downloadAttachment,
+            openAttachment: strings.openAttachment,
             attachmentCardGroupMessage: strings.attachmentCardGroupMessage
         } }));
 };
@@ -11910,13 +12371,13 @@ const MessageBubble$1 = (props) => {
     const ids = useIdentifiers();
     const theme = useTheme();
     const locale = useLocale$1();
-    const { userId, message, onRemoveClick, onResendClick, disableEditing, showDate, messageContainerStyle, strings, onEditClick, remoteParticipantsCount = 0, onRenderAvatar, showMessageStatus, messageStatus, 
+    const { userId, message, onRemoveClick, onResendClick, disableEditing, showDate, messageContainerStyle, strings, onEditClick, remoteParticipantsCount = 0, onRenderAvatar, showMessageStatus, messageStatus, inlineImageOptions, 
+    /* @conditional-compile-remove(mention) */
+    mentionDisplayOptions, onDisplayDateTimeString, 
     /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-    fileDownloadHandler, inlineImageOptions, 
+    onRenderAttachmentDownloads, 
     /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-    onRenderFileDownloads, 
-    /* @conditional-compile-remove(mention) */
-    mentionDisplayOptions, onDisplayDateTimeString } = props;
+    actionsForAttachment } = props;
     const formattedTimestamp = React.useMemo(() => {
         const defaultTimeStamp = message.createdOn
             ? generateDefaultTimestamp(message.createdOn, showDate, strings)
@@ -11969,18 +12430,18 @@ const MessageBubble$1 = (props) => {
     }, [message, messageStatus, strings.editedTag, strings.failToSendTag, theme]);
     const getContent = React.useCallback(() => {
         return getMessageBubbleContent(message, strings, userId, inlineImageOptions, 
-        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-        onRenderFileDownloads, 
         /* @conditional-compile-remove(mention) */
         mentionDisplayOptions, 
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-        fileDownloadHandler);
+        onRenderAttachmentDownloads, 
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+        actionsForAttachment);
     }, [
-        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ fileDownloadHandler,
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ actionsForAttachment,
         inlineImageOptions,
         /* @conditional-compile-remove(mention) */ mentionDisplayOptions,
         message,
-        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ onRenderFileDownloads,
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ onRenderAttachmentDownloads,
         strings,
         userId
     ]);
@@ -12118,17 +12579,18 @@ const FluentChatMyMessageComponent = (props) => {
     /* @conditional-compile-remove(date-time-customization) */
     onDisplayDateTimeString, inlineImageOptions, 
     /* @conditional-compile-remove(mention) */
-    mentionOptions, 
+    mentionOptions, userId, defaultStatusRenderer, statusToRender, 
     /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-    fileDownloadHandler, userId, 
+    actionsForAttachment, 
     /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-    onRenderFileDownloads, defaultStatusRenderer, statusToRender } = props;
+    onRenderAttachmentDownloads } = props;
     const chatMessageRenderStyles = useChatMessageRenderStyles();
-    const onRenderFileDownloadsMemo = React.useMemo(() => {
+    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+    const onRenderAttachmentDownloadsMemo = React.useMemo(() => {
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-        return onRenderFileDownloads;
+        return onRenderAttachmentDownloads;
     }, [
-        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ onRenderFileDownloads
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ onRenderAttachmentDownloads
     ]);
     // To rerender the defaultChatMessageRenderer if app running across days(every new day chat time stamp
     // needs to be regenerated), the dependency on "new Date().toDateString()"" is added.
@@ -12137,7 +12599,7 @@ const FluentChatMyMessageComponent = (props) => {
             /* @conditional-compile-remove(data-loss-prevention) */ messageProps.message.messageType === 'blocked') {
             return (React.createElement(ChatMyMessageComponent, Object.assign({}, messageProps, { 
                 /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-                onRenderFileDownloads: onRenderFileDownloadsMemo, 
+                onRenderAttachmentDownloads: onRenderAttachmentDownloadsMemo, 
                 /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
                 strings: messageProps.strings, message: messageProps.message, userId: userId, remoteParticipantsCount: participantCount ? participantCount - 1 : 0, shouldOverlapAvatarAndMessage: shouldOverlapAvatarAndMessage, onRenderAvatar: onRenderAvatar, showMessageStatus: showMessageStatus, messageStatus: messageProps.message.status, onActionButtonClick: onActionButtonClick, 
                 /* @conditional-compile-remove(date-time-customization) */
@@ -12145,13 +12607,12 @@ const FluentChatMyMessageComponent = (props) => {
                 /* @conditional-compile-remove(mention) */
                 mentionOptions: mentionOptions, 
                 /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-                fileDownloadHandler: fileDownloadHandler })));
+                actionsForAttachment: actionsForAttachment })));
         }
         return React.createElement(React.Fragment, null);
     }, [
         onActionButtonClick,
         onRenderAvatar,
-        onRenderFileDownloadsMemo,
         participantCount,
         shouldOverlapAvatarAndMessage,
         showMessageStatus,
@@ -12162,7 +12623,9 @@ const FluentChatMyMessageComponent = (props) => {
         /* @conditional-compile-remove(mention) */
         mentionOptions,
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-        fileDownloadHandler,
+        onRenderAttachmentDownloadsMemo,
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+        actionsForAttachment,
         // eslint-disable-next-line react-hooks/exhaustive-deps
         new Date().toDateString()
     ]);
@@ -12228,9 +12691,9 @@ const MessageBubble = (props) => {
     const locale = useLocale$1();
     const { userId, message, showDate, messageContainerStyle, strings, 
     /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-    fileDownloadHandler, inlineImageOptions, shouldOverlapAvatarAndMessage, 
+    onRenderAttachmentDownloads, inlineImageOptions, shouldOverlapAvatarAndMessage, 
     /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-    onRenderFileDownloads, 
+    actionsForAttachment, 
     /* @conditional-compile-remove(mention) */
     mentionDisplayOptions, onDisplayDateTimeString } = props;
     const formattedTimestamp = React.useMemo(() => {
@@ -12247,18 +12710,18 @@ const MessageBubble = (props) => {
     }, [strings.editedTag, theme, message]);
     const getContent = React.useCallback(() => {
         return getMessageBubbleContent(message, strings, userId, inlineImageOptions, 
-        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-        onRenderFileDownloads, 
         /* @conditional-compile-remove(mention) */
         mentionDisplayOptions, 
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-        fileDownloadHandler);
+        onRenderAttachmentDownloads, 
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+        actionsForAttachment);
     }, [
-        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ fileDownloadHandler,
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ actionsForAttachment,
         inlineImageOptions,
         /* @conditional-compile-remove(mention) */ mentionDisplayOptions,
         message,
-        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ onRenderFileDownloads,
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ onRenderAttachmentDownloads,
         strings,
         userId
     ]);
@@ -12309,18 +12772,16 @@ const FluentChatMessageComponent = (props) => {
     /* @conditional-compile-remove(date-time-customization) */
     onDisplayDateTimeString, inlineImageOptions, 
     /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-    fileDownloadHandler, userId, 
+    actionsForAttachment, userId, 
     /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-    onRenderFileDownloads, 
+    onRenderAttachmentDownloads, 
     /* @conditional-compile-remove(mention) */
     mentionOptions } = props;
     const chatMessageRenderStyles = useChatMessageRenderStyles();
-    const onRenderFileDownloadsMemo = React.useMemo(() => {
-        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-        return onRenderFileDownloads;
-    }, [
-        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ onRenderFileDownloads
-    ]);
+    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+    const onRenderAttachmentDownloadsMemo = React.useMemo(() => {
+        return onRenderAttachmentDownloads;
+    }, [onRenderAttachmentDownloads]);
     // To rerender the defaultChatMessageRenderer if app running across days(every new day chat time stamp
     // needs to be regenerated), the dependency on "new Date().toDateString()"" is added.
     const defaultChatMessageRenderer = React.useCallback((messageProps) => {
@@ -12328,30 +12789,27 @@ const FluentChatMessageComponent = (props) => {
             /* @conditional-compile-remove(data-loss-prevention) */ messageProps.message.messageType === 'blocked') {
             return (React.createElement(ChatMessageComponentAsMessageBubble, Object.assign({}, messageProps, { 
                 /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-                onRenderFileDownloads: onRenderFileDownloadsMemo, 
-                /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-                strings: messageProps.strings, message: messageProps.message, userId: userId, shouldOverlapAvatarAndMessage: shouldOverlapAvatarAndMessage, 
+                onRenderAttachmentDownloads: onRenderAttachmentDownloadsMemo, strings: messageProps.strings, message: messageProps.message, userId: userId, shouldOverlapAvatarAndMessage: shouldOverlapAvatarAndMessage, 
                 /* @conditional-compile-remove(date-time-customization) */
                 onDisplayDateTimeString: onDisplayDateTimeString, inlineImageOptions: inlineImageOptions, 
                 /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-                fileDownloadHandler: fileDownloadHandler, 
+                actionsForAttachment: actionsForAttachment, 
                 /* @conditional-compile-remove(mention) */
                 mentionDisplayOptions: mentionOptions === null || mentionOptions === void 0 ? void 0 : mentionOptions.displayOptions })));
         }
         return React.createElement(React.Fragment, null);
     }, [
-        onRenderFileDownloadsMemo,
-        shouldOverlapAvatarAndMessage,
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+        onRenderAttachmentDownloadsMemo,
         userId,
+        shouldOverlapAvatarAndMessage,
         /* @conditional-compile-remove(date-time-customization) */
         onDisplayDateTimeString,
         inlineImageOptions,
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-        fileDownloadHandler,
+        actionsForAttachment,
         /* @conditional-compile-remove(mention) */
-        mentionOptions,
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-        new Date().toDateString()
+        mentionOptions === null || mentionOptions === void 0 ? void 0 : mentionOptions.displayOptions
     ]);
     const messageRenderer = React.useCallback((messageProps) => {
         return onRenderMessage === undefined
@@ -12621,7 +13079,9 @@ const MessageThreadWrapper = (props) => {
     /* @conditional-compile-remove(mention) */
     mentionOptions, inlineImageOptions, 
     /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-    onRenderFileDownloads } = props;
+    attachmentOptions, 
+    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+    onRenderAttachmentDownloads } = props;
     // We need this state to wait for one tick and scroll to bottom after messages have been initialized.
     // Otherwise chatScrollDivRef.current.clientHeight is wrong if we scroll to bottom before messages are initialized.
     const [chatMessagesInitialized, setChatMessagesInitialized] = React.useState(false);
@@ -12948,22 +13408,24 @@ const MessageThreadWrapper = (props) => {
         existsNewChatMessage && !disableJumpToNewMessageButton && (React.createElement("div", { className: react.mergeStyles(newMessageButtonContainerStyle, styles === null || styles === void 0 ? void 0 : styles.newMessageButtonContainer) }, onRenderJumpToNewMessageButton ? (onRenderJumpToNewMessageButton({ text: strings.newMessagesIndicator, onClick: scrollToBottom })) : (React.createElement(DefaultJumpToNewMessageButton, { text: strings.newMessagesIndicator, onClick: scrollToBottom })))),
         React.createElement(LiveAnnouncer, null,
             React.createElement(FluentV9ThemeProvider, { v8Theme: theme },
-                latestDeletedMessageId && (React.createElement(Announcer$1, { key: latestDeletedMessageId, announcementString: deletedMessageAriaLabel, ariaLive: 'assertive' })),
                 React.createElement(reactChat.Chat
                 // styles?.chatContainer used in className and style prop as style prop can't handle CSS selectors
                 , { 
                     // styles?.chatContainer used in className and style prop as style prop can't handle CSS selectors
-                    className: reactComponents.mergeClasses(classes.root, react.mergeStyles(styles === null || styles === void 0 ? void 0 : styles.chatContainer)), ref: chatScrollDivRef, style: Object.assign({}, createStyleFromV8Style(styles === null || styles === void 0 ? void 0 : styles.chatContainer)) }, messagesToDisplay.map((message) => {
-                    return (React.createElement(MemoChatMessageComponentWrapper, Object.assign({}, message, { userId: userId, key: message.key, styles: styles, shouldOverlapAvatarAndMessage: isNarrow, strings: strings, onRenderAvatar: onRenderAvatar, onRenderMessage: onRenderMessage, onRenderMessageStatus: onRenderMessageStatus, defaultStatusRenderer: defaultStatusRenderer, onActionButtonClick: onActionButtonClickMemo, readCount: readCountForHoveredIndicator, participantCount: participantCount, 
-                        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-                        fileDownloadHandler: props.fileDownloadHandler, inlineImageOptions: inlineImageOptions, 
-                        /* @conditional-compile-remove(date-time-customization) */
-                        onDisplayDateTimeString: onDisplayDateTimeString, 
-                        /* @conditional-compile-remove(mention) */
-                        mentionOptions: mentionOptions, 
-                        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-                        onRenderFileDownloads: onRenderFileDownloads })));
-                }))))));
+                    className: reactComponents.mergeClasses(classes.root, react.mergeStyles(styles === null || styles === void 0 ? void 0 : styles.chatContainer)), ref: chatScrollDivRef, style: Object.assign({}, createStyleFromV8Style(styles === null || styles === void 0 ? void 0 : styles.chatContainer)) },
+                    latestDeletedMessageId && (React.createElement(Announcer$1, { key: latestDeletedMessageId, announcementString: deletedMessageAriaLabel, ariaLive: 'polite' })),
+                    messagesToDisplay.map((message) => {
+                        var _a;
+                        return (React.createElement(MemoChatMessageComponentWrapper, Object.assign({}, message, { userId: userId, key: message.key, styles: styles, shouldOverlapAvatarAndMessage: isNarrow, strings: strings, onRenderAvatar: onRenderAvatar, onRenderMessage: onRenderMessage, onRenderMessageStatus: onRenderMessageStatus, defaultStatusRenderer: defaultStatusRenderer, onActionButtonClick: onActionButtonClickMemo, readCount: readCountForHoveredIndicator, participantCount: participantCount, 
+                            /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+                            actionsForAttachment: (_a = attachmentOptions === null || attachmentOptions === void 0 ? void 0 : attachmentOptions.downloadOptions) === null || _a === void 0 ? void 0 : _a.actionsForAttachment, inlineImageOptions: inlineImageOptions, 
+                            /* @conditional-compile-remove(date-time-customization) */
+                            onDisplayDateTimeString: onDisplayDateTimeString, 
+                            /* @conditional-compile-remove(mention) */
+                            mentionOptions: mentionOptions, 
+                            /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+                            onRenderAttachmentDownloads: onRenderAttachmentDownloads })));
+                    }))))));
 };
 const MemoChatMessageComponentWrapper = React.memo((obj) => {
     return React.createElement(ChatMessageComponentWrapper, Object.assign({}, obj));
@@ -16779,7 +17241,7 @@ const OverflowGallery = (props) => {
  */
 const DefaultLayout = (props) => {
     const { remoteParticipants = [], localParticipant, dominantSpeakers, localVideoComponent, screenShareComponent, onRenderRemoteParticipant, styles, maxRemoteVideoStreams, parentWidth, parentHeight, pinnedParticipantUserIds = [], overflowGalleryPosition = 'horizontalBottom', 
-    /* @conditional-compile-remove(spotlight) */ spotlightedParticipantUserIds } = props;
+    /* @conditional-compile-remove(spotlight) */ spotlightedParticipantUserIds = [] } = props;
     const isNarrow = parentWidth ? isNarrowWidth(parentWidth) : false;
     const isShort = parentHeight ? isShortHeight(parentHeight) : false;
     // This is for tracking the number of children in the first page of overflow gallery.
@@ -16821,7 +17283,7 @@ const DefaultLayout = (props) => {
             : (_b = p.videoStream) === null || _b === void 0 ? void 0 : _b.isAvailable);
     });
     if (localVideoComponent) {
-        if (screenShareComponent) {
+        if (screenShareComponent || /* @conditional-compile-remove(spotlight) */ spotlightedParticipantUserIds.length > 0) {
             overflowGalleryTiles = [localVideoComponent].concat(overflowGalleryTiles);
         }
         else {
@@ -17855,7 +18317,8 @@ const LARGE_GALLERY_PARTICIPANT_CAP = 48;
  * @private
  */
 const LargeGalleryLayout = (props) => {
-    const { remoteParticipants = [], localParticipant, dominantSpeakers, localVideoComponent, screenShareComponent, onRenderRemoteParticipant, styles, maxRemoteVideoStreams, parentWidth, parentHeight, pinnedParticipantUserIds = [], overflowGalleryPosition = 'horizontalBottom' } = props;
+    const { remoteParticipants = [], localParticipant, dominantSpeakers, localVideoComponent, screenShareComponent, onRenderRemoteParticipant, styles, maxRemoteVideoStreams, parentWidth, parentHeight, pinnedParticipantUserIds = [], overflowGalleryPosition = 'horizontalBottom', 
+    /* @conditional-compile-remove(spotlight) */ spotlightedParticipantUserIds = [] } = props;
     const isNarrow = parentWidth ? isNarrowWidth(parentWidth) : false;
     const isShort = parentHeight ? isShortHeight(parentHeight) : false;
     const maxStreamsTrampoline = () => {
@@ -17877,7 +18340,8 @@ const LargeGalleryLayout = (props) => {
             ? childrenPerPage.current - ((pinnedParticipantUserIds.length + 1) % childrenPerPage.current)
             : childrenPerPage.current,
         pinnedParticipantUserIds,
-        /* @conditional-compile-remove(large-gallery) */ layout: 'largeGallery'
+        /* @conditional-compile-remove(large-gallery) */ layout: 'largeGallery',
+        /* @conditional-compile-remove(spotlight) */ spotlightedParticipantUserIds
     });
     let activeVideoStreams = 0;
     let gridTiles = gridParticipants.map((p) => {
@@ -17901,7 +18365,7 @@ const LargeGalleryLayout = (props) => {
             : (_b = p.videoStream) === null || _b === void 0 ? void 0 : _b.isAvailable);
     });
     if (localVideoComponent) {
-        if (screenShareComponent) {
+        if (screenShareComponent || /* @conditional-compile-remove(spotlight) */ spotlightedParticipantUserIds.length > 0) {
             overflowGalleryTiles = [localVideoComponent].concat(overflowGalleryTiles);
         }
         else {
@@ -20157,8 +20621,8 @@ const DialpadButton = (props) => {
 const DialpadContainer = (props) => {
     var _a, _b;
     const theme = react.useTheme();
-    const { onSendDtmfTone, onClickDialpadButton, textFieldValue, onChange, showDeleteButton = true, longPressTrigger = 'mouseAndTouch', disableDtmfPlayback, dialpadMode = 'dialer' } = props;
-    const dtmfToneAudioContext = React.useRef(new AudioContext());
+    const { onSendDtmfTone, onClickDialpadButton, textFieldValue, onChange, showDeleteButton = true, longPressTrigger = 'mouseAndTouch', disableDtmfPlayback, dialpadMode = 'dialer', dtmfAudioContext } = props;
+    const dtmfToneAudioContext = React.useRef(dtmfAudioContext ? dtmfAudioContext : new AudioContext());
     const [plainTextValue, setPlainTextValue] = React.useState(textFieldValue !== null && textFieldValue !== void 0 ? textFieldValue : '');
     const plainTextValuePreviousRenderValue = React.useRef(plainTextValue);
     React.useEffect(() => {
@@ -22840,8 +23304,7 @@ const extractTeamsAttachmentsMetadata = (attachments) => {
                 id: attachment.id,
                 name: (_a = attachment.name) !== null && _a !== void 0 ? _a : '',
                 extension: contentType !== null && contentType !== void 0 ? contentType : '',
-                url: extractAttachmentUrl(attachment),
-                payload: { teamsFileAttachment: 'true' }
+                url: extractAttachmentUrl(attachment)
             });
         }
     });
@@ -24767,7 +25230,7 @@ const CallCompositeIcon = (props) => (React.createElement(react.FontIcon, Object
  */
 const CallWithChatCompositeIcon = (props) => (React.createElement(react.FontIcon, Object.assign({}, props)));
 
-var call$k={cameraLabel:"Camera",noCamerasLabel:"No cameras found",cameraPermissionDenied:"Your browser is blocking access to your camera",cameraTurnedOff:"Your camera is turned off",chatButtonLabel:"Chat",close:"Close",complianceBannerNowOnlyRecording:"You are now only recording this meeting.",complianceBannerNowOnlyTranscription:"You are now only transcribing this meeting.",complianceBannerRecordingAndTranscriptionSaved:"Recording and transcription are being saved.",complianceBannerRecordingAndTranscriptionStarted:"Recording and transcription have started.",complianceBannerRecordingAndTranscriptionStopped:"Recording and transcription have stopped.",complianceBannerRecordingSaving:"Recording is being saved.",complianceBannerRecordingStarted:"Recording has started.",complianceBannerRecordingStopped:"Recording has stopped.",complianceBannerTranscriptionStarted:"Transcription has started.",complianceBannerTranscriptionConsent:"By joining, you are giving consent for this meeting to be transcribed.",complianceBannerTranscriptionSaving:"Transcription is being saved.",complianceBannerTranscriptionStopped:"Transcription has stopped.",configurationPageTitle:"Start a call",copyInviteLinkButtonLabel:"Copy invite link",copyInviteLinkActionedAriaLabel:"Invite link copied",defaultPlaceHolder:"Select an option",dismissSidePaneButtonLabel:"Close",videoEffectsPaneTitle:"Effects",videoEffectsPaneBackgroundSelectionTitle:"Background",configurationPageVideoEffectsButtonLabel:"Effects",unableToStartVideoEffect:"Unable to apply video effect.",blurBackgroundEffectButtonLabel:"Blur",blurBackgroundTooltip:"Blur Background",removeBackgroundEffectButtonLabel:"None",removeBackgroundTooltip:"Remove Background",cameraOffBackgroundEffectWarningText:"Your camera is off. Turn on camera to see video effect.",failedToJoinCallDueToNoNetworkMoreDetails:"Call was disconnected due to a network issue. Check your connection and join again.",failedToJoinCallDueToNoNetworkTitle:"Call disconnected",failedToJoinTeamsMeetingReasonAccessDeniedMoreDetails:"You were not granted entry in the call. If this was a mistake, re-join the call.",failedToJoinTeamsMeetingReasonAccessDeniedTitle:"Dismissed from lobby",learnMore:"Learn more",leavingCallTitle:"Leaving...",leftCallMoreDetails:"If this was a mistake, re-join the call.",leftCallTitle:"You left the call",lobbyScreenConnectingToCallTitle:"Joining call",lobbyScreenWaitingToBeAdmittedTitle:"Waiting to be admitted",microphonePermissionDenied:"Your browser is blocking access to your microphone",microphoneToggleInLobbyNotAllowed:"Cannot mute or unmute while in lobby.",mutedMessage:"You're muted",networkReconnectMoreDetails:"Looks like something went wrong. We're trying to get back into the call.",networkReconnectTitle:"Hold on",notInvitedToRoomDetails:"You are not able to join this room because you do not have an invite.",notInvitedToRoomTitle:"Not invited to room",peopleButtonLabel:"People",selectedPeopleButtonLabel:"People Button Selected",peoplePaneTitle:"People",peoplePaneMoreButtonAriaLabel:"More",peopleButtonTooltipOpen:"Show participants",peopleButtonTooltipClose:"Hide participants",peoplePaneSubTitle:"In this call {numberOfPeople}",privacyPolicy:"Privacy policy",rejoinCallButtonLabel:"Re-join call",removedFromCallMoreDetails:"Another participant removed you from the call.",removedFromCallTitle:"You were removed",removeMenuLabel:"Remove",startSpotlightMenuLabel:"Spotlight for everyone",addSpotlightMenuLabel:"Add spotlight",stopSpotlightMenuLabel:"Stop spotlighting",stopSpotlightOnSelfMenuLabel:"Exit spotlight",spotlightLimitReachedMenuTitle:"Spotlight limit reached",stopAllSpotlightMenuLabel:"Stop all spotlights",returnToCallButtonAriaDescription:"Return to Call",returnToCallButtonAriaLabel:"Back",roomNotFoundDetails:"The room ID provided could not be found.",roomNotFoundTitle:"Room not found",roomNotValidDetails:"This room is not valid at this current time.",roomNotValidTitle:"Room not valid",inviteToRoomRemovedDetails:"Your invite to join this room was removed.",inviteToRoomRemovedTitle:"Invite to room removed",soundLabel:"Sound",noMicrophonesLabel:"No microphones found",noSpeakersLabel:"No speakers found",startCallButtonLabel:"Start call",openDialpadButtonLabel:"Dial phone number",peoplePaneAddPeopleButtonLabel:"Add People",dialpadStartCallButtonLabel:"Call",dialpadModalTitle:"Dial Phone Number",dialpadModalAriaLabel:"Dialpad",dialpadCloseModalButtonAriaLabel:"Close dialpad",moreButtonCallingLabel:"More",resumeCallButtonLabel:"Resume",resumingCallButtonLabel:"Resuming...",resumeCallButtonAriaLabel:"Resume call",resumingCallButtonAriaLabel:"Resume call",holdScreenLabel:"You're on hold",openDtmfDialpadLabel:"Show dialpad",dtmfDialpadPlaceholderText:"Enter number",outboundCallingNoticeString:"Calling...",participantJoinedNoticeString:"{displayName} joined",twoParticipantJoinedNoticeString:"{displayName1} and {displayName2} have joined",threeParticipantJoinedNoticeString:"{displayName1}, {displayName2} and {displayName3} have joined",participantLeftNoticeString:"{displayName} left",twoParticipantLeftNoticeString:"{displayName1} and {displayName2} have left",threeParticipantLeftNoticeString:"{displayName1}, {displayName2} and {displayName3} have left",unnamedParticipantString:"unnamed participant",manyUnnamedParticipantsJoined:"unnamed participant and {numOfParticipants} other participants joined",manyUnnamedParticipantsLeft:"unnamed participant and {numOfParticipants} other participants left",manyParticipantsJoined:"{displayName1}, {displayName2}, {displayName3} and {numOfParticipants} other participants joined",manyParticipantsLeft:"{displayName1}, {displayName2}, {displayName3} and {numOfParticipants} other participants left",liveCaptionsLabel:"Live captions",captionsSettingsLabel:"Caption settings",startCaptionsButtonOnLabel:"Turn on captions",startCaptionsButtonOffLabel:"Turn off captions",startCaptionsButtonTooltipOnContent:"Turn off captions",startCaptionsButtonTooltipOffContent:"Turn on captions",captionsSettingsModalTitle:"Captions Settings",captionsSettingsSpokenLanguageDropdownLabel:"Spoken language",captionsSettingsCaptionLanguageDropdownLabel:"Captions language",captionsSettingsSpokenLanguageDropdownInfoText:"Language that everyone on this call is speaking.",captionsSettingsCaptionLanguageDropdownInfoText:"Captions will appear in this langugage.",captionsSettingsConfirmButtonLabel:"Confirm",captionsSettingsCancelButtonLabel:"Cancel",captionsSettingsModalAriaLabel:"Captions Setting Modal",captionsSettingsCloseModalButtonAriaLabel:"Close Captions Setting",captionsBannerMoreButtonCallingLabel:"More",captionsBannerMoreButtonTooltip:"More options",dismissModalAriaLabel:"Local and remote picture and picture, press enter to return to call",callRejectedTitle:"The call could not be completed",callRejectedMoreDetails:"The person you are trying to reach is unavailable. Please try again later.",callTimeoutTitle:"The call could not be completed",callTimeoutDetails:"The person you are trying to reach is unavailable. Please try again later.",callTimeoutBotTitle:"The call could not be completed",callTimeoutBotDetails:"The service that you are trying to reach is unavailable. Please try again later.",dtmfDialerButtonLabel:"Dialpad",dtmfDialerButtonTooltipOn:"Show dialpad",dtmfDialerButtonTooltipOff:"Hide dialpad",dtmfDialerMoreButtonLabelOn:"Show dialpad",dtmfDialerMoreButtonLabelOff:"Hide dialpad",spokenLanguageStrings:{"ar-ae":"Arabic - U.A.E.","ar-sa":"Arabic - Saudi Arabia","da-dk":"Danish","de-de":"German - Germany","en-au":"English - Australia","en-ca":"English - Canada","en-gb":"English - United Kingdom","en-in":"English - India","en-nz":"English - New Zealand","en-us":"English - United States","es-es":"Spanish - Spain (Modern Sort)","es-mx":"Spanish - Mexico","fi-fi":"Finnish","fr-ca":"French - Canada","fr-fr":"French - France","hi-in":"Hindi","it-it":"Italian - Italy","ja-jp":"Japanese","ko-kr":"Korean","nb-no":"Norwegian (Bokmål)","nl-be":"Dutch - Belgium","nl-nl":"Dutch - Netherlands","pl-pl":"Polish","pt-br":"Portuguese - Brazil","ru-ru":"Russian","sv-se":"Swedish","zh-cn":"Chinese - People's Republic of China","zh-hk":"Chinese - Hong Kong SAR","cs-cz":"Czech","pt-pt":"Portuguese - Portugal","tr-tr":"Turkish","vi-vn":"Vietnamese","th-th":"Thai","he-il":"Hebrew","cy-gb":"Welsh","uk-ua":"Ukrainian","el-gr":"Greek","hu-hu":"Hungarian","ro-ro":"Romanian","sk-sk":"Slovak","zh-tw":"Chinese - Taiwan"},captionLanguageStrings:{ar:"Arabic",da:"Danish",de:"German",en:"English",es:"Spanish",fi:"Finnish","fr-ca":"French - Canada",fr:"French - France",hi:"Hindi",it:"Italian",ja:"Japanese",ko:"Korean",nb:"Norwegian (Bokmål)",nl:"Dutch",pl:"Polish",pt:"Portuguese - Brazil",ru:"Russian",sv:"Swedish","zh-Hans":"Chinese (Simplified)","zh-Hant":"Chinese (Traditional)",cs:"Czech","pt-pt":"Portuguese - Portugal",tr:"Turkish",vi:"Vietnamese",th:"Thai",he:"Hebrew",cy:"Welsh",uk:"Ukrainian",el:"Greek",hu:"Hungarian",ro:"Romanian",sk:"Slovak"},captionsBannerSpinnerText:"Starting captions...",transferPageTransferorText:"Transferring...",transferPageTransferTargetText:"Connecting...",transferPageUnknownTransferorDisplayName:"Unknown",transferPageUnknownTransferTargetDisplayName:"Unknown",transferPageNoticeString:"You are being transferred",participantCouldNotBeReachedTitle:"Target participant is currently not available",participantCouldNotBeReachedMoreDetails:"Please contact participant when they are available",permissionToReachTargetParticipantNotAllowedTitle:"Permission to reach target participant is not allowed",permissionToReachTargetParticipantNotAllowedMoreDetails:"Please check that the target participant is in the same tenant",unableToResolveTenantTitle:"Unable to resolve tenant id for the target participant",unableToResolveTenantMoreDetails:"Please check the participant id is entered correctly",participantIdIsMalformedTitle:"Participant id is not in the correct format",participantIdIsMalformedMoreDetails:"Please check that the participant id is in the correct format",moreButtonGalleryControlLabel:"View",moreButtonGalleryPositionToggleLabel:"Move gallery to top",moreButtonGallerySpeakerLayoutLabel:"Speaker",moreButtonGalleryFloatingLocalLayoutLabel:"Dynamic",moreButtonGalleryDefaultLayoutLabel:"Gallery view",moreButtonGalleryFocusedContentLayoutLabel:"Focus on content",moreButtonLargeGalleryDefaultLayoutLabel:"Large Gallery",capabilityChangedNotification:{turnVideoOn:{lostDueToMeetingOption:"Your camera has been disabled. You can no longer share video.",grantedDueToMeetingOption:"Your camera has been enabled. Turn it on if you'd like to share video."},unmuteMic:{lostDueToMeetingOption:"Your mic has been disabled. You can no longer unmute.",grantedDueToMeetingOption:"Your mic has been enabled. Unmute if you'd like to speak."},shareScreen:{lostDueToRoleChangeToAttendee:"Your role has been changed. Some actions, like sharing content, won't be available to you.",grantedDueToRoleChangeToPresenter:"You're a presenter. You can share content and facilitate the meeting."}},surveyTitle:"Help us improve",starSurveyHelperText:"How was the quality of the call?",starSurveyOneStarText:"The quality was bad.",starSurveyTwoStarText:"The quality was poor.",starSurveyThreeStarText:"The quality was good.",starSurveyFourStarText:"The quality was great.",starSurveyFiveStarText:"The quality was excellent.",surveyConfirmButtonLabel:"Send Feedback",starRatingAriaLabel:"Select {0} of {1} stars",surveySkipButtonLabel:"Skip",tagsSurveyQuestion:"What could have been better?",tagsSurveyTextFieldDefaultText:"Other, please specify",tagsSurveyHelperText:"Check any issues you experienced",surveyTextboxDefaultText:"Other, please specify",endOfSurveyText:"Thank you for your feedback!",surveyIssues:{overallRating:{callCannotJoin:"I could not join call",callCannotInvite:"I could not invite others into the call",hadToRejoin:"I had to rejoin the call",callEndedUnexpectedly:"Call ended for me unexpectedly",otherIssues:"I was having other issues with the call"},audioRating:{noLocalAudio:"The other side could not hear any sound",noRemoteAudio:"I could not hear any sound",echo:"I heard echos on the call",audioNoise:"I heard noise on the call",lowVolume:"Volume was low",audioStoppedUnexpectedly:"Audio stopped unexpectedly",distortedSpeech:"Audio was distorted",audioInterruption:"Audio was interrupted",otherIssues:"I was having other audio issues in this call"},videoRating:{noVideoReceived:"I could not see any video",noVideoSent:"Others could not see me",lowQuality:"Video quality was low",freezes:"Video frozen",stoppedUnexpectedly:"Video stopped unexpectedly",darkVideoReceived:"I can only see dark screens when others turn on their camera",audioVideoOutOfSync:"Audio and Video was out of sync",otherIssues:"I was having other video issues in this call"},screenshareRating:{noContentLocal:"Other people could not see my screenshare",noContentRemote:"I could not see other people's screenshare",cannotPresent:"I could not present my screen",lowQuality:"Screen share quality was low",freezes:"Screen share frozen",stoppedUnexpectedly:"Screen share stopped unexpectedly",largeDelay:"Screen share has a large delay",otherIssues:"I was having other screen share issues in this call"}},SurveyIssuesHeadingStrings:{overallRating:"Overall",audioRating:"Audio",videoRating:"Video",screenshareRating:"Presenting"},spotlightPrompt:{startSpotlightHeading:"Spotlight for everyone?",startSpotlightText:"You'll highlight this video for everyone in the meeting.",startSpotlightOnSelfText:"You'll highlight your video for everyone in the meeting.",startSpotlightConfirmButtonLabel:"Spotlight for everyone",startSpotlightCancelButtonLabel:"Cancel",stopSpotlightHeading:"Stop spotlighting this video?",stopSpotlightOnSelfHeading:"Exit spotlight?",stopAllSpotlightHeading:"Stop spotlighting all videos?",stopSpotlightText:"This video will no longer be highlighted for everyone in the meeting.",stopSpotlightOnSelfText:"Your video will no longer be highlighted for everyone in the meeting.",stopAllSpotlightText:"The videos will no longer be highlighted for everyone in the meeting.",stopSpotlightConfirmButtonLabel:"Stop spotlighting",stopSpotlightOnSelfConfirmButtonLabel:"Exit spotlight",stopSpotlightCancelButtonLabel:"Cancel"},exitSpotlightButtonLabel:"Exit spotlight",exitSpotlightButtonTooltip:"Exit spotlight"};var chat$k={chatListHeader:"In this chat",uploadFile:"Upload File"};var callWithChat$k={chatButtonLabel:"Chat",chatButtonNewMessageNotificationLabel:"New Message",chatButtonTooltipClosedWithMessageCount:"Show chat ({unreadMessagesCount} unread)",chatButtonTooltipClose:"Hide chat",chatButtonTooltipOpen:"Show chat",chatPaneTitle:"Chat",copyInviteLinkButtonLabel:"Copy invite link",copyInviteLinkActionedAriaLabel:"Invite link copied",dismissSidePaneButtonLabel:"Close",moreDrawerAudioDeviceMenuTitle:"Audio Device",moreDrawerButtonLabel:"More options",moreDrawerButtonTooltip:"More options",moreDrawerMicrophoneMenuTitle:"Microphone",moreDrawerSpeakerMenuTitle:"Speaker",moreDrawerCaptionsMenuTitle:"Live captions",moreDrawerSpokenLanguageMenuTitle:"Spoken language",moreDrawerCaptionLanguageMenuTitle:"Caption language",moreDrawerGalleryOptionsMenuTitle:"Gallery options",peopleButtonLabel:"People",selectedPeopleButtonLabel:"People Button Selected",peopleButtonTooltipOpen:"Show participants",peopleButtonTooltipClose:"Hide participants",peoplePaneSubTitle:"In this call",peoplePaneTitle:"People",pictureInPictureTileAriaLabel:"Video Feeds. Click to return to call screen.",removeMenuLabel:"Remove",openDialpadButtonLabel:"Dial phone number",returnToCallButtonAriaDescription:"Return to Call",returnToCallButtonAriaLabel:"Back",peoplePaneAddPeopleButtonLabel:"Add People",dialpadStartCallButtonLabel:"Call",dialpadModalTitle:"Dial Phone Number",dialpadModalAriaLabel:"Dialpad",dialpadCloseModalButtonAriaLabel:"Close dialpad",openDtmfDialpadLabel:"Show dialpad",dtmfDialpadPlaceholderText:"Enter number"};var en_US = {call:call$k,chat:chat$k,callWithChat:callWithChat$k};
+var call$k={cameraLabel:"Camera",noCamerasLabel:"No cameras found",cameraPermissionDenied:"Your browser is blocking access to your camera",cameraTurnedOff:"Your camera is turned off",chatButtonLabel:"Chat",close:"Close",complianceBannerNowOnlyRecording:"You are now only recording this meeting.",complianceBannerNowOnlyTranscription:"You are now only transcribing this meeting.",complianceBannerRecordingAndTranscriptionSaved:"Recording and transcription are being saved.",complianceBannerRecordingAndTranscriptionStarted:"Recording and transcription have started.",complianceBannerRecordingAndTranscriptionStopped:"Recording and transcription have stopped.",complianceBannerRecordingSaving:"Recording is being saved.",complianceBannerRecordingStarted:"Recording has started.",complianceBannerRecordingStopped:"Recording has stopped.",complianceBannerTranscriptionStarted:"Transcription has started.",complianceBannerTranscriptionConsent:"By joining, you are giving consent for this meeting to be transcribed.",complianceBannerTranscriptionSaving:"Transcription is being saved.",complianceBannerTranscriptionStopped:"Transcription has stopped.",configurationPageTitle:"Start a call",copyInviteLinkButtonLabel:"Copy invite link",copyInviteLinkActionedAriaLabel:"Invite link copied",defaultPlaceHolder:"Select an option",dismissSidePaneButtonLabel:"Close",videoEffectsPaneTitle:"Effects",videoEffectsPaneBackgroundSelectionTitle:"Background",configurationPageVideoEffectsButtonLabel:"Effects",unableToStartVideoEffect:"Unable to apply video effect.",blurBackgroundEffectButtonLabel:"Blur",blurBackgroundTooltip:"Blur Background",removeBackgroundEffectButtonLabel:"None",removeBackgroundTooltip:"Remove Background",cameraOffBackgroundEffectWarningText:"Your camera is off. Turn on camera to see video effect.",failedToJoinCallDueToNoNetworkMoreDetails:"Call was disconnected due to a network issue. Check your connection and join again.",failedToJoinCallDueToNoNetworkTitle:"Call disconnected",failedToJoinTeamsMeetingReasonAccessDeniedMoreDetails:"You were not granted entry in the call. If this was a mistake, re-join the call.",failedToJoinTeamsMeetingReasonAccessDeniedTitle:"Dismissed from lobby",learnMore:"Learn more",leavingCallTitle:"Leaving...",leftCallMoreDetails:"If this was a mistake, re-join the call.",leftCallTitle:"You left the call",lobbyScreenConnectingToCallTitle:"Joining call",lobbyScreenWaitingToBeAdmittedTitle:"Waiting to be admitted",microphonePermissionDenied:"Your browser is blocking access to your microphone",microphoneToggleInLobbyNotAllowed:"Cannot mute or unmute while in lobby.",mutedMessage:"You're muted",networkReconnectMoreDetails:"Looks like something went wrong. We're trying to get back into the call.",networkReconnectTitle:"Hold on",notInvitedToRoomDetails:"You are not able to join this room because you do not have an invite.",notInvitedToRoomTitle:"Not invited to room",peopleButtonLabel:"People",selectedPeopleButtonLabel:"People Button Selected",peoplePaneTitle:"People",peoplePaneMoreButtonAriaLabel:"More",peopleButtonTooltipOpen:"Show participants",peopleButtonTooltipClose:"Hide participants",peoplePaneSubTitle:"In this call {numberOfPeople}",privacyPolicy:"Privacy policy",rejoinCallButtonLabel:"Re-join call",removedFromCallMoreDetails:"Another participant removed you from the call.",removedFromCallTitle:"You were removed",removeMenuLabel:"Remove",startSpotlightMenuLabel:"Spotlight for everyone",addSpotlightMenuLabel:"Add spotlight",stopSpotlightMenuLabel:"Stop spotlighting",stopSpotlightOnSelfMenuLabel:"Exit spotlight",spotlightLimitReachedMenuTitle:"Spotlight limit reached",stopAllSpotlightMenuLabel:"Stop all spotlights",returnToCallButtonAriaDescription:"Return to Call",returnToCallButtonAriaLabel:"Back",roomNotFoundDetails:"The room ID provided could not be found.",roomNotFoundTitle:"Room not found",roomNotValidDetails:"This room is not valid at this current time.",roomNotValidTitle:"Room not valid",inviteToRoomRemovedDetails:"Your invite to join this room was removed.",inviteToRoomRemovedTitle:"Invite to room removed",soundLabel:"Sound",noMicrophonesLabel:"No microphones found",noSpeakersLabel:"No speakers found",startCallButtonLabel:"Start call",openDialpadButtonLabel:"Dial phone number",peoplePaneAddPeopleButtonLabel:"Add People",dialpadStartCallButtonLabel:"Call",dialpadModalTitle:"Dial Phone Number",dialpadModalAriaLabel:"Dialpad",dialpadCloseModalButtonAriaLabel:"Close dialpad",moreButtonCallingLabel:"More",resumeCallButtonLabel:"Resume",resumingCallButtonLabel:"Resuming...",resumeCallButtonAriaLabel:"Resume call",resumingCallButtonAriaLabel:"Resume call",holdScreenLabel:"You're on hold",openDtmfDialpadLabel:"Show dialpad",dtmfDialpadPlaceholderText:"Enter number",outboundCallingNoticeString:"Calling...",participantJoinedNoticeString:"{displayName} joined",twoParticipantJoinedNoticeString:"{displayName1} and {displayName2} have joined",threeParticipantJoinedNoticeString:"{displayName1}, {displayName2} and {displayName3} have joined",participantLeftNoticeString:"{displayName} left",twoParticipantLeftNoticeString:"{displayName1} and {displayName2} have left",threeParticipantLeftNoticeString:"{displayName1}, {displayName2} and {displayName3} have left",unnamedParticipantString:"unnamed participant",manyUnnamedParticipantsJoined:"unnamed participant and {numOfParticipants} other participants joined",manyUnnamedParticipantsLeft:"unnamed participant and {numOfParticipants} other participants left",manyParticipantsJoined:"{displayName1}, {displayName2}, {displayName3} and {numOfParticipants} other participants joined",manyParticipantsLeft:"{displayName1}, {displayName2}, {displayName3} and {numOfParticipants} other participants left",liveCaptionsLabel:"Live captions",captionsSettingsLabel:"Caption settings",startCaptionsButtonOnLabel:"Turn on captions",startCaptionsButtonOffLabel:"Turn off captions",startCaptionsButtonTooltipOnContent:"Turn off captions",startCaptionsButtonTooltipOffContent:"Turn on captions",captionsSettingsModalTitle:"Captions Settings",captionsSettingsSpokenLanguageDropdownLabel:"Spoken language",captionsSettingsCaptionLanguageDropdownLabel:"Captions language",captionsSettingsSpokenLanguageDropdownInfoText:"Language that everyone on this call is speaking.",captionsSettingsCaptionLanguageDropdownInfoText:"Captions will appear in this langugage.",captionsSettingsConfirmButtonLabel:"Confirm",captionsSettingsCancelButtonLabel:"Cancel",captionsSettingsModalAriaLabel:"Captions Setting Modal",captionsSettingsCloseModalButtonAriaLabel:"Close Captions Setting",captionsBannerMoreButtonCallingLabel:"More",captionsBannerMoreButtonTooltip:"More options",dismissModalAriaLabel:"Local and remote picture and picture, press enter to return to call",callRejectedTitle:"The call could not be completed",callRejectedMoreDetails:"The person you are trying to reach is unavailable. Please try again later.",callTimeoutTitle:"The call could not be completed",callTimeoutDetails:"The person you are trying to reach is unavailable. Please try again later.",callTimeoutBotTitle:"The call could not be completed",callTimeoutBotDetails:"The service that you are trying to reach is unavailable. Please try again later.",dtmfDialerButtonLabel:"Dialpad",dtmfDialerButtonTooltipOn:"Show dialpad",dtmfDialerButtonTooltipOff:"Hide dialpad",dtmfDialerMoreButtonLabelOn:"Show dialpad",dtmfDialerMoreButtonLabelOff:"Hide dialpad",spokenLanguageStrings:{"ar-ae":"Arabic - U.A.E.","ar-sa":"Arabic - Saudi Arabia","da-dk":"Danish","de-de":"German - Germany","en-au":"English - Australia","en-ca":"English - Canada","en-gb":"English - United Kingdom","en-in":"English - India","en-nz":"English - New Zealand","en-us":"English - United States","es-es":"Spanish - Spain (Modern Sort)","es-mx":"Spanish - Mexico","fi-fi":"Finnish","fr-ca":"French - Canada","fr-fr":"French - France","hi-in":"Hindi","it-it":"Italian - Italy","ja-jp":"Japanese","ko-kr":"Korean","nb-no":"Norwegian (Bokmål)","nl-be":"Dutch - Belgium","nl-nl":"Dutch - Netherlands","pl-pl":"Polish","pt-br":"Portuguese - Brazil","ru-ru":"Russian","sv-se":"Swedish","zh-cn":"Chinese - People's Republic of China","zh-hk":"Chinese - Hong Kong SAR","cs-cz":"Czech","pt-pt":"Portuguese - Portugal","tr-tr":"Turkish","vi-vn":"Vietnamese","th-th":"Thai","he-il":"Hebrew","cy-gb":"Welsh","uk-ua":"Ukrainian","el-gr":"Greek","hu-hu":"Hungarian","ro-ro":"Romanian","sk-sk":"Slovak","zh-tw":"Chinese - Taiwan"},captionLanguageStrings:{ar:"Arabic",da:"Danish",de:"German",en:"English",es:"Spanish",fi:"Finnish","fr-ca":"French - Canada",fr:"French - France",hi:"Hindi",it:"Italian",ja:"Japanese",ko:"Korean",nb:"Norwegian (Bokmål)",nl:"Dutch",pl:"Polish",pt:"Portuguese - Brazil",ru:"Russian",sv:"Swedish","zh-Hans":"Chinese (Simplified)","zh-Hant":"Chinese (Traditional)",cs:"Czech","pt-pt":"Portuguese - Portugal",tr:"Turkish",vi:"Vietnamese",th:"Thai",he:"Hebrew",cy:"Welsh",uk:"Ukrainian",el:"Greek",hu:"Hungarian",ro:"Romanian",sk:"Slovak"},captionsBannerSpinnerText:"Starting captions...",transferPageTransferorText:"Transferring...",transferPageTransferTargetText:"Connecting...",transferPageUnknownTransferorDisplayName:"Unknown",transferPageUnknownTransferTargetDisplayName:"Unknown",transferPageNoticeString:"You are being transferred",participantCouldNotBeReachedTitle:"Target participant is currently not available",participantCouldNotBeReachedMoreDetails:"Please contact participant when they are available",permissionToReachTargetParticipantNotAllowedTitle:"Permission to reach target participant is not allowed",permissionToReachTargetParticipantNotAllowedMoreDetails:"Please check that the target participant is in the same tenant",unableToResolveTenantTitle:"Unable to resolve tenant id for the target participant",unableToResolveTenantMoreDetails:"Please check the participant id is entered correctly",participantIdIsMalformedTitle:"Participant id is not in the correct format",participantIdIsMalformedMoreDetails:"Please check that the participant id is in the correct format",moreButtonGalleryControlLabel:"View",moreButtonGalleryPositionToggleLabel:"Move gallery to top",moreButtonGallerySpeakerLayoutLabel:"Speaker",moreButtonGalleryFloatingLocalLayoutLabel:"Dynamic",moreButtonGalleryDefaultLayoutLabel:"Gallery view",moreButtonGalleryFocusedContentLayoutLabel:"Focus on content",moreButtonLargeGalleryDefaultLayoutLabel:"Large Gallery",capabilityChangedNotification:{turnVideoOn:{lostDueToMeetingOption:"Your camera has been disabled. You can no longer share video.",grantedDueToMeetingOption:"Your camera has been enabled. Turn it on if you'd like to share video."},unmuteMic:{lostDueToMeetingOption:"Your mic has been disabled. You can no longer unmute.",grantedDueToMeetingOption:"Your mic has been enabled. Unmute if you'd like to speak."},shareScreen:{lostDueToRoleChangeToAttendee:"Your role has been changed. Some actions, like sharing content, won't be available to you.",grantedDueToRoleChangeToPresenter:"You're a presenter. You can share content and facilitate the meeting."}},surveyTitle:"Help us improve",starSurveyHelperText:"How was the quality of the call?",starSurveyOneStarText:"The quality was bad.",starSurveyTwoStarText:"The quality was poor.",starSurveyThreeStarText:"The quality was good.",starSurveyFourStarText:"The quality was great.",starSurveyFiveStarText:"The quality was excellent.",surveyConfirmButtonLabel:"Send Feedback",starRatingAriaLabel:"Select {0} of {1} stars",surveySkipButtonLabel:"Skip",tagsSurveyQuestion:"What could have been better?",tagsSurveyTextFieldDefaultText:"Other, please specify",tagsSurveyHelperText:"Check any issues you experienced",surveyTextboxDefaultText:"Other, please specify",endOfSurveyText:"Thank you for your feedback!",surveyIssues:{overallRating:{callCannotJoin:"I could not join call",callCannotInvite:"I could not invite others into the call",hadToRejoin:"I had to rejoin the call",callEndedUnexpectedly:"Call ended for me unexpectedly",otherIssues:"I was having other issues with the call"},audioRating:{noLocalAudio:"The other side could not hear any sound",noRemoteAudio:"I could not hear any sound",echo:"I heard echos on the call",audioNoise:"I heard noise on the call",lowVolume:"Volume was low",audioStoppedUnexpectedly:"Audio stopped unexpectedly",distortedSpeech:"Audio was distorted",audioInterruption:"Audio was interrupted",otherIssues:"I was having other audio issues in this call"},videoRating:{noVideoReceived:"I could not see any video",noVideoSent:"Others could not see me",lowQuality:"Video quality was low",freezes:"Video frozen",stoppedUnexpectedly:"Video stopped unexpectedly",darkVideoReceived:"I can only see dark screens when others turn on their camera",audioVideoOutOfSync:"Audio and Video was out of sync",otherIssues:"I was having other video issues in this call"},screenshareRating:{noContentLocal:"Other people could not see my screenshare",noContentRemote:"I could not see other people's screenshare",cannotPresent:"I could not present my screen",lowQuality:"Screen share quality was low",freezes:"Screen share frozen",stoppedUnexpectedly:"Screen share stopped unexpectedly",largeDelay:"Screen share has a large delay",otherIssues:"I was having other screen share issues in this call"}},SurveyIssuesHeadingStrings:{overallRating:"Overall",audioRating:"Audio",videoRating:"Video",screenshareRating:"Presenting"},spotlightPrompt:{startSpotlightHeading:"Spotlight for everyone?",startSpotlightText:"You'll highlight this video for everyone in the meeting.",startSpotlightOnSelfText:"You'll highlight your video for everyone in the meeting.",startSpotlightConfirmButtonLabel:"Spotlight for everyone",startSpotlightCancelButtonLabel:"Cancel",stopSpotlightHeading:"Stop spotlighting this video?",stopSpotlightOnSelfHeading:"Exit spotlight?",stopAllSpotlightHeading:"Stop spotlighting all videos?",stopSpotlightText:"This video will no longer be highlighted for everyone in the meeting.",stopSpotlightOnSelfText:"Your video will no longer be highlighted for everyone in the meeting.",stopAllSpotlightText:"The videos will no longer be highlighted for everyone in the meeting.",stopSpotlightConfirmButtonLabel:"Stop spotlighting",stopSpotlightOnSelfConfirmButtonLabel:"Exit spotlight",stopSpotlightCancelButtonLabel:"Cancel"},exitSpotlightButtonLabel:"Exit spotlight",exitSpotlightButtonTooltip:"Exit spotlight",invalidMeetingIdentifier:"Invalid meeting ID or passcode"};var chat$k={chatListHeader:"In this chat",uploadFile:"Upload File"};var callWithChat$k={chatButtonLabel:"Chat",chatButtonNewMessageNotificationLabel:"New Message",chatButtonTooltipClosedWithMessageCount:"Show chat ({unreadMessagesCount} unread)",chatButtonTooltipClose:"Hide chat",chatButtonTooltipOpen:"Show chat",chatPaneTitle:"Chat",copyInviteLinkButtonLabel:"Copy invite link",copyInviteLinkActionedAriaLabel:"Invite link copied",dismissSidePaneButtonLabel:"Close",moreDrawerAudioDeviceMenuTitle:"Audio Device",moreDrawerButtonLabel:"More options",moreDrawerButtonTooltip:"More options",moreDrawerMicrophoneMenuTitle:"Microphone",moreDrawerSpeakerMenuTitle:"Speaker",moreDrawerCaptionsMenuTitle:"Live captions",moreDrawerSpokenLanguageMenuTitle:"Spoken language",moreDrawerCaptionLanguageMenuTitle:"Caption language",moreDrawerGalleryOptionsMenuTitle:"Gallery options",peopleButtonLabel:"People",selectedPeopleButtonLabel:"People Button Selected",peopleButtonTooltipOpen:"Show participants",peopleButtonTooltipClose:"Hide participants",peoplePaneSubTitle:"In this call",peoplePaneTitle:"People",pictureInPictureTileAriaLabel:"Video Feeds. Click to return to call screen.",removeMenuLabel:"Remove",openDialpadButtonLabel:"Dial phone number",returnToCallButtonAriaDescription:"Return to Call",returnToCallButtonAriaLabel:"Back",peoplePaneAddPeopleButtonLabel:"Add People",dialpadStartCallButtonLabel:"Call",dialpadModalTitle:"Dial Phone Number",dialpadModalAriaLabel:"Dialpad",dialpadCloseModalButtonAriaLabel:"Close dialpad",openDtmfDialpadLabel:"Show dialpad",dtmfDialpadPlaceholderText:"Enter number"};var en_US = {call:call$k,chat:chat$k,callWithChat:callWithChat$k};
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
@@ -24838,7 +25301,7 @@ const FileUploadButton = (props) => {
             } },
             React.createElement(react.IconButton, { className: iconButtonClassName, ariaLabel: uploadFileButtonStringTrampoline() },
                 React.createElement(SendBoxAttachFileIconTrampoline, null))),
-        React.createElement("input", { ref: inputRef, hidden: true, multiple: multiple, accept: accept, type: "file", onClick: (e) => {
+        React.createElement("input", { ref: inputRef, hidden: true, multiple: multiple !== null && multiple !== void 0 ? multiple : true, accept: accept !== null && accept !== void 0 ? accept : '*', type: "file", onClick: (e) => {
                 // To ensure that `onChange` is fired even if the same file is picked again.
                 e.currentTarget.value = '';
             }, onChange: (e) => {
@@ -25444,6 +25907,28 @@ const _createAzureCommunicationChatAdapterInner = (endpoint_1, userId_1, display
     const adapter = yield createAzureCommunicationChatAdapterFromClient(chatClient, chatThreadClient);
     return adapter;
 });
+/**
+ * This inner function to create ChatAdapterPromise in case when threadID is not avaialble.
+ * ThreadId is a promise to allow for lazy initialization of the adapter.
+ * @internal
+ */
+const _createLazyAzureCommunicationChatAdapterInner = (endpoint_2, userId_2, displayName_2, credential_2, threadId_2, ...args_2) => __awaiter$n(void 0, [endpoint_2, userId_2, displayName_2, credential_2, threadId_2, ...args_2], void 0, function* (endpoint, userId, displayName, credential, threadId, telemetryImplementationHint = 'Chat') {
+    if (!_isValidIdentifier(userId)) {
+        throw new Error('Provided userId is invalid. Please provide valid identifier object.');
+    }
+    const chatClient = _createStatefulChatClientInner({
+        userId,
+        displayName,
+        endpoint,
+        credential
+    }, undefined, telemetryImplementationHint);
+    return threadId.then((threadId) => __awaiter$n(void 0, void 0, void 0, function* () {
+        const chatThreadClient = yield chatClient.getChatThreadClient(threadId);
+        yield chatClient.startRealtimeNotifications();
+        const adapter = yield createAzureCommunicationChatAdapterFromClient(chatClient, chatThreadClient);
+        return adapter;
+    }));
+});
 /**
  * A custom React hook to simplify the creation of {@link ChatAdapter}.
  *
@@ -26203,14 +26688,14 @@ const ChatScreenPeoplePane = (props) => {
 /**
  * @private
  */
-const FileDownloadErrorBar = (props) => {
-    const { fileDownloadErrorMessage, onDismissDownloadErrorMessage } = props;
+const AttachmentDownloadErrorBar = (props) => {
+    const { attachmentDownloadErrorMessage, onDismissDownloadErrorMessage } = props;
     const messageBarIconProps = { iconName: 'ProtectedDocument' };
-    if (fileDownloadErrorMessage !== '') {
+    if (attachmentDownloadErrorMessage !== '') {
         return (React.createElement(react.Stack, { horizontal: true, horizontalAlign: "space-between", verticalAlign: "center" },
             React.createElement(react.MessageBar, { messageBarType: react.MessageBarType.warning, onDismiss: () => {
                     onDismissDownloadErrorMessage();
-                }, messageBarIconProps: messageBarIconProps }, fileDownloadErrorMessage)));
+                }, messageBarIconProps: messageBarIconProps }, attachmentDownloadErrorMessage)));
     }
     else {
         return React.createElement(React.Fragment, null);
@@ -26253,7 +26738,7 @@ const useSelector$2 = (selector, selectorProps) => {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 /* @conditional-compile-remove(rich-text-editor) */
-const RichTextSendBoxWrapper = React.lazy(() => Promise.resolve().then(function () { return require('./RichTextSendBoxWrapper-Yty3fOoA.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper })));
+const RichTextSendBoxWrapper = React.lazy(() => Promise.resolve().then(function () { return require('./RichTextSendBoxWrapper-CH6WvEGZ.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper })));
 /**
  * @private
  */
@@ -26372,9 +26857,11 @@ const ChatScreen = (props) => {
         fileSharing === null || fileSharing === void 0 ? void 0 : fileSharing.uploadHandler(userId, fileUploads);
     }, [adapter, fileSharing, userId]);
     /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-    const onRenderFileDownloads = React.useCallback((userId, message) => (React.createElement(_AttachmentDownloadCards, { userId: userId, fileMetadata: message.files || [], downloadHandler: fileSharing === null || fileSharing === void 0 ? void 0 : fileSharing.downloadHandler, onDownloadErrorMessage: (errorMessage) => {
+    const onRenderAttachmentDownloads = React.useCallback((userId, message) => (React.createElement(_AttachmentDownloadCards, { attachments: message.files, message: message, 
+        // temp walkaround until upload is refactored
+        actionsForAttachment: fileSharing === null || fileSharing === void 0 ? void 0 : fileSharing.actionsForAttachment, onActionHandlerFailed: (errorMessage) => {
             setDownloadErrorMessage(errorMessage);
-        } })), [fileSharing === null || fileSharing === void 0 ? void 0 : fileSharing.downloadHandler]);
+        } })), [fileSharing === null || fileSharing === void 0 ? void 0 : fileSharing.actionsForAttachment]);
     const onInlineImageClicked = React.useCallback((attachmentId, messageId) => {
         var _a, _b;
         const message = adapter.getState().thread.chatMessages[messageId];
@@ -26463,10 +26950,11 @@ const ChatScreen = (props) => {
         }
     }, [overlayImageItem === null || overlayImageItem === void 0 ? void 0 : overlayImageItem.attachmentId]);
     const AttachFileButton = React.useCallback(() => {
+        var _a, _b;
         if (!(fileSharing === null || fileSharing === void 0 ? void 0 : fileSharing.uploadHandler)) {
             return null;
         }
-        return (React.createElement(FileUploadButtonWrapper, { accept: fileSharing === null || fileSharing === void 0 ? void 0 : fileSharing.accept, multiple: fileSharing === null || fileSharing === void 0 ? void 0 : fileSharing.multiple, onChange: fileUploadButtonOnChange }));
+        return (React.createElement(FileUploadButtonWrapper, { accept: (_a = fileSharing === null || fileSharing === void 0 ? void 0 : fileSharing.accept) !== null && _a !== void 0 ? _a : '*', multiple: (_b = fileSharing === null || fileSharing === void 0 ? void 0 : fileSharing.multiple) !== null && _b !== void 0 ? _b : true, onChange: fileUploadButtonOnChange }));
     }, [fileSharing === null || fileSharing === void 0 ? void 0 : fileSharing.accept, fileSharing === null || fileSharing === void 0 ? void 0 : fileSharing.multiple, fileSharing === null || fileSharing === void 0 ? void 0 : fileSharing.uploadHandler, fileUploadButtonOnChange]);
     return (React.createElement(react.Stack, { className: chatContainer, grow: true },
         (options === null || options === void 0 ? void 0 : options.topic) !== false && React.createElement(ChatHeader, Object.assign({}, headerProps)),
@@ -26474,12 +26962,12 @@ const ChatScreen = (props) => {
             React.createElement(react.Stack, { className: chatWrapper, grow: true },
                 (options === null || options === void 0 ? void 0 : options.errorBar) !== false && React.createElement(ErrorBar, Object.assign({}, errorBarProps)),
                 /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-                React.createElement(FileDownloadErrorBar, { onDismissDownloadErrorMessage: React.useCallback(() => {
+                React.createElement(AttachmentDownloadErrorBar, { onDismissDownloadErrorMessage: React.useCallback(() => {
                         setDownloadErrorMessage('');
-                    }, []), fileDownloadErrorMessage: downloadErrorMessage || '' }),
+                    }, []), attachmentDownloadErrorMessage: downloadErrorMessage || '' }),
                 React.createElement(MessageThread, Object.assign({}, messageThreadProps, { onRenderAvatar: onRenderAvatarCallback, onRenderMessage: onRenderMessage, 
                     /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-                    onRenderFileDownloads: onRenderFileDownloads, inlineImageOptions: inlineImageOptions, numberOfChatMessagesToReload: defaultNumberOfChatMessagesToReload, styles: messageThreadStyles })),
+                    onRenderAttachmentDownloads: onRenderAttachmentDownloads, inlineImageOptions: inlineImageOptions, numberOfChatMessagesToReload: defaultNumberOfChatMessagesToReload, styles: messageThreadStyles })),
                 React.createElement(react.Stack, { className: react.mergeStyles(sendboxContainerStyles) },
                     React.createElement("div", { className: react.mergeStyles(typingIndicatorContainerStyles) }, onRenderTypingIndicator ? (onRenderTypingIndicator(typingIndicatorProps.typingUsers)) : (React.createElement(TypingIndicator, Object.assign({}, typingIndicatorProps, { styles: typingIndicatorStyles })))),
                     React.createElement(react.Stack, { horizontal: formFactor === 'mobile' },
@@ -26706,6 +27194,8 @@ 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];
 const CALL_REJECTED_CODE$1 = 603;
+/* @conditional-compile-remove(meeting-id) */
+const INVALID_MEETING_IDENTIFIER = 5751;
 /** @private */
 const ROOM_NOT_FOUND_SUB_CODE = 5732;
 /** @private */
@@ -26797,7 +27287,7 @@ const getCallEndReason = (call) => {
  * @private
  */
 const getEndedCallPageProps = (locale, endedCall) => {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f;
     let title = locale.strings.call.leftCallTitle;
     let moreDetails = locale.strings.call.leftCallMoreDetails;
     let disableStartCallButton = false;
@@ -26893,6 +27383,16 @@ const getEndedCallPageProps = (locale, endedCall) => {
             }
             break;
     }
+    /* @conditional-compile-remove(meeting-id) */
+    switch ((_f = endedCall === null || endedCall === void 0 ? void 0 : endedCall.callEndReason) === null || _f === void 0 ? void 0 : _f.subCode) {
+        case INVALID_MEETING_IDENTIFIER:
+            if (locale.strings.call.callRejectedTitle) {
+                title = locale.strings.call.callRejectedTitle;
+                moreDetails = locale.strings.call.invalidMeetingIdentifier;
+                disableStartCallButton = true;
+            }
+            break;
+    }
     return { title, moreDetails, disableStartCallButton, iconName };
 };
 /**
@@ -30505,7 +31005,6 @@ var __awaiter$f = (window && window.__awaiter) || function (thisArg, _arguments,
  * @private
  */
 const PeoplePaneContent = (props) => {
-    var _a, _b;
     const { inviteLink, onFetchParticipantMenuItems, setDrawerMenuItems, 
     /* @conditional-compile-remove(spotlight) */ participantListHeadingMoreButtonProps } = props;
     const adapter = useAdapter();
@@ -30526,7 +31025,7 @@ const PeoplePaneContent = (props) => {
     /* @conditional-compile-remove(PSTN-calls) */
     const alternateCallerId = adapter.getState().alternateCallerId;
     const participantListDefaultProps = usePropsFor$1(ParticipantList$k);
-    const removeButtonAllowed = (_b = (_a = adapter.getState().call) === null || _a === void 0 ? void 0 : _a.capabilitiesFeature) === null || _b === void 0 ? void 0 : _b.capabilities.removeParticipant.isPresent;
+    const removeButtonAllowed = canRemoveParticipants(adapter);
     const setDrawerMenuItemsForParticipant = React.useMemo(() => {
         return (participant) => {
             if (participant) {
@@ -30608,6 +31107,16 @@ const createDefaultContextualMenuItems = (participant, strings, onRemoveParticip
     }
     return menuItems;
 };
+const canRemoveParticipants = (adapter) => {
+    var _a;
+    // TODO: We should be using the removeParticipant capability here but there is an SDK bug for Rooms where a
+    // Presenter's removeParticipant capability is {isPresent: false, reason: 'CapabilityNotApplicableForTheCallType'}.
+    // But a Presenter in Rooms should be able to remove participants according to the following documentation
+    // https://learn.microsoft.com/en-us/azure/communication-services/concepts/rooms/room-concept#predefined-participant-roles-and-permissions
+    const role = (_a = adapter.getState().call) === null || _a === void 0 ? void 0 : _a.role;
+    const canRemove = role === 'Presenter' || role === 'Unknown' || role === undefined;
+    return canRemove;
+};
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
@@ -32249,7 +32758,7 @@ const DtmfDialpadPageContent = (props) => {
             React.createElement(react.Text, { style: { margin: 'auto' } }, calleeName && calleeName !== 'Unnamed participant' ? calleeName === null || calleeName === void 0 ? void 0 : calleeName.toString() : ''),
             React.createElement(Dialpad, { onSendDtmfTone: (tone) => __awaiter$c(void 0, void 0, void 0, function* () {
                     yield adapter.sendDtmfTone(tone);
-                }), longPressTrigger: props.mobileView ? 'touch' : 'mouseAndTouch', dialpadMode: 'dtmf' }))));
+                }), longPressTrigger: props.mobileView ? 'touch' : 'mouseAndTouch', dialpadMode: 'dtmf', dtmfAudioContext: props.compositeAudioContext }))));
 };
 const DtmfDialerContentTimer = () => {
     const [time, setTime] = React.useState(0);
@@ -32274,7 +32783,7 @@ const DtmfDialerContentTimer = () => {
  */
 const DtmfDialpadPage = (props) => {
     const adapter = useAdapter();
-    return React.createElement(DtmfDialpadPageContent, { adapter: adapter, mobileView: props.mobileView });
+    return React.createElement(DtmfDialpadPageContent, Object.assign({ adapter: adapter }, props, { mobileView: props.mobileView }));
 };
 
 // Copyright (c) Microsoft Corporation.
@@ -32320,7 +32829,7 @@ const buttonTextStyles = { label: { fontSize: '0.875rem' } };
  */
 const CallPage = (props) => {
     var _a;
-    const { callInvitationURL, onFetchAvatarPersonaData, onFetchParticipantMenuItems, options, mobileView, galleryLayout = 'floatingLocalVideo', onUserSetGalleryLayoutChange, userSetOverflowGalleryPosition = 'Responsive', onSetUserSetOverflowGalleryPosition, onCloseChatPane, pinnedParticipants, setPinnedParticipants } = props;
+    const { callInvitationURL, onFetchAvatarPersonaData, onFetchParticipantMenuItems, options, mobileView, galleryLayout = 'floatingLocalVideo', onUserSetGalleryLayoutChange, userSetOverflowGalleryPosition = 'Responsive', onSetUserSetOverflowGalleryPosition, onCloseChatPane, pinnedParticipants, setPinnedParticipants, compositeAudioContext } = props;
     // To use useProps to get these states, we need to create another file wrapping Call,
     // It seems unnecessary in this case, so we get the updated states using this approach.
     const { callStatus } = useSelector$1(callStatusSelector);
@@ -32347,7 +32856,7 @@ const CallPage = (props) => {
         if (dtmfDialerPresent) {
             return (React.createElement(DtmfDialpadPage, { mobileView: props.mobileView, modalLayerHostId: props.modalLayerHostId, options: props.options, updateSidePaneRenderer: props.updateSidePaneRenderer, mobileChatTabHeader: props.mobileChatTabHeader, latestErrors: props.latestErrors, onDismissError: props.onDismissError, 
                 /* @conditional-compile-remove(capabilities) */
-                capabilitiesChangedNotificationBarProps: props.capabilitiesChangedNotificationBarProps, onSetDialpadPage: () => setDtmfDialerPresent(!dtmfDialerPresent), dtmfDialerPresent: dtmfDialerPresent }));
+                capabilitiesChangedNotificationBarProps: props.capabilitiesChangedNotificationBarProps, onSetDialpadPage: () => setDtmfDialerPresent(!dtmfDialerPresent), dtmfDialerPresent: dtmfDialerPresent, compositeAudioContext: compositeAudioContext }));
         }
         else {
             return (React.createElement(MediaGallery, Object.assign({ isMobile: mobileView }, mediaGalleryProps, mediaGalleryHandlers, { onFetchAvatarPersonaData: onFetchAvatarPersonaData, remoteVideoTileMenuOptions: options === null || options === void 0 ? void 0 : options.remoteVideoTileMenuOptions, drawerMenuHostId: drawerMenuHostId, localVideoTileOptions: options === null || options === void 0 ? void 0 : options.localVideoTile, userSetOverflowGalleryPosition: userSetOverflowGalleryPosition, userSetGalleryLayout: galleryLayout, pinnedParticipants: pinnedParticipants, setPinnedParticipants: setPinnedParticipants, 
@@ -32459,6 +32968,18 @@ const optionIconStyles = react.mergeStyles({
     marginRight: '8px',
     verticalAlign: 'text-top'
 });
+/**
+ * @private
+ */
+const deviceSelectionContainerStyles = {
+    root: {
+        /**
+         * this is to move the device selection container above the larger border
+         * container that is occluding messages
+         */
+        zIndex: 1
+    }
+};
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
@@ -32559,7 +33080,7 @@ const configurationSectionStyle = {
  */
 const selectionContainerStyle = (theme, noSpeakerDropdownShown) => react.mergeStyles({
     width: '100%',
-    height: noSpeakerDropdownShown ? 'auto' : `${CONFIGURATION_PAGE_SECTION_HEIGHT_REM}rem`,
+    minHeight: noSpeakerDropdownShown ? 'auto' : `${CONFIGURATION_PAGE_SECTION_HEIGHT_REM}rem`,
     padding: '1rem',
     borderRadius: theme.effects.roundedCorner6,
     border: `0.0625rem solid ${theme.palette.neutralLight}`,
@@ -32689,7 +33210,7 @@ const cameraAndVideoEffectsContainerStyleDesktop = {
 /**
  * @private
  */
-const effectsButtonStyles = (theme) => {
+const effectsButtonStyles = (theme, disabled) => {
     return {
         root: {
             background: 'transparent',
@@ -32697,26 +33218,41 @@ const effectsButtonStyles = (theme) => {
             color: theme.palette.themePrimary,
             // Top and bottom padding needs to be 5px to match the label padding
             padding: '5px 0.25rem',
-            ':hover, :focus': {
-                color: theme.palette.themePrimary
-            },
+            ':hover, :focus': disabled
+                ? {}
+                : {
+                    color: theme.palette.themePrimary
+                },
             svg: {
                 height: '1rem',
                 width: '1rem'
             }
         },
-        rootChecked: {
-            color: theme.palette.themePrimary
-        },
-        rootHovered: {
-            color: theme.palette.themePrimary
-        },
-        rootPressed: {
-            color: theme.palette.themePrimary
-        },
-        rootFocused: {
-            color: theme.palette.themePrimary
-        }
+        labelHovered: disabled
+            ? {}
+            : {
+                color: theme.palette.themePrimary
+            },
+        rootChecked: disabled
+            ? {}
+            : {
+                color: theme.palette.themePrimary
+            },
+        rootHovered: disabled
+            ? {}
+            : {
+                color: theme.palette.themePrimary
+            },
+        rootPressed: disabled
+            ? {}
+            : {
+                color: theme.palette.themePrimary
+            },
+        rootFocused: disabled
+            ? {}
+            : {
+                color: theme.palette.themePrimary
+            }
     };
 };
 /** @private */
@@ -32886,11 +33422,11 @@ const LocalDeviceSettings = (props) => {
         }
         return speakerDropdown;
     };
-    return (React.createElement(react.Stack, { "data-ui-id": "call-composite-device-settings", tokens: mainStackTokens },
+    return (React.createElement(react.Stack, { "data-ui-id": "call-composite-device-settings", tokens: mainStackTokens, styles: deviceSelectionContainerStyles },
         roleCanUseCamera && (React.createElement(react.Stack, null,
             React.createElement(react.Stack, { horizontal: true, horizontalAlign: "space-between", styles: cameraAndVideoEffectsContainerStyleDesktop },
                 React.createElement(react.Label, { id: 'call-composite-local-camera-settings-label', className: react.mergeStyles(dropDownStyles(theme).label), disabled: !cameraPermissionGranted }, cameraLabel),
-                onResolveVideoEffectDependency && (React.createElement(react.DefaultButton, { iconProps: { iconName: 'ConfigurationScreenVideoEffectsButton' }, styles: effectsButtonStyles(theme), onClick: props.onClickVideoEffects, "data-ui-id": 'call-config-video-effects-button' }, locale.strings.call.configurationPageVideoEffectsButtonLabel))),
+                onResolveVideoEffectDependency && (React.createElement(react.DefaultButton, { iconProps: { iconName: 'ConfigurationScreenVideoEffectsButton' }, styles: effectsButtonStyles(theme, !cameraPermissionGranted), onClick: props.onClickVideoEffects, disabled: !cameraPermissionGranted, "data-ui-id": 'call-config-video-effects-button' }, locale.strings.call.configurationPageVideoEffectsButtonLabel))),
             React.createElement(ConfigurationPageCameraDropdown, { cameraGrantedDropdown: cameraGrantedDropdown, cameraPermissionGranted: cameraPermissionGranted !== null && cameraPermissionGranted !== void 0 ? cameraPermissionGranted : false, 
                 /* @conditional-compile-remove(call-readiness) */
                 dropdownProps: dropdownProps, 
@@ -33029,18 +33565,21 @@ const localPreviewTileStyle = {
 /**
  * @private
  */
-const localPreviewButtonStyle = {
-    root: {
-        '@media (forced-colors: active)': {
-            ':focus': {
-                border: '1px solid !important' // we need bang important to override fluents colours
-            },
-            ':focus::after': {
-                border: 'unset !important', // we need bang important to override fluents colours
-                outline: 'unset !important'
+const localPreviewButtonStyle = (isMobile) => {
+    return {
+        root: {
+            minWidth: !isMobile ? _pxToRem(75) : 'unset', // we only want to enforce this for desktop views
+            '@media (forced-colors: active)': {
+                ':focus': {
+                    border: '1px solid !important' // we need bang important to override fluents colours
+                },
+                ':focus::after': {
+                    border: 'unset !important', // we need bang important to override fluents colours
+                    outline: 'unset !important'
+                }
             }
         }
-    }
+    };
 };
 
 // Copyright (c) Microsoft Corporation.
@@ -33101,7 +33640,7 @@ const LocalPreview = (props) => {
             React.createElement(ControlBar, { layout: "floatingBottom" },
                 React.createElement(MicrophoneButton, { "data-ui-id": "call-composite-local-device-settings-microphone-button", checked: isLocalMicrophoneEnabled, onToggleMicrophone: onToggleMic, disabled: !microphonePermissionGranted || !hasMicrophones, showLabel: true, 
                     // disable tooltip as it obscures list of devices on mobile
-                    strings: props.mobileView ? { tooltipOnContent: '', tooltipOffContent: '', tooltipDisabledContent: '' } : {}, styles: localPreviewButtonStyle }),
+                    strings: props.mobileView ? { tooltipOnContent: '', tooltipOffContent: '', tooltipDisabledContent: '' } : {}, styles: localPreviewButtonStyle(props.mobileView) }),
                 React.createElement(CameraButton, Object.assign({ "data-ui-id": "call-composite-local-device-settings-camera-button" }, cameraButtonProps, { showLabel: true, disabled: !cameraPermissionGranted || !hasCameras, 
                     // disable tooltip as it obscures list of devices on mobile
                     strings: props.mobileView
@@ -33111,7 +33650,7 @@ const LocalPreview = (props) => {
                             tooltipDisabledContent: '',
                             tooltipVideoLoadingContent: ''
                         }
-                        : {}, styles: localPreviewButtonStyle })),
+                        : {}, styles: localPreviewButtonStyle(props.mobileView) })),
                 props.showDevicesButton && (React.createElement(DevicesButton, Object.assign({ "data-ui-id": "call-composite-local-device-settings-options-button" }, devicesButtonProps, { 
                     // disable button whilst all other buttons are disabled
                     disabled: (!microphonePermissionGranted && !cameraPermissionGranted && hasNoSpeakers) || hasNoDevices, showLabel: true, 
@@ -34676,6 +35215,7 @@ const MainScreen = (props) => {
             adapter.off('callEnded', closeSidePane);
         };
     }, [adapter]);
+    const compositeAudioContext = React.useRef(new AudioContext());
     /* @conditional-compile-remove(capabilities) */
     const capabilitiesChangedInfoAndRole = useSelector$1(capabilitiesChangedInfoAndRoleSelector);
     /* @conditional-compile-remove(capabilities) */
@@ -34765,7 +35305,7 @@ const MainScreen = (props) => {
         case 'call':
             pageElement = (React.createElement(CallPage, { callInvitationURL: callInvitationUrl, onFetchAvatarPersonaData: onFetchAvatarPersonaData, onFetchParticipantMenuItems: onFetchParticipantMenuItems, mobileView: props.mobileView, modalLayerHostId: props.modalLayerHostId, options: props.options, updateSidePaneRenderer: setSidePaneRenderer, mobileChatTabHeader: props.mobileChatTabHeader, onCloseChatPane: props.onCloseChatPane, latestErrors: latestErrors, onDismissError: onDismissError, galleryLayout: userSetGalleryLayout, onUserSetGalleryLayoutChange: setUserSetGalleryLayout, onSetUserSetOverflowGalleryPosition: setUserSetOverflowGalleryPosition, userSetOverflowGalleryPosition: userSetOverflowGalleryPosition, 
                 /* @conditional-compile-remove(capabilities) */
-                capabilitiesChangedNotificationBarProps: capabilitiesChangedNotificationBarProps, pinnedParticipants: pinnedParticipants, setPinnedParticipants: setPinnedParticipants }));
+                capabilitiesChangedNotificationBarProps: capabilitiesChangedNotificationBarProps, pinnedParticipants: pinnedParticipants, setPinnedParticipants: setPinnedParticipants, compositeAudioContext: compositeAudioContext.current }));
             break;
         /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
         case 'hold':
@@ -35261,7 +35801,9 @@ class AzureCommunicationCallAdapter {
                 ? locatorOrTargetCalless
                 : undefined;
         this.deviceManager = deviceManager;
-        const isTeamsMeeting = this.locator ? 'meetingLink' in this.locator : false;
+        const isTeamsMeeting = this.locator
+            ? 'meetingLink' in this.locator || /* @conditional-compile-remove(meeting-id) */ 'meetingId' in this.locator
+            : false;
         const isRoomsCall = this.locator ? 'roomId' in this.locator : false;
         this.onResolveVideoBackgroundEffectsDependency = (_a = options === null || options === void 0 ? void 0 : options.videoBackgroundOptions) === null || _a === void 0 ? void 0 : _a.onResolveDependency;
         this.context = new CallContext(callClient.getState(), isTeamsMeeting, isRoomsCall, options, this.targetCallees);
@@ -35492,18 +36034,34 @@ class AzureCommunicationCallAdapter {
     }
     _joinCall(audioOptions, videoOptions) {
         const isTeamsMeeting = this.locator ? 'meetingLink' in this.locator : false;
+        /* @conditional-compile-remove(meeting-id) */
+        const isTeamsMeetingId = this.locator ? 'meetingId' in this.locator : false;
         const isRoomsCall = this.locator ? 'roomId' in this.locator : false;
         /* @conditional-compile-remove(teams-identity-support) */
         if (_isTeamsCallAgent(this.callAgent)) {
-            if (!isTeamsMeeting) {
-                throw new Error('Locator not supported by TeamsCallAgent');
+            if (isTeamsMeeting) {
+                return this.callAgent.join(this.locator, {
+                    audioOptions,
+                    videoOptions
+                });
+            }
+            /* @conditional-compile-remove(meeting-id) */
+            if (isTeamsMeetingId) {
+                return this.callAgent.join(this.locator, {
+                    audioOptions,
+                    videoOptions
+                });
             }
+            throw new Error('Locator not supported by TeamsCallAgent');
+        }
+        if (isTeamsMeeting) {
             return this.callAgent.join(this.locator, {
                 audioOptions,
                 videoOptions
             });
         }
-        if (isTeamsMeeting) {
+        /* @conditional-compile-remove(meeting-id) */
+        if (isTeamsMeetingId) {
             return this.callAgent.join(this.locator, {
                 audioOptions,
                 videoOptions
@@ -37200,12 +37758,11 @@ const isOnHoldTrampoline = (page) => {
 /**
  * @private
  */
-function callWithChatAdapterStateFromBackingStates(callAdapter, chatAdapter) {
+function callWithChatAdapterStateFromBackingStates(callAdapter) {
     const callAdapterState = callAdapter.getState();
-    const chatAdapterState = chatAdapter.getState();
     return {
         call: callAdapterState.call,
-        chat: chatAdapterState.thread,
+        chat: undefined,
         userId: callAdapterState.userId,
         page: callAdapterState.page,
         displayName: callAdapterState.displayName,
@@ -37213,9 +37770,9 @@ function callWithChatAdapterStateFromBackingStates(callAdapter, chatAdapter) {
         isLocalPreviewMicrophoneEnabled: callAdapterState.isLocalPreviewMicrophoneEnabled,
         isTeamsCall: callAdapterState.isTeamsCall,
         latestCallErrors: callAdapterState.latestErrors,
-        latestChatErrors: chatAdapterState.latestErrors,
+        latestChatErrors: {},
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-        fileUploads: chatAdapterState.fileUploads,
+        fileUploads: {},
         /* @conditional-compile-remove(PSTN-calls) */
         alternateCallerId: callAdapterState.alternateCallerId,
         /* @conditional-compile-remove(unsupported-browser) */
@@ -37315,44 +37872,61 @@ class CallWithChatContext {
  * Created for easy use with the {@link CallWithChatComposite}.
  */
 class AzureCommunicationCallWithChatAdapter {
-    constructor(callAdapter, chatAdapter) {
+    constructor(callAdapter, chatAdapterPromise) {
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
         this.registerActiveFileUploads = (files) => {
-            return this.chatAdapter.registerActiveFileUploads(files);
+            var _a, _b;
+            return (_b = (_a = this.chatAdapter) === null || _a === void 0 ? void 0 : _a.registerActiveFileUploads(files)) !== null && _b !== void 0 ? _b : [];
         };
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
         this.registerCompletedFileUploads = (metadata) => {
-            return this.chatAdapter.registerCompletedFileUploads(metadata);
+            var _a, _b;
+            return (_b = (_a = this.chatAdapter) === null || _a === void 0 ? void 0 : _a.registerCompletedFileUploads(metadata)) !== null && _b !== void 0 ? _b : [];
         };
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
         this.clearFileUploads = () => {
-            this.chatAdapter.clearFileUploads();
+            this.chatAdapterPromise.then((adapter) => {
+                adapter.clearFileUploads();
+            });
         };
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
         this.cancelFileUpload = (id) => {
-            this.chatAdapter.cancelFileUpload(id);
+            this.chatAdapterPromise.then((adapter) => {
+                adapter.cancelFileUpload(id);
+            });
         };
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
         this.updateFileUploadProgress = (id, progress) => {
-            this.chatAdapter.updateFileUploadProgress(id, progress);
+            this.chatAdapterPromise.then((adapter) => {
+                adapter.updateFileUploadProgress(id, progress);
+            });
         };
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
         this.updateFileUploadErrorMessage = (id, errorMessage) => {
-            this.chatAdapter.updateFileUploadErrorMessage(id, errorMessage);
+            this.chatAdapterPromise.then((adapter) => {
+                adapter.updateFileUploadErrorMessage(id, errorMessage);
+            });
         };
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
         this.updateFileUploadMetadata = (id, metadata) => {
-            this.chatAdapter.updateFileUploadMetadata(id, metadata);
+            this.chatAdapterPromise.then((adapter) => {
+                adapter.updateFileUploadMetadata(id, metadata);
+            });
         };
         this.bindPublicMethods();
         this.callAdapter = callAdapter;
-        this.chatAdapter = chatAdapter;
-        this.context = new CallWithChatContext(callWithChatAdapterStateFromBackingStates(callAdapter, chatAdapter));
+        this.context = new CallWithChatContext(callWithChatAdapterStateFromBackingStates(callAdapter));
         const onChatStateChange = (newChatAdapterState) => {
             this.context.updateClientStateWithChatState(newChatAdapterState);
         };
-        this.chatAdapter.onStateChange(onChatStateChange);
         this.onChatStateChange = onChatStateChange;
+        this.chatAdapterPromise = chatAdapterPromise;
+        this.chatAdapterPromise.then((chatAdapter) => {
+            chatAdapter.onStateChange(this.onChatStateChange);
+            /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+            this.chatAdapter = chatAdapter;
+            this.context.updateClientStateWithChatState(chatAdapter.getState());
+        });
         const onCallStateChange = (newCallAdapterState) => {
             this.context.updateClientStateWithCallState(newCallAdapterState);
         };
@@ -37480,10 +38054,16 @@ class AzureCommunicationCallWithChatAdapter {
     }
     /** Dispose of the current CallWithChatAdapter. */
     dispose() {
-        this.chatAdapter.offStateChange(this.onChatStateChange);
-        this.callAdapter.offStateChange(this.onCallStateChange);
-        this.chatAdapter.dispose();
-        this.callAdapter.dispose();
+        return __awaiter$2(this, void 0, void 0, function* () {
+            this.chatAdapterPromise.then((adapter) => {
+                adapter.offStateChange(this.onChatStateChange);
+            });
+            this.callAdapter.offStateChange(this.onCallStateChange);
+            yield this.chatAdapterPromise.then((adapter) => {
+                adapter.dispose();
+            });
+            this.callAdapter.dispose();
+        });
     }
     /** Remove a participant from the Call only. */
     removeParticipant(userId) {
@@ -37621,53 +38201,71 @@ class AzureCommunicationCallWithChatAdapter {
     /** Fetch initial Call and Chat data such as chat messages. */
     fetchInitialData() {
         return __awaiter$2(this, void 0, void 0, function* () {
-            yield this.chatAdapter.fetchInitialData();
+            return yield this.chatAdapterPromise.then((adapter) => {
+                return adapter.fetchInitialData();
+            });
         });
     }
     /** Send a chat message. */
     sendMessage(content) {
         return __awaiter$2(this, void 0, void 0, function* () {
-            yield this.chatAdapter.sendMessage(content);
+            return yield this.chatAdapterPromise.then((adapter) => {
+                return adapter.sendMessage(content);
+            });
         });
     }
     /** Send a chat read receipt. */
     sendReadReceipt(chatMessageId) {
         return __awaiter$2(this, void 0, void 0, function* () {
-            yield this.chatAdapter.sendReadReceipt(chatMessageId);
+            return yield this.chatAdapterPromise.then((adapter) => {
+                return adapter.sendReadReceipt(chatMessageId);
+            });
         });
     }
     /** Send an isTyping indicator. */
     sendTypingIndicator() {
         return __awaiter$2(this, void 0, void 0, function* () {
-            yield this.chatAdapter.sendTypingIndicator();
+            return yield this.chatAdapterPromise.then((adapter) => {
+                return adapter.sendTypingIndicator();
+            });
         });
     }
     /** Load previous Chat messages. */
     loadPreviousChatMessages(messagesToLoad) {
         return __awaiter$2(this, void 0, void 0, function* () {
-            return yield this.chatAdapter.loadPreviousChatMessages(messagesToLoad);
+            return yield this.chatAdapterPromise.then((adapter) => {
+                return adapter.loadPreviousChatMessages(messagesToLoad);
+            });
         });
     }
     /** Update an existing message. */
     updateMessage(messageId, content, metadata, options) {
         return __awaiter$2(this, void 0, void 0, function* () {
-            return yield this.chatAdapter.updateMessage(messageId, content, metadata, 
-            /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ options);
+            return this.chatAdapterPromise.then((adapter) => {
+                return adapter.updateMessage(messageId, content, metadata, 
+                /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ options);
+            });
         });
     }
     /** Delete an existing message. */
     deleteMessage(messageId) {
         return __awaiter$2(this, void 0, void 0, function* () {
-            return yield this.chatAdapter.deleteMessage(messageId);
+            return yield this.chatAdapterPromise.then((adapter) => {
+                return adapter.deleteMessage(messageId);
+            });
         });
     }
     downloadResourceToCache(resourceDetails) {
         return __awaiter$2(this, void 0, void 0, function* () {
-            this.chatAdapter.downloadResourceToCache(resourceDetails);
+            this.chatAdapterPromise.then((adapter) => {
+                adapter.downloadResourceToCache(resourceDetails);
+            });
         });
     }
     removeResourceFromCache(resourceDetails) {
-        this.chatAdapter.removeResourceFromCache(resourceDetails);
+        this.chatAdapterPromise.then((adapter) => {
+            adapter.removeResourceFromCache(resourceDetails);
+        });
     }
     /* @conditional-compile-remove(PSTN-calls) */
     holdCall() {
@@ -37815,31 +38413,47 @@ class AzureCommunicationCallWithChatAdapter {
                 this.callAdapter.on('isSpokenLanguageChanged', listener);
                 break;
             case 'messageReceived':
-                this.chatAdapter.on('messageReceived', listener);
+                this.chatAdapterPromise.then((adapter) => {
+                    adapter.on('messageReceived', listener);
+                });
                 break;
             case 'messageEdited':
-                this.chatAdapter.on('messageEdited', listener);
+                this.chatAdapterPromise.then((adapter) => {
+                    adapter.on('messageEdited', listener);
+                });
                 break;
             case 'messageDeleted':
-                this.chatAdapter.on('messageDeleted', listener);
+                this.chatAdapterPromise.then((adapter) => {
+                    adapter.on('messageDeleted', listener);
+                });
                 break;
             case 'messageSent':
-                this.chatAdapter.on('messageSent', listener);
+                this.chatAdapterPromise.then((adapter) => {
+                    adapter.on('messageSent', listener);
+                });
                 break;
             case 'messageRead':
-                this.chatAdapter.on('messageRead', listener);
+                this.chatAdapterPromise.then((adapter) => {
+                    adapter.on('messageRead', listener);
+                });
                 break;
             case 'chatParticipantsAdded':
-                this.chatAdapter.on('participantsAdded', listener);
+                this.chatAdapterPromise.then((adapter) => {
+                    adapter.on('participantsAdded', listener);
+                });
                 break;
             case 'chatParticipantsRemoved':
-                this.chatAdapter.on('participantsRemoved', listener);
+                this.chatAdapterPromise.then((adapter) => {
+                    adapter.on('participantsRemoved', listener);
+                });
                 break;
             case 'callError':
                 this.callAdapter.on('error', listener);
                 break;
             case 'chatError':
-                this.chatAdapter.on('error', listener);
+                this.chatAdapterPromise.then((adapter) => {
+                    adapter.on('error', listener);
+                });
                 break;
             default:
                 throw `Unknown AzureCommunicationCallWithChatAdapter Event: ${event}`;
@@ -37895,37 +38509,113 @@ class AzureCommunicationCallWithChatAdapter {
                 this.callAdapter.off('isSpokenLanguageChanged', listener);
                 break;
             case 'messageReceived':
-                this.chatAdapter.off('messageReceived', listener);
+                this.chatAdapterPromise.then((adapter) => {
+                    adapter.off('messageReceived', listener);
+                });
                 break;
             case 'messageEdited':
-                this.chatAdapter.off('messageEdited', listener);
+                this.chatAdapterPromise.then((adapter) => {
+                    adapter.off('messageEdited', listener);
+                });
                 break;
             case 'messageDeleted':
-                this.chatAdapter.off('messageDeleted', listener);
+                this.chatAdapterPromise.then((adapter) => {
+                    adapter.off('messageDeleted', listener);
+                });
                 break;
             case 'messageSent':
-                this.chatAdapter.off('messageSent', listener);
+                this.chatAdapterPromise.then((adapter) => {
+                    adapter.off('messageSent', listener);
+                });
                 break;
             case 'messageRead':
-                this.chatAdapter.off('messageRead', listener);
+                this.chatAdapterPromise.then((adapter) => {
+                    adapter.off('messageRead', listener);
+                });
                 break;
             case 'chatParticipantsAdded':
-                this.chatAdapter.off('participantsAdded', listener);
+                this.chatAdapterPromise.then((adapter) => {
+                    adapter.off('participantsAdded', listener);
+                });
                 break;
             case 'chatParticipantsRemoved':
-                this.chatAdapter.off('participantsRemoved', listener);
+                this.chatAdapterPromise.then((adapter) => {
+                    adapter.off('participantsRemoved', listener);
+                });
                 break;
             case 'callError':
                 this.callAdapter.off('error', listener);
                 break;
             case 'chatError':
-                this.chatAdapter.off('error', listener);
+                this.chatAdapterPromise.then((adapter) => {
+                    adapter.off('error', listener);
+                });
                 break;
             default:
                 throw `Unknown AzureCommunicationCallWithChatAdapter Event: ${event}`;
         }
     }
 }
+/**
+ * Arguments for use in {@link createAzureCommunicationCallWithChatAdapter} to join a Group Call with an associated Chat thread.
+ * @public
+ */
+class CallAndChatProvider {
+    constructor(locator) {
+        this.locator = locator;
+    }
+    getChatThread() {
+        return __awaiter$2(this, void 0, void 0, function* () {
+            return this.locator.chatThreadId;
+        });
+    }
+}
+/**
+ * Arguments for use in {@link createAzureCommunicationCallWithChatAdapter} to join a Teams meeting with an associated Chat thread.
+ *
+ * @public
+ */
+class TeamsMeetingLinkProvider {
+    constructor(locator) {
+        this.locator = locator;
+    }
+    getChatThread() {
+        return __awaiter$2(this, void 0, void 0, function* () {
+            return getChatThreadFromTeamsLink(this.locator.meetingLink);
+        });
+    }
+}
+/** @conditional-compile-remove(meeting-id) */
+/**
+ * Arguments for use in {@link createAzureCommunicationCallWithChatAdapter} to join a Teams meeting using meeting id.
+ *
+ * @public
+ */
+class TeamsMeetingIdProvider {
+    constructor(locator, callAdapter) {
+        this.locator = locator;
+        this.callAdapter = callAdapter;
+    }
+    /**
+     * Wait call to be connected to get thread ID.
+     * @returns the chat thread ID for the given meeting ID.
+     */
+    getChatThread() {
+        return __awaiter$2(this, void 0, void 0, function* () {
+            return new Promise((resolve) => {
+                const stateChangeListener = (state) => {
+                    var _a, _b, _c;
+                    if (((_a = state.call) === null || _a === void 0 ? void 0 : _a.state) === 'Connected' && ((_b = state.call.info) === null || _b === void 0 ? void 0 : _b.threadId)) {
+                        resolve((_c = state.call.info) === null || _c === void 0 ? void 0 : _c.threadId);
+                    }
+                };
+                this.callAdapter.then((adapter) => {
+                    adapter.onStateChange(stateChangeListener);
+                });
+            });
+        });
+    }
+}
 /**
  * Create a CallWithChatAdapter backed by Azure Communication services
  * to plug into the {@link CallWithChatComposite}.
@@ -37934,8 +38624,8 @@ class AzureCommunicationCallWithChatAdapter {
  */
 const createAzureCommunicationCallWithChatAdapter = (_a) => __awaiter$2(void 0, [_a], void 0, function* ({ userId, displayName, credential, endpoint, locator, 
 /* @conditional-compile-remove(PSTN-calls) */ alternateCallerId, callAdapterOptions }) {
-    const callAdapterLocator = isTeamsMeetingLinkLocator(locator) ? locator : locator.callLocator;
-    const createCallAdapterPromise = _createAzureCommunicationCallAdapterInner({
+    const callAdapterLocator = isTeamsMeetingLocator(locator) ? locator : locator.callLocator;
+    const callAdapter = _createAzureCommunicationCallAdapterInner({
         userId,
         displayName,
         credential,
@@ -37944,12 +38634,9 @@ const createAzureCommunicationCallWithChatAdapter = (_a) => __awaiter$2(void 0,
         options: callAdapterOptions,
         telemetryImplementationHint: 'CallWithChat'
     });
-    const threadId = isTeamsMeetingLinkLocator(locator)
-        ? getChatThreadFromTeamsLink(locator.meetingLink)
-        : locator.chatThreadId;
-    const createChatAdapterPromise = _createAzureCommunicationChatAdapterInner(endpoint, userId, displayName, credential, threadId, 'CallWithChat');
-    const [callAdapter, chatAdapter] = yield Promise.all([createCallAdapterPromise, createChatAdapterPromise]);
-    return new AzureCommunicationCallWithChatAdapter(callAdapter, chatAdapter);
+    const chatThreadAdapter = _createChatThreadAdapterInner(locator, callAdapter);
+    const chatAdapter = _createLazyAzureCommunicationChatAdapterInner(endpoint, userId, displayName, credential, chatThreadAdapter.getChatThread(), 'CallWithChat');
+    return new AzureCommunicationCallWithChatAdapter(yield callAdapter, chatAdapter);
 });
 /**
  * A custom React hook to simplify the creation of {@link CallWithChatAdapter}.
@@ -38077,13 +38764,22 @@ beforeDispose) => {
  * @public
  */
 const createAzureCommunicationCallWithChatAdapterFromClients = (_b) => __awaiter$2(void 0, [_b], void 0, function* ({ callClient, callAgent, callLocator, chatClient, chatThreadClient, callAdapterOptions }) {
-    const createCallAdapterPromise = createAzureCommunicationCallAdapterFromClient(callClient, callAgent, callLocator, callAdapterOptions);
-    const createChatAdapterPromise = createAzureCommunicationChatAdapterFromClient(chatClient, chatThreadClient);
-    const [callAdapter, chatAdapter] = yield Promise.all([createCallAdapterPromise, createChatAdapterPromise]);
-    return new AzureCommunicationCallWithChatAdapter(callAdapter, chatAdapter);
+    const callAdapter = yield createAzureCommunicationCallAdapterFromClient(callClient, callAgent, callLocator, callAdapterOptions);
+    const chatAdapterPromise = createAzureCommunicationChatAdapterFromClient(chatClient, chatThreadClient);
+    return new AzureCommunicationCallWithChatAdapter(callAdapter, chatAdapterPromise);
 });
-const isTeamsMeetingLinkLocator = (locator) => {
-    return 'meetingLink' in locator;
+const isTeamsMeetingLocator = (locator) => {
+    return 'meetingLink' in locator || 'meetingId' in locator;
+};
+const _createChatThreadAdapterInner = (locator, adapter) => {
+    if ('meetingLink' in locator) {
+        return new TeamsMeetingLinkProvider(locator);
+    }
+    /** @conditional-compile-remove(meeting-id) */
+    if ('meetingId' in locator) {
+        return new TeamsMeetingIdProvider(locator, adapter);
+    }
+    return new CallAndChatProvider(locator);
 };
 
 var call$j={cameraLabel:"Camera",noCamerasLabel:"No cameras found",cameraPermissionDenied:"Your browser is blocking access to your camera",cameraTurnedOff:"Your camera is turned off",chatButtonLabel:"Chat",close:"Close",complianceBannerNowOnlyRecording:"You are now only recording this meeting.",complianceBannerNowOnlyTranscription:"You are now only transcribing this meeting.",complianceBannerRecordingAndTranscriptionSaved:"Recording and transcription are being saved.",complianceBannerRecordingAndTranscriptionStarted:"Recording and transcription have started.",complianceBannerRecordingAndTranscriptionStopped:"Recording and transcription have stopped.",complianceBannerRecordingSaving:"Recording is being saved.",complianceBannerRecordingStarted:"Recording has started.",complianceBannerRecordingStopped:"Recording has stopped.",complianceBannerTranscriptionStarted:"Transcription has started.",complianceBannerTranscriptionConsent:"By joining, you are giving consent for this meeting to be transcribed.",complianceBannerTranscriptionSaving:"Transcription is being saved.",complianceBannerTranscriptionStopped:"Transcription has stopped.",configurationPageTitle:"Start a call",copyInviteLinkButtonLabel:"Copy invite link",copyInviteLinkActionedAriaLabel:"Invite link copied",defaultPlaceHolder:"Select an option",dismissSidePaneButtonLabel:"Close",videoEffectsPaneTitle:"Effects",videoEffectsPaneBackgroundSelectionTitle:"Background",configurationPageVideoEffectsButtonLabel:"Effects",unableToStartVideoEffect:"Unable to apply video effect.",blurBackgroundEffectButtonLabel:"Blur",blurBackgroundTooltip:"Blur Background",removeBackgroundEffectButtonLabel:"None",removeBackgroundTooltip:"Remove Background",cameraOffBackgroundEffectWarningText:"Your camera is off. Turn on camera to see video effect.",failedToJoinCallDueToNoNetworkMoreDetails:"Call was disconnected due to a network issue. Check your connection and join again.",failedToJoinCallDueToNoNetworkTitle:"Call disconnected",failedToJoinTeamsMeetingReasonAccessDeniedMoreDetails:"You were not granted entry in the call. If this was a mistake, re-join the call.",failedToJoinTeamsMeetingReasonAccessDeniedTitle:"Dismissed from lobby",learnMore:"Learn more",leavingCallTitle:"Leaving...",leftCallMoreDetails:"If this was a mistake, re-join the call.",leftCallTitle:"You left the call",lobbyScreenConnectingToCallTitle:"Joining call",lobbyScreenWaitingToBeAdmittedTitle:"Waiting to be admitted",microphonePermissionDenied:"Your browser is blocking access to your microphone",microphoneToggleInLobbyNotAllowed:"Cannot mute or unmute while in lobby.",mutedMessage:"You're muted",networkReconnectMoreDetails:"Looks like something went wrong. We're trying to get back into the call.",networkReconnectTitle:"Hold on",notInvitedToRoomDetails:"You are not able to join this room because you do not have an invite.",notInvitedToRoomTitle:"Not invited to room",peopleButtonLabel:"People",selectedPeopleButtonLabel:"People Button Selected",peoplePaneTitle:"People",peoplePaneMoreButtonAriaLabel:"More",peopleButtonTooltipOpen:"Show participants",peopleButtonTooltipClose:"Hide participants",peoplePaneSubTitle:"In this call {numberOfPeople}",privacyPolicy:"Privacy policy",rejoinCallButtonLabel:"Re-join call",removedFromCallMoreDetails:"Another participant removed you from the call.",removedFromCallTitle:"You were removed",removeMenuLabel:"Remove",startSpotlightMenuLabel:"Spotlight for everyone",addSpotlightMenuLabel:"Add spotlight",stopSpotlightMenuLabel:"Stop spotlighting",stopSpotlightOnSelfMenuLabel:"Exit spotlight",spotlightLimitReachedMenuTitle:"Spotlight limit reached",stopAllSpotlightMenuLabel:"Stop all spotlights",returnToCallButtonAriaDescription:"Return to Call",returnToCallButtonAriaLabel:"Back",roomNotFoundDetails:"The room ID provided could not be found.",roomNotFoundTitle:"Room not found",roomNotValidDetails:"This room is not valid at this current time.",roomNotValidTitle:"Room not valid",inviteToRoomRemovedDetails:"Your invite to join this room was removed.",inviteToRoomRemovedTitle:"Invite to room removed",soundLabel:"Sound",noMicrophonesLabel:"No microphones found",noSpeakersLabel:"No speakers found",startCallButtonLabel:"Start call",openDialpadButtonLabel:"Dial phone number",peoplePaneAddPeopleButtonLabel:"Add People",dialpadStartCallButtonLabel:"Call",dialpadModalTitle:"Dial Phone Number",dialpadModalAriaLabel:"Dialpad",dialpadCloseModalButtonAriaLabel:"Close dialpad",moreButtonCallingLabel:"More",resumeCallButtonLabel:"Resume",resumingCallButtonLabel:"Resuming...",resumeCallButtonAriaLabel:"Resume call",resumingCallButtonAriaLabel:"Resume call",holdScreenLabel:"You're on hold",openDtmfDialpadLabel:"Show dialpad",dtmfDialpadPlaceholderText:"Enter number",outboundCallingNoticeString:"Calling...",participantJoinedNoticeString:"{displayName} joined",twoParticipantJoinedNoticeString:"{displayName1} and {displayName2} have joined",threeParticipantJoinedNoticeString:"{displayName1}, {displayName2} and {displayName3} have joined",participantLeftNoticeString:"{displayName} left",twoParticipantLeftNoticeString:"{displayName1} and {displayName2} have left",threeParticipantLeftNoticeString:"{displayName1}, {displayName2} and {displayName3} have left",unnamedParticipantString:"unnamed participant",manyUnnamedParticipantsJoined:"unnamed participant and {numOfParticipants} other participants joined",manyUnnamedParticipantsLeft:"unnamed participant and {numOfParticipants} other participants left",manyParticipantsJoined:"{displayName1}, {displayName2}, {displayName3} and {numOfParticipants} other participants joined",manyParticipantsLeft:"{displayName1}, {displayName2}, {displayName3} and {numOfParticipants} other participants left",liveCaptionsLabel:"Live captions",captionsSettingsLabel:"Caption settings",startCaptionsButtonOnLabel:"Turn on captions",startCaptionsButtonOffLabel:"Turn off captions",startCaptionsButtonTooltipOnContent:"Turn off captions",startCaptionsButtonTooltipOffContent:"Turn on captions",captionsSettingsModalTitle:"Captions Settings",captionsSettingsSpokenLanguageDropdownLabel:"Spoken language",captionsSettingsCaptionLanguageDropdownLabel:"Captions language",captionsSettingsSpokenLanguageDropdownInfoText:"Language that everyone on this call is speaking.",captionsSettingsCaptionLanguageDropdownInfoText:"Captions will appear in this langugage.",captionsSettingsConfirmButtonLabel:"Confirm",captionsSettingsCancelButtonLabel:"Cancel",captionsSettingsModalAriaLabel:"Captions Setting Modal",captionsSettingsCloseModalButtonAriaLabel:"Close Captions Setting",captionsBannerMoreButtonCallingLabel:"More",captionsBannerMoreButtonTooltip:"More options",dismissModalAriaLabel:"Local and remote picture and picture, press enter to return to call",callRejectedTitle:"The call could not be completed",callRejectedMoreDetails:"The person you are trying to reach is unavailable. Please try again later.",callTimeoutTitle:"The call could not be completed",callTimeoutDetails:"The person you are trying to reach is unavailable. Please try again later.",callTimeoutBotTitle:"The call could not be completed",callTimeoutBotDetails:"The service that you are trying to reach is unavailable. Please try again later.",dtmfDialerButtonLabel:"Dialpad",dtmfDialerButtonTooltipOn:"Show dialpad",dtmfDialerButtonTooltipOff:"Hide dialpad",dtmfDialerMoreButtonLabelOn:"Show dialpad",dtmfDialerMoreButtonLabelOff:"Hide dialpad",spokenLanguageStrings:{"ar-ae":"Arabic - U.A.E.","ar-sa":"Arabic - Saudi Arabia","da-dk":"Danish","de-de":"German - Germany","en-au":"English - Australia","en-ca":"English - Canada","en-gb":"English - United Kingdom","en-in":"English - India","en-nz":"English - New Zealand","en-us":"English - United States","es-es":"Spanish - Spain (Modern Sort)","es-mx":"Spanish - Mexico","fi-fi":"Finnish","fr-ca":"French - Canada","fr-fr":"French - France","hi-in":"Hindi","it-it":"Italian - Italy","ja-jp":"Japanese","ko-kr":"Korean","nb-no":"Norwegian (Bokmål)","nl-be":"Dutch - Belgium","nl-nl":"Dutch - Netherlands","pl-pl":"Polish","pt-br":"Portuguese - Brazil","ru-ru":"Russian","sv-se":"Swedish","zh-cn":"Chinese - People's Republic of China","zh-hk":"Chinese - Hong Kong SAR","cs-cz":"Czech","pt-pt":"Portuguese - Portugal","tr-tr":"Turkish","vi-vn":"Vietnamese","th-th":"Thai","he-il":"Hebrew","cy-gb":"Welsh","uk-ua":"Ukrainian","el-gr":"Greek","hu-hu":"Hungarian","ro-ro":"Romanian","sk-sk":"Slovak","zh-tw":"Chinese - Taiwan"},captionLanguageStrings:{ar:"Arabic",da:"Danish",de:"German",en:"English",es:"Spanish",fi:"Finnish","fr-ca":"French - Canada",fr:"French - France",hi:"Hindi",it:"Italian",ja:"Japanese",ko:"Korean",nb:"Norwegian (Bokmål)",nl:"Dutch",pl:"Polish",pt:"Portuguese - Brazil",ru:"Russian",sv:"Swedish","zh-Hans":"Chinese (Simplified)","zh-Hant":"Chinese (Traditional)",cs:"Czech","pt-pt":"Portuguese - Portugal",tr:"Turkish",vi:"Vietnamese",th:"Thai",he:"Hebrew",cy:"Welsh",uk:"Ukrainian",el:"Greek",hu:"Hungarian",ro:"Romanian",sk:"Slovak"},captionsBannerSpinnerText:"Starting captions...",transferPageTransferorText:"Transferring...",transferPageTransferTargetText:"Connecting...",transferPageUnknownTransferorDisplayName:"Unknown",transferPageUnknownTransferTargetDisplayName:"Unknown",transferPageNoticeString:"You are being transferred",participantCouldNotBeReachedTitle:"Target participant is currently not available",participantCouldNotBeReachedMoreDetails:"Please contact participant when they are available",permissionToReachTargetParticipantNotAllowedTitle:"Permission to reach target participant is not allowed",permissionToReachTargetParticipantNotAllowedMoreDetails:"Please check that the target participant is in the same tenant",unableToResolveTenantTitle:"Unable to resolve tenant id for the target participant",unableToResolveTenantMoreDetails:"Please check the participant id is entered correctly",participantIdIsMalformedTitle:"Participant id is not in the correct format",participantIdIsMalformedMoreDetails:"Please check that the participant id is in the correct format",moreButtonGalleryControlLabel:"View",moreButtonGalleryPositionToggleLabel:"Move gallery to top",moreButtonGallerySpeakerLayoutLabel:"Speaker",moreButtonGalleryFloatingLocalLayoutLabel:"Dynamic",moreButtonGalleryDefaultLayoutLabel:"Gallery view",moreButtonGalleryFocusedContentLayoutLabel:"Focus on content",moreButtonLargeGalleryDefaultLayoutLabel:"Large Gallery",capabilityChangedNotification:{turnVideoOn:{lostDueToMeetingOption:"Your camera has been disabled. You can no longer share video.",grantedDueToMeetingOption:"Your camera has been enabled. Turn it on if you'd like to share video."},unmuteMic:{lostDueToMeetingOption:"Your mic has been disabled. You can no longer unmute.",grantedDueToMeetingOption:"Your mic has been enabled. Unmute if you'd like to speak."},shareScreen:{lostDueToRoleChangeToAttendee:"Your role has been changed. Some actions, like sharing content, won't be available to you.",grantedDueToRoleChangeToPresenter:"You're a presenter. You can share content and facilitate the meeting."}},surveyTitle:"Help us improve",starSurveyHelperText:"How was the quality of the call?",starSurveyOneStarText:"The quality was bad.",starSurveyTwoStarText:"The quality was poor.",starSurveyThreeStarText:"The quality was good.",starSurveyFourStarText:"The quality was great.",starSurveyFiveStarText:"The quality was excellent.",surveyConfirmButtonLabel:"Send Feedback",starRatingAriaLabel:"Select {0} of {1} stars",surveySkipButtonLabel:"Skip",tagsSurveyQuestion:"What could have been better?",tagsSurveyTextFieldDefaultText:"Other, please specify",tagsSurveyHelperText:"Check any issues you experienced",surveyTextboxDefaultText:"Other, please specify",endOfSurveyText:"Thank you for your feedback!",surveyIssues:{overallRating:{callCannotJoin:"I could not join call",callCannotInvite:"I could not invite others into the call",hadToRejoin:"I had to rejoin the call",callEndedUnexpectedly:"Call ended for me unexpectedly",otherIssues:"I was having other issues with the call"},audioRating:{noLocalAudio:"The other side could not hear any sound",noRemoteAudio:"I could not hear any sound",echo:"I heard echos on the call",audioNoise:"I heard noise on the call",lowVolume:"Volume was low",audioStoppedUnexpectedly:"Audio stopped unexpectedly",distortedSpeech:"Audio was distorted",audioInterruption:"Audio was interrupted",otherIssues:"I was having other audio issues in this call"},videoRating:{noVideoReceived:"I could not see any video",noVideoSent:"Others could not see me",lowQuality:"Video quality was low",freezes:"Video frozen",stoppedUnexpectedly:"Video stopped unexpectedly",darkVideoReceived:"I can only see dark screens when others turn on their camera",audioVideoOutOfSync:"Audio and Video was out of sync",otherIssues:"I was having other video issues in this call"},screenshareRating:{noContentLocal:"Other people could not see my screenshare",noContentRemote:"I could not see other people's screenshare",cannotPresent:"I could not present my screen",lowQuality:"Screen share quality was low",freezes:"Screen share frozen",stoppedUnexpectedly:"Screen share stopped unexpectedly",largeDelay:"Screen share has a large delay",otherIssues:"I was having other screen share issues in this call"}},SurveyIssuesHeadingStrings:{overallRating:"Overall",audioRating:"Audio",videoRating:"Video",screenshareRating:"Presenting"},spotlightPrompt:{startSpotlightHeading:"Spotlight for everyone?",startSpotlightText:"You'll highlight this video for everyone in the meeting.",startSpotlightOnSelfText:"You'll highlight your video for everyone in the meeting.",startSpotlightConfirmButtonLabel:"Spotlight for everyone",startSpotlightCancelButtonLabel:"Cancel",stopSpotlightHeading:"Stop spotlighting this video?",stopSpotlightOnSelfHeading:"Exit spotlight?",stopAllSpotlightHeading:"Stop spotlighting all videos?",stopSpotlightText:"This video will no longer be highlighted for everyone in the meeting.",stopSpotlightOnSelfText:"Your video will no longer be highlighted for everyone in the meeting.",stopAllSpotlightText:"The videos will no longer be highlighted for everyone in the meeting.",stopSpotlightConfirmButtonLabel:"Stop spotlighting",stopSpotlightOnSelfConfirmButtonLabel:"Exit spotlight",stopSpotlightCancelButtonLabel:"Cancel"},exitSpotlightButtonLabel:"Exit spotlight",exitSpotlightButtonTooltip:"Exit spotlight"};var chat$j={chatListHeader:"In this chat",uploadFile:"Upload File"};var callWithChat$j={chatButtonLabel:"Chat",chatButtonNewMessageNotificationLabel:"New Message",chatButtonTooltipClosedWithMessageCount:"Show chat ({unreadMessagesCount} unread)",chatButtonTooltipClose:"Hide chat",chatButtonTooltipOpen:"Show chat",chatPaneTitle:"Chat",copyInviteLinkButtonLabel:"Copy invite link",copyInviteLinkActionedAriaLabel:"Invite link copied",dismissSidePaneButtonLabel:"Close",moreDrawerAudioDeviceMenuTitle:"Audio Device",moreDrawerButtonLabel:"More options",moreDrawerButtonTooltip:"More options",moreDrawerMicrophoneMenuTitle:"Microphone",moreDrawerSpeakerMenuTitle:"Speaker",moreDrawerCaptionsMenuTitle:"Live captions",moreDrawerSpokenLanguageMenuTitle:"Spoken language",moreDrawerCaptionLanguageMenuTitle:"Caption language",moreDrawerGalleryOptionsMenuTitle:"Gallery options",peopleButtonLabel:"People",selectedPeopleButtonLabel:"People Button Selected",peopleButtonTooltipOpen:"Show participants",peopleButtonTooltipClose:"Hide participants",peoplePaneSubTitle:"In this call",peoplePaneTitle:"People",pictureInPictureTileAriaLabel:"Video Feeds. Click to return to call screen.",removeMenuLabel:"Remove",openDialpadButtonLabel:"Dial phone number",returnToCallButtonAriaDescription:"Return to Call",returnToCallButtonAriaLabel:"Back",peoplePaneAddPeopleButtonLabel:"Add People",dialpadStartCallButtonLabel:"Call",dialpadModalTitle:"Dial Phone Number",dialpadModalAriaLabel:"Dialpad",dialpadCloseModalButtonAriaLabel:"Close dialpad",openDtmfDialpadLabel:"Show dialpad",dtmfDialpadPlaceholderText:"Enter number"};var en_GB = {call:call$j,chat:chat$j,callWithChat:callWithChat$j};
@@ -38639,4 +39335,4 @@ exports.useTeamsCall = useTeamsCall;
 exports.useTeamsCallAdapter = useTeamsCallAdapter;
 exports.useTeamsCallAgent = useTeamsCallAgent;
 exports.useTheme = useTheme;
-//# sourceMappingURL=index-BEomNZbT.js.map
+//# sourceMappingURL=index-qxnuqL7s.js.map