@azure/communication-react 1.14.0 → 1.14.1-alpha-202403261958

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

@@ -1,4 +1,160 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-export {};
+/* @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

@@ -1 +1 @@
-{"version":3,"file":"AzureCommunicationFileUploadAdapter.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/ChatComposite/adapter/AzureCommunicationFileUploadAdapter.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { AttachmentMetadata } from '@internal/react-components';\nimport { FileUploadManager, FileUploadState } from '../file-sharing';\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}"]}
+{"version":3,"file":"AzureCommunicationFileUploadAdapter.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/ChatComposite/adapter/AzureCommunicationFileUploadAdapter.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAIlC,+CAA+C;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,+CAA+C;AAC/C,OAAO,EAAuB,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAyBlE,+CAA+C;AAC/C;;GAEG;AACH,MAAM,iBAAiB;IAGrB,YAAY,WAAwB;QAClC,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;IACjC,CAAC;IAEM,cAAc;QACnB,OAAO,IAAI,CAAC,WAAW,CAAC,QAAQ,EAAE,CAAC,WAAW,CAAC;IACjD,CAAC;IAEM,cAAc,CAAC,WAAyB;QAC7C,MAAM,cAAc,GAAG,+CAA+C,CAAC,WAAW,CAAC,CAAC;QACpF,IAAI,CAAC,WAAW,CAAC,QAAQ,CACvB,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,EAAE,EAAE,CAAC,KAAK,EAAE,EAAE;YAC7C,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,WAAW,IAAI,EAAE,CAAC;YAC5C,KAAK,CAAC,WAAW,mCAAQ,KAAK,CAAC,WAAW,GAAK,cAAc,CAAE,CAAC;QAClE,CAAC,CAAC,CACH,CAAC;IACJ,CAAC;IAEM,gBAAgB;QACrB,IAAI,CAAC,WAAW,CAAC,QAAQ,CACvB,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,EAAE,EAAE,CAAC,KAAuB,EAAE,EAAE;YAC/D,KAAK,CAAC,WAAW,GAAG,EAAE,CAAC;QACzB,CAAC,CAAC,CACH,CAAC;IACJ,CAAC;IAEM,gBAAgB,CAAC,EAAU,EAAE,IAAuE;QACzG,IAAI,CAAC,WAAW,CAAC,QAAQ,CACvB,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,EAAE,EAAE,CAAC,KAAuB,EAAE,EAAE;;YAC/D,IAAI,MAAA,KAAK,CAAC,WAAW,0CAAG,EAAE,CAAC,EAAE,CAAC;gBAC5B,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,mCAChB,MAAA,KAAK,CAAC,WAAW,0CAAG,EAAE,CAAC,GACvB,IAAI,CACR,CAAC;YACJ,CAAC;QACH,CAAC,CAAC,CACH,CAAC;IACJ,CAAC;IAEM,iBAAiB,CAAC,GAAa;QACpC,IAAI,CAAC,WAAW,CAAC,QAAQ,CACvB,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,EAAE,EAAE,CAAC,KAAuB,EAAE,EAAE;YAC/D,GAAG,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE;;gBACV,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,+CAAG,EAAE,CAAC,CAAC;YAClC,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CACH,CAAC;IACJ,CAAC;CACF;AAED,+CAA+C;AAC/C;;GAEG;AACH,MAAM,OAAO,mCAAmC;IAI9C,YAAY,WAAwB;QAF5B,gBAAW,GAAiB,EAAE,CAAC;QAGrC,IAAI,CAAC,OAAO,GAAG,IAAI,iBAAiB,CAAC,WAAW,CAAC,CAAC;IACpD,CAAC;IAEO,cAAc,CAAC,EAAU;QAC/B,OAAO,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,UAAU,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IACrE,CAAC;IAEO,iBAAiB,CAAC,GAAa;QACrC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC;QACzF,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC;IACtC,CAAC;IAEO,0BAA0B;QAChC,MAAM,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,cAAc,EAAE,IAAI,EAAE,CAAC;QACxD,MAAM,GAAG,GAAG,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC;aACnC,MAAM,CAAC,CAAC,IAAqB,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC;aAC7C,GAAG,CAAC,CAAC,IAAqB,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAE3C,GAAG,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE;YACjB,MAAM,UAAU,GAAG,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;YAC3C,IAAI,CAAC,oBAAoB,CAAC,UAAU,CAAC,CAAC;QACxC,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC;IAC9B,CAAC;IAEO,mBAAmB,CAAC,KAAoC;QAC9D,IAAI,CAAC,0BAA0B,EAAE,CAAC;QAClC,MAAM,WAAW,GAAiB,EAAE,CAAC;QACrC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAChE,WAAW,CAAC,OAAO,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,IAAI,CAAC,kBAAkB,CAAC,UAAU,CAAC,CAAC,CAAC;QACzE,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;QACxD,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;QACzC,OAAO,WAAW,CAAC;IACrB,CAAC;IAED,yBAAyB,CAAC,KAAa;QACrC,OAAO,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC;IACzC,CAAC;IAED,4BAA4B,CAAC,QAA8B;QACzD,OAAO,IAAI,CAAC,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAC5C,CAAC;IAED,gBAAgB;QACd,IAAI,CAAC,OAAO,CAAC,gBAAgB,EAAE,CAAC;QAChC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,IAAI,CAAC,oBAAoB,CAAC,UAAU,CAAC,CAAC,CAAC;QAChF,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;IACxB,CAAC;IAED,gBAAgB,CAAC,EAAU;QACzB,IAAI,CAAC,0BAA0B,EAAE,CAAC;QAClC,MAAM,UAAU,GAAG,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;QAC3C,IAAI,CAAC,oBAAoB,CAAC,UAAU,CAAC,CAAC;QACtC,IAAI,CAAC,iBAAiB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC/B,CAAC;IAED,wBAAwB,CAAC,EAAU,EAAE,QAAgB;QACnD,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC;IAClD,CAAC;IAED,4BAA4B,CAAC,EAAU,EAAE,YAAoB;QAC3D,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,EAAE,EAAE;YAChC,KAAK,EAAE;gBACL,OAAO,EAAE,YAAY;gBACrB,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE;aACtB;SACF,CAAC,CAAC;IACL,CAAC;IAED,wBAAwB,CAAC,EAAU,EAAE,QAA4B;QAC/D,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC;IAC/D,CAAC;IAEO,kBAAkB,CAAC,UAAsB;QAC/C,UAAU,CAAC,EAAE,CAAC,sBAAsB,EAAE,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAChF,UAAU,CAAC,EAAE,CAAC,gBAAgB,EAAE,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAC1E,UAAU,CAAC,EAAE,CAAC,YAAY,EAAE,IAAI,CAAC,4BAA4B,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAC5E,CAAC;IAEO,oBAAoB,CAAC,UAAuB;QAClD,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,GAAG,CAAC,sBAAsB,EAAE,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAClF,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,GAAG,CAAC,gBAAgB,EAAE,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAC5E,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,GAAG,CAAC,YAAY,EAAE,IAAI,CAAC,4BAA4B,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAC9E,CAAC;CACF;AAED,+CAA+C;AAC/C;;;GAGG;AACH,MAAM,CAAC,MAAM,0CAA0C,GAAG,CACxD,WAAgC,EACC,EAAE;IACnC,IAAI,WAAW,EAAE,CAAC;QAChB,MAAM,YAAY,GAAyB,EAAE,CAAC;QAC9C,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;YACvC,MAAM,IAAI,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC;YAC9B,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACjC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YACnC,CAAC;QACH,CAAC,CAAC,CAAC;QACH,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC5B,OAAO,EAAE,mBAAmB,EAAE,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,EAAE,CAAC;QAC/D,CAAC;IACH,CAAC;IACD,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AAEF,+CAA+C;AAC/C;;GAEG;AACH,MAAM,+CAA+C,GAAG,CAAC,WAAyB,EAAsB,EAAE;IACxG,OAAO,WAAW,CAAC,MAAM,CAAC,CAAC,GAAuB,EAAE,UAAU,EAAE,EAAE;QAChE,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC,GAAG;YACnB,EAAE,EAAE,UAAU,CAAC,EAAE;YACjB,QAAQ,EAAE,UAAU,CAAC,QAAQ;YAC7B,QAAQ,EAAE,CAAC;YACX,QAAQ,EAAE,UAAU,CAAC,QAAQ;SAC9B,CAAC;QACF,OAAO,GAAG,CAAC;IACb,CAAC,EAAE,EAAE,CAAC,CAAC;AACT,CAAC,CAAC","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\n  constructor(chatContext: ChatContext) {\n    this.chatContext = chatContext;\n  }\n\n  public getFileUploads(): FileUploadsUiState | undefined {\n    return this.chatContext.getState().fileUploads;\n  }\n\n  public addFileUploads(fileUploads: FileUpload[]): void {\n    const fileUploadsMap = convertObservableFileUploadToFileUploadsUiState(fileUploads);\n    this.chatContext.setState(\n      produce(this.chatContext.getState(), (draft) => {\n        draft.fileUploads = draft.fileUploads || {};\n        draft.fileUploads = { ...draft.fileUploads, ...fileUploadsMap };\n      })\n    );\n  }\n\n  public clearFileUploads(): void {\n    this.chatContext.setState(\n      produce(this.chatContext.getState(), (draft: ChatAdapterState) => {\n        draft.fileUploads = {};\n      })\n    );\n  }\n\n  public updateFileUpload(id: string, data: Partial<Pick<FileUploadState, 'progress' | 'metadata' | 'error'>>): void {\n    this.chatContext.setState(\n      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  }\n\n  public deleteFileUploads(ids: string[]): void {\n    this.chatContext.setState(\n      produce(this.chatContext.getState(), (draft: ChatAdapterState) => {\n        ids.forEach((id) => {\n          delete draft?.fileUploads?.[id];\n        });\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\n  constructor(chatContext: ChatContext) {\n    this.context = new FileUploadContext(chatContext);\n  }\n\n  private findFileUpload(id: string): FileUpload | undefined {\n    return this.fileUploads.find((fileUpload) => fileUpload.id === id);\n  }\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\n  private deleteErroneousFileUploads(): void {\n    const fileUploads = this.context.getFileUploads() || {};\n    const ids = Object.values(fileUploads)\n      .filter((item: FileUploadState) => item.error)\n      .map((item: FileUploadState) => item.id);\n\n    ids.forEach((id) => {\n      const fileUpload = this.findFileUpload(id);\n      this.unsubscribeAllEvents(fileUpload);\n    });\n\n    this.deleteFileUploads(ids);\n  }\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\n  registerActiveFileUploads(files: File[]): FileUploadManager[] {\n    return this.registerFileUploads(files);\n  }\n\n  registerCompletedFileUploads(metadata: AttachmentMetadata[]): FileUploadManager[] {\n    return this.registerFileUploads(metadata);\n  }\n\n  clearFileUploads(): void {\n    this.context.clearFileUploads();\n    this.fileUploads.forEach((fileUpload) => this.unsubscribeAllEvents(fileUpload));\n    this.fileUploads = [];\n  }\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\n  updateFileUploadProgress(id: string, progress: number): void {\n    this.context.updateFileUpload(id, { 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\n  updateFileUploadMetadata(id: string, metadata: AttachmentMetadata): void {\n    this.context.updateFileUpload(id, { progress: 1, 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\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 = (\n  fileUploads?: FileUploadsUiState\n): 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 { fileSharingMetadata: JSON.stringify(fileMetadata) };\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};\n"]}

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

@@ -2,6 +2,8 @@ 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 { FileUploadAdapter, FileUploadsUiState } from './AzureCommunicationFileUploadAdapter';
+import { AttachmentMetadata } from "../../../../../react-components/src";
 /**
  * {@link ChatAdapter} state for pure UI purposes.
  *
@@ -9,6 +11,13 @@ import type { AdapterError, AdapterErrors, AdapterState, Disposable } from '../.
  */
 export type ChatAdapterUiState = {
     error?: Error;
+    /**
+     * Files being uploaded by a user in the current thread.
+     * Should be set to null once the upload is complete.
+     * Array of type {@link FileUploadsUiState}
+     * @beta
+     */
+    fileUploads?: FileUploadsUiState;
 };
 /**
  * {@link ChatAdapter} state inferred from Azure Communication Services backend.
@@ -65,7 +74,9 @@ export interface ChatAdapterThreadManagement {
     /**
      * Update a message content.
      */
