@azure/communication-react 1.15.0-alpha-202404100012 → 1.15.0-beta.2

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

@@ -0,0 +1,165 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+/* @conditional-compile-remove(file-sharing) */
+import { produce } from 'immer';
+/* @conditional-compile-remove(file-sharing) */
+import { FileUpload } from '../file-sharing';
+/* @conditional-compile-remove(file-sharing) */
+/**
+ * @internal
+ */
+class FileUploadContext {
+    constructor(chatContext) {
+        this.chatContext = chatContext;
+    }
+    getFileUploads() {
+        return this.chatContext.getState().fileUploads;
+    }
+    addFileUploads(fileUploads) {
+        const fileUploadsMap = convertObservableFileUploadToFileUploadsUiState(fileUploads);
+        this.chatContext.setState(produce(this.chatContext.getState(), draft => {
+            draft.fileUploads = draft.fileUploads || {};
+            draft.fileUploads = Object.assign(Object.assign({}, draft.fileUploads), fileUploadsMap);
+        }));
+    }
+    clearFileUploads() {
+        this.chatContext.setState(produce(this.chatContext.getState(), (draft) => {
+            draft.fileUploads = {};
+        }));
+    }
+    updateFileUpload(id, data) {
+        this.chatContext.setState(produce(this.chatContext.getState(), (draft) => {
+            var _a, _b;
+            if ((_a = draft.fileUploads) === null || _a === void 0 ? void 0 : _a[id]) {
+                draft.fileUploads[id] = Object.assign(Object.assign({}, (_b = draft.fileUploads) === null || _b === void 0 ? void 0 : _b[id]), data);
+            }
+        }));
+    }
+    deleteFileUploads(ids) {
+        this.chatContext.setState(produce(this.chatContext.getState(), (draft) => {
+            ids.forEach(id => {
+                var _a;
+                (_a = draft === null || draft === void 0 ? void 0 : draft.fileUploads) === null || _a === void 0 ? true : delete _a[id];
+            });
+        }));
+    }
+}
+/* @conditional-compile-remove(file-sharing) */
+/**
+ * @internal
+ */
+export class AzureCommunicationFileUploadAdapter {
+    constructor(chatContext) {
+        this.fileUploads = [];
+        this.context = new FileUploadContext(chatContext);
+    }
+    findFileUpload(id) {
+        return this.fileUploads.find(fileUpload => fileUpload.id === id);
+    }
+    deleteFileUploads(ids) {
+        this.fileUploads = this.fileUploads.filter(fileUpload => !ids.includes(fileUpload.id));
+        this.context.deleteFileUploads(ids);
+    }
+    deleteErroneousFileUploads() {
+        const fileUploads = this.context.getFileUploads() || {};
+        const ids = Object.values(fileUploads).filter((item) => item.error).map((item) => item.id);
+        ids.forEach(id => {
+            const fileUpload = this.findFileUpload(id);
+            this.unsubscribeAllEvents(fileUpload);
+        });
+        this.deleteFileUploads(ids);
+    }
+    registerFileUploads(files) {
+        this.deleteErroneousFileUploads();
+        const fileUploads = [];
+        files.forEach(file => fileUploads.push(new FileUpload(file)));
+        fileUploads.forEach(fileUpload => this.subscribeAllEvents(fileUpload));
+        this.fileUploads = this.fileUploads.concat(fileUploads);
+        this.context.addFileUploads(fileUploads);
+        return fileUploads;
+    }
+    registerActiveFileUploads(files) {
+        return this.registerFileUploads(files);
+    }
+    registerCompletedFileUploads(metadata) {
+        return this.registerFileUploads(metadata);
+    }
+    clearFileUploads() {
+        this.context.clearFileUploads();
+        this.fileUploads.forEach(fileUpload => this.unsubscribeAllEvents(fileUpload));
+        this.fileUploads = [];
+    }
+    cancelFileUpload(id) {
+        this.deleteErroneousFileUploads();
+        const fileUpload = this.findFileUpload(id);
+        this.unsubscribeAllEvents(fileUpload);
+        this.deleteFileUploads([id]);
+    }
+    updateFileUploadProgress(id, progress) {
+        this.context.updateFileUpload(id, {
+            progress
+        });
+    }
+    updateFileUploadErrorMessage(id, errorMessage) {
+        this.context.updateFileUpload(id, {
+            error: {
+                message: errorMessage,
+                timestamp: Date.now()
+            }
+        });
+    }
+    updateFileUploadMetadata(id, metadata) {
+        this.context.updateFileUpload(id, {
+            progress: 1,
+            metadata
+        });
+    }
+    subscribeAllEvents(fileUpload) {
+        fileUpload.on('uploadProgressChange', this.updateFileUploadProgress.bind(this));
+        fileUpload.on('uploadComplete', this.updateFileUploadMetadata.bind(this));
+        fileUpload.on('uploadFail', this.updateFileUploadErrorMessage.bind(this));
+    }
+    unsubscribeAllEvents(fileUpload) {
+        fileUpload === null || fileUpload === void 0 ? void 0 : fileUpload.off('uploadProgressChange', this.updateFileUploadProgress.bind(this));
+        fileUpload === null || fileUpload === void 0 ? void 0 : fileUpload.off('uploadComplete', this.updateFileUploadMetadata.bind(this));
+        fileUpload === null || fileUpload === void 0 ? void 0 : fileUpload.off('uploadFail', this.updateFileUploadErrorMessage.bind(this));
+    }
+}
+/* @conditional-compile-remove(file-sharing) */
+/**
+ * @param fileUploadUiState {@link FileUploadsUiState}
+ * @private
+ */
+export const convertFileUploadsUiStateToMessageMetadata = (fileUploads) => {
+    if (fileUploads) {
+        const fileMetadata = [];
+        Object.keys(fileUploads).forEach(key => {
+            const file = fileUploads[key];
+            if (!file.error && file.metadata) {
+                fileMetadata.push(file.metadata);
+            }
+        });
+        if (fileMetadata.length > 0) {
+            return {
+                fileSharingMetadata: JSON.stringify(fileMetadata)
+            };
+        }
+    }
+    return undefined;
+};
+/* @conditional-compile-remove(file-sharing) */
+/**
+ * @private
+ */
+const convertObservableFileUploadToFileUploadsUiState = (fileUploads) => {
+    return fileUploads.reduce((map, fileUpload) => {
+        map[fileUpload.id] = {
+            id: fileUpload.id,
+            filename: fileUpload.fileName,
+            progress: 0,
+            metadata: fileUpload.metadata
+        };
+        return map;
+    }, {});
+};
+//# sourceMappingURL=AzureCommunicationFileUploadAdapter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AzureCommunicationFileUploadAdapter.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/ChatComposite/adapter/AzureCommunicationFileUploadAdapter.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { AttachmentMetadata } from '@internal/react-components';\nimport { FileUploadManager, FileUploadState } from '@internal/react-components';\n/* @conditional-compile-remove(file-sharing) */\nimport { produce } from 'immer';\n/* @conditional-compile-remove(file-sharing) */\nimport { FileSharingMetadata, FileUpload } from '../file-sharing';\n/* @conditional-compile-remove(file-sharing) */\nimport { ChatContext } from './AzureCommunicationChatAdapter';\n/* @conditional-compile-remove(file-sharing) */\nimport { ChatAdapterState } from './ChatAdapter';\n\n/**\n * A record containing {@link FileUploadState} mapped to unique ids.\n * @beta\n */\nexport type FileUploadsUiState = Record<string, FileUploadState>;\n\n/**\n * @beta\n */\nexport interface FileUploadAdapter {\n  registerActiveFileUploads: (files: File[]) => FileUploadManager[];\n  registerCompletedFileUploads: (metadata: AttachmentMetadata[]) => FileUploadManager[];\n  clearFileUploads: () => void;\n  cancelFileUpload: (id: string) => void;\n  updateFileUploadProgress: (id: string, progress: number) => void;\n  updateFileUploadErrorMessage: (id: string, errorMessage: string) => void;\n  updateFileUploadMetadata: (id: string, metadata: AttachmentMetadata) => void;\n}\n\n/* @conditional-compile-remove(file-sharing) */\n/**\n * @internal\n */\nclass FileUploadContext {\n  private chatContext: ChatContext;\n  constructor(chatContext: ChatContext) {\n    this.chatContext = chatContext;\n  }\n  public getFileUploads(): FileUploadsUiState | undefined {\n    return this.chatContext.getState().fileUploads;\n  }\n  public addFileUploads(fileUploads: FileUpload[]): void {\n    const fileUploadsMap = convertObservableFileUploadToFileUploadsUiState(fileUploads);\n    this.chatContext.setState(produce(this.chatContext.getState(), draft => {\n      draft.fileUploads = draft.fileUploads || {};\n      draft.fileUploads = {\n        ...draft.fileUploads,\n        ...fileUploadsMap\n      };\n    }));\n  }\n  public clearFileUploads(): void {\n    this.chatContext.setState(produce(this.chatContext.getState(), (draft: ChatAdapterState) => {\n      draft.fileUploads = {};\n    }));\n  }\n  public updateFileUpload(id: string, data: Partial<Pick<FileUploadState, 'progress' | 'metadata' | 'error'>>): void {\n    this.chatContext.setState(produce(this.chatContext.getState(), (draft: ChatAdapterState) => {\n      if (draft.fileUploads?.[id]) {\n        draft.fileUploads[id] = {\n          ...draft.fileUploads?.[id],\n          ...data\n        };\n      }\n    }));\n  }\n  public deleteFileUploads(ids: string[]): void {\n    this.chatContext.setState(produce(this.chatContext.getState(), (draft: ChatAdapterState) => {\n      ids.forEach(id => {\n        delete draft?.fileUploads?.[id];\n      });\n    }));\n  }\n}\n\n/* @conditional-compile-remove(file-sharing) */\n/**\n * @internal\n */\nexport class AzureCommunicationFileUploadAdapter implements FileUploadAdapter {\n  private context: FileUploadContext;\n  private fileUploads: FileUpload[] = [];\n  constructor(chatContext: ChatContext) {\n    this.context = new FileUploadContext(chatContext);\n  }\n  private findFileUpload(id: string): FileUpload | undefined {\n    return this.fileUploads.find(fileUpload => fileUpload.id === id);\n  }\n  private deleteFileUploads(ids: string[]): void {\n    this.fileUploads = this.fileUploads.filter(fileUpload => !ids.includes(fileUpload.id));\n    this.context.deleteFileUploads(ids);\n  }\n  private deleteErroneousFileUploads(): void {\n    const fileUploads = this.context.getFileUploads() || {};\n    const ids = Object.values(fileUploads).filter((item: FileUploadState) => item.error).map((item: FileUploadState) => item.id);\n    ids.forEach(id => {\n      const fileUpload = this.findFileUpload(id);\n      this.unsubscribeAllEvents(fileUpload);\n    });\n    this.deleteFileUploads(ids);\n  }\n  private registerFileUploads(files: File[] | AttachmentMetadata[]): FileUploadManager[] {\n    this.deleteErroneousFileUploads();\n    const fileUploads: FileUpload[] = [];\n    files.forEach(file => fileUploads.push(new FileUpload(file)));\n    fileUploads.forEach(fileUpload => this.subscribeAllEvents(fileUpload));\n    this.fileUploads = this.fileUploads.concat(fileUploads);\n    this.context.addFileUploads(fileUploads);\n    return fileUploads;\n  }\n  registerActiveFileUploads(files: File[]): FileUploadManager[] {\n    return this.registerFileUploads(files);\n  }\n  registerCompletedFileUploads(metadata: AttachmentMetadata[]): FileUploadManager[] {\n    return this.registerFileUploads(metadata);\n  }\n  clearFileUploads(): void {\n    this.context.clearFileUploads();\n    this.fileUploads.forEach(fileUpload => this.unsubscribeAllEvents(fileUpload));\n    this.fileUploads = [];\n  }\n  cancelFileUpload(id: string): void {\n    this.deleteErroneousFileUploads();\n    const fileUpload = this.findFileUpload(id);\n    this.unsubscribeAllEvents(fileUpload);\n    this.deleteFileUploads([id]);\n  }\n  updateFileUploadProgress(id: string, progress: number): void {\n    this.context.updateFileUpload(id, {\n      progress\n    });\n  }\n  updateFileUploadErrorMessage(id: string, errorMessage: string): void {\n    this.context.updateFileUpload(id, {\n      error: {\n        message: errorMessage,\n        timestamp: Date.now()\n      }\n    });\n  }\n  updateFileUploadMetadata(id: string, metadata: AttachmentMetadata): void {\n    this.context.updateFileUpload(id, {\n      progress: 1,\n      metadata\n    });\n  }\n  private subscribeAllEvents(fileUpload: FileUpload): void {\n    fileUpload.on('uploadProgressChange', this.updateFileUploadProgress.bind(this));\n    fileUpload.on('uploadComplete', this.updateFileUploadMetadata.bind(this));\n    fileUpload.on('uploadFail', this.updateFileUploadErrorMessage.bind(this));\n  }\n  private unsubscribeAllEvents(fileUpload?: FileUpload): void {\n    fileUpload?.off('uploadProgressChange', this.updateFileUploadProgress.bind(this));\n    fileUpload?.off('uploadComplete', this.updateFileUploadMetadata.bind(this));\n    fileUpload?.off('uploadFail', this.updateFileUploadErrorMessage.bind(this));\n  }\n}\n\n/* @conditional-compile-remove(file-sharing) */\n/**\n * @param fileUploadUiState {@link FileUploadsUiState}\n * @private\n */\nexport const convertFileUploadsUiStateToMessageMetadata = (fileUploads?: FileUploadsUiState): FileSharingMetadata | undefined => {\n  if (fileUploads) {\n    const fileMetadata: AttachmentMetadata[] = [];\n    Object.keys(fileUploads).forEach(key => {\n      const file = fileUploads[key];\n      if (!file.error && file.metadata) {\n        fileMetadata.push(file.metadata);\n      }\n    });\n    if (fileMetadata.length > 0) {\n      return {\n        fileSharingMetadata: JSON.stringify(fileMetadata)\n      };\n    }\n  }\n  return undefined;\n};\n\n/* @conditional-compile-remove(file-sharing) */\n/**\n * @private\n */\nconst convertObservableFileUploadToFileUploadsUiState = (fileUploads: FileUpload[]): FileUploadsUiState => {\n  return fileUploads.reduce((map: FileUploadsUiState, fileUpload) => {\n    map[fileUpload.id] = {\n      id: fileUpload.id,\n      filename: fileUpload.fileName,\n      progress: 0,\n      metadata: fileUpload.metadata\n    };\n    return map;\n  }, {});\n};"]}

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

