npm - @azure/communication-react - Versions diffs - 1.11.0-alpha-202312150013 → 1.11.0 - Mend

@azure/communication-react 1.11.0-alpha-202312150013 → 1.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1047) hide show

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

@@ -1,157 +1,4 @@
 // 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) => {
-    const fileMetadata = [];
-    if (fileUploads) {
-        Object.keys(fileUploads).forEach((key) => {
-            const file = fileUploads[key];
-            if (!file.error && file.metadata) {
-                fileMetadata.push(file.metadata);
-            }
-        });
-    }
-    return { fileSharingMetadata: JSON.stringify(fileMetadata) };
-};
-/* @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;
-    }, {});
-};
+export {};
 //# sourceMappingURL=AzureCommunicationFileUploadAdapter.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AzureCommunicationFileUploadAdapter.js","sourceRoot":"","sources":["../../../../../../../../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 '../file-sharing';\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 = (fileUploads?: FileUploadsUiState): FileSharingMetadata => {\n const fileMetadata: AttachmentMetadata[] = [];\n if (fileUploads) {\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 }\n\n return { fileSharingMetadata: JSON.stringify(fileMetadata) };\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"]}
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}"]}

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

@@ -2,9 +2,6 @@ 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 { AttachmentDownloadResult } from "../../../../../react-components/src";
-import { AttachmentMetadata } from "../../../../../react-components/src";
 /**
  * {@link ChatAdapter} state for pure UI purposes.
  *
@@ -12,13 +9,6 @@ import { AttachmentMetadata } from "../../../../../react-components/src";
  */
 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.
@@ -75,9 +65,7 @@ export interface ChatAdapterThreadManagement {
     /**
      * Update a message content.
      */
-    updateMessage(messageId: string, content: string, metadata?: Record<string, string>, options?: {
-        attachmentMetadata?: AttachmentMetadata[];
-    }): Promise<void>;
+    updateMessage(messageId: string, content: string, metadata?: Record<string, string>): Promise<void>;
     /**
      * Delete a message in the thread.
      */
@@ -90,9 +78,6 @@ export interface ChatAdapterThreadManagement {
      *
      */
     loadPreviousChatMessages(messagesToLoad: number): Promise<boolean>;
-    downloadAttachments: (options: {
-        attachmentUrls: Record<string, string>;
-    }) => Promise<AttachmentDownloadResult[]>;
 }
 /**
  * Chat composite events that can be subscribed to.
@@ -162,7 +147,7 @@ export interface ChatAdapterSubscribers {
  *
  * @public
  */
-export type ChatAdapter = ChatAdapterThreadManagement & AdapterState<ChatAdapterState> & Disposable & ChatAdapterSubscribers & FileUploadAdapter;
+export type ChatAdapter = ChatAdapterThreadManagement & AdapterState<ChatAdapterState> & Disposable & ChatAdapterSubscribers;
 /**
  * Callback for {@link ChatAdapterSubscribers} 'messageReceived' event.
  *

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

	@@ -1 +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(file-sharing) /\nimport { FileUploadAdapter, FileUploadsUiState } from './AzureCommunicationFileUploadAdapter';\n/ @conditional-compile-remove(teams-inline-images-and-file-sharing) /\nimport { AttachmentDownloadResult } from '@internal/react-components';\n/ @conditional-compile-remove(file-sharing) / / @conditional-compile-remove(teams-inline-images-and-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 ~~/* @conditional-compile-remove(teams-inline-images-and-file-sharing) /\n downloadAttachments: (options: { attachmentUrls: Record<string, string>~~ }~~) => Promise<AttachmentDownloadResult[]>;\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 '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 '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} '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~~"]}
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}\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 '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 '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} '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.js CHANGED Viewed

@@ -23,8 +23,6 @@ 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 CHANGED Viewed

	@@ -1 +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,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 '../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};\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~~"]}
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};"]}

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

	@@ -1 +1 @@
1	- {"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;AA6E/D;;;;GAIG;AACH,MAAM,OAAO,UAAU;~~IAarB~~,YAAY,IAAyB;QACnC,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,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC;IAC5B,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 { AttachmentMetadata, FileMetadata } 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\n constructor(data: File \| FileMetadata) {\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 this.fileName = data.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\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"]}
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,IAAyB;QACnC,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,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC;IAC5B,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, FileMetadata } 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 \| FileMetadata) {\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 this.fileName = data.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}"]}

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

@@ -3,8 +3,6 @@
 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
  */
@@ -30,23 +28,21 @@ 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" });
 };
