@azure/communication-react 1.11.0 → 1.11.1-alpha-202312190013

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

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { ParticipantMenuItemsCallback } from "../../../../react-components/src";
+import { AvatarPersonaDataCallback } from '..';
+/**
+ * Props for the chat screen people pane
+ * @private
+ */
+type ChatScreenPeoplePaneProps = {
+    onFetchAvatarPersonaData?: AvatarPersonaDataCallback;
+    onFetchParticipantMenuItems?: ParticipantMenuItemsCallback;
+    isMobile?: boolean;
+};
+/**
+ * @private
+ */
+export declare const ChatScreenPeoplePane: (props: ChatScreenPeoplePaneProps) => JSX.Element;
+export {};
+//# sourceMappingURL=ChatScreenPeoplePane.d.ts.map

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

@@ -0,0 +1,18 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+import { ParticipantList } from "../../../../react-components/src";
+import React from 'react';
+import { ParticipantContainer } from '../common/ParticipantContainer';
+import { useLocale } from '../localization';
+import { usePropsFor } from './hooks/usePropsFor';
+/**
+ * @private
+ */
+export const ChatScreenPeoplePane = (props) => {
+    const { onFetchAvatarPersonaData, onFetchParticipantMenuItems, isMobile } = props;
+    const locale = useLocale();
+    const chatListHeader = locale.strings.chat.chatListHeader;
+    const participantListProps = usePropsFor(ParticipantList);
+    return (React.createElement(ParticipantContainer, { participantListProps: participantListProps, title: chatListHeader, onFetchAvatarPersonaData: onFetchAvatarPersonaData, onFetchParticipantMenuItems: onFetchParticipantMenuItems, isMobile: isMobile }));
+};
+//# sourceMappingURL=ChatScreenPeoplePane.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChatScreenPeoplePane.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/ChatComposite/ChatScreenPeoplePane.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,eAAe,EAAgC,yCAAmC;AAC3F,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AACtE,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAYlD;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAgC,EAAe,EAAE;IACpF,MAAM,EAAE,wBAAwB,EAAE,2BAA2B,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAClF,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,cAAc,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,cAAc,CAAC;IAC1D,MAAM,oBAAoB,GAAG,WAAW,CAAC,eAAe,CAAC,CAAC;IAE1D,OAAO,CACL,oBAAC,oBAAoB,IACnB,oBAAoB,EAAE,oBAAoB,EAC1C,KAAK,EAAE,cAAc,EACrB,wBAAwB,EAAE,wBAAwB,EAClD,2BAA2B,EAAE,2BAA2B,EACxD,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { ParticipantList, ParticipantMenuItemsCallback } from '@internal/react-components';\nimport React from 'react';\nimport { AvatarPersonaDataCallback } from '..';\nimport { ParticipantContainer } from '../common/ParticipantContainer';\nimport { useLocale } from '../localization';\nimport { usePropsFor } from './hooks/usePropsFor';\n\n/**\n * Props for the chat screen people pane\n * @private\n */\ntype ChatScreenPeoplePaneProps = {\n  onFetchAvatarPersonaData?: AvatarPersonaDataCallback;\n  onFetchParticipantMenuItems?: ParticipantMenuItemsCallback;\n  isMobile?: boolean;\n};\n\n/**\n * @private\n */\nexport const ChatScreenPeoplePane = (props: ChatScreenPeoplePaneProps): JSX.Element => {\n  const { onFetchAvatarPersonaData, onFetchParticipantMenuItems, isMobile } = props;\n  const locale = useLocale();\n  const chatListHeader = locale.strings.chat.chatListHeader;\n  const participantListProps = usePropsFor(ParticipantList);\n\n  return (\n    <ParticipantContainer\n      participantListProps={participantListProps}\n      title={chatListHeader}\n      onFetchAvatarPersonaData={onFetchAvatarPersonaData}\n      onFetchParticipantMenuItems={onFetchParticipantMenuItems}\n      isMobile={isMobile}\n    />\n  );\n};\n"]}

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+/**
+ * @private
+ */
+export interface FileDownloadErrorBarProps {
+    /**callback to dismiss the download error message */
+    onDismissDownloadErrorMessage: () => void;
+    /** Error message to render */
+    fileDownloadErrorMessage: string;
+}
+/**
+ * @private
+ */
+export declare const FileDownloadErrorBar: (props: FileDownloadErrorBarProps) => JSX.Element;
+//# sourceMappingURL=FileDownloadErrorBar.d.ts.map

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