-    updateMessage(messageId: string, content: string, metadata?: Record<string, string>): Promise<void>;
+    updateMessage(messageId: string, content: string, metadata?: Record<string, string>, options?: {
+        attachmentMetadata?: AttachmentMetadata[];
+    }): Promise<void>;
     /**
      * Delete a message in the thread.
      */
@@ -181,7 +192,7 @@ export interface ChatAdapterSubscribers {
  *
  * @public
  */
-export type ChatAdapter = ChatAdapterThreadManagement & AdapterState<ChatAdapterState> & Disposable & ChatAdapterSubscribers;
+export type ChatAdapter = ChatAdapterThreadManagement & AdapterState<ChatAdapterState> & Disposable & ChatAdapterSubscribers & 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":["../../../../../../../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/**\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};\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>): 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  /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */\n  /**\n   * Downloads a resource into the cache for the given message.\n   */\n  downloadResourceToCache(resourceDetails: ResourceDetails): Promise<void>;\n  /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */\n  /**\n   * Removes a resource from the cache for the given message.\n   */\n  removeResourceFromCache(resourceDetails: ResourceDetails): void;\n}\n/* @conditional-compile-remove(teams-inline-images-and-file-sharing) */\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;\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;"]}
+{"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(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(\n    messageId: string,\n    content: string,\n    metadata?: Record<string, string>,\n    /* @conditional-compile-remove(file-sharing) */\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(file-sharing) */\n  FileUploadAdapter;\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"]}

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

