@azure/communication-react 1.13.0-beta.1 → 1.13.0

package/dist/dist-esm/react-composites/src/composites/ChatComposite/ChatScreen.js

@@ -1,5 +1,3 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -9,15 +7,11 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-/* @conditional-compile-remove(image-gallery) */
-import { isIOS } from '@fluentui/react';
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
 import { mergeStyles, Stack } from '@fluentui/react';
-/* @conditional-compile-remove(image-gallery) */
-import { PersonaSize } from '@fluentui/react';
 import { ErrorBar, MessageThread, SendBox, TypingIndicator, useTheme } from "../../../../react-components/src";
 import React, { useCallback, useEffect, useMemo } from 'react';
-/* @conditional-compile-remove(image-gallery) */
-import { useState } from 'react';
 import { AvatarPersona } from '../common/AvatarPersona';
 import { useAdapter } from './adapter/ChatAdapterProvider';
 import { ChatHeader, getHeaderProps } from './ChatHeader';
@@ -26,33 +20,13 @@ import { useAdaptedSelector } from './hooks/useAdaptedSelector';
 import { usePropsFor } from './hooks/usePropsFor';
 import { chatArea, chatContainer, chatWrapper, messageThreadChatCompositeStyles, sendboxContainerStyles, typingIndicatorContainerStyles } from './styles/Chat.styles';
 import { participantListContainerPadding } from '../common/styles/ParticipantContainer.styles';
-/* @conditional-compile-remove(chat-composite-participant-pane) */
-import { ChatScreenPeoplePane } from './ChatScreenPeoplePane';
 import { toFlatCommunicationIdentifier } from "../../../../acs-ui-common/src";
