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

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

@@ -14,12 +14,15 @@ var textareaCaretTs = require('textarea-caret-ts');
 var reactComponents = require('@fluentui/react-components');
 var useDebounce = require('use-debounce');
 var reactFileTypeIcons = require('@fluentui/react-file-type-icons');
+var react$1 = require('@griffel/react');
 var roosterjsEditorPlugins = require('roosterjs-editor-plugins');
 var roosterjsEditorCore = require('roosterjs-editor-core');
 var roosterjsReact = require('roosterjs-react');
+var roosterjsEditorDom = require('roosterjs-editor-dom');
+var roosterjsEditorTypesCompatible = require('roosterjs-editor-types-compatible');
+var roosterjsEditorApi = require('roosterjs-editor-api');
 var reactChat = require('@fluentui-contrib/react-chat');
 var uuid = require('uuid');
-var react$1 = require('@griffel/react');
 var parse = require('html-react-parser');
 var Linkify = require('react-linkify');
 var DOMPurify = require('dompurify');
@@ -173,7 +176,7 @@ function getDefaultExportFromCjs (x) {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 // GENERATED FILE. DO NOT EDIT MANUALLY.
-var telemetryVersion = '1.14.1-alpha-202403261958';
+var telemetryVersion = '1.14.1-alpha-202403280012';
 
 
 var telemetryVersion$1 = /*@__PURE__*/getDefaultExportFromCjs(telemetryVersion);
@@ -1841,7 +1844,9 @@ function convertSdkCallToDeclarativeCall(call) {
         },
         /* @conditional-compile-remove(hide-attendee-name) */
         // TODO: Replace this once the SDK supports hide attendee name
-        hideAttendeeNames: false
+        hideAttendeeNames: false,
+        /* @conditional-compile-remove(meeting-id) */
+        info: _isACSCall(call) ? call.info : _isTeamsCall(call) ? call.info : undefined
     };
 }
 /**
@@ -2024,6 +2029,8 @@ let CallContext$2 = class CallContext {
                 existingCall.captionsFeature.currentSpokenLanguage = call.captionsFeature.currentSpokenLanguage;
                 /* @conditional-compile-remove(close-captions) */
                 existingCall.captionsFeature.currentCaptionLanguage = call.captionsFeature.currentCaptionLanguage;
+                /* @conditional-compile-remove(meeting-id) */
+                existingCall.info = call.info;
             }
             else {
                 draft.calls[latestCallId] = call;
@@ -5624,7 +5631,7 @@ const typingIndicatorStringStyle = react.mergeStyles({
     wordBreak: 'break-word'
 });
 
-var participantItem$k={isMeText:"(you)",menuTitle:"More Options",removeButtonLabel:"Remove",sharingIconLabel:"Sharing",mutedIconLabel:"Muted",displayNamePlaceholder:"Unnamed participant",participantStateRinging:"Calling...",participantStateHold:"On hold",attendeeRole:"Attendee"};var ParticipantList$l={overflowParticipantCount:"+{overflowCount} more"};var typingIndicator$k={singleUser:"{user} is typing ...",multipleUsers:"{users} are typing ...",multipleUsersAbbreviateOne:"{users} and 1 other are typing ...",multipleUsersAbbreviateMany:"{users} and {numOthers} others are typing ...",delimiter:", "};var sendBox$k={placeholderText:"Enter a message",textTooLong:"Your message length is over the maximum limit.",sendButtonAriaLabel:"Send message",attachmentUploadsPendingError:"Uploading... Please wait.",removeAttachment:"Remove file",uploading:"Uploading",uploadCompleted:"Upload completed"};var richTextSendBox$k={placeholderText:"Enter a message",textTooLong:"Your message length is over the maximum limit.",sendButtonAriaLabel:"Send message",attachmentUploadsPendingError:"Uploading... Please wait.",removeAttachment:"Remove file",uploading:"Uploading",uploadCompleted:"Upload completed",boldTooltip:"Bold",italicTooltip:"Italic",underlineTooltip:"Underline",bulletListTooltip:"Bulleted list",numberListTooltip:"Numbered list",increaseIndentTooltip:"Increase indent",decreaseIndentTooltip:"Decrease indent",richTextFormatButtonTooltip:"Format"};var mentionPopover$k={mentionPopoverHeader:"Suggestions"};var imageOverlay$k={downloadButtonLabel:"Download",dismissButtonAriaLabel:"Close"};var messageStatusIndicator$k={deliveredAriaLabel:"Message sent",deliveredTooltipText:"Sent",seenAriaLabel:"Message seen by others",seenTooltipText:"Seen",readByTooltipText:"Read by {messageThreadReadCount} of {remoteParticipantsCount}",sendingAriaLabel:"Message sending",sendingTooltipText:"Sending",failedToSendAriaLabel:"Message failed to send",failedToSendTooltipText:"Failed to send"};var endCallButton$k={label:"Leave",tooltipContent:"Leave call"};var cameraButton$k={onLabel:"Camera",offLabel:"Camera",tooltipDisabledContent:"Camera is disabled",tooltipOnContent:"Turn off camera",tooltipOffContent:"Turn on camera",tooltipVideoLoadingContent:"Video is loading",cameraMenuTitle:"Camera",cameraMenuTooltip:"Choose camera",cameraButtonSplitRoleDescription:"Split button",onSplitButtonAriaLabel:"Turn off camera and camera options",offSplitButtonAriaLabel:"Turn on camera and camera options",cameraActionTurnedOnAnnouncement:"Your camera has been turned on",cameraActionTurnedOffAnnouncement:"Your camera has been turned off",onSplitButtonPrimaryActionCamera:"Turn off camera",offSplitButtonPrimaryActionCamera:"Turn on camera",cameraPrimaryActionSplitButtonTitle:"Use camera",videoEffectsMenuItemTitle:"Effects"};var microphoneButton$k={onLabel:"Mic",offLabel:"Mic",tooltipDisabledContent:"Microphone is disabled",tooltipOnContent:"Mute microphone",tooltipOffContent:"Unmute microphone",microphoneMenuTitle:"Microphone",microphoneMenuTooltip:"Choose microphone",speakerMenuTitle:"Speaker",speakerMenuTooltip:"Choose speaker",microphoneButtonSplitRoleDescription:"Split button",onSplitButtonAriaLabel:"Mute microphone and audio options",offSplitButtonAriaLabel:"Unmute microphone and audio options",microphoneActionTurnedOnAnnouncement:"Your microphone has been turned on",microphoneActionTurnedOffAnnouncement:"Your microphone has been turned off",offSplitButtonMicrophonePrimaryAction:"Unmute microphone",onSplitButtonMicrophonePrimaryAction:"Mute microphone",microphonePrimaryActionSplitButtonTitle:"Use microphone"};var devicesButton$k={label:"Devices",tooltipContent:"Manage devices",cameraMenuTitle:"Camera",cameraMenuTooltip:"Choose camera",audioDeviceMenuTitle:"Audio Device",audioDeviceMenuTooltip:"Choose audio device",microphoneMenuTitle:"Microphone",microphoneMenuTooltip:"Choose microphone",speakerMenuTitle:"Speaker",speakerMenuTooltip:"Choose speaker"};var participantsButton$k={label:"People",tooltipContent:"Show participants",menuHeader:"In this call",participantsListButtonLabel:"{numParticipants} people",muteAllButtonLabel:"Mute all",copyInviteLinkButtonLabel:"Copy invite link",copyInviteLinkActionedAriaLabel:"Invite link copied"};var screenShareButton$k={onLabel:"Stop presenting",offLabel:"Present",tooltipDisabledContent:"Presenting is disabled",tooltipOnContent:"Presenting your screen",tooltipOffContent:"Present your screen"};var raiseHandButton$k={offLabel:"Raise",onLabel:"Lower",tooltipDisabledContent:"Raise Hand action is disabled",tooltipOnContent:"Lower Hand",tooltipOffContent:"Raise Hand"};var reactionButton$k={label:"React",ariaLabel:"React Button, Send a reaction",tooltipDisabledContent:"Reaction action is disabled",tooltipContent:"Send a reaction",likeReactionTooltipContent:"Like",heartReactionTooltipContent:"Love",laughReactionTooltipContent:"Laugh",applauseReactionTooltipContent:"Applause",surprisedReactionTooltipContent:"Surprised"};var messageThread$k={yesterday:"Yesterday",sunday:"Sunday",monday:"Monday",tuesday:"Tuesday",wednesday:"Wednesday",thursday:"Thursday",friday:"Friday",saturday:"Saturday",participantJoined:"joined the chat.",participantLeft:"left the chat.",editMessage:"Edit",removeMessage:"Delete",resendMessage:"Try sending again",failToSendTag:"Failed to send",editedTag:"Edited",liveAuthorIntro:"{author} says",messageContentAriaText:"{author} said {message}",messageContentMineAriaText:"You said {message}",editBoxTextLimit:"Your message is over the limit of {limitNumber} characters",editBoxPlaceholderText:"Edit your message",newMessagesIndicator:"New messages",noDisplayNameSub:"No name",editBoxCancelButton:"Cancel",editBoxSubmitButton:"Done",messageReadCount:"Read by {messageReadByCount} of {remoteParticipantsCount}",actionMenuMoreOptions:"More Options",downloadAttachment:"Download file",blockedWarningText:"This message was deleted due to organizational policy.",blockedWarningLinkText:"Details",attachmentCardGroupMessage:"The message has {attachmentCount} attachment",messageDeletedAnnouncementAriaLabel:"The message is deleted"};var errorBar$k={unableToReachChatService:"You are offline",accessDenied:"Unable to access chat services - please check the user credentials provided",userNotInChatThread:"You are no longer in this chat thread",sendMessageNotInChatThread:"Failed to send message because you are no longer in this chat thread",sendMessageGeneric:"Failed to send message",callingNetworkFailure:"Troubling connecting call - you seem to be offline",startVideoGeneric:"Failed to start video",stopVideoGeneric:"Failed to stop video",muteGeneric:"Failed to mute microphone",unmuteGeneric:"Failed to unmute microphone",speakingWhileMuted:"Your microphone is muted",startScreenShareGeneric:"There was an issue starting screen share.",stopScreenShareGeneric:"Failed to stop screen sharing",callNetworkQualityLow:"Network quality is low.",callNoSpeakerFound:"No speakers or headphones found. Connect an audio device to hear the call.",callNoMicrophoneFound:"No microphones found. Connect an audio input device.",callMicrophoneAccessDenied:"Unable to access microphone. Click the lock in the address bar to grant permission to this webpage.",callMicrophoneAccessDeniedSafari:"Unable to access microphone. Refresh the page to allow permissions, or check this browser’s settings and verify permissions are enabled for this website.",callMicrophoneMutedBySystem:"You are muted by your system.",callMicrophoneUnmutedBySystem:"Your microphone recovered and you were unmuted by your system.",callMacOsMicrophoneAccessDenied:"Unable to access microphone. Grant microphone permission in your macOS privacy settings.",callLocalVideoFreeze:"Network bandwidth is poor. Your video may appear paused for others on the call.",callCameraAccessDenied:"Unable to access camera. Click the lock in the address bar to grant permission to this webpage.",callCameraAccessDeniedSafari:"Unable to access camera. Refresh the page to allow permissions, or check this browser’s settings and verify permissions are enabled for this website.",callCameraAlreadyInUse:"Unable to access camera. It may already be in use by another application.",callVideoStoppedBySystem:"Your video has been stopped by your system.",callVideoRecoveredBySystem:"Your video has resumed.",callMacOsCameraAccessDenied:"MacOS is blocking access to your camera. Update your privacy settings to allow this browser to access your camera.",callMacOsScreenShareAccessDenied:"MacOS is blocking screen sharing. Update your privacy settings to allow this browser to record your screen.",dismissButtonAriaLabel:"Close",failedToJoinCallGeneric:"Failed to join call.",failedToJoinCallInvalidMeetingLink:"Unable to join Meeting. Invalid Link.",cameraFrozenForRemoteParticipants:"Users in the call are having issues seeing your video. Please check your devices and network.",unableToStartVideoEffect:"Unable to apply video effect.",startSpotlightWhileMaxParticipantsAreSpotlighted:"Cannot start spotlight on participant(s) because the maximum number of participants are already spotlighted."};var videoGallery$k={screenIsBeingSharedMessage:"You are sharing your screen",screenShareLoadingMessage:"Loading {participant}'s screen",localVideoLabel:"You",localVideoCameraSwitcherLabel:"Switch camera",localVideoMovementLabel:"Movable Local Video Tile",localVideoSelectedDescription:"{cameraName} selected",displayNamePlaceholder:"Unnamed participant",fitRemoteParticipantToFrame:"Fit to frame",fillRemoteParticipantFrame:"Fill frame",pinParticipantForMe:"Pin for me",pinParticipantForMeLimitReached:"Pin (limit reached)",unpinParticipantForMe:"Unpin",pinParticipantMenuItemAriaLabel:"Pin {participantName}",unpinParticipantMenuItemAriaLabel:"Unpin {participantName}",pinnedParticipantAnnouncementAriaLabel:"Pinned {participantName}",unpinnedParticipantAnnouncementAriaLabel:"Unpinned {participantName}",startSpotlightVideoTileMenuLabel:"Spotlight for everyone",addSpotlightVideoTileMenuLabel:"Add spotlight",spotlightLimitReachedMenuTitle:"Spotlight limit reached",stopSpotlightVideoTileMenuLabel:"Stop spotlighting",stopSpotlightOnSelfVideoTileMenuLabel:"Exit spotlight",attendeeRole:"Attendee"};var dialpad$k={placeholderText:"Enter phone number",deleteButtonAriaLabel:"Delete"};var holdButton$k={onLabel:"Resume",offLabel:"Hold",tooltipOnContent:"Resume call",tooltipOffContent:"Hold call"};var videoTile$k={participantStateRinging:"Calling...",participantStateHold:"On hold"};var CameraAndMicrophoneSitePermissionsRequest$k={primaryText:"Allow {appName} to use your camera and microphone",secondaryText:"This is so participants can see and hear you.",linkText:"Need help? Get troubleshooting help",primaryButtonText:"Continue without camera and microphone",ariaLabel:"Allow camera and microphone access"};var CameraSitePermissionsRequest$k={primaryText:"Allow {appName} to use your camera",secondaryText:"This is so participants can see you.",linkText:"Need help? Get troubleshooting help",primaryButtonText:"Continue without camera",ariaLabel:"Allow camera access"};var MicrophoneSitePermissionsRequest$k={primaryText:"Allow {appName} to use your microphone",secondaryText:"This is so participants can hear you.",linkText:"Need help? Get troubleshooting help",primaryButtonText:"Continue without microphone",ariaLabel:"Allow microphone access"};var CameraAndMicrophoneSitePermissionsCheck$k={primaryText:"Checking for camera and microphone access",secondaryText:"Allow access if prompted. This is so participants can see and hear you.",linkText:"Need help? Get troubleshooting help",primaryButtonText:"Continue without camera and microphone",ariaLabel:"Checking for camera and microphone access. Allow access if prompted."};var CameraSitePermissionsCheck$k={primaryText:"Checking for camera access",secondaryText:"Allow access if prompted. This is so participants can see you.",linkText:"Need help? Get troubleshooting help",primaryButtonText:"Continue without camera",ariaLabel:"Checking for camera access. Allow access if prompted."};var MicrophoneSitePermissionsCheck$k={primaryText:"Checking for microphone access",secondaryText:"Allow access if prompted. This is so participants can hear you.",linkText:"Need help? Get troubleshooting help",primaryButtonText:"Continue without microphone",ariaLabel:"Checking for microphone access. Allow access if prompted."};var CameraAndMicrophoneSitePermissionsDenied$k={primaryText:"Unable to access camera and microphone",secondaryText:"Click the lock icon in the address bar to grant microphone permissions to this webpage. A page refresh may be required.",primaryButtonText:"Continue without camera and microphone",linkText:"Need help? Get troubleshooting help"};var CameraAndMicrophoneSitePermissionsDeniedSafari$k={primaryText:"Unable to access camera and microphone",secondaryText:"Refresh the page to allow permissions, or check this browser’s settings and verify permissions are enabled for this website.",primaryButtonText:"Continue without camera and microphone",linkText:"Need help? Get troubleshooting help"};var CameraSitePermissionsDenied$k={primaryText:"Unable to access camera",secondaryText:"Click the lock icon in the address bar to grant camera permissions to this webpage. A page refresh may be required.",primaryButtonText:"Continue without camera",linkText:"Need help? Get troubleshooting help"};var MicrophoneSitePermissionsDenied$k={primaryText:"Unable to access microphone",secondaryText:"Click the lock icon in the address bar to grant microphone permissions to this webpage. A page refresh may be required.",primaryButtonText:"Continue without microphone",linkText:"Need help? Get troubleshooting help"};var CameraSitePermissionsDeniedSafari$k={primaryText:"Unable to access camera",secondaryText:"Refresh the page to allow permissions, or check this browser’s settings and verify permissions are enabled for this website.",primaryButtonText:"Continue without camera",linkText:"Need help? Get troubleshooting help"};var MicrophoneSitePermissionsDeniedSafari$k={primaryText:"Unable to access microphone",secondaryText:"Refresh the page to allow permissions, or check this browser’s settings and verify permissions are enabled for this website.",primaryButtonText:"Continue without microphone",linkText:"Need help? Get troubleshooting help"};var UnsupportedBrowser$l={primaryText:"Browser not supported",secondaryText:"Please join this call using a compatible browser.",moreHelpLinkText:"See compatibility requirements"};var UnsupportedBrowserVersion$l={primaryText:"Browser update needed",secondaryText:"To ensure the best call possible, please update your browser and then try joining the call again.",moreHelpLinkText:"See compatibility requirements",continueAnywayButtonText:"Start call without updating"};var UnsupportedOperatingSystem$l={primaryText:"Operating system not supported",secondaryText:"Please join this call using a device with a compatible operating system.",moreHelpLinkText:"See compatibility requirements"};var BrowserPermissionDenied$k={primaryText:"Can't use your camera or microphone",secondaryText:"Your browser might not have access to your camera or microphone. To fix this, open System Preferences.",primaryButtonText:"Try again",linkText:"Need help? Get troubleshooting help"};var BrowserPermissionDeniedIOS$k={primaryText:"Allow microphone access to continue",secondaryText:"So other participants can hear you.",primaryButtonText:"Try again",imageAltText:"Microphone and camera device permission location for iOS",linkText:"Need help? Get troubleshooting help",step1Text:"Go to the Settings app",step2Text:"Scroll down to settings for this browser",step3Text:"Turn on Microphone (Camera optional)",step4Text:"Try joining the call again",step1DigitText:"1",step2DigitText:"2",step3DigitText:"3",step4DigitText:"4"};var verticalGallery$k={leftNavButtonAriaLabel:"previous page",rightNavButtonAriaLabel:"next page"};var en_US$1 = {participantItem:participantItem$k,ParticipantList:ParticipantList$l,typingIndicator:typingIndicator$k,sendBox:sendBox$k,richTextSendBox:richTextSendBox$k,mentionPopover:mentionPopover$k,imageOverlay:imageOverlay$k,messageStatusIndicator:messageStatusIndicator$k,endCallButton:endCallButton$k,cameraButton:cameraButton$k,microphoneButton:microphoneButton$k,devicesButton:devicesButton$k,participantsButton:participantsButton$k,screenShareButton:screenShareButton$k,raiseHandButton:raiseHandButton$k,reactionButton:reactionButton$k,messageThread:messageThread$k,errorBar:errorBar$k,videoGallery:videoGallery$k,dialpad:dialpad$k,holdButton:holdButton$k,videoTile:videoTile$k,CameraAndMicrophoneSitePermissionsRequest:CameraAndMicrophoneSitePermissionsRequest$k,CameraSitePermissionsRequest:CameraSitePermissionsRequest$k,MicrophoneSitePermissionsRequest:MicrophoneSitePermissionsRequest$k,CameraAndMicrophoneSitePermissionsCheck:CameraAndMicrophoneSitePermissionsCheck$k,CameraSitePermissionsCheck:CameraSitePermissionsCheck$k,MicrophoneSitePermissionsCheck:MicrophoneSitePermissionsCheck$k,CameraAndMicrophoneSitePermissionsDenied:CameraAndMicrophoneSitePermissionsDenied$k,CameraAndMicrophoneSitePermissionsDeniedSafari:CameraAndMicrophoneSitePermissionsDeniedSafari$k,CameraSitePermissionsDenied:CameraSitePermissionsDenied$k,MicrophoneSitePermissionsDenied:MicrophoneSitePermissionsDenied$k,CameraSitePermissionsDeniedSafari:CameraSitePermissionsDeniedSafari$k,MicrophoneSitePermissionsDeniedSafari:MicrophoneSitePermissionsDeniedSafari$k,UnsupportedBrowser:UnsupportedBrowser$l,UnsupportedBrowserVersion:UnsupportedBrowserVersion$l,UnsupportedOperatingSystem:UnsupportedOperatingSystem$l,BrowserPermissionDenied:BrowserPermissionDenied$k,BrowserPermissionDeniedIOS:BrowserPermissionDeniedIOS$k,verticalGallery:verticalGallery$k};
+var participantItem$k={isMeText:"(you)",menuTitle:"More Options",removeButtonLabel:"Remove",sharingIconLabel:"Sharing",mutedIconLabel:"Muted",displayNamePlaceholder:"Unnamed participant",participantStateRinging:"Calling...",participantStateHold:"On hold",attendeeRole:"Attendee"};var ParticipantList$l={overflowParticipantCount:"+{overflowCount} more"};var typingIndicator$k={singleUser:"{user} is typing ...",multipleUsers:"{users} are typing ...",multipleUsersAbbreviateOne:"{users} and 1 other are typing ...",multipleUsersAbbreviateMany:"{users} and {numOthers} others are typing ...",delimiter:", "};var sendBox$k={placeholderText:"Enter a message",textTooLong:"Your message length is over the maximum limit.",sendButtonAriaLabel:"Send message",attachmentUploadsPendingError:"Uploading... Please wait.",removeAttachment:"Remove file",uploading:"Uploading",uploadCompleted:"Upload completed"};var richTextSendBox$k={placeholderText:"Enter a message",textTooLong:"Your message length is over the maximum limit.",sendButtonAriaLabel:"Send message",attachmentUploadsPendingError:"Uploading... Please wait.",removeAttachment:"Remove file",uploading:"Uploading",uploadCompleted:"Upload completed",boldTooltip:"Bold",italicTooltip:"Italic",underlineTooltip:"Underline",bulletListTooltip:"Bulleted list",numberListTooltip:"Numbered list",increaseIndentTooltip:"Increase indent",decreaseIndentTooltip:"Decrease indent",insertTableTooltip:"Insert table",richTextFormatButtonTooltip:"Format",insertRowOrColumnMenu:"Insert",insertTableMenuTitle:"Insert {column} x {row} table",insertRowAboveMenu:"Insert above",insertRowBelowMenu:"Insert below",insertColumnLeftMenu:"Insert left",insertColumnRightMenu:"Insert right",deleteRowOrColumnMenu:"Delete",deleteColumnMenu:"Delete column",deleteRowMenu:"Delete row",deleteTableMenu:"Delete table"};var mentionPopover$k={mentionPopoverHeader:"Suggestions"};var imageOverlay$k={downloadButtonLabel:"Download",dismissButtonAriaLabel:"Close"};var messageStatusIndicator$k={deliveredAriaLabel:"Message sent",deliveredTooltipText:"Sent",seenAriaLabel:"Message seen by others",seenTooltipText:"Seen",readByTooltipText:"Read by {messageThreadReadCount} of {remoteParticipantsCount}",sendingAriaLabel:"Message sending",sendingTooltipText:"Sending",failedToSendAriaLabel:"Message failed to send",failedToSendTooltipText:"Failed to send"};var endCallButton$k={label:"Leave",tooltipContent:"Leave call"};var cameraButton$k={onLabel:"Camera",offLabel:"Camera",tooltipDisabledContent:"Camera is disabled",tooltipOnContent:"Turn off camera",tooltipOffContent:"Turn on camera",tooltipVideoLoadingContent:"Video is loading",cameraMenuTitle:"Camera",cameraMenuTooltip:"Choose camera",cameraButtonSplitRoleDescription:"Split button",onSplitButtonAriaLabel:"Turn off camera and camera options",offSplitButtonAriaLabel:"Turn on camera and camera options",cameraActionTurnedOnAnnouncement:"Your camera has been turned on",cameraActionTurnedOffAnnouncement:"Your camera has been turned off",onSplitButtonPrimaryActionCamera:"Turn off camera",offSplitButtonPrimaryActionCamera:"Turn on camera",cameraPrimaryActionSplitButtonTitle:"Use camera",videoEffectsMenuItemTitle:"Effects"};var microphoneButton$k={onLabel:"Mic",offLabel:"Mic",tooltipDisabledContent:"Microphone is disabled",tooltipOnContent:"Mute microphone",tooltipOffContent:"Unmute microphone",microphoneMenuTitle:"Microphone",microphoneMenuTooltip:"Choose microphone",speakerMenuTitle:"Speaker",speakerMenuTooltip:"Choose speaker",microphoneButtonSplitRoleDescription:"Split button",onSplitButtonAriaLabel:"Mute microphone and audio options",offSplitButtonAriaLabel:"Unmute microphone and audio options",microphoneActionTurnedOnAnnouncement:"Your microphone has been turned on",microphoneActionTurnedOffAnnouncement:"Your microphone has been turned off",offSplitButtonMicrophonePrimaryAction:"Unmute microphone",onSplitButtonMicrophonePrimaryAction:"Mute microphone",microphonePrimaryActionSplitButtonTitle:"Use microphone"};var devicesButton$k={label:"Devices",tooltipContent:"Manage devices",cameraMenuTitle:"Camera",cameraMenuTooltip:"Choose camera",audioDeviceMenuTitle:"Audio Device",audioDeviceMenuTooltip:"Choose audio device",microphoneMenuTitle:"Microphone",microphoneMenuTooltip:"Choose microphone",speakerMenuTitle:"Speaker",speakerMenuTooltip:"Choose speaker"};var participantsButton$k={label:"People",tooltipContent:"Show participants",menuHeader:"In this call",participantsListButtonLabel:"{numParticipants} people",muteAllButtonLabel:"Mute all",copyInviteLinkButtonLabel:"Copy invite link",copyInviteLinkActionedAriaLabel:"Invite link copied"};var screenShareButton$k={onLabel:"Stop presenting",offLabel:"Present",tooltipDisabledContent:"Presenting is disabled",tooltipOnContent:"Presenting your screen",tooltipOffContent:"Present your screen"};var raiseHandButton$k={offLabel:"Raise",onLabel:"Lower",tooltipDisabledContent:"Raise Hand action is disabled",tooltipOnContent:"Lower Hand",tooltipOffContent:"Raise Hand"};var reactionButton$k={label:"React",ariaLabel:"React Button, Send a reaction",tooltipDisabledContent:"Reaction action is disabled",tooltipContent:"Send a reaction",likeReactionTooltipContent:"Like",heartReactionTooltipContent:"Love",laughReactionTooltipContent:"Laugh",applauseReactionTooltipContent:"Applause",surprisedReactionTooltipContent:"Surprised"};var messageThread$k={yesterday:"Yesterday",sunday:"Sunday",monday:"Monday",tuesday:"Tuesday",wednesday:"Wednesday",thursday:"Thursday",friday:"Friday",saturday:"Saturday",participantJoined:"joined the chat.",participantLeft:"left the chat.",editMessage:"Edit",removeMessage:"Delete",resendMessage:"Try sending again",failToSendTag:"Failed to send",editedTag:"Edited",liveAuthorIntro:"{author} says",messageContentAriaText:"{author} said {message}",messageContentMineAriaText:"You said {message}",editBoxTextLimit:"Your message is over the limit of {limitNumber} characters",editBoxPlaceholderText:"Edit your message",newMessagesIndicator:"New messages",noDisplayNameSub:"No name",editBoxCancelButton:"Cancel",editBoxSubmitButton:"Done",messageReadCount:"Read by {messageReadByCount} of {remoteParticipantsCount}",actionMenuMoreOptions:"More Options",downloadAttachment:"Download file",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.
@@ -6354,8 +6361,9 @@ const sendButtonStyle = react.mergeStyles({
  */
 const sendIconStyle = (props) => {
     const { theme, hasText, disabled = false, 
-    /* @conditional-compile-remove(file-sharing) */ hasFile, hasErrorMessage, customSendIconStyle, defaultTextColor = theme.palette.neutralTertiary } = props;
-    const hasNoContent = !hasText && /* @conditional-compile-remove(file-sharing) */ !hasFile;
+    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ hasFile, hasErrorMessage, customSendIconStyle, defaultTextColor = theme.palette.neutralTertiary } = props;
+    const hasNoContent = !hasText &&
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ !hasFile;
     return react.mergeStyles(editorTextBoxButtonStyle, {
         color: disabled || hasErrorMessage || hasNoContent ? defaultTextColor : theme.palette.themePrimary
     }, customSendIconStyle);
@@ -6699,9 +6707,9 @@ const DEFAULT_COMPONENT_ICONS = {
     LowerHandContextualMenuItem: React.createElement(reactIcons.HandRightOff20Regular, null),
     /* @conditional-compile-remove(reaction) */
     ReactionButtonIcon: React.createElement(reactIcons.Emoji20Regular, null),
-    /* @conditional-compile-remove(file-sharing) */
+    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
     CancelFileUpload: React.createElement(reactIcons.Dismiss16Regular, null),
-    /* @conditional-compile-remove(file-sharing) */
+    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
     DownloadFile: React.createElement(reactIcons.ArrowDownload16Regular, null),
     /* @conditional-compile-remove(data-loss-prevention) */
     DataLossPreventionProhibited: React.createElement(DataLossPreventionProhibited16Regular, null),
@@ -6819,7 +6827,15 @@ const DEFAULT_COMPONENT_ICONS = {
     /* @conditional-compile-remove(rich-text-editor) */
     RichTextEditorButtonIcon: React.createElement(reactIcons.TextEditStyle20Regular, null),
     /* @conditional-compile-remove(rich-text-editor) */
-    RichTextEditorButtonIconFilled: React.createElement(reactIcons.TextEditStyle20Filled, null)
+    RichTextEditorButtonIconFilled: React.createElement(reactIcons.TextEditStyle20Filled, null),
+    /* @conditional-compile-remove(rich-text-editor) */
+    RichTextInsertTableRegularIcon: React.createElement(reactIcons.Table20Regular, null),
+    /* @conditional-compile-remove(rich-text-editor) */
+    RichTextInsertTableFilledIcon: React.createElement(reactIcons.Table20Filled, null),
+    /* @conditional-compile-remove(rich-text-editor) */
+    RichTextTableInsertMenuIcon: React.createElement(reactIcons.TableAdd20Regular, null),
+    /* @conditional-compile-remove(rich-text-editor) */
+    RichTextTableDeleteMenuIcon: React.createElement(reactIcons.TableDismiss20Regular, null)
 };
 
 // Copyright (c) Microsoft Corporation.
@@ -8749,26 +8765,83 @@ const SendBoxErrors = (props) => {
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-/* @conditional-compile-remove(file-sharing) */
+/* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
 /**
  * Conditionally modify locale strings passed to the attachment card
  * @returns file upload card strings
  */
 const useLocaleAttachmentCardStringsTrampoline = () => {
-    /* @conditional-compile-remove(file-sharing) */
+    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
     return useLocale$1().strings.sendBox;
 };
 
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+/**
+ * @private
+ */
+const useAttachmentCardStyles = reactComponents.makeStyles({
+    root: {
+        width: '12rem',
+        minWidth: '75%'
+    }
+});
+/**
+ * @private
+ */
+const fileNameContainerClassName = react.mergeStyles({
+    marginTop: _pxToRem(5),
+    width: '5.75rem',
+    overflow: 'hidden',
+    textOverflow: 'ellipsis',
+    span: {
+        whiteSpace: 'nowrap'
+    }
+});
+
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 /**
  * @internal
- * A component for displaying a attachment card with attachment icon and progress bar.
+ * A component for displaying an attachment card with attachment icon and progress bar.
+ *
+ * `_AttachmentCard` internally uses the `Card` component from `@fluentui/react-components`. You can checkout the details about these components [here](https://react.fluentui.dev/?path=/docs/components-card).
  */
 const _AttachmentCard = (props) => {
     var _a, _b, _c, _d;
-    const { attachmentName, attachmentExtension, progress, actionIcon } = props;
-    const theme = react.useTheme();
+    const { attachmentName, attachmentExtension, progress, actionIcon, actionHandler } = 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]);
     const [announcerString, setAnnouncerString] = React.useState(undefined);
     const localeStrings = useLocaleAttachmentCardStringsTrampoline();
     const uploadStartedString = (_b = (_a = props.strings) === null || _a === void 0 ? void 0 : _a.uploading) !== null && _b !== void 0 ? _b : localeStrings.uploading;
@@ -8785,61 +8858,42 @@ const _AttachmentCard = (props) => {
             setAnnouncerString(undefined);
         }
     }, [progress, showProgressIndicator, attachmentName, uploadStartedString, uploadCompletedString]);
-    const progressBarThicknessPx = 4;
-    const containerClassName = react.mergeStyles({
-        width: '12rem',
-        background: theme.palette.neutralLighter,
-        borderRadius: theme.effects.roundedCorner4,
-        border: `${_pxToRem(1)} solid ${theme.palette.neutralQuaternary}`,
-        cursor: 'pointer'
-    });
-    const attachmentInfoWrapperClassName = react.mergeStyles({
-        padding: _pxToRem(12),
-        // To make space for the progress indicator.
-        paddingBottom: showProgressIndicator ? _pxToRem(12 - progressBarThicknessPx * 2) : _pxToRem(12)
-    });
-    const attachmentNameContainerClassName = react.mergeStyles({
-        paddingLeft: _pxToRem(4),
-        minWidth: '75%',
-        maxWidth: '75%'
-    });
-    const attachmentNameTextClassName = react.mergeStyles({
-        overflow: 'hidden',
-        textOverflow: 'ellipsis',
-        lineHeight: 'normal',
-        whiteSpace: 'nowrap',
-        paddingRight: _pxToRem(4)
-    });
-    const actionIconClassName = react.mergeStyles({
-        cursor: 'pointer'
-    });
-    const progressIndicatorStyles = {
-        itemProgress: {
-            padding: `${_pxToRem(progressBarThicknessPx - 1)} 0`, // item progress height won't apply without an explicit padding
-            // To make the progress indicator border curve along the bottom of attachment card.
-            borderRadius: `0 0 ${theme.effects.roundedCorner4} ${theme.effects.roundedCorner4}`
-        },
-        progressBar: {
-            height: _pxToRem(progressBarThicknessPx)
-        }
-    };
     return (React.createElement("div", { "data-is-focusable": true },
         React.createElement(Announcer$1, { announcementString: announcerString, ariaLive: 'polite' }),
-        React.createElement(react.Stack, { className: containerClassName, onClick: () => {
-                var _a;
-                (_a = props.actionHandler) === null || _a === void 0 ? void 0 : _a.call(props);
-            } },
-            React.createElement(react.Stack, { horizontal: true, horizontalAlign: "space-between", verticalAlign: "center", className: attachmentInfoWrapperClassName },
-                React.createElement(react.Stack, null,
-                    React.createElement(react.Icon, { "data-ui-id": 'filetype-icon', iconName: reactFileTypeIcons.getFileTypeIconProps({
-                            extension: attachmentExtension,
-                            size: 24,
-                            imageFileType: 'svg'
-                        }).iconName })),
-                React.createElement(react.Stack, { className: attachmentNameContainerClassName },
-                    React.createElement(react.Text, { className: attachmentNameTextClassName }, attachmentName)),
-                React.createElement(react.Stack, { verticalAlign: "center", className: actionIconClassName }, actionIcon && actionIcon)),
-            showProgressIndicator && React.createElement(react.ProgressIndicator, { percentComplete: progress, styles: progressIndicatorStyles }))));
+        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,
+                        size: 24,
+                        imageFileType: 'svg'
+                    }).iconName }), header: React.createElement("div", { className: fileNameContainerClassName },
+                    React.createElement(reactComponents.Text, { title: attachmentName }, attachmentName)), action: getMenuItems(menuActions, attachment, onDownloadErrorMessage) })),
+        isUploadComplete ? (React.createElement(reactComponents.CardFooter, null,
+            React.createElement(reactComponents.ProgressBar, { thickness: "medium", value: progress, shape: "rounded" }))) : (React.createElement(React.Fragment, null, " "))));
+};
+const getMenuItems = (menuActions, attachment, handleOnClickError) => {
+    if (menuActions.length === 0) {
+        return React.createElement(React.Fragment, null);
+    }
+    return menuActions.length === 1 ? (React.createElement(reactComponents.ToolbarButton, { "aria-label": menuActions[0].name, icon: menuActions[0].icon, onClick: () => {
+            try {
+                menuActions[0].onClick(attachment);
+            }
+            catch (e) {
+                handleOnClickError === null || handleOnClickError === void 0 ? void 0 : handleOnClickError(e.message);
+            }
+        } })) : (React.createElement(reactComponents.Toolbar, null,
+        React.createElement(reactComponents.Menu, null,
+            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: () => {
+                        try {
+                            menuItem.onClick(attachment);
+                        }
+                        catch (e) {
+                            handleOnClickError === null || handleOnClickError === void 0 ? void 0 : handleOnClickError(e.message);
+                        }
+                    } }, menuItem.name))))))));
 };
 
 // Copyright (c) Microsoft Corporation.