@@ -23,6 +23,8 @@ export const useAdapter = () => {
  * @private
  */
 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 {
         registerActiveFileUploads() {

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

@@ -1 +1 @@
-{"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,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 '../file-sharing';\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  // 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};"]}
+{"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,oBAAoB,GAAG,GAAsB,EAAE;IAC1D,+CAA+C;IAC/C,OAAO,UAAU,EAAE,CAAC;IACpB,iFAAiF;IACjF,OAAO;QACL,yBAAyB;YACvB,OAAO,EAAyB,CAAC;QACnC,CAAC;QACD,4BAA4B;YAC1B,OAAO,EAAyB,CAAC;QACnC,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};\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 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};\n"]}

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

@@ -1,71 +1,4 @@
-import { AttachmentMetadata } from "../../../../../react-components/src";
-/**
- * Contains the state attributes of a file upload like name, progress etc.
- * @beta
- */
-export interface FileUploadState {
-    /**
-     * Unique identifier for the file upload.
-     */
-    id: string;
-    /**
-     * Filename extracted from the {@link File} object.
-     * This attribute is used to render the filename if `metadata.name` is not available.
-     */
-    filename: string;
-    /**
-     * A number between 0 and 1 indicating the progress of the upload.
-     */
-    progress: number;
-    /**
-     * Metadata {@link AttachmentMetadata} containing information about the uploaded file.
-     */
-    metadata?: AttachmentMetadata;
-    /**
-     * Error message to be displayed to the user if the upload fails.
-     */
-    error?: FileUploadError;
-}
-/**
- * @beta
- * Error message to be displayed to the user if the upload fails.
- */
-export type FileUploadError = {
-    message: string;
-    timestamp: number;
-};
-/**
- * A wrapper object for a file that is being uploaded.
- * Allows managing file uploads by providing common functions for updating the
- * upload progress, canceling an upload, completing an upload etc.
- * @beta
- */
-export interface FileUploadManager {
-    /**
-     * Unique identifier for the file upload.
-     */
-    id: string;
-    /**
-     * HTML {@link File} object for the uploaded file.
-     */
-    file?: File;
-    /**
-     * Update the progress of the upload.
-     * @param value - number between 0 and 1
-     */
-    notifyUploadProgressChanged: (value: number) => void;
-    /**
-     * Mark the upload as complete.
-     * Requires the `metadata` param containing uploaded file information.
-     * @param metadata - {@link AttachmentMetadata}
-     */
-    notifyUploadCompleted: (metadata: AttachmentMetadata) => void;
-    /**
-     * Mark the upload as failed.
-     * @param message - An error message that can be displayed to the user.
-     */
-    notifyUploadFailed: (message: string) => void;
-}
+import { AttachmentMetadata, FileUploadHandler, FileUploadManager, FileUploadState, FileUploadError } from "../../../../../react-components/src";
 /**
  * A wrapper object for a file that is being uploaded.
  * Provides common functions for updating the upload progress, canceling an upload etc.
@@ -94,6 +27,7 @@ export declare class FileUpload implements FileUploadManager, FileUploadEventEmi
     off(event: 'uploadComplete', listener: UploadCompleteListener): void;
     off(event: 'uploadFail', listener: UploadFailedListener): void;
 }
+export type { AttachmentMetadata, FileUploadHandler, FileUploadManager, FileUploadState, FileUploadError };
 /**
  * Listener for `uploadProgressed` event.
  * @beta
@@ -138,5 +72,4 @@ interface FileUploadEventEmitter {
      */
     off(event: 'uploadFail', listener: UploadFailedListener): void;
 }