-/* @conditional-compile-remove(file-sharing) */
-import { fileUploadsSelector } from './selectors/fileUploadsSelector';
-/* @conditional-compile-remove(file-sharing) */
-import { useSelector } from './hooks/useSelector';
-/* @conditional-compile-remove(file-sharing) */
-import { FileDownloadErrorBar } from './FileDownloadErrorBar';
-/* @conditional-compile-remove(file-sharing) */
-import { _FileDownloadCards } from "../../../../react-components/src";
-/* @conditional-compile-remove(image-gallery) */
-import { ImageGallery } from "../../../../react-components/src";
 /**
  * @private
  */
 export const ChatScreen = (props) => {
     const { onFetchAvatarPersonaData, onRenderMessage, onRenderTypingIndicator, options, styles, fileSharing, formFactor } = props;
     const defaultNumberOfChatMessagesToReload = 5;
-    /* @conditional-compile-remove(file-sharing) */
-    const [downloadErrorMessage, setDownloadErrorMessage] = React.useState('');
-    /* @conditional-compile-remove(image-gallery) */
-    const [fullSizeAttachments, setFullSizeAttachments] = useState({});
-    /* @conditional-compile-remove(image-gallery) */
-    const [galleryImages, setGalleryImages] = useState([]);
-    /* @conditional-compile-remove(image-gallery) */
-    const [isImageGalleryOpen, setIsImageGalleryOpen] = useState(false);
     const adapter = useAdapter();
     const theme = useTheme();
     useEffect(() => {
@@ -87,96 +61,7 @@ export const ChatScreen = (props) => {
         if (!files) {
             return;
         }
-        /* @conditional-compile-remove(file-sharing) */
-        const fileUploads = adapter.registerActiveFileUploads(Array.from(files));
-        /* @conditional-compile-remove(file-sharing) */
-        fileSharing === null || fileSharing === void 0 ? void 0 : fileSharing.uploadHandler(userId, fileUploads);
     }, [adapter, fileSharing, userId]);
-    /* @conditional-compile-remove(file-sharing) */
-    const onRenderFileDownloads = 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(image-gallery) */
-    const onInlineImageClicked = useCallback((attachmentId, messageId) => __awaiter(void 0, void 0, void 0, function* () {
-        var _a, _b;
-        const messages = (_a = messageThreadProps.messages) === null || _a === void 0 ? void 0 : _a.filter(message => {
-            return message.messageId === messageId;
-        });
-        if (!messages || messages.length <= 0) {
-            return;
-        }
-        const chatMessage = messages[0];
-        const inlinedImages = (_b = chatMessage.inlineImages) === null || _b === void 0 ? void 0 : _b.filter(attachment => {
-            return attachment.id === attachmentId;
-        });
-        if (!inlinedImages || inlinedImages.length <= 0) {
-            return;
-        }
-        const attachment = inlinedImages[0];
-        const titleIconRenderOptions = {
-            text: chatMessage.senderDisplayName,
-            size: PersonaSize.size32,
-            showOverflowTooltip: false,
-            imageAlt: chatMessage.senderDisplayName
-        };
-        const titleIcon = onRenderAvatarCallback && onRenderAvatarCallback(chatMessage.senderId, titleIconRenderOptions);
-        const galleryImage = {
-            title: chatMessage.senderDisplayName || '',
-            titleIcon: titleIcon,
-            downloadFilename: attachment.id,
-            imageUrl: ''
-        };
-        setIsImageGalleryOpen(true);
-        if (attachment.id in fullSizeAttachments) {
-            setGalleryImages([Object.assign(Object.assign({}, galleryImage), { imageUrl: fullSizeAttachments[attachment.id] })]);
-            return;
-        }
-        if (attachment.attachmentType === 'inlineImage' && attachment.url) {
-            // TBD: Need to begin investigating how to download HQ images.
-            const blob = yield adapter.downloadAttachments({
-                attachmentUrls: {
-                    [attachment.id]: attachment.url
-                }
-            });
-            if (blob[0]) {
-                const blobUrl = blob[0].blobUrl;
-                setFullSizeAttachments(prev => (Object.assign(Object.assign({}, prev), { [attachment.id]: blobUrl })));
-                setGalleryImages([Object.assign(Object.assign({}, galleryImage), { imageUrl: blobUrl })]);
-            }
-        }
-    }), [adapter, fullSizeAttachments, messageThreadProps.messages, onRenderAvatarCallback]);
-    /* @conditional-compile-remove(image-gallery) */
-    const inlineImageOptions = {
-        onRenderInlineImage: (inlineImage, defaultOnRender) => {
-            return React.createElement("span", { onClick: () => onInlineImageClicked(inlineImage.imgAttrs.id || '', inlineImage.messageId), tabIndex: 0, role: "button", onKeyDown: e => {
-                    if (e.key === 'Enter') {
-                        onInlineImageClicked(inlineImage.imgAttrs.id || '', inlineImage.messageId);
-                    }
-                } }, defaultOnRender(inlineImage));
-        }
-    };
-    /* @conditional-compile-remove(image-gallery) */
-    const onImageDownloadButtonClicked = useCallback((imageUrl, downloadFilename) => {
-        if (imageUrl === '') {
-            return;
-        }
-        if (isIOS()) {
-            window.open(imageUrl, '_blank');
-        }
-        else {
-            // Create a new anchor element
-            const a = document.createElement('a');
-            // Set the href and download attributes for the anchor element
-            a.href = imageUrl;
-            a.download = downloadFilename;
-            a.rel = 'noopener noreferrer';
-            a.target = '_blank';
-            // Programmatically click the anchor element to trigger the download
-            document.body.appendChild(a);
-            a.click();
-            document.body.removeChild(a);
-        }
-    }, []);
     const AttachFileButton = useCallback(() => {
         if (!(fileSharing === null || fileSharing === void 0 ? void 0 : fileSharing.uploadHandler)) {
             return null;
@@ -187,27 +72,15 @@ export const ChatScreen = (props) => {
         (options === null || options === void 0 ? void 0 : options.topic) !== false && React.createElement(ChatHeader, Object.assign({}, headerProps)),
         React.createElement(Stack, { className: chatArea, tokens: participantListContainerPadding, horizontal: true, grow: true },
             React.createElement(Stack, { className: chatWrapper, grow: true },
-                (options === null || options === void 0 ? void 0 : options.errorBar) !== false && React.createElement(ErrorBar, Object.assign({}, errorBarProps)), /* @conditional-compile-remove(file-sharing) */
-                React.createElement(FileDownloadErrorBar, { onDismissDownloadErrorMessage: useCallback(() => {
-                        setDownloadErrorMessage('');
-                    }, []), fileDownloadErrorMessage: downloadErrorMessage || '' }),
-                React.createElement(MessageThread, Object.assign({}, messageThreadProps, { onRenderAvatar: onRenderAvatarCallback, onRenderMessage: onRenderMessage, 
-                    /* @conditional-compile-remove(file-sharing) */ onRenderFileDownloads: onRenderFileDownloads, 
-                    /* @conditional-compile-remove(image-gallery) */ inlineImageOptions: inlineImageOptions, numberOfChatMessagesToReload: defaultNumberOfChatMessagesToReload, styles: messageThreadStyles })),
+                (options === null || options === void 0 ? void 0 : options.errorBar) !== false && React.createElement(ErrorBar, Object.assign({}, errorBarProps)),
+                React.createElement(MessageThread, Object.assign({}, messageThreadProps, { onRenderAvatar: onRenderAvatarCallback, onRenderMessage: onRenderMessage, numberOfChatMessagesToReload: defaultNumberOfChatMessagesToReload, styles: messageThreadStyles })),
                 React.createElement(Stack, { className: mergeStyles(sendboxContainerStyles) },
                     React.createElement("div", { className: mergeStyles(typingIndicatorContainerStyles) }, onRenderTypingIndicator ? onRenderTypingIndicator(typingIndicatorProps.typingUsers) : React.createElement(TypingIndicator, Object.assign({}, typingIndicatorProps, { styles: typingIndicatorStyles }))),
                     React.createElement(Stack, { horizontal: formFactor === 'mobile' },
                         formFactor === 'mobile' && React.createElement(Stack, { verticalAlign: "center" },
                             React.createElement(AttachFileButton, null)),
                         React.createElement(Stack, { grow: true },
-                            React.createElement(SendBox, Object.assign({}, sendBoxProps, { autoFocus: options === null || options === void 0 ? void 0 : options.autoFocus, styles: sendBoxStyles, 
-                                /* @conditional-compile-remove(file-sharing) */ activeFileUploads: useSelector(fileUploadsSelector).files, 
-                                /* @conditional-compile-remove(file-sharing) */ onCancelFileUpload: adapter.cancelFileUpload }))),
-                        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);
-            }, onImageDownloadButtonClicked: onImageDownloadButtonClicked }));
+                            React.createElement(SendBox, Object.assign({}, sendBoxProps, { autoFocus: options === null || options === void 0 ? void 0 : options.autoFocus, styles: sendBoxStyles }))),
+                        formFactor !== 'mobile' && React.createElement(AttachFileButton, null))))));
 };
 //# sourceMappingURL=ChatScreen.js.map