@@ -8876,42 +8930,19 @@ const _AttachmentCardGroup = (props) => {
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-/**
- * @private
- */
-const iconButtonClassName = react.mergeStyles({
-    color: 'unset',
-    width: '1rem',
-    height: '1rem',
-    background: 'transparent',
-    ':hover': {
-        color: 'unset',
-        background: 'transparent'
-    }
-});
-
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-const actionIconStyle$1 = { height: '1rem' };
+const actionIconStyle = { height: '1rem' };
 /**
  * @internal
  */
 const _AttachmentUploadCards = (props) => {
-    var _a;
     const attachments = props.activeFileUploads;
-    const localeStrings = useLocaleAttachmentCardStringsTrampoline();
-    const removeAttachmentButtonString = 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.IconButton, { className: iconButtonClassName, ariaLabel: removeAttachmentButtonString() },
-                React.createElement(react.Icon, { iconName: "CancelFileUpload", style: actionIconStyle$1 })), actionHandler: () => {
+            .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 })))));
 };
@@ -8923,7 +8954,7 @@ const _AttachmentUploadCards = (props) => {
  */
 const MAXIMUM_LENGTH_OF_MESSAGE = 8000;
 const EMPTY_MESSAGE_REGEX = /^\s*$/;
-/* @conditional-compile-remove(file-sharing) */
+/* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
 /**
  * @private
  */
@@ -8933,7 +8964,7 @@ const hasIncompleteFileUploads = (activeFileUploads) => {
             .filter((attachmentUpload) => !attachmentUpload.error)
             .every((attachmentUpload) => attachmentUpload.uploadComplete));
 };
-/* @conditional-compile-remove(file-sharing) */
+/* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
 /**
  * @private
  */
@@ -8958,6 +8989,363 @@ const sanitizeText = (message) => {
     }
 };
 
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+// These color records are required for createV9Theme
+// For more info, check https://react.fluentui.dev/iframe.html?viewMode=docs&id=concepts-migration-from-v8-components-theme-migration--page#compatible-themes
+/**
+ * @private
+ */
+const grey = {
+    '0': '#000000',
+    '2': '#050505',
+    '4': '#0a0a0a',
+    '6': '#0f0f0f',
+    '8': '#141414',
+    '10': '#1a1a1a',
+    '12': '#1f1f1f',
+    '14': '#242424',
+    '16': '#292929',
+    '18': '#2e2e2e',
+    '20': '#333333',
+    '22': '#383838',
+    '24': '#3d3d3d',
+    '26': '#424242',
+    '28': '#474747',
+    '30': '#4d4d4d',
+    '32': '#525252',
+    '34': '#575757',
+    '36': '#5c5c5c',
+    '38': '#616161',
+    '40': '#666666',
+    '42': '#6b6b6b',
+    '44': '#707070',
+    '46': '#757575',
+    '48': '#7a7a7a',
+    '50': '#808080',
+    '52': '#858585',
+    '54': '#8a8a8a',
+    '56': '#8f8f8f',
+    '58': '#949494',
+    '60': '#999999',
+    '62': '#9e9e9e',
+    '64': '#a3a3a3',
+    '66': '#a8a8a8',
+    '68': '#adadad',
+    '70': '#b3b3b3',
+    '72': '#b8b8b8',
+    '74': '#bdbdbd',
+    '76': '#c2c2c2',
+    '78': '#c7c7c7',
+    '80': '#cccccc',
+    '82': '#d1d1d1',
+    '84': '#d6d6d6',
+    '86': '#dbdbdb',
+    '88': '#e0e0e0',
+    '90': '#e6e6e6',
+    '92': '#ebebeb',
+    '94': '#f0f0f0',
+    '96': '#f5f5f5',
+    '98': '#fafafa',
+    '100': '#ffffff'
+};
+/**
+ * @private
+ */
+const whiteAlpha = {
+    '5': 'rgba(255, 255, 255, 0.05)',
+    '10': 'rgba(255, 255, 255, 0.1)',
+    '20': 'rgba(255, 255, 255, 0.2)',
+    '30': 'rgba(255, 255, 255, 0.3)',
+    '40': 'rgba(255, 255, 255, 0.4)',
+    '50': 'rgba(255, 255, 255, 0.5)',
+    '60': 'rgba(255, 255, 255, 0.6)',
+    '70': 'rgba(255, 255, 255, 0.7)',
+    '80': 'rgba(255, 255, 255, 0.8)',
+    '90': 'rgba(255, 255, 255, 0.9)'
+};
+/**
+ * @private
+ */
+const blackAlpha = {
+    '5': 'rgba(0, 0, 0, 0.05)',
+    '10': 'rgba(0, 0, 0, 0.1)',
+    '20': 'rgba(0, 0, 0, 0.2)',
+    '30': 'rgba(0, 0, 0, 0.3)',
+    '40': 'rgba(0, 0, 0, 0.4)',
+    '50': 'rgba(0, 0, 0, 0.5)',
+    '60': 'rgba(0, 0, 0, 0.6)',
+    '70': 'rgba(0, 0, 0, 0.7)',
+    '80': 'rgba(0, 0, 0, 0.8)',
+    '90': 'rgba(0, 0, 0, 0.9)'
+};
+/**
+ * @private
+ */
+const grey10Alpha = {
+    '5': 'rgba(26, 26, 26, 0.05)',
+    '10': 'rgba(26, 26, 26, 0.1)',
+    '20': 'rgba(26, 26, 26, 0.2)',
+    '30': 'rgba(26, 26, 26, 0.3)',
+    '40': 'rgba(26, 26, 26, 0.4)',
+    '50': 'rgba(26, 26, 26, 0.5)',
+    '60': 'rgba(26, 26, 26, 0.6)',
+    '70': 'rgba(26, 26, 26, 0.7)',
+    '80': 'rgba(26, 26, 26, 0.8)',
+    '90': 'rgba(26, 26, 26, 0.9)'
+};
+/**
+ * @private
+ */
+const grey12Alpha = {
+    '5': 'rgba(31, 31, 31, 0.05)',
+    '10': 'rgba(31, 31, 31, 0.1)',
+    '20': 'rgba(31, 31, 31, 0.2)',
+    '30': 'rgba(31, 31, 31, 0.3)',
+    '40': 'rgba(31, 31, 31, 0.4)',
+    '50': 'rgba(31, 31, 31, 0.5)',
+    '60': 'rgba(31, 31, 31, 0.6)',
+    '70': 'rgba(31, 31, 31, 0.7)',
+    '80': 'rgba(31, 31, 31, 0.8)',
+    '90': 'rgba(31, 31, 31, 0.9)'
+};
+
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+// These mappings are required for createV9Theme
+// For more info, check https://react.fluentui.dev/iframe.html?viewMode=docs&id=concepts-migration-from-v8-components-theme-migration--page#compatible-themes
+/**
+ * Creates v9 color tokens from a v8 palette.
+ */
+const mapAliasColors = (palette, inverted) => {
+    return {
+        colorNeutralForeground1: palette.neutralPrimary,
+        colorNeutralForeground1Hover: palette.neutralPrimary,
+        colorNeutralForeground1Pressed: palette.neutralPrimary,
+        colorNeutralForeground1Selected: palette.neutralPrimary,
+        colorNeutralForeground2: palette.neutralSecondary,
+        colorNeutralForeground2Hover: palette.neutralPrimary,
+        colorNeutralForeground2Pressed: palette.neutralPrimary,
+        colorNeutralForeground2Selected: palette.neutralPrimary,
+        colorNeutralForeground2BrandHover: palette.themePrimary,
+        colorNeutralForeground2BrandPressed: palette.themeDarkAlt,
+        colorNeutralForeground2BrandSelected: palette.themePrimary,
+        colorNeutralForeground3: palette.neutralTertiary,
+        colorNeutralForeground3Hover: palette.neutralSecondary,
+        colorNeutralForeground3Pressed: palette.neutralSecondary,
+        colorNeutralForeground3Selected: palette.neutralSecondary,
+        colorNeutralForeground3BrandHover: palette.themePrimary,
+        colorNeutralForeground3BrandPressed: palette.themeDarkAlt,
+        colorNeutralForeground3BrandSelected: palette.themePrimary,
+        colorNeutralForeground4: palette.neutralQuaternary,
+        colorNeutralForegroundDisabled: palette.neutralTertiaryAlt,
+        colorNeutralForegroundInvertedDisabled: whiteAlpha[40],
+        colorBrandForegroundLink: palette.themeDarkAlt,
+        colorBrandForegroundLinkHover: palette.themeDark,
+        colorBrandForegroundLinkPressed: palette.themeDarker,
+        colorBrandForegroundLinkSelected: palette.themeDarkAlt,
+        colorNeutralForeground2Link: palette.neutralSecondary,
+        colorNeutralForeground2LinkHover: palette.neutralPrimary,
+        colorNeutralForeground2LinkPressed: palette.neutralPrimary,
+        colorNeutralForeground2LinkSelected: palette.neutralPrimary,
+        colorCompoundBrandForeground1: palette.themePrimary,
+        colorCompoundBrandForeground1Hover: palette.themeDarkAlt,
+        colorCompoundBrandForeground1Pressed: palette.themeDark,
+        colorBrandForeground1: palette.themePrimary,
+        colorBrandForeground2: palette.themeDarkAlt,
+        colorBrandForeground2Hover: palette.themeDarkAlt,
+        colorBrandForeground2Pressed: palette.themeDarkAlt,
+        colorNeutralForeground1Static: palette.neutralPrimary,
+        colorNeutralForegroundInverted: palette.white,
+        colorNeutralForegroundInvertedHover: palette.white,
+        colorNeutralForegroundInvertedPressed: palette.white,
+        colorNeutralForegroundInvertedSelected: palette.white,
+        colorNeutralForegroundOnBrand: palette.white,
+        colorNeutralForegroundStaticInverted: palette.white,
+        colorNeutralForegroundInvertedLink: palette.white,
+        colorNeutralForegroundInvertedLinkHover: palette.white,
+        colorNeutralForegroundInvertedLinkPressed: palette.white,
+        colorNeutralForegroundInvertedLinkSelected: palette.white,
+        colorNeutralForegroundInverted2: palette.white,
+        colorBrandForegroundInverted: palette.themeSecondary,
+        colorBrandForegroundInvertedHover: palette.themeTertiary,
+        colorBrandForegroundInvertedPressed: palette.themeSecondary,
+        colorBrandForegroundOnLight: palette.themePrimary,
+        colorBrandForegroundOnLightHover: palette.themeDarkAlt,
+        colorBrandForegroundOnLightPressed: palette.themeDark,
+        colorBrandForegroundOnLightSelected: palette.themeDark,
+        colorNeutralBackground1: palette.white,
+        colorNeutralBackground1Hover: palette.neutralLighter,
+        colorNeutralBackground1Pressed: palette.neutralQuaternaryAlt,
+        colorNeutralBackground1Selected: palette.neutralLight,
+        colorNeutralBackground2: palette.neutralLighterAlt,
+        colorNeutralBackground2Hover: palette.neutralLighter,
+        colorNeutralBackground2Pressed: palette.neutralQuaternaryAlt,
+        colorNeutralBackground2Selected: palette.neutralLight,
+        colorNeutralBackground3: palette.neutralLighter,
+        colorNeutralBackground3Hover: palette.neutralLight,
+        colorNeutralBackground3Pressed: palette.neutralQuaternary,
+        colorNeutralBackground3Selected: palette.neutralQuaternaryAlt,
+        colorNeutralBackground4: palette.neutralLighter,
+        colorNeutralBackground4Hover: palette.neutralLighterAlt,
+        colorNeutralBackground4Pressed: palette.neutralLighter,
+        colorNeutralBackground4Selected: palette.white,
+        colorNeutralBackground5: palette.neutralLight,
+        colorNeutralBackground5Hover: palette.neutralLighter,
+        colorNeutralBackground5Pressed: palette.neutralLighter,
+        colorNeutralBackground5Selected: palette.neutralLighterAlt,
+        colorNeutralBackground6: palette.neutralLight,
+        colorNeutralBackgroundStatic: grey[20],
+        colorNeutralBackgroundInverted: palette.neutralSecondary,
+        colorNeutralBackgroundAlpha: inverted ? grey10Alpha[50] : whiteAlpha[50],
+        colorNeutralBackgroundAlpha2: inverted ? grey12Alpha[70] : whiteAlpha[80],
+        colorSubtleBackground: 'transparent',
+        colorSubtleBackgroundHover: palette.neutralLighter,
+        colorSubtleBackgroundPressed: palette.neutralQuaternaryAlt,
+        colorSubtleBackgroundSelected: palette.neutralLight,
+        colorSubtleBackgroundLightAlphaHover: inverted ? whiteAlpha[10] : whiteAlpha[80],
+        colorSubtleBackgroundLightAlphaPressed: inverted ? whiteAlpha[5] : whiteAlpha[50],
+        colorSubtleBackgroundLightAlphaSelected: 'transparent',
+        colorSubtleBackgroundInverted: 'transparent',
+        colorSubtleBackgroundInvertedHover: blackAlpha[10],
+        colorSubtleBackgroundInvertedPressed: blackAlpha[30],
+        colorSubtleBackgroundInvertedSelected: blackAlpha[20],
+        colorTransparentBackground: 'transparent',
+        colorTransparentBackgroundHover: 'transparent',
+        colorTransparentBackgroundPressed: 'transparent',
+        colorTransparentBackgroundSelected: 'transparent',
+        colorNeutralBackgroundDisabled: palette.neutralLighter,
+        colorNeutralBackgroundInvertedDisabled: whiteAlpha[10],
+        colorNeutralStencil1: palette.neutralLight,
+        colorNeutralStencil2: palette.neutralLighterAlt,
+        colorNeutralStencil1Alpha: inverted ? whiteAlpha[10] : blackAlpha[10],
+        colorNeutralStencil2Alpha: inverted ? whiteAlpha[5] : blackAlpha[5],
+        colorBackgroundOverlay: blackAlpha[40],
+        colorScrollbarOverlay: blackAlpha[50],
+        colorBrandBackground: palette.themePrimary,
+        colorBrandBackgroundHover: palette.themeDarkAlt,
+        colorBrandBackgroundPressed: palette.themeDarker,
+        colorBrandBackgroundSelected: palette.themeDark,
+        colorCompoundBrandBackground: palette.themePrimary,
+        colorCompoundBrandBackgroundHover: palette.themeDarkAlt,
+        colorCompoundBrandBackgroundPressed: palette.themeDark,
+        colorBrandBackgroundStatic: palette.themePrimary,
+        colorBrandBackground2: palette.themeLighterAlt,
+        colorBrandBackground2Hover: palette.themeLighterAlt,
+        colorBrandBackground2Pressed: palette.themeLighterAlt,
+        colorBrandBackground3Static: palette.themeDark,
+        colorBrandBackground4Static: palette.themeDarker,
+        colorBrandBackgroundInverted: palette.white,
+        colorBrandBackgroundInvertedHover: palette.themeLighterAlt,
+        colorBrandBackgroundInvertedPressed: palette.themeLight,
+        colorBrandBackgroundInvertedSelected: palette.themeLighter,
+        colorNeutralCardBackground: inverted ? grey[20] : grey[98],
+        colorNeutralCardBackgroundHover: inverted ? grey[24] : palette.white,
+        colorNeutralCardBackgroundPressed: inverted ? grey[18] : grey[96],
+        colorNeutralCardBackgroundSelected: inverted ? grey[22] : grey[92],
+        colorNeutralCardBackgroundDisabled: inverted ? grey[8] : grey[94],
+        colorNeutralStrokeAccessible: palette.neutralSecondary,
+        colorNeutralStrokeAccessibleHover: palette.neutralSecondary,
+        colorNeutralStrokeAccessiblePressed: palette.neutralSecondary,
+        colorNeutralStrokeAccessibleSelected: palette.themePrimary,
+        colorNeutralStroke1: palette.neutralQuaternary,
+        colorNeutralStroke1Hover: palette.neutralTertiaryAlt,
+        colorNeutralStroke1Pressed: palette.neutralTertiaryAlt,
+        colorNeutralStroke1Selected: palette.neutralTertiaryAlt,
+        colorNeutralStroke2: palette.neutralQuaternaryAlt,
+        colorNeutralStroke3: palette.neutralLighter,
+        colorNeutralStrokeSubtle: palette.neutralQuaternaryAlt,
+        colorNeutralStrokeOnBrand: palette.white,
+        colorNeutralStrokeOnBrand2: palette.white,
+        colorNeutralStrokeOnBrand2Hover: palette.white,
+        colorNeutralStrokeOnBrand2Pressed: palette.white,
+        colorNeutralStrokeOnBrand2Selected: palette.white,
+        colorBrandStroke1: palette.themePrimary,
+        colorBrandStroke2: palette.themeLight,
+        colorBrandStroke2Hover: palette.themeLight,
+        colorBrandStroke2Pressed: palette.themeLight,
+        colorBrandStroke2Contrast: palette.themeLight,
+        colorCompoundBrandStroke: palette.themePrimary,
+        colorCompoundBrandStrokeHover: palette.themeDarkAlt,
+        colorCompoundBrandStrokePressed: palette.themeDark,
+        colorNeutralStrokeDisabled: palette.neutralQuaternaryAlt,
+        colorNeutralStrokeInvertedDisabled: whiteAlpha[40],
+        colorTransparentStroke: 'transparent',
+        colorTransparentStrokeInteractive: 'transparent',
+        colorTransparentStrokeDisabled: 'transparent',
+        colorNeutralStrokeAlpha: inverted ? whiteAlpha[10] : blackAlpha[5],
+        colorNeutralStrokeAlpha2: whiteAlpha[20],
+        colorStrokeFocus1: palette.white,
+        colorStrokeFocus2: palette.black,
+        colorNeutralShadowAmbient: 'rgba(0,0,0,0.12)',
+        colorNeutralShadowKey: 'rgba(0,0,0,0.14)',
+        colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.06)',
+        colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.07)',
+        colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.20)',
+        colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.24)',
+        colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
+        colorBrandShadowKey: 'rgba(0,0,0,0.25)'
+    };
+};
+/**
+ * Creates v9 shadow tokens from v8 effects.
+ */
+const mapShadowTokens = (effects) => {
+    return {
+        shadow4: effects.elevation4,
+        shadow8: effects.elevation8,
+        shadow16: effects.elevation16,
+        shadow64: effects.elevation64
+    };
+};
+/**
+ * Creates v9 border radius tokens from v8 effects
+ */
+const mapBorderRadiusTokens = (effects) => {
+    return {
+        borderRadiusSmall: effects.roundedCorner2,
+        borderRadiusMedium: effects.roundedCorner4,
+        borderRadiusLarge: effects.roundedCorner6
+    };
+};
+/**
+ * Creates a v9 theme from a v8 theme and base v9 theme.
+ * FluentUI webLightTheme is used in case if no baseThemeV9 is provided.
+ *
+ * @private
+ */
+const createV9Theme = (themeV8, baseThemeV9) => {
+    const baseTheme = baseThemeV9 !== null && baseThemeV9 !== void 0 ? baseThemeV9 : reactComponents.webLightTheme;
+    return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, baseTheme), mapAliasColors(themeV8.palette, themeV8.isInverted)), mapShadowTokens(themeV8.effects)), mapBorderRadiusTokens(themeV8.effects)), { colorBrandBackground2: themeV8.palette.themeLight, colorBrandBackground2Hover: themeV8.palette.themeLight, colorBrandBackground2Pressed: themeV8.palette.themeLight, colorStatusWarningBackground3: '#D83B01', errorText: themeV8.semanticColors.errorText, colorNeutralStroke1Selected: themeV8.palette.neutralQuaternary, colorNeutralForeground2: themeV8.palette.neutralSecondary, colorBrandForegroundLink: themeV8.palette.themePrimary, colorBrandForegroundLinkHover: themeV8.palette.themeDarker, colorNeutralBackground1Selected: themeV8.palette.neutralQuaternaryAlt, 
+        // Fix for an issue with black borders for iOS that are added with 'after' selector
+        colorStrokeFocus2: 'transparent' });
+};
+
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+/**
+ * @private
+ */
+const useFluentV9Wrapper = reactComponents.makeStyles({
+    body: Object.assign(Object.assign(Object.assign(Object.assign({ height: '100%' }, reactComponents.shorthands.margin(0)), reactComponents.shorthands.overflow('hidden')), reactComponents.shorthands.padding(0)), { width: '100%' })
+});
+/**
+ * @private
+ */
+const FluentV9ThemeProvider = (props) => {
+    const { v8Theme, children } = props;
+    const v9Theme = createV9Theme(v8Theme);
+    const dir = v8Theme.rtl ? 'rtl' : 'ltr';
+    return (
+    // TextDirectionProvider is needed to fix issue with direction value update in FluentProvider
+    React.createElement(react$1.TextDirectionProvider, { dir: dir },
+        React.createElement(FluentProviderWithStylesOverrides, { theme: v9Theme, dir: dir }, children)));
+};
+const FluentProviderWithStylesOverrides = (props) => {
+    const classes = useFluentV9Wrapper();
+    return React.createElement(reactComponents.FluentProvider, Object.assign({}, props, { className: classes.body, applyStylesToPortals: false }));
+};
+
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 /**
@@ -8972,7 +9360,7 @@ const SendBox$1 = (props) => {
     const { disabled, systemMessage, supportNewline, onSendMessage, onTyping, onRenderIcon, onRenderSystemMessage, styles, autoFocus, 
     /* @conditional-compile-remove(mention) */
     mentionLookupOptions, 
-    /* @conditional-compile-remove(file-sharing) */
+    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
     activeFileUploads } = props;
     const theme = useTheme();
     const localeStrings = useLocale$1().strings.sendBox;
@@ -8981,7 +9369,7 @@ const SendBox$1 = (props) => {
     const [textValue, setTextValue] = React.useState('');
     const [textValueOverflow, setTextValueOverflow] = React.useState(false);
     const sendTextFieldRef = React.useRef(null);
-    /* @conditional-compile-remove(file-sharing) */
+    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
     const [attachmentUploadsPendingError, setAttachmentUploadsPendingError] = React.useState(undefined);
     const sendMessageOnClick = () => {
         var _a;
@@ -8990,9 +9378,9 @@ const SendBox$1 = (props) => {
             return;
         }
         // Don't send message until all files have been uploaded successfully
-        /* @conditional-compile-remove(file-sharing) */
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
         setAttachmentUploadsPendingError(undefined);
-        /* @conditional-compile-remove(file-sharing) */
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
         if (hasIncompleteFileUploads(activeFileUploads)) {
             setAttachmentUploadsPendingError({ message: strings.attachmentUploadsPendingError, timestamp: Date.now() });
             return;
@@ -9001,7 +9389,7 @@ const SendBox$1 = (props) => {
         // we don't want to send empty messages including spaces, newlines, tabs
         // Message can be empty if there is a valid attachment upload
         if (sanitizeText(message).length > 0 ||
-            /* @conditional-compile-remove(file-sharing) */ hasCompletedFileUploads(activeFileUploads)) {
+            /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ hasCompletedFileUploads(activeFileUploads)) {
             onSendMessage && onSendMessage(message);
             setTextValue('');
         }
@@ -9021,25 +9409,25 @@ const SendBox$1 = (props) => {
     const mergedSendIconStyle = React.useMemo(() => sendIconStyle({
         theme,
         hasText: !!textValue,
-        /* @conditional-compile-remove(file-sharing) */ hasFile: hasCompletedFileUploads(activeFileUploads),
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ hasFile: hasCompletedFileUploads(activeFileUploads),
         hasErrorMessage: !!errorMessage,
         customSendIconStyle: styles === null || styles === void 0 ? void 0 : styles.sendMessageIcon
     }), [
         theme,
         textValue,
-        /* @conditional-compile-remove(file-sharing) */ activeFileUploads,
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ activeFileUploads,
         errorMessage,
         styles === null || styles === void 0 ? void 0 : styles.sendMessageIcon
     ]);
     const onRenderSendIcon = React.useCallback((isHover) => onRenderIcon ? (onRenderIcon(isHover)) : (React.createElement(react.Icon, { iconName: isHover && textValue ? 'SendBoxSendHovered' : 'SendBoxSend', className: mergedSendIconStyle })), [mergedSendIconStyle, onRenderIcon, textValue]);
     // Ensure that errors are cleared when there are no files in sendBox
-    /* @conditional-compile-remove(file-sharing) */
+    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
     React.useEffect(() => {
         if (!(activeFileUploads === null || activeFileUploads === void 0 ? void 0 : activeFileUploads.filter((upload) => !upload.error).length)) {
             setAttachmentUploadsPendingError(undefined);
         }
     }, [activeFileUploads]);
-    /* @conditional-compile-remove(file-sharing) */
+    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
     const sendBoxErrorsProps = React.useMemo(() => {
         var _a;
         return {
@@ -9047,22 +9435,30 @@ const SendBox$1 = (props) => {
             attachmentUploadError: (_a = activeFileUploads === null || activeFileUploads === void 0 ? void 0 : activeFileUploads.filter((attachmentUpload) => attachmentUpload.error).pop()) === null || _a === void 0 ? void 0 : _a.error
         };
     }, [activeFileUploads, attachmentUploadsPendingError]);
-    /* @conditional-compile-remove(file-sharing) */
+    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
     const onRenderFileUploads = React.useCallback(() => {
         var _a, _b, _c, _d, _e, _f;
         if (!(activeFileUploads === null || activeFileUploads === void 0 ? void 0 : activeFileUploads.filter((upload) => !upload.error).length)) {
             return null;
         }
         return props.onRenderFileUploads ? (props.onRenderFileUploads()) : (React.createElement(react.Stack, { className: attachmentUploadCardsStyles },
-            React.createElement(_AttachmentUploadCards, { activeFileUploads: activeFileUploads, onCancelFileUpload: props.onCancelFileUpload, strings: {
-                    removeAttachment: (_b = (_a = props.strings) === null || _a === void 0 ? void 0 : _a.removeAttachment) !== null && _b !== void 0 ? _b : localeStrings.removeAttachment,
-                    uploading: (_d = (_c = props.strings) === null || _c === void 0 ? void 0 : _c.uploading) !== null && _d !== void 0 ? _d : localeStrings.uploading,
-                    uploadCompleted: (_f = (_e = props.strings) === null || _e === void 0 ? void 0 : _e.uploadCompleted) !== null && _f !== void 0 ? _f : localeStrings.uploadCompleted
-                } })));
-    }, [activeFileUploads, props, localeStrings]);
+            React.createElement(FluentV9ThemeProvider, { v8Theme: theme },
+                React.createElement(_AttachmentUploadCards, { activeFileUploads: activeFileUploads, onCancelFileUpload: props.onCancelFileUpload, strings: {
+                        removeAttachment: (_b = (_a = props.strings) === null || _a === void 0 ? void 0 : _a.removeAttachment) !== null && _b !== void 0 ? _b : localeStrings.removeAttachment,
+                        uploading: (_d = (_c = props.strings) === null || _c === void 0 ? void 0 : _c.uploading) !== null && _d !== void 0 ? _d : localeStrings.uploading,
+                        uploadCompleted: (_f = (_e = props.strings) === null || _e === void 0 ? void 0 : _e.uploadCompleted) !== null && _f !== void 0 ? _f : localeStrings.uploadCompleted
+                    } }))));
+    }, [
+        activeFileUploads,
+        props,
+        theme,
+        localeStrings.removeAttachment,
+        localeStrings.uploading,
+        localeStrings.uploadCompleted
+    ]);
     return (React.createElement(react.Stack, { className: react.mergeStyles(sendBoxWrapperStyles, { overflow: 'visible' } // This is needed for the mention popup to be visible
-        ) }, /* @conditional-compile-remove(file-sharing) */
-        React.createElement(SendBoxErrors, Object.assign({}, sendBoxErrorsProps)),
+        ) },
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ React.createElement(SendBoxErrors, Object.assign({}, sendBoxErrorsProps)),
         React.createElement(react.Stack, { className: borderAndBoxShadowStyle({
                 theme,
                 hasErrorMessage: !!errorMessage,
@@ -9084,7 +9480,7 @@ const SendBox$1 = (props) => {
                         }
                         e.stopPropagation();
                     }, id: 'sendIconWrapper', className: mergedSendButtonStyle, ariaLabel: localeStrings.sendButtonAriaLabel, tooltipContent: localeStrings.sendButtonAriaLabel })),
-            /* @conditional-compile-remove(file-sharing) */
+            /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
             onRenderFileUploads())));
 };
 
