@azure/communication-react 1.16.0-alpha-202405080011 → 1.16.0-alpha-202405132302

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

@@ -2,8 +2,7 @@ import type { ChatMessage, ChatParticipant, SendMessageOptions } from '@azure/co
 import type { CommunicationIdentifierKind, CommunicationUserKind } from '@azure/communication-common';
 import { ChatThreadClientState } from "../../../../../chat-stateful-client/src";
 import type { AdapterError, AdapterErrors, AdapterState, Disposable } from '../../common/adapters';
-import { _AttachmentUploadAdapter, _AttachmentUploadsUiState } from './AzureCommunicationAttachmentUploadAdapter';
-import { AttachmentMetadata } from "../../../../../react-components/src";
+import { MessageOptions } from "../../../../../acs-ui-common/src";
 /**
  * {@link ChatAdapter} state for pure UI purposes.
  *
@@ -11,14 +10,6 @@ import { AttachmentMetadata } from "../../../../../react-components/src";
  */
 export type ChatAdapterUiState = {
     error?: Error;
-    /**
-     * Attachments being uploaded by a user in the current thread.
-     * Should be set to null once the upload is complete.
-     * Array of type {@link _AttachmentUploadsUiState}
-     *
-     * @internal
-     */
-    _attachmentUploads?: _AttachmentUploadsUiState;
 };
 /**
  * {@link ChatAdapter} state inferred from Azure Communication Services backend.
@@ -54,12 +45,9 @@ export interface ChatAdapterThreadManagement {
     fetchInitialData(): Promise<void>;
     /**
      * Send a message in the thread.
+     * Please note that SendMessageOptions is being deprecated, please use MessageOptions instead.
      */
-    sendMessage(content: string, options?: SendMessageOptions): Promise<void>;
-    /**
-     * Send a message with attachments in the chat thread.
-     */
-    sendMessageWithAttachments(content: string, attachments: AttachmentMetadata[]): Promise<void>;
+    sendMessage(content: string, options?: SendMessageOptions | /* @conditional-compile-remove(attachment-upload) */ MessageOptions): Promise<void>;
     /**
      * Send a read receipt for a message.
      */
