@azure/communication-react 1.15.0 → 1.16.0-alpha-202404170013

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

@@ -1,4 +1,179 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-export {};
+/* @conditional-compile-remove(attachment-upload) */
+import { produce } from 'immer';
+/* @conditional-compile-remove(attachment-upload) */
+import { AttachmentUpload } from '../file-sharing';
+/* @conditional-compile-remove(attachment-upload) */
+/**
+ * @internal
+ */
+class AttachmentUploadContext {
+    constructor(chatContext) {
+        this.chatContext = chatContext;
+    }
+    getAttachmentUploads() {
+        return this.chatContext.getState().attachmentUploads;
+    }
+    addAttachmentUploads(attachmentUploads) {
+        const attachmentUploadsMap = convertObservableAttachmentUploadToAttachmentUploadsUiState(attachmentUploads);
+        this.chatContext.setState(produce(this.chatContext.getState(), (draft) => {
+            draft.attachmentUploads = draft.attachmentUploads || {};
+            draft.attachmentUploads = Object.assign(Object.assign({}, draft.attachmentUploads), attachmentUploadsMap);
+        }));
+    }
+    clearUploads() {
+        this.chatContext.setState(produce(this.chatContext.getState(), (draft) => {
+            draft.attachmentUploads = {};
+        }));
+    }
+    updateAttachmentUpload(id, data) {
+        this.chatContext.setState(produce(this.chatContext.getState(), (draft) => {
+            var _a, _b, _c, _d;
+            if ((_a = draft.attachmentUploads) === null || _a === void 0 ? void 0 : _a[id]) {
+                draft.attachmentUploads[(_b = data.id) !== null && _b !== void 0 ? _b : id] = Object.assign(Object.assign({}, (_c = draft.attachmentUploads) === null || _c === void 0 ? void 0 : _c[id]), data);
+                if (data.id) {
+                    (_d = draft.attachmentUploads) === null || _d === void 0 ? true : delete _d[id];
+                }
+            }
+        }));
+    }
+    deleteAttachmentUploads(ids) {
+        this.chatContext.setState(produce(this.chatContext.getState(), (draft) => {
+            ids.forEach((id) => {
+                var _a;
+                const keys = Object.keys((_a = draft === null || draft === void 0 ? void 0 : draft.attachmentUploads) !== null && _a !== void 0 ? _a : []).filter((rawID) => { var _a; return ((_a = draft.attachmentUploads) === null || _a === void 0 ? void 0 : _a[rawID].id) === id; });
+                keys.forEach((key) => {
+                    var _a;
+                    (_a = draft.attachmentUploads) === null || _a === void 0 ? true : delete _a[key];
+                });
+            });
+        }));
+    }
+}
+/* @conditional-compile-remove(attachment-upload) */
+/**
+ * @internal
+ */
+export class AzureCommunicationAttachmentUploadAdapter {
+    constructor(chatContext) {
+        this.attachmentUploads = [];
+        this.context = new AttachmentUploadContext(chatContext);
+    }
+    findAttachmentUpload(id) {
+        return this.attachmentUploads.find((attachmentUpload) => attachmentUpload.id === id);
+    }
+    deleteAttachmentUploads(ids) {
+        this.attachmentUploads = this.attachmentUploads.filter((attachmentUpload) => !ids.includes(attachmentUpload.id));
+        this.context.deleteAttachmentUploads(ids);
+    }
+    deleteErroneousAttachmentUploads() {
+        const attachmentUploads = this.context.getAttachmentUploads() || {};
+        const ids = Object.values(attachmentUploads)
+            .filter((item) => item.uploadError)
+            .map((item) => item.id);
+        ids.forEach((id) => {
+            const attachmentUpload = this.findAttachmentUpload(id);
+            this.unsubscribeAllEvents(attachmentUpload);
+        });
+        this.deleteAttachmentUploads(ids);
+    }
+    registerAttachmentUploads(files) {
+        this.deleteErroneousAttachmentUploads();
+        const attachmentUploads = [];
+        files.forEach((file) => attachmentUploads.push(new AttachmentUpload(file)));
+        attachmentUploads.forEach((attachmentUpload) => this.subscribeAllEvents(attachmentUpload));
+        this.attachmentUploads = this.attachmentUploads.concat(attachmentUploads);
+        this.context.addAttachmentUploads(attachmentUploads);
+        return attachmentUploads;
+    }
+    registerActiveUploads(files) {
+        return this.registerAttachmentUploads(files);
+    }
+    registerCompletedUploads(metadata) {
+        return this.registerAttachmentUploads(metadata);
+    }
+    clearUploads() {
+        this.context.clearUploads();
+        this.attachmentUploads.forEach((attachmentUpload) => this.unsubscribeAllEvents(attachmentUpload));
+        this.attachmentUploads = [];
+    }
+    cancelUpload(id) {
+        this.deleteErroneousAttachmentUploads();
+        const attachmentUpload = this.findAttachmentUpload(id);
+        this.unsubscribeAllEvents(attachmentUpload);
+        this.deleteAttachmentUploads([id]);
+    }
+    updateUploadProgress(id, progress) {
+        this.context.updateAttachmentUpload(id, { progress });
+    }
+    updateUploadStatusMessage(id, errorMessage) {
+        this.context.updateAttachmentUpload(id, {
+            uploadError: {
+                message: errorMessage,
+                timestamp: Date.now()
+            }
+        });
+    }
+    updateUploadMetadata(id, metadata) {
+        this.context.updateAttachmentUpload(id, {
+            progress: 1,
+            id: metadata.id,
+            name: metadata.name,
+            url: metadata.url,
+            extension: metadata.extension
+        });
+    }
+    subscribeAllEvents(attachmentUpload) {
+        attachmentUpload.on('uploadProgressChange', this.updateUploadProgress.bind(this));
+        attachmentUpload.on('uploadComplete', this.updateUploadMetadata.bind(this));
+        attachmentUpload.on('uploadFail', this.updateUploadStatusMessage.bind(this));
+    }
+    unsubscribeAllEvents(attachmentUpload) {
+        attachmentUpload === null || attachmentUpload === void 0 ? void 0 : attachmentUpload.off('uploadProgressChange', this.updateUploadProgress.bind(this));
+        attachmentUpload === null || attachmentUpload === void 0 ? void 0 : attachmentUpload.off('uploadComplete', this.updateUploadMetadata.bind(this));
+        attachmentUpload === null || attachmentUpload === void 0 ? void 0 : attachmentUpload.off('uploadFail', this.updateUploadStatusMessage.bind(this));
+    }
+}
+/* @conditional-compile-remove(attachment-upload) */
+/**
+ * @param attachmentUploadUiState {@link AttachmentUploadsUiState}
+ * @private
+ */
+export const convertAttachmentUploadsUiStateToMessageMetadata = (attachmentUploads) => {
+    if (attachmentUploads) {
+        const attachmentMetadata = [];
+        Object.keys(attachmentUploads).forEach((key) => {
+            const attachment = attachmentUploads[key];
+            if (attachment && !attachment.uploadError) {
+                attachmentMetadata.push({
+                    id: attachment.id,
+                    name: attachment.name,
+                    extension: attachment.extension,
+                    url: attachment.url,
+                    progress: attachment.progress
+                });
+            }
+        });
+        if (attachmentMetadata.length > 0) {
+            return { fileSharingMetadata: JSON.stringify(attachmentMetadata) };
+        }
+    }
+    return undefined;
+};
+/* @conditional-compile-remove(attachment-upload) */
+/**
+ * @private
+ */
+const convertObservableAttachmentUploadToAttachmentUploadsUiState = (attachmentUploads) => {
+    return attachmentUploads.reduce((map, attachmentUpload) => {
+        map[attachmentUpload.id] = {
+            id: attachmentUpload.id,
+            name: attachmentUpload.name,
+            progress: 0,
+            extension: attachmentUpload.name.split('.').pop() || ''
+        };
+        return map;
+    }, {});
+};
 //# sourceMappingURL=AzureCommunicationAttachmentUploadAdapter.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AzureCommunicationAttachmentUploadAdapter.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/ChatComposite/adapter/AzureCommunicationAttachmentUploadAdapter.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { AttachmentUploadManager, AttachmentMetadata } from '@internal/react-components';\n/**\n * A record containing {@link AttachmentMetadata} mapped to unique ids.\n * @beta\n */\nexport type AttachmentUploadsUiState = Record<string, AttachmentMetadata>;\n\n/**\n * @beta\n */\nexport interface AttachmentUploadAdapter {\n  registerActiveUploads: (files: File[]) => AttachmentUploadManager[];\n  registerCompletedUploads: (metadata: AttachmentMetadata[]) => AttachmentUploadManager[];\n  clearUploads: () => void;\n  cancelUpload: (id: string) => void;\n  updateUploadProgress: (id: string, progress: number) => void;\n  updateUploadStatusMessage: (id: string, errorMessage: string) => void;\n  updateUploadMetadata: (id: string, metadata: AttachmentMetadata) => void;\n}"]}