@@ -9344,7 +9740,26 @@ const richTextEditorWrapperStyle = (theme, addTopOffset) => {
         paddingInlineEnd: `0.75rem`,
         lineHeight: '1.25rem',
         maxWidth: '100%',
-        color: theme.palette.neutralPrimary
+        color: theme.palette.neutralPrimary,
+        '& table': {
+            background: 'transparent',
+            borderCollapse: 'collapse',
+            width: '100%',
+            borderSpacing: '0',
+            // don't shrink/expand cells during the input to the table
+            tableLayout: 'fixed',
+            '& tr': {
+                background: 'transparent',
+                border: `1px solid ${theme.palette.neutralLight}`,
+                '& td': {
+                    background: 'transparent',
+                    border: `1px solid ${theme.palette.neutralLight}`,
+                    wordBreak: 'normal',
+                    padding: '0.125rem 0.25rem',
+                    verticalAlign: 'top'
+                }
+            }
+        }
     });
 };
 /**
@@ -9395,6 +9810,15 @@ const ribbonOverflowButtonRootStyles = (theme) => {
                         color: theme.palette.neutralPrimary
                     }
                 }
+            },
+            '.ribbon-table-button-regular-icon': {
+                display: 'inline-block',
+                margin: '-0.25rem 0.25rem 0 0.25rem',
+                width: '1.25rem',
+                height: '1.25rem'
+            },
+            '.ribbon-table-button-filled-icon': {
+                display: 'none'
             }
         }
     };
@@ -9430,13 +9854,67 @@ const ribbonButtonStyle = (theme) => {
         rootExpandedHovered: ribbonButtonRootStyles(theme)
     };
 };
+const rootRibbonTableButtonStyle = (theme) => {
+    // merge IStyles props
+    return Object.assign({ minWidth: 'auto' }, ribbonTableButtonRootStyles(theme, false));
+};
+/**
+ * @private
+ */
+const ribbonTableButtonStyle = (theme) => {
+    return {
+        icon: { height: 'auto' },
+        menuIcon: { height: 'auto' },
+        root: rootRibbonTableButtonStyle(theme),
+        rootChecked: ribbonTableButtonRootStyles(theme, true),
+        rootHovered: ribbonTableButtonRootStyles(theme, true),
+        rootCheckedHovered: ribbonTableButtonRootStyles(theme, true),
+        rootCheckedPressed: ribbonTableButtonRootStyles(theme, true),
+        rootPressed: ribbonTableButtonRootStyles(theme, true),
+        rootExpanded: ribbonTableButtonRootStyles(theme, true),
+        rootExpandedHovered: ribbonTableButtonRootStyles(theme, true)
+    };
+};
+const ribbonTableButtonRootStyles = (theme, isSelected) => {
+    return {
+        backgroundColor: 'transparent',
+        selectors: {
+            '.ribbon-table-button-regular-icon': {
+                width: '1.25rem',
+                height: '1.25rem',
+                marginTop: '-0.25rem',
+                color: theme.palette.neutralPrimary,
+                display: isSelected ? 'none' : 'inline-block'
+            },
+            '.ribbon-table-button-filled-icon': {
+                width: '1.25rem',
+                height: '1.25rem',
+                marginTop: '-0.25rem',
+                color: theme.palette.themePrimary,
+                display: isSelected ? 'inline-block' : 'none'
+            }
+        }
+    };
+};
 /**
  * @private
  */
 const ribbonDividerStyle = (theme) => {
     return {
         icon: { color: theme.palette.neutralQuaternaryAlt, margin: '0 -0.5rem', height: 'auto' },
-        root: { margin: '0', padding: '0', minWidth: 'auto' }
+        root: { margin: '0', padding: '0', minWidth: 'auto' },
+        rootHovered: {
+            backgroundColor: 'transparent',
+            selectors: {
+                // Icon's color doesn't work here because of the specificity
+                '.ms-Button-icon': {
+                    color: theme.palette.neutralQuaternaryAlt
+                },
+                '.ms-Button-menuIcon': {
+                    color: theme.palette.neutralQuaternaryAlt
+                }
+            }
+        }
     };
 };
 /**
@@ -9463,18 +9941,241 @@ const sendBoxRichTextEditorStyle = (isExpanded) => {
         maxHeight: '5rem'
     };
 };
+/**
+ * @private
+ */
+const insertTableMenuCellButtonStyles = (theme) => {
+    return {
+        width: '1rem',
+        height: '1rem',
+        border: `solid 0.0625rem ${theme.palette.neutralTertiaryAlt}`,
+        display: 'inline-block',
+        cursor: 'pointer',
+        background: 'transparent'
+    };
+};
+/**
+ * @private
+ */
+const insertTableMenuCellButtonSelectedStyles = (theme) => {
+    return {
+        background: theme.palette.themePrimary
+    };
+};
+/**
+ * @private
+ */
+const insertTableMenuTablePane = react.mergeStyles({
+    padding: '0.5rem 0.625rem 0.75rem 0.625rem',
+    boxSizing: 'content-box',
+    minWidth: 'auto'
+});
+/**
+ * @private
+ */
+const insertTableMenuFocusZone = (theme) => {
+    return react.mergeStyles({
+        lineHeight: '12px',
+        width: '5rem',
+        border: `solid 0.0625rem ${theme.palette.neutralTertiaryAlt}`
+    });
+};
+/**
+ * @private
+ */
+const insertTableMenuTitleStyles = react.mergeStyles({
+    width: '100%',
+    height: '1rem',
+    fontSize: '0.75rem',
+    marginBottom: '0.5rem'
+});
+
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+// This file  uses RoosterJS React package implementation with updates to change table's size and remove styles
+/**
+ * Insert table into editor at current selection
+ * @param editor The editor instance
+ * @param columns Number of columns in table
+ * @param rows Number of rows in table
+ */
+const insertTable = (editor, columns, rows) => {
+    const document = editor.getDocument();
+    const table = document.createElement('table');
+    for (let i = 0; i < rows; i++) {
+        const tr = document.createElement('tr');
+        table.appendChild(tr);
+        for (let j = 0; j < columns; j++) {
+            const td = document.createElement('td');
+            tr.appendChild(td);
+            td.appendChild(document.createElement('br'));
+        }
+    }
+    editor.focus();
+    editor.addUndoSnapshot(() => {
+        const vTable = new roosterjsEditorDom.VTable(table);
+        vTable.writeBack();
+        editor.insertNode(table);
+        editor.runAsync((editor) => editor.select(new roosterjsEditorDom.Position(table, roosterjsEditorTypesCompatible.CompatiblePositionType.Begin).normalize()));
+    }, roosterjsEditorTypesCompatible.CompatibleChangeSource.Format, undefined /* canUndoByBackspace */, {
+        formatApiName: 'insertTable'
+    });
+};
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-const dividerRibbonButton = (theme) => {
+/**
+ * @private
+ *
+ * String to be replaces by actual values of row and column.
+ */
+const ColumnRowReplaceString = '{column} x {row}';
+/**
+ * @private
+ *
+ * Function to create key pair for the selected table size.
+ */
+function createKey(row, column) {
+    return `${row},${column}`;
+}
+/**
+ * @private
+ *
+ * Function to parse key to the selected table size valules.
+ */
+function parseKey(key) {
+    const [row, column] = key.split(',');
+    return {
+        row: parseInt(row),
+        column: parseInt(column)
+    };
+}
+
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+// This file uses RoosterJS React package implementation with updates to UI components and styles.
+const RowColumnInitialValue = 0;
+/**
+ * @private
+ * Component for the insert table pane
+ */
+const RichTextInsertTablePane = (props) => {
+    const { item, onClick, theme, maxColumnsNumber, maxRowsNumber } = props;
+    const [column, setColumn] = React.useState(RowColumnInitialValue);
+    const [row, setRow] = React.useState(RowColumnInitialValue);
+    const updateSize = React.useCallback((target) => {
+        if (target !== undefined && target.dataset.column !== undefined && target.dataset.row !== undefined) {
+            const column = parseInt(target.dataset.column);
+            const row = parseInt(target.dataset.row);
+            if (column >= RowColumnInitialValue &&
+                column < maxColumnsNumber &&
+                row >= RowColumnInitialValue &&
+                row < maxRowsNumber) {
+                setColumn(column);
+                setRow(row);
+            }
+        }
+    }, [maxColumnsNumber, maxRowsNumber]);
+    const onMouseEnter = React.useCallback((e) => {
+        updateSize(e.target);
+    }, [updateSize]);
+    const onClickButton = React.useCallback((e) => {
+        onClick(e, Object.assign(Object.assign({}, item), { key: createKey(formatRowColumnText(row), formatRowColumnText(column)) }));
+    }, [row, column, onClick, item]);
+    const items = React.useMemo(() => {
+        var _a;
+        const items = [];
+        for (let i = 0; i < maxRowsNumber; i++) {
+            for (let j = 0; j < maxColumnsNumber; j++) {
+                const key = `cell_${i}_${j}`;
+                const isSelected = j <= column && i <= row;
+                items.push(React.createElement("button", { className: react.mergeStyles(insertTableMenuCellButtonStyles(theme), isSelected ? insertTableMenuCellButtonSelectedStyles(theme) : undefined), onClick: onClickButton, key: key, id: key, "data-column": j, "data-row": i, "data-is-focusable": true, onMouseEnter: onMouseEnter, "aria-label": formatText((_a = item.text) !== null && _a !== void 0 ? _a : '', i, j) }));
+            }
+        }
+        return items;
+    }, [maxRowsNumber, maxColumnsNumber, column, row, theme, onClickButton, onMouseEnter, item.text]);
+    const text = React.useMemo(() => {
+        var _a;
+        return formatText((_a = item.text) !== null && _a !== void 0 ? _a : '', formatRowColumnText(row), formatRowColumnText(column));
+    }, [column, item.text, row]);
+    return (React.createElement("div", null,
+        React.createElement("div", { className: insertTableMenuTitleStyles }, text),
+        React.createElement(react.FocusZone, { defaultTabbableElement: `cell_${RowColumnInitialValue}_${RowColumnInitialValue}`, direction: react.FocusZoneDirection.bidirectional, onActiveElementChanged: updateSize, className: insertTableMenuFocusZone(theme) }, items)));
+};
+const formatText = (text, row, column) => {
+    return text.replace(`${ColumnRowReplaceString}`, `${column.toString()} x ${row.toString()}`);
+};
+const formatRowColumnText = (value) => {
+    return value + 1;
+};
+
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+// This file uses RoosterJS React package implementation with updates to UI components and styles.
+/**
+ * "Insert table" button for the RoosterJS ribbon
+ */
+const insertTableButton = (theme, maxRowsNumber, maxColumnsNumber) => {
     return {
-        key: 'Divider',
+        key: 'buttonNameInsertTable',
+        unlocalizedText: 'Insert table',
+        // Icon will be set in onRenderIcon callback
+        iconName: '',
+        onClick: (editor, key) => {
+            const { row, column } = parseKey(key);
+            insertTable(editor, column, row);
+        },
+        dropDownMenu: {
+            items: {
+                // the key of the item is also used as a key for localization
+                insertTablePane: `Insert ${ColumnRowReplaceString} table`
+            },
+            itemRender: (item, onClick) => {
+                return (React.createElement(RichTextInsertTablePane, { item: item, onClick: onClick, theme: theme, maxColumnsNumber: maxColumnsNumber, maxRowsNumber: maxRowsNumber }));
+            },
+            commandBarSubMenuProperties: {
+                className: insertTableMenuTablePane
+            }
+        },
+        commandBarProperties: {
+            // hide the chevron icon
+            menuIconProps: {
+                hidden: true
+            },
+            onRenderIcon: (item) => {
+                console.log('onRenderIcon', item);
+                return React.createElement(TableIcon, null);
+            },
+            buttonStyles: ribbonTableButtonStyle(theme),
+            canCheck: false
+        }
+    };
+};
+const TableIcon = () => {
+    return (
+    // update the visibility of the Table Icon with css classes that are triggered by command bar's state
+    React.createElement(react.Stack, null,
+        React.createElement(react.Icon, { iconName: "RichTextInsertTableFilledIcon", className: 'ribbon-table-button-filled-icon' }),
+        React.createElement(react.Icon, { iconName: "RichTextInsertTableRegularIcon", className: 'ribbon-table-button-regular-icon' })));
+};
+
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+const MaxRowsNumber = 5;
+const MaxColumnsNumber = 5;
+const dividerRibbonButton = (theme, key) => {
+    return {
+        key: key,
         iconName: 'RichTextDividerIcon',
         unlocalizedText: '',
         onClick: () => { },
         isDisabled: () => true,
         commandBarProperties: {
-            buttonStyles: ribbonDividerStyle(theme)
+            // show the item correctly for the overflow menu
+            itemType: react.ContextualMenuItemType.Divider,
+            buttonStyles: ribbonDividerStyle(theme),
+            // this is still needed to remove checkmark icon space even though it is a divider
+            canCheck: false
         }
     };
 };
@@ -9521,11 +10222,13 @@ const ribbonButtons = (theme) => {
         boldButton(theme),
         italicButton(theme),
         underlineButton(theme),
-        dividerRibbonButton(theme),
+        dividerRibbonButton(theme, 'RichTextRibbonTextFormatDivider'),
         bulletListButton(theme),
         numberListButton(theme),
         indentIncreaseButton(theme),
-        indentDecreaseButton(theme)
+        indentDecreaseButton(theme),
+        dividerRibbonButton(theme, 'RichTextRibbonTableDivider'),
+        insertTableButton(theme, MaxRowsNumber, MaxColumnsNumber)
     ].forEach((item) => {
         if (item !== undefined) {
             buttons.push(item);
@@ -9533,8 +10236,13 @@ const ribbonButtons = (theme) => {
     });
     return buttons;
 };
+
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
 /**
  * @private
+ *
+ * Strings for the ribbon buttons where key should match `key` prop if any or the name of the item.
  */
 const ribbonButtonsStrings = (strings) => {
     return {
@@ -9544,10 +10252,83 @@ const ribbonButtonsStrings = (strings) => {
         buttonNameBulletedList: strings.bulletListTooltip,
         buttonNameNumberedList: strings.numberListTooltip,
         buttonNameIncreaseIndent: strings.increaseIndentTooltip,
-        buttonNameDecreaseIndent: strings.decreaseIndentTooltip
+        buttonNameDecreaseIndent: strings.decreaseIndentTooltip,
+        buttonNameInsertTable: strings.insertTableTooltip,
+        insertTablePane: strings.insertTableMenuTitle
+    };
+};
+/**
+ * @private
+ *
+ * Strings for the table context menu  where key should match `key` prop if any or the name of the item.
+ */
+const tableContextMenuStrings = (strings) => {
+    return {
+        menuNameTableInsert: strings.insertRowOrColumnMenu,
+        menuNameTableInsertAbove: strings.insertRowAboveMenu,
+        menuNameTableInsertBelow: strings.insertRowBelowMenu,
+        menuNameTableInsertLeft: strings.insertColumnLeftMenu,
+        menuNameTableInsertRight: strings.insertColumnRightMenu,
+        menuNameTableDelete: strings.deleteRowOrColumnMenu,
+        menuNameTableDeleteColumn: strings.deleteColumnMenu,
+        menuNameTableDeleteRow: strings.deleteRowMenu,
+        menuNameTableDeleteTable: strings.deleteTableMenu
     };
 };
 
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+const onClick = (key, editor) => {
+    editor.focus();
+    const operation = TableEditOperationMap[key];
+    if (typeof operation === 'number') {
+        roosterjsEditorApi.editTable(editor, operation);
+    }
+};
+const TableEditOperationMap = {
+    menuNameTableInsertAbove: roosterjsEditorTypesCompatible.CompatibleTableOperation.InsertAbove,
+    menuNameTableInsertBelow: roosterjsEditorTypesCompatible.CompatibleTableOperation.InsertBelow,
+    menuNameTableInsertLeft: roosterjsEditorTypesCompatible.CompatibleTableOperation.InsertLeft,
+    menuNameTableInsertRight: roosterjsEditorTypesCompatible.CompatibleTableOperation.InsertRight,
+    menuNameTableDeleteTable: roosterjsEditorTypesCompatible.CompatibleTableOperation.DeleteTable,
+    menuNameTableDeleteColumn: roosterjsEditorTypesCompatible.CompatibleTableOperation.DeleteColumn,
+    menuNameTableDeleteRow: roosterjsEditorTypesCompatible.CompatibleTableOperation.DeleteRow
+};
+const tableEditInsertMenuItem = {
+    key: 'menuNameTableInsert',
+    unlocalizedText: 'Insert123',
+    subItems: {
+        menuNameTableInsertAbove: 'Insert above121312 ',
+        menuNameTableInsertBelow: 'Insert below',
+        menuNameTableInsertLeft: 'Insert left123 ',
+        menuNameTableInsertRight: 'Insert right'
+    },
+    onClick
+};
+const tableEditDeleteMenuItem = {
+    key: 'menuNameTableDelete',
+    unlocalizedText: 'Delete',
+    subItems: {
+        menuNameTableDeleteColumn: 'Delete column',
+        menuNameTableDeleteRow: 'Delete row',
+        menuNameTableDeleteTable: 'Delete table'
+    },
+    onClick
+};
+const tableActions = [tableEditInsertMenuItem, tableEditDeleteMenuItem];
+/**
+ * Create a new instance of ContextMenuProvider to support table editing functionalities in context menu
+ * @returns A new ContextMenuProvider
+ */
+const createTableEditMenuProvider = (strings) => {
+    return roosterjsReact.createContextMenuProvider('tableEdit', tableActions, tableContextMenuStrings(strings !== null && strings !== void 0 ? strings : {}), (editor, node) => !!getEditingTable(editor, node));
+};
+const getEditingTable = (editor, node) => {
+    const td = editor.getElementAtCursor('TD,TH', node);
+    const table = td && editor.getElementAtCursor('table', td);
+    return (table === null || table === void 0 ? void 0 : table.isContentEditable) ? { table, td } : null;
+};
+
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 /**
@@ -9578,13 +10359,12 @@ const RichTextEditor = React.forwardRef((props, ref) => {
     }, []);
     const editorCreator = React.useCallback((div, options) => {
         editor.current = new roosterjsEditorCore.Editor(div, options);
-        // Remove default values for background color and color
-        // setBackgroundColor and setTextColor can't be used here as they cause the editor to be focused
-        // color will be set in richTextEditorWrapperStyle instead of inline styles
-        div.style.backgroundColor = '';
-        div.style.color = '';
         return editor.current;
-    }, []);
+    }, 
+    // trigger force editor reset when strings are changed to update context menu strings
+    // see RosterJS documentation for 'editorCreator' for more details
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [strings]);
     const placeholderPlugin = React.useMemo(() => {
         return new roosterjsEditorPlugins.Watermark('');
     }, []);
@@ -9594,12 +10374,15 @@ const RichTextEditor = React.forwardRef((props, ref) => {
         }
     }, [placeholderPlugin, placeholderText]);
     const plugins = React.useMemo(() => {
+        // contextPlugin and tableEditMenuProvider allow to show insert/delete menu for the table
+        const contextPlugin = roosterjsReact.createContextMenuPlugin();
+        const tableEditMenuProvider = createTableEditMenuProvider(strings);
         const contentEdit = new roosterjsEditorPlugins.ContentEdit();
         const updateContentPlugin = roosterjsReact.createUpdateContentPlugin(roosterjsReact.UpdateMode.OnContentChangedEvent | roosterjsReact.UpdateMode.OnUserInput, (content) => {
             onChange && onChange(content);
         });
-        return [contentEdit, placeholderPlugin, updateContentPlugin, ribbonPlugin];
-    }, [onChange, placeholderPlugin, ribbonPlugin]);
+        return [contentEdit, placeholderPlugin, updateContentPlugin, ribbonPlugin, contextPlugin, tableEditMenuProvider];
+    }, [onChange, placeholderPlugin, ribbonPlugin, strings]);
     const ribbon = React.useMemo(() => {
         const buttons = ribbonButtons(theme);
         return (React.createElement(roosterjsReact.Ribbon, { styles: ribbonStyle, buttons: buttons, plugin: ribbonPlugin, overflowButtonProps: {
@@ -9611,10 +10394,18 @@ const RichTextEditor = React.forwardRef((props, ref) => {
                 }
             }, strings: ribbonButtonsStrings(strings), "data-testid": 'rich-text-editor-ribbon' }));
     }, [strings, ribbonPlugin, theme]);
+    const defaultFormat = React.useMemo(() => {
+        // without setting any styles, text input is not handled properly for tables (when insert or paste one in the editor)
+        // because of https://github.com/microsoft/roosterjs/blob/14dbb947e3ae94580109cbd05e48ceb05327c4dc/packages/roosterjs-editor-core/lib/corePlugins/TypeInContainerPlugin.ts#L75
+        // this issue is fixed for content model package
+        return {
+            backgroundColor: 'transparent'
+        };
+    }, []);
     return (React.createElement("div", { "data-testid": 'rich-text-editor-wrapper' },
         showRichTextEditorFormatting && ribbon,
         React.createElement("div", { className: richTextEditorWrapperStyle(theme, !showRichTextEditorFormatting) },
-            React.createElement(roosterjsReact.Rooster, { initialContent: initialContent, inDarkMode: isDarkThemed(theme), plugins: plugins, className: richTextEditorStyle(props.styles), editorCreator: editorCreator, 
+            React.createElement(roosterjsReact.Rooster, { defaultFormat: defaultFormat, initialContent: initialContent, inDarkMode: isDarkThemed(theme), plugins: plugins, className: richTextEditorStyle(props.styles), editorCreator: editorCreator, 
                 // TODO: confirm the color during inline images implementation
                 imageSelectionBorderColor: 'blue', 
                 // doNotAdjustEditorColor is used to fix the default background color for Rooster component
@@ -9662,9 +10453,9 @@ const richTextBorderBoxStyle = (props) => {
  */
 const RichTextInputBoxComponent = (props) => {
     const { placeholderText, initialContent, onChange, onEnterKeyDown, editorComponentRef, disabled, strings, actionComponents, 
-    /* @conditional-compile-remove(file-sharing) */
+    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
     onRenderFileUploads, 
-    /* @conditional-compile-remove(file-sharing) */
+    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
     hasFiles, richTextEditorStyleProps, isHorizontalLayoutDisabled = false } = props;
     const theme = useTheme();
     const [showRichTextEditorFormatting, setShowRichTextEditorFormatting] = React.useState(false);
@@ -9703,11 +10494,11 @@ const RichTextInputBoxComponent = (props) => {
     const useHorizontalLayout = React.useMemo(() => {
         return (!isHorizontalLayoutDisabled &&
             !showRichTextEditorFormatting &&
-            /* @conditional-compile-remove(file-sharing) */ !hasFiles);
+            /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ !hasFiles);
     }, [
         isHorizontalLayoutDisabled,
         showRichTextEditorFormatting,
-        /* @conditional-compile-remove(file-sharing) */ hasFiles
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ hasFiles
     ]);
     return (React.createElement("div", { className: richTextBorderBoxStyle({
             theme: theme,
@@ -9716,8 +10507,9 @@ const RichTextInputBoxComponent = (props) => {
         React.createElement(react.Stack, { grow: true, horizontal: useHorizontalLayout, horizontalAlign: useHorizontalLayout ? 'end' : 'space-between', className: inputBoxContentStackStyle, wrap: useHorizontalLayout },
             React.createElement(react.Stack, { grow: true, className: inputBoxRichTextStackStyle },
                 React.createElement(react.Stack.Item, { className: inputBoxRichTextStackItemStyle },
-                    React.createElement(RichTextEditor, { initialContent: initialContent, placeholderText: placeholderText, onChange: onChange, onKeyDown: onKeyDown, ref: editorComponentRef, strings: strings, showRichTextEditorFormatting: showRichTextEditorFormatting, styles: richTextEditorStyle })), /* @conditional-compile-remove(file-sharing) */
-                onRenderFileUploads && onRenderFileUploads()),
+                    React.createElement(RichTextEditor, { initialContent: initialContent, placeholderText: placeholderText, onChange: onChange, onKeyDown: onKeyDown, ref: editorComponentRef, strings: strings, showRichTextEditorFormatting: showRichTextEditorFormatting, styles: richTextEditorStyle })),
+                /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ onRenderFileUploads &&
+                    onRenderFileUploads()),
             actionButtons)));
 };
 
@@ -9728,9 +10520,9 @@ const RichTextInputBoxComponent = (props) => {
  */
 const RichTextSendBoxErrors = (props) => {
     const { 
-    /* @conditional-compile-remove(file-sharing) */
+    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
     attachmentUploadError, 
-    /* @conditional-compile-remove(file-sharing) */
+    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
     attachmentUploadsPendingError, systemMessage, textTooLongMessage } = props;
     const [sendBoxError, setSendBoxError] = React.useState(undefined);
     React.useEffect(() => {
@@ -9755,11 +10547,11 @@ const RichTextSendBoxErrors = (props) => {
             if (prev) {
                 errors.push(prev);
             }
-            /* @conditional-compile-remove(file-sharing) */
+            /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
             if (attachmentUploadsPendingError) {
                 errors.push(attachmentUploadsPendingError);
             }
-            /* @conditional-compile-remove(file-sharing) */
+            /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
             if (attachmentUploadError) {
                 errors.push(attachmentUploadError);
             }
@@ -9771,8 +10563,8 @@ const RichTextSendBoxErrors = (props) => {
             return sortedErrors[0];
         });
     }, [
-        /* @conditional-compile-remove(file-sharing) */ attachmentUploadError,
-        /* @conditional-compile-remove(file-sharing) */ attachmentUploadsPendingError
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ attachmentUploadError,
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ attachmentUploadsPendingError
     ]);
     const onDismiss = React.useCallback(() => {
         if (systemMessage && !isMessageEmpty$1(systemMessage)) {
@@ -9796,9 +10588,9 @@ const isMessageEmpty$1 = (message) => {
  */
 const RichTextSendBox = (props) => {
     const { disabled = false, systemMessage, onSendMessage, 
-    /* @conditional-compile-remove(file-sharing) */
+    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
     activeFileUploads, 
-    /* @conditional-compile-remove(file-sharing) */
+    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
     onCancelFileUpload } = props;
     const theme = useTheme();
     const locale = useLocale$1();
@@ -9811,7 +10603,7 @@ const RichTextSendBox = (props) => {
     }, [localeStrings, props.strings]);
     const [contentValue, setContentValue] = React.useState('');
     const [contentValueOverflow, setContentValueOverflow] = React.useState(false);
-    /* @conditional-compile-remove(file-sharing) */
+    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
     const [attachmentUploadsPendingError, setFileUploadsPendingError] = React.useState(undefined);
     const editorComponentRef = React.useRef(null);
     const contentTooLongMessage = React.useMemo(() => (contentValueOverflow ? strings.textTooLong : undefined), [contentValueOverflow, strings.textTooLong]);
@@ -9828,9 +10620,9 @@ const RichTextSendBox = (props) => {
             return;
         }
         // Don't send message until all files have been uploaded successfully
-        /* @conditional-compile-remove(file-sharing) */
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
         setFileUploadsPendingError(undefined);
-        /* @conditional-compile-remove(file-sharing) */
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
         if (hasIncompleteFileUploads(activeFileUploads)) {
             setFileUploadsPendingError({ message: strings.attachmentUploadsPendingError, timestamp: Date.now() });
             return;
@@ -9839,7 +10631,7 @@ const RichTextSendBox = (props) => {
         // we don't want to send empty messages including spaces, newlines, tabs
         // Message can be empty if there is a valid file upload
         if (sanitizeText(message).length > 0 ||
-            /* @conditional-compile-remove(file-sharing) */ hasCompletedFileUploads(activeFileUploads)) {
+            /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ hasCompletedFileUploads(activeFileUploads)) {
             onSendMessage(message);
             setContentValue('');
             (_a = editorComponentRef.current) === null || _a === void 0 ? void 0 : _a.setEmptyContent();
@@ -9850,29 +10642,29 @@ const RichTextSendBox = (props) => {
         contentValueOverflow,
         disabled,
         onSendMessage,
-        /* @conditional-compile-remove(file-sharing) */ activeFileUploads,
-        /* @conditional-compile-remove(file-sharing) */ strings.attachmentUploadsPendingError
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ activeFileUploads,
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ strings.attachmentUploadsPendingError
     ]);
     const hasErrorMessage = React.useMemo(() => {
         var _a;
         return (!!systemMessage ||
             !!contentTooLongMessage ||
-            /* @conditional-compile-remove(file-sharing) */
+            /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
             !!attachmentUploadsPendingError ||
-            /* @conditional-compile-remove(file-sharing) */
+            /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
             !!((_a = activeFileUploads === null || activeFileUploads === void 0 ? void 0 : activeFileUploads.filter((attachmentUpload) => attachmentUpload.error).pop()) === null || _a === void 0 ? void 0 : _a.error));
     }, [
-        /* @conditional-compile-remove(file-sharing) */
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
         activeFileUploads,
         contentTooLongMessage,
-        /* @conditional-compile-remove(file-sharing) */
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
         attachmentUploadsPendingError,
         systemMessage
     ]);
     const onRenderSendIcon = React.useCallback((isHover) => (React.createElement(react.Icon, { iconName: isHover && contentValue ? 'SendBoxSendHovered' : 'SendBoxSend', className: sendIconStyle({
             theme,
             hasText: !!contentValue,
-            /* @conditional-compile-remove(file-sharing) */
+            /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
             hasFile: false,
             hasErrorMessage: hasErrorMessage,
             defaultTextColor: theme.palette.neutralSecondary,
@@ -9881,46 +10673,54 @@ const RichTextSendBox = (props) => {
     const sendBoxErrorsProps = React.useMemo(() => {
         var _a;
         return {
-            /* @conditional-compile-remove(file-sharing) */
+            /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
             attachmentUploadsPendingError: attachmentUploadsPendingError,
-            /* @conditional-compile-remove(file-sharing) */
+            /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
             attachmentUploadError: (_a = activeFileUploads === null || activeFileUploads === void 0 ? void 0 : activeFileUploads.filter((attachmentUpload) => attachmentUpload.error).pop()) === null || _a === void 0 ? void 0 : _a.error,
             systemMessage: systemMessage,
             textTooLongMessage: contentTooLongMessage
         };
     }, [
-        /* @conditional-compile-remove(file-sharing) */
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
         activeFileUploads,
         contentTooLongMessage,
-        /* @conditional-compile-remove(file-sharing) */
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
         attachmentUploadsPendingError,
         systemMessage
     ]);
-    /* @conditional-compile-remove(file-sharing) */
+    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
     const onRenderFileUploads = React.useCallback(() => {
         return (React.createElement(react.Stack, { className: attachmentUploadCardsStyles },
-            React.createElement(_AttachmentUploadCards, { activeFileUploads: activeFileUploads, onCancelFileUpload: onCancelFileUpload, strings: {
-                    removeAttachment: strings.removeAttachment,
-                    uploading: strings.uploading,
-                    uploadCompleted: strings.uploadCompleted
-                } })));
-    }, [activeFileUploads, onCancelFileUpload, strings.removeAttachment, strings.uploadCompleted, strings.uploading]);
+            React.createElement(FluentV9ThemeProvider, { v8Theme: theme },
+                React.createElement(_AttachmentUploadCards, { activeFileUploads: activeFileUploads, onCancelFileUpload: onCancelFileUpload, strings: {
+                        removeAttachment: strings.removeAttachment,
+                        uploading: strings.uploading,
+                        uploadCompleted: strings.uploadCompleted
+                    } }))));
+    }, [
+        activeFileUploads,
+        onCancelFileUpload,
+        strings.removeAttachment,
+        strings.uploadCompleted,
+        strings.uploading,
+        theme
+    ]);
     const sendButton = React.useMemo(() => {
         return (React.createElement(InputBoxButton, { onRenderIcon: onRenderSendIcon, onClick: (e) => {
                 sendMessageOnClick();
                 e.stopPropagation(); // Prevents the click from bubbling up and triggering a focus event on the chat.
             }, className: richTextActionButtonsStyle, ariaLabel: localeStrings.sendButtonAriaLabel, tooltipContent: localeStrings.sendButtonAriaLabel }));
     }, [localeStrings.sendButtonAriaLabel, onRenderSendIcon, sendMessageOnClick]);
-    /* @conditional-compile-remove(file-sharing) */
+    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
     const hasFileUploads = React.useMemo(() => {
         return hasCompletedFileUploads(activeFileUploads) || hasIncompleteFileUploads(activeFileUploads);
     }, [activeFileUploads]);
     return (React.createElement(react.Stack, null,
         React.createElement(RichTextSendBoxErrors, Object.assign({}, sendBoxErrorsProps)),
         React.createElement(RichTextInputBoxComponent, { placeholderText: strings.placeholderText, onChange: setContent, onEnterKeyDown: sendMessageOnClick, editorComponentRef: editorComponentRef, strings: strings, disabled: disabled, actionComponents: sendButton, richTextEditorStyleProps: sendBoxRichTextEditorStyle, 
-            /* @conditional-compile-remove(file-sharing) */
+            /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
             onRenderFileUploads: onRenderFileUploads, 
-            /* @conditional-compile-remove(file-sharing) */
+            /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
             hasFiles: hasFileUploads })));
 };
 
@@ -10410,23 +11210,24 @@ const onRenderSubmitIcon = (className) => {
     return React.createElement(react.Icon, { iconName: 'EditBoxSubmit', className: className });
 };
 function isMessageEmpty(messageText, 
-/* @conditional-compile-remove(file-sharing) */
+/* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
 attachmentMetadata) {
-    /* @conditional-compile-remove(file-sharing) */
+    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
     return messageText.trim().length === 0 && (attachmentMetadata === null || attachmentMetadata === void 0 ? void 0 : attachmentMetadata.length) === 0;
 }
 /**
  * @private
  */
 function getMessageState(messageText, 
-/* @conditional-compile-remove(file-sharing) */ attachmentMetadata) {
-    return isMessageEmpty(messageText, /* @conditional-compile-remove(file-sharing) */ attachmentMetadata)
+/* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ attachmentMetadata) {
+    return isMessageEmpty(messageText, 
+    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ attachmentMetadata)
         ? 'too short'
         : isMessageTooLong(messageText.length)
             ? 'too long'
             : 'OK';
 }
-/* @conditional-compile-remove(file-sharing) */
+/* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
 /**
  * @private
  * @TODO: Remove when file-sharing feature becomes stable.
@@ -10489,7 +11290,7 @@ const LiveMessage = (props) => (React.createElement(AnnouncerContext.Consumer, n
 const MessageStatusIcon = (props) => {
     const { shouldAnnounce, iconName, iconClassName, ariaLabel } = props;
     return (React.createElement(React.Fragment, null,
-        ariaLabel && React.createElement(LiveMessage, { message: ariaLabel, ariaLive: "polite" }),
+        ariaLabel && shouldAnnounce && React.createElement(LiveMessage, { message: ariaLabel, ariaLive: "polite" }),
         React.createElement("div", { 
             // make icon accessible
             tabIndex: 0 },
@@ -10677,363 +11478,6 @@ var getParticipantsWhoHaveReadMessage = (message, readReceiptsBySenderId) => {
         .map(([id, readReceipt]) => ({ id, displayName: readReceipt.displayName })));
 };
 
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-// These color records are required for createV9Theme
-// For more info, check https://react.fluentui.dev/iframe.html?viewMode=docs&id=concepts-migration-from-v8-components-theme-migration--page#compatible-themes
-/**
- * @private
- */
-const grey = {
-    '0': '#000000',
-    '2': '#050505',
-    '4': '#0a0a0a',
-    '6': '#0f0f0f',
-    '8': '#141414',
-    '10': '#1a1a1a',
-    '12': '#1f1f1f',
-    '14': '#242424',
-    '16': '#292929',
-    '18': '#2e2e2e',
-    '20': '#333333',
-    '22': '#383838',
-    '24': '#3d3d3d',
-    '26': '#424242',
-    '28': '#474747',
-    '30': '#4d4d4d',
-    '32': '#525252',
-    '34': '#575757',
-    '36': '#5c5c5c',
-    '38': '#616161',
-    '40': '#666666',
-    '42': '#6b6b6b',
-    '44': '#707070',
-    '46': '#757575',
-    '48': '#7a7a7a',
-    '50': '#808080',
-    '52': '#858585',
-    '54': '#8a8a8a',
-    '56': '#8f8f8f',
-    '58': '#949494',
-    '60': '#999999',
-    '62': '#9e9e9e',
-    '64': '#a3a3a3',
-    '66': '#a8a8a8',
-    '68': '#adadad',
-    '70': '#b3b3b3',
-    '72': '#b8b8b8',
-    '74': '#bdbdbd',
-    '76': '#c2c2c2',
-    '78': '#c7c7c7',
-    '80': '#cccccc',
-    '82': '#d1d1d1',
-    '84': '#d6d6d6',
-    '86': '#dbdbdb',
-    '88': '#e0e0e0',
-    '90': '#e6e6e6',
-    '92': '#ebebeb',
-    '94': '#f0f0f0',
-    '96': '#f5f5f5',
-    '98': '#fafafa',
-    '100': '#ffffff'
-};
-/**
- * @private
- */
-const whiteAlpha = {
-    '5': 'rgba(255, 255, 255, 0.05)',
-    '10': 'rgba(255, 255, 255, 0.1)',
-    '20': 'rgba(255, 255, 255, 0.2)',
-    '30': 'rgba(255, 255, 255, 0.3)',
-    '40': 'rgba(255, 255, 255, 0.4)',
-    '50': 'rgba(255, 255, 255, 0.5)',
-    '60': 'rgba(255, 255, 255, 0.6)',
-    '70': 'rgba(255, 255, 255, 0.7)',
-    '80': 'rgba(255, 255, 255, 0.8)',
-    '90': 'rgba(255, 255, 255, 0.9)'
-};
-/**
- * @private
- */
-const blackAlpha = {
-    '5': 'rgba(0, 0, 0, 0.05)',
-    '10': 'rgba(0, 0, 0, 0.1)',
-    '20': 'rgba(0, 0, 0, 0.2)',
-    '30': 'rgba(0, 0, 0, 0.3)',
-    '40': 'rgba(0, 0, 0, 0.4)',
-    '50': 'rgba(0, 0, 0, 0.5)',
-    '60': 'rgba(0, 0, 0, 0.6)',
-    '70': 'rgba(0, 0, 0, 0.7)',
-    '80': 'rgba(0, 0, 0, 0.8)',
-    '90': 'rgba(0, 0, 0, 0.9)'
-};
-/**
- * @private
- */
-const grey10Alpha = {
-    '5': 'rgba(26, 26, 26, 0.05)',
-    '10': 'rgba(26, 26, 26, 0.1)',
-    '20': 'rgba(26, 26, 26, 0.2)',
-    '30': 'rgba(26, 26, 26, 0.3)',
-    '40': 'rgba(26, 26, 26, 0.4)',
-    '50': 'rgba(26, 26, 26, 0.5)',
-    '60': 'rgba(26, 26, 26, 0.6)',
-    '70': 'rgba(26, 26, 26, 0.7)',
-    '80': 'rgba(26, 26, 26, 0.8)',
-    '90': 'rgba(26, 26, 26, 0.9)'
-};
-/**
- * @private
- */
-const grey12Alpha = {
-    '5': 'rgba(31, 31, 31, 0.05)',
-    '10': 'rgba(31, 31, 31, 0.1)',
-    '20': 'rgba(31, 31, 31, 0.2)',
-    '30': 'rgba(31, 31, 31, 0.3)',
-    '40': 'rgba(31, 31, 31, 0.4)',
-    '50': 'rgba(31, 31, 31, 0.5)',
-    '60': 'rgba(31, 31, 31, 0.6)',
-    '70': 'rgba(31, 31, 31, 0.7)',
-    '80': 'rgba(31, 31, 31, 0.8)',
-    '90': 'rgba(31, 31, 31, 0.9)'
-};
-
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-// These mappings are required for createV9Theme
-// For more info, check https://react.fluentui.dev/iframe.html?viewMode=docs&id=concepts-migration-from-v8-components-theme-migration--page#compatible-themes
-/**
- * Creates v9 color tokens from a v8 palette.
- */
-const mapAliasColors = (palette, inverted) => {
-    return {
-        colorNeutralForeground1: palette.neutralPrimary,
-        colorNeutralForeground1Hover: palette.neutralPrimary,
-        colorNeutralForeground1Pressed: palette.neutralPrimary,
-        colorNeutralForeground1Selected: palette.neutralPrimary,
-        colorNeutralForeground2: palette.neutralSecondary,
-        colorNeutralForeground2Hover: palette.neutralPrimary,
-        colorNeutralForeground2Pressed: palette.neutralPrimary,
-        colorNeutralForeground2Selected: palette.neutralPrimary,
-        colorNeutralForeground2BrandHover: palette.themePrimary,
-        colorNeutralForeground2BrandPressed: palette.themeDarkAlt,
-        colorNeutralForeground2BrandSelected: palette.themePrimary,
-        colorNeutralForeground3: palette.neutralTertiary,
-        colorNeutralForeground3Hover: palette.neutralSecondary,
-        colorNeutralForeground3Pressed: palette.neutralSecondary,
-        colorNeutralForeground3Selected: palette.neutralSecondary,
-        colorNeutralForeground3BrandHover: palette.themePrimary,
-        colorNeutralForeground3BrandPressed: palette.themeDarkAlt,
-        colorNeutralForeground3BrandSelected: palette.themePrimary,
-        colorNeutralForeground4: palette.neutralQuaternary,
-        colorNeutralForegroundDisabled: palette.neutralTertiaryAlt,
-        colorNeutralForegroundInvertedDisabled: whiteAlpha[40],
-        colorBrandForegroundLink: palette.themeDarkAlt,
-        colorBrandForegroundLinkHover: palette.themeDark,
-        colorBrandForegroundLinkPressed: palette.themeDarker,
-        colorBrandForegroundLinkSelected: palette.themeDarkAlt,
-        colorNeutralForeground2Link: palette.neutralSecondary,
-        colorNeutralForeground2LinkHover: palette.neutralPrimary,
-        colorNeutralForeground2LinkPressed: palette.neutralPrimary,
-        colorNeutralForeground2LinkSelected: palette.neutralPrimary,
-        colorCompoundBrandForeground1: palette.themePrimary,
-        colorCompoundBrandForeground1Hover: palette.themeDarkAlt,
-        colorCompoundBrandForeground1Pressed: palette.themeDark,
-        colorBrandForeground1: palette.themePrimary,
-        colorBrandForeground2: palette.themeDarkAlt,
-        colorBrandForeground2Hover: palette.themeDarkAlt,
-        colorBrandForeground2Pressed: palette.themeDarkAlt,
-        colorNeutralForeground1Static: palette.neutralPrimary,
-        colorNeutralForegroundInverted: palette.white,
-        colorNeutralForegroundInvertedHover: palette.white,
-        colorNeutralForegroundInvertedPressed: palette.white,
-        colorNeutralForegroundInvertedSelected: palette.white,
-        colorNeutralForegroundOnBrand: palette.white,
-        colorNeutralForegroundStaticInverted: palette.white,
-        colorNeutralForegroundInvertedLink: palette.white,
-        colorNeutralForegroundInvertedLinkHover: palette.white,
-        colorNeutralForegroundInvertedLinkPressed: palette.white,
-        colorNeutralForegroundInvertedLinkSelected: palette.white,
-        colorNeutralForegroundInverted2: palette.white,
-        colorBrandForegroundInverted: palette.themeSecondary,
-        colorBrandForegroundInvertedHover: palette.themeTertiary,
-        colorBrandForegroundInvertedPressed: palette.themeSecondary,
-        colorBrandForegroundOnLight: palette.themePrimary,
-        colorBrandForegroundOnLightHover: palette.themeDarkAlt,
-        colorBrandForegroundOnLightPressed: palette.themeDark,
-        colorBrandForegroundOnLightSelected: palette.themeDark,
-        colorNeutralBackground1: palette.white,
-        colorNeutralBackground1Hover: palette.neutralLighter,
-        colorNeutralBackground1Pressed: palette.neutralQuaternaryAlt,
-        colorNeutralBackground1Selected: palette.neutralLight,
-        colorNeutralBackground2: palette.neutralLighterAlt,
-        colorNeutralBackground2Hover: palette.neutralLighter,
-        colorNeutralBackground2Pressed: palette.neutralQuaternaryAlt,
-        colorNeutralBackground2Selected: palette.neutralLight,
-        colorNeutralBackground3: palette.neutralLighter,
-        colorNeutralBackground3Hover: palette.neutralLight,
-        colorNeutralBackground3Pressed: palette.neutralQuaternary,
-        colorNeutralBackground3Selected: palette.neutralQuaternaryAlt,
-        colorNeutralBackground4: palette.neutralLighter,
-        colorNeutralBackground4Hover: palette.neutralLighterAlt,
-        colorNeutralBackground4Pressed: palette.neutralLighter,
-        colorNeutralBackground4Selected: palette.white,
-        colorNeutralBackground5: palette.neutralLight,
-        colorNeutralBackground5Hover: palette.neutralLighter,
-        colorNeutralBackground5Pressed: palette.neutralLighter,
-        colorNeutralBackground5Selected: palette.neutralLighterAlt,
-        colorNeutralBackground6: palette.neutralLight,
-        colorNeutralBackgroundStatic: grey[20],
-        colorNeutralBackgroundInverted: palette.neutralSecondary,
-        colorNeutralBackgroundAlpha: inverted ? grey10Alpha[50] : whiteAlpha[50],
-        colorNeutralBackgroundAlpha2: inverted ? grey12Alpha[70] : whiteAlpha[80],
-        colorSubtleBackground: 'transparent',
-        colorSubtleBackgroundHover: palette.neutralLighter,
-        colorSubtleBackgroundPressed: palette.neutralQuaternaryAlt,
-        colorSubtleBackgroundSelected: palette.neutralLight,
-        colorSubtleBackgroundLightAlphaHover: inverted ? whiteAlpha[10] : whiteAlpha[80],
-        colorSubtleBackgroundLightAlphaPressed: inverted ? whiteAlpha[5] : whiteAlpha[50],
-        colorSubtleBackgroundLightAlphaSelected: 'transparent',
-        colorSubtleBackgroundInverted: 'transparent',
-        colorSubtleBackgroundInvertedHover: blackAlpha[10],
-        colorSubtleBackgroundInvertedPressed: blackAlpha[30],
-        colorSubtleBackgroundInvertedSelected: blackAlpha[20],
-        colorTransparentBackground: 'transparent',
-        colorTransparentBackgroundHover: 'transparent',
-        colorTransparentBackgroundPressed: 'transparent',
-        colorTransparentBackgroundSelected: 'transparent',
-        colorNeutralBackgroundDisabled: palette.neutralLighter,
-        colorNeutralBackgroundInvertedDisabled: whiteAlpha[10],
-        colorNeutralStencil1: palette.neutralLight,
-        colorNeutralStencil2: palette.neutralLighterAlt,
-        colorNeutralStencil1Alpha: inverted ? whiteAlpha[10] : blackAlpha[10],
-        colorNeutralStencil2Alpha: inverted ? whiteAlpha[5] : blackAlpha[5],
-        colorBackgroundOverlay: blackAlpha[40],
-        colorScrollbarOverlay: blackAlpha[50],
-        colorBrandBackground: palette.themePrimary,
-        colorBrandBackgroundHover: palette.themeDarkAlt,
-        colorBrandBackgroundPressed: palette.themeDarker,
-        colorBrandBackgroundSelected: palette.themeDark,
-        colorCompoundBrandBackground: palette.themePrimary,
-        colorCompoundBrandBackgroundHover: palette.themeDarkAlt,
-        colorCompoundBrandBackgroundPressed: palette.themeDark,
-        colorBrandBackgroundStatic: palette.themePrimary,
-        colorBrandBackground2: palette.themeLighterAlt,
-        colorBrandBackground2Hover: palette.themeLighterAlt,
-        colorBrandBackground2Pressed: palette.themeLighterAlt,
-        colorBrandBackground3Static: palette.themeDark,
-        colorBrandBackground4Static: palette.themeDarker,
-        colorBrandBackgroundInverted: palette.white,
-        colorBrandBackgroundInvertedHover: palette.themeLighterAlt,
-        colorBrandBackgroundInvertedPressed: palette.themeLight,
-        colorBrandBackgroundInvertedSelected: palette.themeLighter,
-        colorNeutralCardBackground: inverted ? grey[20] : grey[98],
-        colorNeutralCardBackgroundHover: inverted ? grey[24] : palette.white,
-        colorNeutralCardBackgroundPressed: inverted ? grey[18] : grey[96],
-        colorNeutralCardBackgroundSelected: inverted ? grey[22] : grey[92],
-        colorNeutralCardBackgroundDisabled: inverted ? grey[8] : grey[94],
-        colorNeutralStrokeAccessible: palette.neutralSecondary,
-        colorNeutralStrokeAccessibleHover: palette.neutralSecondary,
-        colorNeutralStrokeAccessiblePressed: palette.neutralSecondary,
-        colorNeutralStrokeAccessibleSelected: palette.themePrimary,
-        colorNeutralStroke1: palette.neutralQuaternary,
-        colorNeutralStroke1Hover: palette.neutralTertiaryAlt,
-        colorNeutralStroke1Pressed: palette.neutralTertiaryAlt,
-        colorNeutralStroke1Selected: palette.neutralTertiaryAlt,
-        colorNeutralStroke2: palette.neutralQuaternaryAlt,
-        colorNeutralStroke3: palette.neutralLighter,
-        colorNeutralStrokeSubtle: palette.neutralQuaternaryAlt,
-        colorNeutralStrokeOnBrand: palette.white,
-        colorNeutralStrokeOnBrand2: palette.white,
-        colorNeutralStrokeOnBrand2Hover: palette.white,
-        colorNeutralStrokeOnBrand2Pressed: palette.white,
-        colorNeutralStrokeOnBrand2Selected: palette.white,
-        colorBrandStroke1: palette.themePrimary,
-        colorBrandStroke2: palette.themeLight,
-        colorBrandStroke2Hover: palette.themeLight,
-        colorBrandStroke2Pressed: palette.themeLight,
-        colorBrandStroke2Contrast: palette.themeLight,
-        colorCompoundBrandStroke: palette.themePrimary,
-        colorCompoundBrandStrokeHover: palette.themeDarkAlt,
-        colorCompoundBrandStrokePressed: palette.themeDark,
-        colorNeutralStrokeDisabled: palette.neutralQuaternaryAlt,
-        colorNeutralStrokeInvertedDisabled: whiteAlpha[40],
-        colorTransparentStroke: 'transparent',
-        colorTransparentStrokeInteractive: 'transparent',
-        colorTransparentStrokeDisabled: 'transparent',
-        colorNeutralStrokeAlpha: inverted ? whiteAlpha[10] : blackAlpha[5],
-        colorNeutralStrokeAlpha2: whiteAlpha[20],
-        colorStrokeFocus1: palette.white,
-        colorStrokeFocus2: palette.black,
-        colorNeutralShadowAmbient: 'rgba(0,0,0,0.12)',
-        colorNeutralShadowKey: 'rgba(0,0,0,0.14)',
-        colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.06)',
-        colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.07)',
-        colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.20)',
-        colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.24)',
-        colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
-        colorBrandShadowKey: 'rgba(0,0,0,0.25)'
-    };
-};
-/**
- * Creates v9 shadow tokens from v8 effects.
- */
-const mapShadowTokens = (effects) => {
-    return {
-        shadow4: effects.elevation4,
-        shadow8: effects.elevation8,
-        shadow16: effects.elevation16,
-        shadow64: effects.elevation64
-    };
-};
-/**
- * Creates v9 border radius tokens from v8 effects
- */
-const mapBorderRadiusTokens = (effects) => {
-    return {
-        borderRadiusSmall: effects.roundedCorner2,
-        borderRadiusMedium: effects.roundedCorner4,
-        borderRadiusLarge: effects.roundedCorner6
-    };
-};
-/**
- * Creates a v9 theme from a v8 theme and base v9 theme.
- * FluentUI webLightTheme is used in case if no baseThemeV9 is provided.
- *
- * @private
- */
-const createV9Theme = (themeV8, baseThemeV9) => {
-    const baseTheme = baseThemeV9 !== null && baseThemeV9 !== void 0 ? baseThemeV9 : reactComponents.webLightTheme;
-    return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, baseTheme), mapAliasColors(themeV8.palette, themeV8.isInverted)), mapShadowTokens(themeV8.effects)), mapBorderRadiusTokens(themeV8.effects)), { colorBrandBackground2: themeV8.palette.themeLight, colorBrandBackground2Hover: themeV8.palette.themeLight, colorBrandBackground2Pressed: themeV8.palette.themeLight, colorStatusWarningBackground3: '#D83B01', errorText: themeV8.semanticColors.errorText, colorNeutralStroke1Selected: themeV8.palette.neutralQuaternary, colorNeutralForeground2: themeV8.palette.neutralSecondary, colorBrandForegroundLink: themeV8.palette.themePrimary, colorBrandForegroundLinkHover: themeV8.palette.themeDarker, colorNeutralBackground1Selected: themeV8.palette.neutralQuaternaryAlt, 
-        // Fix for an issue with black borders for iOS that are added with 'after' selector
-        colorStrokeFocus2: 'transparent' });
-};
-
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-/**
- * @private
- */
-const useFluentV9Wrapper = reactComponents.makeStyles({
-    body: Object.assign(Object.assign(Object.assign(Object.assign({ height: '100%' }, reactComponents.shorthands.margin(0)), reactComponents.shorthands.overflow('hidden')), reactComponents.shorthands.padding(0)), { width: '100%' })
-});
-/**
- * @private
- */
-const FluentV9ThemeProvider = (props) => {
-    const { v8Theme, children } = props;
-    const v9Theme = createV9Theme(v8Theme);
-    const dir = v8Theme.rtl ? 'rtl' : 'ltr';
-    return (
-    // TextDirectionProvider is needed to fix issue with direction value update in FluentProvider
-    React.createElement(react$1.TextDirectionProvider, { dir: dir },
-        React.createElement(FluentProviderWithStylesOverrides, { theme: v9Theme, dir: dir }, children)));
-};
-const FluentProviderWithStylesOverrides = (props) => {
-    const classes = useFluentV9Wrapper();
-    return React.createElement(reactComponents.FluentProvider, Object.assign({}, props, { className: classes.body }));
-};
-
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 /// Adapted from: https://github.com/AlmeroSteyn/react-aria-live/blob/master/src/modules/MessageBlock.js
@@ -11218,12 +11662,12 @@ const ChatMessageComponentAsEditBox = (props) => {
     /* @conditional-compile-remove(mention) */
     const { mentionLookupOptions } = props;
     const [textValue, setTextValue] = React.useState(message.content || '');
-    /* @conditional-compile-remove(file-sharing) */
+    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
     const [attachmentMetadata, setAttachedFilesMetadata] = React.useState(getMessageAttachedFilesMetadata(message));
     const editTextFieldRef = React.useRef(null);
     const theme = useTheme();
     const messageState = getMessageState(textValue, 
-    /* @conditional-compile-remove(file-sharing) */ attachmentMetadata !== null && attachmentMetadata !== void 0 ? attachmentMetadata : []);
+    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ attachmentMetadata !== null && attachmentMetadata !== void 0 ? attachmentMetadata : []);
     const submitEnabled = messageState === 'OK';
     const editContainerStyles = useChatMessageEditContainerStyles();
     const chatMyMessageStyles = useChatMyMessageStyles();
@@ -11250,7 +11694,7 @@ const ChatMessageComponentAsEditBox = (props) => {
     const editBoxStyles = React.useMemo(() => {
         return react.concatStyleSets(editBoxStyleSet, { textField: { borderColor: theme.palette.themePrimary } });
     }, [theme.palette.themePrimary]);
-    /* @conditional-compile-remove(file-sharing) */
+    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
     const onRenderFileUploads = React.useCallback(() => {
         return (!!attachmentMetadata &&
             attachmentMetadata.length > 0 && (React.createElement("div", { style: { margin: '0.25rem' } },
@@ -11271,7 +11715,7 @@ const ChatMessageComponentAsEditBox = (props) => {
                 }, onEnterKeyDown: () => {
                     submitEnabled &&
                         onSubmit(textValue, message.metadata, 
-                        /* @conditional-compile-remove(file-sharing) */ {
+                        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ {
                             attachmentMetadata
                         });
                 }, supportNewline: false, maxLength: MAXIMUM_LENGTH_OF_MESSAGE, errorMessage: textTooLongMessage, styles: editBoxStyles, 
@@ -11288,12 +11732,12 @@ const ChatMessageComponentAsEditBox = (props) => {
                     React.createElement(InputBoxButton, { className: editingButtonStyle, ariaLabel: strings.editBoxSubmitButton, tooltipContent: strings.editBoxSubmitButton, onRenderIcon: onRenderThemedSubmitIcon, onClick: (e) => {
                             submitEnabled &&
                                 onSubmit(textValue, message.metadata, 
-                                /* @conditional-compile-remove(file-sharing) */ {
+                                /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ {
                                     attachmentMetadata
                                 });
                             e.stopPropagation();
-                        }, id: 'submitIconWrapper' }))), /* @conditional-compile-remove(file-sharing) */
-            onRenderFileUploads()));
+                        }, id: 'submitIconWrapper' }))),
+            /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ onRenderFileUploads()));
     };
     const attached = message.attached === true ? 'center' : message.attached === 'bottom' ? 'bottom' : 'top';
     return (React.createElement(reactChat.ChatMyMessage, { attached: attached, root: {
@@ -11649,7 +12093,6 @@ var __awaiter$C = (window && window.__awaiter) || function (thisArg, _arguments,
 const attachmentDownloadCardsStyle = {
     marginTop: '0.25rem'
 };
-const actionIconStyle = { height: '1rem' };
 /**
  * @internal
  */
@@ -11664,13 +12107,13 @@ const _AttachmentDownloadCards = (props) => {
     }, [(_a = props.strings) === null || _a === void 0 ? void 0 : _a.downloadAttachment, localeStrings.downloadAttachment]);
     const isShowDownloadIcon = React.useCallback((attachment) => {
         var _a;
-        /* @conditional-compile-remove(file-sharing) */
+        /* @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;
-        /* @conditional-compile-remove(file-sharing) */
+        /* @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}`
         });
@@ -11702,18 +12145,17 @@ const _AttachmentDownloadCards = (props) => {
     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(react.IconButton, { className: iconButtonClassName, ariaLabel: downloadAttachmentButtonString() },
-                        React.createElement(DownloadIconTrampoline, null))) : undefined, actionHandler: () => fileDownloadHandler(userId, attachment) })))))));
+                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) })))))));
 };
 /**
  * @private
  */
 const DownloadIconTrampoline = () => {
-    // @conditional-compile-remove(file-sharing)
-    return React.createElement(react.Icon, { "data-ui-id": "file-download-card-download-icon", iconName: "DownloadFile", style: actionIconStyle });
+    // @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(file-sharing) */
+    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
     return useLocale$1().strings.messageThread;
 };
 
@@ -11810,11 +12252,11 @@ const getFluentUIAttachedValue = (messageAttachedStatus) => {
  *  Get the message bubble content for the message.
  */
 function getMessageBubbleContent(message, strings, userId, inlineImageOptions, 
-/* @conditional-compile-remove(file-sharing) */
+/* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
 onRenderFileDownloads, 
 /* @conditional-compile-remove(mention) */
 mentionDisplayOptions, 
-/* @conditional-compile-remove(file-sharing) */
+/* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
 fileDownloadHandler) {
     /* @conditional-compile-remove(data-loss-prevention) */
     if (message.messageType === 'blocked') {
@@ -11825,25 +12267,25 @@ fileDownloadHandler) {
         React.createElement(ChatMessageContent, { message: message, strings: strings, 
             /* @conditional-compile-remove(mention) */
             mentionDisplayOptions: mentionDisplayOptions, inlineImageOptions: inlineImageOptions }),
-        /* @conditional-compile-remove(file-sharing) */ onRenderFileDownloads
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ onRenderFileDownloads
             ? onRenderFileDownloads(userId, message)
             : defaultOnRenderFileDownloads(userId, message, strings, 
-            /* @conditional-compile-remove(file-sharing) */ fileDownloadHandler)));
+            /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ fileDownloadHandler)));
 }
 /**
  * Default component for rendering file downloads.
  */
-/* @conditional-compile-remove(file-sharing) */
+/* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
 const defaultOnRenderFileDownloads = (userId, message, strings, 
-/* @conditional-compile-remove(file-sharing) */
+/* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
 fileDownloadHandler) => {
-    /* @conditional-compile-remove(file-sharing) */
+    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
     return (React.createElement(_AttachmentDownloadCards, { userId: userId, 
-        /* @conditional-compile-remove(file-sharing) */
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
         fileMetadata: message.files || [], 
-        /* @conditional-compile-remove(file-sharing) */
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
         downloadHandler: fileDownloadHandler, 
-        /* @conditional-compile-remove(file-sharing) */
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
         strings: {
             downloadAttachment: strings.downloadAttachment,
             attachmentCardGroupMessage: strings.attachmentCardGroupMessage
@@ -11887,9 +12329,9 @@ const MessageBubble$1 = (props) => {
     const theme = useTheme();
     const locale = useLocale$1();
     const { userId, message, onRemoveClick, onResendClick, disableEditing, showDate, messageContainerStyle, strings, onEditClick, remoteParticipantsCount = 0, onRenderAvatar, showMessageStatus, messageStatus, 
-    /* @conditional-compile-remove(file-sharing) */
+    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
     fileDownloadHandler, inlineImageOptions, 
-    /* @conditional-compile-remove(file-sharing) */
+    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
     onRenderFileDownloads, 
     /* @conditional-compile-remove(mention) */
     mentionDisplayOptions, onDisplayDateTimeString } = props;
@@ -11945,18 +12387,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(file-sharing) */
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
         onRenderFileDownloads, 
         /* @conditional-compile-remove(mention) */
         mentionDisplayOptions, 
-        /* @conditional-compile-remove(file-sharing) */
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
         fileDownloadHandler);
     }, [
-        /* @conditional-compile-remove(file-sharing) */ fileDownloadHandler,
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ fileDownloadHandler,
         inlineImageOptions,
         /* @conditional-compile-remove(mention) */ mentionDisplayOptions,
         message,
-        /* @conditional-compile-remove(file-sharing) */ onRenderFileDownloads,
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ onRenderFileDownloads,
         strings,
         userId
     ]);
@@ -12095,30 +12537,32 @@ const FluentChatMyMessageComponent = (props) => {
     onDisplayDateTimeString, inlineImageOptions, 
     /* @conditional-compile-remove(mention) */
     mentionOptions, 
-    /* @conditional-compile-remove(file-sharing) */
+    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
     fileDownloadHandler, userId, 
-    /* @conditional-compile-remove(file-sharing) */
+    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
     onRenderFileDownloads, defaultStatusRenderer, statusToRender } = props;
     const chatMessageRenderStyles = useChatMessageRenderStyles();
     const onRenderFileDownloadsMemo = React.useMemo(() => {
-        /* @conditional-compile-remove(file-sharing) */
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
         return onRenderFileDownloads;
-    }, [/* @conditional-compile-remove(file-sharing) */ onRenderFileDownloads]);
+    }, [
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ onRenderFileDownloads
+    ]);
     // 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) => {
         if (messageProps.message.messageType === 'chat' ||
             /* @conditional-compile-remove(data-loss-prevention) */ messageProps.message.messageType === 'blocked') {
             return (React.createElement(ChatMyMessageComponent, Object.assign({}, messageProps, { 
-                /* @conditional-compile-remove(file-sharing) */
+                /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
                 onRenderFileDownloads: onRenderFileDownloadsMemo, 
-                /* @conditional-compile-remove(file-sharing) */
+                /* @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) */
                 onDisplayDateTimeString: onDisplayDateTimeString, inlineImageOptions: inlineImageOptions, 
                 /* @conditional-compile-remove(mention) */
                 mentionOptions: mentionOptions, 
-                /* @conditional-compile-remove(file-sharing) */
+                /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
                 fileDownloadHandler: fileDownloadHandler })));
         }
         return React.createElement(React.Fragment, null);
@@ -12135,7 +12579,7 @@ const FluentChatMyMessageComponent = (props) => {
         inlineImageOptions,
         /* @conditional-compile-remove(mention) */
         mentionOptions,
-        /* @conditional-compile-remove(file-sharing) */
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
         fileDownloadHandler,
         // eslint-disable-next-line react-hooks/exhaustive-deps
         new Date().toDateString()
@@ -12201,9 +12645,9 @@ const MessageBubble = (props) => {
     const theme = useTheme();
     const locale = useLocale$1();
     const { userId, message, showDate, messageContainerStyle, strings, 
-    /* @conditional-compile-remove(file-sharing) */
+    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
     fileDownloadHandler, inlineImageOptions, shouldOverlapAvatarAndMessage, 
-    /* @conditional-compile-remove(file-sharing) */
+    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
     onRenderFileDownloads, 
     /* @conditional-compile-remove(mention) */
     mentionDisplayOptions, onDisplayDateTimeString } = props;
@@ -12221,18 +12665,18 @@ const MessageBubble = (props) => {
     }, [strings.editedTag, theme, message]);
     const getContent = React.useCallback(() => {
         return getMessageBubbleContent(message, strings, userId, inlineImageOptions, 
-        /* @conditional-compile-remove(file-sharing) */
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
         onRenderFileDownloads, 
         /* @conditional-compile-remove(mention) */
         mentionDisplayOptions, 
-        /* @conditional-compile-remove(file-sharing) */
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
         fileDownloadHandler);
     }, [
-        /* @conditional-compile-remove(file-sharing) */ fileDownloadHandler,
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ fileDownloadHandler,
         inlineImageOptions,
         /* @conditional-compile-remove(mention) */ mentionDisplayOptions,
         message,
-        /* @conditional-compile-remove(file-sharing) */ onRenderFileDownloads,
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ onRenderFileDownloads,
         strings,
         userId
     ]);
@@ -12282,30 +12726,32 @@ const FluentChatMessageComponent = (props) => {
     const { message, styles, shouldOverlapAvatarAndMessage, onRenderMessage, onRenderAvatar, 
     /* @conditional-compile-remove(date-time-customization) */
     onDisplayDateTimeString, inlineImageOptions, 
-    /* @conditional-compile-remove(file-sharing) */
+    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
     fileDownloadHandler, userId, 
-    /* @conditional-compile-remove(file-sharing) */
+    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
     onRenderFileDownloads, 
     /* @conditional-compile-remove(mention) */
     mentionOptions } = props;
     const chatMessageRenderStyles = useChatMessageRenderStyles();
     const onRenderFileDownloadsMemo = React.useMemo(() => {
-        /* @conditional-compile-remove(file-sharing) */
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
         return onRenderFileDownloads;
-    }, [/* @conditional-compile-remove(file-sharing) */ onRenderFileDownloads]);
+    }, [
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ onRenderFileDownloads
+    ]);
     // 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) => {
         if (messageProps.message.messageType === 'chat' ||
             /* @conditional-compile-remove(data-loss-prevention) */ messageProps.message.messageType === 'blocked') {
             return (React.createElement(ChatMessageComponentAsMessageBubble, Object.assign({}, messageProps, { 
-                /* @conditional-compile-remove(file-sharing) */
+                /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
                 onRenderFileDownloads: onRenderFileDownloadsMemo, 
-                /* @conditional-compile-remove(file-sharing) */
+                /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
                 strings: messageProps.strings, message: messageProps.message, userId: userId, shouldOverlapAvatarAndMessage: shouldOverlapAvatarAndMessage, 
                 /* @conditional-compile-remove(date-time-customization) */
                 onDisplayDateTimeString: onDisplayDateTimeString, inlineImageOptions: inlineImageOptions, 
-                /* @conditional-compile-remove(file-sharing) */
+                /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
                 fileDownloadHandler: fileDownloadHandler, 
                 /* @conditional-compile-remove(mention) */
                 mentionDisplayOptions: mentionOptions === null || mentionOptions === void 0 ? void 0 : mentionOptions.displayOptions })));
@@ -12318,7 +12764,7 @@ const FluentChatMessageComponent = (props) => {
         /* @conditional-compile-remove(date-time-customization) */
         onDisplayDateTimeString,
         inlineImageOptions,
-        /* @conditional-compile-remove(file-sharing) */
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
         fileDownloadHandler,
         /* @conditional-compile-remove(mention) */
         mentionOptions,
@@ -12592,7 +13038,7 @@ const MessageThreadWrapper = (props) => {
     onDisplayDateTimeString, 
     /* @conditional-compile-remove(mention) */
     mentionOptions, inlineImageOptions, 
-    /* @conditional-compile-remove(file-sharing) */
+    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
     onRenderFileDownloads } = 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.
@@ -12920,22 +13366,23 @@ const MessageThreadWrapper = (props) => {
         existsNewChatMessage && !disableJumpToNewMessageButton && (React.createElement("div", { className: react.mergeStyles(newMessageButtonContainerStyle, styles === null || styles === void 0 ? void 0 : styles.newMessageButtonContainer) }, onRenderJumpToNewMessageButton ? (onRenderJumpToNewMessageButton({ text: strings.newMessagesIndicator, onClick: scrollToBottom })) : (React.createElement(DefaultJumpToNewMessageButton, { text: strings.newMessagesIndicator, onClick: scrollToBottom })))),
         React.createElement(LiveAnnouncer, null,
             React.createElement(FluentV9ThemeProvider, { v8Theme: theme },
-                latestDeletedMessageId && (React.createElement(Announcer$1, { key: latestDeletedMessageId, announcementString: deletedMessageAriaLabel, ariaLive: 'assertive' })),
                 React.createElement(reactChat.Chat
                 // styles?.chatContainer used in className and style prop as style prop can't handle CSS selectors
                 , { 
                     // styles?.chatContainer used in className and style prop as style prop can't handle CSS selectors
-                    className: reactComponents.mergeClasses(classes.root, react.mergeStyles(styles === null || styles === void 0 ? void 0 : styles.chatContainer)), ref: chatScrollDivRef, style: Object.assign({}, createStyleFromV8Style(styles === null || styles === void 0 ? void 0 : styles.chatContainer)) }, messagesToDisplay.map((message) => {
-                    return (React.createElement(MemoChatMessageComponentWrapper, Object.assign({}, message, { userId: userId, key: message.key, styles: styles, shouldOverlapAvatarAndMessage: isNarrow, strings: strings, onRenderAvatar: onRenderAvatar, onRenderMessage: onRenderMessage, onRenderMessageStatus: onRenderMessageStatus, defaultStatusRenderer: defaultStatusRenderer, onActionButtonClick: onActionButtonClickMemo, readCount: readCountForHoveredIndicator, participantCount: participantCount, 
-                        /* @conditional-compile-remove(file-sharing) */
-                        fileDownloadHandler: props.fileDownloadHandler, inlineImageOptions: inlineImageOptions, 
-                        /* @conditional-compile-remove(date-time-customization) */
-                        onDisplayDateTimeString: onDisplayDateTimeString, 
-                        /* @conditional-compile-remove(mention) */
-                        mentionOptions: mentionOptions, 
-                        /* @conditional-compile-remove(file-sharing) */
-                        onRenderFileDownloads: onRenderFileDownloads })));
-                }))))));
+                    className: reactComponents.mergeClasses(classes.root, react.mergeStyles(styles === null || styles === void 0 ? void 0 : styles.chatContainer)), ref: chatScrollDivRef, style: Object.assign({}, createStyleFromV8Style(styles === null || styles === void 0 ? void 0 : styles.chatContainer)) },
+                    latestDeletedMessageId && (React.createElement(Announcer$1, { key: latestDeletedMessageId, announcementString: deletedMessageAriaLabel, ariaLive: 'polite' })),
+                    messagesToDisplay.map((message) => {
+                        return (React.createElement(MemoChatMessageComponentWrapper, Object.assign({}, message, { userId: userId, key: message.key, styles: styles, shouldOverlapAvatarAndMessage: isNarrow, strings: strings, onRenderAvatar: onRenderAvatar, onRenderMessage: onRenderMessage, onRenderMessageStatus: onRenderMessageStatus, defaultStatusRenderer: defaultStatusRenderer, onActionButtonClick: onActionButtonClickMemo, readCount: readCountForHoveredIndicator, participantCount: participantCount, 
+                            /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+                            fileDownloadHandler: props.fileDownloadHandler, inlineImageOptions: inlineImageOptions, 
+                            /* @conditional-compile-remove(date-time-customization) */
+                            onDisplayDateTimeString: onDisplayDateTimeString, 
+                            /* @conditional-compile-remove(mention) */
+                            mentionOptions: mentionOptions, 
+                            /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+                            onRenderFileDownloads: onRenderFileDownloads })));
+                    }))))));
 };
 const MemoChatMessageComponentWrapper = React.memo((obj) => {
     return React.createElement(ChatMessageComponentWrapper, Object.assign({}, obj));
@@ -16751,7 +17198,7 @@ const OverflowGallery = (props) => {
  */
 const DefaultLayout = (props) => {
     const { remoteParticipants = [], localParticipant, dominantSpeakers, localVideoComponent, screenShareComponent, onRenderRemoteParticipant, styles, maxRemoteVideoStreams, parentWidth, parentHeight, pinnedParticipantUserIds = [], overflowGalleryPosition = 'horizontalBottom', 
-    /* @conditional-compile-remove(spotlight) */ spotlightedParticipantUserIds } = props;
+    /* @conditional-compile-remove(spotlight) */ spotlightedParticipantUserIds = [] } = props;
     const isNarrow = parentWidth ? isNarrowWidth(parentWidth) : false;
     const isShort = parentHeight ? isShortHeight(parentHeight) : false;
     // This is for tracking the number of children in the first page of overflow gallery.
@@ -16793,7 +17240,7 @@ const DefaultLayout = (props) => {
             : (_b = p.videoStream) === null || _b === void 0 ? void 0 : _b.isAvailable);
     });
     if (localVideoComponent) {
-        if (screenShareComponent) {
+        if (screenShareComponent || /* @conditional-compile-remove(spotlight) */ spotlightedParticipantUserIds.length > 0) {
             overflowGalleryTiles = [localVideoComponent].concat(overflowGalleryTiles);
         }
         else {
@@ -17827,7 +18274,8 @@ const LARGE_GALLERY_PARTICIPANT_CAP = 48;
  * @private
  */
 const LargeGalleryLayout = (props) => {
-    const { remoteParticipants = [], localParticipant, dominantSpeakers, localVideoComponent, screenShareComponent, onRenderRemoteParticipant, styles, maxRemoteVideoStreams, parentWidth, parentHeight, pinnedParticipantUserIds = [], overflowGalleryPosition = 'horizontalBottom' } = props;
+    const { remoteParticipants = [], localParticipant, dominantSpeakers, localVideoComponent, screenShareComponent, onRenderRemoteParticipant, styles, maxRemoteVideoStreams, parentWidth, parentHeight, pinnedParticipantUserIds = [], overflowGalleryPosition = 'horizontalBottom', 
+    /* @conditional-compile-remove(spotlight) */ spotlightedParticipantUserIds = [] } = props;
     const isNarrow = parentWidth ? isNarrowWidth(parentWidth) : false;
     const isShort = parentHeight ? isShortHeight(parentHeight) : false;
     const maxStreamsTrampoline = () => {
@@ -17849,7 +18297,8 @@ const LargeGalleryLayout = (props) => {
             ? childrenPerPage.current - ((pinnedParticipantUserIds.length + 1) % childrenPerPage.current)
             : childrenPerPage.current,
         pinnedParticipantUserIds,
-        /* @conditional-compile-remove(large-gallery) */ layout: 'largeGallery'
+        /* @conditional-compile-remove(large-gallery) */ layout: 'largeGallery',
+        /* @conditional-compile-remove(spotlight) */ spotlightedParticipantUserIds
     });
     let activeVideoStreams = 0;
     let gridTiles = gridParticipants.map((p) => {
@@ -17873,7 +18322,7 @@ const LargeGalleryLayout = (props) => {
             : (_b = p.videoStream) === null || _b === void 0 ? void 0 : _b.isAvailable);
     });
     if (localVideoComponent) {
-        if (screenShareComponent) {
+        if (screenShareComponent || /* @conditional-compile-remove(spotlight) */ spotlightedParticipantUserIds.length > 0) {
             overflowGalleryTiles = [localVideoComponent].concat(overflowGalleryTiles);
         }
         else {
@@ -20129,8 +20578,8 @@ const DialpadButton = (props) => {
 const DialpadContainer = (props) => {
     var _a, _b;
     const theme = react.useTheme();
-    const { onSendDtmfTone, onClickDialpadButton, textFieldValue, onChange, showDeleteButton = true, longPressTrigger = 'mouseAndTouch', disableDtmfPlayback, dialpadMode = 'dialer' } = props;
-    const dtmfToneAudioContext = React.useRef(new AudioContext());
+    const { onSendDtmfTone, onClickDialpadButton, textFieldValue, onChange, showDeleteButton = true, longPressTrigger = 'mouseAndTouch', disableDtmfPlayback, dialpadMode = 'dialer', dtmfAudioContext } = props;
+    const dtmfToneAudioContext = React.useRef(dtmfAudioContext ? dtmfAudioContext : new AudioContext());
     const [plainTextValue, setPlainTextValue] = React.useState(textFieldValue !== null && textFieldValue !== void 0 ? textFieldValue : '');
     const plainTextValuePreviousRenderValue = React.useRef(plainTextValue);
     React.useEffect(() => {
@@ -22786,7 +23235,7 @@ const memoizedAllConvertChatMessage = memoizeFnAll((_key, chatMessage, userId, i
         return convertToUiSystemMessage(chatMessage);
     }
 });
-/* @conditional-compile-remove(file-sharing) */
+/* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
 const extractAttachedFilesMetadata = (metadata) => {
     const fileMetadata = metadata.fileSharingMetadata;
     if (!fileMetadata) {
@@ -22800,7 +23249,7 @@ const extractAttachedFilesMetadata = (metadata) => {
         return [];
     }
 };
-/* @conditional-compile-remove(file-sharing) */
+/* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
 const extractTeamsAttachmentsMetadata = (attachments) => {
     const files = [];
     attachments.forEach((attachment) => {
@@ -22837,7 +23286,7 @@ const convertToUiBlockedMessage = (message, userId, isSeen, isLargeGroup) => {
         link: DEFAULT_DATA_LOSS_PREVENTION_POLICY_URL
     };
 };
-/* @conditional-compile-remove(file-sharing) */
+/* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
 const extractAttachmentUrl = (attachment) => {
     return attachment.previewUrl ? attachment.previewUrl : attachment.url || '';
 };
@@ -22910,7 +23359,7 @@ const extractAttachmentContentTypeFromName = (name) => {
     const contentType = name.substring(indexOfLastDot + 1);
     return contentType;
 };
-/* @conditional-compile-remove(file-sharing) */
+/* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
 const extractAttachmentsMetadata = (message) => {
     var _a, _b;
     let files = [];
@@ -22925,7 +23374,7 @@ const extractAttachmentsMetadata = (message) => {
 };
 const convertToUiChatMessage = (message, userId, isSeen, isLargeGroup) => {
     const messageSenderId = message.sender !== undefined ? toFlatCommunicationIdentifier(message.sender) : userId;
-    /* @conditional-compile-remove(file-sharing) */
+    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
     const { files } = extractAttachmentsMetadata(message);
     return {
         messageType: 'chat',
@@ -22941,7 +23390,7 @@ const convertToUiChatMessage = (message, userId, isSeen, isLargeGroup) => {
         deletedOn: message.deletedOn,
         mine: messageSenderId === userId,
         metadata: message.metadata,
-        /* @conditional-compile-remove(file-sharing) */
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
         files
     };
 };
@@ -24683,7 +25132,7 @@ const COMPOSITE_ONLY_ICONS = {
     NoticePageRoomNotValid: React.createElement(reactIcons.Info20Filled, null),
     NoticePageCallRejected: React.createElement(reactIcons.Info20Filled, null),
     NoticePageCallTimeout: React.createElement(reactIcons.Info20Filled, null),
-    /* @conditional-compile-remove(file-sharing) */
+    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
     SendBoxAttachFile: React.createElement(reactIcons.Attach20Regular, null),
     /* @conditional-compile-remove(PSTN-calls) */
     PeoplePaneAddPerson: React.createElement(reactIcons.PersonAdd20Regular, null),
@@ -24739,7 +25188,7 @@ const CallCompositeIcon = (props) => (React.createElement(react.FontIcon, Object
  */
 const CallWithChatCompositeIcon = (props) => (React.createElement(react.FontIcon, Object.assign({}, props)));
 
-var call$k={cameraLabel:"Camera",noCamerasLabel:"No cameras found",cameraPermissionDenied:"Your browser is blocking access to your camera",cameraTurnedOff:"Your camera is turned off",chatButtonLabel:"Chat",close:"Close",complianceBannerNowOnlyRecording:"You are now only recording this meeting.",complianceBannerNowOnlyTranscription:"You are now only transcribing this meeting.",complianceBannerRecordingAndTranscriptionSaved:"Recording and transcription are being saved.",complianceBannerRecordingAndTranscriptionStarted:"Recording and transcription have started.",complianceBannerRecordingAndTranscriptionStopped:"Recording and transcription have stopped.",complianceBannerRecordingSaving:"Recording is being saved.",complianceBannerRecordingStarted:"Recording has started.",complianceBannerRecordingStopped:"Recording has stopped.",complianceBannerTranscriptionStarted:"Transcription has started.",complianceBannerTranscriptionConsent:"By joining, you are giving consent for this meeting to be transcribed.",complianceBannerTranscriptionSaving:"Transcription is being saved.",complianceBannerTranscriptionStopped:"Transcription has stopped.",configurationPageTitle:"Start a call",copyInviteLinkButtonLabel:"Copy invite link",copyInviteLinkActionedAriaLabel:"Invite link copied",defaultPlaceHolder:"Select an option",dismissSidePaneButtonLabel:"Close",videoEffectsPaneTitle:"Effects",videoEffectsPaneBackgroundSelectionTitle:"Background",configurationPageVideoEffectsButtonLabel:"Effects",unableToStartVideoEffect:"Unable to apply video effect.",blurBackgroundEffectButtonLabel:"Blur",blurBackgroundTooltip:"Blur Background",removeBackgroundEffectButtonLabel:"None",removeBackgroundTooltip:"Remove Background",cameraOffBackgroundEffectWarningText:"Your camera is off. Turn on camera to see video effect.",failedToJoinCallDueToNoNetworkMoreDetails:"Call was disconnected due to a network issue. Check your connection and join again.",failedToJoinCallDueToNoNetworkTitle:"Call disconnected",failedToJoinTeamsMeetingReasonAccessDeniedMoreDetails:"You were not granted entry in the call. If this was a mistake, re-join the call.",failedToJoinTeamsMeetingReasonAccessDeniedTitle:"Dismissed from lobby",learnMore:"Learn more",leavingCallTitle:"Leaving...",leftCallMoreDetails:"If this was a mistake, re-join the call.",leftCallTitle:"You left the call",lobbyScreenConnectingToCallTitle:"Joining call",lobbyScreenWaitingToBeAdmittedTitle:"Waiting to be admitted",microphonePermissionDenied:"Your browser is blocking access to your microphone",microphoneToggleInLobbyNotAllowed:"Cannot mute or unmute while in lobby.",mutedMessage:"You're muted",networkReconnectMoreDetails:"Looks like something went wrong. We're trying to get back into the call.",networkReconnectTitle:"Hold on",notInvitedToRoomDetails:"You are not able to join this room because you do not have an invite.",notInvitedToRoomTitle:"Not invited to room",peopleButtonLabel:"People",selectedPeopleButtonLabel:"People Button Selected",peoplePaneTitle:"People",peoplePaneMoreButtonAriaLabel:"More",peopleButtonTooltipOpen:"Show participants",peopleButtonTooltipClose:"Hide participants",peoplePaneSubTitle:"In this call {numberOfPeople}",privacyPolicy:"Privacy policy",rejoinCallButtonLabel:"Re-join call",removedFromCallMoreDetails:"Another participant removed you from the call.",removedFromCallTitle:"You were removed",removeMenuLabel:"Remove",startSpotlightMenuLabel:"Spotlight for everyone",addSpotlightMenuLabel:"Add spotlight",stopSpotlightMenuLabel:"Stop spotlighting",stopSpotlightOnSelfMenuLabel:"Exit spotlight",spotlightLimitReachedMenuTitle:"Spotlight limit reached",stopAllSpotlightMenuLabel:"Stop all spotlights",returnToCallButtonAriaDescription:"Return to Call",returnToCallButtonAriaLabel:"Back",roomNotFoundDetails:"The room ID provided could not be found.",roomNotFoundTitle:"Room not found",roomNotValidDetails:"This room is not valid at this current time.",roomNotValidTitle:"Room not valid",inviteToRoomRemovedDetails:"Your invite to join this room was removed.",inviteToRoomRemovedTitle:"Invite to room removed",soundLabel:"Sound",noMicrophonesLabel:"No microphones found",noSpeakersLabel:"No speakers found",startCallButtonLabel:"Start call",openDialpadButtonLabel:"Dial phone number",peoplePaneAddPeopleButtonLabel:"Add People",dialpadStartCallButtonLabel:"Call",dialpadModalTitle:"Dial Phone Number",dialpadModalAriaLabel:"Dialpad",dialpadCloseModalButtonAriaLabel:"Close dialpad",moreButtonCallingLabel:"More",resumeCallButtonLabel:"Resume",resumingCallButtonLabel:"Resuming...",resumeCallButtonAriaLabel:"Resume call",resumingCallButtonAriaLabel:"Resume call",holdScreenLabel:"You're on hold",openDtmfDialpadLabel:"Show dialpad",dtmfDialpadPlaceholderText:"Enter number",outboundCallingNoticeString:"Calling...",participantJoinedNoticeString:"{displayName} joined",twoParticipantJoinedNoticeString:"{displayName1} and {displayName2} have joined",threeParticipantJoinedNoticeString:"{displayName1}, {displayName2} and {displayName3} have joined",participantLeftNoticeString:"{displayName} left",twoParticipantLeftNoticeString:"{displayName1} and {displayName2} have left",threeParticipantLeftNoticeString:"{displayName1}, {displayName2} and {displayName3} have left",unnamedParticipantString:"unnamed participant",manyUnnamedParticipantsJoined:"unnamed participant and {numOfParticipants} other participants joined",manyUnnamedParticipantsLeft:"unnamed participant and {numOfParticipants} other participants left",manyParticipantsJoined:"{displayName1}, {displayName2}, {displayName3} and {numOfParticipants} other participants joined",manyParticipantsLeft:"{displayName1}, {displayName2}, {displayName3} and {numOfParticipants} other participants left",liveCaptionsLabel:"Live captions",captionsSettingsLabel:"Caption settings",startCaptionsButtonOnLabel:"Turn on captions",startCaptionsButtonOffLabel:"Turn off captions",startCaptionsButtonTooltipOnContent:"Turn off captions",startCaptionsButtonTooltipOffContent:"Turn on captions",captionsSettingsModalTitle:"Captions Settings",captionsSettingsSpokenLanguageDropdownLabel:"Spoken language",captionsSettingsCaptionLanguageDropdownLabel:"Captions language",captionsSettingsSpokenLanguageDropdownInfoText:"Language that everyone on this call is speaking.",captionsSettingsCaptionLanguageDropdownInfoText:"Captions will appear in this langugage.",captionsSettingsConfirmButtonLabel:"Confirm",captionsSettingsCancelButtonLabel:"Cancel",captionsSettingsModalAriaLabel:"Captions Setting Modal",captionsSettingsCloseModalButtonAriaLabel:"Close Captions Setting",captionsBannerMoreButtonCallingLabel:"More",captionsBannerMoreButtonTooltip:"More options",dismissModalAriaLabel:"Local and remote picture and picture, press enter to return to call",callRejectedTitle:"The call could not be completed",callRejectedMoreDetails:"The person you are trying to reach is unavailable. Please try again later.",callTimeoutTitle:"The call could not be completed",callTimeoutDetails:"The person you are trying to reach is unavailable. Please try again later.",callTimeoutBotTitle:"The call could not be completed",callTimeoutBotDetails:"The service that you are trying to reach is unavailable. Please try again later.",dtmfDialerButtonLabel:"Dialpad",dtmfDialerButtonTooltipOn:"Show dialpad",dtmfDialerButtonTooltipOff:"Hide dialpad",dtmfDialerMoreButtonLabelOn:"Show dialpad",dtmfDialerMoreButtonLabelOff:"Hide dialpad",spokenLanguageStrings:{"ar-ae":"Arabic - U.A.E.","ar-sa":"Arabic - Saudi Arabia","da-dk":"Danish","de-de":"German - Germany","en-au":"English - Australia","en-ca":"English - Canada","en-gb":"English - United Kingdom","en-in":"English - India","en-nz":"English - New Zealand","en-us":"English - United States","es-es":"Spanish - Spain (Modern Sort)","es-mx":"Spanish - Mexico","fi-fi":"Finnish","fr-ca":"French - Canada","fr-fr":"French - France","hi-in":"Hindi","it-it":"Italian - Italy","ja-jp":"Japanese","ko-kr":"Korean","nb-no":"Norwegian (Bokmål)","nl-be":"Dutch - Belgium","nl-nl":"Dutch - Netherlands","pl-pl":"Polish","pt-br":"Portuguese - Brazil","ru-ru":"Russian","sv-se":"Swedish","zh-cn":"Chinese - People's Republic of China","zh-hk":"Chinese - Hong Kong SAR","cs-cz":"Czech","pt-pt":"Portuguese - Portugal","tr-tr":"Turkish","vi-vn":"Vietnamese","th-th":"Thai","he-il":"Hebrew","cy-gb":"Welsh","uk-ua":"Ukrainian","el-gr":"Greek","hu-hu":"Hungarian","ro-ro":"Romanian","sk-sk":"Slovak","zh-tw":"Chinese - Taiwan"},captionLanguageStrings:{ar:"Arabic",da:"Danish",de:"German",en:"English",es:"Spanish",fi:"Finnish","fr-ca":"French - Canada",fr:"French - France",hi:"Hindi",it:"Italian",ja:"Japanese",ko:"Korean",nb:"Norwegian (Bokmål)",nl:"Dutch",pl:"Polish",pt:"Portuguese - Brazil",ru:"Russian",sv:"Swedish","zh-Hans":"Chinese (Simplified)","zh-Hant":"Chinese (Traditional)",cs:"Czech","pt-pt":"Portuguese - Portugal",tr:"Turkish",vi:"Vietnamese",th:"Thai",he:"Hebrew",cy:"Welsh",uk:"Ukrainian",el:"Greek",hu:"Hungarian",ro:"Romanian",sk:"Slovak"},captionsBannerSpinnerText:"Starting captions...",transferPageTransferorText:"Transferring...",transferPageTransferTargetText:"Connecting...",transferPageUnknownTransferorDisplayName:"Unknown",transferPageUnknownTransferTargetDisplayName:"Unknown",transferPageNoticeString:"You are being transferred",participantCouldNotBeReachedTitle:"Target participant is currently not available",participantCouldNotBeReachedMoreDetails:"Please contact participant when they are available",permissionToReachTargetParticipantNotAllowedTitle:"Permission to reach target participant is not allowed",permissionToReachTargetParticipantNotAllowedMoreDetails:"Please check that the target participant is in the same tenant",unableToResolveTenantTitle:"Unable to resolve tenant id for the target participant",unableToResolveTenantMoreDetails:"Please check the participant id is entered correctly",participantIdIsMalformedTitle:"Participant id is not in the correct format",participantIdIsMalformedMoreDetails:"Please check that the participant id is in the correct format",moreButtonGalleryControlLabel:"View",moreButtonGalleryPositionToggleLabel:"Move gallery to top",moreButtonGallerySpeakerLayoutLabel:"Speaker",moreButtonGalleryFloatingLocalLayoutLabel:"Dynamic",moreButtonGalleryDefaultLayoutLabel:"Gallery view",moreButtonGalleryFocusedContentLayoutLabel:"Focus on content",moreButtonLargeGalleryDefaultLayoutLabel:"Large Gallery",capabilityChangedNotification:{turnVideoOn:{lostDueToMeetingOption:"Your camera has been disabled. You can no longer share video.",grantedDueToMeetingOption:"Your camera has been enabled. Turn it on if you'd like to share video."},unmuteMic:{lostDueToMeetingOption:"Your mic has been disabled. You can no longer unmute.",grantedDueToMeetingOption:"Your mic has been enabled. Unmute if you'd like to speak."},shareScreen:{lostDueToRoleChangeToAttendee:"Your role has been changed. Some actions, like sharing content, won't be available to you.",grantedDueToRoleChangeToPresenter:"You're a presenter. You can share content and facilitate the meeting."}},surveyTitle:"Help us improve",starSurveyHelperText:"How was the quality of the call?",starSurveyOneStarText:"The quality was bad.",starSurveyTwoStarText:"The quality was poor.",starSurveyThreeStarText:"The quality was good.",starSurveyFourStarText:"The quality was great.",starSurveyFiveStarText:"The quality was excellent.",surveyConfirmButtonLabel:"Send Feedback",starRatingAriaLabel:"Select {0} of {1} stars",surveySkipButtonLabel:"Skip",tagsSurveyQuestion:"What could have been better?",tagsSurveyTextFieldDefaultText:"Other, please specify",tagsSurveyHelperText:"Check any issues you experienced",surveyTextboxDefaultText:"Other, please specify",endOfSurveyText:"Thank you for your feedback!",surveyIssues:{overallRating:{callCannotJoin:"I could not join call",callCannotInvite:"I could not invite others into the call",hadToRejoin:"I had to rejoin the call",callEndedUnexpectedly:"Call ended for me unexpectedly",otherIssues:"I was having other issues with the call"},audioRating:{noLocalAudio:"The other side could not hear any sound",noRemoteAudio:"I could not hear any sound",echo:"I heard echos on the call",audioNoise:"I heard noise on the call",lowVolume:"Volume was low",audioStoppedUnexpectedly:"Audio stopped unexpectedly",distortedSpeech:"Audio was distorted",audioInterruption:"Audio was interrupted",otherIssues:"I was having other audio issues in this call"},videoRating:{noVideoReceived:"I could not see any video",noVideoSent:"Others could not see me",lowQuality:"Video quality was low",freezes:"Video frozen",stoppedUnexpectedly:"Video stopped unexpectedly",darkVideoReceived:"I can only see dark screens when others turn on their camera",audioVideoOutOfSync:"Audio and Video was out of sync",otherIssues:"I was having other video issues in this call"},screenshareRating:{noContentLocal:"Other people could not see my screenshare",noContentRemote:"I could not see other people's screenshare",cannotPresent:"I could not present my screen",lowQuality:"Screen share quality was low",freezes:"Screen share frozen",stoppedUnexpectedly:"Screen share stopped unexpectedly",largeDelay:"Screen share has a large delay",otherIssues:"I was having other screen share issues in this call"}},SurveyIssuesHeadingStrings:{overallRating:"Overall",audioRating:"Audio",videoRating:"Video",screenshareRating:"Presenting"},spotlightPrompt:{startSpotlightHeading:"Spotlight for everyone?",startSpotlightText:"You'll highlight this video for everyone in the meeting.",startSpotlightOnSelfText:"You'll highlight your video for everyone in the meeting.",startSpotlightConfirmButtonLabel:"Spotlight for everyone",startSpotlightCancelButtonLabel:"Cancel",stopSpotlightHeading:"Stop spotlighting this video?",stopSpotlightOnSelfHeading:"Exit spotlight?",stopAllSpotlightHeading:"Stop spotlighting all videos?",stopSpotlightText:"This video will no longer be highlighted for everyone in the meeting.",stopSpotlightOnSelfText:"Your video will no longer be highlighted for everyone in the meeting.",stopAllSpotlightText:"The videos will no longer be highlighted for everyone in the meeting.",stopSpotlightConfirmButtonLabel:"Stop spotlighting",stopSpotlightOnSelfConfirmButtonLabel:"Exit spotlight",stopSpotlightCancelButtonLabel:"Cancel"},exitSpotlightButtonLabel:"Exit spotlight",exitSpotlightButtonTooltip:"Exit spotlight"};var chat$k={chatListHeader:"In this chat",uploadFile:"Upload File"};var callWithChat$k={chatButtonLabel:"Chat",chatButtonNewMessageNotificationLabel:"New Message",chatButtonTooltipClosedWithMessageCount:"Show chat ({unreadMessagesCount} unread)",chatButtonTooltipClose:"Hide chat",chatButtonTooltipOpen:"Show chat",chatPaneTitle:"Chat",copyInviteLinkButtonLabel:"Copy invite link",copyInviteLinkActionedAriaLabel:"Invite link copied",dismissSidePaneButtonLabel:"Close",moreDrawerAudioDeviceMenuTitle:"Audio Device",moreDrawerButtonLabel:"More options",moreDrawerButtonTooltip:"More options",moreDrawerMicrophoneMenuTitle:"Microphone",moreDrawerSpeakerMenuTitle:"Speaker",moreDrawerCaptionsMenuTitle:"Live captions",moreDrawerSpokenLanguageMenuTitle:"Spoken language",moreDrawerCaptionLanguageMenuTitle:"Caption language",moreDrawerGalleryOptionsMenuTitle:"Gallery options",peopleButtonLabel:"People",selectedPeopleButtonLabel:"People Button Selected",peopleButtonTooltipOpen:"Show participants",peopleButtonTooltipClose:"Hide participants",peoplePaneSubTitle:"In this call",peoplePaneTitle:"People",pictureInPictureTileAriaLabel:"Video Feeds. Click to return to call screen.",removeMenuLabel:"Remove",openDialpadButtonLabel:"Dial phone number",returnToCallButtonAriaDescription:"Return to Call",returnToCallButtonAriaLabel:"Back",peoplePaneAddPeopleButtonLabel:"Add People",dialpadStartCallButtonLabel:"Call",dialpadModalTitle:"Dial Phone Number",dialpadModalAriaLabel:"Dialpad",dialpadCloseModalButtonAriaLabel:"Close dialpad",openDtmfDialpadLabel:"Show dialpad",dtmfDialpadPlaceholderText:"Enter number"};var en_US = {call:call$k,chat:chat$k,callWithChat:callWithChat$k};
+var call$k={cameraLabel:"Camera",noCamerasLabel:"No cameras found",cameraPermissionDenied:"Your browser is blocking access to your camera",cameraTurnedOff:"Your camera is turned off",chatButtonLabel:"Chat",close:"Close",complianceBannerNowOnlyRecording:"You are now only recording this meeting.",complianceBannerNowOnlyTranscription:"You are now only transcribing this meeting.",complianceBannerRecordingAndTranscriptionSaved:"Recording and transcription are being saved.",complianceBannerRecordingAndTranscriptionStarted:"Recording and transcription have started.",complianceBannerRecordingAndTranscriptionStopped:"Recording and transcription have stopped.",complianceBannerRecordingSaving:"Recording is being saved.",complianceBannerRecordingStarted:"Recording has started.",complianceBannerRecordingStopped:"Recording has stopped.",complianceBannerTranscriptionStarted:"Transcription has started.",complianceBannerTranscriptionConsent:"By joining, you are giving consent for this meeting to be transcribed.",complianceBannerTranscriptionSaving:"Transcription is being saved.",complianceBannerTranscriptionStopped:"Transcription has stopped.",configurationPageTitle:"Start a call",copyInviteLinkButtonLabel:"Copy invite link",copyInviteLinkActionedAriaLabel:"Invite link copied",defaultPlaceHolder:"Select an option",dismissSidePaneButtonLabel:"Close",videoEffectsPaneTitle:"Effects",videoEffectsPaneBackgroundSelectionTitle:"Background",configurationPageVideoEffectsButtonLabel:"Effects",unableToStartVideoEffect:"Unable to apply video effect.",blurBackgroundEffectButtonLabel:"Blur",blurBackgroundTooltip:"Blur Background",removeBackgroundEffectButtonLabel:"None",removeBackgroundTooltip:"Remove Background",cameraOffBackgroundEffectWarningText:"Your camera is off. Turn on camera to see video effect.",failedToJoinCallDueToNoNetworkMoreDetails:"Call was disconnected due to a network issue. Check your connection and join again.",failedToJoinCallDueToNoNetworkTitle:"Call disconnected",failedToJoinTeamsMeetingReasonAccessDeniedMoreDetails:"You were not granted entry in the call. If this was a mistake, re-join the call.",failedToJoinTeamsMeetingReasonAccessDeniedTitle:"Dismissed from lobby",learnMore:"Learn more",leavingCallTitle:"Leaving...",leftCallMoreDetails:"If this was a mistake, re-join the call.",leftCallTitle:"You left the call",lobbyScreenConnectingToCallTitle:"Joining call",lobbyScreenWaitingToBeAdmittedTitle:"Waiting to be admitted",microphonePermissionDenied:"Your browser is blocking access to your microphone",microphoneToggleInLobbyNotAllowed:"Cannot mute or unmute while in lobby.",mutedMessage:"You're muted",networkReconnectMoreDetails:"Looks like something went wrong. We're trying to get back into the call.",networkReconnectTitle:"Hold on",notInvitedToRoomDetails:"You are not able to join this room because you do not have an invite.",notInvitedToRoomTitle:"Not invited to room",peopleButtonLabel:"People",selectedPeopleButtonLabel:"People Button Selected",peoplePaneTitle:"People",peoplePaneMoreButtonAriaLabel:"More",peopleButtonTooltipOpen:"Show participants",peopleButtonTooltipClose:"Hide participants",peoplePaneSubTitle:"In this call {numberOfPeople}",privacyPolicy:"Privacy policy",rejoinCallButtonLabel:"Re-join call",removedFromCallMoreDetails:"Another participant removed you from the call.",removedFromCallTitle:"You were removed",removeMenuLabel:"Remove",startSpotlightMenuLabel:"Spotlight for everyone",addSpotlightMenuLabel:"Add spotlight",stopSpotlightMenuLabel:"Stop spotlighting",stopSpotlightOnSelfMenuLabel:"Exit spotlight",spotlightLimitReachedMenuTitle:"Spotlight limit reached",stopAllSpotlightMenuLabel:"Stop all spotlights",returnToCallButtonAriaDescription:"Return to Call",returnToCallButtonAriaLabel:"Back",roomNotFoundDetails:"The room ID provided could not be found.",roomNotFoundTitle:"Room not found",roomNotValidDetails:"This room is not valid at this current time.",roomNotValidTitle:"Room not valid",inviteToRoomRemovedDetails:"Your invite to join this room was removed.",inviteToRoomRemovedTitle:"Invite to room removed",soundLabel:"Sound",noMicrophonesLabel:"No microphones found",noSpeakersLabel:"No speakers found",startCallButtonLabel:"Start call",openDialpadButtonLabel:"Dial phone number",peoplePaneAddPeopleButtonLabel:"Add People",dialpadStartCallButtonLabel:"Call",dialpadModalTitle:"Dial Phone Number",dialpadModalAriaLabel:"Dialpad",dialpadCloseModalButtonAriaLabel:"Close dialpad",moreButtonCallingLabel:"More",resumeCallButtonLabel:"Resume",resumingCallButtonLabel:"Resuming...",resumeCallButtonAriaLabel:"Resume call",resumingCallButtonAriaLabel:"Resume call",holdScreenLabel:"You're on hold",openDtmfDialpadLabel:"Show dialpad",dtmfDialpadPlaceholderText:"Enter number",outboundCallingNoticeString:"Calling...",participantJoinedNoticeString:"{displayName} joined",twoParticipantJoinedNoticeString:"{displayName1} and {displayName2} have joined",threeParticipantJoinedNoticeString:"{displayName1}, {displayName2} and {displayName3} have joined",participantLeftNoticeString:"{displayName} left",twoParticipantLeftNoticeString:"{displayName1} and {displayName2} have left",threeParticipantLeftNoticeString:"{displayName1}, {displayName2} and {displayName3} have left",unnamedParticipantString:"unnamed participant",manyUnnamedParticipantsJoined:"unnamed participant and {numOfParticipants} other participants joined",manyUnnamedParticipantsLeft:"unnamed participant and {numOfParticipants} other participants left",manyParticipantsJoined:"{displayName1}, {displayName2}, {displayName3} and {numOfParticipants} other participants joined",manyParticipantsLeft:"{displayName1}, {displayName2}, {displayName3} and {numOfParticipants} other participants left",liveCaptionsLabel:"Live captions",captionsSettingsLabel:"Caption settings",startCaptionsButtonOnLabel:"Turn on captions",startCaptionsButtonOffLabel:"Turn off captions",startCaptionsButtonTooltipOnContent:"Turn off captions",startCaptionsButtonTooltipOffContent:"Turn on captions",captionsSettingsModalTitle:"Captions Settings",captionsSettingsSpokenLanguageDropdownLabel:"Spoken language",captionsSettingsCaptionLanguageDropdownLabel:"Captions language",captionsSettingsSpokenLanguageDropdownInfoText:"Language that everyone on this call is speaking.",captionsSettingsCaptionLanguageDropdownInfoText:"Captions will appear in this langugage.",captionsSettingsConfirmButtonLabel:"Confirm",captionsSettingsCancelButtonLabel:"Cancel",captionsSettingsModalAriaLabel:"Captions Setting Modal",captionsSettingsCloseModalButtonAriaLabel:"Close Captions Setting",captionsBannerMoreButtonCallingLabel:"More",captionsBannerMoreButtonTooltip:"More options",dismissModalAriaLabel:"Local and remote picture and picture, press enter to return to call",callRejectedTitle:"The call could not be completed",callRejectedMoreDetails:"The person you are trying to reach is unavailable. Please try again later.",callTimeoutTitle:"The call could not be completed",callTimeoutDetails:"The person you are trying to reach is unavailable. Please try again later.",callTimeoutBotTitle:"The call could not be completed",callTimeoutBotDetails:"The service that you are trying to reach is unavailable. Please try again later.",dtmfDialerButtonLabel:"Dialpad",dtmfDialerButtonTooltipOn:"Show dialpad",dtmfDialerButtonTooltipOff:"Hide dialpad",dtmfDialerMoreButtonLabelOn:"Show dialpad",dtmfDialerMoreButtonLabelOff:"Hide dialpad",spokenLanguageStrings:{"ar-ae":"Arabic - U.A.E.","ar-sa":"Arabic - Saudi Arabia","da-dk":"Danish","de-de":"German - Germany","en-au":"English - Australia","en-ca":"English - Canada","en-gb":"English - United Kingdom","en-in":"English - India","en-nz":"English - New Zealand","en-us":"English - United States","es-es":"Spanish - Spain (Modern Sort)","es-mx":"Spanish - Mexico","fi-fi":"Finnish","fr-ca":"French - Canada","fr-fr":"French - France","hi-in":"Hindi","it-it":"Italian - Italy","ja-jp":"Japanese","ko-kr":"Korean","nb-no":"Norwegian (Bokmål)","nl-be":"Dutch - Belgium","nl-nl":"Dutch - Netherlands","pl-pl":"Polish","pt-br":"Portuguese - Brazil","ru-ru":"Russian","sv-se":"Swedish","zh-cn":"Chinese - People's Republic of China","zh-hk":"Chinese - Hong Kong SAR","cs-cz":"Czech","pt-pt":"Portuguese - Portugal","tr-tr":"Turkish","vi-vn":"Vietnamese","th-th":"Thai","he-il":"Hebrew","cy-gb":"Welsh","uk-ua":"Ukrainian","el-gr":"Greek","hu-hu":"Hungarian","ro-ro":"Romanian","sk-sk":"Slovak","zh-tw":"Chinese - Taiwan"},captionLanguageStrings:{ar:"Arabic",da:"Danish",de:"German",en:"English",es:"Spanish",fi:"Finnish","fr-ca":"French - Canada",fr:"French - France",hi:"Hindi",it:"Italian",ja:"Japanese",ko:"Korean",nb:"Norwegian (Bokmål)",nl:"Dutch",pl:"Polish",pt:"Portuguese - Brazil",ru:"Russian",sv:"Swedish","zh-Hans":"Chinese (Simplified)","zh-Hant":"Chinese (Traditional)",cs:"Czech","pt-pt":"Portuguese - Portugal",tr:"Turkish",vi:"Vietnamese",th:"Thai",he:"Hebrew",cy:"Welsh",uk:"Ukrainian",el:"Greek",hu:"Hungarian",ro:"Romanian",sk:"Slovak"},captionsBannerSpinnerText:"Starting captions...",transferPageTransferorText:"Transferring...",transferPageTransferTargetText:"Connecting...",transferPageUnknownTransferorDisplayName:"Unknown",transferPageUnknownTransferTargetDisplayName:"Unknown",transferPageNoticeString:"You are being transferred",participantCouldNotBeReachedTitle:"Target participant is currently not available",participantCouldNotBeReachedMoreDetails:"Please contact participant when they are available",permissionToReachTargetParticipantNotAllowedTitle:"Permission to reach target participant is not allowed",permissionToReachTargetParticipantNotAllowedMoreDetails:"Please check that the target participant is in the same tenant",unableToResolveTenantTitle:"Unable to resolve tenant id for the target participant",unableToResolveTenantMoreDetails:"Please check the participant id is entered correctly",participantIdIsMalformedTitle:"Participant id is not in the correct format",participantIdIsMalformedMoreDetails:"Please check that the participant id is in the correct format",moreButtonGalleryControlLabel:"View",moreButtonGalleryPositionToggleLabel:"Move gallery to top",moreButtonGallerySpeakerLayoutLabel:"Speaker",moreButtonGalleryFloatingLocalLayoutLabel:"Dynamic",moreButtonGalleryDefaultLayoutLabel:"Gallery view",moreButtonGalleryFocusedContentLayoutLabel:"Focus on content",moreButtonLargeGalleryDefaultLayoutLabel:"Large Gallery",capabilityChangedNotification:{turnVideoOn:{lostDueToMeetingOption:"Your camera has been disabled. You can no longer share video.",grantedDueToMeetingOption:"Your camera has been enabled. Turn it on if you'd like to share video."},unmuteMic:{lostDueToMeetingOption:"Your mic has been disabled. You can no longer unmute.",grantedDueToMeetingOption:"Your mic has been enabled. Unmute if you'd like to speak."},shareScreen:{lostDueToRoleChangeToAttendee:"Your role has been changed. Some actions, like sharing content, won't be available to you.",grantedDueToRoleChangeToPresenter:"You're a presenter. You can share content and facilitate the meeting."}},surveyTitle:"Help us improve",starSurveyHelperText:"How was the quality of the call?",starSurveyOneStarText:"The quality was bad.",starSurveyTwoStarText:"The quality was poor.",starSurveyThreeStarText:"The quality was good.",starSurveyFourStarText:"The quality was great.",starSurveyFiveStarText:"The quality was excellent.",surveyConfirmButtonLabel:"Send Feedback",starRatingAriaLabel:"Select {0} of {1} stars",surveySkipButtonLabel:"Skip",tagsSurveyQuestion:"What could have been better?",tagsSurveyTextFieldDefaultText:"Other, please specify",tagsSurveyHelperText:"Check any issues you experienced",surveyTextboxDefaultText:"Other, please specify",endOfSurveyText:"Thank you for your feedback!",surveyIssues:{overallRating:{callCannotJoin:"I could not join call",callCannotInvite:"I could not invite others into the call",hadToRejoin:"I had to rejoin the call",callEndedUnexpectedly:"Call ended for me unexpectedly",otherIssues:"I was having other issues with the call"},audioRating:{noLocalAudio:"The other side could not hear any sound",noRemoteAudio:"I could not hear any sound",echo:"I heard echos on the call",audioNoise:"I heard noise on the call",lowVolume:"Volume was low",audioStoppedUnexpectedly:"Audio stopped unexpectedly",distortedSpeech:"Audio was distorted",audioInterruption:"Audio was interrupted",otherIssues:"I was having other audio issues in this call"},videoRating:{noVideoReceived:"I could not see any video",noVideoSent:"Others could not see me",lowQuality:"Video quality was low",freezes:"Video frozen",stoppedUnexpectedly:"Video stopped unexpectedly",darkVideoReceived:"I can only see dark screens when others turn on their camera",audioVideoOutOfSync:"Audio and Video was out of sync",otherIssues:"I was having other video issues in this call"},screenshareRating:{noContentLocal:"Other people could not see my screenshare",noContentRemote:"I could not see other people's screenshare",cannotPresent:"I could not present my screen",lowQuality:"Screen share quality was low",freezes:"Screen share frozen",stoppedUnexpectedly:"Screen share stopped unexpectedly",largeDelay:"Screen share has a large delay",otherIssues:"I was having other screen share issues in this call"}},SurveyIssuesHeadingStrings:{overallRating:"Overall",audioRating:"Audio",videoRating:"Video",screenshareRating:"Presenting"},spotlightPrompt:{startSpotlightHeading:"Spotlight for everyone?",startSpotlightText:"You'll highlight this video for everyone in the meeting.",startSpotlightOnSelfText:"You'll highlight your video for everyone in the meeting.",startSpotlightConfirmButtonLabel:"Spotlight for everyone",startSpotlightCancelButtonLabel:"Cancel",stopSpotlightHeading:"Stop spotlighting this video?",stopSpotlightOnSelfHeading:"Exit spotlight?",stopAllSpotlightHeading:"Stop spotlighting all videos?",stopSpotlightText:"This video will no longer be highlighted for everyone in the meeting.",stopSpotlightOnSelfText:"Your video will no longer be highlighted for everyone in the meeting.",stopAllSpotlightText:"The videos will no longer be highlighted for everyone in the meeting.",stopSpotlightConfirmButtonLabel:"Stop spotlighting",stopSpotlightOnSelfConfirmButtonLabel:"Exit spotlight",stopSpotlightCancelButtonLabel:"Cancel"},exitSpotlightButtonLabel:"Exit spotlight",exitSpotlightButtonTooltip:"Exit spotlight",invalidMeetingIdentifier:"Invalid meeting ID or passcode"};var chat$k={chatListHeader:"In this chat",uploadFile:"Upload File"};var callWithChat$k={chatButtonLabel:"Chat",chatButtonNewMessageNotificationLabel:"New Message",chatButtonTooltipClosedWithMessageCount:"Show chat ({unreadMessagesCount} unread)",chatButtonTooltipClose:"Hide chat",chatButtonTooltipOpen:"Show chat",chatPaneTitle:"Chat",copyInviteLinkButtonLabel:"Copy invite link",copyInviteLinkActionedAriaLabel:"Invite link copied",dismissSidePaneButtonLabel:"Close",moreDrawerAudioDeviceMenuTitle:"Audio Device",moreDrawerButtonLabel:"More options",moreDrawerButtonTooltip:"More options",moreDrawerMicrophoneMenuTitle:"Microphone",moreDrawerSpeakerMenuTitle:"Speaker",moreDrawerCaptionsMenuTitle:"Live captions",moreDrawerSpokenLanguageMenuTitle:"Spoken language",moreDrawerCaptionLanguageMenuTitle:"Caption language",moreDrawerGalleryOptionsMenuTitle:"Gallery options",peopleButtonLabel:"People",selectedPeopleButtonLabel:"People Button Selected",peopleButtonTooltipOpen:"Show participants",peopleButtonTooltipClose:"Hide participants",peoplePaneSubTitle:"In this call",peoplePaneTitle:"People",pictureInPictureTileAriaLabel:"Video Feeds. Click to return to call screen.",removeMenuLabel:"Remove",openDialpadButtonLabel:"Dial phone number",returnToCallButtonAriaDescription:"Return to Call",returnToCallButtonAriaLabel:"Back",peoplePaneAddPeopleButtonLabel:"Add People",dialpadStartCallButtonLabel:"Call",dialpadModalTitle:"Dial Phone Number",dialpadModalAriaLabel:"Dialpad",dialpadCloseModalButtonAriaLabel:"Close dialpad",openDtmfDialpadLabel:"Show dialpad",dtmfDialpadPlaceholderText:"Enter number"};var en_US = {call:call$k,chat:chat$k,callWithChat:callWithChat$k};
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
@@ -24818,7 +25267,7 @@ const FileUploadButton = (props) => {
             } })));
 };
 const SendBoxAttachFileIconTrampoline = () => {
-    // @conditional-compile-remove(file-sharing)
+    // @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload)
     return React.createElement(ChatCompositeIcon, { iconName: "SendBoxAttachFile" });
 };
 /**
@@ -24831,19 +25280,19 @@ const FileUploadButtonWrapper = (
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 props) => {
     return (React.createElement(React.Fragment, null, 
-    /* @conditional-compile-remove(file-sharing) */
+    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
     React.createElement(FileUploadButton, Object.assign({}, props))));
 };
 const uploadFileButtonStringTrampoline = () => {
-    //@conditional-compile-remove(file-sharing)
+    //@conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload)
     //eslint-disable-next-line react-hooks/rules-of-hooks
     return useLocale().strings.chat.uploadFile;
 };
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-/* @conditional-compile-remove(file-sharing) */
-/* @conditional-compile-remove(file-sharing) */
+/* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+/* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
 /**
  * @internal
  */
@@ -24883,7 +25332,7 @@ class FileUploadContext {
         }));
     }
 }
-/* @conditional-compile-remove(file-sharing) */
+/* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
 /**
  * @internal
  */
@@ -24961,7 +25410,7 @@ class AzureCommunicationFileUploadAdapter {
         fileUpload === null || fileUpload === void 0 ? void 0 : fileUpload.off('uploadFail', this.updateFileUploadErrorMessage.bind(this));
     }
 }
-/* @conditional-compile-remove(file-sharing) */
+/* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
 /**
  * @param fileUploadUiState {@link FileUploadsUiState}
  * @private
@@ -24981,7 +25430,7 @@ const convertFileUploadsUiStateToMessageMetadata = (fileUploads) => {
     }
     return undefined;
 };
-/* @conditional-compile-remove(file-sharing) */
+/* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
 /**
  * @private
  */
@@ -25061,7 +25510,7 @@ class ChatContext {
             thread,
             latestErrors: clientState.latestErrors
         };
-        /* @conditional-compile-remove(file-sharing) */
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
         updatedState = Object.assign(Object.assign({}, updatedState), { fileUploads: this.state.fileUploads });
         this.setState(updatedState);
     }
@@ -25076,7 +25525,7 @@ class AzureCommunicationChatAdapter {
         this.chatClient = chatClient;
         this.chatThreadClient = chatThreadClient;
         this.context = new ChatContext(chatClient.getState(), chatThreadClient.threadId);
-        /* @conditional-compile-remove(file-sharing) */
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
         this.fileUploadAdapter = new AzureCommunicationFileUploadAdapter(this.context);
         const onStateChange = (clientState) => {
             // unsubscribe when the instance gets disposed
@@ -25106,19 +25555,19 @@ class AzureCommunicationChatAdapter {
         this.loadPreviousChatMessages = this.loadPreviousChatMessages.bind(this);
         this.on = this.on.bind(this);
         this.off = this.off.bind(this);
-        /* @conditional-compile-remove(file-sharing) */
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
         this.registerActiveFileUploads = this.registerActiveFileUploads.bind(this);
-        /* @conditional-compile-remove(file-sharing) */
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
         this.registerCompletedFileUploads = this.registerCompletedFileUploads.bind(this);
-        /* @conditional-compile-remove(file-sharing) */
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
         this.clearFileUploads = this.clearFileUploads.bind(this);
-        /* @conditional-compile-remove(file-sharing) */
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
         this.cancelFileUpload = this.cancelFileUpload.bind(this);
-        /* @conditional-compile-remove(file-sharing) */
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
         this.updateFileUploadProgress = this.updateFileUploadProgress.bind(this);
-        /* @conditional-compile-remove(file-sharing) */
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
         this.updateFileUploadErrorMessage = this.updateFileUploadErrorMessage.bind(this);
-        /* @conditional-compile-remove(file-sharing) */
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
         this.updateFileUploadMetadata = this.updateFileUploadMetadata.bind(this);
         this.downloadResourceToCache = this.downloadResourceToCache.bind(this);
         this.removeResourceFromCache = this.removeResourceFromCache.bind(this);
@@ -25168,9 +25617,9 @@ class AzureCommunicationChatAdapter {
     sendMessage(content_1) {
         return __awaiter$n(this, arguments, void 0, function* (content, options = {}) {
             yield this.asyncTeeErrorToEventEmitter(() => __awaiter$n(this, void 0, void 0, function* () {
-                /* @conditional-compile-remove(file-sharing) */
+                /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
                 options.metadata = Object.assign(Object.assign({}, options.metadata), convertFileUploadsUiStateToMessageMetadata(this.context.getState().fileUploads));
-                /* @conditional-compile-remove(file-sharing) */
+                /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
                 /**
                  * All the current uploads need to be clear from the state before a message has been sent.
                  * This ensures the following behavior:
@@ -25221,9 +25670,9 @@ class AzureCommunicationChatAdapter {
     updateMessage(messageId, content, metadata, options) {
         return __awaiter$n(this, void 0, void 0, function* () {
             return yield this.asyncTeeErrorToEventEmitter(() => __awaiter$n(this, void 0, void 0, function* () {
-                /* @conditional-compile-remove(file-sharing) */
+                /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
                 const updatedOptions = { attachmentMetadata: options === null || options === void 0 ? void 0 : options.attachmentMetadata, metadata: metadata };
-                /* @conditional-compile-remove(file-sharing) */
+                /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
                 return yield this.handlers.onUpdateMessage(messageId, content, updatedOptions);
             }));
         });
@@ -25235,31 +25684,31 @@ class AzureCommunicationChatAdapter {
             }));
         });
     }
-    /* @conditional-compile-remove(file-sharing) */
+    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
     registerActiveFileUploads(files) {
         return this.fileUploadAdapter.registerActiveFileUploads(files);
     }
-    /* @conditional-compile-remove(file-sharing) */
+    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
     registerCompletedFileUploads(metadata) {
         return this.fileUploadAdapter.registerCompletedFileUploads(metadata);
     }
-    /* @conditional-compile-remove(file-sharing) */
+    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
     clearFileUploads() {
         this.fileUploadAdapter.clearFileUploads();
     }
-    /* @conditional-compile-remove(file-sharing) */
+    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
     cancelFileUpload(id) {
         this.fileUploadAdapter.cancelFileUpload(id);
     }
-    /* @conditional-compile-remove(file-sharing) */
+    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
     updateFileUploadProgress(id, progress) {
         this.fileUploadAdapter.updateFileUploadProgress(id, progress);
     }
-    /* @conditional-compile-remove(file-sharing) */
+    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
     updateFileUploadErrorMessage(id, errorMessage) {
         this.fileUploadAdapter.updateFileUploadErrorMessage(id, errorMessage);
     }
-    /* @conditional-compile-remove(file-sharing) */
+    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
     updateFileUploadMetadata(id, metadata) {
         this.fileUploadAdapter.updateFileUploadMetadata(id, metadata);
     }
@@ -25416,6 +25865,28 @@ const _createAzureCommunicationChatAdapterInner = (endpoint_1, userId_1, display
     const adapter = yield createAzureCommunicationChatAdapterFromClient(chatClient, chatThreadClient);
     return adapter;
 });