@@ -55,18 +51,10 @@ const SendBoxAttachFileIconTrampoline = () => {
  * It will return `<></>` for stable builds.
  * @internal
  */
-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))));
+export const FileUploadButtonWrapper = (props) => {
+    return React.createElement(React.Fragment, null);
 };
 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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"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~~"]}
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};"]}

package/dist/dist-esm/react-composites/src/composites/ChatComposite/file-sharing/FileUploadHandler.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FileUploadHandler.js","sourceRoot":"","sources":["~~../../../../../../../../~~react-composites/src/composites/ChatComposite/file-sharing/FileUploadHandler.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { FileUploadManager } from './FileUpload';\n\n/*\n @beta\n * A callback function for handling file uploads.\n \n @param userId - The user ID of the user uploading the file.\n * @param fileUploads - The list of uploaded files. Each file is represented by an {@link FileUpload} object.\n */\nexport type FileUploadHandler = (userId: string, fileUploads: FileUploadManager[]) => void~~;\n~~"]}
1	+ {"version":3,"file":"FileUploadHandler.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/ChatComposite/file-sharing/FileUploadHandler.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { FileUploadManager } from './FileUpload';\n\n/*\n @beta\n * A callback function for handling file uploads.\n \n @param userId - The user ID of the user uploading the file.\n * @param fileUploads - The list of uploaded files. Each file is represented by an {@link FileUpload} object.\n */\nexport type FileUploadHandler = (userId: string, fileUploads: FileUploadManager[]) => void;"]}

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

	@@ -1 +1 @@
1	- {"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;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}~~;\n~~"]}
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};"]}

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