@@ -0,0 +1,21 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+import { MessageBar, MessageBarType, Stack } from '@fluentui/react';
+import React from 'react';
+/**
+ * @private
+ */
+export const FileDownloadErrorBar = (props) => {
+    const { fileDownloadErrorMessage, onDismissDownloadErrorMessage } = props;
+    const messageBarIconProps = { iconName: 'ProtectedDocument' };
+    if (fileDownloadErrorMessage !== '') {
+        return (React.createElement(Stack, { horizontal: true, horizontalAlign: "space-between", verticalAlign: "center" },
+            React.createElement(MessageBar, { messageBarType: MessageBarType.warning, onDismiss: () => {
+                    onDismissDownloadErrorMessage();
+                }, messageBarIconProps: messageBarIconProps }, fileDownloadErrorMessage)));
+    }
+    else {
+        return React.createElement(React.Fragment, null);
+    }
+};
+//# sourceMappingURL=FileDownloadErrorBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileDownloadErrorBar.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/ChatComposite/FileDownloadErrorBar.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACpE,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAgC,EAAe,EAAE;IACpF,MAAM,EAAE,wBAAwB,EAAE,6BAA6B,EAAE,GAAG,KAAK,CAAC;IAC1E,MAAM,mBAAmB,GAAG,EAAE,QAAQ,EAAE,mBAAmB,EAAE,CAAC;IAE9D,IAAI,wBAAwB,KAAK,EAAE,EAAE,CAAC;QACpC,OAAO,CACL,oBAAC,KAAK,IAAC,UAAU,QAAC,eAAe,EAAC,eAAe,EAAC,aAAa,EAAC,QAAQ;YACtE,oBAAC,UAAU,IACT,cAAc,EAAE,cAAc,CAAC,OAAO,EACtC,SAAS,EAAE,GAAG,EAAE;oBACd,6BAA6B,EAAE,CAAC;gBAClC,CAAC,EACD,mBAAmB,EAAE,mBAAmB,IAEvC,wBAAwB,CACd,CACP,CACT,CAAC;IACJ,CAAC;SAAM,CAAC;QACN,OAAO,yCAAK,CAAC;IACf,CAAC;AACH,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { MessageBar, MessageBarType, Stack } from '@fluentui/react';\nimport React from 'react';\n\n/**\n * @private\n */\nexport interface FileDownloadErrorBarProps {\n  /**callback to dismiss the download error message */\n  onDismissDownloadErrorMessage: () => void;\n  /** Error message to render */\n  fileDownloadErrorMessage: string;\n}\n\n/**\n * @private\n */\nexport const FileDownloadErrorBar = (props: FileDownloadErrorBarProps): JSX.Element => {\n  const { fileDownloadErrorMessage, onDismissDownloadErrorMessage } = props;\n  const messageBarIconProps = { iconName: 'ProtectedDocument' };\n\n  if (fileDownloadErrorMessage !== '') {\n    return (\n      <Stack horizontal horizontalAlign=\"space-between\" verticalAlign=\"center\">\n        <MessageBar\n          messageBarType={MessageBarType.warning}\n          onDismiss={() => {\n            onDismissDownloadErrorMessage();\n          }}\n          messageBarIconProps={messageBarIconProps}\n        >\n          {fileDownloadErrorMessage}\n        </MessageBar>\n      </Stack>\n    );\n  } else {\n    return <></>;\n  }\n};\n"]}

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

@@ -10,5 +10,9 @@ 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}"]}
+{"version":3,"file":"Strings.js","sourceRoot":"","sources":["../../../../../../../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}\n"]}

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

