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

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

@@ -176,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-202403280012';
+var telemetryVersion = '1.14.1-alpha-202403290012';
 
 
 var telemetryVersion$1 = /*@__PURE__*/getDefaultExportFromCjs(telemetryVersion);
@@ -5631,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",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",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.
@@ -6708,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),
@@ -8789,7 +8791,7 @@ const useAttachmentCardStyles = reactComponents.makeStyles({
 /**
  * @private
  */
-const fileNameContainerClassName = react.mergeStyles({
+const attachmentNameContainerClassName = react.mergeStyles({
     marginTop: _pxToRem(5),
     width: '5.75rem',
     overflow: 'hidden',
@@ -8801,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.
@@ -8809,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]);
@@ -8849,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, " "))));
 };
@@ -8886,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.
@@ -8935,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.
@@ -12081,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'
 };
@@ -12098,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.
@@ -12252,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 },
@@ -12267,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
         } }));
 };
@@ -12328,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)
@@ -12387,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
     ]);
@@ -12536,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.
@@ -12555,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) */
@@ -12563,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,
@@ -12580,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()
     ]);
@@ -12646,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(() => {
@@ -12665,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
     ]);
@@ -12727,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) => {
@@ -12746,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
@@ -13039,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);
@@ -13373,15 +13415,16 @@ const MessageThreadWrapper = (props) => {
                     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) */
-                            fileDownloadHandler: props.fileDownloadHandler, inlineImageOptions: inlineImageOptions, 
+                            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) */
-                            onRenderFileDownloads: onRenderFileDownloads })));
+                            onRenderAttachmentDownloads: onRenderAttachmentDownloads })));
                     }))))));
 };
 const MemoChatMessageComponentWrapper = React.memo((obj) => {
@@ -23261,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)
             });
         }
     });
@@ -25259,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) => {
@@ -26646,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);
@@ -26696,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-D3ER8Kz9.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
  */
@@ -26815,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];
@@ -26906,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)),
@@ -26917,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' },
@@ -30960,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();
@@ -30981,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) {
@@ -31063,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.
@@ -32914,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.
@@ -33014,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}`,
@@ -33144,7 +33210,7 @@ const cameraAndVideoEffectsContainerStyleDesktop = {
 /**
  * @private
  */
-const effectsButtonStyles = (theme) => {
+const effectsButtonStyles = (theme, disabled) => {
     return {
         root: {
             background: 'transparent',
@@ -33152,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 */
@@ -33341,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, 
@@ -33484,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.
@@ -33556,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
@@ -33566,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, 
@@ -39251,4 +39335,4 @@ exports.useTeamsCall = useTeamsCall;
 exports.useTeamsCallAdapter = useTeamsCallAdapter;
 exports.useTeamsCallAgent = useTeamsCallAgent;
 exports.useTheme = useTheme;
-//# sourceMappingURL=index-BI61bnOi.js.map
+//# sourceMappingURL=index-qxnuqL7s.js.map