@@ -53,7 +53,9 @@ 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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useAdaptedSelector.js","sourceRoot":"","sources":["~~../../../../../../../../~~react-composites/src/composites/ChatComposite/hooks/useAdaptedSelector.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAKlC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,UAAU,MAAM,aAAa,CAAC;AAGrC;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,~~CAChC~~,QAAmB,~~EACnB~~,aAAwC,~~EACjB~~,EAAE;~~IACzB~~,OAAO,yBAAyB,CAAC,QAAQ,EAAE,mBAAmB,EAAE,aAAa,CAAC,CAAC;AACjF,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,~~CAIvC~~,QAAmB,~~EACnB~~,UAAsB,~~EACtB~~,aAAwC,~~EACjB~~,EAAE;~~IACzB~~,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAE7B,sHAAsH;IACtH,qHAAqH;IACrH,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;~~IAE9B~~,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;QACvB,OAAO,GAAG,EAAE;YACV,OAAO,CAAC,OAAO,GAAG,KAAK,CAAC;QAC1B,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;~~IAEH~~,MAAM,QAAQ,GAAG,OAAO,CAAC,QAAQ,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC;IACpD,MAAM,iBAAiB,GAAG,OAAO,~~CAC/B~~,GAAG,EAAE,CAAC,CAAC;~~QACL~~,QAAQ;KACT,CAAC,~~EACF~~,CAAC,QAAQ,CAAC,~~CACX~~,CAAC;~~IAEF~~,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,UAAU,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,EAAE,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,iBAAiB,CAAC,CAAC,CAAC;IACjH,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC9B,OAAO,CAAC,OAAO,GAAG,KAAK,CAAC;~~IAExB~~,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,aAAa,GAAG,CAAC,KAAuB,EAAQ,EAAE;YACtD,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;gBACrB,OAAO;YACT,CAAC;YACD,MAAM,QAAQ,GAAG,QAAQ,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,iBAAiB,CAAC,CAAC;YACjF,IAAI,OAAO,CAAC,OAAO,KAAK,QAAQ,EAAE,CAAC;gBACjC,QAAQ,CAAC,QAAQ,CAAC,CAAC;YACrB,CAAC;QACH,CAAC,CAAC;QACF,OAAO,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;QACrC,OAAO,GAAG,EAAE;YACV,OAAO,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC;QACxC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,iBAAiB,CAAC,CAAC,CAAC;IACtE,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;~~AAEF~~,MAAM,YAAY,GAAG,UAAU,~~CAC7B~~,~~CACE~~,MAAmC,~~EACnC~~,WAAmB,~~EACnB~~,~~OAAiD~~,~~EACjD~~,YAAwB,~~EACxB~~,EAAE,CAAC,CAAC;~~IACJ~~,MAAM;IACN,WAAW;IACX,OAAO;IACP,YAAY;CACb,CAAC,~~CACH~~,CAAC;~~AAEF~~,MAAM,cAAc,GAAG,UAAU,CAAC,CAAC,MAA6B,EAAE,EAAE,CAAC,CAAC,~~EAAE,~~CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,MAAM,~~EAAE,~~CAAC,CAAC,CAAC;~~AAEtG~~,MAAM,mBAAmB,GAAG,CAAC,cAAgC,EAAmB,EAAE;IAChF,OAAO,YAAY,~~CACjB~~,cAAc,CAAC,MAAM,~~EACrB~~,cAAc,CAAC,WAAW,~~EAC1B~~,cAAc,CAAC,cAAc,CAAC,MAAM,CAAC;~~IACrC~~,oCAAoC;IACpC,uFAAuF;IACvF,EAAE;IACF,oEAAoE;IACpE,0FAA0F;IAC1F,sEAAsE;IACtE,qGAAqG;IACrG,mEAAmE;IACnE,EAAE;IACF,6GAA6G;IAC7G,yGAAyG;IACzG,mGAAmG;IACnG,0GAA0G;IAC1G,cAAc,CAAC,~~YAA0B~~,~~CAC1C~~,CAAC;~~AACJ~~,CAAC,CAAC","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~~"]}
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};"]}

package/dist/dist-esm/react-composites/src/composites/ChatComposite/hooks/useHandlers.js CHANGED Viewed

@@ -6,9 +6,7 @@ import { useAdapter } from '../adapter/ChatAdapterProvider';
  * @private
  */
 // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/explicit-function-return-type
