@azure/communication-react 1.5.1-alpha-202306020014 → 1.5.1-alpha-202306030013

package/dist/communication-react.d.ts

@@ -5858,7 +5858,7 @@ export declare interface FileMetadata {
 /**
  * @beta
  */
-export declare type FileMetadataAttachmentType = 'fileSharing' | /* @conditional-compile-remove(teams-inline-images) */ 'teamsInlineImage' | 'unknown';
+export declare type FileMetadataAttachmentType = 'fileSharing' | /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */ 'teamsInlineImage' | 'unknown';
 
 /**
  * Properties for configuring the File Sharing feature.

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

@@ -167,7 +167,7 @@ const _toCommunicationIdentifier = (id) => {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
 // GENERATED FILE. DO NOT EDIT MANUALLY.
-var telemetryVersion = '1.5.1-alpha-202306020014';
+var telemetryVersion = '1.5.1-alpha-202306030013';
 
 // Copyright (c) Microsoft Corporation.
 /**
@@ -7355,8 +7355,9 @@ const findStringsDiffIndexes = (props) => {
  */
 const htmlStringForMentionSuggestion = (suggestion, localeStrings) => {
     const idHTML = ' id ="' + suggestion.id + '"';
+    const displayTextHTML = ' displayText ="' + suggestion.displayText + '"';
     const displayText = getDisplayNameForMentionSuggestion(suggestion, localeStrings);
-    return '<' + MSFT_MENTION_TAG + idHTML + '>' + displayText + '</' + MSFT_MENTION_TAG + '>';
+    return '<' + MSFT_MENTION_TAG + idHTML + displayTextHTML + '>' + displayText + '</' + MSFT_MENTION_TAG + '>';
 };
 /* @conditional-compile-remove(mention) */
 /**
@@ -8767,7 +8768,7 @@ const preventUnwantedDismissProps = {
 const defaultOnMentionRender = (mention) => {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const MsftMention = 'msft-mention';
-    return React__default['default'].createElement(MsftMention, { id: mention.id }, mention.displayText);
+    return (React__default['default'].createElement(MsftMention, { id: mention.id, displayText: mention.displayText }, mention.displayText));
 };
 
 // Copyright (c) Microsoft Corporation.
@@ -8792,7 +8793,7 @@ const MessageContentWithLiveAria = (props) => {
 };
 const MessageContentAsRichTextHTML = (props) => {
     const liveAuthor = _formatString(props.strings.liveAuthorIntro, { author: `${props.message.senderDisplayName}` });
-    /* @conditional-compile-remove(teams-inline-images) */
+    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
     React.useEffect(() => {
         var _a;
         (_a = props.message.attachedFilesMetadata) === null || _a === void 0 ? void 0 : _a.map((fileMetadata) => {
@@ -8849,7 +8850,7 @@ const messageContentAriaText = (props) => {
 };
 const processNodeDefinitions = htmlToReact.ProcessNodeDefinitions();
 const htmlToReactParser = htmlToReact.Parser();
-/* @conditional-compile-remove(teams-inline-images) */
+/* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
 const processInlineImage = (props) => ({
     // Custom <img> processing
     shouldProcessNode: (node) => {
@@ -8895,7 +8896,7 @@ const processMention = (props) => ({
 const processHtmlToReact = (props) => {
     var _a;
     const steps = [
-        /* @conditional-compile-remove(teams-inline-images) */
+        /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
         processInlineImage(props),
         /* @conditional-compile-remove(mention) */
         processMention(props),
@@ -8986,17 +8987,20 @@ const _FileDownloadCards = (props) => {
             }
         }
     }), [props]);
-    // Its safe to assume that if the first item in the fileMetadata is not a fileSharing type we don't want to display the FileDownloadCard.
-    // Since you can't have both fileSharing and teamsInlineImage in the same message.
     if (!fileMetadata ||
         fileMetadata.length === 0 ||
-        /* @conditional-compile-remove(teams-inline-images) */ fileMetadata[0].attachmentType !== 'fileSharing') {
+        /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */ !fileMetadata.some((attachment) => attachment.attachmentType === 'fileSharing')) {
         return React__default['default'].createElement(React__default['default'].Fragment, null);
     }
     return (React__default['default'].createElement("div", { style: fileDownloadCardsStyle, "data-ui-id": "file-download-card-group" },
         React__default['default'].createElement(_FileCardGroup, null, fileMetadata &&
-            fileMetadata.map((file) => (React__default['default'].createElement(_FileCard, { fileName: file.name, key: file.name, fileExtension: file.extension, actionIcon: showSpinner ? (React__default['default'].createElement(react.Spinner, { size: react.SpinnerSize.medium, "aria-live": 'polite', role: 'status' })) : (React__default['default'].createElement(react.IconButton, { className: iconButtonClassName, ariaLabel: downloadFileButtonString() },
-                    React__default['default'].createElement(DownloadIconTrampoline, null))), actionHandler: () => fileDownloadHandler(userId, file) }))))));
+            fileMetadata
+                .filter((attachment) => {
+                /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
+                return attachment.attachmentType === 'fileSharing';
+            })
+                .map((file) => (React__default['default'].createElement(_FileCard, { fileName: file.name, key: file.name, fileExtension: file.extension, actionIcon: showSpinner ? (React__default['default'].createElement(react.Spinner, { size: react.SpinnerSize.medium, "aria-live": 'polite', role: 'status' })) : /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */ !file.previewUrl ? (React__default['default'].createElement(react.IconButton, { className: iconButtonClassName, ariaLabel: downloadFileButtonString() },
+                    React__default['default'].createElement(DownloadIconTrampoline, null))) : undefined, actionHandler: () => fileDownloadHandler(userId, file) }))))));
 };
 /**
  * @private
@@ -9104,9 +9108,9 @@ const MessageBubble = (props) => {
         }
         return (React__default['default'].createElement("div", { tabIndex: 0 },
             React__default['default'].createElement(ChatMessageContent, { message: message, strings: strings, 
-                /* @conditional-compile-remove(teams-inline-images) */
+                /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
                 onFetchAttachment: props.onFetchAttachments, 
