@azure/communication-react 1.14.1-alpha-202403290012 → 1.15.0-alpha-202404030013

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

@@ -0,0 +1,47 @@
+import { AttachmentUploadManager, AttachmentMetadata } from "../../../../../react-components/src";
+import { FileSharingMetadata } from '../file-sharing';
+import { ChatContext } from './AzureCommunicationChatAdapter';
+/**
+ * A record containing {@link AttachmentMetadata} mapped to unique ids.
+ * @beta
+ */
+export type AttachmentUploadsUiState = Record<string, AttachmentMetadata>;
+/**
+ * @beta
+ */
+export interface AttachmentUploadAdapter {
+    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;
+}
+/**
+ * @internal
+ */
+export declare class AzureCommunicationAttachmentUploadAdapter implements AttachmentUploadAdapter {
+    private context;
+    private attachmentUploads;
+    constructor(chatContext: ChatContext);
+    private findAttachmentUpload;
+    private deleteAttachmentUploads;
+    private deleteErroneousAttachmentUploads;
+    private registerAttachmentUploads;
+    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;
+    private subscribeAllEvents;
+    private unsubscribeAllEvents;
+}
+/**
+ * @param attachmentUploadUiState {@link AttachmentUploadsUiState}
+ * @private
+ */
+export declare const convertAttachmentUploadsUiStateToMessageMetadata: (attachmentUploads?: AttachmentUploadsUiState) => FileSharingMetadata | undefined;
+//# sourceMappingURL=AzureCommunicationAttachmentUploadAdapter.d.ts.map

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