+{"version":3,"file":"AzureCommunicationAttachmentUploadAdapter.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/ChatComposite/adapter/AzureCommunicationAttachmentUploadAdapter.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { AttachmentUploadManager, AttachmentMetadata } from '@internal/react-components';\n/* @conditional-compile-remove(attachment-upload) */\nimport { produce } from 'immer';\n/* @conditional-compile-remove(attachment-upload) */\nimport { FileSharingMetadata, AttachmentUpload } from '../file-sharing';\n/* @conditional-compile-remove(attachment-upload) */\nimport { ChatContext } from './AzureCommunicationChatAdapter';\n/* @conditional-compile-remove(attachment-upload) */\nimport { ChatAdapterState } from './ChatAdapter';\n\n/**\n * A record containing {@link AttachmentMetadata} mapped to unique ids.\n * @beta\n */\nexport type AttachmentUploadsUiState = Record<string, AttachmentMetadata>;\n\n/**\n * @beta\n */\nexport interface AttachmentUploadAdapter {\n  registerActiveUploads: (files: File[]) => AttachmentUploadManager[];\n  registerCompletedUploads: (metadata: AttachmentMetadata[]) => AttachmentUploadManager[];\n  clearUploads: () => void;\n  cancelUpload: (id: string) => void;\n  updateUploadProgress: (id: string, progress: number) => void;\n  updateUploadStatusMessage: (id: string, errorMessage: string) => void;\n  updateUploadMetadata: (id: string, metadata: AttachmentMetadata) => void;\n}\n\n/* @conditional-compile-remove(attachment-upload) */\n/**\n * @internal\n */\nclass AttachmentUploadContext {\n  private chatContext: ChatContext;\n\n  constructor(chatContext: ChatContext) {\n    this.chatContext = chatContext;\n  }\n\n  public getAttachmentUploads(): AttachmentUploadsUiState | undefined {\n    return this.chatContext.getState().attachmentUploads;\n  }\n\n  public addAttachmentUploads(attachmentUploads: AttachmentUpload[]): void {\n    const attachmentUploadsMap = convertObservableAttachmentUploadToAttachmentUploadsUiState(attachmentUploads);\n    this.chatContext.setState(\n      produce(this.chatContext.getState(), (draft) => {\n        draft.attachmentUploads = draft.attachmentUploads || {};\n        draft.attachmentUploads = { ...draft.attachmentUploads, ...attachmentUploadsMap };\n      })\n    );\n  }\n\n  public clearUploads(): void {\n    this.chatContext.setState(\n      produce(this.chatContext.getState(), (draft: ChatAdapterState) => {\n        draft.attachmentUploads = {};\n      })\n    );\n  }\n\n  public updateAttachmentUpload(\n    id: string,\n    data: Partial<Pick<AttachmentMetadata, 'progress' | 'id' | 'name' | 'extension' | 'uploadError' | 'url'>>\n  ): void {\n    this.chatContext.setState(\n      produce(this.chatContext.getState(), (draft: ChatAdapterState) => {\n        if (draft.attachmentUploads?.[id]) {\n          draft.attachmentUploads[data.id ?? id] = {\n            ...draft.attachmentUploads?.[id],\n            ...data\n          };\n          if (data.id) {\n            delete draft.attachmentUploads?.[id];\n          }\n        }\n      })\n    );\n  }\n\n  public deleteAttachmentUploads(ids: string[]): void {\n    this.chatContext.setState(\n      produce(this.chatContext.getState(), (draft: ChatAdapterState) => {\n        ids.forEach((id) => {\n          const keys = Object.keys(draft?.attachmentUploads ?? []).filter(\n            (rawID) => draft.attachmentUploads?.[rawID].id === id\n          );\n          keys.forEach((key) => {\n            delete draft.attachmentUploads?.[key];\n          });\n        });\n      })\n    );\n  }\n}\n\n/* @conditional-compile-remove(attachment-upload) */\n/**\n * @internal\n */\nexport class AzureCommunicationAttachmentUploadAdapter implements AttachmentUploadAdapter {\n  private context: AttachmentUploadContext;\n  private attachmentUploads: AttachmentUpload[] = [];\n\n  constructor(chatContext: ChatContext) {\n    this.context = new AttachmentUploadContext(chatContext);\n  }\n\n  private findAttachmentUpload(id: string): AttachmentUpload | undefined {\n    return this.attachmentUploads.find((attachmentUpload) => attachmentUpload.id === id);\n  }\n\n  private deleteAttachmentUploads(ids: string[]): void {\n    this.attachmentUploads = this.attachmentUploads.filter((attachmentUpload) => !ids.includes(attachmentUpload.id));\n    this.context.deleteAttachmentUploads(ids);\n  }\n\n  private deleteErroneousAttachmentUploads(): void {\n    const attachmentUploads = this.context.getAttachmentUploads() || {};\n    const ids = Object.values(attachmentUploads)\n      .filter((item: AttachmentMetadata) => item.uploadError)\n      .map((item: AttachmentMetadata) => item.id);\n\n    ids.forEach((id) => {\n      const attachmentUpload = this.findAttachmentUpload(id);\n      this.unsubscribeAllEvents(attachmentUpload);\n    });\n\n    this.deleteAttachmentUploads(ids);\n  }\n\n  private registerAttachmentUploads(files: File[] | AttachmentMetadata[]): AttachmentUploadManager[] {\n    this.deleteErroneousAttachmentUploads();\n    const attachmentUploads: AttachmentUpload[] = [];\n    files.forEach((file) => attachmentUploads.push(new AttachmentUpload(file)));\n    attachmentUploads.forEach((attachmentUpload) => this.subscribeAllEvents(attachmentUpload));\n    this.attachmentUploads = this.attachmentUploads.concat(attachmentUploads);\n    this.context.addAttachmentUploads(attachmentUploads);\n    return attachmentUploads;\n  }\n\n  registerActiveUploads(files: File[]): AttachmentUploadManager[] {\n    return this.registerAttachmentUploads(files);\n  }\n\n  registerCompletedUploads(metadata: AttachmentMetadata[]): AttachmentUploadManager[] {\n    return this.registerAttachmentUploads(metadata);\n  }\n\n  clearUploads(): void {\n    this.context.clearUploads();\n    this.attachmentUploads.forEach((attachmentUpload) => this.unsubscribeAllEvents(attachmentUpload));\n    this.attachmentUploads = [];\n  }\n\n  cancelUpload(id: string): void {\n    this.deleteErroneousAttachmentUploads();\n    const attachmentUpload = this.findAttachmentUpload(id);\n    this.unsubscribeAllEvents(attachmentUpload);\n    this.deleteAttachmentUploads([id]);\n  }\n\n  updateUploadProgress(id: string, progress: number): void {\n    this.context.updateAttachmentUpload(id, { progress });\n  }\n\n  updateUploadStatusMessage(id: string, errorMessage: string): void {\n    this.context.updateAttachmentUpload(id, {\n      uploadError: {\n        message: errorMessage,\n        timestamp: Date.now()\n      }\n    });\n  }\n\n  updateUploadMetadata(id: string, metadata: AttachmentMetadata): void {\n    this.context.updateAttachmentUpload(id, {\n      progress: 1,\n      id: metadata.id,\n      name: metadata.name,\n      url: metadata.url,\n      extension: metadata.extension\n    });\n  }\n\n  private subscribeAllEvents(attachmentUpload: AttachmentUpload): void {\n    attachmentUpload.on('uploadProgressChange', this.updateUploadProgress.bind(this));\n    attachmentUpload.on('uploadComplete', this.updateUploadMetadata.bind(this));\n    attachmentUpload.on('uploadFail', this.updateUploadStatusMessage.bind(this));\n  }\n\n  private unsubscribeAllEvents(attachmentUpload?: AttachmentUpload): void {\n    attachmentUpload?.off('uploadProgressChange', this.updateUploadProgress.bind(this));\n    attachmentUpload?.off('uploadComplete', this.updateUploadMetadata.bind(this));\n    attachmentUpload?.off('uploadFail', this.updateUploadStatusMessage.bind(this));\n  }\n}\n\n/* @conditional-compile-remove(attachment-upload) */\n/**\n * @param attachmentUploadUiState {@link AttachmentUploadsUiState}\n * @private\n */\nexport const convertAttachmentUploadsUiStateToMessageMetadata = (\n  attachmentUploads?: AttachmentUploadsUiState\n): FileSharingMetadata | undefined => {\n  if (attachmentUploads) {\n    const attachmentMetadata: AttachmentMetadata[] = [];\n    Object.keys(attachmentUploads).forEach((key) => {\n      const attachment = attachmentUploads[key];\n      if (attachment && !attachment.uploadError) {\n        attachmentMetadata.push({\n          id: attachment.id,\n          name: attachment.name,\n          extension: attachment.extension,\n          url: attachment.url,\n          progress: attachment.progress\n        });\n      }\n    });\n    if (attachmentMetadata.length > 0) {\n      return { fileSharingMetadata: JSON.stringify(attachmentMetadata) };\n    }\n  }\n  return undefined;\n};\n\n/* @conditional-compile-remove(attachment-upload) */\n/**\n * @private\n */\nconst convertObservableAttachmentUploadToAttachmentUploadsUiState = (\n  attachmentUploads: AttachmentUpload[]\n): AttachmentUploadsUiState => {\n  return attachmentUploads.reduce((map: AttachmentUploadsUiState, attachmentUpload) => {\n    map[attachmentUpload.id] = {\n      id: attachmentUpload.id,\n      name: attachmentUpload.name,\n      progress: 0,\n      extension: attachmentUpload.name.split('.').pop() || ''\n    };\n    return map;\n  }, {});\n};\n"]}

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