-export const useHandlers = (
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-_component) => {
+export const useHandlers = (_component) => {
     return createCompositeHandlers(useAdapter());
 };
 const createCompositeHandlers = memoizeOne((adapter) => ({
@@ -20,10 +18,7 @@ const createCompositeHandlers = memoizeOne((adapter) => ({
     updateThreadTopicName: adapter.setTopic,
     onUpdateMessage: (messageId, content, options) => {
         const metadata = options === null || options === void 0 ? void 0 : options.metadata;
-        /* @conditional-compile-remove(file-sharing) */
-        const updatedOptions = (options === null || options === void 0 ? void 0 : options.attachmentMetadata) ? Object.assign({}, options.attachmentMetadata) : {};
-        return adapter.updateMessage(messageId, content, metadata,
-        /* @conditional-compile-remove(file-sharing) */ updatedOptions);
+        return adapter.updateMessage(messageId, content, metadata);
     },
     onDeleteMessage: adapter.deleteMessage
 }));

package/dist/dist-esm/react-composites/src/composites/ChatComposite/hooks/useHandlers.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useHandlers.js","sourceRoot":"","sources":["~~../../../../../../../../~~react-composites/src/composites/ChatComposite/hooks/useHandlers.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;~~AAMlC~~,OAAO,UAAU,MAAM,aAAa,CAAC;AAErC,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAE5D;;GAEG;AACH,+HAA+H;AAC/H,MAAM,CAAC,MAAM,WAAW,GAAG~~;AACzB~~,~~6DAA6D;AAC7D~~,UAAkD,~~EACU~~,EAAE;~~IAC9D~~,OAAO,uBAAuB,CAAC,UAAU,EAAE,CAAC,CAAC;AAC/C,CAAC,CAAC;~~AAEF~~,MAAM,uBAAuB,GAAG,UAAU,~~CACxC~~,CAAC,OAAoB,EAAgB,EAAE,CAAC,CAAC;~~IACvC~~,aAAa,EAAE,OAAO,CAAC,WAAW;IAClC,0BAA0B,EAAE,OAAO,CAAC,wBAAwB;IAC5D,aAAa,EAAE,OAAO,CAAC,eAAe;IACtC,QAAQ,EAAE,OAAO,CAAC,mBAAmB;IACrC,mBAAmB,EAAE,OAAO,CAAC,iBAAiB;IAC9C,qBAAqB,EAAE,OAAO,CAAC,QAAQ;IACvC,eAAe,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,OAAQ,EAAE,EAAE;QAChD,MAAM,QAAQ,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,CAAC;QACnC~~,+CAA+C;QAC/C~~,~~MAAM,cAAc,GAAG,CAAA,~~OAAO,~~aAAP,~~OAAO,~~uBAAP,OAAO,CAAE,kBAAkB,EAAC,~~CAAC,~~mBAAM~~,~~OAAO,~~CAAC,~~kBAAkB~~,~~EAAG,CAAC,CAAC,~~EAAE,~~CAAC;QAC5F,~~OAAO,~~OAAO~~,~~CAAC,aAAa,CAC1B,SAAS,EACT,OAAO,EACP,~~QAAQ~~;QACR,+CAA+C~~,CAAC,~~cAAc,CAC/D,~~CAAC;~~IACJ~~,CAAC;IACD,eAAe,EAAE,OAAO,CAAC,aAAa;CACvC,CAAC,~~CACH~~,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { CommonProperties } from '@internal/acs-ui-common';\nimport { ChatHandlers } from '@internal/chat-component-bindings';\n\nimport { ReactElement } from 'react';\nimport memoizeOne from 'memoize-one';\nimport { ChatAdapter } from '../adapter/ChatAdapter';\nimport { useAdapter } from '../adapter/ChatAdapterProvider';\n\n/*\n @private\n /\n// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/explicit-function-return-type\nexport const useHandlers = <PropsT>(~~\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n~~ _component: (props: PropsT) => ReactElement \| null\n): Pick<ChatHandlers, CommonProperties<ChatHandlers, PropsT>> => {\n return createCompositeHandlers(useAdapter());\n};\n\nconst createCompositeHandlers = memoizeOne(\n (adapter: ChatAdapter): ChatHandlers => ({\n onSendMessage: adapter.sendMessage,\n onLoadPreviousChatMessages: adapter.loadPreviousChatMessages,\n onMessageSeen: adapter.sendReadReceipt,\n onTyping: adapter.sendTypingIndicator,\n onRemoveParticipant: adapter.removeParticipant,\n updateThreadTopicName: adapter.setTopic,\n onUpdateMessage: (messageId, content, options?) => {\n const metadata = options?.metadata;\n ~~/ @conditional-compile-remove(file-sharing) /\n const updatedOptions = options?.attachmentMetadata ? { ...options.attachmentMetadata } : {};\n~~ return adapter.updateMessage(\n messageId~~,\n~~ content~~,\n~~ metadata~~,\n / @conditional-compile-remove(file-sharing~~) */ updatedOptions\n );\n },\n onDeleteMessage: adapter.deleteMessage\n })\n)~~;\n~~"]}
1	+ {"version":3,"file":"useHandlers.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/ChatComposite/hooks/useHandlers.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAKlC,OAAO,UAAU,MAAM,aAAa,CAAC;AAErC,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAE5D;;GAEG;AACH,+HAA+H;AAC/H,MAAM,CAAC,MAAM,WAAW,GAAG,CAAU,UAAkD,EAA8D,EAAE;IACrJ,OAAO,uBAAuB,CAAC,UAAU,EAAE,CAAC,CAAC;AAC/C,CAAC,CAAC;AACF,MAAM,uBAAuB,GAAG,UAAU,CAAC,CAAC,OAAoB,EAAgB,EAAE,CAAC,CAAC;IAClF,aAAa,EAAE,OAAO,CAAC,WAAW;IAClC,0BAA0B,EAAE,OAAO,CAAC,wBAAwB;IAC5D,aAAa,EAAE,OAAO,CAAC,eAAe;IACtC,QAAQ,EAAE,OAAO,CAAC,mBAAmB;IACrC,mBAAmB,EAAE,OAAO,CAAC,iBAAiB;IAC9C,qBAAqB,EAAE,OAAO,CAAC,QAAQ;IACvC,eAAe,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,OAAQ,EAAE,EAAE;QAChD,MAAM,QAAQ,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,CAAC;QACnC,OAAO,OAAO,CAAC,aAAa,CAAC,SAAS,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC;IAC7D,CAAC;IACD,eAAe,EAAE,OAAO,CAAC,aAAa;CACvC,CAAC,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { CommonProperties } from '@internal/acs-ui-common';\nimport { ChatHandlers } from '@internal/chat-component-bindings';\nimport { ReactElement } from 'react';\nimport memoizeOne from 'memoize-one';\nimport { ChatAdapter } from '../adapter/ChatAdapter';\nimport { useAdapter } from '../adapter/ChatAdapterProvider';\n\n/*\n @private\n */\n// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/explicit-function-return-type\nexport const useHandlers = <PropsT,>(_component: (props: PropsT) => ReactElement \| null): Pick<ChatHandlers, CommonProperties<ChatHandlers, PropsT>> => {\n return createCompositeHandlers(useAdapter());\n};\nconst createCompositeHandlers = memoizeOne((adapter: ChatAdapter): ChatHandlers => ({\n onSendMessage: adapter.sendMessage,\n onLoadPreviousChatMessages: adapter.loadPreviousChatMessages,\n onMessageSeen: adapter.sendReadReceipt,\n onTyping: adapter.sendTypingIndicator,\n onRemoveParticipant: adapter.removeParticipant,\n updateThreadTopicName: adapter.setTopic,\n onUpdateMessage: (messageId, content, options?) => {\n const metadata = options?.metadata;\n return adapter.updateMessage(messageId, content, metadata);\n },\n onDeleteMessage: adapter.deleteMessage\n}));"]}