package/dist/dist-esm/react-composites/src/composites/ChatComposite/ChatScreen.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatScreen.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-composites/src/composites/ChatComposite/ChatScreen.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* @conditional-compile-remove(image-gallery) */\nimport { isIOS } from '@fluentui/react';\nimport { mergeStyles, Stack } from '@fluentui/react';\n/* @conditional-compile-remove(image-gallery) */\nimport { PersonaSize } from '@fluentui/react';\nimport { CommunicationParticipant, ErrorBar, MessageProps, MessageRenderer, MessageThread, MessageThreadStyles, ParticipantMenuItemsCallback, SendBox, SendBoxStylesProps, TypingIndicator, TypingIndicatorStylesProps, useTheme } from '@internal/react-components';\n/* @conditional-compile-remove(image-gallery) */ /* @conditional-compile-remove(file-sharing) */\nimport { ChatMessage } from '@internal/react-components';\nimport React, { useCallback, useEffect, useMemo } from 'react';\n/* @conditional-compile-remove(image-gallery) */\nimport { useState } from 'react';\nimport { AvatarPersona, AvatarPersonaDataCallback, AvatarPersonaProps } from '../common/AvatarPersona';\nimport { useAdapter } from './adapter/ChatAdapterProvider';\nimport { ChatCompositeOptions } from './ChatComposite';\nimport { ChatHeader, getHeaderProps } from './ChatHeader';\nimport { FileDownloadHandler } from '@internal/react-components';\nimport { FileUploadButtonWrapper as FileUploadButton, FileUploadHandler } from './file-sharing';\nimport { useAdaptedSelector } from './hooks/useAdaptedSelector';\nimport { usePropsFor } from './hooks/usePropsFor';\nimport { chatArea, chatContainer, chatWrapper, messageThreadChatCompositeStyles, sendboxContainerStyles, typingIndicatorContainerStyles } from './styles/Chat.styles';\nimport { participantListContainerPadding } from '../common/styles/ParticipantContainer.styles';\n/* @conditional-compile-remove(chat-composite-participant-pane) */\nimport { ChatScreenPeoplePane } from './ChatScreenPeoplePane';\nimport { toFlatCommunicationIdentifier } from '@internal/acs-ui-common';\n/* @conditional-compile-remove(file-sharing) */\nimport { fileUploadsSelector } from './selectors/fileUploadsSelector';\n/* @conditional-compile-remove(file-sharing) */\nimport { useSelector } from './hooks/useSelector';\n/* @conditional-compile-remove(file-sharing) */\nimport { FileDownloadErrorBar } from './FileDownloadErrorBar';\n/* @conditional-compile-remove(file-sharing) */\nimport { _FileDownloadCards } from '@internal/react-components';\n/* @conditional-compile-remove(image-gallery) */\nimport { ImageGallery, ImageGalleryImageProps } from '@internal/react-components';\n/* @conditional-compile-remove(image-gallery) */\nimport { InlineImage } from '@internal/react-components';\n\n/**\n * @private\n */\nexport type ChatScreenProps = {\n  options?: ChatCompositeOptions;\n  onFetchAvatarPersonaData?: AvatarPersonaDataCallback;\n  onRenderMessage?: (messageProps: MessageProps, defaultOnRender?: MessageRenderer) => JSX.Element;\n  onRenderTypingIndicator?: (typingUsers: CommunicationParticipant[]) => JSX.Element;\n  onFetchParticipantMenuItems?: ParticipantMenuItemsCallback;\n  styles?: ChatScreenStyles;\n  hasFocusOnMount?: 'sendBoxTextField';\n  fileSharing?: FileSharingOptions;\n  formFactor?: 'desktop' | 'mobile';\n};\n\n/**\n * @private\n */\nexport type ChatScreenStyles = {\n  messageThread?: MessageThreadStyles;\n  sendBox?: SendBoxStylesProps;\n  typingIndicator?: TypingIndicatorStylesProps;\n};\n\n/**\n * Properties for configuring the File Sharing feature.\n * @beta\n */\nexport interface FileSharingOptions {\n  /**\n   * A string containing the comma separated list of accepted file types.\n   * Similar to the `accept` attribute of the `<input type=\"file\" />` element.\n   * Accepts any type of file if not specified.\n   * @beta\n   */\n  accept?: string;\n  /**\n   * Allows multiple files to be selected if set to `true`.\n   * Similar to the `multiple` attribute of the `<input type=\"file\" />` element.\n   * @defaultValue false\n   * @beta\n   */\n  multiple?: boolean;\n  /**\n   * A function of type {@link FileUploadHandler} for handling file uploads.\n   * @beta\n   */\n  uploadHandler: FileUploadHandler;\n  /**\n   * A function of type {@link FileDownloadHandler} for handling file downloads.\n   * If the function is not specified, the file's `url` will be opened in a new tab to\n   * initiate the download.\n   */\n  downloadHandler?: FileDownloadHandler;\n}\n\n/**\n * @private\n */\nexport const ChatScreen = (props: ChatScreenProps): JSX.Element => {\n  const {\n    onFetchAvatarPersonaData,\n    onRenderMessage,\n    onRenderTypingIndicator,\n    options,\n    styles,\n    fileSharing,\n    formFactor\n  } = props;\n  const defaultNumberOfChatMessagesToReload = 5;\n  /* @conditional-compile-remove(file-sharing) */\n  const [downloadErrorMessage, setDownloadErrorMessage] = React.useState('');\n  /* @conditional-compile-remove(image-gallery) */\n  const [fullSizeAttachments, setFullSizeAttachments] = useState<Record<string, string>>({});\n  /* @conditional-compile-remove(image-gallery) */\n  const [galleryImages, setGalleryImages] = useState<Array<ImageGalleryImageProps>>([]);\n  /* @conditional-compile-remove(image-gallery) */\n  const [isImageGalleryOpen, setIsImageGalleryOpen] = useState<boolean>(false);\n  const adapter = useAdapter();\n  const theme = useTheme();\n  useEffect(() => {\n    // Initial data should be always fetched by the composite(or external caller) instead of the adapter\n    const fetchData: () => Promise<void> = async () => {\n      // Fetch initial data for adapter\n      await adapter.fetchInitialData();\n      // Fetch initial set of messages. Without fetching messages here, if the Composite's adapter is changed the message thread does not load new messages.\n      await adapter.loadPreviousChatMessages(defaultNumberOfChatMessagesToReload);\n    };\n    fetchData();\n  }, [adapter]);\n  const messageThreadProps = usePropsFor(MessageThread);\n  const sendBoxProps = usePropsFor(SendBox);\n  const typingIndicatorProps = usePropsFor(TypingIndicator);\n  const headerProps = useAdaptedSelector(getHeaderProps);\n  const errorBarProps = usePropsFor(ErrorBar);\n  const onRenderAvatarCallback = useCallback((userId?: string, defaultOptions?: AvatarPersonaProps) => {\n    return <AvatarPersona userId={userId} hidePersonaDetails={true} {...defaultOptions} dataProvider={onFetchAvatarPersonaData} />;\n  }, [onFetchAvatarPersonaData]);\n  const messageThreadStyles = useMemo(() => {\n    return Object.assign({}, messageThreadChatCompositeStyles(theme.semanticColors.bodyBackground), styles?.messageThread);\n  }, [styles?.messageThread, theme.semanticColors.bodyBackground]);\n  const typingIndicatorStyles = useMemo(() => {\n    return Object.assign({}, styles?.typingIndicator);\n  }, [styles?.typingIndicator]);\n  const sendBoxStyles = useMemo(() => {\n    return Object.assign({}, styles?.sendBox);\n  }, [styles?.sendBox]);\n  const userId = toFlatCommunicationIdentifier(adapter.getState().userId);\n  const fileUploadButtonOnChange = useCallback((files: FileList | null): void => {\n    if (!files) {\n      return;\n    }\n\n    /* @conditional-compile-remove(file-sharing) */\n    const fileUploads = adapter.registerActiveFileUploads(Array.from(files));\n    /* @conditional-compile-remove(file-sharing) */\n    fileSharing?.uploadHandler(userId, fileUploads);\n  }, [adapter, fileSharing, userId]);\n\n  /* @conditional-compile-remove(file-sharing) */\n  const onRenderFileDownloads = useCallback((userId: string, message: ChatMessage) => <_FileDownloadCards userId={userId} fileMetadata={message.files || []} downloadHandler={fileSharing?.downloadHandler} onDownloadErrorMessage={(errorMessage: string) => {\n    setDownloadErrorMessage(errorMessage);\n  }} />, [fileSharing?.downloadHandler]);\n\n  /* @conditional-compile-remove(image-gallery) */\n  const onInlineImageClicked = useCallback(async (attachmentId: string, messageId: string): Promise<void> => {\n    const messages = messageThreadProps.messages?.filter(message => {\n      return message.messageId === messageId;\n    });\n    if (!messages || messages.length <= 0) {\n      return;\n    }\n    const chatMessage = (messages[0] as ChatMessage);\n    const inlinedImages = chatMessage.inlineImages?.filter(attachment => {\n      return attachment.id === attachmentId;\n    });\n    if (!inlinedImages || inlinedImages.length <= 0) {\n      return;\n    }\n    const attachment = inlinedImages[0];\n    const titleIconRenderOptions = {\n      text: chatMessage.senderDisplayName,\n      size: PersonaSize.size32,\n      showOverflowTooltip: false,\n      imageAlt: chatMessage.senderDisplayName\n    };\n    const titleIcon = onRenderAvatarCallback && onRenderAvatarCallback(chatMessage.senderId, titleIconRenderOptions);\n    const galleryImage: ImageGalleryImageProps = {\n      title: chatMessage.senderDisplayName || '',\n      titleIcon: titleIcon,\n      downloadFilename: attachment.id,\n      imageUrl: ''\n    };\n    setIsImageGalleryOpen(true);\n    if (attachment.id in fullSizeAttachments) {\n      setGalleryImages([{\n        ...galleryImage,\n        imageUrl: fullSizeAttachments[attachment.id]\n      }]);\n      return;\n    }\n    if (attachment.attachmentType === 'inlineImage' && attachment.url) {\n      // TBD: Need to begin investigating how to download HQ images.\n      const blob = await adapter.downloadAttachments({\n        attachmentUrls: {\n          [attachment.id]: attachment.url\n        }\n      });\n      if (blob[0]) {\n        const blobUrl = blob[0].blobUrl;\n        setFullSizeAttachments(prev => ({\n          ...prev,\n          [attachment.id]: blobUrl\n        }));\n        setGalleryImages([{\n          ...galleryImage,\n          imageUrl: blobUrl\n        }]);\n      }\n    }\n  }, [adapter, fullSizeAttachments, messageThreadProps.messages, onRenderAvatarCallback]);\n\n  /* @conditional-compile-remove(image-gallery) */\n  const inlineImageOptions = {\n    onRenderInlineImage: (inlineImage: InlineImage, defaultOnRender: (inlineImage: InlineImage) => JSX.Element): JSX.Element => {\n      return <span onClick={() => onInlineImageClicked(inlineImage.imgAttrs.id || '', inlineImage.messageId)} tabIndex={0} role=\"button\" onKeyDown={e => {\n        if (e.key === 'Enter') {\n          onInlineImageClicked(inlineImage.imgAttrs.id || '', inlineImage.messageId);\n        }\n      }}>\n          {defaultOnRender(inlineImage)}\n        </span>;\n    }\n  };\n\n  /* @conditional-compile-remove(image-gallery) */\n  const onImageDownloadButtonClicked = useCallback((imageUrl: string, downloadFilename: string): void => {\n    if (imageUrl === '') {\n      return;\n    }\n    if (isIOS()) {\n      window.open(imageUrl, '_blank');\n    } else {\n      // Create a new anchor element\n      const a = document.createElement('a');\n      // Set the href and download attributes for the anchor element\n      a.href = imageUrl;\n      a.download = downloadFilename;\n      a.rel = 'noopener noreferrer';\n      a.target = '_blank';\n\n      // Programmatically click the anchor element to trigger the download\n      document.body.appendChild(a);\n      a.click();\n      document.body.removeChild(a);\n    }\n  }, []);\n  const AttachFileButton = useCallback(() => {\n    if (!fileSharing?.uploadHandler) {\n      return null;\n    }\n    return <FileUploadButton accept={fileSharing?.accept} multiple={fileSharing?.multiple} onChange={fileUploadButtonOnChange} />;\n  }, [fileSharing?.accept, fileSharing?.multiple, fileSharing?.uploadHandler, fileUploadButtonOnChange]);\n  return <Stack className={chatContainer} grow>\n      {options?.topic !== false && <ChatHeader {...headerProps} />}\n      <Stack className={chatArea} tokens={participantListContainerPadding} horizontal grow>\n        <Stack className={chatWrapper} grow>\n          {options?.errorBar !== false && <ErrorBar {...errorBarProps} />}\n          {/* @conditional-compile-remove(file-sharing) */\n        <FileDownloadErrorBar onDismissDownloadErrorMessage={useCallback(() => {\n          setDownloadErrorMessage('');\n        }, [])} fileDownloadErrorMessage={downloadErrorMessage || ''} />}\n          <MessageThread {...messageThreadProps} onRenderAvatar={onRenderAvatarCallback} onRenderMessage={onRenderMessage}\n        /* @conditional-compile-remove(file-sharing) */ onRenderFileDownloads={onRenderFileDownloads}\n        /* @conditional-compile-remove(image-gallery) */ inlineImageOptions={inlineImageOptions} numberOfChatMessagesToReload={defaultNumberOfChatMessagesToReload} styles={messageThreadStyles} />\n          <Stack className={mergeStyles(sendboxContainerStyles)}>\n            <div className={mergeStyles(typingIndicatorContainerStyles)}>\n              {onRenderTypingIndicator ? onRenderTypingIndicator(typingIndicatorProps.typingUsers) : <TypingIndicator {...typingIndicatorProps} styles={typingIndicatorStyles} />}\n            </div>\n            <Stack horizontal={formFactor === 'mobile'}>\n              {formFactor === 'mobile' && <Stack verticalAlign=\"center\">\n                  <AttachFileButton />\n                </Stack>}\n              <Stack grow>\n                <SendBox {...sendBoxProps} autoFocus={options?.autoFocus} styles={sendBoxStyles}\n              /* @conditional-compile-remove(file-sharing) */ activeFileUploads={useSelector(fileUploadsSelector).files}\n              /* @conditional-compile-remove(file-sharing) */ onCancelFileUpload={adapter.cancelFileUpload} />\n              </Stack>\n              {formFactor !== 'mobile' && <AttachFileButton />}\n            </Stack>\n          </Stack>\n        </Stack>\n        {/* @conditional-compile-remove(chat-composite-participant-pane) */\n      options?.participantPane === true && <ChatScreenPeoplePane onFetchAvatarPersonaData={onFetchAvatarPersonaData} onFetchParticipantMenuItems={props.onFetchParticipantMenuItems} isMobile={formFactor === 'mobile'} />}\n      </Stack>\n      {/* @conditional-compile-remove(image-gallery) */\n    <ImageGallery isOpen={isImageGalleryOpen} images={galleryImages} onDismiss={() => {\n      setGalleryImages([]);\n      setIsImageGalleryOpen(false);\n    }} onImageDownloadButtonClicked={onImageDownloadButtonClicked} />}\n    </Stack>;\n};"]}
+{"version":3,"file":"ChatScreen.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-composites/src/composites/ChatComposite/ChatScreen.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\nimport { mergeStyles, Stack } from '@fluentui/react';\nimport { CommunicationParticipant, ErrorBar, MessageProps, MessageRenderer, MessageThread, MessageThreadStyles, ParticipantMenuItemsCallback, SendBox, SendBoxStylesProps, TypingIndicator, TypingIndicatorStylesProps, useTheme } from '@internal/react-components';\nimport React, { useCallback, useEffect, useMemo } from 'react';\nimport { AvatarPersona, AvatarPersonaDataCallback, AvatarPersonaProps } from '../common/AvatarPersona';\nimport { useAdapter } from './adapter/ChatAdapterProvider';\nimport { ChatCompositeOptions } from './ChatComposite';\nimport { ChatHeader, getHeaderProps } from './ChatHeader';\nimport { FileDownloadHandler } from '@internal/react-components';\nimport { FileUploadButtonWrapper as FileUploadButton, FileUploadHandler } from './file-sharing';\nimport { useAdaptedSelector } from './hooks/useAdaptedSelector';\nimport { usePropsFor } from './hooks/usePropsFor';\nimport { chatArea, chatContainer, chatWrapper, messageThreadChatCompositeStyles, sendboxContainerStyles, typingIndicatorContainerStyles } from './styles/Chat.styles';\nimport { participantListContainerPadding } from '../common/styles/ParticipantContainer.styles';\nimport { toFlatCommunicationIdentifier } from '@internal/acs-ui-common';\n/**\n * @private\n */\nexport type ChatScreenProps = {\n  options?: ChatCompositeOptions;\n  onFetchAvatarPersonaData?: AvatarPersonaDataCallback;\n  onRenderMessage?: (messageProps: MessageProps, defaultOnRender?: MessageRenderer) => JSX.Element;\n  onRenderTypingIndicator?: (typingUsers: CommunicationParticipant[]) => JSX.Element;\n  onFetchParticipantMenuItems?: ParticipantMenuItemsCallback;\n  styles?: ChatScreenStyles;\n  hasFocusOnMount?: 'sendBoxTextField';\n  fileSharing?: FileSharingOptions;\n  formFactor?: 'desktop' | 'mobile';\n};\n\n/**\n * @private\n */\nexport type ChatScreenStyles = {\n  messageThread?: MessageThreadStyles;\n  sendBox?: SendBoxStylesProps;\n  typingIndicator?: TypingIndicatorStylesProps;\n};\n\n/**\n * Properties for configuring the File Sharing feature.\n * @beta\n */\nexport interface FileSharingOptions {\n  /**\n   * A string containing the comma separated list of accepted file types.\n   * Similar to the `accept` attribute of the `<input type=\"file\" />` element.\n   * Accepts any type of file if not specified.\n   * @beta\n   */\n  accept?: string;\n  /**\n   * Allows multiple files to be selected if set to `true`.\n   * Similar to the `multiple` attribute of the `<input type=\"file\" />` element.\n   * @defaultValue false\n   * @beta\n   */\n  multiple?: boolean;\n  /**\n   * A function of type {@link FileUploadHandler} for handling file uploads.\n   * @beta\n   */\n  uploadHandler: FileUploadHandler;\n  /**\n   * A function of type {@link FileDownloadHandler} for handling file downloads.\n   * If the function is not specified, the file's `url` will be opened in a new tab to\n   * initiate the download.\n   */\n  downloadHandler?: FileDownloadHandler;\n}\n\n/**\n * @private\n */\nexport const ChatScreen = (props: ChatScreenProps): JSX.Element => {\n  const {\n    onFetchAvatarPersonaData,\n    onRenderMessage,\n    onRenderTypingIndicator,\n    options,\n    styles,\n    fileSharing,\n    formFactor\n  } = props;\n  const defaultNumberOfChatMessagesToReload = 5;\n  const adapter = useAdapter();\n  const theme = useTheme();\n  useEffect(() => {\n    // Initial data should be always fetched by the composite(or external caller) instead of the adapter\n    const fetchData: () => Promise<void> = async () => {\n      // Fetch initial data for adapter\n      await adapter.fetchInitialData();\n      // Fetch initial set of messages. Without fetching messages here, if the Composite's adapter is changed the message thread does not load new messages.\n      await adapter.loadPreviousChatMessages(defaultNumberOfChatMessagesToReload);\n    };\n    fetchData();\n  }, [adapter]);\n  const messageThreadProps = usePropsFor(MessageThread);\n  const sendBoxProps = usePropsFor(SendBox);\n  const typingIndicatorProps = usePropsFor(TypingIndicator);\n  const headerProps = useAdaptedSelector(getHeaderProps);\n  const errorBarProps = usePropsFor(ErrorBar);\n  const onRenderAvatarCallback = useCallback((userId?: string, defaultOptions?: AvatarPersonaProps) => {\n    return <AvatarPersona userId={userId} hidePersonaDetails={true} {...defaultOptions} dataProvider={onFetchAvatarPersonaData} />;\n  }, [onFetchAvatarPersonaData]);\n  const messageThreadStyles = useMemo(() => {\n    return Object.assign({}, messageThreadChatCompositeStyles(theme.semanticColors.bodyBackground), styles?.messageThread);\n  }, [styles?.messageThread, theme.semanticColors.bodyBackground]);\n  const typingIndicatorStyles = useMemo(() => {\n    return Object.assign({}, styles?.typingIndicator);\n  }, [styles?.typingIndicator]);\n  const sendBoxStyles = useMemo(() => {\n    return Object.assign({}, styles?.sendBox);\n  }, [styles?.sendBox]);\n  const userId = toFlatCommunicationIdentifier(adapter.getState().userId);\n  const fileUploadButtonOnChange = useCallback((files: FileList | null): void => {\n    if (!files) {\n      return;\n    }\n  }, [adapter, fileSharing, userId]);\n  const AttachFileButton = useCallback(() => {\n    if (!fileSharing?.uploadHandler) {\n      return null;\n    }\n    return <FileUploadButton accept={fileSharing?.accept} multiple={fileSharing?.multiple} onChange={fileUploadButtonOnChange} />;\n  }, [fileSharing?.accept, fileSharing?.multiple, fileSharing?.uploadHandler, fileUploadButtonOnChange]);\n  return <Stack className={chatContainer} grow>\n      {options?.topic !== false && <ChatHeader {...headerProps} />}\n      <Stack className={chatArea} tokens={participantListContainerPadding} horizontal grow>\n        <Stack className={chatWrapper} grow>\n          {options?.errorBar !== false && <ErrorBar {...errorBarProps} />}\n          {}\n          <MessageThread {...messageThreadProps} onRenderAvatar={onRenderAvatarCallback} onRenderMessage={onRenderMessage} numberOfChatMessagesToReload={defaultNumberOfChatMessagesToReload} styles={messageThreadStyles} />\n          <Stack className={mergeStyles(sendboxContainerStyles)}>\n            <div className={mergeStyles(typingIndicatorContainerStyles)}>\n              {onRenderTypingIndicator ? onRenderTypingIndicator(typingIndicatorProps.typingUsers) : <TypingIndicator {...typingIndicatorProps} styles={typingIndicatorStyles} />}\n            </div>\n            <Stack horizontal={formFactor === 'mobile'}>\n              {formFactor === 'mobile' && <Stack verticalAlign=\"center\">\n                  <AttachFileButton />\n                </Stack>}\n              <Stack grow>\n                <SendBox {...sendBoxProps} autoFocus={options?.autoFocus} styles={sendBoxStyles} />\n              </Stack>\n              {formFactor !== 'mobile' && <AttachFileButton />}\n            </Stack>\n          </Stack>\n        </Stack>\n        {}\n      </Stack>\n      {}\n    </Stack>;\n};"]}

package/dist/dist-esm/react-composites/src/composites/ChatComposite/Strings.d.ts

@@ -10,9 +10,5 @@ export interface ChatCompositeStrings {
      * Chat list header text
      */
     chatListHeader: string;
-    /**
-     * Upload File Button text
-     */
-    uploadFile: string;
 }
 //# sourceMappingURL=Strings.d.ts.map

package/dist/dist-esm/react-composites/src/composites/ChatComposite/Strings.js.map

@@ -1 +1 @@
-{"version":3,"file":"Strings.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-composites/src/composites/ChatComposite/Strings.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/**\n * Strings used by the {@link ChatComposite} directly.\n *\n * This strings are in addition to those used by the components from the component library.\n *\n * @public\n */\nexport interface ChatCompositeStrings {\n  /**\n   * Chat list header text\n   */\n  chatListHeader: string;\n\n  /* @conditional-compile-remove(file-sharing) */\n  /**\n   * Upload File Button text\n   */\n  uploadFile: string;\n}"]}
+{"version":3,"file":"Strings.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-composites/src/composites/ChatComposite/Strings.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/**\n * Strings used by the {@link ChatComposite} directly.\n *\n * This strings are in addition to those used by the components from the component library.\n *\n * @public\n */\nexport interface ChatCompositeStrings {\n  /**\n   * Chat list header text\n   */\n  chatListHeader: string;\n}"]}

