@azure/communication-react 1.11.1-alpha-202312210012 → 1.11.1-alpha-202312230012

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

@@ -170,7 +170,7 @@ function getDefaultExportFromCjs (x) {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 // GENERATED FILE. DO NOT EDIT MANUALLY.
-var telemetryVersion = '1.11.1-alpha-202312210012';
+var telemetryVersion = '1.11.1-alpha-202312230012';
 
 
 var telemetryVersion$1 = /*@__PURE__*/getDefaultExportFromCjs(telemetryVersion);
@@ -5939,13 +5939,12 @@ const lightTheme = {
         /* @conditional-compile-remove(raise-hand) */
         raiseHandGold: '#eaa300'
     },
-    /* @conditional-compile-remove(image-gallery) */
     chatPalette: {
-        modalOverlayBlack: '#000000',
-        modalTitleWhite: '#ffffff',
-        modalButtonBackground: '#1b1a19',
-        modalButtonBackgroundHover: '#252423',
-        modalButtonBackgroundActive: '#292827'
+        imageGalleryOverlayBlack: '#000000',
+        imageGalleryTitleWhite: '#ffffff',
+        imageGalleryDefaultButtonBackground: '#1b1a19',
+        imageGalleryButtonBackgroundHover: '#252423',
+        imageGalleryButtonBackgroundActive: '#292827'
     },
     semanticColors: {
         errorText: '#a80000'
@@ -5990,13 +5989,12 @@ const darkTheme = {
         /* @conditional-compile-remove(raise-hand) */
         raiseHandGold: '#eaa300'
     },
-    /* @conditional-compile-remove(image-gallery) */
     chatPalette: {
-        modalOverlayBlack: '#000000',
-        modalTitleWhite: '#ffffff',
-        modalButtonBackground: '#1b1a19',
-        modalButtonBackgroundHover: '#252423',
-        modalButtonBackgroundActive: '#292827'
+        imageGalleryOverlayBlack: '#000000',
+        imageGalleryTitleWhite: '#ffffff',
+        imageGalleryDefaultButtonBackground: '#1b1a19',
+        imageGalleryButtonBackgroundHover: '#252423',
+        imageGalleryButtonBackgroundActive: '#292827'
     },
     semanticColors: {
         errorText: '#f1707b'
@@ -6027,7 +6025,6 @@ const wrapper = react.mergeStyles({
 const defaultTheme = Object.assign({}, react.mergeThemes(react.getTheme(), lightTheme));
 /** Theme context for library's react components */
 const ThemeContext = React.createContext(defaultTheme);
-const SingleUsageCheckContext = React.createContext(false);
 /**
  * Provider to apply a Fluent theme across this library's react components.
  *
@@ -6038,21 +6035,10 @@ const SingleUsageCheckContext = React.createContext(false);
  */
 const FluentThemeProvider = (props) => {
     const { fluentTheme, rtl, children } = props;
-    /**
-     * Pass only the children if we previously wrapped.
-     * This is to prevent the provider from being applied
-     * multiple times and wiping out configuration like RTL
-     * FluentThemeProvider
-     */
-    const alreadyWrapped = useSingleUsageCheck();
-    if (alreadyWrapped) {
-        return React.createElement(React.Fragment, null, children);
-    }
     let fluentV8Theme = react.mergeThemes(defaultTheme, fluentTheme);
     fluentV8Theme = react.mergeThemes(fluentV8Theme, { rtl });
-    return (React.createElement(SingleUsageCheckContext.Provider, { value: true },
-        React.createElement(ThemeContext.Provider, { value: fluentV8Theme },
-            React.createElement(react.ThemeProvider, { theme: fluentV8Theme, className: wrapper }, children))));
+    return (React.createElement(ThemeContext.Provider, { value: fluentV8Theme },
+        React.createElement(react.ThemeProvider, { theme: fluentV8Theme, className: wrapper }, children)));
 };
 /**
  * React hook to access theme
@@ -6060,12 +6046,6 @@ const FluentThemeProvider = (props) => {
  * @public
  */
 const useTheme = () => React.useContext(ThemeContext);
-/**
- * This is used to prevent the provider from being applied multiple times.
- *
- * @private
- */
-const useSingleUsageCheck = () => React.useContext(SingleUsageCheckContext);
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
@@ -8507,14 +8487,13 @@ const cancelIcon = { iconName: 'Cancel' };
 const downloadIcon = {
     iconName: 'Download'
 };
-/* @conditional-compile-remove(image-gallery) */
 /**
  * @private
  */
 const overlayStyles = (theme) => {
     return {
         root: {
-            background: theme.chatPalette.modalOverlayBlack,
+            background: theme.chatPalette.imageGalleryOverlayBlack,
             opacity: '0.85'
         }
     };
@@ -8564,14 +8543,13 @@ const titleBarContainerStyle = {
     alignContent: 'center',
     alignItems: 'center'
 };
-/* @conditional-compile-remove(image-gallery) */
 /**
  * @private
  */
 const titleStyle$2 = (theme) => {
     return {
         paddingLeft: '0.5rem',
-        color: theme.chatPalette.modalTitleWhite,
+        color: theme.chatPalette.imageGalleryTitleWhite,
         fontFamily: 'inherit',
         fontSize: '0.875rem',
         fontStyle: 'normal',
@@ -8619,33 +8597,30 @@ const normalImageStyle = {
     maxHeight: '100%',
     maxWidth: '100%'
 };
-/* @conditional-compile-remove(image-gallery) */
 /**
  * @private
  */
 const brokenImageStyle = (theme) => {
     return {
-        color: theme.chatPalette.modalTitleWhite
+        color: theme.chatPalette.imageGalleryTitleWhite
     };
 };
-/* @conditional-compile-remove(image-gallery) */
 /**
  * @private
  */
 const closeButtonStyles = (theme) => {
     return {
-        color: theme.chatPalette.modalTitleWhite,
+        color: theme.chatPalette.imageGalleryTitleWhite,
         ':hover': {
-            color: theme.chatPalette.modalTitleWhite,
-            backgroundColor: theme.chatPalette.modalButtonBackgroundHover
+            color: theme.chatPalette.imageGalleryTitleWhite,
+            backgroundColor: theme.chatPalette.imageGalleryButtonBackgroundHover
         },
         ':active': {
-            color: theme.chatPalette.modalTitleWhite,
-            backgroundColor: theme.chatPalette.modalButtonBackgroundActive
+            color: theme.chatPalette.imageGalleryTitleWhite,
+            backgroundColor: theme.chatPalette.imageGalleryButtonBackgroundActive
         }
     };
 };
-/* @conditional-compile-remove(image-gallery) */
 /**
  * @private
  */
@@ -8658,38 +8633,37 @@ const downloadButtonStyle = (theme) => {
         fontWeight: 600,
         padding: '0.38rem 0.75rem',
         borderRadius: '4px',
-        backgroundColor: theme.chatPalette.modalButtonBackground,
-        color: theme.chatPalette.modalTitleWhite,
+        backgroundColor: theme.chatPalette.imageGalleryDefaultButtonBackground,
+        color: theme.chatPalette.imageGalleryTitleWhite,
         whiteSpace: 'nowrap',
         ':hover': {
-            color: theme.chatPalette.modalTitleWhite,
-            backgroundColor: theme.chatPalette.modalButtonBackgroundHover
+            color: theme.chatPalette.imageGalleryTitleWhite,
+            backgroundColor: theme.chatPalette.imageGalleryButtonBackgroundHover
         },
         ':active': {
-            color: theme.chatPalette.modalTitleWhite,
-            backgroundColor: theme.chatPalette.modalButtonBackgroundActive
+            color: theme.chatPalette.imageGalleryTitleWhite,
+            backgroundColor: theme.chatPalette.imageGalleryButtonBackgroundActive
         },
         '@media (max-width: 25rem)': {
             display: 'none'
         }
     };
 };
-/* @conditional-compile-remove(image-gallery) */
 /**
  * @private
  */
 const smallDownloadButtonContainerStyle = (theme) => {
     return {
         marginRight: '0.5rem',
-        color: theme.chatPalette.modalTitleWhite,
+        color: theme.chatPalette.imageGalleryTitleWhite,
         whiteSpace: 'nowrap',
         ':hover': {
-            color: theme.chatPalette.modalTitleWhite,
-            backgroundColor: theme.chatPalette.modalButtonBackgroundHover
+            color: theme.chatPalette.imageGalleryTitleWhite,
+            backgroundColor: theme.chatPalette.imageGalleryButtonBackgroundHover
         },
         ':active': {
-            color: theme.chatPalette.modalTitleWhite,
-            backgroundColor: theme.chatPalette.modalButtonBackgroundActive
+            color: theme.chatPalette.imageGalleryTitleWhite,
+            backgroundColor: theme.chatPalette.imageGalleryButtonBackgroundActive
         },
         '@media (min-width: 25rem)': {
             display: 'none'
@@ -8699,17 +8673,14 @@ const smallDownloadButtonContainerStyle = (theme) => {
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-/* @conditional-compile-remove(image-gallery) */
-/* @conditional-compile-remove(image-gallery) */
 /**
  * Component to render a fullscreen modal for a selected image.
  *
- * @beta
+ * @public
  */
 const ImageGallery = (props) => {
     const { isOpen, images, onImageDownloadButtonClicked, onDismiss, onError, startIndex = 0 } = props;
     const theme = useTheme();
-    /* @conditional-compile-remove(image-gallery) */
     const localeStrings = useLocale$1().strings.imageGallery;
     const [isImageLoaded, setIsImageLoaded] = React.useState(true);
     const imageStyle = isImageLoaded ? normalImageStyle : brokenImageStyle(theme);
@@ -8720,13 +8691,9 @@ const ImageGallery = (props) => {
                 image.titleIcon,
                 React.createElement(react.Stack.Item, { className: react.mergeStyles(titleStyle$2(theme)), "aria-label": image === null || image === void 0 ? void 0 : image.title }, image === null || image === void 0 ? void 0 : image.title)),
             React.createElement(react.Stack, { className: react.mergeStyles(controlBarContainerStyle) },
-                React.createElement(react.DefaultButton, { className: react.mergeStyles(downloadButtonStyle(theme)), 
-                    /* @conditional-compile-remove(image-gallery) */
-                    text: localeStrings.downloadButtonLabel, onClick: () => onImageDownloadButtonClicked((image === null || image === void 0 ? void 0 : image.imageUrl) || '', (image === null || image === void 0 ? void 0 : image.downloadFilename) || 'image'), onRenderIcon: () => React.createElement(react.Icon, { iconName: downloadIcon.iconName, className: react.mergeStyles(downloadIconStyle) }), "aria-live": 'polite', "aria-label": localeStrings.downloadButtonLabel }),
+                React.createElement(react.DefaultButton, { className: react.mergeStyles(downloadButtonStyle(theme)), text: localeStrings.downloadButtonLabel, onClick: () => onImageDownloadButtonClicked((image === null || image === void 0 ? void 0 : image.imageUrl) || '', (image === null || image === void 0 ? void 0 : image.downloadFilename) || 'image'), onRenderIcon: () => React.createElement(react.Icon, { iconName: downloadIcon.iconName, className: react.mergeStyles(downloadIconStyle) }), "aria-live": 'polite', "aria-label": localeStrings.downloadButtonLabel }),
                 React.createElement(react.IconButton, { iconProps: downloadIcon, className: react.mergeStyles(smallDownloadButtonContainerStyle(theme)), onClick: () => onImageDownloadButtonClicked(image === null || image === void 0 ? void 0 : image.imageUrl, image === null || image === void 0 ? void 0 : image.downloadFilename), "aria-label": localeStrings.downloadButtonLabel, "aria-live": 'polite' }),
-                React.createElement(react.IconButton, { iconProps: cancelIcon, className: react.mergeStyles(closeButtonStyles(theme)), onClick: onDismiss, 
-                    /* @conditional-compile-remove(image-gallery) */
-                    ariaLabel: localeStrings.dismissButtonAriaLabel, "aria-live": 'polite' }))));
+                React.createElement(react.IconButton, { iconProps: cancelIcon, className: react.mergeStyles(closeButtonStyles(theme)), onClick: onDismiss, ariaLabel: localeStrings.dismissButtonAriaLabel, "aria-live": 'polite' }))));
     };
     const renderBodyWithLightDismiss = () => {
         return (React.createElement(react.Stack, { className: react.mergeStyles(bodyContainer), onClick: () => props.onDismiss() }, images.length > startIndex && (React.createElement("img", { src: image === null || image === void 0 ? void 0 : image.imageUrl, className: react.mergeStyles(imageStyle), alt: (image === null || image === void 0 ? void 0 : image.altText) || 'image', "aria-label": 'image-gallery-main-image', "aria-live": 'polite', onError: (event) => {
@@ -9883,10 +9850,12 @@ const ChatMessageComponentAsEditBox = (props) => {
     /* @conditional-compile-remove(mention) */
     const { mentionLookupOptions } = props;
     const [textValue, setTextValue] = React.useState(message.content || '');
+    /* @conditional-compile-remove(file-sharing) */
     const [attachmentMetadata, setAttachedFilesMetadata] = React.useState(getMessageAttachedFilesMetadata(message));
     const editTextFieldRef = React.useRef(null);
     const theme = useTheme();
-    const messageState = getMessageState(textValue, attachmentMetadata !== null && attachmentMetadata !== void 0 ? attachmentMetadata : []);
+    const messageState = getMessageState(textValue, 
+    /* @conditional-compile-remove(file-sharing) */ attachmentMetadata !== null && attachmentMetadata !== void 0 ? attachmentMetadata : []);
     const submitEnabled = messageState === 'OK';
     const editContainerStyles = useChatMessageEditContainerStyles();
     const chatMyMessageStyles = useChatMyMessageStyles();
@@ -9905,6 +9874,7 @@ const ChatMessageComponentAsEditBox = (props) => {
     const editBoxStyles = React.useMemo(() => {
         return react.concatStyleSets(editBoxStyleSet, { textField: { borderColor: theme.palette.themePrimary } });
     }, [theme.palette.themePrimary]);
+    /* @conditional-compile-remove(file-sharing) */
     const onRenderFileUploads = React.useCallback(() => {
         return (!!attachmentMetadata &&
             attachmentMetadata.length > 0 && (React.createElement("div", { style: { margin: '0.25rem' } },
@@ -9924,7 +9894,8 @@ const ChatMessageComponentAsEditBox = (props) => {
                     }
                 }, onEnterKeyDown: () => {
                     submitEnabled &&
-                        onSubmit(textValue, message.metadata, {
+                        onSubmit(textValue, message.metadata, 
+                        /* @conditional-compile-remove(file-sharing) */ {
                             attachmentMetadata
                         });
                 }, supportNewline: false, maxLength: MAXIMUM_LENGTH_OF_MESSAGE, errorMessage: textTooLongMessage, styles: editBoxStyles, 
@@ -9940,11 +9911,12 @@ const ChatMessageComponentAsEditBox = (props) => {
                 React.createElement(react.Stack.Item, { align: "end" },
                     React.createElement(InputBoxButton, { className: editingButtonStyle, ariaLabel: strings.editBoxSubmitButton, tooltipContent: strings.editBoxSubmitButton, onRenderIcon: onRenderThemedSubmitIcon, onClick: (e) => {
                             submitEnabled &&
-                                onSubmit(textValue, message.metadata, {
+                                onSubmit(textValue, message.metadata, 
+                                /* @conditional-compile-remove(file-sharing) */ {
                                     attachmentMetadata
                                 });
                             e.stopPropagation();
-                        }, id: 'submitIconWrapper' }))),
+                        }, id: 'submitIconWrapper' }))), /* @conditional-compile-remove(file-sharing) */
             onRenderFileUploads()));
     };
     const bodyClassName = reactComponents.mergeClasses(editContainerStyles.body, message.failureReason !== undefined ? editContainerStyles.bodyError : editContainerStyles.bodyDefault);
@@ -9955,11 +9927,23 @@ const ChatMessageComponentAsEditBox = (props) => {
         } }, getContent()));
 };
 const isMessageTooLong = (messageText) => messageText.length > MAXIMUM_LENGTH_OF_MESSAGE;
-const isMessageEmpty = (messageText, attachmentMetadata) => messageText.trim().length === 0 && attachmentMetadata.length === 0;
-const getMessageState = (messageText, attachmentMetadata) => isMessageEmpty(messageText, attachmentMetadata) ? 'too short' : isMessageTooLong(messageText) ? 'too long' : 'OK';
+function isMessageEmpty(messageText, 
+/* @conditional-compile-remove(file-sharing) */
+attachmentMetadata) {
+    /* @conditional-compile-remove(file-sharing) */
+    return messageText.trim().length === 0 && (attachmentMetadata === null || attachmentMetadata === void 0 ? void 0 : attachmentMetadata.length) === 0;
+}
+function getMessageState(messageText, 
+/* @conditional-compile-remove(file-sharing) */ attachmentMetadata) {
+    return isMessageEmpty(messageText, /* @conditional-compile-remove(file-sharing) */ attachmentMetadata)
+        ? 'too short'
+        : isMessageTooLong(messageText)
+            ? 'too long'
+            : 'OK';
+}
+/* @conditional-compile-remove(file-sharing) */
 // @TODO: Remove when file-sharing feature becomes stable.
 const getMessageAttachedFilesMetadata = (message) => {
-    /* @conditional-compile-remove(file-sharing) */
     return message.files;
 };
 
@@ -10250,15 +10234,7 @@ const MessageContentWithLiveAria = (props) => {
         props.content));
 };
 const MessageContentAsRichTextHTML = (props) => {
-    const { 
-    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
-    // message is used only in useEffect that is under teams-inline-images-and-file-sharing cc
-    message, 
-    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
-    attachmentsMap, 
-    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
-    onFetchAttachments } = props;
-    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
+    const { message, attachmentsMap, onFetchAttachments } = props;
     React.useEffect(() => {
         var _a;
         if (!attachmentsMap || !onFetchAttachments) {
@@ -10322,7 +10298,6 @@ const messageContentAriaText = (props) => {
 };
 const processNodeDefinitions = htmlToReact.ProcessNodeDefinitions();
 const htmlToReactParser = htmlToReact.Parser();
-/* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
 const processInlineImage = (props) => ({
     // Custom <img> processing
     shouldProcessNode: (node) => {
@@ -10343,11 +10318,9 @@ const processInlineImage = (props) => ({
         if (props.attachmentsMap && node.attribs.id in props.attachmentsMap) {
             node.attribs = Object.assign(Object.assign({}, node.attribs), { src: props.attachmentsMap[node.attribs.id] });
         }
-        /* @conditional-compile-remove(image-gallery) */
         const handleOnClick = () => {
             props.onInlineImageClicked && props.onInlineImageClicked(node.attribs.id);
         };
-        /* @conditional-compile-remove(image-gallery) */
         return (React.createElement("span", { "data-ui-id": node.attribs.id, onClick: handleOnClick, tabIndex: 0, role: "button", style: {
                 cursor: 'pointer'
             }, onKeyDown: (e) => {
@@ -10383,7 +10356,6 @@ const processMention = (props) => ({
 const processHtmlToReact = (props) => {
     var _a;
     const steps = [
-        /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
         processInlineImage(props),
         /* @conditional-compile-remove(mention) */
         processMention(props),
@@ -10447,19 +10419,19 @@ const _FileDownloadCards = (props) => {
         return (_b = (_a = props.strings) === null || _a === void 0 ? void 0 : _a.downloadFile) !== null && _b !== void 0 ? _b : localeStrings.downloadFile;
     }, [(_a = props.strings) === null || _a === void 0 ? void 0 : _a.downloadFile, localeStrings.downloadFile]);
     const isFileSharingAttachment = React.useCallback((attachment) => {
-        /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
+        /* @conditional-compile-remove(file-sharing) */
         return attachment.attachmentType === 'file';
     }, []);
-    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
     const isShowDownloadIcon = React.useCallback((attachment) => {
         var _a;
-        /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
+        /* @conditional-compile-remove(file-sharing) */
         return attachment.attachmentType === 'file' && ((_a = attachment.payload) === null || _a === void 0 ? void 0 : _a.teamsFileAttachment) !== 'true';
     }, []);
+    /* @conditional-compile-remove(file-sharing) */
     const fileCardGroupDescription = React.useMemo(() => () => {
         var _a, _b, _c;
         const fileGroupLocaleString = (_b = (_a = props.strings) === null || _a === void 0 ? void 0 : _a.fileCardGroupMessage) !== null && _b !== void 0 ? _b : localeStrings.fileCardGroupMessage;
-        /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
+        /* @conditional-compile-remove(file-sharing) */
         return _formatString(fileGroupLocaleString, {
             fileCount: `${(_c = fileMetadata === null || fileMetadata === void 0 ? void 0 : fileMetadata.filter(isFileSharingAttachment).length) !== null && _c !== void 0 ? _c : 0}`
         });
@@ -10485,22 +10457,19 @@ const _FileDownloadCards = (props) => {
             }
         }
     }), [props]);
-    if (!fileMetadata ||
-        fileMetadata.length === 0 ||
-        /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */ !fileMetadata.some(isFileSharingAttachment)) {
+    if (!fileMetadata || fileMetadata.length === 0 || !fileMetadata.some(isFileSharingAttachment)) {
         return React.createElement(React.Fragment, null);
     }
     return (React.createElement("div", { style: fileDownloadCardsStyle, "data-ui-id": "file-download-card-group" },
-        React.createElement(_FileCardGroup, { ariaLabel: fileCardGroupDescription() }, fileMetadata &&
+        React.createElement(_FileCardGroup /* @conditional-compile-remove(file-sharing) */, { ariaLabel: fileCardGroupDescription() }, fileMetadata &&
             fileMetadata
                 .filter((attachment) => {
-                /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
+                /* @conditional-compile-remove(file-sharing) */
                 return isFileSharingAttachment(attachment);
             })
                 .map((file) => file)
                 .map((file) => (React.createElement(react.TooltipHost, { content: downloadFileButtonString(), key: file.name },
-                React.createElement(_FileCard, { fileName: file.name, key: file.name, fileExtension: file.extension, actionIcon: showSpinner ? (React.createElement(react.Spinner, { size: react.SpinnerSize.medium, "aria-live": 'polite', role: 'status' })) : /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
-                        isShowDownloadIcon(file) ? (React.createElement(react.IconButton, { className: iconButtonClassName, ariaLabel: downloadFileButtonString() },
+                React.createElement(_FileCard, { fileName: file.name, key: file.name, fileExtension: file.extension, actionIcon: showSpinner ? (React.createElement(react.Spinner, { size: react.SpinnerSize.medium, "aria-live": 'polite', role: 'status' })) : isShowDownloadIcon(file) ? (React.createElement(react.IconButton, { className: iconButtonClassName, ariaLabel: downloadFileButtonString() },
                         React.createElement(DownloadIconTrampoline, null))) : undefined, actionHandler: () => fileDownloadHandler(userId, file) })))))));
 };
 /**
@@ -10511,7 +10480,7 @@ const DownloadIconTrampoline = () => {
     return React.createElement(react.Icon, { "data-ui-id": "file-download-card-download-icon", iconName: "DownloadFile", style: actionIconStyle });
 };
 const useLocaleStringsTrampoline = () => {
-    /* @conditional-compile-remove(file-sharing) @conditional-compile-remove(teams-inline-images-and-file-sharing)*/
+    /* @conditional-compile-remove(file-sharing) */
     return useLocale$1().strings.messageThread;
 };
 
@@ -10547,9 +10516,9 @@ const MessageBubble = (props) => {
     const ids = useIdentifiers();
     const theme = useTheme();
     const locale = useLocale$1();
-    const { userId, message, onRemoveClick, onResendClick, disableEditing, showDate, messageContainerStyle, strings, onEditClick, remoteParticipantsCount = 0, onRenderAvatar, showMessageStatus, messageStatus, fileDownloadHandler, 
-    /* @conditional-compile-remove(image-gallery) */
-    onInlineImageClicked, shouldOverlapAvatarAndMessage } = props;
+    const { userId, message, onRemoveClick, onResendClick, disableEditing, showDate, messageContainerStyle, strings, onEditClick, remoteParticipantsCount = 0, onRenderAvatar, showMessageStatus, messageStatus, 
+    /* @conditional-compile-remove(file-sharing) */
+    fileDownloadHandler, onInlineImageClicked, shouldOverlapAvatarAndMessage } = props;
     const defaultTimeStamp = message.createdOn
         ? generateDefaultTimestamp(message.createdOn, showDate, strings)
         : undefined;
@@ -10589,17 +10558,18 @@ const MessageBubble = (props) => {
         setChatMessageActionFlyoutTarget(undefined);
     }, [setChatMessageActionFlyoutTarget]);
     const defaultOnRenderFileDownloads = React.useCallback(() => {
+        /* @conditional-compile-remove(file-sharing) */
         return (React.createElement(_FileDownloadCards, { userId: userId, 
-            /* @conditional-compile-remove(file-sharing) @conditional-compile-remove(teams-inline-images-and-file-sharing)*/
-            fileMetadata: message.files || [], downloadHandler: fileDownloadHandler, 
-            /* @conditional-compile-remove(file-sharing) @conditional-compile-remove(teams-inline-images-and-file-sharing)*/
-            strings: { downloadFile: strings.downloadFile, fileCardGroupMessage: strings.fileCardGroupMessage } }));
+            /* @conditional-compile-remove(file-sharing) */
+            fileMetadata: message.files || [], 
+            /* @conditional-compile-remove(file-sharing) */
+            downloadHandler: fileDownloadHandler, strings: { downloadFile: strings.downloadFile, fileCardGroupMessage: strings.fileCardGroupMessage } }));
     }, [
         userId,
         message,
-        /* @conditional-compile-remove(file-sharing) @conditional-compile-remove(teams-inline-images-and-file-sharing)*/
+        /* @conditional-compile-remove(file-sharing) */
         strings,
-        /* @conditional-compile-remove(file-sharing) @conditional-compile-remove(teams-inline-images-and-file-sharing)*/
+        /* @conditional-compile-remove(file-sharing) */
         fileDownloadHandler
     ]);
     const editedOn = 'editedOn' in message ? message.editedOn : undefined;
@@ -10612,7 +10582,6 @@ const MessageBubble = (props) => {
         }
         return undefined;
     }, [editedOn, message.messageType, messageStatus, strings.editedTag, strings.failToSendTag, theme]);
-    /* @conditional-compile-remove(image-gallery) */
     const handleOnInlineImageClicked = React.useCallback((attachmentId) => __awaiter$x(void 0, void 0, void 0, function* () {
         if (onInlineImageClicked === undefined) {
             return;
@@ -10626,35 +10595,18 @@ const MessageBubble = (props) => {
                 React.createElement(BlockedMessageContent, { message: message, strings: strings })));
         }
         return (React.createElement("div", { tabIndex: 0, className: "ui-chat__message__content" },
-            React.createElement(ChatMessageContent, { message: message, strings: strings, 
-                /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
-                onFetchAttachments: props.onFetchAttachments, 
-                /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
-                attachmentsMap: props.attachmentsMap, 
+            React.createElement(ChatMessageContent, { message: message, strings: strings, onFetchAttachments: props.onFetchAttachments, attachmentsMap: props.attachmentsMap, 
                 /* @conditional-compile-remove(mention) */
-                mentionDisplayOptions: props.mentionDisplayOptions, 
-                /* @conditional-compile-remove(image-gallery) */
-                onInlineImageClicked: handleOnInlineImageClicked }),
+                mentionDisplayOptions: props.mentionDisplayOptions, onInlineImageClicked: handleOnInlineImageClicked }),
             props.onRenderFileDownloads ? props.onRenderFileDownloads(userId, message) : defaultOnRenderFileDownloads()));
-    }, [
-        defaultOnRenderFileDownloads,
-        message,
-        props,
-        strings,
-        userId,
-        /* @conditional-compile-remove(image-gallery) */
-        handleOnInlineImageClicked
-    ]);
+    }, [defaultOnRenderFileDownloads, message, props, strings, userId, handleOnInlineImageClicked]);
     const isBlockedMessage = /* @conditional-compile-remove(data-loss-prevention) */ message.messageType === 'blocked';
     const chatMyMessageStyles = useChatMyMessageStyles();
     const chatMessageCommonStyles = useChatMessageCommonStyles();
     const chatMessageStyles = useChatMessageStyles();
     const chatItemMessageContainerClassName = reactComponents.mergeClasses(
     // messageContainerStyle used in className and style prop as style prop can't handle CSS selectors
-    chatMessageStyles.body, 
-    // disable placeholder functionality for GA releases as it might confuse users
-    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
-    chatMessageStyles.bodyWithPlaceholderImage, isBlockedMessage
+    chatMessageStyles.body, chatMessageStyles.bodyWithPlaceholderImage, isBlockedMessage
         ? chatMessageCommonStyles.blocked
         : props.message.status === 'failed'
             ? chatMessageCommonStyles.failed
@@ -10779,13 +10731,7 @@ const ChatMessageComponent = (props) => {
     else {
         return (React.createElement(ChatMessageComponentAsMessageBubble, Object.assign({}, props, { onRemoveClick: onRemoveClick, onEditClick: onEditClick, onResendClick: onResendClick, onRenderAvatar: props.onRenderAvatar, 
             /* @conditional-compile-remove(date-time-customization) */
-            onDisplayDateTimeString: props.onDisplayDateTimeString, strings: props.strings, 
-            /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
-            onFetchAttachments: props.onFetchAttachments, 
-            /* @conditional-compile-remove(image-gallery) */
-            onInlineImageClicked: props.onInlineImageClicked, 
-            /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
-            attachmentsMap: props.attachmentsMap, 
+            onDisplayDateTimeString: props.onDisplayDateTimeString, strings: props.strings, onFetchAttachments: props.onFetchAttachments, onInlineImageClicked: props.onInlineImageClicked, attachmentsMap: props.attachmentsMap, 
             /* @conditional-compile-remove(mention) */
             mentionDisplayOptions: (_b = props.mentionOptions) === null || _b === void 0 ? void 0 : _b.displayOptions })));
     }
@@ -10804,13 +10750,7 @@ const ChatMessageComponent = (props) => {
 const FluentChatMessageComponentWrapper = (props) => {
     const { message, styles, shouldOverlapAvatarAndMessage, onRenderMessage, onRenderAvatar, showMessageStatus, onRenderMessageStatus, participantCount, readCount, onActionButtonClick, 
     /* @conditional-compile-remove(date-time-customization) */
-    onDisplayDateTimeString, 
-    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
-    onFetchInlineAttachment, 
-    /* @conditional-compile-remove(image-gallery) */
-    onInlineImageClicked, 
-    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
-    inlineAttachments, 
+    onDisplayDateTimeString, onFetchInlineAttachment, onInlineImageClicked, inlineAttachments, 
     /* @conditional-compile-remove(mention) */
     mentionOptions, 
     /* @conditional-compile-remove(file-sharing) */
@@ -10834,13 +10774,7 @@ const FluentChatMessageComponentWrapper = (props) => {
                 /* @conditional-compile-remove(file-sharing) */
                 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, 
-                /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
-                onFetchAttachments: onFetchInlineAttachment, 
-                /* @conditional-compile-remove(image-gallery) */
-                onInlineImageClicked: onInlineImageClicked, 
-                /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
-                attachmentsMap: (_a = inlineAttachments[messageProps.message.messageId]) !== null && _a !== void 0 ? _a : {}, 
+                onDisplayDateTimeString: onDisplayDateTimeString, onFetchAttachments: onFetchInlineAttachment, onInlineImageClicked: onInlineImageClicked, attachmentsMap: (_a = inlineAttachments[messageProps.message.messageId]) !== null && _a !== void 0 ? _a : {}, 
                 /* @conditional-compile-remove(mention) */
                 mentionOptions: mentionOptions, 
                 /* @conditional-compile-remove(file-sharing) */
@@ -10857,11 +10791,8 @@ const FluentChatMessageComponentWrapper = (props) => {
         userId,
         /* @conditional-compile-remove(date-time-customization) */
         onDisplayDateTimeString,
-        /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
         onFetchInlineAttachment,
-        /* @conditional-compile-remove(image-gallery) */
         onInlineImageClicked,
-        /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
         inlineAttachments,
         /* @conditional-compile-remove(mention) */
         mentionOptions,
@@ -11091,7 +11022,7 @@ const isMessageSame = (first, second) => {
         JSON.stringify(first.createdOn) === JSON.stringify(second.createdOn) &&
         first.senderId === second.senderId &&
         first.senderDisplayName === second.senderDisplayName &&
-        first.status === second.status);
+        JSON.stringify(first.editedOn) === JSON.stringify(second.editedOn));
 };
 /**
  * Get the latest message from the message array.
@@ -11219,13 +11150,9 @@ const MessageThreadWrapper = (props) => {
     var _a;
     const { messages: newMessages, userId, participantCount, readReceiptsBySenderId, styles, disableJumpToNewMessageButton = false, showMessageDate = false, showMessageStatus = false, numberOfChatMessagesToReload = 5, onMessageSeen, onRenderMessageStatus, onRenderAvatar, onLoadPreviousChatMessages, onRenderJumpToNewMessageButton, onRenderMessage, onUpdateMessage, onCancelEditMessage, onDeleteMessage, onSendMessage, 
     /* @conditional-compile-remove(date-time-customization) */
-    onDisplayDateTimeString, 
-    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
-    onFetchAttachments, 
+    onDisplayDateTimeString, onFetchAttachments, 
     /* @conditional-compile-remove(mention) */
-    mentionOptions, 
-    /* @conditional-compile-remove(image-gallery) */
-    onInlineImageClicked, 
+    mentionOptions, onInlineImageClicked, 
     /* @conditional-compile-remove(file-sharing) */
     onRenderFileDownloads } = props;
     // We need this state to wait for one tick and scroll to bottom after messages have been initialized.
@@ -11242,9 +11169,7 @@ const MessageThreadWrapper = (props) => {
     const [lastSendingChatMessage, setLastSendingChatMessage] = React.useState(undefined);
     // readCount and participantCount will only need to be updated on-fly when user hover on an indicator
     const [readCountForHoveredIndicator, setReadCountForHoveredIndicator] = React.useState(undefined);
-    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
     const [inlineAttachments, setInlineAttachments] = React.useState({});
-    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
     const onFetchInlineAttachment = React.useCallback((attachments, messageId) => __awaiter$v(void 0, void 0, void 0, function* () {
         if (!onFetchAttachments || attachments.length === 0) {
             return;
@@ -11266,6 +11191,9 @@ const MessageThreadWrapper = (props) => {
     }), [onFetchAttachments]);
     const localeStrings = useLocale$1().strings.messageThread;
     const strings = React.useMemo(() => (Object.assign(Object.assign({}, localeStrings), props.strings)), [localeStrings, props.strings]);
+    // it is required to use useState for messages
+    // as the scrolling logic requires re - render at a specific point in time
+    const [messages, setMessages] = React.useState([]);
     // id for the latest deleted message
     const [latestDeletedMessageId, setLatestDeletedMessageId] = React.useState(undefined);
     // this value is used to check if a message is deleted for the previous value of messages array
@@ -11277,10 +11205,12 @@ const MessageThreadWrapper = (props) => {
             return;
         }
         try {
-            yield onDeleteMessage(messageId);
             // reset deleted message label in case if there was a value already (messages are deleted 1 after another)
             setDeletedMessageAriaLabel(undefined);
             setLatestDeletedMessageId(messageId);
+            // we should set up latestDeletedMessageId before the onDeleteMessage call
+            // as otherwise in very rare cases the messages array can be updated before latestDeletedMessageId
+            yield onDeleteMessage(messageId);
         }
         catch (e) {
             console.log('onDeleteMessage failed: messageId', messageId, 'error', e);
@@ -11294,18 +11224,11 @@ const MessageThreadWrapper = (props) => {
             isAllChatMessagesLoadedRef.current = false;
         }
     }, [onLoadPreviousChatMessages]);
-    /* @conditional-compile-remove(file-sharing) */ /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
-    React.useEffect(() => {
-        reactFileTypeIcons.initializeFileTypeIcons();
-    }, []);
     const previousTopRef = React.useRef(-1);
     const previousHeightRef = React.useRef(-1);
     const messageIdSeenByMeRef = React.useRef('');
     const chatScrollDivRef = React.useRef(null);
     const isLoadingChatMessagesRef = React.useRef(false);
-    const messages = React.useMemo(() => {
-        return newMessages;
-    }, [newMessages]);
     React.useEffect(() => {
         if (latestDeletedMessageId === undefined) {
             setDeletedMessageAriaLabel(undefined);
@@ -11332,6 +11255,7 @@ const MessageThreadWrapper = (props) => {
     const messagesRef = React.useRef(messages);
     const setMessagesRef = (messagesWithAttachedValue) => {
         messagesRef.current = messagesWithAttachedValue;
+        setMessages(messagesWithAttachedValue);
     };
     const isAtBottomOfScrollRef = React.useRef(isAtBottomOfScroll);
     const setIsAtBottomOfScrollRef = (isAtBottomOfScrollValue) => {
@@ -11562,13 +11486,7 @@ const MessageThreadWrapper = (props) => {
                     className: reactComponents.mergeClasses(classes.root, react.mergeStyles(styles === null || styles === void 0 ? void 0 : styles.chatContainer)), ref: chatScrollDivRef, style: Object.assign({}, createStyleFromV8Style(styles === null || styles === void 0 ? void 0 : styles.chatContainer)) }, messagesToDisplay.map((message) => {
                     return (React.createElement(MemoChatMessageComponentWrapper, Object.assign({}, message, { userId: userId, key: message.key, styles: styles, shouldOverlapAvatarAndMessage: isNarrow, strings: strings, onRenderAvatar: onRenderAvatar, onRenderMessage: onRenderMessage, onRenderMessageStatus: onRenderMessageStatus, defaultStatusRenderer: defaultStatusRenderer, onActionButtonClick: onActionButtonClickMemo, readCount: readCountForHoveredIndicator, participantCount: participantCount, 
                         /* @conditional-compile-remove(file-sharing) */
-                        fileDownloadHandler: props.fileDownloadHandler, 
-                        /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
-                        onFetchInlineAttachment: onFetchInlineAttachment, 
-                        /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
-                        inlineAttachments: inlineAttachments, 
-                        /* @conditional-compile-remove(image-gallery) */
-                        onInlineImageClicked: onInlineImageClicked, 
+                        fileDownloadHandler: props.fileDownloadHandler, onFetchInlineAttachment: onFetchInlineAttachment, inlineAttachments: inlineAttachments, onInlineImageClicked: onInlineImageClicked, 
                         /* @conditional-compile-remove(date-time-customization) */
                         onDisplayDateTimeString: onDisplayDateTimeString, 
                         /* @conditional-compile-remove(mention) */
@@ -19881,7 +19799,7 @@ const createDefaultChatHandlers = memoizeOne((chatClient, chatThreadClient) => {
         }),
         onUpdateMessage: (messageId, content, options) => __awaiter$q(void 0, void 0, void 0, function* () {
             const updatedMetadata = (options === null || options === void 0 ? void 0 : options.metadata) ? Object.assign({}, options.metadata) : {};
-            updatedMetadata['fileSharingMetadata'] = JSON.stringify((options === null || options === void 0 ? void 0 : options.attachmentMetadata) || []);
+            updatedMetadata.fileSharingMetadata = JSON.stringify((options === null || options === void 0 ? void 0 : options.attachmentMetadata) || []);
             yield chatThreadClient.updateMessage(messageId, { content, metadata: updatedMetadata });
         }),
         onDeleteMessage: (messageId) => __awaiter$q(void 0, void 0, void 0, function* () {
@@ -20259,7 +20177,7 @@ const memoizedAllConvertChatMessage = memoizeFnAll((_key, chatMessage, userId, i
 });
 /* @conditional-compile-remove(file-sharing) */
 const extractAttachedFilesMetadata = (metadata) => {
-    const fileMetadata = metadata['fileSharingMetadata'];
+    const fileMetadata = metadata.fileSharingMetadata;
     if (!fileMetadata) {
         return [];
     }
@@ -20271,13 +20189,14 @@ const extractAttachedFilesMetadata = (metadata) => {
         return [];
     }
 };
-/* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
 const extractTeamsAttachmentsMetadata = (attachments) => {
+    /* @conditional-compile-remove(file-sharing) */
     const files = [];
     const inlineImages = [];
     attachments.forEach((attachment) => {
         var _a;
         const attachmentType = mapAttachmentType(attachment.attachmentType);
+        /* @conditional-compile-remove(file-sharing) */
         const contentType = extractAttachmentContentTypeFromName(attachment.name);
         if (attachmentType === 'inlineImage') {
             inlineImages.push({
@@ -20287,36 +20206,52 @@ const extractTeamsAttachmentsMetadata = (attachments) => {
                 previewUrl: attachment.previewUrl
             });
         }
-        else if (attachmentType === 'file') {
+        /* @conditional-compile-remove(file-sharing) */
+        if (attachmentType === 'file') {
             files.push({
                 attachmentType: attachmentType,
                 id: attachment.id,
                 name: (_a = attachment.name) !== null && _a !== void 0 ? _a : '',
-                extension: contentType !== null && contentType !== void 0 ? contentType : '',
+                extension: contentType,
                 url: extractAttachmentUrl(attachment),
                 payload: { teamsFileAttachment: 'true' }
             });
         }
     });
-    return { files, inlineImages };
+    return { /* @conditional-compile-remove(file-sharing) */ files, inlineImages };
+};
+/* @conditional-compile-remove(data-loss-prevention) */
+const convertToUiBlockedMessage = (message, userId, isSeen, isLargeGroup) => {
+    const messageSenderId = message.sender !== undefined ? toFlatCommunicationIdentifier(message.sender) : userId;
+    return {
+        messageType: 'blocked',
+        createdOn: message.createdOn,
+        warningText: undefined,
+        status: !isLargeGroup && message.status === 'delivered' && isSeen ? 'seen' : message.status,
+        senderDisplayName: message.senderDisplayName,
+        senderId: messageSenderId,
+        messageId: message.id,
+        deletedOn: message.deletedOn,
+        mine: messageSenderId === userId,
+        link: DEFAULT_DATA_LOSS_PREVENTION_POLICY_URL
+    };
 };
-/* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
 const mapAttachmentType = (attachmentType) => {
     if (attachmentType === 'image') {
         return 'inlineImage';
     }
-    else if (attachmentType === 'file') {
+    /* @conditional-compile-remove(file-sharing) */
+    if (attachmentType === 'file') {
         return 'file';
     }
     return 'unknown';
 };
-/* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
 const extractAttachmentUrl = (attachment) => {
+    /* @conditional-compile-remove(file-sharing) */
     return attachment.attachmentType === 'file' && attachment.previewUrl ? attachment.previewUrl : attachment.url || '';
 };
 const processChatMessageContent = (message) => {
     var _a, _b, _c, _d, _e;
-    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
     if (sanitizedMessageContentType(message.type).includes('html') && ((_a = message.content) === null || _a === void 0 ? void 0 : _a.attachments)) {
         const attachments = (_b = message.content) === null || _b === void 0 ? void 0 : _b.attachments;
         const teamsImageHtmlContent = attachments
@@ -20329,12 +20264,10 @@ const processChatMessageContent = (message) => {
     }
     return (_e = message.content) === null || _e === void 0 ? void 0 : _e.message;
 };
-/* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
 const generateImageAttachmentImgHtml = (attachment) => {
     const contentType = extractAttachmentContentTypeFromName(attachment.name);
     return `\r\n<p><img alt="image" src="" itemscope="${contentType}" id="${attachment.id}"></p>`;
 };
-/* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
 const extractAttachmentContentTypeFromName = (name) => {
     if (name === undefined) {
         return '';
@@ -20346,43 +20279,26 @@ const extractAttachmentContentTypeFromName = (name) => {
     const contentType = name.substring(indexOfLastDot + 1);
     return contentType;
 };
-/* @conditional-compile-remove(file-sharing) @conditional-compile-remove(teams-inline-images-and-file-sharing) */
 const extractAttachmentsMetadata = (message) => {
     var _a, _b;
+    /* @conditional-compile-remove(file-sharing) */
     let files = [];
     let inlineImages = [];
     /* @conditional-compile-remove(file-sharing) */
     if (message.metadata) {
         files = files.concat(extractAttachedFilesMetadata(message.metadata));
     }
-    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
     if ((_a = message.content) === null || _a === void 0 ? void 0 : _a.attachments) {
         const teamsAttachments = extractTeamsAttachmentsMetadata((_b = message.content) === null || _b === void 0 ? void 0 : _b.attachments);
+        /* @conditional-compile-remove(file-sharing) */
         files = files.concat(teamsAttachments.files);
         inlineImages = inlineImages.concat(teamsAttachments.inlineImages);
     }
-    return { files, inlineImages };
-};
-/* @conditional-compile-remove(data-loss-prevention) */
-const convertToUiBlockedMessage = (message, userId, isSeen, isLargeGroup) => {
-    const messageSenderId = message.sender !== undefined ? toFlatCommunicationIdentifier(message.sender) : userId;
-    return {
-        messageType: 'blocked',
-        createdOn: message.createdOn,
-        warningText: undefined,
-        status: !isLargeGroup && message.status === 'delivered' && isSeen ? 'seen' : message.status,
-        senderDisplayName: message.senderDisplayName,
-        senderId: messageSenderId,
-        messageId: message.id,
-        deletedOn: message.deletedOn,
-        mine: messageSenderId === userId,
-        link: DEFAULT_DATA_LOSS_PREVENTION_POLICY_URL
-    };
+    return { /* @conditional-compile-remove(file-sharing) */ files, inlineImages };
 };
 const convertToUiChatMessage = (message, userId, isSeen, isLargeGroup) => {
     const messageSenderId = message.sender !== undefined ? toFlatCommunicationIdentifier(message.sender) : userId;
-    /* @conditional-compile-remove(file-sharing) @conditional-compile-remove(teams-inline-images-and-file-sharing) */
-    const { files, inlineImages } = extractAttachmentsMetadata(message);
+    const { /* @conditional-compile-remove(file-sharing) */ files, inlineImages } = extractAttachmentsMetadata(message);
     return {
         messageType: 'chat',
         createdOn: message.createdOn,
@@ -20397,9 +20313,8 @@ const convertToUiChatMessage = (message, userId, isSeen, isLargeGroup) => {
         deletedOn: message.deletedOn,
         mine: messageSenderId === userId,
         metadata: message.metadata,
-        /* @conditional-compile-remove(file-sharing) @conditional-compile-remove(teams-inline-images-and-file-sharing) */
+        /* @conditional-compile-remove(file-sharing) */
         files,
-        /* @conditional-compile-remove(file-sharing) @conditional-compile-remove(teams-inline-images-and-file-sharing) */
         inlineImages
     };
 };
@@ -20494,9 +20409,7 @@ const isMessageValidToRender = (message) => {
     if (message.deletedOn) {
         return false;
     }
-    if (((_a = message.metadata) === null || _a === void 0 ? void 0 : _a['fileSharingMetadata']) ||
-        (
-        /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */ (_b = message.content) === null || _b === void 0 ? void 0 : _b.attachments)) {
+    if (((_a = message.metadata) === null || _a === void 0 ? void 0 : _a.fileSharingMetadata) || ((_b = message.content) === null || _b === void 0 ? void 0 : _b.attachments)) {
         return true;
     }
     /* @conditional-compile-remove(data-loss-prevention) */
@@ -21216,7 +21129,6 @@ class EventSubscriber {
                 version: event.version,
                 content: {
                     message: event.message,
-                    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
                     attachments: event.attachments
                 },
                 type: this.convertEventType(event.type),
@@ -21807,7 +21719,8 @@ class FileUpload {
         else {
             this.metadata = data;
         }
-        this.fileName = data.name;
+        const name = data === null || data === void 0 ? void 0 : data.name;
+        this.fileName = name;
     }
     notifyUploadProgressChanged(value) {
         this._emitter.emit('uploadProgressChange', this.id, value);
@@ -22271,20 +22184,17 @@ class ChatContext {
  * @private
  */
 class AzureCommunicationChatAdapter {
-    constructor(chatClient, chatThreadClient, 
-    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */ options) {
-        /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
+    constructor(chatClient, chatThreadClient, options) {
         this.credential = undefined;
         this.emitter = new EventEmitter();
         this.bindAllPublicMethods();
         this.chatClient = chatClient;
         this.chatThreadClient = chatThreadClient;
         this.context = new ChatContext(chatClient.getState(), chatThreadClient.threadId);
-        /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
         if (options && options.credential) {
             this.credential = options.credential;
         }
-        /* @conditional-compile-remove(file-sharing) */ /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
+        /* @conditional-compile-remove(file-sharing) */
         this.fileUploadAdapter = new AzureCommunicationFileUploadAdapter(this.context);
         const onStateChange = (clientState) => {
             // unsubscribe when the instance gets disposed
@@ -22328,7 +22238,6 @@ class AzureCommunicationChatAdapter {
         this.updateFileUploadErrorMessage = this.updateFileUploadErrorMessage.bind(this);
         /* @conditional-compile-remove(file-sharing) */
         this.updateFileUploadMetadata = this.updateFileUploadMetadata.bind(this);
-        /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
         this.downloadAttachments = this.downloadAttachments.bind(this);
     }
     dispose() {
@@ -22470,7 +22379,6 @@ class AzureCommunicationChatAdapter {
     updateFileUploadMetadata(id, metadata) {
         this.fileUploadAdapter.updateFileUploadMetadata(id, metadata);
     }
-    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
     downloadAttachments(options) {
         return __awaiter$k(this, void 0, void 0, function* () {
             return this.asyncTeeErrorToEventEmitter(() => __awaiter$k(this, void 0, void 0, function* () {
@@ -22491,7 +22399,6 @@ class AzureCommunicationChatAdapter {
             }));
         });
     }
-    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
     downloadAuthenticatedFile(accessToken, options) {
         return __awaiter$k(this, void 0, void 0, function* () {
             function fetchWithAuthentication(url, token) {
@@ -22632,10 +22539,8 @@ const _createAzureCommunicationChatAdapterInner = (endpoint, userId, displayName
     }, undefined, telemetryImplementationHint);
     const chatThreadClient = yield chatClient.getChatThreadClient(threadId);
     yield chatClient.startRealtimeNotifications();
-    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
     const options = { credential: credential };
-    const adapter = yield createAzureCommunicationChatAdapterFromClient(chatClient, chatThreadClient, 
-    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */ options);
+    const adapter = yield createAzureCommunicationChatAdapterFromClient(chatClient, chatThreadClient, options);
     return adapter;
 });
 /**
@@ -22742,12 +22647,9 @@ beforeDispose) => {
  *
  * @public
  */
-function createAzureCommunicationChatAdapterFromClient(chatClient, chatThreadClient, 
-/* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
-options) {
+function createAzureCommunicationChatAdapterFromClient(chatClient, chatThreadClient, options) {
     return __awaiter$k(this, void 0, void 0, function* () {
-        return new AzureCommunicationChatAdapter(chatClient, chatThreadClient, 
-        /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */ options);
+        return new AzureCommunicationChatAdapter(chatClient, chatThreadClient, options);
     });
 }
 const isChatError = (e) => {
@@ -23416,11 +23318,8 @@ const ChatScreen = (props) => {
     const defaultNumberOfChatMessagesToReload = 5;
     /* @conditional-compile-remove(file-sharing) */
     const [downloadErrorMessage, setDownloadErrorMessage] = React.useState('');
-    /* @conditional-compile-remove(image-gallery) */
     const [fullSizeAttachments, setFullSizeAttachments] = React.useState({});
-    /* @conditional-compile-remove(image-gallery) */
     const [galleryImages, setGalleryImages] = React.useState([]);
-    /* @conditional-compile-remove(image-gallery) */
     const [isImageGalleryOpen, setIsImageGalleryOpen] = React.useState(false);
     const adapter = useAdapter$1();
     const theme = useTheme();
@@ -23465,7 +23364,6 @@ const ChatScreen = (props) => {
     const onRenderFileDownloads = React.useCallback((userId, message) => (React.createElement(_FileDownloadCards, { userId: userId, fileMetadata: message.files || [], downloadHandler: fileSharing === null || fileSharing === void 0 ? void 0 : fileSharing.downloadHandler, onDownloadErrorMessage: (errorMessage) => {
             setDownloadErrorMessage(errorMessage);
         } })), [fileSharing === null || fileSharing === void 0 ? void 0 : fileSharing.downloadHandler]);
-    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
     const onRenderInlineAttachment = React.useCallback((attachment) => __awaiter$i(void 0, void 0, void 0, function* () {
         const entry = {};
         attachment.forEach((target) => {
@@ -23476,7 +23374,6 @@ const ChatScreen = (props) => {
         const blob = yield adapter.downloadAttachments({ attachmentUrls: entry });
         return blob;
     }), [adapter]);
-    /* @conditional-compile-remove(image-gallery) */
     const onInlineImageClicked = React.useCallback((attachmentId, messageId) => __awaiter$i(void 0, void 0, void 0, function* () {
         var _a, _b;
         const messages = (_a = messageThreadProps.messages) === null || _a === void 0 ? void 0 : _a.filter((message) => {
@@ -23524,7 +23421,6 @@ const ChatScreen = (props) => {
             }
         }
     }), [adapter, fullSizeAttachments, messageThreadProps.messages, onRenderAvatarCallback]);
-    /* @conditional-compile-remove(image-gallery) */
     const onImageDownloadButtonClicked = React.useCallback((imageUrl, downloadFilename) => {
         if (imageUrl === '') {
             return;
@@ -23563,11 +23459,7 @@ const ChatScreen = (props) => {
                     }, []), fileDownloadErrorMessage: downloadErrorMessage || '' }),
                 React.createElement(MessageThread, Object.assign({}, messageThreadProps, { onRenderAvatar: onRenderAvatarCallback, onRenderMessage: onRenderMessage, 
                     /* @conditional-compile-remove(file-sharing) */
-                    onRenderFileDownloads: onRenderFileDownloads, 
-                    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
-                    onFetchAttachments: onRenderInlineAttachment, 
-                    /* @conditional-compile-remove(image-gallery) */
-                    onInlineImageClicked: onInlineImageClicked, numberOfChatMessagesToReload: defaultNumberOfChatMessagesToReload, styles: messageThreadStyles })),
+                    onRenderFileDownloads: onRenderFileDownloads, onFetchAttachments: onRenderInlineAttachment, onInlineImageClicked: onInlineImageClicked, numberOfChatMessagesToReload: defaultNumberOfChatMessagesToReload, styles: messageThreadStyles })),
                 React.createElement(react.Stack, { className: react.mergeStyles(sendboxContainerStyles) },
                     React.createElement("div", { className: react.mergeStyles(typingIndicatorContainerStyles) }, onRenderTypingIndicator ? (onRenderTypingIndicator(typingIndicatorProps.typingUsers)) : (React.createElement(TypingIndicator, Object.assign({}, typingIndicatorProps, { styles: typingIndicatorStyles })))),
                     React.createElement(react.Stack, { horizontal: formFactor === 'mobile' },
@@ -23582,7 +23474,6 @@ const ChatScreen = (props) => {
                         formFactor !== 'mobile' && React.createElement(AttachFileButton, 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' }))),
-        /* @conditional-compile-remove(image-gallery) */
         React.createElement(ImageGallery, { isOpen: isImageGalleryOpen, images: galleryImages, onDismiss: () => {
                 setGalleryImages([]);
                 setIsImageGalleryOpen(false);
@@ -33119,7 +33010,6 @@ class CallWithChatBackedChatAdapter {
         };
         this.callWithChatAdapter = callWithChatAdapter;
     }
-    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
     downloadAttachments(options) {
         return __awaiter$3(this, void 0, void 0, function* () {
             return yield this.callWithChatAdapter.downloadAttachments(options);
@@ -33752,7 +33642,6 @@ class AzureCommunicationCallWithChatAdapter {
         this.updateFileUploadErrorMessage = this.updateFileUploadErrorMessage.bind(this);
         /* @conditional-compile-remove(file-sharing) */
         this.updateFileUploadMetadata = this.updateFileUploadMetadata.bind(this);
-        /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
         this.downloadAttachments = this.downloadAttachments.bind(this);
         /* @conditional-compile-remove(PSTN-calls) */
         this.holdCall.bind(this);
@@ -33997,7 +33886,6 @@ class AzureCommunicationCallWithChatAdapter {
             return yield this.chatAdapter.deleteMessage(messageId);
         });
     }
-    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
     downloadAttachments(options) {
         return __awaiter$2(this, void 0, void 0, function* () {
             return yield this.chatAdapter.downloadAttachments(options);
@@ -34389,15 +34277,11 @@ beforeDispose) => {
  */
 const createAzureCommunicationCallWithChatAdapterFromClients = ({ callClient, callAgent, callLocator, chatClient, chatThreadClient, 
 /* @conditional-compile-remove(video-background-effects) */
-callAdapterOptions, 
-/* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
-chatAdapterOptions }) => __awaiter$2(void 0, void 0, void 0, function* () {
+callAdapterOptions, chatAdapterOptions }) => __awaiter$2(void 0, void 0, void 0, function* () {
     const createCallAdapterPromise = createAzureCommunicationCallAdapterFromClient(callClient, callAgent, callLocator, 
     /* @conditional-compile-remove(video-background-effects) */
     callAdapterOptions);
-    const createChatAdapterPromise = createAzureCommunicationChatAdapterFromClient(chatClient, chatThreadClient, 
-    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
-    chatAdapterOptions);
+    const createChatAdapterPromise = createAzureCommunicationChatAdapterFromClient(chatClient, chatThreadClient, chatAdapterOptions);
     const [callAdapter, chatAdapter] = yield Promise.all([createCallAdapterPromise, createChatAdapterPromise]);
     return new AzureCommunicationCallWithChatAdapter(callAdapter, chatAdapter);
 });