package/dist/dist-esm/react-composites/src/composites/ChatComposite/hooks/usePropsFor.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"usePropsFor.js","sourceRoot":"","sources":["~~../../../../../../../../~~react-composites/src/composites/ChatComposite/hooks/usePropsFor.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,uDAAuD;AAEvD,OAAO,EAAE,eAAe,EAAiC,mDAA0C;~~AAEnG~~,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;~~AAK1D~~;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,~~CACzB~~,SAAoB,~~EAGI~~,EAAE;~~IAC1B~~,MAAM,QAAQ,GAAG,eAAe,CAAC,SAAS,CAAC,CAAC;IAC5C,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,MAAM,IAAI,KAAK,CAAC,8EAA8E,CAAC,CAAC;IAClG,CAAC;IACD,~~uCAAY~~,kBAAkB,~~CAAC~~,~~QAAoB~~,CAAC,~~GAAK~~,WAAW,CAAC,SAAS,CAAC,~~EAAG~~;~~AACpF~~,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* eslint-disable @typescript-eslint/no-explicit-any /\n\nimport { getChatSelector, ChatHandlers, GetChatSelector } from '@internal/chat-component-bindings';\n\nimport { useHandlers } from './useHandlers';\nimport { useAdaptedSelector } from './useAdaptedSelector';\nimport { Common } from '@internal/acs-ui-common';\n\ntype Selector = (state: any, props: any) => any;\n\n/\n @private\n */\nexport const usePropsFor = <Component extends (props: any) => JSX.Element>(\n component: Component\n): GetChatSelector<Component> extends Selector\n ? ReturnType<GetChatSelector<Component>> & Common<ChatHandlers, Parameters<Component>[0]~~>\n~~ : Record<string, never> => {\n const selector = getChatSelector(component);\n if (!selector) {\n throw new Error(\"Can't find the selector for component, please check supported component list\");\n }\n return { ...useAdaptedSelector(selector as Selector), ...useHandlers(component) };\n}~~;\n~~"]}
1	+ {"version":3,"file":"usePropsFor.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/ChatComposite/hooks/usePropsFor.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,uDAAuD;AAEvD,OAAO,EAAE,eAAe,EAAiC,mDAA0C;AACnG,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAI1D;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAiD,SAAoB,EAAiK,EAAE;IACjQ,MAAM,QAAQ,GAAG,eAAe,CAAC,SAAS,CAAC,CAAC;IAC5C,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,MAAM,IAAI,KAAK,CAAC,8EAA8E,CAAC,CAAC;IAClG,CAAC;IACD,uCACK,kBAAkB,CAAE,QAAqB,CAAC,GAC1C,WAAW,CAAC,SAAS,CAAC,EACzB;AACJ,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* eslint-disable @typescript-eslint/no-explicit-any /\n\nimport { getChatSelector, ChatHandlers, GetChatSelector } from '@internal/chat-component-bindings';\nimport { useHandlers } from './useHandlers';\nimport { useAdaptedSelector } from './useAdaptedSelector';\nimport { Common } from '@internal/acs-ui-common';\ntype Selector = (state: any, props: any) => any;\n\n/\n @private\n */\nexport const usePropsFor = <Component extends (props: any) => JSX.Element,>(component: Component): GetChatSelector<Component> extends Selector ? ReturnType<GetChatSelector<Component>> & Common<ChatHandlers, Parameters<Component>[0]> : Record<string, never> => {\n const selector = getChatSelector(component);\n if (!selector) {\n throw new Error(\"Can't find the selector for component, please check supported component list\");\n }\n return {\n ...useAdaptedSelector((selector as Selector)),\n ...useHandlers(component)\n };\n};"]}