+/**
+ * This inner function to create ChatAdapterPromise in case when threadID is not avaialble.
+ * ThreadId is a promise to allow for lazy initialization of the adapter.
+ * @internal
+ */
+const _createLazyAzureCommunicationChatAdapterInner = (endpoint_2, userId_2, displayName_2, credential_2, threadId_2, ...args_2) => __awaiter$n(void 0, [endpoint_2, userId_2, displayName_2, credential_2, threadId_2, ...args_2], void 0, function* (endpoint, userId, displayName, credential, threadId, telemetryImplementationHint = 'Chat') {
+    if (!_isValidIdentifier(userId)) {
+        throw new Error('Provided userId is invalid. Please provide valid identifier object.');
+    }
+    const chatClient = _createStatefulChatClientInner({
+        userId,
+        displayName,
+        endpoint,
+        credential
+    }, undefined, telemetryImplementationHint);
+    return threadId.then((threadId) => __awaiter$n(void 0, void 0, void 0, function* () {
+        const chatThreadClient = yield chatClient.getChatThreadClient(threadId);
+        yield chatClient.startRealtimeNotifications();
+        const adapter = yield createAzureCommunicationChatAdapterFromClient(chatClient, chatThreadClient);
+        return adapter;
+    }));
+});
 /**
  * A custom React hook to simplify the creation of {@link ChatAdapter}.
  *
@@ -25922,13 +26393,13 @@ const createCompositeHandlers$1 = memoizeOne((adapter) => ({
     onRemoveParticipant: adapter.removeParticipant,
     updateThreadTopicName: adapter.setTopic,
     onUpdateMessage: (messageId, content, 
-    /* @conditional-compile-remove(file-sharing) */
+    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
     options) => {
         const metadata = options === null || options === void 0 ? void 0 : options.metadata;
-        /* @conditional-compile-remove(file-sharing) */
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
         const updatedOptions = (options === null || options === void 0 ? void 0 : options.attachmentMetadata) ? Object.assign({}, options.attachmentMetadata) : {};
         return adapter.updateMessage(messageId, content, metadata, 
-        /* @conditional-compile-remove(file-sharing) */ updatedOptions);
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ updatedOptions);
     },
     onDeleteMessage: adapter.deleteMessage
 }));