package/dist/dist-esm/react-composites/src/composites/ChatComposite/adapter/AzureCommunicationChatAdapter.d.ts

@@ -4,9 +4,6 @@ import { CommunicationTokenCredential, CommunicationUserIdentifier } from '@azur
 import { _TelemetryImplementationHint } from "../../../../../acs-ui-common/src";
 import { ChatAdapter, ChatAdapterState, MessageDeletedListener, MessageEditedListener, MessageReadListener, MessageReceivedListener, ParticipantsAddedListener, ParticipantsRemovedListener, TopicChangedListener } from './ChatAdapter';
 import { AdapterError } from '../../common/adapters';
-import { AttachmentDownloadResult } from "../../../../../react-components/src";
-import { AttachmentMetadata } from "../../../../../react-components/src";
-import { FileUploadManager } from '../file-sharing';
 /**
  * Context of Chat, which is a centralized context for all state updates
  * @private
@@ -30,13 +27,9 @@ export declare class AzureCommunicationChatAdapter implements ChatAdapter {
     private chatClient;
     private chatThreadClient;
     private context;
-    private credential?;
-    private fileUploadAdapter;
     private handlers;
     private emitter;
-    constructor(chatClient: StatefulChatClient, chatThreadClient: ChatThreadClient, /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */ options?: {
-        credential?: CommunicationTokenCredential;
-    });
+    constructor(chatClient: StatefulChatClient, chatThreadClient: ChatThreadClient);
     private bindAllPublicMethods;
     dispose(): void;
     fetchInitialData(): Promise<void>;