@@ -2,7 +2,7 @@ import type { ChatMessage, ChatParticipant, SendMessageOptions } from '@azure/co
 import type { CommunicationIdentifierKind, CommunicationUserKind } from '@azure/communication-common';
 import { ChatThreadClientState } from "../../../../../chat-stateful-client/src";
 import type { AdapterError, AdapterErrors, AdapterState, Disposable } from '../../common/adapters';
-import { AttachmentUploadAdapter, AttachmentUploadsUiState } from './AzureCommunicationAttachmentUploadAdapter';
+import { FileUploadAdapter, FileUploadsUiState } from './AzureCommunicationFileUploadAdapter';
 import { AttachmentMetadata } from "../../../../../react-components/src";
 /**
  * {@link ChatAdapter} state for pure UI purposes.
@@ -12,12 +12,12 @@ import { AttachmentMetadata } from "../../../../../react-components/src";
 export type ChatAdapterUiState = {
     error?: Error;
     /**
-     * Attachments being uploaded by a user in the current thread.
+     * Files being uploaded by a user in the current thread.
      * Should be set to null once the upload is complete.
-     * Array of type {@link AttachmentUploadsUiState}
+     * Array of type {@link FileUploadsUiState}
      * @beta
      */
-    attachmentUploads?: AttachmentUploadsUiState;
+    fileUploads?: FileUploadsUiState;
 };
 /**
  * {@link ChatAdapter} state inferred from Azure Communication Services backend.
@@ -74,7 +74,7 @@ export interface ChatAdapterThreadManagement {
     /**
      * Update a message content.
      */