-                /* @conditional-compile-remove(teams-inline-images) */
+                /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
                 attachmentsMap: props.attachmentsMap, 
                 /* @conditional-compile-remove(mention) */
                 mentionDisplayOptions: props.mentionDisplayOptions }),
@@ -9185,9 +9189,9 @@ const ChatMessageComponent = (props) => {
         return (React__default['default'].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) */
+            /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
             onFetchAttachments: props.onFetchAttachments, 
-            /* @conditional-compile-remove(teams-inline-images) */
+            /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
             attachmentsMap: props.attachmentsMap, 
             /* @conditional-compile-remove(mention) */
             mentionDisplayOptions: (_b = props.mentionOptions) === null || _b === void 0 ? void 0 : _b.displayOptions })));
@@ -9557,7 +9561,7 @@ const MessageThread = (props) => {
     const { messages: newMessages, userId, participantCount, readReceiptsBySenderId, styles, disableJumpToNewMessageButton = false, showMessageDate = false, showMessageStatus = false, numberOfChatMessagesToReload = 5, onMessageSeen, onRenderMessageStatus, onRenderAvatar, onLoadPreviousChatMessages, onRenderJumpToNewMessageButton, onRenderMessage, onUpdateMessage, onCancelMessageEdit, onDeleteMessage, onSendMessage, 
     /* @conditional-compile-remove(date-time-customization) */
     onDisplayDateTimeString, 
-    /* @conditional-compile-remove(teams-inline-images) */
+    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
     onFetchAttachments, 
     /* @conditional-compile-remove(mention) */
     mentionOptions } = props;
@@ -9577,11 +9581,13 @@ const MessageThread = (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) */
+    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
     const [inlineAttachments, setInlineAttachments] = React.useState({});
-    /* @conditional-compile-remove(teams-inline-images) */
+    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
     const onFetchInlineAttachment = React.useCallback((attachment) => __awaiter$t(void 0, void 0, void 0, function* () {
-        if (!onFetchAttachments || attachment.id in inlineAttachments) {
+        if (!onFetchAttachments ||
+            attachment.id in inlineAttachments ||
+            attachment.attachmentType !== 'teamsInlineImage') {
             return;
         }
         setInlineAttachments((prev) => (Object.assign(Object.assign({}, prev), { [attachment.id]: '' })));
@@ -9598,6 +9604,10 @@ const MessageThread = (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('');
@@ -9801,9 +9811,9 @@ const MessageThread = (props) => {
                 strings: strings, message: messageProps.message, userId: props.userId, remoteParticipantsCount: participantCount ? participantCount - 1 : 0, inlineAcceptRejectEditButtons: !isNarrow, onRenderAvatar: onRenderAvatar, showMessageStatus: showMessageStatus, messageStatus: messageProps.message.status, onActionButtonClick: onActionButtonClickMemo, 
                 /* @conditional-compile-remove(date-time-customization) */
                 onDisplayDateTimeString: onDisplayDateTimeString, 
-                /* @conditional-compile-remove(teams-inline-images) */
+                /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
                 onFetchAttachments: onFetchInlineAttachment, 
-                /* @conditional-compile-remove(teams-inline-images) */
+                /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
                 attachmentsMap: inlineAttachments, 
                 /* @conditional-compile-remove(mention) */
                 mentionOptions: mentionOptions })));
@@ -9821,9 +9831,9 @@ const MessageThread = (props) => {
         onActionButtonClickMemo,
         /* @conditional-compile-remove(date-time-customization) */
         onDisplayDateTimeString,
-        /* @conditional-compile-remove(teams-inline-images) */
+        /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
         onFetchInlineAttachment,
-        /* @conditional-compile-remove(teams-inline-images) */
+        /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
         inlineAttachments,
         /* @conditional-compile-remove(mention) */
         mentionOptions
@@ -17044,8 +17054,8 @@ const extractAttachedFilesMetadata = (metadata) => {
         return [];
     }
 };
-/* @conditional-compile-remove(teams-inline-images) */
-const extractInlineImageFilesMetadata = (attachments) => {
+/* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
+const extractTeamsAttachmentsMetadata = (attachments) => {
     return attachments.map((attachment) => {
         var _a, _b;
         return ({
@@ -17053,12 +17063,12 @@ const extractInlineImageFilesMetadata = (attachments) => {
             id: attachment.id,
             name: (_a = attachment.name) !== null && _a !== void 0 ? _a : '',
             extension: (_b = attachment.contentType) !== null && _b !== void 0 ? _b : '',
-            url: attachment.url,
+            url: extractAttachmentUrl(attachment),
             previewUrl: attachment.previewUrl
         });
     });
 };
-/* @conditional-compile-remove(teams-inline-images) */
+/* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
 const mapAttachmentType = (attachmentType) => {
     if (attachmentType === 'teamsImage' || attachmentType === 'teamsInlineImage') {
         return 'teamsInlineImage';
@@ -17068,7 +17078,30 @@ const mapAttachmentType = (attachmentType) => {
     }
     return 'unknown';
 };
-/* @conditional-compile-remove(file-sharing) @conditional-compile-remove(teams-inline-images) */
+/* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
+const extractAttachmentUrl = (attachment) => {
+    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
+            .filter((attachment) => attachment.attachmentType === 'teamsImage')
+            .map((attachment) => generateImageAttachmentImgHtml(attachment))
+            .join('');
+        if (teamsImageHtmlContent) {
+            return ((_d = (_c = message.content) === null || _c === void 0 ? void 0 : _c.message) !== null && _d !== void 0 ? _d : '') + teamsImageHtmlContent;
+        }
+    }
+    return (_e = message.content) === null || _e === void 0 ? void 0 : _e.message;
+};
+/* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
+const generateImageAttachmentImgHtml = (attachment) => {
+    return `\r\n<p><img alt="image" src="" itemscope="${attachment.contentType}" id="${attachment.id}"></p>`;
+};
+/* @conditional-compile-remove(file-sharing) @conditional-compile-remove(teams-inline-images-and-file-sharing) */
 const extractFilesMetadata = (message) => {
     var _a, _b;
     let fileMetadata = [];
@@ -17076,9 +17109,9 @@ const extractFilesMetadata = (message) => {
     if (message.metadata) {
         fileMetadata = fileMetadata.concat(extractAttachedFilesMetadata(message.metadata));
     }
-    /* @conditional-compile-remove(teams-inline-images) */
+    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
     if ((_a = message.content) === null || _a === void 0 ? void 0 : _a.attachments) {
-        fileMetadata = fileMetadata.concat(extractInlineImageFilesMetadata((_b = message.content) === null || _b === void 0 ? void 0 : _b.attachments));
+        fileMetadata = fileMetadata.concat(extractTeamsAttachmentsMetadata((_b = message.content) === null || _b === void 0 ? void 0 : _b.attachments));
     }
     return fileMetadata;
 };
@@ -17099,12 +17132,11 @@ const convertToUiBlockedMessage = (message, userId, isSeen, isLargeGroup) => {
     };
 };
 const convertToUiChatMessage = (message, userId, isSeen, isLargeGroup) => {
-    var _a;
     const messageSenderId = message.sender !== undefined ? toFlatCommunicationIdentifier(message.sender) : userId;
     return {
         messageType: 'chat',
         createdOn: message.createdOn,
-        content: (_a = message.content) === null || _a === void 0 ? void 0 : _a.message,
+        content: processChatMessageContent(message),
         contentType: sanitizedMessageContentType(message.type),
         status: !isLargeGroup && message.status === 'delivered' && isSeen ? 'seen' : message.status,
         senderDisplayName: message.senderDisplayName,
@@ -17115,7 +17147,7 @@ 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) */
+        /* @conditional-compile-remove(file-sharing) @conditional-compile-remove(teams-inline-images-and-file-sharing) */
         attachedFilesMetadata: extractFilesMetadata(message)
     };
 };
@@ -17207,18 +17239,20 @@ const sanitizedMessageContentType = (type) => {
         : 'unknown';
 };
 const isMessageValidToRender = (message) => {
-    var _a, _b;
+    var _a, _b, _c;
     if (message.deletedOn) {
         return false;
     }
-    if ((_a = message.metadata) === null || _a === void 0 ? void 0 : _a['fileSharingMetadata']) {
+    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)) {
         return true;
     }
     /* @conditional-compile-remove(data-loss-prevention) */
     if (message.policyViolation) {
         return true;
     }
-    return !!(message.content && ((_b = message.content) === null || _b === void 0 ? void 0 : _b.message) !== '');
+    return !!(message.content && ((_c = message.content) === null || _c === void 0 ? void 0 : _c.message) !== '');
 };
 
 // Copyright (c) Microsoft Corporation.
@@ -17906,7 +17940,7 @@ class EventSubscriber {
                 version: event.version,
                 content: {
                     message: event.message,
-                    /* @conditional-compile-remove(teams-inline-images) */
+                    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
                     attachments: event.attachments
                 },
                 type: this.convertEventType(event.type),
@@ -19433,19 +19467,19 @@ class ChatContext {
  */
 class AzureCommunicationChatAdapter {
     constructor(chatClient, chatThreadClient, 
-    /* @conditional-compile-remove(teams-inline-images) */ options) {
-        /* @conditional-compile-remove(teams-inline-images) */
+    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */ options) {
+        /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
         this.credential = undefined;
         this.emitter = new EventEmitter__default['default']();
         this.bindAllPublicMethods();
         this.chatClient = chatClient;
         this.chatThreadClient = chatThreadClient;
         this.context = new ChatContext(chatClient.getState(), chatThreadClient.threadId);
-        /* @conditional-compile-remove(teams-inline-images) */
+        /* @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) */
+        /* @conditional-compile-remove(file-sharing) */ /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
         this.fileUploadAdapter = new AzureCommunicationFileUploadAdapter(this.context);
         const onStateChange = (clientState) => {
             // unsubscribe when the instance gets disposed
@@ -19489,7 +19523,7 @@ 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) */
+        /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
         this.downloadAttachments = this.downloadAttachments.bind(this);
     }
     dispose() {
@@ -19627,7 +19661,7 @@ class AzureCommunicationChatAdapter {
     updateFileUploadMetadata(id, metadata) {
         this.fileUploadAdapter.updateFileUploadMetadata(id, metadata);
     }
-    /* @conditional-compile-remove(teams-inline-images) */
+    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
     downloadAttachments(options) {
         return __awaiter$h(this, void 0, void 0, function* () {
             return this.asyncTeeErrorToEventEmitter(() => __awaiter$h(this, void 0, void 0, function* () {
@@ -19648,7 +19682,7 @@ class AzureCommunicationChatAdapter {
             }));
         });
     }
-    /* @conditional-compile-remove(teams-inline-images) */
+    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
     downloadAuthenticatedFile(accessToken, options) {
         return __awaiter$h(this, void 0, void 0, function* () {
             function fetchWithAuthentication(url, token) {
@@ -19778,10 +19812,10 @@ const createAzureCommunicationChatAdapter = ({ endpoint: endpointUrl, userId, di
     });
     const chatThreadClient = yield chatClient.getChatThreadClient(threadId);
     yield chatClient.startRealtimeNotifications();
-    /* @conditional-compile-remove(teams-inline-images) */
+    /* @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) */ options);
+    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */ options);
     return adapter;
 });
 /**
@@ -19889,11 +19923,11 @@ beforeDispose) => {
  * @public
  */
 function createAzureCommunicationChatAdapterFromClient(chatClient, chatThreadClient, 
-/* @conditional-compile-remove(teams-inline-images) */
+/* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
 options) {
     return __awaiter$h(this, void 0, void 0, function* () {
         return new AzureCommunicationChatAdapter(chatClient, chatThreadClient, 
-        /* @conditional-compile-remove(teams-inline-images) */ options);
+        /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */ options);
     });
 }
 const isChatError = (e) => {
@@ -20547,7 +20581,7 @@ const ChatScreen = (props) => {
     const onRenderFileDownloads = React.useCallback((userId, message) => (React__default['default'].createElement(_FileDownloadCards, { userId: userId, fileMetadata: message.attachedFilesMetadata || [], 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) */
+    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
     const onRenderInlineAttachment = React.useCallback((attachment) => __awaiter$f(void 0, void 0, void 0, function* () {
         if (attachment.previewUrl) {
             const blob = yield adapter.downloadAttachments({ attachmentUrls: [attachment.previewUrl] });
@@ -20573,7 +20607,7 @@ const ChatScreen = (props) => {
                 React__default['default'].createElement(MessageThread, Object.assign({}, messageThreadProps, { onRenderAvatar: onRenderAvatarCallback, onRenderMessage: onRenderMessage, 
                     /* @conditional-compile-remove(file-sharing) */
                     onRenderFileDownloads: onRenderFileDownloads, 
-                    /* @conditional-compile-remove(teams-inline-images) */
+                    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
                     onFetchAttachments: onRenderInlineAttachment, numberOfChatMessagesToReload: defaultNumberOfChatMessagesToReload, styles: messageThreadStyles })),
                 React__default['default'].createElement(react.Stack, { className: react.mergeStyles(sendboxContainerStyles) },
                     React__default['default'].createElement("div", { className: react.mergeStyles(typingIndicatorContainerStyles) }, onRenderTypingIndicator ? (onRenderTypingIndicator(typingIndicatorProps.typingUsers)) : (React__default['default'].createElement(TypingIndicator, Object.assign({}, typingIndicatorProps, { styles: typingIndicatorStyles })))),
@@ -27619,7 +27653,7 @@ class CallWithChatBackedChatAdapter {
         };
         this.callWithChatAdapter = callWithChatAdapter;
     }
-    /* @conditional-compile-remove(teams-inline-images) */
+    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
     downloadAttachments(options) {
         return __awaiter$1(this, void 0, void 0, function* () {
             return yield this.callWithChatAdapter.downloadAttachments(options);
@@ -28183,7 +28217,7 @@ 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) */
+        /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
         this.downloadAttachments = this.downloadAttachments.bind(this);
         /* @conditional-compile-remove(PSTN-calls) */
         this.holdCall.bind(this);
@@ -28392,7 +28426,7 @@ class AzureCommunicationCallWithChatAdapter {
             return yield this.chatAdapter.deleteMessage(messageId);
         });
     }
-    /* @conditional-compile-remove(teams-inline-images) */
+    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
     downloadAttachments(options) {
         return __awaiter(this, void 0, void 0, function* () {
             return yield this.chatAdapter.downloadAttachments(options);
@@ -28765,11 +28799,11 @@ beforeDispose) => {
  * @public
  */
 const createAzureCommunicationCallWithChatAdapterFromClients = ({ callClient, callAgent, callLocator, chatClient, chatThreadClient, 
-/* @conditional-compile-remove(teams-inline-images) */
+/* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
 options }) => __awaiter(void 0, void 0, void 0, function* () {
     const createCallAdapterPromise = createAzureCommunicationCallAdapterFromClient(callClient, callAgent, callLocator);
     const createChatAdapterPromise = createAzureCommunicationChatAdapterFromClient(chatClient, chatThreadClient, 
-    /* @conditional-compile-remove(teams-inline-images) */
+    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
     options);
     const [callAdapter, chatAdapter] = yield Promise.all([createCallAdapterPromise, createChatAdapterPromise]);
     return new AzureCommunicationCallWithChatAdapter(callAdapter, chatAdapter);