package/dist/dist-esm/react-composites/src/composites/ChatComposite/index.d.ts CHANGED Viewed

@@ -1,11 +1,7 @@
 export { createAzureCommunicationChatAdapter, createAzureCommunicationChatAdapterFromClient, useAzureCommunicationChatAdapter } from './adapter/AzureCommunicationChatAdapter';
 export type { AzureCommunicationChatAdapterArgs } from './adapter/AzureCommunicationChatAdapter';
-export type { AzureCommunicationChatAdapterOptions } from './adapter/AzureCommunicationChatAdapter';
 export { ChatComposite } from './ChatComposite';
 export type { ChatCompositeProps, ChatCompositeOptions } from './ChatComposite';
 export type { ChatAdapter, ChatAdapterSubscribers, ChatAdapterThreadManagement, ChatCompositeClientState, ChatAdapterState, ChatAdapterUiState, MessageReadListener, MessageReceivedListener, MessageSentListener, ParticipantsAddedListener, ParticipantsRemovedListener, TopicChangedListener } from './adapter/ChatAdapter';
 export * from './Strings';
-export type { FileUploadHandler, FileUploadManager, FileUploadState, FileUploadError } from './file-sharing';
-export type { FileSharingOptions } from './ChatScreen';
-export type { FileUploadsUiState, FileUploadAdapter } from './adapter/AzureCommunicationFileUploadAdapter';
 //# sourceMappingURL=index.d.ts.map