@@ -5,6 +5,8 @@ import { _TelemetryImplementationHint } from "../../../../../acs-ui-common/src";
 import { ChatAdapter, ChatAdapterState, MessageDeletedListener, MessageEditedListener, MessageReadListener, MessageReceivedListener, ParticipantsAddedListener, ParticipantsRemovedListener, TopicChangedListener } from './ChatAdapter';
 import { ResourceDetails } from './ChatAdapter';
 import { AdapterError } from '../../common/adapters';
+import { AttachmentMetadata } from "../../../../../react-components/src";
+import { AttachmentUploadManager } from "../../../../../react-components/src";
 /**
  * Context of Chat, which is a centralized context for all state updates
  * @private
@@ -28,6 +30,7 @@ export declare class AzureCommunicationChatAdapter implements ChatAdapter {
     private chatClient;
     private chatThreadClient;
     private context;
+    private attachmentUploadAdapter;
     private handlers;
     private emitter;
     constructor(chatClient: StatefulChatClient, chatThreadClient: ChatThreadClient);
@@ -43,8 +46,17 @@ 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>;
+    registerActiveUploads(files: File[]): AttachmentUploadManager[];
+    registerCompletedUploads(metadata: AttachmentMetadata[]): AttachmentUploadManager[];
+    clearUploads(): void;
+    cancelUpload(id: string): void;
+    updateUploadProgress(id: string, progress: number): void;
+    updateUploadStatusMessage(id: string, errorMessage: string): void;
+    updateUploadMetadata(id: string, metadata: AttachmentMetadata): void;
     downloadResourceToCache(resourceDetails: ResourceDetails): Promise<void>;
     removeResourceFromCache(resourceDetails: ResourceDetails): void;
     private messageReceivedListener;

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

@@ -20,6 +20,10 @@ 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(attachment-upload) */
+import { convertAttachmentUploadsUiStateToMessageMetadata } from './AzureCommunicationAttachmentUploadAdapter';
+/* @conditional-compile-remove(attachment-upload) */
+import { AzureCommunicationAttachmentUploadAdapter } from './AzureCommunicationAttachmentUploadAdapter';
 import { useEffect, useRef, useState } from 'react';
 import { _isValidIdentifier } from "../../../../../acs-ui-common/src";
 /**
@@ -68,6 +72,8 @@ export class ChatContext {
             thread,
             latestErrors: clientState.latestErrors
         };
+        /* @conditional-compile-remove(attachment-upload) */
+        updatedState = Object.assign(Object.assign({}, updatedState), { attachmentUploads: this.state.attachmentUploads });
         this.setState(updatedState);
     }
 }