@@ -0,0 +1,179 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+/* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+import { produce } from 'immer';
+/* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
+import { AttachmentUpload } from '../file-sharing';
+/* @conditional-compile-remove(attachment-download) @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-download) @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-download) @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-download) @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

@@ -0,0 +1 @@
+{"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-download) @conditional-compile-remove(attachment-upload) */\nimport { produce } from 'immer';\n/* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */\nimport { FileSharingMetadata, AttachmentUpload } from '../file-sharing';\n/* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */\nimport { ChatContext } from './AzureCommunicationChatAdapter';\n/* @conditional-compile-remove(attachment-download) @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-download) @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-download) @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-download) @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-download) @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

@@ -6,7 +6,7 @@ import { ChatAdapter, ChatAdapterState, MessageDeletedListener, MessageEditedLis
 import { ResourceDetails } from './ChatAdapter';
 import { AdapterError } from '../../common/adapters';
 import { AttachmentMetadata } from "../../../../../react-components/src";
-import { FileUploadManager } from "../../../../../react-components/src";
+import { AttachmentUploadManager } from "../../../../../react-components/src";
 /**
  * Context of Chat, which is a centralized context for all state updates
  * @private
@@ -30,7 +30,7 @@ export declare class AzureCommunicationChatAdapter implements ChatAdapter {
     private chatClient;
     private chatThreadClient;
     private context;
-    private fileUploadAdapter;
+    private attachmentUploadAdapter;
     private handlers;
     private emitter;
     constructor(chatClient: StatefulChatClient, chatThreadClient: ChatThreadClient);
@@ -50,13 +50,13 @@ export declare class AzureCommunicationChatAdapter implements ChatAdapter {
         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;
+    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

@@ -21,9 +21,9 @@ import { createDefaultChatHandlers } from "../../../../../chat-component-binding
 import { toFlatCommunicationIdentifier } from "../../../../../acs-ui-common/src";
 import EventEmitter from 'events';
 /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-import { convertFileUploadsUiStateToMessageMetadata } from './AzureCommunicationFileUploadAdapter';
+import { convertAttachmentUploadsUiStateToMessageMetadata } from './AzureCommunicationAttachmentUploadAdapter';
 /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-import { AzureCommunicationFileUploadAdapter } from './AzureCommunicationFileUploadAdapter';
+import { AzureCommunicationAttachmentUploadAdapter } from './AzureCommunicationAttachmentUploadAdapter';
 import { useEffect, useRef, useState } from 'react';
 import { _isValidIdentifier } from "../../../../../acs-ui-common/src";
 /**
@@ -73,7 +73,7 @@ export class ChatContext {
             latestErrors: clientState.latestErrors
         };
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-        updatedState = Object.assign(Object.assign({}, updatedState), { fileUploads: this.state.fileUploads });
+        updatedState = Object.assign(Object.assign({}, updatedState), { attachmentUploads: this.state.attachmentUploads });
         this.setState(updatedState);
     }
 }
@@ -88,7 +88,7 @@ export class AzureCommunicationChatAdapter {
         this.chatThreadClient = chatThreadClient;
         this.context = new ChatContext(chatClient.getState(), chatThreadClient.threadId);
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-        this.fileUploadAdapter = new AzureCommunicationFileUploadAdapter(this.context);
+        this.attachmentUploadAdapter = new AzureCommunicationAttachmentUploadAdapter(this.context);
         const onStateChange = (clientState) => {
             // unsubscribe when the instance gets disposed
             if (!this) {
@@ -118,19 +118,19 @@ export class AzureCommunicationChatAdapter {
         this.on = this.on.bind(this);
         this.off = this.off.bind(this);
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-        this.registerActiveFileUploads = this.registerActiveFileUploads.bind(this);
+        this.registerActiveUploads = this.registerActiveUploads.bind(this);
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-        this.registerCompletedFileUploads = this.registerCompletedFileUploads.bind(this);
+        this.registerCompletedUploads = this.registerCompletedUploads.bind(this);
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-        this.clearFileUploads = this.clearFileUploads.bind(this);
+        this.clearUploads = this.clearUploads.bind(this);
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-        this.cancelFileUpload = this.cancelFileUpload.bind(this);
+        this.cancelUpload = this.cancelUpload.bind(this);
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-        this.updateFileUploadProgress = this.updateFileUploadProgress.bind(this);
+        this.updateUploadProgress = this.updateUploadProgress.bind(this);
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-        this.updateFileUploadErrorMessage = this.updateFileUploadErrorMessage.bind(this);
+        this.updateUploadStatusMessage = this.updateUploadStatusMessage.bind(this);
         /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-        this.updateFileUploadMetadata = this.updateFileUploadMetadata.bind(this);
+        this.updateUploadMetadata = this.updateUploadMetadata.bind(this);
         this.downloadResourceToCache = this.downloadResourceToCache.bind(this);
         this.removeResourceFromCache = this.removeResourceFromCache.bind(this);
     }
@@ -180,16 +180,16 @@ export class AzureCommunicationChatAdapter {
         return __awaiter(this, arguments, void 0, function* (content, options = {}) {
             yield this.asyncTeeErrorToEventEmitter(() => __awaiter(this, void 0, void 0, function* () {
                 /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-                options.metadata = Object.assign(Object.assign({}, options.metadata), convertFileUploadsUiStateToMessageMetadata(this.context.getState().fileUploads));
+                options.metadata = Object.assign(Object.assign({}, options.metadata), convertAttachmentUploadsUiStateToMessageMetadata(this.context.getState().attachmentUploads));
                 /* @conditional-compile-remove(attachment-download) @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. 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.
+                 * 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.fileUploadAdapter.clearFileUploads();
+                this.attachmentUploadAdapter.clearUploads();
                 yield this.handlers.onSendMessage(content, options);
             }));
         });
@@ -248,32 +248,32 @@ export class AzureCommunicationChatAdapter {
         });
     }
     /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-    registerActiveFileUploads(files) {
-        return this.fileUploadAdapter.registerActiveFileUploads(files);
+    registerActiveUploads(files) {
+        return this.attachmentUploadAdapter.registerActiveUploads(files);
     }
     /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-    registerCompletedFileUploads(metadata) {
-        return this.fileUploadAdapter.registerCompletedFileUploads(metadata);
+    registerCompletedUploads(metadata) {
+        return this.attachmentUploadAdapter.registerCompletedUploads(metadata);
     }
     /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-    clearFileUploads() {
-        this.fileUploadAdapter.clearFileUploads();
+    clearUploads() {
+        this.attachmentUploadAdapter.clearUploads();
     }
     /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-    cancelFileUpload(id) {
-        this.fileUploadAdapter.cancelFileUpload(id);
+    cancelUpload(id) {
+        this.attachmentUploadAdapter.cancelUpload(id);
     }
     /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-    updateFileUploadProgress(id, progress) {
-        this.fileUploadAdapter.updateFileUploadProgress(id, progress);
+    updateUploadProgress(id, progress) {
+        this.attachmentUploadAdapter.updateUploadProgress(id, progress);
     }
     /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-    updateFileUploadErrorMessage(id, errorMessage) {
-        this.fileUploadAdapter.updateFileUploadErrorMessage(id, errorMessage);
+    updateUploadStatusMessage(id, errorMessage) {
+        this.attachmentUploadAdapter.updateUploadStatusMessage(id, errorMessage);
     }
     /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-    updateFileUploadMetadata(id, metadata) {
-        this.fileUploadAdapter.updateFileUploadMetadata(id, metadata);
+    updateUploadMetadata(id, metadata) {
+        this.attachmentUploadAdapter.updateUploadMetadata(id, metadata);
     }
     downloadResourceToCache(resourceDetails) {
         return __awaiter(this, void 0, void 0, function* () {