@@ -49,21 +42,8 @@ export declare class AzureCommunicationChatAdapter implements ChatAdapter {
     removeParticipant(userId: string): Promise<void>;
     setTopic(topicName: string): Promise<void>;
     loadPreviousChatMessages(messagesToLoad: number): Promise<boolean>;
-    updateMessage(messageId: string, content: string, metadata?: Record<string, string>, options?: {
-        attachmentMetadata?: AttachmentMetadata[];
-    }): Promise<void>;
+    updateMessage(messageId: string, content: string, metadata?: Record<string, string>, options?: {}): Promise<void>;
     deleteMessage(messageId: string): Promise<void>;
-    registerActiveFileUploads(files: File[]): FileUploadManager[];
-    registerCompletedFileUploads(metadata: AttachmentMetadata[]): FileUploadManager[];
-    clearFileUploads(): void;
-    cancelFileUpload(id: string): void;
-    updateFileUploadProgress(id: string, progress: number): void;
-    updateFileUploadErrorMessage(id: string, errorMessage: string): void;
-    updateFileUploadMetadata(id: string, metadata: AttachmentMetadata): void;
-    downloadAttachments(options: {
-        attachmentUrls: Record<string, string>;
-    }): Promise<AttachmentDownloadResult[]>;
-    private downloadAuthenticatedFile;
     private messageReceivedListener;
     private messageEditedListener;
     private messageDeletedListener;
@@ -93,13 +73,6 @@ export declare class AzureCommunicationChatAdapter implements ChatAdapter {
     off(event: 'error', listener: (e: AdapterError) => void): void;
     private asyncTeeErrorToEventEmitter;
 }
-/**
- * Configuration options to include when creating AzureCommunicationChatAdapter.
- * @beta
- */
-export type AzureCommunicationChatAdapterOptions = {
-    credential?: CommunicationTokenCredential;
-};
 /**
  * Arguments for creating the Azure Communication Services implementation of {@link ChatAdapter}.
  *
@@ -149,7 +122,5 @@ export declare const useAzureCommunicationChatAdapter: (args: Partial<AzureCommu
  *
  * @public
  */
-export declare function createAzureCommunicationChatAdapterFromClient(chatClient: StatefulChatClient, chatThreadClient: ChatThreadClient, /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */ options?: {
-    credential?: CommunicationTokenCredential;
-}): Promise<ChatAdapter>;
+export declare function createAzureCommunicationChatAdapterFromClient(chatClient: StatefulChatClient, chatThreadClient: ChatThreadClient): Promise<ChatAdapter>;
 //# sourceMappingURL=AzureCommunicationChatAdapter.d.ts.map

package/dist/dist-esm/react-composites/src/composites/ChatComposite/adapter/AzureCommunicationChatAdapter.js

@@ -16,14 +16,10 @@ var __asyncValues = (this && this.__asyncValues) || function (o) {
     function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
     function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }
 };