@@ -4,6 +4,9 @@ import { CommunicationTokenCredential, CommunicationUserIdentifier } from '@azur
 import { _TelemetryImplementationHint } from "../../../../../acs-ui-common/src";
 import { ChatAdapter, ChatAdapterState, 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
@@ -27,9 +30,13 @@ 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);
+    constructor(chatClient: StatefulChatClient, chatThreadClient: ChatThreadClient, options?: {
+        credential?: CommunicationTokenCredential;
+    });
     private bindAllPublicMethods;
     dispose(): void;
     fetchInitialData(): Promise<void>;
@@ -42,8 +49,21 @@ 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?: {}): Promise<void>;
+    updateMessage(messageId: string, content: string, metadata?: Record<string, string>, options?: {
+        attachmentMetadata?: AttachmentMetadata[];
+    }): 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 messageReadListener;
     private participantsAddedListener;
@@ -67,6 +87,13 @@ 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}.
  *
@@ -116,5 +143,7 @@ export declare const useAzureCommunicationChatAdapter: (args: Partial<AzureCommu
  *
  * @public
  */
-export declare function createAzureCommunicationChatAdapterFromClient(chatClient: StatefulChatClient, chatThreadClient: ChatThreadClient): Promise<ChatAdapter>;
+export declare function createAzureCommunicationChatAdapterFromClient(chatClient: StatefulChatClient, chatThreadClient: ChatThreadClient, options?: {
+    credential?: CommunicationTokenCredential;
+}): Promise<ChatAdapter>;
 //# sourceMappingURL=AzureCommunicationChatAdapter.d.ts.map

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

@@ -20,6 +20,8 @@ import { _createStatefulChatClientInner } from "../../../../../chat-stateful-cli
 import { createDefaultChatHandlers } from "../../../../../chat-component-bindings/src";
 import { toFlatCommunicationIdentifier } from "../../../../../acs-ui-common/src";
 import EventEmitter from 'events';
+/* @conditional-compile-remove(file-sharing) */
+import { AzureCommunicationFileUploadAdapter, convertFileUploadsUiStateToMessageMetadata } from './AzureCommunicationFileUploadAdapter';
 import { useEffect, useRef, useState } from 'react';
 import { _isValidIdentifier } from "../../../../../acs-ui-common/src";
 /**
@@ -68,6 +70,8 @@ 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);
     }
 }
@@ -75,12 +79,21 @@ export class ChatContext {
  * @private
  */
 export class AzureCommunicationChatAdapter {
-    constructor(chatClient, chatThreadClient) {
+    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;
         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) */
+        this.fileUploadAdapter = new AzureCommunicationFileUploadAdapter(this.context);
         const onStateChange = (clientState) => {
             // unsubscribe when the instance gets disposed
             if (!this) {
@@ -109,6 +122,22 @@ 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();
@@ -154,6 +183,17 @@ 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);
             }));
         });
@@ -196,6 +236,10 @@ 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);
             }));
         });
@@ -207,47 +251,108 @@ 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) {
+                    const e = new Error();
+                    e['target'] = 'ChatThreadClient.getMessage';
+                    e['innerError'] = new Error('AccessToken is null');
+                    throw e;
+                }
+                const accessToken = yield this.credential.getToken();
+                if (!accessToken) {
+                    const e = new Error();
+                    e['target'] = 'ChatThreadClient.getMessage';
+                    e['innerError'] = new Error('AccessToken is null');
+                    throw e;
+                }
+                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) {
+                        const e = new Error();
+                        e['target'] = 'ChatThreadClient.getMessage';
+                        e['innerError'] = err;
+                        throw e;
+                    }
+                });
+            }
+            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) {
             return;
         }
         const message = convertEventToChatMessage(event);