@@ -78,10 +66,9 @@ export interface ChatAdapterThreadManagement {
     setTopic(topicName: string): Promise<void>;
     /**
      * Update a message content.
+     * Please note that metadata is being deprecated, please use MessageOptions.metadata instead.
      */
-    updateMessage(messageId: string, content: string, metadata?: Record<string, string>, options?: {
-        attachmentMetadata?: AttachmentMetadata[];
-    }): Promise<void>;
+    updateMessage(messageId: string, content: string, options?: Record<string, string> | /* @conditional-compile-remove(attachment-upload) */ MessageOptions): Promise<void>;
     /**
      * Delete a message in the thread.
      */
@@ -197,7 +184,7 @@ export interface ChatAdapterSubscribers {
  *
  * @public
  */
-export type ChatAdapter = ChatAdapterThreadManagement & AdapterState<ChatAdapterState> & Disposable & ChatAdapterSubscribers & _AttachmentUploadAdapter;
+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

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

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

@@ -1,5 +1,4 @@
 import React from 'react';
-import { _AttachmentUploadAdapter } from './AzureCommunicationAttachmentUploadAdapter';
 import { ChatAdapter } from './ChatAdapter';
 /**
  * @private
@@ -16,9 +15,5 @@ export declare const ChatAdapterProvider: (props: ChatProviderProps) => JSX.Elem
  * @private
  */
 export declare const useAdapter: () => ChatAdapter;
-/**
- * @private
- */
-export declare const useAttachmentUploadAdapter: () => _AttachmentUploadAdapter;
 export {};
 //# sourceMappingURL=ChatAdapterProvider.d.ts.map

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

@@ -19,35 +19,4 @@ export const useAdapter = () => {
     }
     return adapter;
 };
-/**
- * @private
- */
-export const useAttachmentUploadAdapter = () => {
-    /* @conditional-compile-remove(attachment-upload) */
-    return useAdapter();
-    // A stub that short-circuits all logic because none of the fields are available.
-    return {
-        registerActiveUploads() {
-            return [];
-        },
-        registerCompletedUploads() {
-            return [];
-        },
-        cancelUpload() {
-            // noop
-        },
-        clearUploads() {
-            // noop
-        },
-        updateUploadStatusMessage() {
-            // noop
-        },
-        updateUploadProgress() {
-            // noop
-        },
-        updateUploadMetadata() {
-            // noop
-        }
-    };
-};
 //# sourceMappingURL=ChatAdapterProvider.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ChatAdapterProvider.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/ChatComposite/adapter/ChatAdapterProvider.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAazD,MAAM,kBAAkB,GAAG,aAAa,CAA0B,SAAS,CAAC,CAAC;AAE7E;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAAwB,EAAe,EAAE;IAC3E,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAC1B,OAAO,oBAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,IAAG,KAAK,CAAC,QAAQ,CAA+B,CAAC;AACrG,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,GAAgB,EAAE;IAC1C,MAAM,OAAO,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAC/C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,qDAAqD,CAAC;IAC9D,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,GAA6B,EAAE;IACvE,oDAAoD;IACpD,OAAO,UAAU,EAAE,CAAC;IACpB,iFAAiF;IACjF,OAAO;QACL,qBAAqB;YACnB,OAAO,EAA4B,CAAC;QACtC,CAAC;QACD,wBAAwB;YACtB,OAAO,EAA4B,CAAC;QACtC,CAAC;QACD,YAAY;YACV,OAAO;QACT,CAAC;QACD,YAAY;YACV,OAAO;QACT,CAAC;QACD,yBAAyB;YACvB,OAAO;QACT,CAAC;QACD,oBAAoB;YAClB,OAAO;QACT,CAAC;QACD,oBAAoB;YAClB,OAAO;QACT,CAAC;KACF,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React, { createContext, useContext } from 'react';\nimport { AttachmentUploadTask } from '@internal/react-components';\nimport { _AttachmentUploadAdapter } from './AzureCommunicationAttachmentUploadAdapter';\nimport { ChatAdapter } from './ChatAdapter';\n\n/**\n * @private\n */\ntype ChatProviderProps = {\n  children: React.ReactNode;\n  adapter: ChatAdapter;\n};\n\nconst ChatAdapterContext = createContext<ChatAdapter | undefined>(undefined);\n\n/**\n * @private\n */\nexport const ChatAdapterProvider = (props: ChatProviderProps): JSX.Element => {\n  const { adapter } = props;\n  return <ChatAdapterContext.Provider value={adapter}>{props.children}</ChatAdapterContext.Provider>;\n};\n\n/**\n * @private\n */\nexport const useAdapter = (): ChatAdapter => {\n  const adapter = useContext(ChatAdapterContext);\n  if (!adapter) {\n    throw 'Cannot find adapter please initialize before usage.';\n  }\n  return adapter;\n};\n\n/**\n * @private\n */\nexport const useAttachmentUploadAdapter = (): _AttachmentUploadAdapter => {\n  /* @conditional-compile-remove(attachment-upload) */\n  return useAdapter();\n  // A stub that short-circuits all logic because none of the fields are available.\n  return {\n    registerActiveUploads() {\n      return [] as AttachmentUploadTask[];\n    },\n    registerCompletedUploads() {\n      return [] as AttachmentUploadTask[];\n    },\n    cancelUpload() {\n      // noop\n    },\n    clearUploads() {\n      // noop\n    },\n    updateUploadStatusMessage() {\n      // noop\n    },\n    updateUploadProgress() {\n      // noop\n    },\n    updateUploadMetadata() {\n      // noop\n    }\n  };\n};\n"]}
+{"version":3,"file":"ChatAdapterProvider.js","sourceRoot":"","sources":["../../../../../../../../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;AAWzD,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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React, { createContext, useContext } from 'react';\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"]}

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

@@ -1,75 +1,80 @@
-import { AttachmentMetadata, AttachmentSelectionHandler, AttachmentUploadTask, AttachmentProgressError } from "../../../../../react-components/src";
+import { AttachmentUploadTask, AttachmentSelectionHandler, AttachmentActionHandler } from "../../../../../react-components/src";
+import { AttachmentMetadata, AttachmentMetadataInProgress, AttachmentProgressError } from "../../../../../acs-ui-common/src";
+/**
+ * @internal
+ */
+export interface AttachmentUpload extends AttachmentUploadTask {
+    metadata: AttachmentMetadataInProgress;
+}
+/**
+ * @private
+ */
+export declare enum AttachmentUploadActionType {
+    Set = "set",
+    Progress = "progress",
+    Completed = "completed",
+    Failed = "failed",
+    Remove = "remove",
+    Clear = "clear"
+}
 /**
- * A wrapper object for a attachments that is being uploaded.
- * Provides common functions for updating the upload progress, canceling an upload etc.
  * @private
  */
-export declare class AttachmentUpload implements AttachmentUploadTask, AttachmentUploadEventEmitter {
-    private _emitter;
-    readonly taskId: string;
-    readonly file?: File;
-    /**
-     * Name to be displayed in the UI during attachment upload.
-     */
-    readonly name: string;
-    /**
-     * Optional object of type {@link AttachmentMetadata}
-     */
-    metadata?: AttachmentMetadata;
-    constructor(data: File | AttachmentMetadata);
-    notifyUploadProgressChanged(value: number): void;
-    notifyUploadCompleted(id: string, url: string): void;
-    notifyUploadFailed(message: string): void;
-    on(event: 'uploadProgressChange', listener: UploadProgressListener): void;
-    on(event: 'uploadComplete', listener: UploadCompleteListener): void;
-    on(event: 'uploadFail', listener: UploadFailedListener): void;
-    off(event: 'uploadProgressChange', listener: UploadProgressListener): void;
-    off(event: 'uploadComplete', listener: UploadCompleteListener): void;
-    off(event: 'uploadFail', listener: UploadFailedListener): void;
+interface Action {
+    type: AttachmentUploadActionType;
 }
-export type { AttachmentMetadata, AttachmentSelectionHandler, AttachmentUploadTask, AttachmentProgressError };
 /**
- * Listener for `uploadProgressed` event.
- * @beta
+ * @private
  */
-type UploadProgressListener = (taskId: string, value: number) => void;
+interface SetAction extends Action {
+    type: AttachmentUploadActionType.Set;
+    newUploads: AttachmentUpload[];
+}
 /**
- * Listener for `uploadComplete` event.
- * @beta
+ * @private
  */
-type UploadCompleteListener = (taskId: string, attachmentId: string, attachmentUrl: string) => void;
+interface ProgressAction extends Action {
+    type: AttachmentUploadActionType.Progress;
+    taskId: string;
+    progress: number;
+}
 /**
- * Listener for `uploadFailed` event.
- * @beta
+ * @private
  */
-type UploadFailedListener = (taskId: string, message: string) => void;
+interface CompleteAction extends Action {
+    type: AttachmentUploadActionType.Completed;
+    taskId: string;
+    id: string;
+    url: string;
+}
 /**
- * @beta
+ * @private
  */
-interface AttachmentUploadEventEmitter {
-    /**
-     * Subscriber function for `uploadProgressed` event.
-     */
-    on(event: 'uploadProgressChange', listener: UploadProgressListener): void;
-    /**
-     * Subscriber function for `uploadComplete` event.
-     */
-    on(event: 'uploadComplete', listener: UploadCompleteListener): void;
-    /**
-     * Subscriber function for `uploadFailed` event.
-     */
-    on(event: 'uploadFail', listener: UploadFailedListener): void;
-    /**
-     * Unsubscriber function for `uploadProgressed` event.
-     */
-    off(event: 'uploadProgressChange', listener: UploadProgressListener): void;
-    /**
-     * Unsubscriber function for `uploadComplete` event.
-     */
-    off(event: 'uploadComplete', listener: UploadCompleteListener): void;
-    /**
-     * Unsubscriber function for `uploadFailed` event.
-     */
-    off(event: 'uploadFail', listener: UploadFailedListener): void;
+interface FailedAction extends Action {
+    type: AttachmentUploadActionType.Failed;
+    taskId: string;
+    message: string;
 }
+/**
+ * @private
+ */
+interface RemoveAction extends Action {
+    type: AttachmentUploadActionType.Remove;
+    id: string;
+}
+/**
+ * @private
+ */
+interface ClearAction extends Action {
+    type: AttachmentUploadActionType.Clear;
+}
+/**
+ * @private
+ */
+type Actions = SetAction | ProgressAction | CompleteAction | FailedAction | RemoveAction | ClearAction;
+/**
+ * @internal
+ */
+export declare const AttachmentUploadReducer: (state: AttachmentUpload[], action: Actions) => AttachmentUpload[];
+export type { AttachmentMetadata, AttachmentSelectionHandler, AttachmentActionHandler, AttachmentUploadTask, AttachmentProgressError };
 //# sourceMappingURL=AttachmentUpload.d.ts.map

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

@@ -1,51 +1,40 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-import { EventEmitter } from 'events';
-import { nanoid } from 'nanoid';
-import { _MAX_EVENT_LISTENERS } from "../../../../../acs-ui-common/src";
 /**
- * A wrapper object for a attachments that is being uploaded.
- * Provides common functions for updating the upload progress, canceling an upload etc.
  * @private
  */
-export class AttachmentUpload {
-    constructor(data) {
-        this._emitter = new EventEmitter();
-        this._emitter.setMaxListeners(_MAX_EVENT_LISTENERS);
-        this.taskId = nanoid();
-        if (data instanceof File) {
-            this.file = data;
-        }
-        else {
-            this.metadata = data;
-        }
-        const name = data === null || data === void 0 ? void 0 : data.name;
-        this.name = name;
-    }
-    notifyUploadProgressChanged(value) {
-        this._emitter.emit('uploadProgressChange', this.taskId, value);
-    }
-    notifyUploadCompleted(id, url) {
-        this._emitter.emit('uploadComplete', this.taskId, id, url);
-    }
-    notifyUploadFailed(message) {
-        this._emitter.emit('uploadFail', this.taskId, message);
-    }
-    /**
-     * Attachment upload event subscriber.
-     * @param event - {@link AttachmentUploadEvents}
-     * @param listener - {@link AttachmentUploadEventListener}
-     */
-    on(event, listener) {
-        this._emitter.addListener(event, listener);
-    }
-    /**
-     * Attachment upload event unsubscriber.
-     * @param event - {@link AttachmentUploadEvents}
-     * @param listener - {@link AttachmentUploadEventListener}
-     */
-    off(event, listener) {
-        this._emitter.removeListener(event, listener);
+export var AttachmentUploadActionType;
+(function (AttachmentUploadActionType) {
+    AttachmentUploadActionType["Set"] = "set";
+    AttachmentUploadActionType["Progress"] = "progress";
+    AttachmentUploadActionType["Completed"] = "completed";
+    AttachmentUploadActionType["Failed"] = "failed";
+    AttachmentUploadActionType["Remove"] = "remove";
+    AttachmentUploadActionType["Clear"] = "clear";
+})(AttachmentUploadActionType || (AttachmentUploadActionType = {}));
+/**
+ * @internal
+ */
+export const AttachmentUploadReducer = (state, action) => {
+    switch (action.type) {
+        case AttachmentUploadActionType.Set:
+            return state.filter((v) => !v.metadata.error).concat(action.newUploads);
+        case AttachmentUploadActionType.Completed:
+            return state.map((v) => v.taskId === action.taskId
+                ? Object.assign(Object.assign({}, v), { metadata: Object.assign(Object.assign({}, v.metadata), { id: action.id, url: action.url, progress: 1 }) }) : v);
+        case AttachmentUploadActionType.Failed:
+            return state.map((v) => v.taskId === action.taskId
+                ? Object.assign(Object.assign({}, v), { metadata: Object.assign(Object.assign({}, v.metadata), { error: {
+                            message: action.message
+                        } }) }) : v);
+        case AttachmentUploadActionType.Remove:
+            return state.filter((v) => !v.metadata.error).filter((v) => v.metadata.id !== action.id);
+        case AttachmentUploadActionType.Progress:
+            return state.map((v) => v.taskId === action.taskId ? Object.assign(Object.assign({}, v), { metadata: Object.assign(Object.assign({}, v.metadata), { progress: action.progress }) }) : v);
+        case AttachmentUploadActionType.Clear:
+            return [];
+        default:
+            return state;
     }
-}
+};
 //# sourceMappingURL=AttachmentUpload.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AttachmentUpload.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/ChatComposite/file-sharing/AttachmentUpload.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;AAQ/D;;;;GAIG;AACH,MAAM,OAAO,gBAAgB;IAe3B,YAAY,IAA+B;QACzC,IAAI,CAAC,QAAQ,GAAG,IAAI,YAAY,EAAE,CAAC;QACnC,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,oBAAoB,CAAC,CAAC;QACpD,IAAI,CAAC,MAAM,GAAG,MAAM,EAAE,CAAC;QACvB,IAAI,IAAI,YAAY,IAAI,EAAE,CAAC;YACzB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACnB,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACvB,CAAC;QACD,MAAM,IAAI,GAAI,IAAsC,aAAtC,IAAI,uBAAJ,IAAI,CAAoC,IAAI,CAAC;QAC3D,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACnB,CAAC;IAED,2BAA2B,CAAC,KAAa;QACvC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,sBAAsB,EAAE,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IACjE,CAAC;IAED,qBAAqB,CAAC,EAAU,EAAE,GAAW;QAC3C,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,gBAAgB,EAAE,IAAI,CAAC,MAAM,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;IAC7D,CAAC;IAED,kBAAkB,CAAC,OAAe;QAChC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACzD,CAAC;IAKD;;;;OAIG;IACH,EAAE,CAAC,KAA6B,EAAE,QAAuC;QACvE,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;IAC7C,CAAC;IAKD;;;;OAIG;IACH,GAAG,CAAC,KAA6B,EAAE,QAAuC;QACxE,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;IAChD,CAAC;CACF","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { EventEmitter } from 'events';\nimport { nanoid } from 'nanoid';\nimport { _MAX_EVENT_LISTENERS } from '@internal/acs-ui-common';\nimport {\n  AttachmentMetadata,\n  AttachmentSelectionHandler,\n  AttachmentUploadTask,\n  AttachmentProgressError\n} from '@internal/react-components';\n\n/**\n * A wrapper object for a attachments that is being uploaded.\n * Provides common functions for updating the upload progress, canceling an upload etc.\n * @private\n */\nexport class AttachmentUpload implements AttachmentUploadTask, AttachmentUploadEventEmitter {\n  private _emitter: EventEmitter;\n  // a nanoid to uniquely identify each upload task\n  public readonly taskId: string;\n  // a file object that represents the attachment selected by the user via browser file picker\n  public readonly file?: File;\n  /**\n   * Name to be displayed in the UI during attachment upload.\n   */\n  public readonly name: string;\n  /**\n   * Optional object of type {@link AttachmentMetadata}\n   */\n  public metadata?: AttachmentMetadata;\n\n  constructor(data: File | AttachmentMetadata) {\n    this._emitter = new EventEmitter();\n    this._emitter.setMaxListeners(_MAX_EVENT_LISTENERS);\n    this.taskId = nanoid();\n    if (data instanceof File) {\n      this.file = data;\n    } else {\n      this.metadata = data;\n    }\n    const name = (data as unknown as AttachmentMetadata)?.name;\n    this.name = name;\n  }\n\n  notifyUploadProgressChanged(value: number): void {\n    this._emitter.emit('uploadProgressChange', this.taskId, value);\n  }\n\n  notifyUploadCompleted(id: string, url: string): void {\n    this._emitter.emit('uploadComplete', this.taskId, id, url);\n  }\n\n  notifyUploadFailed(message: string): void {\n    this._emitter.emit('uploadFail', this.taskId, 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   * Attachment upload event subscriber.\n   * @param event - {@link AttachmentUploadEvents}\n   * @param listener - {@link AttachmentUploadEventListener}\n   */\n  on(event: AttachmentUploadEvents, listener: AttachmentUploadEventListener): 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   * Attachment upload event unsubscriber.\n   * @param event - {@link AttachmentUploadEvents}\n   * @param listener - {@link AttachmentUploadEventListener}\n   */\n  off(event: AttachmentUploadEvents, listener: AttachmentUploadEventListener): void {\n    this._emitter.removeListener(event, listener);\n  }\n}\n\nexport type { AttachmentMetadata, AttachmentSelectionHandler, AttachmentUploadTask, AttachmentProgressError };\n\n/**\n * Events emitted by the AttachmentUpload class.\n * @beta\n */\ntype AttachmentUploadEvents = 'uploadProgressChange' | 'uploadComplete' | 'uploadFail';\n\n/**\n * Events listeners supported by the AttachmentUpload class.\n * @beta\n */\ntype AttachmentUploadEventListener = UploadProgressListener | UploadCompleteListener | UploadFailedListener;\n\n/**\n * Listener for `uploadProgressed` event.\n * @beta\n */\ntype UploadProgressListener = (taskId: string, value: number) => void;\n/**\n * Listener for `uploadComplete` event.\n * @beta\n */\ntype UploadCompleteListener = (taskId: string, attachmentId: string, attachmentUrl: string) => void;\n/**\n * Listener for `uploadFailed` event.\n * @beta\n */\ntype UploadFailedListener = (taskId: string, message: string) => void;\n\n/**\n * @beta\n */\ninterface AttachmentUploadEventEmitter {\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"]}
+{"version":3,"file":"AttachmentUpload.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/ChatComposite/file-sharing/AttachmentUpload.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAYlC;;GAEG;AACH,MAAM,CAAN,IAAY,0BAOX;AAPD,WAAY,0BAA0B;IACpC,yCAAW,CAAA;IACX,mDAAqB,CAAA;IACrB,qDAAuB,CAAA;IACvB,+CAAiB,CAAA;IACjB,+CAAiB,CAAA;IACjB,6CAAe,CAAA;AACjB,CAAC,EAPW,0BAA0B,KAA1B,0BAA0B,QAOrC;AAiED;;GAEG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,KAAyB,EAAE,MAAe,EAAsB,EAAE;IACxG,QAAQ,MAAM,CAAC,IAAI,EAAE,CAAC;QACpB,KAAK,0BAA0B,CAAC,GAAG;YACjC,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;QAE1E,KAAK,0BAA0B,CAAC,SAAS;YACvC,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CACrB,CAAC,CAAC,MAAM,KAAK,MAAM,CAAC,MAAM;gBACxB,CAAC,iCAAM,CAAC,KAAE,QAAQ,kCAAO,CAAC,CAAC,QAAQ,KAAE,EAAE,EAAE,MAAM,CAAC,EAAE,EAAE,GAAG,EAAE,MAAM,CAAC,GAAG,EAAE,QAAQ,EAAE,CAAC,OAChF,CAAC,CAAC,CAAC,CACN,CAAC;QAEJ,KAAK,0BAA0B,CAAC,MAAM;YACpC,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CACrB,CAAC,CAAC,MAAM,KAAK,MAAM,CAAC,MAAM;gBACxB,CAAC,iCACM,CAAC,KACJ,QAAQ,kCACH,CAAC,CAAC,QAAQ,KACb,KAAK,EAAE;4BACL,OAAO,EAAE,MAAM,CAAC,OAAO;yBACxB,OAGP,CAAC,CAAC,CAAC,CACN,CAAC;QAEJ,KAAK,0BAA0B,CAAC,MAAM;YACpC,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,KAAK,MAAM,CAAC,EAAE,CAAC,CAAC;QAE3F,KAAK,0BAA0B,CAAC,QAAQ;YACtC,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CACrB,CAAC,CAAC,MAAM,KAAK,MAAM,CAAC,MAAM,CAAC,CAAC,iCAAM,CAAC,KAAE,QAAQ,kCAAO,CAAC,CAAC,QAAQ,KAAE,QAAQ,EAAE,MAAM,CAAC,QAAQ,OAAK,CAAC,CAAC,CAAC,CAClG,CAAC;QAEJ,KAAK,0BAA0B,CAAC,KAAK;YACnC,OAAO,EAAE,CAAC;QACZ;YACE,OAAO,KAAK,CAAC;IACjB,CAAC;AACH,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { AttachmentUploadTask, AttachmentSelectionHandler, AttachmentActionHandler } from '@internal/react-components';\nimport { AttachmentMetadata, AttachmentMetadataInProgress, AttachmentProgressError } from '@internal/acs-ui-common';\n\n/**\n * @internal\n */\nexport interface AttachmentUpload extends AttachmentUploadTask {\n  metadata: AttachmentMetadataInProgress;\n}\n\n/**\n * @private\n */\nexport enum AttachmentUploadActionType {\n  Set = 'set',\n  Progress = 'progress',\n  Completed = 'completed',\n  Failed = 'failed',\n  Remove = 'remove',\n  Clear = 'clear'\n}\n\n/**\n * @private\n */\ninterface Action {\n  type: AttachmentUploadActionType;\n}\n\n/**\n * @private\n */\ninterface SetAction extends Action {\n  type: AttachmentUploadActionType.Set;\n  newUploads: AttachmentUpload[];\n}\n\n/**\n * @private\n */\ninterface ProgressAction extends Action {\n  type: AttachmentUploadActionType.Progress;\n  taskId: string;\n  progress: number;\n}\n\n/**\n * @private\n */\ninterface CompleteAction extends Action {\n  type: AttachmentUploadActionType.Completed;\n  taskId: string;\n  id: string;\n  url: string;\n}\n\n/**\n * @private\n */\ninterface FailedAction extends Action {\n  type: AttachmentUploadActionType.Failed;\n  taskId: string;\n  message: string;\n}\n\n/**\n * @private\n */\ninterface RemoveAction extends Action {\n  type: AttachmentUploadActionType.Remove;\n  id: string;\n}\n\n/**\n * @private\n */\ninterface ClearAction extends Action {\n  type: AttachmentUploadActionType.Clear;\n}\n\n/**\n * @private\n */\ntype Actions = SetAction | ProgressAction | CompleteAction | FailedAction | RemoveAction | ClearAction;\n\n/**\n * @internal\n */\nexport const AttachmentUploadReducer = (state: AttachmentUpload[], action: Actions): AttachmentUpload[] => {\n  switch (action.type) {\n    case AttachmentUploadActionType.Set:\n      return state.filter((v) => !v.metadata.error).concat(action.newUploads);\n\n    case AttachmentUploadActionType.Completed:\n      return state.map((v) =>\n        v.taskId === action.taskId\n          ? { ...v, metadata: { ...v.metadata, id: action.id, url: action.url, progress: 1 } }\n          : v\n      );\n\n    case AttachmentUploadActionType.Failed:\n      return state.map((v) =>\n        v.taskId === action.taskId\n          ? {\n              ...v,\n              metadata: {\n                ...v.metadata,\n                error: {\n                  message: action.message\n                }\n              }\n            }\n          : v\n      );\n\n    case AttachmentUploadActionType.Remove:\n      return state.filter((v) => !v.metadata.error).filter((v) => v.metadata.id !== action.id);\n\n    case AttachmentUploadActionType.Progress:\n      return state.map((v) =>\n        v.taskId === action.taskId ? { ...v, metadata: { ...v.metadata, progress: action.progress } } : v\n      );\n\n    case AttachmentUploadActionType.Clear:\n      return [];\n    default:\n      return state;\n  }\n};\n\nexport type {\n  AttachmentMetadata,\n  AttachmentSelectionHandler,\n  AttachmentActionHandler,\n  AttachmentUploadTask,\n  AttachmentProgressError\n};\n"]}

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

@@ -39,7 +39,7 @@ export const AttachmentUploadButton = (props) => {
             } },
             React.createElement(IconButton, { className: iconButtonClassName, ariaLabel: uploadAttachmentButtonStringTrampoline() },
                 React.createElement(SendBoxAttachFileIconTrampoline, null))),
-        React.createElement("input", { ref: inputRef, hidden: true, multiple: !disableMultipleUploads, accept: supportedMediaTypes.join(','), type: "file", onClick: (e) => {
+        React.createElement("input", { "data-testid": "attachment-upload-button", ref: inputRef, hidden: true, multiple: !disableMultipleUploads, accept: supportedMediaTypes.join(','), type: "file", onClick: (e) => {
                 // To ensure that `onChange` is fired even if the same file is picked again.
                 e.currentTarget.value = '';
             }, onChange: (e) => {
@@ -66,7 +66,7 @@ props) => {
     React.createElement(AttachmentUploadButton, Object.assign({}, props))));
 };
 const uploadAttachmentButtonStringTrampoline = () => {
-    //@conditional-compile-remove(attachment-upload)
+    /* @conditional-compile-remove(attachment-upload) */
     //eslint-disable-next-line react-hooks/rules-of-hooks
     return useLocale().strings.chat.uploadAttachment;
     return '';

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

@@ -1 +1 @@
-{"version":3,"file":"AttachmentUploadButton.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/ChatComposite/file-sharing/AttachmentUploadButton.tsx"],"names":[],"mappings":"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","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(attachment-upload) */\nimport { useLocale } from '../../localization';\n\n/**\n * Props for {@link AttachmentUploadButton} component.\n * @internal\n */\nexport interface AttachmentUploadButtonProps {\n  /**\n   * A list of strings containing the comma separated list of supported media (aka. mime) types.\n   * i.e. ['image/*', 'video/*', 'audio/*']\n   * Default value is `['*']`, meaning all media types are supported.\n   * Similar to the `accept` attribute of the `<input type=\"file\" />` element.\n   */\n  supportedMediaTypes?: string[];\n  /**\n   * Disable multiple files to be selected if set to `true`.\n   * Default value is `false`, meaning multiple files can be selected.\n   * Similar to the `multiple` attribute of the `<input type=\"file\" />` element.\n   */\n  disableMultipleUploads?: boolean;\n  /**\n   * onChange handler for the attachment upload button.\n   * Similar to the `onChange` attribute of the `<input type=\"file\" />` element.\n   * Called every time files are selected through the attachment 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 AttachmentUploadButton = (props: AttachmentUploadButtonProps): JSX.Element => {\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  const theme = useTheme();\n  // default supportedMediaTypes is ['*'], meaning all media types are supported.\n  // default disableMultipleUploads is false, meaning multiple files can be selected.\n  const { supportedMediaTypes = ['*'], disableMultipleUploads = false, onChange } = props;\n\n  const attachmentUploadButtonClassName = 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={attachmentUploadButtonClassName}\n        onClick={() => {\n          inputRef.current?.click();\n        }}\n      >\n        <IconButton className={iconButtonClassName} ariaLabel={uploadAttachmentButtonStringTrampoline()}>\n          <SendBoxAttachFileIconTrampoline />\n        </IconButton>\n      </Stack>\n      <input\n        ref={inputRef}\n        hidden\n        multiple={!disableMultipleUploads}\n        accept={supportedMediaTypes.join(',')}\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(attachment-upload) */\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 AttachmentUploadButton} component conditionally.\n * It will return `<></>` for stable builds.\n * @internal\n */\nexport const AttachmentUploadButtonWrapper = (\n  // To make conditional compilation not throw errors.\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  props: Pick<AttachmentUploadButtonProps, 'supportedMediaTypes' | 'disableMultipleUploads' | 'onChange'>\n): JSX.Element => {\n  return (\n    <>\n      {\n        /* @conditional-compile-remove(attachment-upload) */\n        <AttachmentUploadButton {...props} />\n      }\n    </>\n  );\n};\n\nconst uploadAttachmentButtonStringTrampoline = (): string => {\n  //@conditional-compile-remove(attachment-upload)\n  //eslint-disable-next-line react-hooks/rules-of-hooks\n  return useLocale().strings.chat.uploadAttachment;\n  return '';\n};\n"]}
+{"version":3,"file":"AttachmentUploadButton.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/ChatComposite/file-sharing/AttachmentUploadButton.tsx"],"names":[],"mappings":"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","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(attachment-upload) */\nimport { useLocale } from '../../localization';\n\n/**\n * Props for {@link AttachmentUploadButton} component.\n * @internal\n */\nexport interface AttachmentUploadButtonProps {\n  /**\n   * A list of strings containing the comma separated list of supported media (aka. mime) types.\n   * i.e. ['image/*', 'video/*', 'audio/*']\n   * Default value is `['*']`, meaning all media types are supported.\n   * Similar to the `accept` attribute of the `<input type=\"file\" />` element.\n   */\n  supportedMediaTypes?: string[];\n  /**\n   * Disable multiple files to be selected if set to `true`.\n   * Default value is `false`, meaning multiple files can be selected.\n   * Similar to the `multiple` attribute of the `<input type=\"file\" />` element.\n   */\n  disableMultipleUploads?: boolean;\n  /**\n   * onChange handler for the attachment upload button.\n   * Similar to the `onChange` attribute of the `<input type=\"file\" />` element.\n   * Called every time files are selected through the attachment 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 AttachmentUploadButton = (props: AttachmentUploadButtonProps): JSX.Element => {\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  const theme = useTheme();\n  // default supportedMediaTypes is ['*'], meaning all media types are supported.\n  // default disableMultipleUploads is false, meaning multiple files can be selected.\n  const { supportedMediaTypes = ['*'], disableMultipleUploads = false, onChange } = props;\n\n  const attachmentUploadButtonClassName = 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={attachmentUploadButtonClassName}\n        onClick={() => {\n          inputRef.current?.click();\n        }}\n      >\n        <IconButton className={iconButtonClassName} ariaLabel={uploadAttachmentButtonStringTrampoline()}>\n          <SendBoxAttachFileIconTrampoline />\n        </IconButton>\n      </Stack>\n      <input\n        data-testid=\"attachment-upload-button\"\n        ref={inputRef}\n        hidden\n        multiple={!disableMultipleUploads}\n        accept={supportedMediaTypes.join(',')}\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(attachment-upload) */\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 AttachmentUploadButton} component conditionally.\n * It will return `<></>` for stable builds.\n * @internal\n */\nexport const AttachmentUploadButtonWrapper = (\n  // To make conditional compilation not throw errors.\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  props: Pick<AttachmentUploadButtonProps, 'supportedMediaTypes' | 'disableMultipleUploads' | 'onChange'>\n): JSX.Element => {\n  return (\n    <>\n      {\n        /* @conditional-compile-remove(attachment-upload) */\n        <AttachmentUploadButton {...props} />\n      }\n    </>\n  );\n};\n\nconst uploadAttachmentButtonStringTrampoline = (): string => {\n  /* @conditional-compile-remove(attachment-upload) */\n  //eslint-disable-next-line react-hooks/rules-of-hooks\n  return useLocale().strings.chat.uploadAttachment;\n  return '';\n};\n"]}

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

@@ -1,12 +1,5 @@
 export * from './AttachmentUpload';
 export * from './AttachmentUploadButton';
-export type { AttachmentOptions, AttachmentProgressError, AttachmentUploadOptions, AttachmentSelectionHandler, AttachmentRemovalHandler, AttachmentUploadTask } from "../../../../../react-components/src";
+export type { AttachmentOptions, AttachmentUploadTask, AttachmentUploadOptions, AttachmentRemovalHandler, AttachmentMetadataWrapper, AttachmentSelectionHandler, AttachmentActionHandler } from "../../../../../react-components/src";
 export type { AttachmentDownloadOptions } from "../../../../../react-components/src";
-/**
- * Metadata used for setting uploaded attachments by a user using chat composite in a group call.
- * @internal
- */
-export type FileSharingMetadata = {
-    fileSharingMetadata: string;
-};
 //# sourceMappingURL=index.d.ts.map

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

@@ -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,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nexport * from './AttachmentUpload';\nexport * from './AttachmentUploadButton';\n\nexport type {\n  AttachmentOptions,\n  AttachmentProgressError,\n  AttachmentUploadOptions,\n  AttachmentSelectionHandler,\n  AttachmentRemovalHandler,\n  AttachmentUploadTask\n} from '@internal/react-components';\n\n/* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */\nexport type { AttachmentDownloadOptions } from '@internal/react-components';\n\n/**\n * Metadata used for setting uploaded attachments by a user using chat composite in a group call.\n * @internal\n */\nexport type FileSharingMetadata = {\n  fileSharingMetadata: string;\n};\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/ChatComposite/file-sharing/index.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nexport * from './AttachmentUpload';\nexport * from './AttachmentUploadButton';\n\nexport type {\n  AttachmentOptions,\n  AttachmentUploadTask,\n  AttachmentUploadOptions,\n  AttachmentRemovalHandler,\n  AttachmentMetadataWrapper,\n  AttachmentSelectionHandler,\n  AttachmentActionHandler\n} from '@internal/react-components';\n\n/* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */\nexport type { AttachmentDownloadOptions } from '@internal/react-components';\n"]}

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

@@ -12,24 +12,36 @@ _component) => {
     return createCompositeHandlers(useAdapter());
 };
 const createCompositeHandlers = memoizeOne((adapter) => ({
-    onSendMessage: adapter.sendMessage,
+    // have to use `any` here so we don't import from Chat SDK
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    onSendMessage: (content, options) => {
+        /* @conditional-compile-remove(attachment-upload) */
+        if (options &&
+            'attachments' in options &&
+            options.attachments &&
+            options.attachments[0] &&
+            !('attachmentType' in options.attachments[0])) {
+            const adapterMessageOption = {
+                metadata: Object.assign(Object.assign({}, options === null || options === void 0 ? void 0 : options.metadata), { fileSharingMetadata: JSON.stringify(options === null || options === void 0 ? void 0 : options.attachments) })
+            };
+            return adapter.sendMessage(content, adapterMessageOption);
+        }
+        return adapter.sendMessage(content, options);
+    },
     onLoadPreviousChatMessages: adapter.loadPreviousChatMessages,
     onMessageSeen: adapter.sendReadReceipt,
     onTyping: adapter.sendTypingIndicator,
     onRemoveParticipant: adapter.removeParticipant,
     updateThreadTopicName: adapter.setTopic,
-    onUpdateMessage: (messageId, content, 
+    onUpdateMessage: function (messageId, content, 
     /* @conditional-compile-remove(attachment-upload) */
-    options) => {
-        let metadata = undefined;
-        /* @conditional-compile-remove(attachment-upload) */
-        metadata = options === null || options === void 0 ? void 0 : options.metadata;
+    options) {
         /* @conditional-compile-remove(attachment-upload) */
-        const updatedOptions = {
-            attachmentMetadata: options === null || options === void 0 ? void 0 : options.attachmentMetadata
+        const adapterMessageOptions = {
+            attachments: options === null || options === void 0 ? void 0 : options.attachments
         };
-        return adapter.updateMessage(messageId, content, metadata, 
-        /* @conditional-compile-remove(attachment-upload) */ updatedOptions);
+        return adapter.updateMessage(messageId, content, 
+        /* @conditional-compile-remove(attachment-upload) */ adapterMessageOptions);
     },
     onDeleteMessage: adapter.deleteMessage
 }));

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

@@ -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;AAI5D;;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,CACf,SAAiB,EACjB,OAAe;IACf,oDAAoD;IACpD,OAIC,EACD,EAAE;QACF,IAAI,QAAQ,GAAG,SAAS,CAAC;QACzB,oDAAoD;QACpD,QAAQ,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,CAAC;QAC7B,oDAAoD;QACpD,MAAM,cAAc,GAAG;YACrB,kBAAkB,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,kBAAkB;SAChD,CAAC;QACF,OAAO,OAAO,CAAC,aAAa,CAC1B,SAAS,EACT,OAAO,EACP,QAAQ;QACR,oDAAoD,CAAC,cAAc,CACpE,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/* @conditional-compile-remove(attachment-upload) */\nimport { AttachmentMetadata } from '@internal/react-components';\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: (\n      messageId: string,\n      content: string,\n      /* @conditional-compile-remove(attachment-upload) */\n      options?: {\n        metadata?: Record<string, string>;\n        /* @conditional-compile-remove(attachment-upload) */\n        attachmentMetadata?: AttachmentMetadata[];\n      }\n    ) => {\n      let metadata = undefined;\n      /* @conditional-compile-remove(attachment-upload) */\n      metadata = options?.metadata;\n      /* @conditional-compile-remove(attachment-upload) */\n      const updatedOptions = {\n        attachmentMetadata: options?.attachmentMetadata\n      };\n      return adapter.updateMessage(\n        messageId,\n        content,\n        metadata,\n        /* @conditional-compile-remove(attachment-upload) */ updatedOptions\n      );\n    },\n    onDeleteMessage: adapter.deleteMessage\n  })\n);\n"]}
+{"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;AAI5D;;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,0DAA0D;IAC1D,8DAA8D;IAC9D,aAAa,EAAE,CAAC,OAAe,EAAE,OAAY,EAAE,EAAE;QAC/C,oDAAoD;QACpD,IACE,OAAO;YACP,aAAa,IAAI,OAAO;YACxB,OAAO,CAAC,WAAW;YACnB,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC;YACtB,CAAC,CAAC,gBAAgB,IAAI,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,EAC7C,CAAC;YACD,MAAM,oBAAoB,GAAG;gBAC3B,QAAQ,kCACH,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,KACpB,mBAAmB,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,CAAC,GAC1D;aACF,CAAC;YACF,OAAO,OAAO,CAAC,WAAW,CAAC,OAAO,EAAE,oBAAoB,CAAC,CAAC;QAC5D,CAAC;QACD,OAAO,OAAO,CAAC,WAAW,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IAC/C,CAAC;IACD,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,UACf,SAAiB,EACjB,OAAe;IACf,oDAAoD;IACpD,OAAwB;QAExB,oDAAoD;QACpD,MAAM,qBAAqB,GAAmB;YAC5C,WAAW,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW;SAClC,CAAC;QACF,OAAO,OAAO,CAAC,aAAa,CAC1B,SAAS,EACT,OAAO;QACP,oDAAoD,CAAC,qBAAqB,CAC3E,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/* @conditional-compile-remove(attachment-upload) */\nimport { MessageOptions } from '@internal/acs-ui-common';\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    // have to use `any` here so we don't import from Chat SDK\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    onSendMessage: (content: string, options: any) => {\n      /* @conditional-compile-remove(attachment-upload) */\n      if (\n        options &&\n        'attachments' in options &&\n        options.attachments &&\n        options.attachments[0] &&\n        !('attachmentType' in options.attachments[0])\n      ) {\n        const adapterMessageOption = {\n          metadata: {\n            ...options?.metadata,\n            fileSharingMetadata: JSON.stringify(options?.attachments)\n          }\n        };\n        return adapter.sendMessage(content, adapterMessageOption);\n      }\n      return adapter.sendMessage(content, options);\n    },\n    onLoadPreviousChatMessages: adapter.loadPreviousChatMessages,\n    onMessageSeen: adapter.sendReadReceipt,\n    onTyping: adapter.sendTypingIndicator,\n    onRemoveParticipant: adapter.removeParticipant,\n    updateThreadTopicName: adapter.setTopic,\n    onUpdateMessage: function (\n      messageId: string,\n      content: string,\n      /* @conditional-compile-remove(attachment-upload) */\n      options?: MessageOptions\n    ) {\n      /* @conditional-compile-remove(attachment-upload) */\n      const adapterMessageOptions: MessageOptions = {\n        attachments: options?.attachments\n      };\n      return adapter.updateMessage(\n        messageId,\n        content,\n        /* @conditional-compile-remove(attachment-upload) */ adapterMessageOptions\n      );\n    },\n    onDeleteMessage: adapter.deleteMessage\n  })\n);\n"]}

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

@@ -6,6 +6,5 @@ export type { ChatAdapter, ChatAdapterSubscribers, ChatAdapterThreadManagement,
 export type { ResourceDetails } from './adapter/ChatAdapter';
 export * from './Strings';
 export type { AttachmentOptions, AttachmentMetadata, AttachmentDownloadOptions } from './file-sharing';
-export type { AttachmentProgressError, AttachmentUploadOptions, AttachmentSelectionHandler, AttachmentRemovalHandler, AttachmentUploadTask } from './file-sharing';
-export type { _AttachmentUploadsUiState, _AttachmentUploadAdapter } from './adapter/AzureCommunicationAttachmentUploadAdapter';
+export type { AttachmentProgressError, AttachmentUploadOptions, AttachmentSelectionHandler, AttachmentActionHandler, AttachmentRemovalHandler, AttachmentUploadTask } from './file-sharing';
 //# sourceMappingURL=index.d.ts.map