-export {};
 //# sourceMappingURL=FileUpload.d.ts.map

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

@@ -1 +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;AA6E/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 } from '@internal/react-components';\n\n/**\n * Contains the state attributes of a file upload like name, progress etc.\n * @beta\n */\nexport interface FileUploadState {\n  /**\n   * Unique identifier for the file upload.\n   */\n  id: string;\n\n  /**\n   * Filename extracted from the {@link File} object.\n   * This attribute is used to render the filename if `metadata.name` is not available.\n   */\n  filename: string;\n\n  /**\n   * A number between 0 and 1 indicating the progress of the upload.\n   */\n  progress: number;\n\n  /**\n   * Metadata {@link AttachmentMetadata} containing information about the uploaded file.\n   */\n  metadata?: AttachmentMetadata;\n\n  /**\n   * Error message to be displayed to the user if the upload fails.\n   */\n  error?: FileUploadError;\n}\n\n/**\n * @beta\n * Error message to be displayed to the user if the upload fails.\n */\nexport type FileUploadError = {\n  message: string;\n  timestamp: number;\n};\n\n/**\n * A wrapper object for a file that is being uploaded.\n * Allows managing file uploads by providing common functions for updating the\n * upload progress, canceling an upload, completing an upload etc.\n * @beta\n */\nexport interface FileUploadManager {\n  /**\n   * Unique identifier for the file upload.\n   */\n  id: string;\n  /**\n   * HTML {@link File} object for the uploaded file.\n   */\n  file?: File;\n  /**\n   * Update the progress of the upload.\n   * @param value - number between 0 and 1\n   */\n  notifyUploadProgressChanged: (value: number) => void;\n  /**\n   * Mark the upload as complete.\n   * Requires the `metadata` param containing uploaded file information.\n   * @param metadata - {@link AttachmentMetadata}\n   */\n  notifyUploadCompleted: (metadata: AttachmentMetadata) => void;\n  /**\n   * Mark the upload as failed.\n   * @param message - An error message that can be displayed to the user.\n   */\n  notifyUploadFailed: (message: string) => void;\n}\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}\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}"]}
+{"version":3,"file":"FileUpload.js","sourceRoot":"","sources":["../../../../../../../../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;AAS/D;;;;GAIG;AACH,MAAM,OAAO,UAAU;IAarB,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,GAAI,IAAsC,aAAtC,IAAI,uBAAJ,IAAI,CAAoC,IAAI,CAAC;QAC3D,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;IACvB,CAAC;IAED,2BAA2B,CAAC,KAAa;QACvC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,sBAAsB,EAAE,IAAI,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;IAC7D,CAAC;IAED,qBAAqB,CAAC,QAA4B;QAChD,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,gBAAgB,EAAE,IAAI,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC;IAC1D,CAAC;IAED,kBAAkB,CAAC,OAAe;QAChC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC;IACrD,CAAC;IAKD;;;;OAIG;IACH,EAAE,CAAC,KAAuB,EAAE,QAAiC;QAC3D,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;IAC7C,CAAC;IAKD;;;;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 {\n  AttachmentMetadata,\n  FileUploadHandler,\n  FileUploadManager,\n  FileUploadState,\n  FileUploadError\n} 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\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\n  notifyUploadProgressChanged(value: number): void {\n    this._emitter.emit('uploadProgressChange', this.id, value);\n  }\n\n  notifyUploadCompleted(metadata: AttachmentMetadata): void {\n    this._emitter.emit('uploadComplete', this.id, metadata);\n  }\n\n  notifyUploadFailed(message: string): void {\n    this._emitter.emit('uploadFail', this.id, message);\n  }\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\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}\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}\n"]}

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