@@ -26198,7 +26669,7 @@ const FileDownloadErrorBar = (props) => {
  * @private
  */
 const getFileUploads = (state) => {
-    /* @conditional-compile-remove(file-sharing) */
+    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
     return state === null || state === void 0 ? void 0 : state.fileUploads;
 };
 
@@ -26225,30 +26696,30 @@ 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-BRqOsupu.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper })));
+const RichTextSendBoxWrapper = React.lazy(() => Promise.resolve().then(function () { return require('./RichTextSendBoxWrapper-D3ER8Kz9.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper })));
 /**
  * @private
  */
 const SendBox = (props) => {
     const { options, styles, 
-    /* @conditional-compile-remove(file-sharing) */
+    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
     adapter } = props;
     const sendBoxProps = usePropsFor$2(SendBox$1);
-    /* @conditional-compile-remove(file-sharing) */
+    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
     const activeFileUploads = useSelector$2(fileUploadsSelector).files;
     const sendBoxStyles = React.useMemo(() => {
         return Object.assign({}, styles);
     }, [styles]);
     const simpleSendBox = React.useMemo(() => (React.createElement(SendBox$1, Object.assign({}, sendBoxProps, { autoFocus: options === null || options === void 0 ? void 0 : options.autoFocus, styles: sendBoxStyles, 
-        /* @conditional-compile-remove(file-sharing) */
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
         activeFileUploads: activeFileUploads, 
-        /* @conditional-compile-remove(file-sharing) */
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
         onCancelFileUpload: adapter.cancelFileUpload }))), [
         sendBoxProps,
         options,
         sendBoxStyles,
-        /* @conditional-compile-remove(file-sharing) */ activeFileUploads,
-        /* @conditional-compile-remove(file-sharing) */ adapter
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ activeFileUploads,
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ adapter
     ]);
     // /* @conditional-compile-remove(rich-text-editor) */
     if ((options === null || options === void 0 ? void 0 : options.richTextEditor) === true) {
@@ -26275,7 +26746,7 @@ var __awaiter$l = (window && window.__awaiter) || function (thisArg, _arguments,
 const ChatScreen = (props) => {
     const { onFetchAvatarPersonaData, onRenderMessage, onRenderTypingIndicator, options, styles, fileSharing, formFactor } = props;
     const defaultNumberOfChatMessagesToReload = 5;
-    /* @conditional-compile-remove(file-sharing) */
+    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
     const [downloadErrorMessage, setDownloadErrorMessage] = React.useState('');
     const [overlayImageItem, setOverlayImageItem] = React.useState();
     const [isImageOverlayOpen, setIsImageOverlayOpen] = React.useState(false);
@@ -26338,12 +26809,12 @@ const ChatScreen = (props) => {
         if (!files) {
             return;
         }
-        /* @conditional-compile-remove(file-sharing) */
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
         const fileUploads = adapter.registerActiveFileUploads(Array.from(files));
-        /* @conditional-compile-remove(file-sharing) */
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
         fileSharing === null || fileSharing === void 0 ? void 0 : fileSharing.uploadHandler(userId, fileUploads);
     }, [adapter, fileSharing, userId]);
-    /* @conditional-compile-remove(file-sharing) */
+    /* @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) => {
             setDownloadErrorMessage(errorMessage);
         } })), [fileSharing === null || fileSharing === void 0 ? void 0 : fileSharing.downloadHandler]);
@@ -26445,12 +26916,12 @@ const ChatScreen = (props) => {
         React.createElement(react.Stack, { className: chatArea, tokens: participantListContainerPadding, horizontal: true, grow: true },
             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(file-sharing) */
+                /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
                 React.createElement(FileDownloadErrorBar, { onDismissDownloadErrorMessage: React.useCallback(() => {
                         setDownloadErrorMessage('');
                     }, []), fileDownloadErrorMessage: downloadErrorMessage || '' }),
                 React.createElement(MessageThread, Object.assign({}, messageThreadProps, { onRenderAvatar: onRenderAvatarCallback, onRenderMessage: onRenderMessage, 
-                    /* @conditional-compile-remove(file-sharing) */
+                    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
                     onRenderFileDownloads: onRenderFileDownloads, 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 })))),
@@ -26459,7 +26930,7 @@ const ChatScreen = (props) => {
                             React.createElement(AttachFileButton, null))),
                         React.createElement(react.Stack, { grow: true },
                             React.createElement(SendBox, { options: options, styles: styles === null || styles === void 0 ? void 0 : styles.sendBox, 
-                                /* @conditional-compile-remove(file-sharing) */
+                                /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
                                 adapter: adapter })),
                         formFactor !== 'mobile' && React.createElement(AttachFileButton, null)))),
             /* @conditional-compile-remove(chat-composite-participant-pane) */
@@ -26486,17 +26957,17 @@ const ChatScreen = (props) => {
  */
 const ChatComposite = (props) => {
     const { adapter, options, onFetchAvatarPersonaData, onRenderTypingIndicator, onRenderMessage, onFetchParticipantMenuItems } = props;
-    /* @conditional-compile-remove(file-sharing) */
+    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
     const formFactor = props['formFactor'] || 'desktop';
     return (React.createElement("div", { className: chatScreenContainerStyle },
         React.createElement(BaseProvider, Object.assign({}, props),
             React.createElement(ChatAdapterProvider, { adapter: adapter },
                 React.createElement(ChatScreen
-                /* @conditional-compile-remove(file-sharing) */
+                /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
                 , { 
-                    /* @conditional-compile-remove(file-sharing) */
+                    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
                     formFactor: formFactor, options: options, onFetchAvatarPersonaData: onFetchAvatarPersonaData, onRenderTypingIndicator: onRenderTypingIndicator, onRenderMessage: onRenderMessage, onFetchParticipantMenuItems: onFetchParticipantMenuItems, 
-                    /* @conditional-compile-remove(file-sharing) */
+                    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
                     fileSharing: options === null || options === void 0 ? void 0 : options.fileSharing })))));
 };
 
@@ -26678,6 +27149,8 @@ const ACCESS_DENIED_TEAMS_MEETING_SUB_CODE = 5854;
 const REMOTE_PSTN_USER_HUNG_UP = 560000;
 const REMOVED_FROM_CALL_SUB_CODES = [5000, 5300, REMOTE_PSTN_USER_HUNG_UP];
 const CALL_REJECTED_CODE$1 = 603;
+/* @conditional-compile-remove(meeting-id) */
+const INVALID_MEETING_IDENTIFIER = 5751;
 /** @private */
 const ROOM_NOT_FOUND_SUB_CODE = 5732;
 /** @private */
@@ -26769,7 +27242,7 @@ const getCallEndReason = (call) => {
  * @private
  */
 const getEndedCallPageProps = (locale, endedCall) => {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f;
     let title = locale.strings.call.leftCallTitle;
     let moreDetails = locale.strings.call.leftCallMoreDetails;
     let disableStartCallButton = false;
@@ -26865,6 +27338,16 @@ const getEndedCallPageProps = (locale, endedCall) => {
             }
             break;
     }
+    /* @conditional-compile-remove(meeting-id) */
+    switch ((_f = endedCall === null || endedCall === void 0 ? void 0 : endedCall.callEndReason) === null || _f === void 0 ? void 0 : _f.subCode) {
+        case INVALID_MEETING_IDENTIFIER:
+            if (locale.strings.call.callRejectedTitle) {
+                title = locale.strings.call.callRejectedTitle;
+                moreDetails = locale.strings.call.invalidMeetingIdentifier;
+                disableStartCallButton = true;
+            }
+            break;
+    }
     return { title, moreDetails, disableStartCallButton, iconName };
 };
 /**
@@ -32221,7 +32704,7 @@ const DtmfDialpadPageContent = (props) => {
             React.createElement(react.Text, { style: { margin: 'auto' } }, calleeName && calleeName !== 'Unnamed participant' ? calleeName === null || calleeName === void 0 ? void 0 : calleeName.toString() : ''),
             React.createElement(Dialpad, { onSendDtmfTone: (tone) => __awaiter$c(void 0, void 0, void 0, function* () {
                     yield adapter.sendDtmfTone(tone);
-                }), longPressTrigger: props.mobileView ? 'touch' : 'mouseAndTouch', dialpadMode: 'dtmf' }))));
+                }), longPressTrigger: props.mobileView ? 'touch' : 'mouseAndTouch', dialpadMode: 'dtmf', dtmfAudioContext: props.compositeAudioContext }))));
 };
 const DtmfDialerContentTimer = () => {
     const [time, setTime] = React.useState(0);
@@ -32246,7 +32729,7 @@ const DtmfDialerContentTimer = () => {
  */
 const DtmfDialpadPage = (props) => {
     const adapter = useAdapter();
-    return React.createElement(DtmfDialpadPageContent, { adapter: adapter, mobileView: props.mobileView });
+    return React.createElement(DtmfDialpadPageContent, Object.assign({ adapter: adapter }, props, { mobileView: props.mobileView }));
 };
 
 // Copyright (c) Microsoft Corporation.
@@ -32292,7 +32775,7 @@ const buttonTextStyles = { label: { fontSize: '0.875rem' } };
  */
 const CallPage = (props) => {
     var _a;
-    const { callInvitationURL, onFetchAvatarPersonaData, onFetchParticipantMenuItems, options, mobileView, galleryLayout = 'floatingLocalVideo', onUserSetGalleryLayoutChange, userSetOverflowGalleryPosition = 'Responsive', onSetUserSetOverflowGalleryPosition, onCloseChatPane, pinnedParticipants, setPinnedParticipants } = props;
+    const { callInvitationURL, onFetchAvatarPersonaData, onFetchParticipantMenuItems, options, mobileView, galleryLayout = 'floatingLocalVideo', onUserSetGalleryLayoutChange, userSetOverflowGalleryPosition = 'Responsive', onSetUserSetOverflowGalleryPosition, onCloseChatPane, pinnedParticipants, setPinnedParticipants, compositeAudioContext } = props;
     // To use useProps to get these states, we need to create another file wrapping Call,
     // It seems unnecessary in this case, so we get the updated states using this approach.
     const { callStatus } = useSelector$1(callStatusSelector);
@@ -32319,7 +32802,7 @@ const CallPage = (props) => {
         if (dtmfDialerPresent) {
             return (React.createElement(DtmfDialpadPage, { mobileView: props.mobileView, modalLayerHostId: props.modalLayerHostId, options: props.options, updateSidePaneRenderer: props.updateSidePaneRenderer, mobileChatTabHeader: props.mobileChatTabHeader, latestErrors: props.latestErrors, onDismissError: props.onDismissError, 
                 /* @conditional-compile-remove(capabilities) */
-                capabilitiesChangedNotificationBarProps: props.capabilitiesChangedNotificationBarProps, onSetDialpadPage: () => setDtmfDialerPresent(!dtmfDialerPresent), dtmfDialerPresent: dtmfDialerPresent }));
+                capabilitiesChangedNotificationBarProps: props.capabilitiesChangedNotificationBarProps, onSetDialpadPage: () => setDtmfDialerPresent(!dtmfDialerPresent), dtmfDialerPresent: dtmfDialerPresent, compositeAudioContext: compositeAudioContext }));
         }
         else {
             return (React.createElement(MediaGallery, Object.assign({ isMobile: mobileView }, mediaGalleryProps, mediaGalleryHandlers, { onFetchAvatarPersonaData: onFetchAvatarPersonaData, remoteVideoTileMenuOptions: options === null || options === void 0 ? void 0 : options.remoteVideoTileMenuOptions, drawerMenuHostId: drawerMenuHostId, localVideoTileOptions: options === null || options === void 0 ? void 0 : options.localVideoTile, userSetOverflowGalleryPosition: userSetOverflowGalleryPosition, userSetGalleryLayout: galleryLayout, pinnedParticipants: pinnedParticipants, setPinnedParticipants: setPinnedParticipants, 
@@ -34648,6 +35131,7 @@ const MainScreen = (props) => {
             adapter.off('callEnded', closeSidePane);
         };
     }, [adapter]);
+    const compositeAudioContext = React.useRef(new AudioContext());
     /* @conditional-compile-remove(capabilities) */
     const capabilitiesChangedInfoAndRole = useSelector$1(capabilitiesChangedInfoAndRoleSelector);
     /* @conditional-compile-remove(capabilities) */
@@ -34737,7 +35221,7 @@ const MainScreen = (props) => {
         case 'call':
             pageElement = (React.createElement(CallPage, { callInvitationURL: callInvitationUrl, onFetchAvatarPersonaData: onFetchAvatarPersonaData, onFetchParticipantMenuItems: onFetchParticipantMenuItems, mobileView: props.mobileView, modalLayerHostId: props.modalLayerHostId, options: props.options, updateSidePaneRenderer: setSidePaneRenderer, mobileChatTabHeader: props.mobileChatTabHeader, onCloseChatPane: props.onCloseChatPane, latestErrors: latestErrors, onDismissError: onDismissError, galleryLayout: userSetGalleryLayout, onUserSetGalleryLayoutChange: setUserSetGalleryLayout, onSetUserSetOverflowGalleryPosition: setUserSetOverflowGalleryPosition, userSetOverflowGalleryPosition: userSetOverflowGalleryPosition, 
                 /* @conditional-compile-remove(capabilities) */
-                capabilitiesChangedNotificationBarProps: capabilitiesChangedNotificationBarProps, pinnedParticipants: pinnedParticipants, setPinnedParticipants: setPinnedParticipants }));
+                capabilitiesChangedNotificationBarProps: capabilitiesChangedNotificationBarProps, pinnedParticipants: pinnedParticipants, setPinnedParticipants: setPinnedParticipants, compositeAudioContext: compositeAudioContext.current }));
             break;
         /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
         case 'hold':
@@ -35233,7 +35717,9 @@ class AzureCommunicationCallAdapter {
                 ? locatorOrTargetCalless
                 : undefined;
         this.deviceManager = deviceManager;
-        const isTeamsMeeting = this.locator ? 'meetingLink' in this.locator : false;
+        const isTeamsMeeting = this.locator
+            ? 'meetingLink' in this.locator || /* @conditional-compile-remove(meeting-id) */ 'meetingId' in this.locator
+            : false;
         const isRoomsCall = this.locator ? 'roomId' in this.locator : false;
         this.onResolveVideoBackgroundEffectsDependency = (_a = options === null || options === void 0 ? void 0 : options.videoBackgroundOptions) === null || _a === void 0 ? void 0 : _a.onResolveDependency;
         this.context = new CallContext(callClient.getState(), isTeamsMeeting, isRoomsCall, options, this.targetCallees);
@@ -35464,18 +35950,34 @@ class AzureCommunicationCallAdapter {
     }
     _joinCall(audioOptions, videoOptions) {
         const isTeamsMeeting = this.locator ? 'meetingLink' in this.locator : false;
+        /* @conditional-compile-remove(meeting-id) */
+        const isTeamsMeetingId = this.locator ? 'meetingId' in this.locator : false;
         const isRoomsCall = this.locator ? 'roomId' in this.locator : false;
         /* @conditional-compile-remove(teams-identity-support) */
         if (_isTeamsCallAgent(this.callAgent)) {
-            if (!isTeamsMeeting) {
-                throw new Error('Locator not supported by TeamsCallAgent');
+            if (isTeamsMeeting) {
+                return this.callAgent.join(this.locator, {
+                    audioOptions,
+                    videoOptions
+                });
+            }
+            /* @conditional-compile-remove(meeting-id) */
+            if (isTeamsMeetingId) {
+                return this.callAgent.join(this.locator, {
+                    audioOptions,
+                    videoOptions
+                });
             }
+            throw new Error('Locator not supported by TeamsCallAgent');
+        }
+        if (isTeamsMeeting) {
             return this.callAgent.join(this.locator, {
                 audioOptions,
                 videoOptions
             });
         }
-        if (isTeamsMeeting) {
+        /* @conditional-compile-remove(meeting-id) */
+        if (isTeamsMeetingId) {
             return this.callAgent.join(this.locator, {
                 audioOptions,
                 videoOptions
@@ -36718,31 +37220,31 @@ class CallWithChatBackedChatAdapter {
         this.setTopic = (topicName) => __awaiter$3(this, void 0, void 0, function* () {
             throw new Error(`Chat Topics are not supported in CallWithChatComposite.`);
         });
-        /* @conditional-compile-remove(file-sharing) */
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
         this.registerActiveFileUploads = (files) => {
             return this.callWithChatAdapter.registerActiveFileUploads(files);
         };
-        /* @conditional-compile-remove(file-sharing) */
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
         this.registerCompletedFileUploads = (metadata) => {
             return this.callWithChatAdapter.registerCompletedFileUploads(metadata);
         };
-        /* @conditional-compile-remove(file-sharing) */
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
         this.clearFileUploads = () => {
             this.callWithChatAdapter.clearFileUploads();
         };
-        /* @conditional-compile-remove(file-sharing) */
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
         this.cancelFileUpload = (id) => {
             this.callWithChatAdapter.cancelFileUpload(id);
         };
-        /* @conditional-compile-remove(file-sharing) */
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
         this.updateFileUploadProgress = (id, progress) => {
             this.callWithChatAdapter.updateFileUploadProgress(id, progress);
         };
-        /* @conditional-compile-remove(file-sharing) */
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
         this.updateFileUploadErrorMessage = (id, errorMessage) => {
             this.callWithChatAdapter.updateFileUploadErrorMessage(id, errorMessage);
         };
-        /* @conditional-compile-remove(file-sharing) */
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
         this.updateFileUploadMetadata = (id, metadata) => {
             this.callWithChatAdapter.updateFileUploadMetadata(id, metadata);
         };
@@ -36766,7 +37268,7 @@ function chatAdapterStateFromCallWithChatAdapterState(callWithChatAdapterState)
         displayName: callWithChatAdapterState.displayName || '',
         thread: callWithChatAdapterState.chat,
         latestErrors: callWithChatAdapterState.latestChatErrors,
-        /* @conditional-compile-remove(file-sharing) */
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
         fileUploads: callWithChatAdapterState.fileUploads
     };
 }
@@ -37079,11 +37581,11 @@ const CallWithChatScreen = (props) => {
             topic: false,
             /* @conditional-compile-remove(chat-composite-participant-pane) */
             participantPane: false,
-            /* @conditional-compile-remove(file-sharing) */
+            /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
             fileSharing: props.fileSharing
         }, onFetchAvatarPersonaData: props.onFetchAvatarPersonaData })), [
         chatAdapter,
-        /* @conditional-compile-remove(file-sharing) */ props.fileSharing,
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ props.fileSharing,
         props.onFetchAvatarPersonaData,
         theme
     ]);
@@ -37133,7 +37635,7 @@ const CallWithChatComposite = (props) => {
         React.createElement(CallWithChatScreen, Object.assign({}, props, { 
             /* @conditional-compile-remove(call-readiness) */
             deviceChecks: options === null || options === void 0 ? void 0 : options.deviceChecks, callWithChatAdapter: adapter, formFactor: formFactor, callControls: options === null || options === void 0 ? void 0 : options.callControls, joinInvitationURL: joinInvitationURL, fluentTheme: fluentTheme, remoteVideoTileMenuOptions: options === null || options === void 0 ? void 0 : options.remoteVideoTileMenuOptions, 
-            /* @conditional-compile-remove(file-sharing) */
+            /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
             fileSharing: options === null || options === void 0 ? void 0 : options.fileSharing, localVideoTile: options === null || options === void 0 ? void 0 : options.localVideoTile, galleryOptions: options === null || options === void 0 ? void 0 : options.galleryOptions, 
             /* @conditional-compile-remove(custom-branding) */
             logo: (_a = options === null || options === void 0 ? void 0 : options.branding) === null || _a === void 0 ? void 0 : _a.logo, 
@@ -37172,12 +37674,11 @@ const isOnHoldTrampoline = (page) => {
 /**
  * @private
  */
-function callWithChatAdapterStateFromBackingStates(callAdapter, chatAdapter) {
+function callWithChatAdapterStateFromBackingStates(callAdapter) {
     const callAdapterState = callAdapter.getState();
-    const chatAdapterState = chatAdapter.getState();
     return {
         call: callAdapterState.call,
-        chat: chatAdapterState.thread,
+        chat: undefined,
         userId: callAdapterState.userId,
         page: callAdapterState.page,
         displayName: callAdapterState.displayName,
@@ -37185,9 +37686,9 @@ function callWithChatAdapterStateFromBackingStates(callAdapter, chatAdapter) {
         isLocalPreviewMicrophoneEnabled: callAdapterState.isLocalPreviewMicrophoneEnabled,
         isTeamsCall: callAdapterState.isTeamsCall,
         latestCallErrors: callAdapterState.latestErrors,
-        latestChatErrors: chatAdapterState.latestErrors,
-        /* @conditional-compile-remove(file-sharing) */
-        fileUploads: chatAdapterState.fileUploads,
+        latestChatErrors: {},
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+        fileUploads: {},
         /* @conditional-compile-remove(PSTN-calls) */
         alternateCallerId: callAdapterState.alternateCallerId,
         /* @conditional-compile-remove(unsupported-browser) */
@@ -37207,7 +37708,7 @@ function callWithChatAdapterStateFromBackingStates(callAdapter, chatAdapter) {
  */
 function mergeChatAdapterStateIntoCallWithChatAdapterState(existingCallWithChatAdapterState, chatAdapterState) {
     return Object.assign(Object.assign({}, existingCallWithChatAdapterState), { chat: chatAdapterState.thread, latestChatErrors: chatAdapterState.latestErrors, 
-        /* @conditional-compile-remove(file-sharing) */
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
         fileUploads: chatAdapterState.fileUploads });
 }
 /**
@@ -37287,44 +37788,61 @@ class CallWithChatContext {
  * Created for easy use with the {@link CallWithChatComposite}.
  */
 class AzureCommunicationCallWithChatAdapter {
-    constructor(callAdapter, chatAdapter) {
-        /* @conditional-compile-remove(file-sharing) */
+    constructor(callAdapter, chatAdapterPromise) {
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
         this.registerActiveFileUploads = (files) => {
-            return this.chatAdapter.registerActiveFileUploads(files);
+            var _a, _b;
+            return (_b = (_a = this.chatAdapter) === null || _a === void 0 ? void 0 : _a.registerActiveFileUploads(files)) !== null && _b !== void 0 ? _b : [];
         };
-        /* @conditional-compile-remove(file-sharing) */
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
         this.registerCompletedFileUploads = (metadata) => {
-            return this.chatAdapter.registerCompletedFileUploads(metadata);
+            var _a, _b;
+            return (_b = (_a = this.chatAdapter) === null || _a === void 0 ? void 0 : _a.registerCompletedFileUploads(metadata)) !== null && _b !== void 0 ? _b : [];
         };
-        /* @conditional-compile-remove(file-sharing) */
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
         this.clearFileUploads = () => {
-            this.chatAdapter.clearFileUploads();
+            this.chatAdapterPromise.then((adapter) => {
+                adapter.clearFileUploads();
+            });
         };
-        /* @conditional-compile-remove(file-sharing) */
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
         this.cancelFileUpload = (id) => {
-            this.chatAdapter.cancelFileUpload(id);
+            this.chatAdapterPromise.then((adapter) => {
+                adapter.cancelFileUpload(id);
+            });
         };
-        /* @conditional-compile-remove(file-sharing) */
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
         this.updateFileUploadProgress = (id, progress) => {
-            this.chatAdapter.updateFileUploadProgress(id, progress);
+            this.chatAdapterPromise.then((adapter) => {
+                adapter.updateFileUploadProgress(id, progress);
+            });
         };
-        /* @conditional-compile-remove(file-sharing) */
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
         this.updateFileUploadErrorMessage = (id, errorMessage) => {
-            this.chatAdapter.updateFileUploadErrorMessage(id, errorMessage);
+            this.chatAdapterPromise.then((adapter) => {
+                adapter.updateFileUploadErrorMessage(id, errorMessage);
+            });
         };
-        /* @conditional-compile-remove(file-sharing) */
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
         this.updateFileUploadMetadata = (id, metadata) => {
-            this.chatAdapter.updateFileUploadMetadata(id, metadata);
+            this.chatAdapterPromise.then((adapter) => {
+                adapter.updateFileUploadMetadata(id, metadata);
+            });
         };
         this.bindPublicMethods();
         this.callAdapter = callAdapter;
-        this.chatAdapter = chatAdapter;
-        this.context = new CallWithChatContext(callWithChatAdapterStateFromBackingStates(callAdapter, chatAdapter));
+        this.context = new CallWithChatContext(callWithChatAdapterStateFromBackingStates(callAdapter));
         const onChatStateChange = (newChatAdapterState) => {
             this.context.updateClientStateWithChatState(newChatAdapterState);
         };
-        this.chatAdapter.onStateChange(onChatStateChange);
         this.onChatStateChange = onChatStateChange;
+        this.chatAdapterPromise = chatAdapterPromise;
+        this.chatAdapterPromise.then((chatAdapter) => {
+            chatAdapter.onStateChange(this.onChatStateChange);
+            /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+            this.chatAdapter = chatAdapter;
+            this.context.updateClientStateWithChatState(chatAdapter.getState());
+        });
         const onCallStateChange = (newCallAdapterState) => {
             this.context.updateClientStateWithCallState(newCallAdapterState);
         };
@@ -37369,19 +37887,19 @@ class AzureCommunicationCallWithChatAdapter {
         this.deleteMessage.bind(this);
         this.on.bind(this);
         this.off.bind(this);
-        /* @conditional-compile-remove(file-sharing) */
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
         this.registerActiveFileUploads = this.registerActiveFileUploads.bind(this);
-        /* @conditional-compile-remove(file-sharing) */
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
         this.registerCompletedFileUploads = this.registerCompletedFileUploads.bind(this);
-        /* @conditional-compile-remove(file-sharing) */
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
         this.clearFileUploads = this.clearFileUploads.bind(this);
-        /* @conditional-compile-remove(file-sharing) */
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
         this.cancelFileUpload = this.cancelFileUpload.bind(this);
-        /* @conditional-compile-remove(file-sharing) */
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
         this.updateFileUploadProgress = this.updateFileUploadProgress.bind(this);
-        /* @conditional-compile-remove(file-sharing) */
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
         this.updateFileUploadErrorMessage = this.updateFileUploadErrorMessage.bind(this);
-        /* @conditional-compile-remove(file-sharing) */
+        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
         this.updateFileUploadMetadata = this.updateFileUploadMetadata.bind(this);
         this.downloadResourceToCache = this.downloadResourceToCache.bind(this);
         this.removeResourceFromCache = this.removeResourceFromCache.bind(this);
@@ -37452,10 +37970,16 @@ class AzureCommunicationCallWithChatAdapter {
     }
     /** Dispose of the current CallWithChatAdapter. */
     dispose() {
-        this.chatAdapter.offStateChange(this.onChatStateChange);
-        this.callAdapter.offStateChange(this.onCallStateChange);
-        this.chatAdapter.dispose();
-        this.callAdapter.dispose();
+        return __awaiter$2(this, void 0, void 0, function* () {
+            this.chatAdapterPromise.then((adapter) => {
+                adapter.offStateChange(this.onChatStateChange);
+            });
+            this.callAdapter.offStateChange(this.onCallStateChange);
+            yield this.chatAdapterPromise.then((adapter) => {
+                adapter.dispose();
+            });
+            this.callAdapter.dispose();
+        });
     }
     /** Remove a participant from the Call only. */
     removeParticipant(userId) {
@@ -37593,53 +38117,71 @@ class AzureCommunicationCallWithChatAdapter {
     /** Fetch initial Call and Chat data such as chat messages. */
     fetchInitialData() {
         return __awaiter$2(this, void 0, void 0, function* () {
-            yield this.chatAdapter.fetchInitialData();
+            return yield this.chatAdapterPromise.then((adapter) => {
+                return adapter.fetchInitialData();
+            });
         });
     }
     /** Send a chat message. */
     sendMessage(content) {
         return __awaiter$2(this, void 0, void 0, function* () {
-            yield this.chatAdapter.sendMessage(content);
+            return yield this.chatAdapterPromise.then((adapter) => {
+                return adapter.sendMessage(content);
+            });
         });
     }
     /** Send a chat read receipt. */
     sendReadReceipt(chatMessageId) {
         return __awaiter$2(this, void 0, void 0, function* () {
-            yield this.chatAdapter.sendReadReceipt(chatMessageId);
+            return yield this.chatAdapterPromise.then((adapter) => {
+                return adapter.sendReadReceipt(chatMessageId);
+            });
         });
     }
     /** Send an isTyping indicator. */
     sendTypingIndicator() {
         return __awaiter$2(this, void 0, void 0, function* () {
-            yield this.chatAdapter.sendTypingIndicator();
+            return yield this.chatAdapterPromise.then((adapter) => {
+                return adapter.sendTypingIndicator();
+            });
         });
     }
     /** Load previous Chat messages. */
     loadPreviousChatMessages(messagesToLoad) {
         return __awaiter$2(this, void 0, void 0, function* () {
-            return yield this.chatAdapter.loadPreviousChatMessages(messagesToLoad);
+            return yield this.chatAdapterPromise.then((adapter) => {
+                return adapter.loadPreviousChatMessages(messagesToLoad);
+            });
         });
     }
     /** Update an existing message. */
     updateMessage(messageId, content, metadata, options) {
         return __awaiter$2(this, void 0, void 0, function* () {
-            return yield this.chatAdapter.updateMessage(messageId, content, metadata, 
-            /* @conditional-compile-remove(file-sharing) */ options);
+            return this.chatAdapterPromise.then((adapter) => {
+                return adapter.updateMessage(messageId, content, metadata, 
+                /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ options);
+            });
         });
     }
     /** Delete an existing message. */
     deleteMessage(messageId) {
         return __awaiter$2(this, void 0, void 0, function* () {
-            return yield this.chatAdapter.deleteMessage(messageId);
+            return yield this.chatAdapterPromise.then((adapter) => {
+                return adapter.deleteMessage(messageId);
+            });
         });
     }
     downloadResourceToCache(resourceDetails) {
         return __awaiter$2(this, void 0, void 0, function* () {
-            this.chatAdapter.downloadResourceToCache(resourceDetails);
+            this.chatAdapterPromise.then((adapter) => {
+                adapter.downloadResourceToCache(resourceDetails);
+            });
         });
     }
     removeResourceFromCache(resourceDetails) {
-        this.chatAdapter.removeResourceFromCache(resourceDetails);
+        this.chatAdapterPromise.then((adapter) => {
+            adapter.removeResourceFromCache(resourceDetails);
+        });
     }
     /* @conditional-compile-remove(PSTN-calls) */
     holdCall() {
@@ -37787,31 +38329,47 @@ class AzureCommunicationCallWithChatAdapter {
                 this.callAdapter.on('isSpokenLanguageChanged', listener);
                 break;
             case 'messageReceived':
-                this.chatAdapter.on('messageReceived', listener);
+                this.chatAdapterPromise.then((adapter) => {
+                    adapter.on('messageReceived', listener);
+                });
                 break;
             case 'messageEdited':
-                this.chatAdapter.on('messageEdited', listener);
+                this.chatAdapterPromise.then((adapter) => {
+                    adapter.on('messageEdited', listener);
+                });
                 break;
             case 'messageDeleted':
-                this.chatAdapter.on('messageDeleted', listener);
+                this.chatAdapterPromise.then((adapter) => {
+                    adapter.on('messageDeleted', listener);
+                });
                 break;
             case 'messageSent':
-                this.chatAdapter.on('messageSent', listener);
+                this.chatAdapterPromise.then((adapter) => {
+                    adapter.on('messageSent', listener);
+                });
                 break;
             case 'messageRead':
-                this.chatAdapter.on('messageRead', listener);
+                this.chatAdapterPromise.then((adapter) => {
+                    adapter.on('messageRead', listener);
+                });
                 break;
             case 'chatParticipantsAdded':
-                this.chatAdapter.on('participantsAdded', listener);
+                this.chatAdapterPromise.then((adapter) => {
+                    adapter.on('participantsAdded', listener);
+                });
                 break;
             case 'chatParticipantsRemoved':
-                this.chatAdapter.on('participantsRemoved', listener);
+                this.chatAdapterPromise.then((adapter) => {
+                    adapter.on('participantsRemoved', listener);
+                });
                 break;
             case 'callError':
                 this.callAdapter.on('error', listener);
                 break;
             case 'chatError':
-                this.chatAdapter.on('error', listener);
+                this.chatAdapterPromise.then((adapter) => {
+                    adapter.on('error', listener);
+                });
                 break;
             default:
                 throw `Unknown AzureCommunicationCallWithChatAdapter Event: ${event}`;
@@ -37867,37 +38425,113 @@ class AzureCommunicationCallWithChatAdapter {
                 this.callAdapter.off('isSpokenLanguageChanged', listener);
                 break;
             case 'messageReceived':
-                this.chatAdapter.off('messageReceived', listener);
+                this.chatAdapterPromise.then((adapter) => {
+                    adapter.off('messageReceived', listener);
+                });
                 break;
             case 'messageEdited':
-                this.chatAdapter.off('messageEdited', listener);
+                this.chatAdapterPromise.then((adapter) => {
+                    adapter.off('messageEdited', listener);
+                });
                 break;
             case 'messageDeleted':
-                this.chatAdapter.off('messageDeleted', listener);
+                this.chatAdapterPromise.then((adapter) => {
+                    adapter.off('messageDeleted', listener);
+                });
                 break;
             case 'messageSent':
-                this.chatAdapter.off('messageSent', listener);
+                this.chatAdapterPromise.then((adapter) => {
+                    adapter.off('messageSent', listener);
+                });
                 break;
             case 'messageRead':
-                this.chatAdapter.off('messageRead', listener);
+                this.chatAdapterPromise.then((adapter) => {
+                    adapter.off('messageRead', listener);
+                });
                 break;
             case 'chatParticipantsAdded':
-                this.chatAdapter.off('participantsAdded', listener);
+                this.chatAdapterPromise.then((adapter) => {
+                    adapter.off('participantsAdded', listener);
+                });
                 break;
             case 'chatParticipantsRemoved':
-                this.chatAdapter.off('participantsRemoved', listener);
+                this.chatAdapterPromise.then((adapter) => {
+                    adapter.off('participantsRemoved', listener);
+                });
                 break;
             case 'callError':
                 this.callAdapter.off('error', listener);
                 break;
             case 'chatError':
-                this.chatAdapter.off('error', listener);
+                this.chatAdapterPromise.then((adapter) => {
+                    adapter.off('error', listener);
+                });
                 break;
             default:
                 throw `Unknown AzureCommunicationCallWithChatAdapter Event: ${event}`;
         }
     }
 }
+/**
+ * Arguments for use in {@link createAzureCommunicationCallWithChatAdapter} to join a Group Call with an associated Chat thread.
+ * @public
+ */
+class CallAndChatProvider {
+    constructor(locator) {
+        this.locator = locator;
+    }
+    getChatThread() {
+        return __awaiter$2(this, void 0, void 0, function* () {
+            return this.locator.chatThreadId;
+        });
+    }
+}
+/**
+ * Arguments for use in {@link createAzureCommunicationCallWithChatAdapter} to join a Teams meeting with an associated Chat thread.
+ *
+ * @public
+ */
+class TeamsMeetingLinkProvider {
+    constructor(locator) {
+        this.locator = locator;
+    }
+    getChatThread() {
+        return __awaiter$2(this, void 0, void 0, function* () {
+            return getChatThreadFromTeamsLink(this.locator.meetingLink);
+        });
+    }
+}
+/** @conditional-compile-remove(meeting-id) */
+/**
+ * Arguments for use in {@link createAzureCommunicationCallWithChatAdapter} to join a Teams meeting using meeting id.
+ *
+ * @public
+ */
+class TeamsMeetingIdProvider {
+    constructor(locator, callAdapter) {
+        this.locator = locator;
+        this.callAdapter = callAdapter;
+    }
+    /**
+     * Wait call to be connected to get thread ID.
+     * @returns the chat thread ID for the given meeting ID.
+     */
+    getChatThread() {
+        return __awaiter$2(this, void 0, void 0, function* () {
+            return new Promise((resolve) => {
+                const stateChangeListener = (state) => {
+                    var _a, _b, _c;
+                    if (((_a = state.call) === null || _a === void 0 ? void 0 : _a.state) === 'Connected' && ((_b = state.call.info) === null || _b === void 0 ? void 0 : _b.threadId)) {
+                        resolve((_c = state.call.info) === null || _c === void 0 ? void 0 : _c.threadId);
+                    }
+                };
+                this.callAdapter.then((adapter) => {
+                    adapter.onStateChange(stateChangeListener);
+                });
+            });
+        });
+    }
+}
 /**
  * Create a CallWithChatAdapter backed by Azure Communication services
  * to plug into the {@link CallWithChatComposite}.
@@ -37906,8 +38540,8 @@ class AzureCommunicationCallWithChatAdapter {
  */
 const createAzureCommunicationCallWithChatAdapter = (_a) => __awaiter$2(void 0, [_a], void 0, function* ({ userId, displayName, credential, endpoint, locator, 
 /* @conditional-compile-remove(PSTN-calls) */ alternateCallerId, callAdapterOptions }) {
-    const callAdapterLocator = isTeamsMeetingLinkLocator(locator) ? locator : locator.callLocator;
-    const createCallAdapterPromise = _createAzureCommunicationCallAdapterInner({
+    const callAdapterLocator = isTeamsMeetingLocator(locator) ? locator : locator.callLocator;
+    const callAdapter = _createAzureCommunicationCallAdapterInner({
         userId,
         displayName,
         credential,
@@ -37916,12 +38550,9 @@ const createAzureCommunicationCallWithChatAdapter = (_a) => __awaiter$2(void 0,
         options: callAdapterOptions,
         telemetryImplementationHint: 'CallWithChat'
     });
-    const threadId = isTeamsMeetingLinkLocator(locator)
-        ? getChatThreadFromTeamsLink(locator.meetingLink)
-        : locator.chatThreadId;
-    const createChatAdapterPromise = _createAzureCommunicationChatAdapterInner(endpoint, userId, displayName, credential, threadId, 'CallWithChat');
-    const [callAdapter, chatAdapter] = yield Promise.all([createCallAdapterPromise, createChatAdapterPromise]);
-    return new AzureCommunicationCallWithChatAdapter(callAdapter, chatAdapter);
+    const chatThreadAdapter = _createChatThreadAdapterInner(locator, callAdapter);
+    const chatAdapter = _createLazyAzureCommunicationChatAdapterInner(endpoint, userId, displayName, credential, chatThreadAdapter.getChatThread(), 'CallWithChat');
+    return new AzureCommunicationCallWithChatAdapter(yield callAdapter, chatAdapter);
 });
 /**
  * A custom React hook to simplify the creation of {@link CallWithChatAdapter}.
@@ -38049,13 +38680,22 @@ beforeDispose) => {
  * @public
  */
 const createAzureCommunicationCallWithChatAdapterFromClients = (_b) => __awaiter$2(void 0, [_b], void 0, function* ({ callClient, callAgent, callLocator, chatClient, chatThreadClient, callAdapterOptions }) {
-    const createCallAdapterPromise = createAzureCommunicationCallAdapterFromClient(callClient, callAgent, callLocator, callAdapterOptions);
-    const createChatAdapterPromise = createAzureCommunicationChatAdapterFromClient(chatClient, chatThreadClient);
-    const [callAdapter, chatAdapter] = yield Promise.all([createCallAdapterPromise, createChatAdapterPromise]);
-    return new AzureCommunicationCallWithChatAdapter(callAdapter, chatAdapter);
+    const callAdapter = yield createAzureCommunicationCallAdapterFromClient(callClient, callAgent, callLocator, callAdapterOptions);
+    const chatAdapterPromise = createAzureCommunicationChatAdapterFromClient(chatClient, chatThreadClient);
+    return new AzureCommunicationCallWithChatAdapter(callAdapter, chatAdapterPromise);
 });
-const isTeamsMeetingLinkLocator = (locator) => {
-    return 'meetingLink' in locator;
+const isTeamsMeetingLocator = (locator) => {
+    return 'meetingLink' in locator || 'meetingId' in locator;
+};
+const _createChatThreadAdapterInner = (locator, adapter) => {
+    if ('meetingLink' in locator) {
+        return new TeamsMeetingLinkProvider(locator);
+    }
+    /** @conditional-compile-remove(meeting-id) */
+    if ('meetingId' in locator) {
+        return new TeamsMeetingIdProvider(locator, adapter);
+    }
+    return new CallAndChatProvider(locator);
 };
 
 var call$j={cameraLabel:"Camera",noCamerasLabel:"No cameras found",cameraPermissionDenied:"Your browser is blocking access to your camera",cameraTurnedOff:"Your camera is turned off",chatButtonLabel:"Chat",close:"Close",complianceBannerNowOnlyRecording:"You are now only recording this meeting.",complianceBannerNowOnlyTranscription:"You are now only transcribing this meeting.",complianceBannerRecordingAndTranscriptionSaved:"Recording and transcription are being saved.",complianceBannerRecordingAndTranscriptionStarted:"Recording and transcription have started.",complianceBannerRecordingAndTranscriptionStopped:"Recording and transcription have stopped.",complianceBannerRecordingSaving:"Recording is being saved.",complianceBannerRecordingStarted:"Recording has started.",complianceBannerRecordingStopped:"Recording has stopped.",complianceBannerTranscriptionStarted:"Transcription has started.",complianceBannerTranscriptionConsent:"By joining, you are giving consent for this meeting to be transcribed.",complianceBannerTranscriptionSaving:"Transcription is being saved.",complianceBannerTranscriptionStopped:"Transcription has stopped.",configurationPageTitle:"Start a call",copyInviteLinkButtonLabel:"Copy invite link",copyInviteLinkActionedAriaLabel:"Invite link copied",defaultPlaceHolder:"Select an option",dismissSidePaneButtonLabel:"Close",videoEffectsPaneTitle:"Effects",videoEffectsPaneBackgroundSelectionTitle:"Background",configurationPageVideoEffectsButtonLabel:"Effects",unableToStartVideoEffect:"Unable to apply video effect.",blurBackgroundEffectButtonLabel:"Blur",blurBackgroundTooltip:"Blur Background",removeBackgroundEffectButtonLabel:"None",removeBackgroundTooltip:"Remove Background",cameraOffBackgroundEffectWarningText:"Your camera is off. Turn on camera to see video effect.",failedToJoinCallDueToNoNetworkMoreDetails:"Call was disconnected due to a network issue. Check your connection and join again.",failedToJoinCallDueToNoNetworkTitle:"Call disconnected",failedToJoinTeamsMeetingReasonAccessDeniedMoreDetails:"You were not granted entry in the call. If this was a mistake, re-join the call.",failedToJoinTeamsMeetingReasonAccessDeniedTitle:"Dismissed from lobby",learnMore:"Learn more",leavingCallTitle:"Leaving...",leftCallMoreDetails:"If this was a mistake, re-join the call.",leftCallTitle:"You left the call",lobbyScreenConnectingToCallTitle:"Joining call",lobbyScreenWaitingToBeAdmittedTitle:"Waiting to be admitted",microphonePermissionDenied:"Your browser is blocking access to your microphone",microphoneToggleInLobbyNotAllowed:"Cannot mute or unmute while in lobby.",mutedMessage:"You're muted",networkReconnectMoreDetails:"Looks like something went wrong. We're trying to get back into the call.",networkReconnectTitle:"Hold on",notInvitedToRoomDetails:"You are not able to join this room because you do not have an invite.",notInvitedToRoomTitle:"Not invited to room",peopleButtonLabel:"People",selectedPeopleButtonLabel:"People Button Selected",peoplePaneTitle:"People",peoplePaneMoreButtonAriaLabel:"More",peopleButtonTooltipOpen:"Show participants",peopleButtonTooltipClose:"Hide participants",peoplePaneSubTitle:"In this call {numberOfPeople}",privacyPolicy:"Privacy policy",rejoinCallButtonLabel:"Re-join call",removedFromCallMoreDetails:"Another participant removed you from the call.",removedFromCallTitle:"You were removed",removeMenuLabel:"Remove",startSpotlightMenuLabel:"Spotlight for everyone",addSpotlightMenuLabel:"Add spotlight",stopSpotlightMenuLabel:"Stop spotlighting",stopSpotlightOnSelfMenuLabel:"Exit spotlight",spotlightLimitReachedMenuTitle:"Spotlight limit reached",stopAllSpotlightMenuLabel:"Stop all spotlights",returnToCallButtonAriaDescription:"Return to Call",returnToCallButtonAriaLabel:"Back",roomNotFoundDetails:"The room ID provided could not be found.",roomNotFoundTitle:"Room not found",roomNotValidDetails:"This room is not valid at this current time.",roomNotValidTitle:"Room not valid",inviteToRoomRemovedDetails:"Your invite to join this room was removed.",inviteToRoomRemovedTitle:"Invite to room removed",soundLabel:"Sound",noMicrophonesLabel:"No microphones found",noSpeakersLabel:"No speakers found",startCallButtonLabel:"Start call",openDialpadButtonLabel:"Dial phone number",peoplePaneAddPeopleButtonLabel:"Add People",dialpadStartCallButtonLabel:"Call",dialpadModalTitle:"Dial Phone Number",dialpadModalAriaLabel:"Dialpad",dialpadCloseModalButtonAriaLabel:"Close dialpad",moreButtonCallingLabel:"More",resumeCallButtonLabel:"Resume",resumingCallButtonLabel:"Resuming...",resumeCallButtonAriaLabel:"Resume call",resumingCallButtonAriaLabel:"Resume call",holdScreenLabel:"You're on hold",openDtmfDialpadLabel:"Show dialpad",dtmfDialpadPlaceholderText:"Enter number",outboundCallingNoticeString:"Calling...",participantJoinedNoticeString:"{displayName} joined",twoParticipantJoinedNoticeString:"{displayName1} and {displayName2} have joined",threeParticipantJoinedNoticeString:"{displayName1}, {displayName2} and {displayName3} have joined",participantLeftNoticeString:"{displayName} left",twoParticipantLeftNoticeString:"{displayName1} and {displayName2} have left",threeParticipantLeftNoticeString:"{displayName1}, {displayName2} and {displayName3} have left",unnamedParticipantString:"unnamed participant",manyUnnamedParticipantsJoined:"unnamed participant and {numOfParticipants} other participants joined",manyUnnamedParticipantsLeft:"unnamed participant and {numOfParticipants} other participants left",manyParticipantsJoined:"{displayName1}, {displayName2}, {displayName3} and {numOfParticipants} other participants joined",manyParticipantsLeft:"{displayName1}, {displayName2}, {displayName3} and {numOfParticipants} other participants left",liveCaptionsLabel:"Live captions",captionsSettingsLabel:"Caption settings",startCaptionsButtonOnLabel:"Turn on captions",startCaptionsButtonOffLabel:"Turn off captions",startCaptionsButtonTooltipOnContent:"Turn off captions",startCaptionsButtonTooltipOffContent:"Turn on captions",captionsSettingsModalTitle:"Captions Settings",captionsSettingsSpokenLanguageDropdownLabel:"Spoken language",captionsSettingsCaptionLanguageDropdownLabel:"Captions language",captionsSettingsSpokenLanguageDropdownInfoText:"Language that everyone on this call is speaking.",captionsSettingsCaptionLanguageDropdownInfoText:"Captions will appear in this langugage.",captionsSettingsConfirmButtonLabel:"Confirm",captionsSettingsCancelButtonLabel:"Cancel",captionsSettingsModalAriaLabel:"Captions Setting Modal",captionsSettingsCloseModalButtonAriaLabel:"Close Captions Setting",captionsBannerMoreButtonCallingLabel:"More",captionsBannerMoreButtonTooltip:"More options",dismissModalAriaLabel:"Local and remote picture and picture, press enter to return to call",callRejectedTitle:"The call could not be completed",callRejectedMoreDetails:"The person you are trying to reach is unavailable. Please try again later.",callTimeoutTitle:"The call could not be completed",callTimeoutDetails:"The person you are trying to reach is unavailable. Please try again later.",callTimeoutBotTitle:"The call could not be completed",callTimeoutBotDetails:"The service that you are trying to reach is unavailable. Please try again later.",dtmfDialerButtonLabel:"Dialpad",dtmfDialerButtonTooltipOn:"Show dialpad",dtmfDialerButtonTooltipOff:"Hide dialpad",dtmfDialerMoreButtonLabelOn:"Show dialpad",dtmfDialerMoreButtonLabelOff:"Hide dialpad",spokenLanguageStrings:{"ar-ae":"Arabic - U.A.E.","ar-sa":"Arabic - Saudi Arabia","da-dk":"Danish","de-de":"German - Germany","en-au":"English - Australia","en-ca":"English - Canada","en-gb":"English - United Kingdom","en-in":"English - India","en-nz":"English - New Zealand","en-us":"English - United States","es-es":"Spanish - Spain (Modern Sort)","es-mx":"Spanish - Mexico","fi-fi":"Finnish","fr-ca":"French - Canada","fr-fr":"French - France","hi-in":"Hindi","it-it":"Italian - Italy","ja-jp":"Japanese","ko-kr":"Korean","nb-no":"Norwegian (Bokmål)","nl-be":"Dutch - Belgium","nl-nl":"Dutch - Netherlands","pl-pl":"Polish","pt-br":"Portuguese - Brazil","ru-ru":"Russian","sv-se":"Swedish","zh-cn":"Chinese - People's Republic of China","zh-hk":"Chinese - Hong Kong SAR","cs-cz":"Czech","pt-pt":"Portuguese - Portugal","tr-tr":"Turkish","vi-vn":"Vietnamese","th-th":"Thai","he-il":"Hebrew","cy-gb":"Welsh","uk-ua":"Ukrainian","el-gr":"Greek","hu-hu":"Hungarian","ro-ro":"Romanian","sk-sk":"Slovak","zh-tw":"Chinese - Taiwan"},captionLanguageStrings:{ar:"Arabic",da:"Danish",de:"German",en:"English",es:"Spanish",fi:"Finnish","fr-ca":"French - Canada",fr:"French - France",hi:"Hindi",it:"Italian",ja:"Japanese",ko:"Korean",nb:"Norwegian (Bokmål)",nl:"Dutch",pl:"Polish",pt:"Portuguese - Brazil",ru:"Russian",sv:"Swedish","zh-Hans":"Chinese (Simplified)","zh-Hant":"Chinese (Traditional)",cs:"Czech","pt-pt":"Portuguese - Portugal",tr:"Turkish",vi:"Vietnamese",th:"Thai",he:"Hebrew",cy:"Welsh",uk:"Ukrainian",el:"Greek",hu:"Hungarian",ro:"Romanian",sk:"Slovak"},captionsBannerSpinnerText:"Starting captions...",transferPageTransferorText:"Transferring...",transferPageTransferTargetText:"Connecting...",transferPageUnknownTransferorDisplayName:"Unknown",transferPageUnknownTransferTargetDisplayName:"Unknown",transferPageNoticeString:"You are being transferred",participantCouldNotBeReachedTitle:"Target participant is currently not available",participantCouldNotBeReachedMoreDetails:"Please contact participant when they are available",permissionToReachTargetParticipantNotAllowedTitle:"Permission to reach target participant is not allowed",permissionToReachTargetParticipantNotAllowedMoreDetails:"Please check that the target participant is in the same tenant",unableToResolveTenantTitle:"Unable to resolve tenant id for the target participant",unableToResolveTenantMoreDetails:"Please check the participant id is entered correctly",participantIdIsMalformedTitle:"Participant id is not in the correct format",participantIdIsMalformedMoreDetails:"Please check that the participant id is in the correct format",moreButtonGalleryControlLabel:"View",moreButtonGalleryPositionToggleLabel:"Move gallery to top",moreButtonGallerySpeakerLayoutLabel:"Speaker",moreButtonGalleryFloatingLocalLayoutLabel:"Dynamic",moreButtonGalleryDefaultLayoutLabel:"Gallery view",moreButtonGalleryFocusedContentLayoutLabel:"Focus on content",moreButtonLargeGalleryDefaultLayoutLabel:"Large Gallery",capabilityChangedNotification:{turnVideoOn:{lostDueToMeetingOption:"Your camera has been disabled. You can no longer share video.",grantedDueToMeetingOption:"Your camera has been enabled. Turn it on if you'd like to share video."},unmuteMic:{lostDueToMeetingOption:"Your mic has been disabled. You can no longer unmute.",grantedDueToMeetingOption:"Your mic has been enabled. Unmute if you'd like to speak."},shareScreen:{lostDueToRoleChangeToAttendee:"Your role has been changed. Some actions, like sharing content, won't be available to you.",grantedDueToRoleChangeToPresenter:"You're a presenter. You can share content and facilitate the meeting."}},surveyTitle:"Help us improve",starSurveyHelperText:"How was the quality of the call?",starSurveyOneStarText:"The quality was bad.",starSurveyTwoStarText:"The quality was poor.",starSurveyThreeStarText:"The quality was good.",starSurveyFourStarText:"The quality was great.",starSurveyFiveStarText:"The quality was excellent.",surveyConfirmButtonLabel:"Send Feedback",starRatingAriaLabel:"Select {0} of {1} stars",surveySkipButtonLabel:"Skip",tagsSurveyQuestion:"What could have been better?",tagsSurveyTextFieldDefaultText:"Other, please specify",tagsSurveyHelperText:"Check any issues you experienced",surveyTextboxDefaultText:"Other, please specify",endOfSurveyText:"Thank you for your feedback!",surveyIssues:{overallRating:{callCannotJoin:"I could not join call",callCannotInvite:"I could not invite others into the call",hadToRejoin:"I had to rejoin the call",callEndedUnexpectedly:"Call ended for me unexpectedly",otherIssues:"I was having other issues with the call"},audioRating:{noLocalAudio:"The other side could not hear any sound",noRemoteAudio:"I could not hear any sound",echo:"I heard echos on the call",audioNoise:"I heard noise on the call",lowVolume:"Volume was low",audioStoppedUnexpectedly:"Audio stopped unexpectedly",distortedSpeech:"Audio was distorted",audioInterruption:"Audio was interrupted",otherIssues:"I was having other audio issues in this call"},videoRating:{noVideoReceived:"I could not see any video",noVideoSent:"Others could not see me",lowQuality:"Video quality was low",freezes:"Video frozen",stoppedUnexpectedly:"Video stopped unexpectedly",darkVideoReceived:"I can only see dark screens when others turn on their camera",audioVideoOutOfSync:"Audio and Video was out of sync",otherIssues:"I was having other video issues in this call"},screenshareRating:{noContentLocal:"Other people could not see my screenshare",noContentRemote:"I could not see other people's screenshare",cannotPresent:"I could not present my screen",lowQuality:"Screen share quality was low",freezes:"Screen share frozen",stoppedUnexpectedly:"Screen share stopped unexpectedly",largeDelay:"Screen share has a large delay",otherIssues:"I was having other screen share issues in this call"}},SurveyIssuesHeadingStrings:{overallRating:"Overall",audioRating:"Audio",videoRating:"Video",screenshareRating:"Presenting"},spotlightPrompt:{startSpotlightHeading:"Spotlight for everyone?",startSpotlightText:"You'll highlight this video for everyone in the meeting.",startSpotlightOnSelfText:"You'll highlight your video for everyone in the meeting.",startSpotlightConfirmButtonLabel:"Spotlight for everyone",startSpotlightCancelButtonLabel:"Cancel",stopSpotlightHeading:"Stop spotlighting this video?",stopSpotlightOnSelfHeading:"Exit spotlight?",stopAllSpotlightHeading:"Stop spotlighting all videos?",stopSpotlightText:"This video will no longer be highlighted for everyone in the meeting.",stopSpotlightOnSelfText:"Your video will no longer be highlighted for everyone in the meeting.",stopAllSpotlightText:"The videos will no longer be highlighted for everyone in the meeting.",stopSpotlightConfirmButtonLabel:"Stop spotlighting",stopSpotlightOnSelfConfirmButtonLabel:"Exit spotlight",stopSpotlightCancelButtonLabel:"Cancel"},exitSpotlightButtonLabel:"Exit spotlight",exitSpotlightButtonTooltip:"Exit spotlight"};var chat$j={chatListHeader:"In this chat",uploadFile:"Upload File"};var callWithChat$j={chatButtonLabel:"Chat",chatButtonNewMessageNotificationLabel:"New Message",chatButtonTooltipClosedWithMessageCount:"Show chat ({unreadMessagesCount} unread)",chatButtonTooltipClose:"Hide chat",chatButtonTooltipOpen:"Show chat",chatPaneTitle:"Chat",copyInviteLinkButtonLabel:"Copy invite link",copyInviteLinkActionedAriaLabel:"Invite link copied",dismissSidePaneButtonLabel:"Close",moreDrawerAudioDeviceMenuTitle:"Audio Device",moreDrawerButtonLabel:"More options",moreDrawerButtonTooltip:"More options",moreDrawerMicrophoneMenuTitle:"Microphone",moreDrawerSpeakerMenuTitle:"Speaker",moreDrawerCaptionsMenuTitle:"Live captions",moreDrawerSpokenLanguageMenuTitle:"Spoken language",moreDrawerCaptionLanguageMenuTitle:"Caption language",moreDrawerGalleryOptionsMenuTitle:"Gallery options",peopleButtonLabel:"People",selectedPeopleButtonLabel:"People Button Selected",peopleButtonTooltipOpen:"Show participants",peopleButtonTooltipClose:"Hide participants",peoplePaneSubTitle:"In this call",peoplePaneTitle:"People",pictureInPictureTileAriaLabel:"Video Feeds. Click to return to call screen.",removeMenuLabel:"Remove",openDialpadButtonLabel:"Dial phone number",returnToCallButtonAriaDescription:"Return to Call",returnToCallButtonAriaLabel:"Back",peoplePaneAddPeopleButtonLabel:"Add People",dialpadStartCallButtonLabel:"Call",dialpadModalTitle:"Dial Phone Number",dialpadModalAriaLabel:"Dialpad",dialpadCloseModalButtonAriaLabel:"Close dialpad",openDtmfDialpadLabel:"Show dialpad",dtmfDialpadPlaceholderText:"Enter number"};var en_GB = {call:call$j,chat:chat$j,callWithChat:callWithChat$j};
@@ -38611,4 +39251,4 @@ exports.useTeamsCall = useTeamsCall;
 exports.useTeamsCallAdapter = useTeamsCallAdapter;
 exports.useTeamsCallAgent = useTeamsCallAgent;
 exports.useTheme = useTheme;
-//# sourceMappingURL=index-Ba2HAv_Y.js.map
+//# sourceMappingURL=index-BI61bnOi.js.map