@azure/communication-react 1.17.0-alpha-202406020014 → 1.17.0-alpha-202406050014

package/dist/dist-cjs/communication-react/{index-xYWFdTrM.js → index-B4rHuheV.js}

@@ -174,7 +174,7 @@ function getDefaultExportFromCjs (x) {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 // GENERATED FILE. DO NOT EDIT MANUALLY.
-var telemetryVersion = '1.17.0-alpha-202406020014';
+var telemetryVersion = '1.17.0-alpha-202406050014';
 
 
 var telemetryVersion$1 = /*@__PURE__*/getDefaultExportFromCjs(telemetryVersion);
@@ -6269,7 +6269,7 @@ const ErrorBar = (props) => {
             return trackDismissedErrorsInternally
                 ? setDismissedErrors(dismissError(dismissedErrors, error))
                 : (_a = props.onDismissError) === null || _a === void 0 ? void 0 : _a.call(props, error);
-        }, dismissButtonAriaLabel: strings.dismissButtonAriaLabel, dismissIconProps: { iconName: 'ErrorBarClear' } }), strings[error.type])))));
+        }, dismissButtonAriaLabel: `${strings[error.type]}, ${strings.dismissButtonAriaLabel}`, dismissIconProps: { iconName: 'ErrorBarClear' } }), strings[error.type])))));
 };
 
 // Copyright (c) Microsoft Corporation.