@@ -3,6 +3,8 @@
 import { IconButton, mergeStyles, Stack, useTheme } from '@fluentui/react';
 import React from 'react';
 import { ChatCompositeIcon } from '../../common/icons';
+/* @conditional-compile-remove(file-sharing) */
+import { useLocale } from '../../localization';
 /**
  * @internal
  */
@@ -28,21 +30,23 @@ export const FileUploadButton = (props) => {
             background: 'transparent'
         }
     });
-    return React.createElement(React.Fragment, null,
+    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: uploadFileButtonStringTrampoline() },
                 React.createElement(SendBoxAttachFileIconTrampoline, null))),
-        React.createElement("input", { ref: inputRef, hidden: true, multiple: multiple, accept: accept, 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(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" });
 };
@@ -51,10 +55,18 @@ const SendBoxAttachFileIconTrampoline = () => {
  * It will return `<></>` for stable builds.
  * @internal
  */
-export const FileUploadButtonWrapper = (props) => {
-    return React.createElement(React.Fragment, null);
+export const FileUploadButtonWrapper = (
+// 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(file-sharing) */
+    React.createElement(FileUploadButton, Object.assign({}, props))));
 };
 const uploadFileButtonStringTrampoline = () => {
+    //@conditional-compile-remove(file-sharing)
+    //eslint-disable-next-line react-hooks/rules-of-hooks
+    return useLocale().strings.chat.uploadFile;
     return '';
 };
 //# sourceMappingURL=FileUploadButton.js.map

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

@@ -1 +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;AA0BvD;;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,+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,yCAEF,CAAC;AACR,CAAC,CAAC;AACF,MAAM,gCAAgC,GAAG,GAAW,EAAE;IACpD,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/**\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  // 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      {}\n    </>;\n};\nconst uploadFileButtonStringTrampoline = (): string => {\n  return '';\n};"]}
+{"version":3,"file":"FileUploadButton.js","sourceRoot":"","sources":["../../../../../../../../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,EAAE,MAAM,EAAE,QAAQ,GAAG,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAErD,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;IAEH,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;IAEH,OAAO,CACL;QACE,oBAAC,KAAK,IACJ,aAAa,EAAC,QAAQ,EACtB,eAAe,EAAC,QAAQ,EACxB,SAAS,EAAE,yBAAyB,EACpC,OAAO,EAAE,GAAG,EAAE;;gBACZ,MAAA,QAAQ,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;YAC5B,CAAC;YAED,oBAAC,UAAU,IAAC,SAAS,EAAE,mBAAmB,EAAE,SAAS,EAAE,gCAAgC,EAAE;gBACvF,oBAAC,+BAA+B,OAAG,CACxB,CACP;QACR,+BACE,GAAG,EAAE,QAAQ,EACb,MAAM,QACN,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gBACb,4EAA4E;gBAC5E,CAAC,CAAC,aAAa,CAAC,KAAK,GAAG,EAAE,CAAC;YAC7B,CAAC,EACD,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;gBACd,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAC9C,CAAC,GACD,CACD,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,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;AACrC,oDAAoD;AACpD,6DAA6D;AAC7D,KAAsE,EACzD,EAAE;IACf,OAAO,CACL;IAEI,+CAA+C;IAC/C,oBAAC,gBAAgB,oBAAK,KAAK,EAAI,CAEhC,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,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 { accept, multiple = false, onChange } = props;\n\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\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\n  return (\n    <>\n      <Stack\n        verticalAlign=\"center\"\n        horizontalAlign=\"center\"\n        className={fileUploadButtonClassName}\n        onClick={() => {\n          inputRef.current?.click();\n        }}\n      >\n        <IconButton className={iconButtonClassName} ariaLabel={uploadFileButtonStringTrampoline()}>\n          <SendBoxAttachFileIconTrampoline />\n        </IconButton>\n      </Stack>\n      <input\n        ref={inputRef}\n        hidden\n        multiple={multiple}\n        accept={accept}\n        type=\"file\"\n        onClick={(e) => {\n          // To ensure that `onChange` is fired even if the same file is picked again.\n          e.currentTarget.value = '';\n        }}\n        onChange={(e) => {\n          onChange && onChange(e.currentTarget.files);\n        }}\n      />\n    </>\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 = (\n  // To make conditional compilation not throw errors.\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  props: Pick<FileUploadButtonProps, 'accept' | 'multiple' | 'onChange'>\n): JSX.Element => {\n  return (\n    <>\n      {\n        /* @conditional-compile-remove(file-sharing) */\n        <FileUploadButton {...props} />\n      }\n    </>\n  );\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};\n"]}

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