-    updateMessage(messageId: string, content: string, metadata?: Record<string, string>, options?: {
+    updateMessage(messageId: string, content: string, metadata?: Record<string, string>, /* @conditional-compile-remove(file-sharing) */ options?: {
         attachmentMetadata?: AttachmentMetadata[];
     }): Promise<void>;
     /**
@@ -192,7 +192,7 @@ export interface ChatAdapterSubscribers {
  *
  * @public
  */
-export type ChatAdapter = ChatAdapterThreadManagement & AdapterState<ChatAdapterState> & Disposable & ChatAdapterSubscribers & AttachmentUploadAdapter;
+export type ChatAdapter = ChatAdapterThreadManagement & AdapterState<ChatAdapterState> & Disposable & ChatAdapterSubscribers & /* @conditional-compile-remove(file-sharing) */ FileUploadAdapter;
 /**
  * Callback for {@link ChatAdapterSubscribers} 'messageReceived' event.
  *

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

@@ -1 +1 @@
-{"version":3,"file":"ChatAdapter.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/ChatComposite/adapter/ChatAdapter.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport type { ChatMessage, ChatParticipant, SendMessageOptions } from '@azure/communication-chat';\nimport type { CommunicationIdentifierKind, CommunicationUserKind } from '@azure/communication-common';\nimport { ChatThreadClientState } from '@internal/chat-stateful-client';\nimport type { AdapterError, AdapterErrors, AdapterState, Disposable } from '../../common/adapters';\n/* @conditional-compile-remove(attachment-upload) */\nimport { AttachmentUploadAdapter, AttachmentUploadsUiState } from './AzureCommunicationAttachmentUploadAdapter';\n/* @conditional-compile-remove(attachment-upload) */\nimport { AttachmentMetadata } from '@internal/react-components';\n\n/**\n * {@link ChatAdapter} state for pure UI purposes.\n *\n * @public\n */\nexport type ChatAdapterUiState = {\n  // FIXME(Delete?)\n  // Self-contained state for composite\n  error?: Error;\n  /* @conditional-compile-remove(attachment-upload) */\n  /**\n   * Attachments being uploaded by a user in the current thread.\n   * Should be set to null once the upload is complete.\n   * Array of type {@link AttachmentUploadsUiState}\n   * @beta\n   */\n  attachmentUploads?: AttachmentUploadsUiState;\n};\n\n/**\n * {@link ChatAdapter} state inferred from Azure Communication Services backend.\n *\n * @public\n */\nexport type ChatCompositeClientState = {\n  userId: CommunicationIdentifierKind;\n  displayName: string;\n  thread: ChatThreadClientState;\n  /**\n   * Latest error encountered for each operation performed via the adapter.\n   */\n  latestErrors: AdapterErrors;\n};\n\n/**\n * {@link ChatAdapter} state.\n *\n * @public\n */\nexport type ChatAdapterState = ChatAdapterUiState & ChatCompositeClientState;\n\n/**\n * Functionality for managing the current chat thread.\n *\n * @public\n */\nexport interface ChatAdapterThreadManagement {\n  /**\n   * Fetch initial state for the Chat adapter.\n   *\n   * Performs the minimal fetch necessary for ChatComposite and API methods.\n   */\n  fetchInitialData(): Promise<void>;\n  /**\n   * Send a message in the thread.\n   */\n  sendMessage(content: string, options?: SendMessageOptions): Promise<void>;\n  /**\n   * Send a read receipt for a message.\n   */\n  sendReadReceipt(chatMessageId: string): Promise<void>;\n  /**\n   * Send typing indicator in the thread.\n   */\n  sendTypingIndicator(): Promise<void>;\n  /**\n   * Remove a participant in the thread.\n   */\n  removeParticipant(userId: string): Promise<void>;\n  /**\n   * Set the topic for the thread.\n   */\n  setTopic(topicName: string): Promise<void>;\n  /**\n   * Update a message content.\n   */\n  updateMessage(\n    messageId: string,\n    content: string,\n    metadata?: Record<string, string>,\n    /* @conditional-compile-remove(attachment-upload) */\n    options?: {\n      attachmentMetadata?: AttachmentMetadata[];\n    }\n  ): Promise<void>;\n  /**\n   * Delete a message in the thread.\n   */\n  deleteMessage(messageId: string): Promise<void>;\n  /**\n   * Load more previous messages in the chat thread history.\n   *\n   * @remarks\n   * This method is usually used to control incremental fetch/infinite scroll\n   *\n   */\n  loadPreviousChatMessages(messagesToLoad: number): Promise<boolean>;\n  /**\n   * Downloads a resource into the cache for the given message.\n   */\n  downloadResourceToCache(resourceDetails: ResourceDetails): Promise<void>;\n  /**\n   * Removes a resource from the cache for the given message.\n   */\n  removeResourceFromCache(resourceDetails: ResourceDetails): void;\n}\n/**\n * Details required for download a resource to cache.\n *\n * @public\n */\nexport type ResourceDetails = {\n  threadId: string;\n  messageId: string;\n  resourceUrl: string;\n};\n\n/**\n * Chat composite events that can be subscribed to.\n *\n * @public\n */\nexport interface ChatAdapterSubscribers {\n  /**\n   * Subscribe function for 'messageReceived' event.\n   */\n  on(event: 'messageReceived', listener: MessageReceivedListener): void;\n  /**\n   * Subscribe function for 'messageEdited' event.\n   */\n  on(event: 'messageEdited', listener: MessageEditedListener): void;\n  /**\n   * Subscribe function for 'messageDeleted' event.\n   */\n  on(event: 'messageDeleted', listener: MessageDeletedListener): void;\n  /**\n   * Subscribe function for 'messageSent' event.\n   */\n  on(event: 'messageSent', listener: MessageSentListener): void;\n  /**\n   * Subscribe function for 'messageRead' event.\n   */\n  on(event: 'messageRead', listener: MessageReadListener): void;\n  /**\n   * Subscribe function for 'participantsAdded' event.\n   */\n  on(event: 'participantsAdded', listener: ParticipantsAddedListener): void;\n  /**\n   * Subscribe function for 'participantsRemoved' event.\n   */\n  on(event: 'participantsRemoved', listener: ParticipantsRemovedListener): void;\n  /**\n   * Subscribe function for 'topicChanged' event.\n   */\n  on(event: 'topicChanged', listener: TopicChangedListener): void;\n  /**\n   * Subscribe function for 'error' event.\n   */\n  on(event: 'error', listener: (e: AdapterError) => void): void;\n\n  /**\n   * Unsubscribe function for 'messageReceived' event.\n   */\n  off(event: 'messageReceived', listener: MessageReceivedListener): void;\n  /**\n   * Unsubscribe function for 'messageEdited' event.\n   */\n  off(event: 'messageEdited', listener: MessageEditedListener): void;\n  /**\n   * Unsubscribe function for 'messageDeleted' event.\n   */\n  off(event: 'messageDeleted', listener: MessageDeletedListener): void;\n  /**\n   * Unsubscribe function for 'messageSent' event.\n   */\n  off(event: 'messageSent', listener: MessageSentListener): void;\n  /**\n   * Unsubscribe function for 'messageRead' event.\n   */\n  off(event: 'messageRead', listener: MessageReadListener): void;\n  /**\n   * Unsubscribe function for 'participantsAdded' event.\n   */\n  off(event: 'participantsAdded', listener: ParticipantsAddedListener): void;\n  /**\n   * Unsubscribe function for 'participantsRemoved' event.\n   */\n  off(event: 'participantsRemoved', listener: ParticipantsRemovedListener): void;\n  /**\n   * Unsubscribe function for 'topicChanged' event.\n   */\n  off(event: 'topicChanged', listener: TopicChangedListener): void;\n  /**\n   * Unsubscribe function for 'error' event.\n   */\n  off(event: 'error', listener: (e: AdapterError) => void): void;\n}\n\n/**\n * {@link ChatComposite} Adapter interface.\n *\n * @public\n */\nexport type ChatAdapter = ChatAdapterThreadManagement &\n  AdapterState<ChatAdapterState> &\n  Disposable &\n  ChatAdapterSubscribers &\n  /* @conditional-compile-remove(attachment-upload) */\n  AttachmentUploadAdapter;\n\n/**\n * Callback for {@link ChatAdapterSubscribers} 'messageReceived' event.\n *\n * @public\n */\nexport type MessageReceivedListener = (event: { message: ChatMessage }) => void;\n\n/**\n * Callback for {@link ChatAdapterSubscribers} 'messageSent' event.\n *\n * @public\n */\nexport type MessageSentListener = MessageReceivedListener;\n\n/**\n * Callback for {@link ChatAdapterSubscribers} 'messageEdited' event.\n *\n * @public\n */\nexport type MessageEditedListener = MessageReceivedListener;\n\n/**\n * Callback for {@link ChatAdapterSubscribers} 'messageDeleted' event.\n *\n * @public\n */\nexport type MessageDeletedListener = MessageReceivedListener;\n\n/**\n * Callback for {@link ChatAdapterSubscribers} 'messageRead' event.\n *\n * @public\n */\nexport type MessageReadListener = (event: { message: ChatMessage; readBy: CommunicationUserKind }) => void;\n\n/**\n * Callback for {@link ChatAdapterSubscribers} 'participantsAdded' event.\n *\n * @public\n */\nexport type ParticipantsAddedListener = (event: {\n  participantsAdded: ChatParticipant[];\n  addedBy: ChatParticipant;\n}) => void;\n\n/**\n * Callback for {@link ChatAdapterSubscribers} 'participantsRemoved' event.\n *\n * @public\n */\nexport type ParticipantsRemovedListener = (event: {\n  participantsRemoved: ChatParticipant[];\n  removedBy: ChatParticipant;\n}) => void;\n\n/**\n * Callback for {@link ChatAdapterSubscribers} 'topicChanged' event.\n *\n * @public\n */\nexport type TopicChangedListener = (event: { topic: string }) => void;\n"]}
+{"version":3,"file":"ChatAdapter.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/ChatComposite/adapter/ChatAdapter.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport type { ChatMessage, ChatParticipant, SendMessageOptions } from '@azure/communication-chat';\nimport type { CommunicationIdentifierKind, CommunicationUserKind } from '@azure/communication-common';\nimport { ChatThreadClientState } from '@internal/chat-stateful-client';\nimport type { AdapterError, AdapterErrors, AdapterState, Disposable } from '../../common/adapters';\n/* @conditional-compile-remove(file-sharing) */\nimport { FileUploadAdapter, FileUploadsUiState } from './AzureCommunicationFileUploadAdapter';\n/* @conditional-compile-remove(file-sharing) */\nimport { AttachmentMetadata } from '@internal/react-components';\n\n/**\n * {@link ChatAdapter} state for pure UI purposes.\n *\n * @public\n */\nexport type ChatAdapterUiState = {\n  // FIXME(Delete?)\n  // Self-contained state for composite\n  error?: Error;\n  /* @conditional-compile-remove(file-sharing) */\n  /**\n   * Files being uploaded by a user in the current thread.\n   * Should be set to null once the upload is complete.\n   * Array of type {@link FileUploadsUiState}\n   * @beta\n   */\n  fileUploads?: FileUploadsUiState;\n};\n\n/**\n * {@link ChatAdapter} state inferred from Azure Communication Services backend.\n *\n * @public\n */\nexport type ChatCompositeClientState = {\n  userId: CommunicationIdentifierKind;\n  displayName: string;\n  thread: ChatThreadClientState;\n  /**\n   * Latest error encountered for each operation performed via the adapter.\n   */\n  latestErrors: AdapterErrors;\n};\n\n/**\n * {@link ChatAdapter} state.\n *\n * @public\n */\nexport type ChatAdapterState = ChatAdapterUiState & ChatCompositeClientState;\n\n/**\n * Functionality for managing the current chat thread.\n *\n * @public\n */\nexport interface ChatAdapterThreadManagement {\n  /**\n   * Fetch initial state for the Chat adapter.\n   *\n   * Performs the minimal fetch necessary for ChatComposite and API methods.\n   */\n  fetchInitialData(): Promise<void>;\n  /**\n   * Send a message in the thread.\n   */\n  sendMessage(content: string, options?: SendMessageOptions): Promise<void>;\n  /**\n   * Send a read receipt for a message.\n   */\n  sendReadReceipt(chatMessageId: string): Promise<void>;\n  /**\n   * Send typing indicator in the thread.\n   */\n  sendTypingIndicator(): Promise<void>;\n  /**\n   * Remove a participant in the thread.\n   */\n  removeParticipant(userId: string): Promise<void>;\n  /**\n   * Set the topic for the thread.\n   */\n  setTopic(topicName: string): Promise<void>;\n  /**\n   * Update a message content.\n   */\n  updateMessage(messageId: string, content: string, metadata?: Record<string, string>, /* @conditional-compile-remove(file-sharing) */\n  options?: {\n    attachmentMetadata?: AttachmentMetadata[];\n  }): Promise<void>;\n  /**\n   * Delete a message in the thread.\n   */\n  deleteMessage(messageId: string): Promise<void>;\n  /**\n   * Load more previous messages in the chat thread history.\n   *\n   * @remarks\n   * This method is usually used to control incremental fetch/infinite scroll\n   *\n   */\n  loadPreviousChatMessages(messagesToLoad: number): Promise<boolean>;\n  /**\n   * Downloads a resource into the cache for the given message.\n   */\n  downloadResourceToCache(resourceDetails: ResourceDetails): Promise<void>;\n  /**\n   * Removes a resource from the cache for the given message.\n   */\n  removeResourceFromCache(resourceDetails: ResourceDetails): void;\n}\n/**\n * Details required for download a resource to cache.\n *\n * @public\n */\nexport type ResourceDetails = {\n  threadId: string;\n  messageId: string;\n  resourceUrl: string;\n};\n\n/**\n * Chat composite events that can be subscribed to.\n *\n * @public\n */\nexport interface ChatAdapterSubscribers {\n  /**\n   * Subscribe function for 'messageReceived' event.\n   */\n  on(event: 'messageReceived', listener: MessageReceivedListener): void;\n  /**\n   * Subscribe function for 'messageEdited' event.\n   */\n  on(event: 'messageEdited', listener: MessageEditedListener): void;\n  /**\n   * Subscribe function for 'messageDeleted' event.\n   */\n  on(event: 'messageDeleted', listener: MessageDeletedListener): void;\n  /**\n   * Subscribe function for 'messageSent' event.\n   */\n  on(event: 'messageSent', listener: MessageSentListener): void;\n  /**\n   * Subscribe function for 'messageRead' event.\n   */\n  on(event: 'messageRead', listener: MessageReadListener): void;\n  /**\n   * Subscribe function for 'participantsAdded' event.\n   */\n  on(event: 'participantsAdded', listener: ParticipantsAddedListener): void;\n  /**\n   * Subscribe function for 'participantsRemoved' event.\n   */\n  on(event: 'participantsRemoved', listener: ParticipantsRemovedListener): void;\n  /**\n   * Subscribe function for 'topicChanged' event.\n   */\n  on(event: 'topicChanged', listener: TopicChangedListener): void;\n  /**\n   * Subscribe function for 'error' event.\n   */\n  on(event: 'error', listener: (e: AdapterError) => void): void;\n\n  /**\n   * Unsubscribe function for 'messageReceived' event.\n   */\n  off(event: 'messageReceived', listener: MessageReceivedListener): void;\n  /**\n   * Unsubscribe function for 'messageEdited' event.\n   */\n  off(event: 'messageEdited', listener: MessageEditedListener): void;\n  /**\n   * Unsubscribe function for 'messageDeleted' event.\n   */\n  off(event: 'messageDeleted', listener: MessageDeletedListener): void;\n  /**\n   * Unsubscribe function for 'messageSent' event.\n   */\n  off(event: 'messageSent', listener: MessageSentListener): void;\n  /**\n   * Unsubscribe function for 'messageRead' event.\n   */\n  off(event: 'messageRead', listener: MessageReadListener): void;\n  /**\n   * Unsubscribe function for 'participantsAdded' event.\n   */\n  off(event: 'participantsAdded', listener: ParticipantsAddedListener): void;\n  /**\n   * Unsubscribe function for 'participantsRemoved' event.\n   */\n  off(event: 'participantsRemoved', listener: ParticipantsRemovedListener): void;\n  /**\n   * Unsubscribe function for 'topicChanged' event.\n   */\n  off(event: 'topicChanged', listener: TopicChangedListener): void;\n  /**\n   * Unsubscribe function for 'error' event.\n   */\n  off(event: 'error', listener: (e: AdapterError) => void): void;\n}\n\n/**\n * {@link ChatComposite} Adapter interface.\n *\n * @public\n */\nexport type ChatAdapter = ChatAdapterThreadManagement & AdapterState<ChatAdapterState> & Disposable & ChatAdapterSubscribers & /* @conditional-compile-remove(file-sharing) */\nFileUploadAdapter;\n\n/**\n * Callback for {@link ChatAdapterSubscribers} 'messageReceived' event.\n *\n * @public\n */\nexport type MessageReceivedListener = (event: {\n  message: ChatMessage;\n}) => void;\n\n/**\n * Callback for {@link ChatAdapterSubscribers} 'messageSent' event.\n *\n * @public\n */\nexport type MessageSentListener = MessageReceivedListener;\n\n/**\n * Callback for {@link ChatAdapterSubscribers} 'messageEdited' event.\n *\n * @public\n */\nexport type MessageEditedListener = MessageReceivedListener;\n\n/**\n * Callback for {@link ChatAdapterSubscribers} 'messageDeleted' event.\n *\n * @public\n */\nexport type MessageDeletedListener = MessageReceivedListener;\n\n/**\n * Callback for {@link ChatAdapterSubscribers} 'messageRead' event.\n *\n * @public\n */\nexport type MessageReadListener = (event: {\n  message: ChatMessage;\n  readBy: CommunicationUserKind;\n}) => void;\n\n/**\n * Callback for {@link ChatAdapterSubscribers} 'participantsAdded' event.\n *\n * @public\n */\nexport type ParticipantsAddedListener = (event: {\n  participantsAdded: ChatParticipant[];\n  addedBy: ChatParticipant;\n}) => void;\n\n/**\n * Callback for {@link ChatAdapterSubscribers} 'participantsRemoved' event.\n *\n * @public\n */\nexport type ParticipantsRemovedListener = (event: {\n  participantsRemoved: ChatParticipant[];\n  removedBy: ChatParticipant;\n}) => void;\n\n/**\n * Callback for {@link ChatAdapterSubscribers} 'topicChanged' event.\n *\n * @public\n */\nexport type TopicChangedListener = (event: {\n  topic: string;\n}) => void;"]}

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { AttachmentUploadAdapter } from './AzureCommunicationAttachmentUploadAdapter';
+import { FileUploadAdapter } from './AzureCommunicationFileUploadAdapter';
 import { ChatAdapter } from './ChatAdapter';
 /**
  * @private
@@ -19,6 +19,6 @@ export declare const useAdapter: () => ChatAdapter;
 /**
  * @private
  */
-export declare const useAttachmentUploadAdapter: () => AttachmentUploadAdapter;
+export declare const useFileUploadAdapter: () => FileUploadAdapter;
 export {};
 //# sourceMappingURL=ChatAdapterProvider.d.ts.map

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

@@ -22,30 +22,30 @@ export const useAdapter = () => {
 /**
  * @private
  */
-export const useAttachmentUploadAdapter = () => {
-    /* @conditional-compile-remove(attachment-upload) */
+export const useFileUploadAdapter = () => {
+    /* @conditional-compile-remove(file-sharing) */
     return useAdapter();
     // A stub that short-circuits all logic because none of the fields are available.
     return {
-        registerActiveUploads() {
+        registerActiveFileUploads() {
             return [];
         },
-        registerCompletedUploads() {
+        registerCompletedFileUploads() {
             return [];
         },
-        cancelUpload() {
+        cancelFileUpload() {
             // noop
         },
-        clearUploads() {
+        clearFileUploads() {
             // noop
         },
-        updateUploadStatusMessage() {
+        updateFileUploadErrorMessage() {
             // noop
         },
-        updateUploadProgress() {
+        updateFileUploadProgress() {
             // noop
         },
-        updateUploadMetadata() {
+        updateFileUploadMetadata() {
             // noop
         }
     };

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

@@ -1 +1 @@
-{"version":3,"file":"ChatAdapterProvider.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/ChatComposite/adapter/ChatAdapterProvider.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAazD,MAAM,kBAAkB,GAAG,aAAa,CAA0B,SAAS,CAAC,CAAC;AAE7E;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAAwB,EAAe,EAAE;IAC3E,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAC1B,OAAO,oBAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,IAAG,KAAK,CAAC,QAAQ,CAA+B,CAAC;AACrG,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,GAAgB,EAAE;IAC1C,MAAM,OAAO,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAC/C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,qDAAqD,CAAC;IAC9D,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,GAA4B,EAAE;IACtE,oDAAoD;IACpD,OAAO,UAAU,EAAE,CAAC;IACpB,iFAAiF;IACjF,OAAO;QACL,qBAAqB;YACnB,OAAO,EAA+B,CAAC;QACzC,CAAC;QACD,wBAAwB;YACtB,OAAO,EAA+B,CAAC;QACzC,CAAC;QACD,YAAY;YACV,OAAO;QACT,CAAC;QACD,YAAY;YACV,OAAO;QACT,CAAC;QACD,yBAAyB;YACvB,OAAO;QACT,CAAC;QACD,oBAAoB;YAClB,OAAO;QACT,CAAC;QACD,oBAAoB;YAClB,OAAO;QACT,CAAC;KACF,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React, { createContext, useContext } from 'react';\nimport { AttachmentUploadManager } from '@internal/react-components';\nimport { AttachmentUploadAdapter } from './AzureCommunicationAttachmentUploadAdapter';\nimport { ChatAdapter } from './ChatAdapter';\n\n/**\n * @private\n */\ntype ChatProviderProps = {\n  children: React.ReactNode;\n  adapter: ChatAdapter;\n};\n\nconst ChatAdapterContext = createContext<ChatAdapter | undefined>(undefined);\n\n/**\n * @private\n */\nexport const ChatAdapterProvider = (props: ChatProviderProps): JSX.Element => {\n  const { adapter } = props;\n  return <ChatAdapterContext.Provider value={adapter}>{props.children}</ChatAdapterContext.Provider>;\n};\n\n/**\n * @private\n */\nexport const useAdapter = (): ChatAdapter => {\n  const adapter = useContext(ChatAdapterContext);\n  if (!adapter) {\n    throw 'Cannot find adapter please initialize before usage.';\n  }\n  return adapter;\n};\n\n/**\n * @private\n */\nexport const useAttachmentUploadAdapter = (): AttachmentUploadAdapter => {\n  /* @conditional-compile-remove(attachment-upload) */\n  return useAdapter();\n  // A stub that short-circuits all logic because none of the fields are available.\n  return {\n    registerActiveUploads() {\n      return [] as AttachmentUploadManager[];\n    },\n    registerCompletedUploads() {\n      return [] as AttachmentUploadManager[];\n    },\n    cancelUpload() {\n      // noop\n    },\n    clearUploads() {\n      // noop\n    },\n    updateUploadStatusMessage() {\n      // noop\n    },\n    updateUploadProgress() {\n      // noop\n    },\n    updateUploadMetadata() {\n      // noop\n    }\n  };\n};\n"]}
+{"version":3,"file":"ChatAdapterProvider.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/ChatComposite/adapter/ChatAdapterProvider.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAYzD,MAAM,kBAAkB,GAAG,aAAa,CAA0B,SAAS,CAAC,CAAC;AAE7E;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAAwB,EAAe,EAAE;IAC3E,MAAM,EACJ,OAAO,EACR,GAAG,KAAK,CAAC;IACV,OAAO,oBAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,IAAG,KAAK,CAAC,QAAQ,CAA+B,CAAC;AACrG,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,GAAgB,EAAE;IAC1C,MAAM,OAAO,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAC/C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,qDAAqD,CAAC;IAC9D,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAsB,EAAE;IAC1D,+CAA+C;IAC/C,OAAO,UAAU,EAAE,CAAC;IACpB,iFAAiF;IACjF,OAAO;QACL,yBAAyB;YACvB,OAAQ,EAA0B,CAAC;QACrC,CAAC;QACD,4BAA4B;YAC1B,OAAQ,EAA0B,CAAC;QACrC,CAAC;QACD,gBAAgB;YACd,OAAO;QACT,CAAC;QACD,gBAAgB;YACd,OAAO;QACT,CAAC;QACD,4BAA4B;YAC1B,OAAO;QACT,CAAC;QACD,wBAAwB;YACtB,OAAO;QACT,CAAC;QACD,wBAAwB;YACtB,OAAO;QACT,CAAC;KACF,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React, { createContext, useContext } from 'react';\nimport { FileUploadManager } from '@internal/react-components';\nimport { FileUploadAdapter } from './AzureCommunicationFileUploadAdapter';\nimport { ChatAdapter } from './ChatAdapter';\n\n/**\n * @private\n */\ntype ChatProviderProps = {\n  children: React.ReactNode;\n  adapter: ChatAdapter;\n};\nconst ChatAdapterContext = createContext<ChatAdapter | undefined>(undefined);\n\n/**\n * @private\n */\nexport const ChatAdapterProvider = (props: ChatProviderProps): JSX.Element => {\n  const {\n    adapter\n  } = props;\n  return <ChatAdapterContext.Provider value={adapter}>{props.children}</ChatAdapterContext.Provider>;\n};\n\n/**\n * @private\n */\nexport const useAdapter = (): ChatAdapter => {\n  const adapter = useContext(ChatAdapterContext);\n  if (!adapter) {\n    throw 'Cannot find adapter please initialize before usage.';\n  }\n  return adapter;\n};\n\n/**\n * @private\n */\nexport const useFileUploadAdapter = (): FileUploadAdapter => {\n  /* @conditional-compile-remove(file-sharing) */\n  return useAdapter();\n  // A stub that short-circuits all logic because none of the fields are available.\n  return {\n    registerActiveFileUploads() {\n      return ([] as FileUploadManager[]);\n    },\n    registerCompletedFileUploads() {\n      return ([] as FileUploadManager[]);\n    },\n    cancelFileUpload() {\n      // noop\n    },\n    clearFileUploads() {\n      // noop\n    },\n    updateFileUploadErrorMessage() {\n      // noop\n    },\n    updateFileUploadProgress() {\n      // noop\n    },\n    updateFileUploadMetadata() {\n      // noop\n    }\n  };\n};"]}

package/dist/dist-esm/react-composites/src/composites/ChatComposite/file-sharing/{AttachmentUpload.d.ts → FileUpload.d.ts}

@@ -1,25 +1,25 @@
-import { AttachmentMetadata, AttachmentUploadHandler, AttachmentUploadManager, AttachmentUploadStatus } from "../../../../../react-components/src";
+import { AttachmentMetadata, FileUploadHandler, FileUploadManager, FileUploadState, FileUploadError } from "../../../../../react-components/src";
 /**
- * A wrapper object for a attachments that is being uploaded.
+ * A wrapper object for a file that is being uploaded.
  * Provides common functions for updating the upload progress, canceling an upload etc.
  * @private
  */
-export declare class AttachmentUpload implements AttachmentUploadManager, AttachmentUploadEventEmitter {
+export declare class FileUpload implements FileUploadManager, FileUploadEventEmitter {
     private _emitter;
     readonly id: string;
     readonly file?: File;
     /**
-     * Name to be displayed in the UI during attachment upload.
+     * Filename to be displayed in the UI during file upload.
      */
-    readonly name: string;
+    readonly fileName: string;
     /**
      * Optional object of type {@link AttachmentMetadata}
      */
     metadata?: AttachmentMetadata;
     constructor(data: File | AttachmentMetadata);
-    notifyProgressChanged(value: number): void;
-    notifyCompleted(metadata: AttachmentMetadata): void;
-    notifyFailed(message: string): void;
+    notifyUploadProgressChanged(value: number): void;
+    notifyUploadCompleted(metadata: AttachmentMetadata): void;
+    notifyUploadFailed(message: string): void;
     on(event: 'uploadProgressChange', listener: UploadProgressListener): void;
     on(event: 'uploadComplete', listener: UploadCompleteListener): void;
     on(event: 'uploadFail', listener: UploadFailedListener): void;
@@ -27,7 +27,7 @@ export declare class AttachmentUpload implements AttachmentUploadManager, Attach
     off(event: 'uploadComplete', listener: UploadCompleteListener): void;
     off(event: 'uploadFail', listener: UploadFailedListener): void;
 }
-export type { AttachmentMetadata, AttachmentUploadHandler, AttachmentUploadManager, AttachmentUploadStatus };
+export type { AttachmentMetadata, FileUploadHandler, FileUploadManager, FileUploadState, FileUploadError };
 /**
  * Listener for `uploadProgressed` event.
  * @beta
@@ -46,7 +46,7 @@ type UploadFailedListener = (id: string, message: string) => void;
 /**
  * @beta
  */
-interface AttachmentUploadEventEmitter {
+interface FileUploadEventEmitter {
     /**
      * Subscriber function for `uploadProgressed` event.
      */
@@ -72,4 +72,4 @@ interface AttachmentUploadEventEmitter {
      */
     off(event: 'uploadFail', listener: UploadFailedListener): void;
 }
-//# sourceMappingURL=AttachmentUpload.d.ts.map
+//# sourceMappingURL=FileUpload.d.ts.map

package/dist/dist-esm/react-composites/src/composites/ChatComposite/file-sharing/{AttachmentUpload.js → FileUpload.js}

@@ -4,11 +4,11 @@ import { EventEmitter } from 'events';
 import { nanoid } from 'nanoid';
 import { _MAX_EVENT_LISTENERS } from "../../../../../acs-ui-common/src";
 /**
- * A wrapper object for a attachments that is being uploaded.
+ * A wrapper object for a file that is being uploaded.
  * Provides common functions for updating the upload progress, canceling an upload etc.
  * @private
  */
-export class AttachmentUpload {
+export class FileUpload {
     constructor(data) {
         this._emitter = new EventEmitter();
         this._emitter.setMaxListeners(_MAX_EVENT_LISTENERS);
@@ -20,32 +20,32 @@ export class AttachmentUpload {
             this.metadata = data;
         }
         const name = data === null || data === void 0 ? void 0 : data.name;
-        this.name = name;
+        this.fileName = name;
     }
-    notifyProgressChanged(value) {
+    notifyUploadProgressChanged(value) {
         this._emitter.emit('uploadProgressChange', this.id, value);
     }
-    notifyCompleted(metadata) {
+    notifyUploadCompleted(metadata) {
         this._emitter.emit('uploadComplete', this.id, metadata);
     }
-    notifyFailed(message) {
+    notifyUploadFailed(message) {
         this._emitter.emit('uploadFail', this.id, message);
     }
     /**
-     * Attachment upload event subscriber.
-     * @param event - {@link AttachmentUploadEvents}
-     * @param listener - {@link AttachmentUploadEventListener}
+     * File upload event subscriber.
+     * @param event - {@link FileUploadEvents}
+     * @param listener - {@link FileUploadEventListener}
      */
     on(event, listener) {
         this._emitter.addListener(event, listener);
     }
     /**
-     * Attachment upload event unsubscriber.
-     * @param event - {@link AttachmentUploadEvents}
-     * @param listener - {@link AttachmentUploadEventListener}
+     * File upload event unsubscriber.
+     * @param event - {@link FileUploadEvents}
+     * @param listener - {@link FileUploadEventListener}
      */
     off(event, listener) {
         this._emitter.removeListener(event, listener);
     }
 }
-//# sourceMappingURL=AttachmentUpload.js.map
+//# sourceMappingURL=FileUpload.js.map

package/dist/dist-esm/react-composites/src/composites/ChatComposite/file-sharing/FileUpload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUpload.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/ChatComposite/file-sharing/FileUpload.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAChC,OAAO,EAAE,oBAAoB,EAAE,yCAAgC;AAG/D;;;;GAIG;AACH,MAAM,OAAO,UAAU;IAYrB,YAAY,IAA+B;QACzC,IAAI,CAAC,QAAQ,GAAG,IAAI,YAAY,EAAE,CAAC;QACnC,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,oBAAoB,CAAC,CAAC;QACpD,IAAI,CAAC,EAAE,GAAG,MAAM,EAAE,CAAC;QACnB,IAAI,IAAI,YAAY,IAAI,EAAE,CAAC;YACzB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACnB,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACvB,CAAC;QACD,MAAM,IAAI,GAAK,IAAuC,aAAvC,IAAI,uBAAJ,IAAI,CAAqC,IAAI,CAAC;QAC7D,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;IACvB,CAAC;IACD,2BAA2B,CAAC,KAAa;QACvC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,sBAAsB,EAAE,IAAI,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;IAC7D,CAAC;IACD,qBAAqB,CAAC,QAA4B;QAChD,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,gBAAgB,EAAE,IAAI,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC;IAC1D,CAAC;IACD,kBAAkB,CAAC,OAAe;QAChC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC;IACrD,CAAC;IAID;;;;OAIG;IACH,EAAE,CAAC,KAAuB,EAAE,QAAiC;QAC3D,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;IAC7C,CAAC;IAID;;;;OAIG;IACH,GAAG,CAAC,KAAuB,EAAE,QAAiC;QAC5D,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;IAChD,CAAC;CACF","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { EventEmitter } from 'events';\nimport { nanoid } from 'nanoid';\nimport { _MAX_EVENT_LISTENERS } from '@internal/acs-ui-common';\nimport { AttachmentMetadata, FileUploadHandler, FileUploadManager, FileUploadState, FileUploadError } from '@internal/react-components';\n\n/**\n * A wrapper object for a file that is being uploaded.\n * Provides common functions for updating the upload progress, canceling an upload etc.\n * @private\n */\nexport class FileUpload implements FileUploadManager, FileUploadEventEmitter {\n  private _emitter: EventEmitter;\n  public readonly id: string;\n  public readonly file?: File;\n  /**\n   * Filename to be displayed in the UI during file upload.\n   */\n  public readonly fileName: string;\n  /**\n   * Optional object of type {@link AttachmentMetadata}\n   */\n  public metadata?: AttachmentMetadata;\n  constructor(data: File | AttachmentMetadata) {\n    this._emitter = new EventEmitter();\n    this._emitter.setMaxListeners(_MAX_EVENT_LISTENERS);\n    this.id = nanoid();\n    if (data instanceof File) {\n      this.file = data;\n    } else {\n      this.metadata = data;\n    }\n    const name = ((data as unknown) as AttachmentMetadata)?.name;\n    this.fileName = name;\n  }\n  notifyUploadProgressChanged(value: number): void {\n    this._emitter.emit('uploadProgressChange', this.id, value);\n  }\n  notifyUploadCompleted(metadata: AttachmentMetadata): void {\n    this._emitter.emit('uploadComplete', this.id, metadata);\n  }\n  notifyUploadFailed(message: string): void {\n    this._emitter.emit('uploadFail', this.id, message);\n  }\n  on(event: 'uploadProgressChange', listener: UploadProgressListener): void;\n  on(event: 'uploadComplete', listener: UploadCompleteListener): void;\n  on(event: 'uploadFail', listener: UploadFailedListener): void;\n  /**\n   * File upload event subscriber.\n   * @param event - {@link FileUploadEvents}\n   * @param listener - {@link FileUploadEventListener}\n   */\n  on(event: FileUploadEvents, listener: FileUploadEventListener): void {\n    this._emitter.addListener(event, listener);\n  }\n  off(event: 'uploadProgressChange', listener: UploadProgressListener): void;\n  off(event: 'uploadComplete', listener: UploadCompleteListener): void;\n  off(event: 'uploadFail', listener: UploadFailedListener): void;\n  /**\n   * File upload event unsubscriber.\n   * @param event - {@link FileUploadEvents}\n   * @param listener - {@link FileUploadEventListener}\n   */\n  off(event: FileUploadEvents, listener: FileUploadEventListener): void {\n    this._emitter.removeListener(event, listener);\n  }\n}\nexport type { AttachmentMetadata, FileUploadHandler, FileUploadManager, FileUploadState, FileUploadError };\n\n/**\n * Events emitted by the FileUpload class.\n * @beta\n */\ntype FileUploadEvents = 'uploadProgressChange' | 'uploadComplete' | 'uploadFail';\n\n/**\n * Events listeners supported by the FileUpload class.\n * @beta\n */\ntype FileUploadEventListener = UploadProgressListener | UploadCompleteListener | UploadFailedListener;\n\n/**\n * Listener for `uploadProgressed` event.\n * @beta\n */\ntype UploadProgressListener = (id: string, value: number) => void;\n/**\n * Listener for `uploadComplete` event.\n * @beta\n */\ntype UploadCompleteListener = (id: string, metadata: AttachmentMetadata) => void;\n/**\n * Listener for `uploadFailed` event.\n * @beta\n */\ntype UploadFailedListener = (id: string, message: string) => void;\n\n/**\n * @beta\n */\ninterface FileUploadEventEmitter {\n  /**\n   * Subscriber function for `uploadProgressed` event.\n   */\n  on(event: 'uploadProgressChange', listener: UploadProgressListener): void;\n  /**\n   * Subscriber function for `uploadComplete` event.\n   */\n  on(event: 'uploadComplete', listener: UploadCompleteListener): void;\n  /**\n   * Subscriber function for `uploadFailed` event.\n   */\n  on(event: 'uploadFail', listener: UploadFailedListener): void;\n\n  /**\n   * Unsubscriber function for `uploadProgressed` event.\n   */\n  off(event: 'uploadProgressChange', listener: UploadProgressListener): void;\n  /**\n   * Unsubscriber function for `uploadComplete` event.\n   */\n  off(event: 'uploadComplete', listener: UploadCompleteListener): void;\n  /**\n   * Unsubscriber function for `uploadFailed` event.\n   */\n  off(event: 'uploadFail', listener: UploadFailedListener): void;\n}"]}

package/dist/dist-esm/react-composites/src/composites/ChatComposite/file-sharing/FileUploadButton.d.ts

@@ -0,0 +1,36 @@
+/// <reference types="react" />
+/**
+ * Props for {@link FileUploadButton} component.
+ * @internal
+ */
+export interface FileUploadButtonProps {
+    /**
+     * A string containing the comma separated list of accepted file types.
+     * Similar to the `accept` attribute of the `<input type="file" />` element.
+     */
+    accept?: string;
+    /**
+     * Allows multiple files to be selected if set to `true`.
+     * Default value is `false`.
+     * Similar to the `multiple` attribute of the `<input type="file" />` element.
+     */
+    multiple?: boolean;
+    /**
+     * onChange handler for the file upload button.
+     * Similar to the `onChange` attribute of the `<input type="file" />` element.
+     * Called every time files are selected through the file upload button with a {@link FileList}
+     * of selected files.
+     */
+    onChange?: (files: FileList | null) => void;
+}
+/**
+ * @internal
+ */
+export declare const FileUploadButton: (props: FileUploadButtonProps) => JSX.Element;
+/**
+ * A wrapper to return {@link FileUploadButton} component conditionally.
+ * It will return `<></>` for stable builds.
+ * @internal
+ */
+export declare const FileUploadButtonWrapper: (props: Pick<FileUploadButtonProps, 'accept' | 'multiple' | 'onChange'>) => JSX.Element;
+//# sourceMappingURL=FileUploadButton.d.ts.map

package/dist/dist-esm/react-composites/src/composites/ChatComposite/file-sharing/{AttachmentUploadButton.js → FileUploadButton.js}

@@ -3,18 +3,16 @@
 import { IconButton, mergeStyles, Stack, useTheme } from '@fluentui/react';
 import React from 'react';
 import { ChatCompositeIcon } from '../../common/icons';
-/* @conditional-compile-remove(attachment-upload) */
+/* @conditional-compile-remove(file-sharing) */
 import { useLocale } from '../../localization';
 /**
  * @internal
  */
-export const AttachmentUploadButton = (props) => {
+export const FileUploadButton = (props) => {
     const inputRef = React.useRef(null);
     const theme = useTheme();
-    // default supportedMediaTypes is ['*'], meaning all media types are supported.
-    // default disableMultipleUploads is false, meaning multiple files can be selected.
-    const { supportedMediaTypes = ['*'], disableMultipleUploads = false, onChange } = props;
-    const attachmentUploadButtonClassName = mergeStyles({
+    const { accept, multiple = false, onChange } = props;
+    const fileUploadButtonClassName = mergeStyles({
         width: '1.5rem',
         height: '1.5rem',
         cursor: 'pointer',
@@ -32,43 +30,38 @@ export const AttachmentUploadButton = (props) => {
             background: 'transparent'
         }
     });
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Stack, { verticalAlign: "center", horizontalAlign: "center", className: attachmentUploadButtonClassName, onClick: () => {
+    return React.createElement(React.Fragment, null,
+        React.createElement(Stack, { verticalAlign: "center", horizontalAlign: "center", className: fileUploadButtonClassName, onClick: () => {
                 var _a;
                 (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.click();
             } },
-            React.createElement(IconButton, { className: iconButtonClassName, ariaLabel: uploadAttachmentButtonStringTrampoline() },
+            React.createElement(IconButton, { className: iconButtonClassName, ariaLabel: uploadFileButtonStringTrampoline() },
                 React.createElement(SendBoxAttachFileIconTrampoline, null))),
-        React.createElement("input", { ref: inputRef, hidden: true, multiple: !disableMultipleUploads, accept: supportedMediaTypes.join(','), type: "file", onClick: (e) => {
+        React.createElement("input", { ref: inputRef, hidden: true, multiple: multiple, accept: accept, type: "file", onClick: e => {
                 // To ensure that `onChange` is fired even if the same file is picked again.
                 e.currentTarget.value = '';
-            }, onChange: (e) => {
+            }, onChange: e => {
                 onChange && onChange(e.currentTarget.files);
-            } })));
+            } }));
 };
 const SendBoxAttachFileIconTrampoline = () => {
-    // @conditional-compile-remove(attachment-upload)
+    // @conditional-compile-remove(file-sharing)
     return React.createElement(ChatCompositeIcon, { iconName: "SendBoxAttachFile" });
     // Return _some_ available icon, as the real icon is beta-only.
     return React.createElement(ChatCompositeIcon, { iconName: "EditBoxCancel" });
 };
 /**
- * A wrapper to return {@link AttachmentUploadButton} component conditionally.
+ * A wrapper to return {@link FileUploadButton} component conditionally.
  * It will return `<></>` for stable builds.
  * @internal
  */
-export const AttachmentUploadButtonWrapper = (
-// To make conditional compilation not throw errors.
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-props) => {
-    return (React.createElement(React.Fragment, null, 
-    /* @conditional-compile-remove(attachment-upload) */
-    React.createElement(AttachmentUploadButton, Object.assign({}, props))));
+export const FileUploadButtonWrapper = (props) => {
+    return React.createElement(React.Fragment, null, /* @conditional-compile-remove(file-sharing) */ React.createElement(FileUploadButton, Object.assign({}, props)));
 };
-const uploadAttachmentButtonStringTrampoline = () => {
-    //@conditional-compile-remove(attachment-upload)
+const uploadFileButtonStringTrampoline = () => {
+    //@conditional-compile-remove(file-sharing)
     //eslint-disable-next-line react-hooks/rules-of-hooks
-    return useLocale().strings.chat.uploadAttachment;
+    return useLocale().strings.chat.uploadFile;
     return '';
 };
-//# sourceMappingURL=AttachmentUploadButton.js.map
+//# sourceMappingURL=FileUploadButton.js.map

package/dist/dist-esm/react-composites/src/composites/ChatComposite/file-sharing/FileUploadButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploadButton.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/ChatComposite/file-sharing/FileUploadButton.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3E,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AACvD,+CAA+C;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AA2B/C;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAA4B,EAAe,EAAE;IAC5E,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAmB,IAAI,CAAC,CAAC;IACtD,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,EACJ,MAAM,EACN,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACT,GAAG,KAAK,CAAC;IACV,MAAM,yBAAyB,GAAG,WAAW,CAAC;QAC5C,KAAK,EAAE,QAAQ;QACf,MAAM,EAAE,QAAQ;QAChB,MAAM,EAAE,SAAS;QACjB,OAAO,EAAE,SAAS;QAClB,QAAQ,EAAE;YACR,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc;SAC9C;KACF,CAAC,CAAC;IACH,MAAM,mBAAmB,GAAG,WAAW,CAAC;QACtC,KAAK,EAAE,OAAO;QACd,KAAK,EAAE,QAAQ;QACf,MAAM,EAAE,QAAQ;QAChB,QAAQ,EAAE;YACR,KAAK,EAAE,OAAO;YACd,UAAU,EAAE,aAAa;SAC1B;KACF,CAAC,CAAC;IACH,OAAO;QACH,oBAAC,KAAK,IAAC,aAAa,EAAC,QAAQ,EAAC,eAAe,EAAC,QAAQ,EAAC,SAAS,EAAE,yBAAyB,EAAE,OAAO,EAAE,GAAG,EAAE;;gBAC3G,MAAA,QAAQ,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;YAC5B,CAAC;YACG,oBAAC,UAAU,IAAC,SAAS,EAAE,mBAAmB,EAAE,SAAS,EAAE,gCAAgC,EAAE;gBACvF,oBAAC,+BAA+B,OAAG,CACxB,CACP;QACR,+BAAO,GAAG,EAAE,QAAQ,EAAE,MAAM,QAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,CAAC,CAAC,EAAE;gBAC1F,4EAA4E;gBAC5E,CAAC,CAAC,aAAa,CAAC,KAAK,GAAG,EAAE,CAAC;YAC7B,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE;gBACf,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAC9C,CAAC,GAAI,CACF,CAAC;AACR,CAAC,CAAC;AACF,MAAM,+BAA+B,GAAG,GAAgB,EAAE;IACxD,4CAA4C;IAC5C,OAAO,oBAAC,iBAAiB,IAAC,QAAQ,EAAC,mBAAmB,GAAG,CAAC;IAC1D,+DAA+D;IAC/D,OAAO,oBAAC,iBAAiB,IAAC,QAAQ,EAAC,eAAe,GAAG,CAAC;AACxD,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,KAAsE,EAAe,EAAE;IAC7H,OAAO,0CACF,+CAA+C,CAClD,oBAAC,gBAAgB,oBAAK,KAAK,EAAI,CAC5B,CAAC;AACR,CAAC,CAAC;AACF,MAAM,gCAAgC,GAAG,GAAW,EAAE;IACpD,2CAA2C;IAC3C,qDAAqD;IACrD,OAAO,SAAS,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC;IAC3C,OAAO,EAAE,CAAC;AACZ,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IconButton, mergeStyles, Stack, useTheme } from '@fluentui/react';\nimport React from 'react';\nimport { ChatCompositeIcon } from '../../common/icons';\n/* @conditional-compile-remove(file-sharing) */\nimport { useLocale } from '../../localization';\n\n/**\n * Props for {@link FileUploadButton} component.\n * @internal\n */\nexport interface FileUploadButtonProps {\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   */\n  accept?: string;\n  /**\n   * Allows multiple files to be selected if set to `true`.\n   * Default value is `false`.\n   * Similar to the `multiple` attribute of the `<input type=\"file\" />` element.\n   */\n  multiple?: boolean;\n  /**\n   * onChange handler for the file upload button.\n   * Similar to the `onChange` attribute of the `<input type=\"file\" />` element.\n   * Called every time files are selected through the file upload button with a {@link FileList}\n   * of selected files.\n   */\n  onChange?: (files: FileList | null) => void;\n}\n\n/**\n * @internal\n */\nexport const FileUploadButton = (props: FileUploadButtonProps): JSX.Element => {\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  const theme = useTheme();\n  const {\n    accept,\n    multiple = false,\n    onChange\n  } = props;\n  const fileUploadButtonClassName = mergeStyles({\n    width: '1.5rem',\n    height: '1.5rem',\n    cursor: 'pointer',\n    padding: '0.15rem',\n    ':hover': {\n      backgroundColor: theme.palette.neutralLighter\n    }\n  });\n  const iconButtonClassName = mergeStyles({\n    color: 'unset',\n    width: '1.5rem',\n    height: '1.5rem',\n    ':hover': {\n      color: 'unset',\n      background: 'transparent'\n    }\n  });\n  return <>\n      <Stack verticalAlign=\"center\" horizontalAlign=\"center\" className={fileUploadButtonClassName} onClick={() => {\n      inputRef.current?.click();\n    }}>\n        <IconButton className={iconButtonClassName} ariaLabel={uploadFileButtonStringTrampoline()}>\n          <SendBoxAttachFileIconTrampoline />\n        </IconButton>\n      </Stack>\n      <input ref={inputRef} hidden multiple={multiple} accept={accept} type=\"file\" onClick={e => {\n      // To ensure that `onChange` is fired even if the same file is picked again.\n      e.currentTarget.value = '';\n    }} onChange={e => {\n      onChange && onChange(e.currentTarget.files);\n    }} />\n    </>;\n};\nconst SendBoxAttachFileIconTrampoline = (): JSX.Element => {\n  // @conditional-compile-remove(file-sharing)\n  return <ChatCompositeIcon iconName=\"SendBoxAttachFile\" />;\n  // Return _some_ available icon, as the real icon is beta-only.\n  return <ChatCompositeIcon iconName=\"EditBoxCancel\" />;\n};\n\n/**\n * A wrapper to return {@link FileUploadButton} component conditionally.\n * It will return `<></>` for stable builds.\n * @internal\n */\nexport const FileUploadButtonWrapper = (props: Pick<FileUploadButtonProps, 'accept' | 'multiple' | 'onChange'>): JSX.Element => {\n  return <>\n      {/* @conditional-compile-remove(file-sharing) */\n    <FileUploadButton {...props} />}\n    </>;\n};\nconst uploadFileButtonStringTrampoline = (): string => {\n  //@conditional-compile-remove(file-sharing)\n  //eslint-disable-next-line react-hooks/rules-of-hooks\n  return useLocale().strings.chat.uploadFile;\n  return '';\n};"]}