-        this.emitter.emit('messageReceived', {
-            message
-        });
+        this.emitter.emit('messageReceived', { message });
         const currentUserId = toFlatCommunicationIdentifier(this.chatClient.getState().userId);
         if ((message === null || message === void 0 ? void 0 : message.sender) && toFlatCommunicationIdentifier(message.sender) === currentUserId) {
-            this.emitter.emit('messageSent', {
-                message
-            });
+            this.emitter.emit('messageSent', { message });
         }
     }
     messageReadListener({ chatMessageId, recipient }) {
         const message = this.getState().thread.chatMessages[chatMessageId];
         if (message) {
-            this.emitter.emit('messageRead', {
-                message,
-                readBy: recipient
-            });
+            this.emitter.emit('messageRead', { message, readBy: recipient });
         }
     }
     participantsAddedListener({ addedBy, participantsAdded }) {
-        this.emitter.emit('participantsAdded', {
-            addedBy,
-            participantsAdded
-        });
+        this.emitter.emit('participantsAdded', { addedBy, participantsAdded });
     }
     participantsRemovedListener({ removedBy, participantsRemoved }) {
-        this.emitter.emit('participantsRemoved', {
-            removedBy,
-            participantsRemoved
-        });
+        this.emitter.emit('participantsRemoved', { removedBy, participantsRemoved });
     }
     chatThreadPropertiesUpdatedListener(event) {
-        this.emitter.emit('topicChanged', {
-            topic: event.properties.topic
-        });
+        this.emitter.emit('topicChanged', { topic: event.properties.topic });
     }
     subscribeAllEvents() {
         this.chatClient.on('chatThreadPropertiesUpdated', this.chatThreadPropertiesUpdatedListener.bind(this));
@@ -291,9 +396,7 @@ const convertEventToChatMessage = (event) => {
     return {
         id: event.id,
         version: event.version,
-        content: {
-            message: event.message
-        },
+        content: { message: event.message },
         type: convertEventType(event.type),
         sender: event.sender,
         senderDisplayName: event.senderDisplayName,
@@ -338,7 +441,10 @@ export const _createAzureCommunicationChatAdapterInner = (endpoint, userId, disp
     }, undefined, telemetryImplementationHint);
     const chatThreadClient = yield chatClient.getChatThreadClient(threadId);
     yield chatClient.startRealtimeNotifications();
-    const adapter = yield createAzureCommunicationChatAdapterFromClient(chatClient, chatThreadClient);
+    /* @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);
     return adapter;
 });
 /**
@@ -355,7 +461,26 @@ export const _createAzureCommunicationChatAdapterInner = (endpoint, userId, disp
  *
  * @public
  */
-export const useAzureCommunicationChatAdapter = (args, afterCreate, beforeDispose) => {
+export const useAzureCommunicationChatAdapter = (
+/**
+ * Arguments to be passed to {@link createAzureCommunicationChatAdapter}.
+ *
+ * Allows arguments to be undefined so that you can respect the rule-of-hooks and pass in arguments
+ * as they are created. The adapter is only created when all arguments are defined.
+ */
+args, 
+/**
+ * Optional callback to modify the adapter once it is created.
+ *
+ * If set, must return the modified adapter.
+ */
+afterCreate, 
+/**
+ * Optional callback called before the adapter is disposed.
+ *
+ * This is useful for clean up tasks, e.g., leaving any ongoing calls.
+ */
+beforeDispose) => {
     const { credential, displayName, endpoint, threadId, userId } = args;
     // State update needed to rerender the parent component when a new adapter is created.
     const [adapter, setAdapter] = useState(undefined);
@@ -426,9 +551,12 @@ export const useAzureCommunicationChatAdapter = (args, afterCreate, beforeDispos
  *
  * @public
  */
-export function createAzureCommunicationChatAdapterFromClient(chatClient, chatThreadClient) {
+export function createAzureCommunicationChatAdapterFromClient(chatClient, chatThreadClient, 
+/* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
+options) {
     return __awaiter(this, void 0, void 0, function* () {
-        return new AzureCommunicationChatAdapter(chatClient, chatThreadClient);
+        return new AzureCommunicationChatAdapter(chatClient, chatThreadClient, 
+        /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */ options);
     });
 }
 const isChatError = (e) => {