@@ -1,6 +1,5 @@
 export * from './FileUpload';
 export * from './FileUploadButton';
-export * from './FileUploadHandler';
 /**
  * Metadata used for setting uploaded files by a user using chat composite in a group call.
  * @internal

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

@@ -2,5 +2,4 @@
 // Licensed under the MIT License.
 export * from './FileUpload';
 export * from './FileUploadButton';
-export * from './FileUploadHandler';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/ChatComposite/file-sharing/index.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nexport * from './FileUpload';\nexport * from './FileUploadButton';\nexport * from './FileUploadHandler';\n\n/**\n * Metadata used for setting uploaded files by a user using chat composite in a group call.\n * @internal\n */\nexport type FileSharingMetadata = {\n  fileSharingMetadata: string;\n};"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/ChatComposite/file-sharing/index.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nexport * from './FileUpload';\nexport * from './FileUploadButton';\n\n/**\n * Metadata used for setting uploaded files by a user using chat composite in a group call.\n * @internal\n */\nexport type FileSharingMetadata = {\n  fileSharingMetadata: string;\n};\n"]}

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

@@ -3,9 +3,9 @@ import { ChatAdapterState } from '../adapter/ChatAdapter';
 /**
  * @private
  */
-export declare const useAdaptedSelector: <SelectorT extends (state: ChatClientState, props: any) => any>(selector: SelectorT, selectorProps?: Parameters<SelectorT>[1] | undefined) => ReturnType<SelectorT>;
+export declare const useAdaptedSelector: <SelectorT extends (state: ChatClientState, props: any) => any>(selector: SelectorT, selectorProps?: Parameters<SelectorT>[1]) => ReturnType<SelectorT>;
 /**
  * @private
  */
-export declare const useSelectorWithAdaptation: <SelectorT extends (state: ReturnType<AdaptFuncT>, props: any) => any, AdaptFuncT extends (state: ChatAdapterState) => any>(selector: SelectorT, adaptState: AdaptFuncT, selectorProps?: Parameters<SelectorT>[1] | undefined) => ReturnType<SelectorT>;
+export declare const useSelectorWithAdaptation: <SelectorT extends (state: ReturnType<AdaptFuncT>, props: any) => any, AdaptFuncT extends (state: ChatAdapterState) => any>(selector: SelectorT, adaptState: AdaptFuncT, selectorProps?: Parameters<SelectorT>[1]) => ReturnType<SelectorT>;
 //# sourceMappingURL=useAdaptedSelector.d.ts.map