@@ -81,6 +87,8 @@ export class AzureCommunicationChatAdapter {
         this.chatClient = chatClient;
         this.chatThreadClient = chatThreadClient;
         this.context = new ChatContext(chatClient.getState(), chatThreadClient.threadId);
+        /* @conditional-compile-remove(attachment-upload) */
+        this.attachmentUploadAdapter = new AzureCommunicationAttachmentUploadAdapter(this.context);
         const onStateChange = (clientState) => {
             // unsubscribe when the instance gets disposed
             if (!this) {
@@ -109,6 +117,20 @@ export class AzureCommunicationChatAdapter {
         this.loadPreviousChatMessages = this.loadPreviousChatMessages.bind(this);
         this.on = this.on.bind(this);
         this.off = this.off.bind(this);
+        /* @conditional-compile-remove(attachment-upload) */
+        this.registerActiveUploads = this.registerActiveUploads.bind(this);
+        /* @conditional-compile-remove(attachment-upload) */
+        this.registerCompletedUploads = this.registerCompletedUploads.bind(this);
+        /* @conditional-compile-remove(attachment-upload) */
+        this.clearUploads = this.clearUploads.bind(this);
+        /* @conditional-compile-remove(attachment-upload) */
+        this.cancelUpload = this.cancelUpload.bind(this);
+        /* @conditional-compile-remove(attachment-upload) */
+        this.updateUploadProgress = this.updateUploadProgress.bind(this);
+        /* @conditional-compile-remove(attachment-upload) */
+        this.updateUploadStatusMessage = this.updateUploadStatusMessage.bind(this);
+        /* @conditional-compile-remove(attachment-upload) */
+        this.updateUploadMetadata = this.updateUploadMetadata.bind(this);
         this.downloadResourceToCache = this.downloadResourceToCache.bind(this);
         this.removeResourceFromCache = this.removeResourceFromCache.bind(this);
     }
@@ -157,6 +179,17 @@ export class AzureCommunicationChatAdapter {
     sendMessage(content_1) {
         return __awaiter(this, arguments, void 0, function* (content, options = {}) {
             yield this.asyncTeeErrorToEventEmitter(() => __awaiter(this, void 0, void 0, function* () {
+                /* @conditional-compile-remove(attachment-upload) */
+                options.metadata = Object.assign(Object.assign({}, options.metadata), convertAttachmentUploadsUiStateToMessageMetadata(this.context.getState().attachmentUploads));
+                /* @conditional-compile-remove(attachment-upload) */
+                /**
+                 * All the current uploads need to be clear from the state before a message has been sent.
+                 * This ensures the following behavior:
+                 * 1. Attachment Upload cards are removed from sendbox at the same time text in sendbox is removed.
+                 * 2. any component rendering these attachment uploads doesn't continue to do so.
+                 * 3. Cleans the state for new attachment uploads with a fresh message.
+                 */
+                this.attachmentUploadAdapter.clearUploads();
                 yield this.handlers.onSendMessage(content, options);
             }));
         });
@@ -199,6 +232,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(attachment-upload) */
+                const updatedOptions = { attachmentMetadata: options === null || options === void 0 ? void 0 : options.attachmentMetadata, metadata: metadata };
+                /* @conditional-compile-remove(attachment-upload) */
+                return yield this.handlers.onUpdateMessage(messageId, content, updatedOptions);
                 return yield this.handlers.onUpdateMessage(messageId, content);
             }));
         });