-import { _createStatefulChatClientInner, ChatError } from "../../../../../chat-stateful-client/src";
+import { _createStatefulChatClientInner } from "../../../../../chat-stateful-client/src";
 import { createDefaultChatHandlers } from "../../../../../chat-component-bindings/src";
 import { toFlatCommunicationIdentifier } from "../../../../../acs-ui-common/src";
 import EventEmitter from 'events';
-/* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
-import { convertFileUploadsUiStateToMessageMetadata } from './AzureCommunicationFileUploadAdapter';
-/* @conditional-compile-remove(file-sharing) */
-import { AzureCommunicationFileUploadAdapter } from './AzureCommunicationFileUploadAdapter';
 import { useEffect, useRef, useState } from 'react';
 import { _isValidIdentifier } from "../../../../../acs-ui-common/src";
 /**
@@ -72,8 +68,6 @@ export class ChatContext {
             thread,
             latestErrors: clientState.latestErrors
         };
-        /* @conditional-compile-remove(file-sharing) */
-        updatedState = Object.assign(Object.assign({}, updatedState), { fileUploads: this.state.fileUploads });
         this.setState(updatedState);
     }
 }
@@ -81,20 +75,12 @@ export class ChatContext {
  * @private
  */
 export class AzureCommunicationChatAdapter {
-    constructor(chatClient, chatThreadClient, /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */ options) {
-        /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
-        this.credential = undefined;
+    constructor(chatClient, chatThreadClient) {
         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) */
-        this.fileUploadAdapter = new AzureCommunicationFileUploadAdapter(this.context);
         const onStateChange = (clientState) => {
             // unsubscribe when the instance gets disposed
             if (!this) {
@@ -123,22 +109,6 @@ export class AzureCommunicationChatAdapter {
         this.loadPreviousChatMessages = this.loadPreviousChatMessages.bind(this);
         this.on = this.on.bind(this);
         this.off = this.off.bind(this);
-        /* @conditional-compile-remove(file-sharing) */
-        this.registerActiveFileUploads = this.registerActiveFileUploads.bind(this);
-        /* @conditional-compile-remove(file-sharing) */
-        this.registerCompletedFileUploads = this.registerCompletedFileUploads.bind(this);
-        /* @conditional-compile-remove(file-sharing) */
-        this.clearFileUploads = this.clearFileUploads.bind(this);
-        /* @conditional-compile-remove(file-sharing) */
-        this.cancelFileUpload = this.cancelFileUpload.bind(this);
-        /* @conditional-compile-remove(file-sharing) */
-        this.updateFileUploadProgress = this.updateFileUploadProgress.bind(this);
-        /* @conditional-compile-remove(file-sharing) */
-        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() {
         this.unsubscribeAllEvents();
@@ -184,17 +154,6 @@ export class AzureCommunicationChatAdapter {
     sendMessage(content, options = {}) {
         return __awaiter(this, void 0, void 0, function* () {
             yield this.asyncTeeErrorToEventEmitter(() => __awaiter(this, void 0, void 0, function* () {
-                /* @conditional-compile-remove(file-sharing) */
-                options.metadata = Object.assign(Object.assign({}, options.metadata), convertFileUploadsUiStateToMessageMetadata(this.context.getState().fileUploads));
-                /* @conditional-compile-remove(file-sharing) */
-                /**
-                 * All the current uploads need to be clear from the state before a message has been sent.
-                 * This ensures the following behavior:
-                 * 1. File Upload cards are removed from sendbox at the same time text in sendbox is removed.
-                 * 2. any component rendering these file uploads doesn't continue to do so.
-                 * 3. Cleans the state for new file uploads with a fresh message.
-                 */
-                this.fileUploadAdapter.clearFileUploads();
                 yield this.handlers.onSendMessage(content, options);
             }));
         });
@@ -237,13 +196,6 @@ export class AzureCommunicationChatAdapter {
     updateMessage(messageId, content, metadata, options) {
         return __awaiter(this, void 0, void 0, function* () {
             return yield this.asyncTeeErrorToEventEmitter(() => __awaiter(this, void 0, void 0, function* () {
-                /* @conditional-compile-remove(file-sharing) */
-                const updatedOptions = options ? {
-                    attachmentMetadata: options.attachmentMetadata,
-                    metadata: metadata
-                } : {};
-                /* @conditional-compile-remove(file-sharing) */
-                return yield this.handlers.onUpdateMessage(messageId, content, updatedOptions);
                 return yield this.handlers.onUpdateMessage(messageId, content);
             }));
         });
@@ -255,78 +207,6 @@ export class AzureCommunicationChatAdapter {
             }));
         });
     }
-    /* @conditional-compile-remove(file-sharing) */
-    registerActiveFileUploads(files) {
-        return this.fileUploadAdapter.registerActiveFileUploads(files);
-    }
-    /* @conditional-compile-remove(file-sharing) */
-    registerCompletedFileUploads(metadata) {
-        return this.fileUploadAdapter.registerCompletedFileUploads(metadata);
-    }
-    /* @conditional-compile-remove(file-sharing) */
-    clearFileUploads() {
-        this.fileUploadAdapter.clearFileUploads();
-    }
-    /* @conditional-compile-remove(file-sharing) */
-    cancelFileUpload(id) {
-        this.fileUploadAdapter.cancelFileUpload(id);
-    }
-    /* @conditional-compile-remove(file-sharing) */
-    updateFileUploadProgress(id, progress) {
-        this.fileUploadAdapter.updateFileUploadProgress(id, progress);
-    }
-    /* @conditional-compile-remove(file-sharing) */
-    updateFileUploadErrorMessage(id, errorMessage) {
-        this.fileUploadAdapter.updateFileUploadErrorMessage(id, errorMessage);
-    }
-    /* @conditional-compile-remove(file-sharing) */
-    updateFileUploadMetadata(id, metadata) {
-        this.fileUploadAdapter.updateFileUploadMetadata(id, metadata);
-    }
-    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
-    downloadAttachments(options) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return this.asyncTeeErrorToEventEmitter(() => __awaiter(this, void 0, void 0, function* () {
-                if (this.credential === undefined) {
-                    throw new ChatError('ChatThreadClient.getMessage', new Error('AccessToken is null'));
-                }
-                const accessToken = yield this.credential.getToken();
-                if (!accessToken) {
-                    throw new ChatError('ChatThreadClient.getMessage', new Error('AccessToken is null'));
-                }
-                return this.downloadAuthenticatedFile(accessToken.token, options);
-            }));
-        });
-    }
-    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
-    downloadAuthenticatedFile(accessToken, options) {
-        return __awaiter(this, void 0, void 0, function* () {
-            function fetchWithAuthentication(url, token) {
-                return __awaiter(this, void 0, void 0, function* () {
-                    const headers = new Headers();
-                    headers.append('Authorization', `Bearer ${token}`);
-                    try {
-                        return yield fetch(url, {
-                            headers
-                        });
-                    }
-                    catch (err) {
-                        throw new ChatError('ChatThreadClient.getMessage', err);
-                    }
-                });
-            }
-            const attachmentDownloadResults = [];
-            for (const id in options.attachmentUrls) {
-                const response = yield fetchWithAuthentication(options.attachmentUrls[id], accessToken);
-                const blob = yield response.blob();
-                attachmentDownloadResults.push({
-                    attachmentId: id,
-                    blobUrl: URL.createObjectURL(blob)
-                });
-            }
-            return attachmentDownloadResults;
-        });
-    }
     messageReceivedListener(event) {
         const isCurrentChatAdapterThread = event.threadId === this.chatThreadClient.threadId;
         if (!isCurrentChatAdapterThread) {
@@ -490,11 +370,7 @@ export const _createAzureCommunicationChatAdapterInner = (endpoint, userId, disp
     }, 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);
     return adapter;
 });
 /**
@@ -582,9 +458,9 @@ export const useAzureCommunicationChatAdapter = (args, afterCreate, beforeDispos
  *
  * @public
  */
-export function createAzureCommunicationChatAdapterFromClient(chatClient, chatThreadClient, /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */ options) {
+export function createAzureCommunicationChatAdapterFromClient(chatClient, chatThreadClient) {
     return __awaiter(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);
     });
 }
 const isChatError = (e) => {