package/dist/dist-esm/react-composites/src/composites/ChatComposite/hooks/useAdaptedSelector.js

@@ -53,9 +53,7 @@ const memoizeState = memoizeOne((userId, displayName, threads, latestErrors) =>
     threads,
     latestErrors
 }));
-const memoizeThreads = memoizeOne((thread) => ({
-    [thread.threadId]: thread
-}));
+const memoizeThreads = memoizeOne((thread) => ({ [thread.threadId]: thread }));
 const adaptCompositeState = (compositeState) => {
     return memoizeState(compositeState.userId, compositeState.displayName, memoizeThreads(compositeState.thread), 
     // This is an unsafe type expansion.

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

@@ -1 +1 @@
-{"version":3,"file":"useAdaptedSelector.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/ChatComposite/hooks/useAdaptedSelector.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nimport { ChatClientState, ChatErrors, ChatThreadClientState } from '@internal/chat-stateful-client';\nimport { useState, useEffect, useRef, useMemo } from 'react';\nimport { ChatAdapterState } from '../adapter/ChatAdapter';\nimport { useAdapter } from '../adapter/ChatAdapterProvider';\nimport memoizeOne from 'memoize-one';\nimport { CommunicationIdentifierKind } from '@azure/communication-common';\n\n/**\n * @private\n */\nexport const useAdaptedSelector = <SelectorT extends (state: ChatClientState, props: any) => any,>(selector: SelectorT, selectorProps?: Parameters<SelectorT>[1]): ReturnType<SelectorT> => {\n  return useSelectorWithAdaptation(selector, adaptCompositeState, selectorProps);\n};\n\n/**\n * @private\n */\nexport const useSelectorWithAdaptation = <SelectorT extends (state: ReturnType<AdaptFuncT>, props: any) => any, AdaptFuncT extends (state: ChatAdapterState) => any>(selector: SelectorT, adaptState: AdaptFuncT, selectorProps?: Parameters<SelectorT>[1]): ReturnType<SelectorT> => {\n  const adapter = useAdapter();\n\n  // Keeps track of whether the current component is mounted or not. If it has unmounted, make sure we do not modify the\n  // state or it will cause React warnings in the console. https://skype.visualstudio.com/SPOOL/_workitems/edit/2453212\n  const mounted = useRef(false);\n  useEffect(() => {\n    mounted.current = true;\n    return () => {\n      mounted.current = false;\n    };\n  });\n  const threadId = adapter.getState().thread.threadId;\n  const threadConfigProps = useMemo(() => ({\n    threadId\n  }), [threadId]);\n  const [props, setProps] = useState(selector(adaptState(adapter.getState()), selectorProps ?? threadConfigProps));\n  const propRef = useRef(props);\n  propRef.current = props;\n  useEffect(() => {\n    const onStateChange = (state: ChatAdapterState): void => {\n      if (!mounted.current) {\n        return;\n      }\n      const newProps = selector(adaptState(state), selectorProps ?? threadConfigProps);\n      if (propRef.current !== newProps) {\n        setProps(newProps);\n      }\n    };\n    adapter.onStateChange(onStateChange);\n    return () => {\n      adapter.offStateChange(onStateChange);\n    };\n  }, [adaptState, adapter, selector, selectorProps, threadConfigProps]);\n  return props;\n};\nconst memoizeState = memoizeOne((userId: CommunicationIdentifierKind, displayName: string, threads: {\n  [key: string]: ChatThreadClientState;\n}, latestErrors: ChatErrors) => ({\n  userId,\n  displayName,\n  threads,\n  latestErrors\n}));\nconst memoizeThreads = memoizeOne((thread: ChatThreadClientState) => ({\n  [thread.threadId]: thread\n}));\nconst adaptCompositeState = (compositeState: ChatAdapterState): ChatClientState => {\n  return memoizeState(compositeState.userId, compositeState.displayName, memoizeThreads(compositeState.thread), (\n  // This is an unsafe type expansion.\n  // compositeState.latestErrors can contain properties that are not valid in ChatErrors.\n  //\n  // But there is no way to check for valid property names at runtime:\n  // - The set of valid property names is built from types in the @azure/communication-chat.\n  //   Thus we don't have a literal array of allowed strings at runtime.\n  // - Due to minification / uglification, the property names from the objects at runtime can't be used\n  //   to compare against permissible values inferred from the types.\n  //\n  // This is not a huge problem -- it simply means that our adapted selector will include some extra operations\n  // that are unknown to the UI component and data binding libraries. Generic handling of the errors (e.g.,\n  // just displaying them in some UI surface) will continue to work for these operations. Handling of\n  // specific operations (e.g., acting on errors related to permission issues) will ignore these operations.\n  compositeState.latestErrors as ChatErrors));\n};"]}
+{"version":3,"file":"useAdaptedSelector.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/ChatComposite/hooks/useAdaptedSelector.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nimport { ChatClientState, ChatErrors, ChatThreadClientState } from '@internal/chat-stateful-client';\nimport { useState, useEffect, useRef, useMemo } from 'react';\nimport { ChatAdapterState } from '../adapter/ChatAdapter';\nimport { useAdapter } from '../adapter/ChatAdapterProvider';\nimport memoizeOne from 'memoize-one';\nimport { CommunicationIdentifierKind } from '@azure/communication-common';\n\n/**\n * @private\n */\nexport const useAdaptedSelector = <SelectorT extends (state: ChatClientState, props: any) => any>(\n  selector: SelectorT,\n  selectorProps?: Parameters<SelectorT>[1]\n): ReturnType<SelectorT> => {\n  return useSelectorWithAdaptation(selector, adaptCompositeState, selectorProps);\n};\n\n/**\n * @private\n */\nexport const useSelectorWithAdaptation = <\n  SelectorT extends (state: ReturnType<AdaptFuncT>, props: any) => any,\n  AdaptFuncT extends (state: ChatAdapterState) => any\n>(\n  selector: SelectorT,\n  adaptState: AdaptFuncT,\n  selectorProps?: Parameters<SelectorT>[1]\n): ReturnType<SelectorT> => {\n  const adapter = useAdapter();\n\n  // Keeps track of whether the current component is mounted or not. If it has unmounted, make sure we do not modify the\n  // state or it will cause React warnings in the console. https://skype.visualstudio.com/SPOOL/_workitems/edit/2453212\n  const mounted = useRef(false);\n\n  useEffect(() => {\n    mounted.current = true;\n    return () => {\n      mounted.current = false;\n    };\n  });\n\n  const threadId = adapter.getState().thread.threadId;\n  const threadConfigProps = useMemo(\n    () => ({\n      threadId\n    }),\n    [threadId]\n  );\n\n  const [props, setProps] = useState(selector(adaptState(adapter.getState()), selectorProps ?? threadConfigProps));\n  const propRef = useRef(props);\n  propRef.current = props;\n\n  useEffect(() => {\n    const onStateChange = (state: ChatAdapterState): void => {\n      if (!mounted.current) {\n        return;\n      }\n      const newProps = selector(adaptState(state), selectorProps ?? threadConfigProps);\n      if (propRef.current !== newProps) {\n        setProps(newProps);\n      }\n    };\n    adapter.onStateChange(onStateChange);\n    return () => {\n      adapter.offStateChange(onStateChange);\n    };\n  }, [adaptState, adapter, selector, selectorProps, threadConfigProps]);\n  return props;\n};\n\nconst memoizeState = memoizeOne(\n  (\n    userId: CommunicationIdentifierKind,\n    displayName: string,\n    threads: { [key: string]: ChatThreadClientState },\n    latestErrors: ChatErrors\n  ) => ({\n    userId,\n    displayName,\n    threads,\n    latestErrors\n  })\n);\n\nconst memoizeThreads = memoizeOne((thread: ChatThreadClientState) => ({ [thread.threadId]: thread }));\n\nconst adaptCompositeState = (compositeState: ChatAdapterState): ChatClientState => {\n  return memoizeState(\n    compositeState.userId,\n    compositeState.displayName,\n    memoizeThreads(compositeState.thread),\n    // This is an unsafe type expansion.\n    // compositeState.latestErrors can contain properties that are not valid in ChatErrors.\n    //\n    // But there is no way to check for valid property names at runtime:\n    // - The set of valid property names is built from types in the @azure/communication-chat.\n    //   Thus we don't have a literal array of allowed strings at runtime.\n    // - Due to minification / uglification, the property names from the objects at runtime can't be used\n    //   to compare against permissible values inferred from the types.\n    //\n    // This is not a huge problem -- it simply means that our adapted selector will include some extra operations\n    // that are unknown to the UI component and data binding libraries. Generic handling of the errors (e.g.,\n    // just displaying them in some UI surface) will continue to work for these operations. Handling of\n    // specific operations (e.g., acting on errors related to permission issues) will ignore these operations.\n    compositeState.latestErrors as ChatErrors\n  );\n};\n"]}