@@ -210,6 +247,34 @@ export class AzureCommunicationChatAdapter {
             }));
         });
     }
+    /* @conditional-compile-remove(attachment-upload) */
+    registerActiveUploads(files) {
+        return this.attachmentUploadAdapter.registerActiveUploads(files);
+    }
+    /* @conditional-compile-remove(attachment-upload) */
+    registerCompletedUploads(metadata) {
+        return this.attachmentUploadAdapter.registerCompletedUploads(metadata);
+    }
+    /* @conditional-compile-remove(attachment-upload) */
+    clearUploads() {
+        this.attachmentUploadAdapter.clearUploads();
+    }
+    /* @conditional-compile-remove(attachment-upload) */
+    cancelUpload(id) {
+        this.attachmentUploadAdapter.cancelUpload(id);
+    }
+    /* @conditional-compile-remove(attachment-upload) */
+    updateUploadProgress(id, progress) {
+        this.attachmentUploadAdapter.updateUploadProgress(id, progress);
+    }
+    /* @conditional-compile-remove(attachment-upload) */
+    updateUploadStatusMessage(id, errorMessage) {
+        this.attachmentUploadAdapter.updateUploadStatusMessage(id, errorMessage);
+    }
+    /* @conditional-compile-remove(attachment-upload) */
+    updateUploadMetadata(id, metadata) {
+        this.attachmentUploadAdapter.updateUploadMetadata(id, metadata);
+    }
     downloadResourceToCache(resourceDetails) {
         return __awaiter(this, void 0, void 0, function* () {
             this.chatClient.downloadResourceToCache(resourceDetails.threadId, resourceDetails.messageId, resourceDetails.resourceUrl);
@@ -224,14 +289,10 @@ export class AzureCommunicationChatAdapter {
             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 });
         }
     }
     messageEditedListener(event) {
@@ -240,9 +301,7 @@ export class AzureCommunicationChatAdapter {
             return;
         }
         const message = convertEventToChatMessage(event);
-        this.emitter.emit('messageEdited', {
-            message
-        });
+        this.emitter.emit('messageEdited', { message });
     }
     messageDeletedListener(event) {
         const isCurrentChatAdapterThread = event.threadId === this.chatThreadClient.threadId;
@@ -250,35 +309,22 @@ export class AzureCommunicationChatAdapter {
             return;
         }
         const message = convertEventToChatMessage(event);
-        this.emitter.emit('messageDeleted', {
-            message
-        });
+        this.emitter.emit('messageDeleted', { 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));
@@ -326,9 +372,7 @@ const convertEventToChatMessage = (event) => {
     return {
         id: event.id,
         version: event.version,
-        content: isChatMessageDeletedEvent(event) ? undefined : {
-            message: event.message
-        },
+        content: isChatMessageDeletedEvent(event) ? undefined : { message: event.message },
         type: convertEventType(event.type),
         sender: event.sender,
         senderDisplayName: event.senderDisplayName,
@@ -420,7 +464,26 @@ export const _createLazyAzureCommunicationChatAdapterInner = (endpoint_2, userId
  *
  * @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);