package/dist/dist-esm/react-composites/src/composites/ChatComposite/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["~~../../../../../../../~~react-composites/src/composites/ChatComposite/index.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,~~EACL~~,mCAAmC,~~EACnC~~,6CAA6C,~~EAC7C~~,gCAAgC,~~EACjC~~,MAAM,yCAAyC,CAAC;~~AAIjD~~,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;~~AAkBhD~~,cAAc,WAAW,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nexport {\n createAzureCommunicationChatAdapter~~,\n~~ createAzureCommunicationChatAdapterFromClient~~,\n~~ useAzureCommunicationChatAdapter\n} from './adapter/AzureCommunicationChatAdapter';\nexport type { AzureCommunicationChatAdapterArgs } from './adapter/AzureCommunicationChatAdapter';\~~n/* @conditional-compile-remove(teams-inline-images-and-file-sharing) /\~~nexport ~~type~~ { ~~AzureCommunicationChatAdapterOptions } from './adapter/AzureCommunicationChatAdapter';\nexport {~~ ChatComposite } from './ChatComposite';\nexport type { ChatCompositeProps, ChatCompositeOptions } from './ChatComposite';\n\nexport type {\n ChatAdapter~~,\n~~ ChatAdapterSubscribers~~,\n~~ ChatAdapterThreadManagement~~,\n~~ ChatCompositeClientState~~,\n~~ ChatAdapterState~~,\n~~ ChatAdapterUiState~~,\n~~ MessageReadListener~~,\n~~ MessageReceivedListener~~,\n~~ MessageSentListener~~,\n~~ ParticipantsAddedListener~~,\n~~ ParticipantsRemovedListener~~,\n~~ TopicChangedListener\n} from './adapter/ChatAdapter';\n\nexport from './Strings';\n\n/* @conditional-compile-remove(file-sharing) /\nexport type { FileUploadHandler, FileUploadManager, FileUploadState, FileUploadError } from './file-sharing';\n/ @conditional-compile-remove(file-sharing) /\nexport type { FileSharingOptions } from './ChatScreen';\n/ @conditional-compile-remove(file-sharing) */\nexport type { FileUploadsUiState, FileUploadAdapter } from './adapter/AzureCommunicationFileUploadAdapter';\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-composites/src/composites/ChatComposite/index.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,mCAAmC,EAAE,6CAA6C,EAAE,gCAAgC,EAAE,MAAM,yCAAyC,CAAC;AAE/K,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGhD,cAAc,WAAW,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nexport { createAzureCommunicationChatAdapter, createAzureCommunicationChatAdapterFromClient, useAzureCommunicationChatAdapter } from './adapter/AzureCommunicationChatAdapter';\nexport type { AzureCommunicationChatAdapterArgs } from './adapter/AzureCommunicationChatAdapter';\nexport { ChatComposite } from './ChatComposite';\nexport type { ChatCompositeProps, ChatCompositeOptions } from './ChatComposite';\nexport type { ChatAdapter, ChatAdapterSubscribers, ChatAdapterThreadManagement, ChatCompositeClientState, ChatAdapterState, ChatAdapterUiState, MessageReadListener, MessageReceivedListener, MessageSentListener, ParticipantsAddedListener, ParticipantsRemovedListener, TopicChangedListener } from './adapter/ChatAdapter';\nexport * from './Strings';"]}

package/dist/dist-esm/react-composites/src/composites/ChatComposite/styles/Chat.styles.js CHANGED Viewed

@@ -82,8 +82,12 @@ export const topicNameLabelStyle = mergeStyles({
  * @private
  */
 export const messageThreadChatCompositeStyles = memoizeFunction((background) => ({
-    root: { maxWidth: MESSAGE_THREAD_WIDTH },
-    chatContainer: { background: background }
+    root: {
+        maxWidth: MESSAGE_THREAD_WIDTH
+    },
+    chatContainer: {
+        background: background
+    }
 }));
 /**
  * @private