@@ -6492,8 +6492,8 @@ const sendButtonStyle = react.mergeStyles({
  */
 const sendIconStyle = (props) => {
     const { theme, hasText, disabled = false, 
-    /* @conditional-compile-remove(attachment-upload) */ hasAttachment, hasErrorMessage, customSendIconStyle, defaultTextColor = theme.palette.neutralTertiary } = props;
-    const hasNoContent = !hasText && /* @conditional-compile-remove(attachment-upload) */ !hasAttachment;
+    /* @conditional-compile-remove(file-sharing-acs) */ hasAttachment, hasErrorMessage, customSendIconStyle, defaultTextColor = theme.palette.neutralTertiary } = props;
+    const hasNoContent = !hasText && /* @conditional-compile-remove(file-sharing-acs) */ !hasAttachment;
     return react.mergeStyles(editorTextBoxButtonStyle, {
         color: disabled || hasErrorMessage || hasNoContent ? defaultTextColor : theme.palette.themePrimary
     }, customSendIconStyle);
@@ -6835,13 +6835,13 @@ const DEFAULT_COMPONENT_ICONS = {
     RaiseHandContextualMenuItem: React.createElement(reactIcons.HandRight20Regular, null),
     LowerHandContextualMenuItem: React.createElement(reactIcons.HandRightOff20Regular, null),
     ReactionButtonIcon: React.createElement(reactIcons.Emoji20Regular, null),
-    /* @conditional-compile-remove(attachment-upload) */
+    /* @conditional-compile-remove(file-sharing-acs) */
     CancelAttachmentUpload: React.createElement(reactIcons.Dismiss16Regular, null),
-    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+    /* @conditional-compile-remove(file-sharing-acs) */
     DownloadAttachment: React.createElement(reactIcons.ArrowDownload20Regular, null),
-    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+    /* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */
     OpenAttachment: React.createElement(reactIcons.Open20Regular, null),
-    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+    /* @conditional-compile-remove(file-sharing-acs) */
     AttachmentMoreMenu: React.createElement(reactIcons.MoreHorizontal20Filled, null),
     /* @conditional-compile-remove(data-loss-prevention) */
     DataLossPreventionProhibited: React.createElement(DataLossPreventionProhibited16Regular, null),
@@ -8892,13 +8892,13 @@ const SendBoxErrors = (props) => {
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-/* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+/* @conditional-compile-remove(file-sharing-acs) */
 /**
  * Conditionally modify locale strings passed to the attachment card
  * @returns attachment card strings
  */
 const useLocaleAttachmentCardStringsTrampoline = () => {
-    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+    /* @conditional-compile-remove(file-sharing-acs) */
     return useLocale$1().strings.sendBox;
 };
 
@@ -9058,7 +9058,7 @@ const useAttachmentCardGroupStyles = reactComponents.makeStyles({
         marginTop: '0.25rem'
     },
     singleAttachment: {
-        widtn: `${_ATTACHMENT_CARD_WIDTH_IN_REM}rem`
+        width: `${_ATTACHMENT_CARD_WIDTH_IN_REM}rem`
     },
     multipleAttachments: {
         width: '100%'
@@ -9068,7 +9068,9 @@ const useAttachmentCardGroupStyles = reactComponents.makeStyles({
  * @private
  */
 const attachmentCardBaseStyles = react.mergeStyles({
-    '& > *': Object.assign({}, reactComponents.shorthands.margin(`${_pxToRem(_ATTACHMENT_CARD_MARGIN_IN_PX)}`)),
+    '& > *': {
+        margin: `${_pxToRem(_ATTACHMENT_CARD_MARGIN_IN_PX)}`
+    },
     /**
      * margin for children is overriden by parent stack, so adding left margin for each child
      */
@@ -9171,7 +9173,7 @@ const _AttachmentUploadCards = (props) => {
  */
 const MAXIMUM_LENGTH_OF_MESSAGE = 8000;
 const EMPTY_MESSAGE_REGEX = /^\s*$/;
-/* @conditional-compile-remove(attachment-upload) */
+/* @conditional-compile-remove(file-sharing-acs) */
 /**
  * @private
  */
@@ -9181,7 +9183,7 @@ const hasIncompleteAttachmentUploads = (attachmentsWithProgress) => {
             .filter((attachmentUpload) => !attachmentUpload.error)
             .every((attachmentUpload) => attachmentUpload.progress === 1 && attachmentUpload.progress !== undefined));
 };
-/* @conditional-compile-remove(attachment-upload) */
+/* @conditional-compile-remove(file-sharing-acs) */
 /**
  * @private
  */
@@ -9215,11 +9217,11 @@ const sanitizeText = (message) => {
  * @returns A boolean value indicating whether the send box should be disabled for ARIA accessibility.
  */
 const isSendBoxButtonAriaDisabled = ({ hasContent, 
-/* @conditional-compile-remove(attachment-upload) */
+/* @conditional-compile-remove(file-sharing-acs) */
 hasCompletedAttachmentUploads, hasError, disabled }) => {
     return (
     // no content
-    !(hasContent || /* @conditional-compile-remove(attachment-upload) */ hasCompletedAttachmentUploads) ||
+    !(hasContent || /* @conditional-compile-remove(file-sharing-acs) */ hasCompletedAttachmentUploads) ||
         //error message exists
         hasError ||
         disabled);
@@ -9596,7 +9598,7 @@ const SendBox = (props) => {
     const { disabled, systemMessage, supportNewline, onSendMessage, onTyping, onRenderIcon, onRenderSystemMessage, styles, autoFocus, 
     /* @conditional-compile-remove(mention) */
     mentionLookupOptions, 
-    /* @conditional-compile-remove(attachment-upload) */
+    /* @conditional-compile-remove(file-sharing-acs) */
     attachments } = props;
     const theme = useTheme();
     const localeStrings = useLocale$1().strings.sendBox;
@@ -9605,7 +9607,7 @@ const SendBox = (props) => {
     const [textValue, setTextValue] = React.useState('');
     const [textValueOverflow, setTextValueOverflow] = React.useState(false);
     const sendTextFieldRef = React.useRef(null);
-    /* @conditional-compile-remove(attachment-upload) */
+    /* @conditional-compile-remove(file-sharing-acs) */
     const [attachmentUploadsPendingError, setAttachmentUploadsPendingError] = React.useState(undefined);
     const sendMessageOnClick = () => {
         var _a;
@@ -9614,9 +9616,9 @@ const SendBox = (props) => {
             return;
         }
         // Don't send message until all attachments have been uploaded successfully
-        /* @conditional-compile-remove(attachment-upload) */
+        /* @conditional-compile-remove(file-sharing-acs) */
         setAttachmentUploadsPendingError(undefined);
-        /* @conditional-compile-remove(attachment-upload) */
+        /* @conditional-compile-remove(file-sharing-acs) */
         if (hasIncompleteAttachmentUploads(attachments)) {
             setAttachmentUploadsPendingError({ message: strings.attachmentUploadsPendingError, timestamp: Date.now() });
             return;
@@ -9625,12 +9627,12 @@ const SendBox = (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(attachment-upload) */ isAttachmentUploadCompleted(attachments)) {
+            /* @conditional-compile-remove(file-sharing-acs) */ isAttachmentUploadCompleted(attachments)) {
             onSendMessage &&
                 onSendMessage(message, 
-                /* @conditional-compile-remove(attachment-upload) */ /* @conditional-compile-remove(rich-text-editor-composite-support) */
+                /* @conditional-compile-remove(file-sharing-acs) */ /* @conditional-compile-remove(rich-text-editor-composite-support) */
                 {
-                    /* @conditional-compile-remove(attachment-upload) */
+                    /* @conditional-compile-remove(file-sharing-acs) */
                     attachments: toAttachmentMetadata(attachments),
                     /* @conditional-compile-remove(rich-text-editor-composite-support) */
                     type: 'text'
@@ -9639,7 +9641,7 @@ const SendBox = (props) => {
             (_a = sendTextFieldRef.current) === null || _a === void 0 ? void 0 : _a.focus();
         }
     };
-    /* @conditional-compile-remove(attachment-upload) */
+    /* @conditional-compile-remove(file-sharing-acs) */
     const toAttachmentMetadata = React.useCallback((attachmentsWithProgress) => {
         return attachmentsWithProgress === null || attachmentsWithProgress === void 0 ? void 0 : attachmentsWithProgress.filter((attachment) => {
             var _a;
@@ -9667,14 +9669,14 @@ const SendBox = (props) => {
     const mergedSendIconStyle = React.useMemo(() => sendIconStyle({
         theme,
         hasText: sanitizeText(textValue).length > 0,
-        /* @conditional-compile-remove(attachment-upload) */ hasAttachment: isAttachmentUploadCompleted(attachments),
+        /* @conditional-compile-remove(file-sharing-acs) */ hasAttachment: isAttachmentUploadCompleted(attachments),
         hasErrorMessage: !!errorMessage,
         customSendIconStyle: styles === null || styles === void 0 ? void 0 : styles.sendMessageIcon,
         disabled: !!disabled
     }), [
         theme,
         textValue,
-        /* @conditional-compile-remove(attachment-upload) */ attachments,
+        /* @conditional-compile-remove(file-sharing-acs) */ attachments,
         errorMessage,
         styles === null || styles === void 0 ? void 0 : styles.sendMessageIcon,
         disabled
@@ -9682,12 +9684,12 @@ const SendBox = (props) => {
     const isSendBoxButtonAriaDisabledValue = React.useMemo(() => {
         return isSendBoxButtonAriaDisabled({
             hasContent: sanitizeText(textValue).length > 0,
-            /* @conditional-compile-remove(attachment-upload) */ hasCompletedAttachmentUploads: isAttachmentUploadCompleted(attachments),
+            /* @conditional-compile-remove(file-sharing-acs) */ hasCompletedAttachmentUploads: isAttachmentUploadCompleted(attachments),
             hasError: !!errorMessage,
             disabled: !!disabled
         });
     }, [
-        /* @conditional-compile-remove(attachment-upload) */
+        /* @conditional-compile-remove(file-sharing-acs) */
         attachments,
         disabled,
         errorMessage,
@@ -9695,13 +9697,13 @@ const SendBox = (props) => {
     ]);
     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 attachments in sendBox
-    /* @conditional-compile-remove(attachment-upload) */
+    /* @conditional-compile-remove(file-sharing-acs) */
     React.useEffect(() => {
         if (!(attachments === null || attachments === void 0 ? void 0 : attachments.filter((upload) => !upload.error).length)) {
             setAttachmentUploadsPendingError(undefined);
         }
     }, [attachments]);
-    /* @conditional-compile-remove(attachment-upload) */
+    /* @conditional-compile-remove(file-sharing-acs) */
     const sendBoxErrorsProps = React.useMemo(() => {
         var _a;
         return {
@@ -9709,7 +9711,7 @@ const SendBox = (props) => {
             attachmentProgressError: (_a = attachments === null || attachments === void 0 ? void 0 : attachments.filter((attachmentUpload) => attachmentUpload.error).pop()) === null || _a === void 0 ? void 0 : _a.error
         };
     }, [attachments, attachmentUploadsPendingError]);
-    /* @conditional-compile-remove(attachment-upload) */
+    /* @conditional-compile-remove(file-sharing-acs) */
     const onRenderAttachmentUploads = React.useCallback(() => {
         var _a, _b, _c, _d, _e, _f, _g, _h;
         if (!(attachments === null || attachments === void 0 ? void 0 : attachments.filter((upload) => !upload.error).length)) {
@@ -9734,7 +9736,7 @@ const SendBox = (props) => {
     ]);
     return (React.createElement(react.Stack, { className: react.mergeStyles(sendBoxWrapperStyles, { overflow: 'visible' } // This is needed for the mention popup to be visible
         ) },
-        /* @conditional-compile-remove(attachment-upload) */
+        /* @conditional-compile-remove(file-sharing-acs) */
         React.createElement(SendBoxErrors, { attachmentProgressError: sendBoxErrorsProps.attachmentProgressError
                 ? {
                     message: sendBoxErrorsProps.attachmentProgressError.message,
@@ -9762,7 +9764,7 @@ const SendBox = (props) => {
                         }
                         e.stopPropagation();
                     }, id: 'sendIconWrapper', className: mergedSendButtonStyle, ariaLabel: localeStrings.sendButtonAriaLabel, tooltipContent: localeStrings.sendButtonAriaLabel, ariaDisabled: isSendBoxButtonAriaDisabledValue })),
-            /* @conditional-compile-remove(attachment-upload) */
+            /* @conditional-compile-remove(file-sharing-acs) */
             onRenderAttachmentUploads())));
 };
 
@@ -11367,9 +11369,9 @@ const richTextBorderBoxStyle = (props) => {
  */
 const RichTextInputBoxComponent = (props) => {
     const { placeholderText, initialContent, onChange, onEnterKeyDown, editorComponentRef, disabled, strings, actionComponents, 
-    /* @conditional-compile-remove(attachment-upload) */
+    /* @conditional-compile-remove(file-sharing-acs) */
     onRenderAttachmentUploads, 
-    /* @conditional-compile-remove(attachment-upload) */
+    /* @conditional-compile-remove(file-sharing-acs) */
     hasAttachments, richTextEditorStyleProps, isHorizontalLayoutDisabled = false, autoFocus, onTyping } = props;
     const theme = useTheme();
     // undefined is used to indicate that the rich text editor toolbar state wasn't changed yet
@@ -11425,11 +11427,11 @@ const RichTextInputBoxComponent = (props) => {
         const isRichTextEditorToolbarShown = showRichTextEditorFormatting === true;
         return (!isHorizontalLayoutDisabled &&
             !isRichTextEditorToolbarShown &&
-            /* @conditional-compile-remove(attachment-upload) */ !hasAttachments);
+            /* @conditional-compile-remove(file-sharing-acs) */ !hasAttachments);
     }, [
         isHorizontalLayoutDisabled,
         showRichTextEditorFormatting,
-        /* @conditional-compile-remove(attachment-upload) */ hasAttachments
+        /* @conditional-compile-remove(file-sharing-acs) */ hasAttachments
     ]);
     const onContentModelUpdate = React.useCallback((contentModel) => {
         setContentModel(contentModel);
@@ -11441,9 +11443,8 @@ 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, { contentModel: contentModel, initialContent: initialContent, placeholderText: placeholderText, onChange: onChange, onKeyDown: onKeyDown, ref: editorComponentRef, strings: strings, showRichTextEditorFormatting: showRichTextEditorFormatting === true, styles: richTextEditorStyle, autoFocus: autoFocus, onContentModelUpdate: onContentModelUpdate })),
-                /* @conditional-compile-remove(attachment-upload) */ onRenderAttachmentUploads &&
-                    onRenderAttachmentUploads()),
+                    React.createElement(RichTextEditor, { contentModel: contentModel, initialContent: initialContent, placeholderText: placeholderText, onChange: onChange, onKeyDown: onKeyDown, ref: editorComponentRef, strings: strings, showRichTextEditorFormatting: showRichTextEditorFormatting === true, styles: richTextEditorStyle, autoFocus: autoFocus, onContentModelUpdate: onContentModelUpdate })), /* @conditional-compile-remove(file-sharing-acs) */
+                onRenderAttachmentUploads && onRenderAttachmentUploads()),
             actionButtons)));
 };
 
@@ -11454,9 +11455,9 @@ const RichTextInputBoxComponent = (props) => {
  */
 const RichTextSendBoxErrors = (props) => {
     const { 
-    /* @conditional-compile-remove(attachment-upload) */
+    /* @conditional-compile-remove(file-sharing-acs) */
     attachmentProgressError, 
-    /* @conditional-compile-remove(attachment-upload) */
+    /* @conditional-compile-remove(file-sharing-acs) */
     attachmentUploadsPendingError, systemMessage, textTooLongMessage } = props;
     const [sendBoxError, setSendBoxError] = React.useState(undefined);
     React.useEffect(() => {
@@ -11481,11 +11482,11 @@ const RichTextSendBoxErrors = (props) => {
             if (prev) {
                 errors.push(prev);
             }
-            /* @conditional-compile-remove(attachment-upload) */
+            /* @conditional-compile-remove(file-sharing-acs) */
             if (attachmentUploadsPendingError) {
                 errors.push(attachmentUploadsPendingError);
             }
-            /* @conditional-compile-remove(attachment-upload) */
+            /* @conditional-compile-remove(file-sharing-acs) */
             if (attachmentProgressError) {
                 errors.push(attachmentProgressError);
             }
@@ -11497,8 +11498,8 @@ const RichTextSendBoxErrors = (props) => {
             return sortedErrors[0];
         });
     }, [
-        /* @conditional-compile-remove(attachment-upload) */ attachmentProgressError,
-        /* @conditional-compile-remove(attachment-upload) */ attachmentUploadsPendingError
+        /* @conditional-compile-remove(file-sharing-acs) */ attachmentProgressError,
+        /* @conditional-compile-remove(file-sharing-acs) */ attachmentUploadsPendingError
     ]);
     const onDismiss = React.useCallback(() => {
         if (systemMessage && !isMessageEmpty$1(systemMessage)) {
@@ -11522,9 +11523,9 @@ const isMessageEmpty$1 = (message) => {
  */
 const RichTextSendBox = (props) => {
     const { disabled = false, systemMessage, autoFocus, onSendMessage, onTyping, 
-    /* @conditional-compile-remove(attachment-upload) */
+    /* @conditional-compile-remove(file-sharing-acs) */
     attachments, 
-    /* @conditional-compile-remove(attachment-upload) */
+    /* @conditional-compile-remove(file-sharing-acs) */
     onCancelAttachmentUpload } = props;
     const theme = useTheme();
     const locale = useLocale$1();
@@ -11537,7 +11538,7 @@ const RichTextSendBox = (props) => {
     }, [localeStrings, props.strings]);
     const [contentValue, setContentValue] = React.useState('');
     const [contentValueOverflow, setContentValueOverflow] = React.useState(false);
-    /* @conditional-compile-remove(attachment-upload) */
+    /* @conditional-compile-remove(file-sharing-acs) */
     const [attachmentUploadsPendingError, setAttachmentUploadsPendingError] = React.useState(undefined);
     const editorComponentRef = React.useRef(null);
     const contentTooLongMessage = React.useMemo(() => (contentValueOverflow ? strings.textTooLong : undefined), [contentValueOverflow, strings.textTooLong]);
@@ -11555,7 +11556,7 @@ const RichTextSendBox = (props) => {
         const plainTextContent = (_a = editorComponentRef.current) === null || _a === void 0 ? void 0 : _a.getPlainContent();
         return sanitizeText(contentValue !== null && contentValue !== void 0 ? contentValue : '').length > 0 && sanitizeText(plainTextContent !== null && plainTextContent !== void 0 ? plainTextContent : '').length > 0;
     }, [contentValue]);
-    /* @conditional-compile-remove(attachment-upload) */
+    /* @conditional-compile-remove(file-sharing-acs) */
     const toAttachmentMetadata = React.useCallback((attachmentsWithProgress) => {
         return attachmentsWithProgress === null || attachmentsWithProgress === void 0 ? void 0 : attachmentsWithProgress.filter((attachment) => {
             var _a;
@@ -11575,9 +11576,9 @@ const RichTextSendBox = (props) => {
             return;
         }
         // Don't send message until all attachments have been uploaded successfully
-        /* @conditional-compile-remove(attachment-upload) */
+        /* @conditional-compile-remove(file-sharing-acs) */
         setAttachmentUploadsPendingError(undefined);
-        /* @conditional-compile-remove(attachment-upload) */
+        /* @conditional-compile-remove(file-sharing-acs) */
         if (hasIncompleteAttachmentUploads(attachments)) {
             setAttachmentUploadsPendingError({ message: strings.attachmentUploadsPendingError, timestamp: Date.now() });
             return;
@@ -11585,11 +11586,11 @@ const RichTextSendBox = (props) => {
         const message = contentValue;
         // we don't want to send empty messages including spaces, newlines, tabs
         // Message can be empty if there is a valid attachment upload
-        if (hasContent || /* @conditional-compile-remove(attachment-upload) */ isAttachmentUploadCompleted(attachments)) {
+        if (hasContent || /* @conditional-compile-remove(file-sharing-acs) */ isAttachmentUploadCompleted(attachments)) {
             onSendMessage(message, 
-            /* @conditional-compile-remove(attachment-upload) */ /* @conditional-compile-remove(rich-text-editor-composite-support) */
+            /* @conditional-compile-remove(file-sharing-acs) */ /* @conditional-compile-remove(rich-text-editor-composite-support) */
             {
-                /* @conditional-compile-remove(attachment-upload) */
+                /* @conditional-compile-remove(file-sharing-acs) */
                 attachments: toAttachmentMetadata(attachments),
                 /* @conditional-compile-remove(rich-text-editor-composite-support) */
                 type: 'html'
@@ -11601,29 +11602,29 @@ const RichTextSendBox = (props) => {
     }, [
         disabled,
         contentValueOverflow,
-        /* @conditional-compile-remove(attachment-upload) */
+        /* @conditional-compile-remove(file-sharing-acs) */
         attachments,
         contentValue,
         hasContent,
-        /* @conditional-compile-remove(attachment-upload) */
+        /* @conditional-compile-remove(file-sharing-acs) */
         strings.attachmentUploadsPendingError,
         onSendMessage,
-        /* @conditional-compile-remove(attachment-upload) */
+        /* @conditional-compile-remove(file-sharing-acs) */
         toAttachmentMetadata
     ]);
     const hasErrorMessage = React.useMemo(() => {
         var _a;
         return (!!systemMessage ||
             !!contentTooLongMessage ||
-            /* @conditional-compile-remove(attachment-upload) */
+            /* @conditional-compile-remove(file-sharing-acs) */
             !!attachmentUploadsPendingError ||
-            /* @conditional-compile-remove(attachment-upload) */
+            /* @conditional-compile-remove(file-sharing-acs) */
             !!((_a = attachments === null || attachments === void 0 ? void 0 : attachments.filter((attachmentUpload) => attachmentUpload.error).pop()) === null || _a === void 0 ? void 0 : _a.error));
     }, [
-        /* @conditional-compile-remove(attachment-upload) */
+        /* @conditional-compile-remove(file-sharing-acs) */
         attachments,
         contentTooLongMessage,
-        /* @conditional-compile-remove(attachment-upload) */
+        /* @conditional-compile-remove(file-sharing-acs) */
         attachmentUploadsPendingError,
         systemMessage
     ]);
@@ -11631,7 +11632,7 @@ const RichTextSendBox = (props) => {
         return (React.createElement(react.Icon, { iconName: isHover && hasContent ? 'SendBoxSendHovered' : 'SendBoxSend', className: sendIconStyle({
                 theme,
                 hasText: hasContent,
-                /* @conditional-compile-remove(attachment-upload) */
+                /* @conditional-compile-remove(file-sharing-acs) */
                 hasAttachment: false,
                 hasErrorMessage: hasErrorMessage,
                 defaultTextColor: theme.palette.neutralSecondary,
@@ -11640,12 +11641,12 @@ const RichTextSendBox = (props) => {
     }, [disabled, hasContent, hasErrorMessage, theme]);
     const sendBoxErrorsProps = React.useMemo(() => {
         var _a, _b;
-        /* @conditional-compile-remove(attachment-upload) */
+        /* @conditional-compile-remove(file-sharing-acs) */
         const uploadErrorMessage = (_b = (_a = attachments === null || attachments === void 0 ? void 0 : attachments.filter((attachmentUpload) => attachmentUpload.error).pop()) === null || _a === void 0 ? void 0 : _a.error) === null || _b === void 0 ? void 0 : _b.message;
         return {
-            /* @conditional-compile-remove(attachment-upload) */
+            /* @conditional-compile-remove(file-sharing-acs) */
             attachmentUploadsPendingError: attachmentUploadsPendingError,
-            /* @conditional-compile-remove(attachment-upload) */
+            /* @conditional-compile-remove(file-sharing-acs) */
             attachmentProgressError: uploadErrorMessage
                 ? {
                     message: uploadErrorMessage,
@@ -11656,14 +11657,14 @@ const RichTextSendBox = (props) => {
             textTooLongMessage: contentTooLongMessage
         };
     }, [
-        /* @conditional-compile-remove(attachment-upload) */
+        /* @conditional-compile-remove(file-sharing-acs) */
         attachments,
         contentTooLongMessage,
-        /* @conditional-compile-remove(attachment-upload) */
+        /* @conditional-compile-remove(file-sharing-acs) */
         attachmentUploadsPendingError,
         systemMessage
     ]);
-    /* @conditional-compile-remove(attachment-upload) */
+    /* @conditional-compile-remove(file-sharing-acs) */
     const onRenderAttachmentUploads = React.useCallback(() => {
         return (React.createElement(react.Stack, { className: attachmentUploadCardsStyles },
             React.createElement(FluentV9ThemeProvider, { v8Theme: theme },
@@ -11685,27 +11686,27 @@ const RichTextSendBox = (props) => {
     const isSendBoxButtonAriaDisabledValue = React.useMemo(() => {
         return isSendBoxButtonAriaDisabled({
             hasContent,
-            /* @conditional-compile-remove(attachment-upload) */ hasCompletedAttachmentUploads: isAttachmentUploadCompleted(attachments),
+            /* @conditional-compile-remove(file-sharing-acs) */ hasCompletedAttachmentUploads: isAttachmentUploadCompleted(attachments),
             hasError: hasErrorMessage,
             disabled
         });
-    }, [/* @conditional-compile-remove(attachment-upload) */ attachments, disabled, hasContent, hasErrorMessage]);
+    }, [/* @conditional-compile-remove(file-sharing-acs) */ attachments, disabled, hasContent, hasErrorMessage]);
     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, ariaDisabled: isSendBoxButtonAriaDisabledValue }));
     }, [isSendBoxButtonAriaDisabledValue, localeStrings.sendButtonAriaLabel, onRenderSendIcon, sendMessageOnClick]);
-    /* @conditional-compile-remove(attachment-upload) */
+    /* @conditional-compile-remove(file-sharing-acs) */
     const hasAttachmentUploads = React.useMemo(() => {
         return isAttachmentUploadCompleted(attachments) || hasIncompleteAttachmentUploads(attachments);
     }, [attachments]);
     return (React.createElement(react.Stack, null,
         React.createElement(RichTextSendBoxErrors, Object.assign({}, sendBoxErrorsProps)),
         React.createElement(RichTextInputBoxComponent, { placeholderText: strings.placeholderText, autoFocus: autoFocus, onChange: setContent, onEnterKeyDown: sendMessageOnClick, onTyping: onTyping, editorComponentRef: editorComponentRef, strings: strings, disabled: disabled, actionComponents: sendButton, richTextEditorStyleProps: sendBoxRichTextEditorStyle, 
-            /* @conditional-compile-remove(attachment-upload) */
+            /* @conditional-compile-remove(file-sharing-acs) */
             onRenderAttachmentUploads: onRenderAttachmentUploads, 
-            /* @conditional-compile-remove(attachment-upload) */
+            /* @conditional-compile-remove(file-sharing-acs) */
             hasAttachments: hasAttachmentUploads })));
 };
 
@@ -12223,23 +12224,23 @@ const onRenderSubmitIcon = (className) => {
     return React.createElement(react.Icon, { iconName: 'EditBoxSubmit', className: className });
 };
 function isMessageEmpty(messageText, 
-/* @conditional-compile-remove(attachment-upload) */
+/* @conditional-compile-remove(file-sharing-acs) */
 attachmentMetadata) {
-    /* @conditional-compile-remove(attachment-upload) */
+    /* @conditional-compile-remove(file-sharing-acs) */
     return messageText.trim().length === 0 && (attachmentMetadata === null || attachmentMetadata === void 0 ? void 0 : attachmentMetadata.length) === 0;
 }
 /**
  * @private
  */
 function getMessageState(messageText, 
-/* @conditional-compile-remove(attachment-upload) */ attachments) {
-    return isMessageEmpty(messageText, /* @conditional-compile-remove(attachment-upload) */ attachments)
+/* @conditional-compile-remove(file-sharing-acs) */ attachments) {
+    return isMessageEmpty(messageText, /* @conditional-compile-remove(file-sharing-acs) */ attachments)
         ? 'too short'
         : isMessageTooLong(messageText.length)
             ? 'too long'
             : 'OK';
 }
-/* @conditional-compile-remove(attachment-upload) */
+/* @conditional-compile-remove(file-sharing-acs) */
 /**
  * @private
  * @TODO: Remove when file-sharing feature becomes stable.
@@ -12247,7 +12248,7 @@ function getMessageState(messageText,
 function getMessageWithAttachmentMetadata(message) {
     return message.attachments;
 }
-/* @conditional-compile-remove(attachment-upload) */
+/* @conditional-compile-remove(file-sharing-acs) */
 /**
  * @internal
  */
@@ -12259,7 +12260,7 @@ const attachmentMetadataReducer = (state, action) => {
             return state;
     }
 };
-/* @conditional-compile-remove(attachment-upload) */
+/* @conditional-compile-remove(file-sharing-acs) */
 /**
  * @internal
  */
@@ -12952,7 +12953,7 @@ const BlockedMessageContent = (props) => {
 const extractContentForAllyMessage = (props) => {
     var _a;
     let attachments = undefined;
-    /* @conditional-compile-remove(attachment-download) */
+    /* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */
     attachments = props.message.attachments;
     if (props.message.content || attachments) {
         // Replace all <img> tags with 'image' for aria.
@@ -12970,7 +12971,7 @@ const extractContentForAllyMessage = (props) => {
         });
         // Inject message attachment count for aria.
         // this is only applying to file attachments not for inline images.
-        /* @conditional-compile-remove(attachment-download) */
+        /* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */
         if (attachments && attachments.length > 0) {
             const attachmentCardDescription = attachmentCardGroupDescription(props);
             const attachmentTextNode = document.createElement('div');
@@ -13000,12 +13001,12 @@ const messageContentAriaText = (props) => {
             message: message
         });
 };
-/* @conditional-compile-remove(attachment-download) */
+/* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */
 const attachmentCardGroupDescription = (props) => {
     const attachments = props.message.attachments;
     return getAttachmentCountLiveMessage(attachments !== null && attachments !== void 0 ? attachments : [], props.strings.attachmentCardGroupMessage);
 };
-/* @conditional-compile-remove(attachment-download) */
+/* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */
 /**
  * @private
  */
@@ -13115,7 +13116,7 @@ const _AttachmentDownloadCards = (props) => {
     }, []);
     const attachmentCardGroupDescription = React.useMemo(() => () => {
         var _a, _b;
-        /* @conditional-compile-remove(attachment-download) */
+        /* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */
         return getAttachmentCountLiveMessage(attachments !== null && attachments !== void 0 ? attachments : [], (_b = (_a = props.strings) === null || _a === void 0 ? void 0 : _a.attachmentCardGroupMessage) !== null && _b !== void 0 ? _b : localeStrings.attachmentCardGroupMessage);
     }, [(_a = props.strings) === null || _a === void 0 ? void 0 : _a.attachmentCardGroupMessage, localeStrings.attachmentCardGroupMessage, attachments]);
     const hasMultipleAttachments = React.useMemo(() => {
@@ -13135,7 +13136,7 @@ const _AttachmentDownloadCards = (props) => {
  * @private
  */
 const useLocaleStringsTrampoline = () => {
-    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+    /* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */
     return useLocale$1().strings.messageThread;
 };
 /**
@@ -13143,17 +13144,34 @@ const useLocaleStringsTrampoline = () => {
  */
 const getDefaultMenuActions = (locale, chatMessage) => {
     var _a;
+    let actionName = locale.openAttachment;
     // if message is sent by a Teams user, we need to use a different icon ("open")
     if ((_a = chatMessage === null || chatMessage === void 0 ? void 0 : chatMessage.senderId) === null || _a === void 0 ? void 0 : _a.includes('8:orgid:')) {
         return [
-            Object.assign(Object.assign({}, defaultAttachmentMenuAction), { name: locale.openAttachment, icon: React.createElement(react.Icon, { iconName: "OpenAttachment" }) })
+            {
+                name: actionName,
+                icon: React.createElement(react.Icon, { iconName: "OpenAttachment" }),
+                onClick: defaultOnClickHandler
+            }
         ];
     }
     // otherwise, use the default icon ("download")
+    /* @conditional-compile-remove(file-sharing-acs) */
+    actionName = locale.downloadAttachment;
     return [
-        Object.assign(Object.assign({}, defaultAttachmentMenuAction), { name: locale.downloadAttachment })
+        Object.assign(Object.assign({}, defaultAttachmentMenuAction), { name: actionName })
     ];
 };
+/**
+ *
+ * The default action handler for downloading attachments. This handler will open the attachment's URL in a new tab.
+ */
+const defaultOnClickHandler = (attachment) => {
+    return new Promise((resolve) => {
+        window.open(attachment.url, '_blank', 'noopener,noreferrer');
+        resolve();
+    });
+};
 /**
  * @beta
  *
@@ -13175,12 +13193,7 @@ const defaultAttachmentMenuAction = {
     // this is the icon shown on the right of the attachment card
     icon: React.createElement(react.Icon, { iconName: "DownloadAttachment", "data-ui-id": "attachment-download-card-download-icon" }),
     // this is the action that runs when the icon is clicked
-    onClick: (attachment) => {
-        return new Promise((resolve) => {
-            window.open(attachment.url, '_blank', 'noopener,noreferrer');
-            resolve();
-        });
-    }
+    onClick: defaultOnClickHandler
 };
 
 // Copyright (c) Microsoft Corporation.
@@ -13278,12 +13291,12 @@ const getFluentUIAttachedValue = (messageAttachedStatus) => {
 function getMessageBubbleContent(message, strings, userId, inlineImageOptions, 
 /* @conditional-compile-remove(mention) */
 mentionDisplayOptions, 
-/* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+/* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */
 /**
  * Optional callback to render message attachments in the message component.
  */
 onRenderAttachmentDownloads, 
-/* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+/* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */
 /**
  * Optional callback to define custom actions for attachments.
  */
@@ -13297,27 +13310,28 @@ actionsForAttachment) {
         React.createElement(ChatMessageContent, { message: message, strings: strings, 
             /* @conditional-compile-remove(mention) */
             mentionDisplayOptions: mentionDisplayOptions, inlineImageOptions: inlineImageOptions }),
-        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ onRenderAttachmentDownloads
+        /* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */ onRenderAttachmentDownloads
             ? onRenderAttachmentDownloads(message)
             : defaultOnRenderAttachmentDownloads(message, strings, 
-            /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+            /* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */
             actionsForAttachment)));
 }
 /**
  * Default component for rendering attachment downloads.
  */
-/* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+/* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */
 const defaultOnRenderAttachmentDownloads = (message, strings, actionsForAttachment) => {
     var _a;
     const attachments = 'attachments' in message ? message.attachments : undefined;
-    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+    /* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */
     return ((_a = attachments === null || attachments === void 0 ? void 0 : attachments.length) !== null && _a !== void 0 ? _a : 0) > 0 ? (React.createElement(_AttachmentDownloadCards, { message: message, 
-        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+        /* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */
         attachments: attachments, 
-        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+        /* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */
         actionsForAttachment: actionsForAttachment, 
-        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+        /* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */
         strings: {
+            /* @conditional-compile-remove(file-sharing-acs) */
             downloadAttachment: strings.downloadAttachment,
             openAttachment: strings.openAttachment,
             attachmentCardGroupMessage: strings.attachmentCardGroupMessage
@@ -13363,9 +13377,9 @@ const MessageBubble$1 = (props) => {
     const { userId, message, onRemoveClick, onResendClick, disableEditing, showDate, messageContainerStyle, strings, onEditClick, remoteParticipantsCount = 0, onRenderAvatar, showMessageStatus, messageStatus, inlineImageOptions, 
     /* @conditional-compile-remove(mention) */
     mentionDisplayOptions, onDisplayDateTimeString, 
-    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+    /* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */
     onRenderAttachmentDownloads, 
-    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+    /* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */
     actionsForAttachment } = props;
     const formattedTimestamp = React.useMemo(() => {
         const defaultTimeStamp = message.createdOn
@@ -13409,7 +13423,7 @@ const MessageBubble$1 = (props) => {
         // or not we need to set the target to undefined here to actually hide the action flyout
         setChatMessageActionFlyoutTarget(undefined);
     }, [setChatMessageActionFlyoutTarget]);
-    /* @conditional-compile-remove(attachment-upload) */
+    /* @conditional-compile-remove(file-sharing-acs) */
     const hasMultipleAttachments = React.useMemo(() => {
         return doesMessageContainMultipleAttachments(message);
     }, [message]);
@@ -13425,16 +13439,16 @@ const MessageBubble$1 = (props) => {
         return getMessageBubbleContent(message, strings, userId, inlineImageOptions, 
         /* @conditional-compile-remove(mention) */
         mentionDisplayOptions, 
-        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+        /* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */
         onRenderAttachmentDownloads, 
-        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+        /* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */
         actionsForAttachment);
     }, [
-        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ actionsForAttachment,
+        /* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */ actionsForAttachment,
         inlineImageOptions,
         /* @conditional-compile-remove(mention) */ mentionDisplayOptions,
         message,
-        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ onRenderAttachmentDownloads,
+        /* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */ onRenderAttachmentDownloads,
         strings,
         userId
     ]);
@@ -13451,7 +13465,7 @@ const MessageBubble$1 = (props) => {
                         : props.message.status === 'failed'
                             ? chatMessageCommonStyles.failed
                             : undefined, attached !== 'top' ? chatMyMessageStyles.bodyAttached : undefined, 
-                    /* @conditional-compile-remove(attachment-upload) */
+                    /* @conditional-compile-remove(file-sharing-acs) */
                     hasMultipleAttachments ? chatMyMessageStyles.multipleAttachments : undefined, react.mergeStyles(messageContainerStyle)),
                     style: Object.assign({}, createStyleFromV8Style(messageContainerStyle)),
                     ref: messageRef
@@ -13510,12 +13524,12 @@ const ChatMessageComponentAsEditBox = (props) => {
     /* @conditional-compile-remove(mention) */
     const { mentionLookupOptions } = props;
     const [textValue, setTextValue] = React.useState(message.content || '');
-    /* @conditional-compile-remove(attachment-upload) */
+    /* @conditional-compile-remove(file-sharing-acs) */
     const [attachmentMetadata, handleAttachmentAction] = React.useReducer(attachmentMetadataReducer, (_a = getMessageWithAttachmentMetadata(message)) !== null && _a !== void 0 ? _a : []);
     const editTextFieldRef = React.useRef(null);
     const theme = useTheme();
     const messageState = getMessageState(textValue, 
-    /* @conditional-compile-remove(attachment-upload) */ attachmentMetadata !== null && attachmentMetadata !== void 0 ? attachmentMetadata : []);
+    /* @conditional-compile-remove(file-sharing-acs) */ attachmentMetadata !== null && attachmentMetadata !== void 0 ? attachmentMetadata : []);
     const submitEnabled = messageState === 'OK';
     const editContainerStyles = useChatMessageEditContainerStyles();
     const chatMyMessageStyles = useChatMyMessageStyles();
@@ -13539,14 +13553,14 @@ const ChatMessageComponentAsEditBox = (props) => {
     const onRenderThemedSubmitIcon = React.useCallback((isHover) => {
         return onRenderSubmitIcon(iconClassName(isHover));
     }, [iconClassName]);
-    /* @conditional-compile-remove(attachment-upload) */
+    /* @conditional-compile-remove(file-sharing-acs) */
     const hasMultipleAttachments = React.useMemo(() => {
         return doesMessageContainMultipleAttachments(message);
     }, [message]);
     const editBoxStyles = React.useMemo(() => {
         return react.concatStyleSets(editBoxStyleSet, { textField: { borderColor: theme.palette.themePrimary } });
     }, [theme.palette.themePrimary]);
-    /* @conditional-compile-remove(attachment-upload) */
+    /* @conditional-compile-remove(file-sharing-acs) */
     const onRenderAttachmentUploads = React.useCallback(() => {
         return (!!attachmentMetadata &&
             attachmentMetadata.length > 0 && (React.createElement("div", { style: { margin: '0.25rem' } },
@@ -13566,7 +13580,7 @@ const ChatMessageComponentAsEditBox = (props) => {
                 }, onEnterKeyDown: () => {
                     submitEnabled &&
                         onSubmit(textValue, 
-                        /* @conditional-compile-remove(attachment-upload) */
+                        /* @conditional-compile-remove(file-sharing-acs) */
                         attachmentMetadata);
                 }, supportNewline: false, maxLength: MAXIMUM_LENGTH_OF_MESSAGE, errorMessage: textTooLongMessage, styles: editBoxStyles, 
                 /* @conditional-compile-remove(mention) */
@@ -13585,15 +13599,15 @@ const ChatMessageComponentAsEditBox = (props) => {
                             // if you set it to undefined, the attachments pre-edited would still be there
                             // until edit message event is received
                             submitEnabled &&
-                                onSubmit(textValue, /* @conditional-compile-remove(attachment-upload) */ attachmentMetadata);
+                                onSubmit(textValue, /* @conditional-compile-remove(file-sharing-acs) */ attachmentMetadata);
                             e.stopPropagation();
-                        }, id: 'submitIconWrapper' }))), /* @conditional-compile-remove(attachment-upload) */
+                        }, id: 'submitIconWrapper' }))), /* @conditional-compile-remove(file-sharing-acs) */
             onRenderAttachmentUploads()));
     };
     const attached = message.attached === true ? 'center' : message.attached === 'bottom' ? 'bottom' : 'top';
     return (React.createElement(reactChat.ChatMyMessage, { attached: attached, root: {
             className: reactComponents.mergeClasses(chatMyMessageStyles.root, 
-            /* @conditional-compile-remove(attachment-upload) */
+            /* @conditional-compile-remove(file-sharing-acs) */
             hasMultipleAttachments ? chatMyMessageStyles.multipleAttachments : undefined)
         }, body: {
             className: reactComponents.mergeClasses(editContainerStyles.body, message.failureReason !== undefined ? editContainerStyles.bodyError : editContainerStyles.bodyDefault, attached !== 'top' ? editContainerStyles.bodyAttached : undefined)
@@ -13631,7 +13645,7 @@ class _ErrorBoundary extends React.Component {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 /* @conditional-compile-remove(rich-text-editor) */
-const ChatMessageComponentAsRichTextEditBox = React.lazy(() => Promise.resolve().then(function () { return require('./ChatMessageComponentAsRichTextEditBox-BQpOd_cF.js'); }));
+const ChatMessageComponentAsRichTextEditBox = React.lazy(() => Promise.resolve().then(function () { return require('./ChatMessageComponentAsRichTextEditBox-CueWJlOs.js'); }));
 /**
  * @private
  * Use this function to load RoosterJS dependencies early in the lifecycle.
@@ -13639,7 +13653,7 @@ const ChatMessageComponentAsRichTextEditBox = React.lazy(() => Promise.resolve()
  *
  * @conditional-compile-remove(rich-text-editor)
  */
-const loadChatMessageComponentAsRichTextEditBox = () => Promise.resolve().then(function () { return require('./ChatMessageComponentAsRichTextEditBox-BQpOd_cF.js'); });
+const loadChatMessageComponentAsRichTextEditBox = () => Promise.resolve().then(function () { return require('./ChatMessageComponentAsRichTextEditBox-CueWJlOs.js'); });
 /**
  * @private
  */
@@ -13689,31 +13703,31 @@ const ChatMyMessageComponent = (props) => {
         }
     }, [onDeleteMessage, message.messageId, message.messageType, clientMessageId]);
     const onResendClick = React.useCallback(() => {
-        /* @conditional-compile-remove(attachment-upload) */
+        /* @conditional-compile-remove(file-sharing-acs) */
         const messageOptions = {
             attachments: `attachments` in message ? message.attachments : undefined
         };
         onDeleteMessage && clientMessageId && onDeleteMessage(clientMessageId);
         onSendMessage &&
             onSendMessage(content !== undefined ? content : '', 
-            /* @conditional-compile-remove(attachment-upload) */
+            /* @conditional-compile-remove(file-sharing-acs) */
             messageOptions);
     }, [onDeleteMessage, clientMessageId, onSendMessage, content, message]);
     const onSubmitHandler = React.useCallback(
     // due to a bug in babel, we can't use arrow function here
     // affecting conditional-compile-remove(attachment-upload)
     function (text, 
-    /* @conditional-compile-remove(attachment-upload) */
+    /* @conditional-compile-remove(file-sharing-acs) */
     attachments) {
         return __awaiter$C(this, void 0, void 0, function* () {
-            /* @conditional-compile-remove(attachment-upload) */
+            /* @conditional-compile-remove(file-sharing-acs) */
             if (`attachments` in message && attachments) {
                 message.attachments = attachments;
             }
             props.onUpdateMessage &&
                 message.messageId &&
                 (yield props.onUpdateMessage(message.messageId, text, 
-                /* @conditional-compile-remove(attachment-upload) */
+                /* @conditional-compile-remove(file-sharing-acs) */
                 {
                     attachments: attachments
                 }));
@@ -13755,19 +13769,19 @@ const FluentChatMyMessageComponent = (props) => {
     onDisplayDateTimeString, inlineImageOptions, 
     /* @conditional-compile-remove(mention) */
     mentionOptions, userId, defaultStatusRenderer, statusToRender, 
-    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+    /* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */
     actionsForAttachment, 
-    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+    /* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */
     onRenderAttachmentDownloads, 
     /* @conditional-compile-remove(rich-text-editor) */
     richTextEditor } = props;
     const chatMessageRenderStyles = useChatMessageRenderStyles();
-    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+    /* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */
     const onRenderAttachmentDownloadsMemo = React.useMemo(() => {
-        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+        /* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */
         return onRenderAttachmentDownloads;
     }, [
-        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ onRenderAttachmentDownloads
+        /* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */ onRenderAttachmentDownloads
     ]);
     // To rerender the defaultChatMessageRenderer if app running across days(every new day chat time stamp
     // needs to be regenerated), the dependency on "new Date().toDateString()"" is added.
@@ -13775,15 +13789,15 @@ const FluentChatMyMessageComponent = (props) => {
         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(attachment-download) @conditional-compile-remove(attachment-upload) */
+                /* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */
                 onRenderAttachmentDownloads: onRenderAttachmentDownloadsMemo, 
-                /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+                /* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */
                 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(attachment-download) @conditional-compile-remove(attachment-upload) */
+                /* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */
                 actionsForAttachment: actionsForAttachment, 
                 /* @conditional-compile-remove(rich-text-editor) */
                 richTextEditor: richTextEditor })));
@@ -13801,9 +13815,9 @@ const FluentChatMyMessageComponent = (props) => {
         inlineImageOptions,
         /* @conditional-compile-remove(mention) */
         mentionOptions,
-        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+        /* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */
         onRenderAttachmentDownloadsMemo,
-        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+        /* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */
         actionsForAttachment,
         // eslint-disable-next-line react-hooks/exhaustive-deps
         new Date().toDateString(),
@@ -13867,9 +13881,9 @@ const MessageBubble = (props) => {
     const theme = useTheme();
     const locale = useLocale$1();
     const { userId, message, showDate, messageContainerStyle, strings, 
-    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+    /* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */
     onRenderAttachmentDownloads, inlineImageOptions, shouldOverlapAvatarAndMessage, 
-    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+    /* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */
     actionsForAttachment, 
     /* @conditional-compile-remove(mention) */
     mentionDisplayOptions, onDisplayDateTimeString } = props;
@@ -13889,22 +13903,22 @@ const MessageBubble = (props) => {
         return getMessageBubbleContent(message, strings, userId, inlineImageOptions, 
         /* @conditional-compile-remove(mention) */
         mentionDisplayOptions, 
-        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+        /* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */
         onRenderAttachmentDownloads, 
-        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+        /* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */
         actionsForAttachment);
     }, [
-        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ actionsForAttachment,
+        /* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */ actionsForAttachment,
         inlineImageOptions,
         /* @conditional-compile-remove(mention) */ mentionDisplayOptions,
         message,
-        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */ onRenderAttachmentDownloads,
+        /* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */ onRenderAttachmentDownloads,
         strings,
         userId
     ]);
     const isBlockedMessage = /* @conditional-compile-remove(data-loss-prevention) */ message.messageType === 'blocked';
     const chatMessageCommonStyles = useChatMessageCommonStyles();
-    /* @conditional-compile-remove(attachment-upload) */
+    /* @conditional-compile-remove(file-sharing-acs) */
     const hasMultipleAttachments = React.useMemo(() => {
         return doesMessageContainMultipleAttachments(message);
     }, [message]);
@@ -13916,7 +13930,7 @@ const MessageBubble = (props) => {
         : props.message.status === 'failed'
             ? chatMessageCommonStyles.failed
             : undefined, shouldOverlapAvatarAndMessage ? chatMessageStyles.avatarOverlap : chatMessageStyles.avatarNoOverlap, 
-    /* @conditional-compile-remove(attachment-upload) */
+    /* @conditional-compile-remove(file-sharing-acs) */
     hasMultipleAttachments ? chatMessageStyles.multipleAttachments : undefined, message.attached === 'top' || message.attached === false
         ? chatMessageStyles.bodyWithAvatar
         : chatMessageStyles.bodyWithoutAvatar, 
@@ -13950,14 +13964,14 @@ const FluentChatMessageComponent = (props) => {
     const { message, styles, shouldOverlapAvatarAndMessage, onRenderMessage, onRenderAvatar, 
     /* @conditional-compile-remove(date-time-customization) */
     onDisplayDateTimeString, inlineImageOptions, 
-    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+    /* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */
     actionsForAttachment, userId, 
-    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+    /* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */
     onRenderAttachmentDownloads, 
     /* @conditional-compile-remove(mention) */
     mentionOptions } = props;
     const chatMessageRenderStyles = useChatMessageRenderStyles();
-    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+    /* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */
     const onRenderAttachmentDownloadsMemo = React.useMemo(() => {
         return onRenderAttachmentDownloads;
     }, [onRenderAttachmentDownloads]);
@@ -13967,25 +13981,25 @@ const FluentChatMessageComponent = (props) => {
         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(attachment-download) @conditional-compile-remove(attachment-upload) */
+                /* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */
                 onRenderAttachmentDownloads: onRenderAttachmentDownloadsMemo, strings: messageProps.strings, message: messageProps.message, userId: userId, shouldOverlapAvatarAndMessage: shouldOverlapAvatarAndMessage, 
                 /* @conditional-compile-remove(date-time-customization) */
                 onDisplayDateTimeString: onDisplayDateTimeString, inlineImageOptions: inlineImageOptions, 
-                /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+                /* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */
                 actionsForAttachment: actionsForAttachment, 
                 /* @conditional-compile-remove(mention) */
                 mentionDisplayOptions: mentionOptions === null || mentionOptions === void 0 ? void 0 : mentionOptions.displayOptions })));
         }
         return React.createElement(React.Fragment, null);
     }, [
-        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+        /* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */
         onRenderAttachmentDownloadsMemo,
         userId,
         shouldOverlapAvatarAndMessage,
         /* @conditional-compile-remove(date-time-customization) */
         onDisplayDateTimeString,
         inlineImageOptions,
-        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+        /* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */
         actionsForAttachment,
         /* @conditional-compile-remove(mention) */
         mentionOptions === null || mentionOptions === void 0 ? void 0 : mentionOptions.displayOptions
@@ -14269,9 +14283,9 @@ const MessageThreadWrapper = (props) => {
     onDisplayDateTimeString, 
     /* @conditional-compile-remove(mention) */
     mentionOptions, inlineImageOptions, 
-    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+    /* @conditional-compile-remove(file-sharing-acs) */
     attachmentOptions, 
-    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+    /* @conditional-compile-remove(file-sharing-acs) */
     onRenderAttachmentDownloads, 
     /* @conditional-compile-remove(rich-text-editor) */
     richTextEditor = false } = props;
@@ -14619,13 +14633,13 @@ const MessageThreadWrapper = (props) => {
                     messagesToDisplay.map((message) => {
                         var _a;
                         return (React.createElement(MemoChatMessageComponentWrapper, Object.assign({}, message, { userId: userId, key: message.key, styles: styles, shouldOverlapAvatarAndMessage: isNarrow, strings: strings, onRenderAvatar: onRenderAvatar, onRenderMessage: onRenderMessage, onRenderMessageStatus: onRenderMessageStatus, defaultStatusRenderer: defaultStatusRenderer, onActionButtonClick: onActionButtonClickMemo, readCount: readCountForHoveredIndicator, participantCount: participantCount, 
-                            /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+                            /* @conditional-compile-remove(file-sharing-acs) */
                             actionsForAttachment: (_a = attachmentOptions === null || attachmentOptions === void 0 ? void 0 : attachmentOptions.downloadOptions) === null || _a === void 0 ? void 0 : _a.actionsForAttachment, inlineImageOptions: inlineImageOptions, 
                             /* @conditional-compile-remove(date-time-customization) */
                             onDisplayDateTimeString: onDisplayDateTimeString, 
                             /* @conditional-compile-remove(mention) */
                             mentionOptions: mentionOptions, 
-                            /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+                            /* @conditional-compile-remove(file-sharing-acs) */
                             onRenderAttachmentDownloads: onRenderAttachmentDownloads, 
                             /* @conditional-compile-remove(rich-text-editor) */
                             richTextEditor: richTextEditor })));
@@ -24262,7 +24276,7 @@ const createDefaultChatHandlers = memoizeOne((chatClient, chatThreadClient) => {
                     content,
                     senderDisplayName: chatClient.getState().displayName
                 };
-                /* @conditional-compile-remove(attachment-upload) */
+                /* @conditional-compile-remove(file-sharing-acs) */
                 if (options &&
                     'attachments' in options &&
                     options.attachments &&
@@ -24280,16 +24294,16 @@ const createDefaultChatHandlers = memoizeOne((chatClient, chatThreadClient) => {
         // due to a bug in babel, we can't use arrow function here
         // affecting conditional-compile-remove(attachment-upload)
         onUpdateMessage: function (messageId, content, 
-        /* @conditional-compile-remove(attachment-upload) */
+        /* @conditional-compile-remove(file-sharing-acs) */
         options) {
             return __awaiter$v(this, void 0, void 0, function* () {
-                /* @conditional-compile-remove(attachment-upload) */
+                /* @conditional-compile-remove(file-sharing-acs) */
                 const updateMessageOptions = {
                     content,
                     metadata: Object.assign(Object.assign({}, options === null || options === void 0 ? void 0 : options.metadata), { fileSharingMetadata: JSON.stringify(options === null || options === void 0 ? void 0 : options.attachments) })
                 };
                 yield chatThreadClient.updateMessage(messageId, 
-                /* @conditional-compile-remove(attachment-upload) */
+                /* @conditional-compile-remove(file-sharing-acs) */
                 updateMessageOptions);
             });
         },
@@ -24666,7 +24680,7 @@ const memoizedAllConvertChatMessage = memoizeFnAll((_key, chatMessage, userId, i
         return convertToUiSystemMessage(chatMessage);
     }
 });
-/* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+/* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */
 const extractAttachmentMetadata = (metadata) => {
     const attachmentMetadata = metadata.fileSharingMetadata;
     if (!attachmentMetadata) {
@@ -24680,7 +24694,7 @@ const extractAttachmentMetadata = (metadata) => {
         return [];
     }
 };
-/* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+/* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */
 const extractTeamsAttachmentsMetadata = (rawAttachments) => {
     const attachments = [];
     rawAttachments.forEach((rawAttachment) => {
@@ -24714,7 +24728,7 @@ const convertToUiBlockedMessage = (message, userId, isSeen, isLargeGroup) => {
         link: DEFAULT_DATA_LOSS_PREVENTION_POLICY_URL
     };
 };
-/* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+/* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */
 const extractAttachmentUrl = (attachment) => {
     return attachment.previewUrl ? attachment.previewUrl : attachment.url || '';
 };
@@ -24787,7 +24801,7 @@ const extractAttachmentContentTypeFromName = (name) => {
     const contentType = name.substring(indexOfLastDot + 1);
     return contentType;
 };
-/* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+/* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */
 const extractAttachmentsMetadata = (message) => {
     var _a, _b;
     let attachments = [];
@@ -24802,7 +24816,7 @@ const extractAttachmentsMetadata = (message) => {
 };
 const convertToUiChatMessage = (message, userId, isSeen, isLargeGroup) => {
     const messageSenderId = message.sender !== undefined ? toFlatCommunicationIdentifier(message.sender) : userId;
-    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+    /* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */
     const { attachments } = extractAttachmentsMetadata(message);
     return {
         messageType: 'chat',
@@ -24818,7 +24832,7 @@ const convertToUiChatMessage = (message, userId, isSeen, isLargeGroup) => {
         deletedOn: message.deletedOn,
         mine: messageSenderId === userId,
         metadata: message.metadata,
-        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+        /* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */
         attachments
     };
 };
@@ -26550,7 +26564,7 @@ class ChatContext {
             thread,
             latestErrors: clientState.latestErrors
         };
-        /* @conditional-compile-remove(attachment-upload) */
+        /* @conditional-compile-remove(file-sharing-acs) */
         updatedState = Object.assign({}, updatedState);
         this.setState(updatedState);
     }
@@ -26684,30 +26698,30 @@ class AzureCommunicationChatAdapter {
         return __awaiter$o(this, void 0, void 0, function* () {
             return yield this.asyncTeeErrorToEventEmitter(() => __awaiter$o(this, void 0, void 0, function* () {
                 var _a;
-                /* @conditional-compile-remove(attachment-upload) */
+                /* @conditional-compile-remove(file-sharing-acs) */
                 const messageOptions = {};
-                /* @conditional-compile-remove(attachment-upload) */
+                /* @conditional-compile-remove(file-sharing-acs) */
                 if (options &&
                     // if options.attachments is an array or undefined (for removal all attachments),
                     // then given options is a MessageOptions
                     (Array.isArray(options.attachments) || options.attachments === undefined)) {
                     messageOptions.attachments = (_a = options.attachments) !== null && _a !== void 0 ? _a : [];
                 }
-                /* @conditional-compile-remove(attachment-upload) */
+                /* @conditional-compile-remove(file-sharing-acs) */
                 if (options &&
                     // if options.metadata is provided, we need to add it in MessageOptions
                     options.metadata &&
                     typeof options.metadata === 'object') {
                     messageOptions.metadata = options.metadata;
                 }
-                /* @conditional-compile-remove(attachment-upload) */
+                /* @conditional-compile-remove(file-sharing-acs) */
                 if (options && !('attachments' in options) && !('metadata' in options)) {
                     // if options don't have attachments or metadata,
                     // then it is a Record<string, string>
-                    /* @conditional-compile-remove(attachment-upload) */
+                    /* @conditional-compile-remove(file-sharing-acs) */
                     return yield this.handlers.onUpdateMessage(messageId, content, options);
                 }
-                /* @conditional-compile-remove(attachment-upload) */
+                /* @conditional-compile-remove(file-sharing-acs) */
                 return yield this.handlers.onUpdateMessage(messageId, content, messageOptions);
             }));
         });
@@ -27088,7 +27102,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(attachment-upload) */
+    /* @conditional-compile-remove(file-sharing-acs) */
     SendBoxAttachFile: React.createElement(reactIcons.Attach20Regular, null),
     /* @conditional-compile-remove(PSTN-calls) */
     PeoplePaneAddPerson: React.createElement(reactIcons.PersonAdd20Regular, null),
@@ -27473,6 +27487,7 @@ var AttachmentUploadActionType;
     AttachmentUploadActionType["Remove"] = "remove";
     AttachmentUploadActionType["Clear"] = "clear";
 })(AttachmentUploadActionType || (AttachmentUploadActionType = {}));
+/* @conditional-compile-remove(file-sharing-acs) */
 /**
  * @internal
  */
@@ -27501,6 +27516,8 @@ const AttachmentUploadReducer = (state, action) => {
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
+/* @conditional-compile-remove(file-sharing-acs) */
+/* @conditional-compile-remove(file-sharing-acs) */
 /**
  * @internal
  */
@@ -27542,10 +27559,12 @@ const AttachmentUploadButton = (props) => {
                 onChange && onChange(e.currentTarget.files);
             } })));
 };
+/* @conditional-compile-remove(file-sharing-acs) */
 const SendBoxAttachFileIconTrampoline = () => {
-    /* @conditional-compile-remove(attachment-upload) */
+    /* @conditional-compile-remove(file-sharing-acs) */
     return React.createElement(ChatCompositeIcon, { iconName: "SendBoxAttachFile" });
 };
+/* @conditional-compile-remove(file-sharing-acs) */
 /**
  * A wrapper to return {@link AttachmentUploadButton} component conditionally.
  * It will return `<></>` for stable builds.
@@ -27556,11 +27575,12 @@ const AttachmentUploadButtonWrapper = (
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 props) => {
     return (React.createElement(React.Fragment, null, 
-    /* @conditional-compile-remove(attachment-upload) */
+    /* @conditional-compile-remove(file-sharing-acs) */
     React.createElement(AttachmentUploadButton, Object.assign({}, props))));
 };
+/* @conditional-compile-remove(file-sharing-acs) */
 const uploadAttachmentButtonStringTrampoline = () => {
-    /* @conditional-compile-remove(attachment-upload) */
+    /* @conditional-compile-remove(file-sharing-acs) */
     //eslint-disable-next-line react-hooks/rules-of-hooks
     return useLocale().strings.chat.uploadAttachment;
 };
@@ -27651,7 +27671,7 @@ const createCompositeHandlers$1 = memoizeOne((adapter) => ({
     // have to use `any` here so we don't import from Chat SDK
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     onSendMessage: (content, options) => {
-        /* @conditional-compile-remove(attachment-upload) */
+        /* @conditional-compile-remove(file-sharing-acs) */
         if (options &&
             'attachments' in options &&
             options.attachments &&
@@ -27670,14 +27690,14 @@ const createCompositeHandlers$1 = memoizeOne((adapter) => ({
     onRemoveParticipant: adapter.removeParticipant,
     updateThreadTopicName: adapter.setTopic,
     onUpdateMessage: function (messageId, content, 
-    /* @conditional-compile-remove(attachment-upload) */
+    /* @conditional-compile-remove(file-sharing-acs) */
     options) {
-        /* @conditional-compile-remove(attachment-upload) */
+        /* @conditional-compile-remove(file-sharing-acs) */
         const adapterMessageOptions = {
             attachments: options === null || options === void 0 ? void 0 : options.attachments
         };
         return adapter.updateMessage(messageId, content, 
-        /* @conditional-compile-remove(attachment-upload) */ adapterMessageOptions);
+        /* @conditional-compile-remove(file-sharing-acs) */ adapterMessageOptions);
     },
     onDeleteMessage: adapter.deleteMessage
 }));
@@ -27944,7 +27964,7 @@ const AttachmentDownloadErrorBar = (props) => {
 /**
  * Wrapper for RichTextSendBox component to allow us to use usePropsFor with richTextSendBox with lazy loading
  */
-const RichTextSendBoxWrapper = React.lazy(() => Promise.resolve().then(function () { return require('./RichTextSendBoxWrapper-CBQNEhRD.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper })));
+const RichTextSendBoxWrapper = React.lazy(() => Promise.resolve().then(function () { return require('./RichTextSendBoxWrapper-DORQ6cdT.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper })));
 /**
  * @private
  * Use this function to load RoosterJS dependencies early in the lifecycle.
@@ -27952,7 +27972,7 @@ const RichTextSendBoxWrapper = React.lazy(() => Promise.resolve().then(function
  *
 /* @conditional-compile-remove(rich-text-editor-composite-support)
  */
-const loadRichTextSendBox = () => Promise.resolve().then(function () { return require('./RichTextSendBoxWrapper-CBQNEhRD.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper }));
+const loadRichTextSendBox = () => Promise.resolve().then(function () { return require('./RichTextSendBoxWrapper-DORQ6cdT.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper }));
 /**
  * @private
  */
@@ -27991,13 +28011,15 @@ var __awaiter$m = (window && window.__awaiter) || function (thisArg, _arguments,
  */
 const ChatScreen = (props) => {
     var _a, _b, _c, _d;
-    const { onFetchAvatarPersonaData, onRenderMessage, onRenderTypingIndicator, options, styles, attachmentOptions, formFactor } = props;
+    const { onFetchAvatarPersonaData, onRenderMessage, onRenderTypingIndicator, options, styles, 
+    /* @conditional-compile-remove(file-sharing-acs) */
+    attachmentOptions, formFactor } = props;
     const defaultNumberOfChatMessagesToReload = 5;
-    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+    /* @conditional-compile-remove(file-sharing-acs) */
     const [downloadErrorMessage, setDownloadErrorMessage] = React.useState('');
     const [overlayImageItem, setOverlayImageItem] = React.useState();
     const [isImageOverlayOpen, setIsImageOverlayOpen] = React.useState(false);
-    /* @conditional-compile-remove(attachment-upload) */
+    /* @conditional-compile-remove(file-sharing-acs) */
     const [uploads, handleUploadAction] = React.useReducer(AttachmentUploadReducer, []);
     const adapter = useAdapter$1();
     const theme = useTheme();
@@ -28066,7 +28088,7 @@ const ChatScreen = (props) => {
         return Object.assign({}, styles === null || styles === void 0 ? void 0 : styles.sendBox);
     }, [styles === null || styles === void 0 ? void 0 : styles.sendBox]);
     const userId = toFlatCommunicationIdentifier(adapter.getState().userId);
-    /* @conditional-compile-remove(attachment-upload) */
+    /* @conditional-compile-remove(file-sharing-acs) */
     const attachmentUploadButtonOnChange = React.useCallback((files) => {
         var _a;
         if (!files) {
@@ -28102,7 +28124,7 @@ const ChatScreen = (props) => {
         handleUploadAction({ type: AttachmentUploadActionType.Set, newUploads });
         (_a = attachmentOptions === null || attachmentOptions === void 0 ? void 0 : attachmentOptions.uploadOptions) === null || _a === void 0 ? void 0 : _a.handleAttachmentSelection(newUploads);
     }, [attachmentOptions === null || attachmentOptions === void 0 ? void 0 : attachmentOptions.uploadOptions]);
-    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+    /* @conditional-compile-remove(file-sharing-acs) */
     const onRenderAttachmentDownloads = React.useCallback((message) => {
         var _a, _b, _c;
         return ((_b = (_a = message === null || message === void 0 ? void 0 : message.attachments) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0 > 0) ? (React.createElement(_AttachmentDownloadCards, { attachments: message.attachments, message: message, actionsForAttachment: (_c = attachmentOptions === null || attachmentOptions === void 0 ? void 0 : attachmentOptions.downloadOptions) === null || _c === void 0 ? void 0 : _c.actionsForAttachment, onActionHandlerFailed: (errorMessage) => {
@@ -28197,44 +28219,42 @@ const ChatScreen = (props) => {
             document.body.removeChild(a);
         }
     }, [overlayImageItem === null || overlayImageItem === void 0 ? void 0 : overlayImageItem.attachmentId]);
+    /* @conditional-compile-remove(file-sharing-acs) */
     const AttachmentButton = React.useCallback(() => {
         var _a, _b, _c;
-        /* @conditional-compile-remove(attachment-upload) */
         if (!((_a = attachmentOptions === null || attachmentOptions === void 0 ? void 0 : attachmentOptions.uploadOptions) === null || _a === void 0 ? void 0 : _a.handleAttachmentSelection)) {
             return null;
         }
-        /* @conditional-compile-remove(attachment-upload) */
         return (React.createElement(AttachmentUploadButtonWrapper, { supportedMediaTypes: (_b = attachmentOptions === null || attachmentOptions === void 0 ? void 0 : attachmentOptions.uploadOptions) === null || _b === void 0 ? void 0 : _b.supportedMediaTypes, disableMultipleUploads: (_c = attachmentOptions === null || attachmentOptions === void 0 ? void 0 : attachmentOptions.uploadOptions) === null || _c === void 0 ? void 0 : _c.disableMultipleUploads, onChange: attachmentUploadButtonOnChange }));
     }, [
         (_b = attachmentOptions === null || attachmentOptions === void 0 ? void 0 : attachmentOptions.uploadOptions) === null || _b === void 0 ? void 0 : _b.handleAttachmentSelection,
         (_c = attachmentOptions === null || attachmentOptions === void 0 ? void 0 : attachmentOptions.uploadOptions) === null || _c === void 0 ? void 0 : _c.supportedMediaTypes,
         (_d = attachmentOptions === null || attachmentOptions === void 0 ? void 0 : attachmentOptions.uploadOptions) === null || _d === void 0 ? void 0 : _d.disableMultipleUploads,
-        /* @conditional-compile-remove(attachment-upload) */
         attachmentUploadButtonOnChange
     ]);
-    /* @conditional-compile-remove(attachment-upload) */
+    /* @conditional-compile-remove(file-sharing-acs) */
     const attachments = React.useMemo(() => {
         return uploads === null || uploads === void 0 ? void 0 : uploads.map((v) => v.metadata);
     }, [uploads]);
     const onSendMessageHandler = React.useCallback(function (content, 
-    /* @conditional-compile-remove(attachment-upload) */ /* @conditional-compile-remove(rich-text-editor-composite-support) */ options) {
+    /* @conditional-compile-remove(file-sharing-acs) */ /* @conditional-compile-remove(rich-text-editor-composite-support) */ options) {
         return __awaiter$m(this, void 0, void 0, function* () {
             var _a;
-            /* @conditional-compile-remove(attachment-upload) */
+            /* @conditional-compile-remove(file-sharing-acs) */
             const attachments = (_a = options === null || options === void 0 ? void 0 : options.attachments) !== null && _a !== void 0 ? _a : [];
-            /* @conditional-compile-remove(attachment-upload) */
+            /* @conditional-compile-remove(file-sharing-acs) */
             handleUploadAction({ type: AttachmentUploadActionType.Clear });
-            /* @conditional-compile-remove(attachment-upload) */
+            /* @conditional-compile-remove(file-sharing-acs) */
             yield adapter.sendMessage(content, {
                 attachments: attachments,
                 /* @conditional-compile-remove(rich-text-editor-composite-support) */
                 type: options === null || options === void 0 ? void 0 : options.type
             });
-            /* @conditional-compile-remove(attachment-upload) */
+            /* @conditional-compile-remove(file-sharing-acs) */
             return;
         });
     }, [adapter]);
-    /* @conditional-compile-remove(attachment-upload) */
+    /* @conditional-compile-remove(file-sharing-acs) */
     const onCancelUploadHandler = React.useCallback((id) => {
         var _a, _b;
         handleUploadAction({ type: AttachmentUploadActionType.Remove, id });
@@ -28245,32 +28265,36 @@ 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(attachment-download) @conditional-compile-remove(attachment-upload) */
+                /* @conditional-compile-remove(file-sharing-acs) */
                 React.createElement(AttachmentDownloadErrorBar, { onDismissDownloadErrorMessage: React.useCallback(() => {
                         setDownloadErrorMessage('');
                     }, []), attachmentDownloadErrorMessage: downloadErrorMessage || '' }),
                 React.createElement(MessageThread, Object.assign({}, messageThreadProps, { onRenderAvatar: onRenderAvatarCallback, onRenderMessage: onRenderMessage, 
-                    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+                    /* @conditional-compile-remove(file-sharing-acs) */
                     onRenderAttachmentDownloads: onRenderAttachmentDownloads, inlineImageOptions: inlineImageOptions, numberOfChatMessagesToReload: defaultNumberOfChatMessagesToReload, styles: messageThreadStyles, 
                     /* @conditional-compile-remove(rich-text-editor-composite-support) */
                     richTextEditor: options === null || options === void 0 ? void 0 : options.richTextEditor })),
                 React.createElement(react.Stack, { className: react.mergeStyles(sendboxContainerStyles) },
                     React.createElement("div", { className: react.mergeStyles(typingIndicatorContainerStyles) }, onRenderTypingIndicator ? (onRenderTypingIndicator(typingIndicatorProps.typingUsers)) : (React.createElement(TypingIndicator, Object.assign({}, typingIndicatorProps, { styles: typingIndicatorStyles })))),
                     React.createElement(react.Stack, { horizontal: formFactor === 'mobile' },
-                        formFactor === 'mobile' && (React.createElement(react.Stack, { verticalAlign: "center" },
+                        formFactor === 'mobile' && (
+                        /* @conditional-compile-remove(file-sharing-acs) */
+                        React.createElement(react.Stack, { verticalAlign: "center" },
                             React.createElement(AttachmentButton, null))),
                         React.createElement(react.Stack, { grow: true },
                             React.createElement(SendBoxPicker, { styles: sendBoxStyles, autoFocus: options === null || options === void 0 ? void 0 : options.autoFocus, 
                                 /* @conditional-compile-remove(rich-text-editor-composite-support) */
                                 richTextEditor: options === null || options === void 0 ? void 0 : options.richTextEditor, 
-                                /* @conditional-compile-remove(attachment-upload) */
+                                /* @conditional-compile-remove(file-sharing-acs) */
                                 attachments: attachments, 
-                                /* @conditional-compile-remove(attachment-upload) */
+                                /* @conditional-compile-remove(file-sharing-acs) */
                                 onCancelAttachmentUpload: onCancelUploadHandler, 
                                 // we need to overwrite onSendMessage for SendBox because we need to clear attachment state
                                 // when submit button is clicked
                                 onSendMessage: onSendMessageHandler })),
-                        formFactor !== 'mobile' && React.createElement(AttachmentButton, null)))),
+                        formFactor !== 'mobile' && (
+                        /* @conditional-compile-remove(file-sharing-acs) */
+                        React.createElement(AttachmentButton, null))))),
             /* @conditional-compile-remove(chat-composite-participant-pane) */
             (options === null || options === void 0 ? void 0 : options.participantPane) === true && (React.createElement(ChatScreenPeoplePane, { onFetchAvatarPersonaData: onFetchAvatarPersonaData, onFetchParticipantMenuItems: props.onFetchParticipantMenuItems, isMobile: formFactor === 'mobile' }))),
         overlayImageItem && (React.createElement(ImageOverlay, Object.assign({}, overlayImageItem, { isOpen: isImageOverlayOpen, onDismiss: () => {
@@ -28295,17 +28319,17 @@ const ChatScreen = (props) => {
  */
 const ChatComposite = (props) => {
     const { adapter, options, onFetchAvatarPersonaData, onRenderTypingIndicator, onRenderMessage, onFetchParticipantMenuItems } = props;
-    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+    /* @conditional-compile-remove(file-sharing-acs) */
     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(attachment-download) @conditional-compile-remove(attachment-upload) */
+                /* @conditional-compile-remove(file-sharing-acs) */
                 , { 
-                    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+                    /* @conditional-compile-remove(file-sharing-acs) */
                     formFactor: formFactor, options: options, onFetchAvatarPersonaData: onFetchAvatarPersonaData, onRenderTypingIndicator: onRenderTypingIndicator, onRenderMessage: onRenderMessage, onFetchParticipantMenuItems: onFetchParticipantMenuItems, 
-                    /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+                    /* @conditional-compile-remove(file-sharing-acs) */
                     attachmentOptions: options === null || options === void 0 ? void 0 : options.attachmentOptions })))));
 };
 
@@ -38594,10 +38618,10 @@ class CallWithChatBackedChatAdapter {
         // affecting conditional-compile-remove(attachment-upload)
         // have to bind this since the scope of 'this' is lost when the function is passed as a callback
         this.sendMessageHandler = function (content, 
-        /* @conditional-compile-remove(attachment-upload) */
+        /* @conditional-compile-remove(file-sharing-acs) */
         options) {
             return __awaiter$3(this, void 0, void 0, function* () {
-                yield this.callWithChatAdapter.sendMessage(content, /* @conditional-compile-remove(attachment-upload) */ options);
+                yield this.callWithChatAdapter.sendMessage(content, /* @conditional-compile-remove(file-sharing-acs) */ options);
             });
         };
         this.sendMessage = this.sendMessageHandler.bind(this);
@@ -39003,13 +39027,13 @@ const CallWithChatScreen = (props) => {
             topic: false,
             /* @conditional-compile-remove(chat-composite-participant-pane) */
             participantPane: false,
-            /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+            /* @conditional-compile-remove(file-sharing-acs) */
             attachmentOptions: props.attachmentOptions,
             /* @conditional-compile-remove(rich-text-editor-composite-support) */
             richTextEditor: props.richTextEditor
         }, onFetchAvatarPersonaData: props.onFetchAvatarPersonaData })), [
         chatAdapter,
-        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+        /* @conditional-compile-remove(file-sharing-acs) */
         props.attachmentOptions,
         props.onFetchAvatarPersonaData,
         /* @conditional-compile-remove(rich-text-editor-composite-support) */ props.richTextEditor,
@@ -39061,7 +39085,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(attachment-download) @conditional-compile-remove(attachment-upload) */
+            /* @conditional-compile-remove(file-sharing-acs) */
             attachmentOptions: options === null || options === void 0 ? void 0 : options.attachmentOptions, localVideoTile: options === null || options === void 0 ? void 0 : options.localVideoTile, galleryOptions: options === null || options === void 0 ? void 0 : options.galleryOptions, logo: (_a = options === null || options === void 0 ? void 0 : options.branding) === null || _a === void 0 ? void 0 : _a.logo, backgroundImage: (_b = options === null || options === void 0 ? void 0 : options.branding) === null || _b === void 0 ? void 0 : _b.backgroundImage, surveyOptions: options === null || options === void 0 ? void 0 : options.surveyOptions, 
             /* @conditional-compile-remove(spotlight) */
             spotlight: options === null || options === void 0 ? void 0 : options.spotlight }))));
@@ -39467,11 +39491,11 @@ class AzureCommunicationCallWithChatAdapter {
     }
     /** Send a chat message. */
     sendMessage(content, 
-    /* @conditional-compile-remove(attachment-upload) */
+    /* @conditional-compile-remove(file-sharing-acs) */
     options) {
         return __awaiter$2(this, void 0, void 0, function* () {
             return yield this.executeWithResolvedChatAdapter((adapter) => {
-                return adapter.sendMessage(content, /* @conditional-compile-remove(attachment-upload) */ options);
+                return adapter.sendMessage(content, /* @conditional-compile-remove(file-sharing-acs) */ options);
             });
         });
     }
@@ -40687,4 +40711,4 @@ exports.useTeamsCall = useTeamsCall;
 exports.useTeamsCallAdapter = useTeamsCallAdapter;
 exports.useTeamsCallAgent = useTeamsCallAgent;
 exports.useTheme = useTheme;
-//# sourceMappingURL=index-xYWFdTrM.js.map
+//# sourceMappingURL=index-B4rHuheV.js.map