@azure/communication-react 1.26.0 → 1.27.0-alpha-202504170018

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

@@ -1 +1 @@
-{"version":3,"file":"ChatAdapter.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/ChatComposite/adapter/ChatAdapter.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport type { ChatMessage, ChatParticipant, SendMessageOptions } from '@azure/communication-chat';\nimport type { CommunicationIdentifierKind, CommunicationUserKind } from '@azure/communication-common';\nimport { ChatThreadClientState } from '@internal/chat-stateful-client';\nimport type { AdapterError, AdapterErrors, AdapterState, Disposable } from '../../common/adapters';\n/**\n * {@link ChatAdapter} state for pure UI purposes.\n *\n * @public\n */\nexport type ChatAdapterUiState = {\n  // FIXME(Delete?)\n  // Self-contained state for composite\n  error?: Error;\n};\n\n/**\n * {@link ChatAdapter} state inferred from Azure Communication Services backend.\n *\n * @public\n */\nexport type ChatCompositeClientState = {\n  userId: CommunicationIdentifierKind;\n  displayName: string;\n  thread: ChatThreadClientState;\n  /**\n   * Latest error encountered for each operation performed via the adapter.\n   */\n  latestErrors: AdapterErrors;\n};\n\n/**\n * {@link ChatAdapter} state.\n *\n * @public\n */\nexport type ChatAdapterState = ChatAdapterUiState & ChatCompositeClientState;\n\n/**\n * Functionality for managing the current chat thread.\n *\n * @public\n */\nexport interface ChatAdapterThreadManagement {\n  /**\n   * Fetch initial state for the Chat adapter.\n   *\n   * Performs the minimal fetch necessary for ChatComposite and API methods.\n   */\n  fetchInitialData(): Promise<void>;\n  /**\n   * Send a message in the thread.\n   * Please note that SendMessageOptions is being deprecated, please use MessageOptions instead.\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   * Please note that metadata is being deprecated, please use MessageOptions.metadata instead.\n   */\n  updateMessage(messageId: string, content: string, options?: 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   * Downloads a resource into the cache for the given message.\n   */\n  downloadResourceToCache(resourceDetails: ResourceDetails): Promise<void>;\n  /**\n   * Removes a resource from the cache for the given message.\n   */\n  removeResourceFromCache(resourceDetails: ResourceDetails): void;\n}\n/**\n * Details required for download a resource to cache.\n *\n * @public\n */\nexport type ResourceDetails = {\n  threadId: string;\n  messageId: string;\n  resourceUrl: string;\n};\n\n/**\n * Chat composite events that can be subscribed to.\n *\n * @public\n */\nexport interface ChatAdapterSubscribers {\n  /**\n   * Subscribe function for 'messageReceived' event.\n   */\n  on(event: 'messageReceived', listener: MessageReceivedListener): void;\n  /**\n   * Subscribe function for 'messageEdited' event.\n   */\n  on(event: 'messageEdited', listener: MessageEditedListener): void;\n  /**\n   * Subscribe function for 'messageDeleted' event.\n   */\n  on(event: 'messageDeleted', listener: MessageDeletedListener): void;\n  /**\n   * Subscribe function for 'messageSent' event.\n   */\n  on(event: 'messageSent', listener: MessageSentListener): void;\n  /**\n   * Subscribe function for 'messageRead' event.\n   */\n  on(event: 'messageRead', listener: MessageReadListener): void;\n  /**\n   * Subscribe function for 'participantsAdded' event.\n   */\n  on(event: 'participantsAdded', listener: ParticipantsAddedListener): void;\n  /**\n   * Subscribe function for 'participantsRemoved' event.\n   */\n  on(event: 'participantsRemoved', listener: ParticipantsRemovedListener): void;\n  /**\n   * Subscribe function for 'topicChanged' event.\n   */\n  on(event: 'topicChanged', listener: TopicChangedListener): void;\n  /**\n   * Subscribe function for 'error' event.\n   */\n  on(event: 'error', listener: (e: AdapterError) => void): void;\n\n  /**\n   * Unsubscribe function for 'messageReceived' event.\n   */\n  off(event: 'messageReceived', listener: MessageReceivedListener): void;\n  /**\n   * Unsubscribe function for 'messageEdited' event.\n   */\n  off(event: 'messageEdited', listener: MessageEditedListener): void;\n  /**\n   * Unsubscribe function for 'messageDeleted' event.\n   */\n  off(event: 'messageDeleted', listener: MessageDeletedListener): void;\n  /**\n   * Unsubscribe function for 'messageSent' event.\n   */\n  off(event: 'messageSent', listener: MessageSentListener): void;\n  /**\n   * Unsubscribe function for 'messageRead' event.\n   */\n  off(event: 'messageRead', listener: MessageReadListener): void;\n  /**\n   * Unsubscribe function for 'participantsAdded' event.\n   */\n  off(event: 'participantsAdded', listener: ParticipantsAddedListener): void;\n  /**\n   * Unsubscribe function for 'participantsRemoved' event.\n   */\n  off(event: 'participantsRemoved', listener: ParticipantsRemovedListener): void;\n  /**\n   * Unsubscribe function for 'topicChanged' event.\n   */\n  off(event: 'topicChanged', listener: TopicChangedListener): void;\n  /**\n   * Unsubscribe function for 'error' event.\n   */\n  off(event: 'error', listener: (e: AdapterError) => void): void;\n}\n\n/**\n * {@link ChatComposite} Adapter interface.\n *\n * @public\n */\nexport type ChatAdapter = ChatAdapterThreadManagement & AdapterState<ChatAdapterState> & Disposable & ChatAdapterSubscribers;\n\n/**\n * Callback for {@link ChatAdapterSubscribers} 'messageReceived' event.\n *\n * @public\n */\nexport type MessageReceivedListener = (event: {\n  message: ChatMessage;\n}) => void;\n\n/**\n * Callback for {@link ChatAdapterSubscribers} 'messageSent' event.\n *\n * @public\n */\nexport type MessageSentListener = MessageReceivedListener;\n\n/**\n * Callback for {@link ChatAdapterSubscribers} 'messageEdited' event.\n *\n * @public\n */\nexport type MessageEditedListener = MessageReceivedListener;\n\n/**\n * Callback for {@link ChatAdapterSubscribers} 'messageDeleted' event.\n *\n * @public\n */\nexport type MessageDeletedListener = MessageReceivedListener;\n\n/**\n * Callback for {@link ChatAdapterSubscribers} 'messageRead' event.\n *\n * @public\n */\nexport type MessageReadListener = (event: {\n  message: ChatMessage;\n  readBy: CommunicationUserKind;\n}) => void;\n\n/**\n * Callback for {@link ChatAdapterSubscribers} 'participantsAdded' event.\n *\n * @public\n */\nexport type ParticipantsAddedListener = (event: {\n  participantsAdded: ChatParticipant[];\n  addedBy: ChatParticipant;\n}) => void;\n\n/**\n * Callback for {@link ChatAdapterSubscribers} 'participantsRemoved' event.\n *\n * @public\n */\nexport type ParticipantsRemovedListener = (event: {\n  participantsRemoved: ChatParticipant[];\n  removedBy: ChatParticipant;\n}) => void;\n\n/**\n * Callback for {@link ChatAdapterSubscribers} 'topicChanged' event.\n *\n * @public\n */\nexport type TopicChangedListener = (event: {\n  topic: string;\n}) => void;"]}
+{"version":3,"file":"ChatAdapter.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/ChatComposite/adapter/ChatAdapter.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport type { ChatMessage, ChatParticipant, SendMessageOptions } from '@azure/communication-chat';\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\nimport type { UploadChatImageResult } from '@internal/acs-ui-common';\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-acs) */\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(file-sharing-acs) */ MessageOptions\n  ): Promise<void>;\n  /* @conditional-compile-remove(rich-text-editor-image-upload) */\n  /**\n   * Upload an inline image for a message.\n   */\n  uploadImage(image: Blob, imageFilename: string): Promise<UploadChatImageResult>;\n  /* @conditional-compile-remove(rich-text-editor-image-upload) */\n  /**\n   * Delete an inline image for a message.\n   */\n  deleteImage(imageId: string): 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(file-sharing-acs) */ 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.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatAdapterProvider.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/ChatComposite/adapter/ChatAdapterProvider.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAUzD,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","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};\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};"]}
+{"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/adapter/OnFetchProfileCallback.d.ts

@@ -0,0 +1,39 @@
+import { ChatParticipant } from '@azure/communication-chat';
+import { AdapterStateModifier } from './AzureCommunicationChatAdapter';
+import { ChatMessageWithStatus } from "../../../../../chat-stateful-client/src";
+/**
+ * Callback function used to provide custom data to build profile for a user or bot.
+ *
+ * @public
+ */
+export type OnFetchChatProfileCallback = (userId: string, defaultProfile?: ChatProfile) => Promise<ChatProfile | undefined>;
+/**
+ * The profile of a user or bot.
+ *
+ * @public
+ */
+export type ChatProfile = {
+    /**
+     * Primary text to display, usually the name of the person.
+     */
+    displayName?: string;
+};
+/**
+ * @private
+ */
+export declare const createProfileStateModifier: (onFetchProfile: OnFetchChatProfileCallback, notifyUpdate: () => void) => AdapterStateModifier;
+/**
+ * @private
+ * This is the util function to create a participant modifier for remote participantList
+ * It memoize previous original participant items and only update the changed participant
+ * It takes in one modifier function to generate one single participant object, it returns undefined if the object keeps unmodified
+ */
+export declare const createParticipantModifier: (createModifiedParticipant: (id: string, participant: ChatParticipant) => ChatParticipant | undefined) => AdapterStateModifier;
+/**
+ * @private
+ * This is the util function to create a chat message modifier for remote participantList
+ * It memoize previous original messages and only update the changed sender display name
+ * It takes in one modifier function to generate one single participant object, it returns undefined if the object keeps unmodified
+ */
+export declare const createChatMessageModifier: (createModifiedChatMessage: (id: string, chatMessage: ChatMessageWithStatus) => ChatMessageWithStatus | undefined) => AdapterStateModifier;
+//# sourceMappingURL=OnFetchProfileCallback.d.ts.map

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

@@ -0,0 +1,203 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+/* @conditional-compile-remove(on-fetch-profile) */
+/**
+ * @private
+ */
+export const createProfileStateModifier = (onFetchProfile, notifyUpdate) => {
+    const cachedDisplayName = {};
+    return (state) => {
+        var _a;
+        const originalParticipants = (_a = state.thread) === null || _a === void 0 ? void 0 : _a.participants;
+        (() => __awaiter(void 0, void 0, void 0, function* () {
+            let shouldNotifyUpdates = false;
+            if (!originalParticipants) {
+                return;
+            }
+            for (const [key, participant] of Object.entries(originalParticipants)) {
+                if (cachedDisplayName[key]) {
+                    continue;
+                }
+                const profile = yield onFetchProfile(key, { displayName: participant.displayName });
+                if ((profile === null || profile === void 0 ? void 0 : profile.displayName) && participant.displayName !== (profile === null || profile === void 0 ? void 0 : profile.displayName)) {
+                    cachedDisplayName[key] = profile === null || profile === void 0 ? void 0 : profile.displayName;
+                    shouldNotifyUpdates = true;
+                }
+            }
+            // notify update only when there is a change, which most likely will trigger modifier and setState again
+            if (shouldNotifyUpdates) {
+                notifyUpdate();
+            }
+        }))();
+        const participantsModifier = createParticipantModifier((id, participant) => {
+            if (cachedDisplayName[id]) {
+                return Object.assign(Object.assign({}, participant), { displayName: cachedDisplayName[id] });
+            }
+            return undefined;
+        });
+        const modifiedParticipantState = participantsModifier(state);
+        const chatMessagesModifier = createChatMessageModifier((id, chatMessage) => {
+            var _a;
+            const originalChatMessage = Object.assign({}, chatMessage);
+            if ((_a = originalChatMessage.content) === null || _a === void 0 ? void 0 : _a.participants) {
+                const newParticipants = originalChatMessage.content.participants.map((participant) => {
+                    if (participant.id) {
+                        if ('communicationUserId' in participant.id && cachedDisplayName[participant.id.communicationUserId]) {
+                            return Object.assign(Object.assign({}, participant), { displayName: cachedDisplayName[participant.id.communicationUserId] });
+                        }
+                        else if ('microsoftTeamsUserId' in participant.id &&
+                            'rawId' in participant.id &&
+                            participant.id.rawId &&
+                            cachedDisplayName[participant.id.rawId]) {
+                            return Object.assign(Object.assign({}, participant), { displayName: cachedDisplayName[participant.id.rawId] });
+                        }
+                        else if ('teamsAppId' in participant.id &&
+                            'rawId' in participant.id &&
+                            participant.id.rawId &&
+                            cachedDisplayName[participant.id.rawId]) {
+                            return Object.assign(Object.assign({}, participant), { displayName: cachedDisplayName[participant.id.rawId] });
+                        }
+                        else if ('phoneNumber' in participant.id &&
+                            'rawId' in participant.id &&
+                            participant.id.rawId &&
+                            cachedDisplayName[participant.id.rawId]) {
+                            return Object.assign(Object.assign({}, participant), { displayName: cachedDisplayName[participant.id.rawId] });
+                        }
+                        else if ('id' in participant.id && cachedDisplayName[participant.id.id]) {
+                            return Object.assign(Object.assign({}, participant), { displayName: cachedDisplayName[participant.id.id] });
+                        }
+                        else {
+                            return participant;
+                        }
+                    }
+                    return participant;
+                });
+                originalChatMessage.content = Object.assign(Object.assign({}, originalChatMessage.content), { participants: newParticipants });
+            }
+            if (originalChatMessage.sender && originalChatMessage.senderDisplayName) {
+                if (originalChatMessage.sender.kind === 'communicationUser' &&
+                    originalChatMessage.sender.communicationUserId &&
+                    cachedDisplayName[originalChatMessage.sender.communicationUserId]) {
+                    originalChatMessage.senderDisplayName = cachedDisplayName[originalChatMessage.sender.communicationUserId];
+                }
+                else if (originalChatMessage.sender.kind === 'microsoftTeamsUser' &&
+                    originalChatMessage.sender.rawId &&
+                    cachedDisplayName[originalChatMessage.sender.rawId]) {
+                    originalChatMessage.senderDisplayName = cachedDisplayName[originalChatMessage.sender.rawId];
+                }
+                else if (originalChatMessage.sender.kind === 'phoneNumber' &&
+                    originalChatMessage.sender.phoneNumber &&
+                    cachedDisplayName[originalChatMessage.sender.phoneNumber]) {
+                    originalChatMessage.senderDisplayName = cachedDisplayName[originalChatMessage.sender.phoneNumber];
+                }
+                else if (originalChatMessage.sender.kind === 'unknown' &&
+                    originalChatMessage.sender.id &&
+                    cachedDisplayName[originalChatMessage.sender.id]) {
+                    originalChatMessage.senderDisplayName = cachedDisplayName[originalChatMessage.sender.id];
+                }
+                else if (originalChatMessage.sender.kind === 'microsoftTeamsApp' &&
+                    originalChatMessage.sender.rawId &&
+                    cachedDisplayName[originalChatMessage.sender.rawId]) {
+                    originalChatMessage.senderDisplayName = cachedDisplayName[originalChatMessage.sender.rawId];
+                }
+            }
+            return Object.assign({}, originalChatMessage);
+        });
+        return chatMessagesModifier(modifiedParticipantState);
+    };
+};
+/* @conditional-compile-remove(on-fetch-profile) */
+/**
+ * @private
+ * This is the util function to create a participant modifier for remote participantList
+ * It memoize previous original participant items and only update the changed participant
+ * It takes in one modifier function to generate one single participant object, it returns undefined if the object keeps unmodified
+ */
+export const createParticipantModifier = (createModifiedParticipant) => {
+    let previousParticipantState = undefined;
+    let modifiedParticipants = {};
+    const memoizedParticipants = {};
+    return (state) => {
+        var _a, _b, _c, _d;
+        // if root state is the same, we don't need to update the participants
+        if (((_a = state.thread) === null || _a === void 0 ? void 0 : _a.participants) !== previousParticipantState) {
+            modifiedParticipants = {};
+            const originalParticipants = Object.entries(((_b = state.thread) === null || _b === void 0 ? void 0 : _b.participants) || {});
+            for (const [key, originalParticipant] of originalParticipants) {
+                const modifiedParticipant = createModifiedParticipant(key, originalParticipant);
+                if (modifiedParticipant === undefined) {
+                    modifiedParticipants[key] = originalParticipant;
+                    continue;
+                }
+                // Generate the new item if original cached item has been changed
+                if (((_c = memoizedParticipants[key]) === null || _c === void 0 ? void 0 : _c.originalRef) !== originalParticipant) {
+                    memoizedParticipants[key] = {
+                        newParticipant: modifiedParticipant,
+                        originalRef: originalParticipant
+                    };
+                }
+                // the modified participant is always coming from the memoized cache, whether is was refreshed
+                // from the previous closure or not
+                const memoizedParticipant = memoizedParticipants[key];
+                if (!memoizedParticipant) {
+                    throw new Error('Participant modifier encountered an unhandled exception.');
+                }
+                modifiedParticipants[key] = memoizedParticipant.newParticipant;
+            }
+            previousParticipantState = (_d = state.thread) === null || _d === void 0 ? void 0 : _d.participants;
+        }
+        return Object.assign(Object.assign({}, state), { thread: Object.assign(Object.assign({}, state.thread), { participants: modifiedParticipants }) });
+    };
+};
+/* @conditional-compile-remove(on-fetch-profile) */
+/**
+ * @private
+ * This is the util function to create a chat message modifier for remote participantList
+ * It memoize previous original messages and only update the changed sender display name
+ * It takes in one modifier function to generate one single participant object, it returns undefined if the object keeps unmodified
+ */
+export const createChatMessageModifier = (createModifiedChatMessage) => {
+    let previousChatMessages;
+    let modifiedChatMessages;
+    const memoizedChatMessages = {};
+    return (state) => {
+        var _a, _b, _c, _d;
+        if (((_a = state.thread) === null || _a === void 0 ? void 0 : _a.chatMessages) !== previousChatMessages) {
+            modifiedChatMessages = {};
+            const originalChatMessages = Object.entries(((_b = state.thread) === null || _b === void 0 ? void 0 : _b.chatMessages) || {});
+            for (const [key, originalChatMessage] of originalChatMessages) {
+                const modifiedChatMessage = createModifiedChatMessage(key, originalChatMessage);
+                if (modifiedChatMessage === undefined) {
+                    modifiedChatMessages[key] = originalChatMessage;
+                    continue;
+                }
+                // Generate the new item if original cached item has been changed
+                if (((_c = memoizedChatMessages[key]) === null || _c === void 0 ? void 0 : _c.originalRef) !== originalChatMessage) {
+                    memoizedChatMessages[key] = {
+                        newChatMessage: modifiedChatMessage,
+                        originalRef: originalChatMessage
+                    };
+                }
+                // the modified chat message is always coming from the memoized cache, whether is was refreshed
+                // from the previous closure or not
+                const memoizedChatMessage = memoizedChatMessages[key];
+                if (!memoizedChatMessage) {
+                    throw new Error('Participant modifier encountered an unhandled exception.');
+                }
+                modifiedChatMessages[key] = memoizedChatMessage.newChatMessage;
+            }
+            previousChatMessages = (_d = state.thread) === null || _d === void 0 ? void 0 : _d.chatMessages;
+        }
+        return Object.assign(Object.assign({}, state), { thread: Object.assign(Object.assign({}, state.thread), { chatMessages: modifiedChatMessages }) });
+    };
+};
+//# sourceMappingURL=OnFetchProfileCallback.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OnFetchProfileCallback.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/ChatComposite/adapter/OnFetchProfileCallback.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* @conditional-compile-remove(on-fetch-profile) */\nimport { ChatParticipant } from '@azure/communication-chat';\n/* @conditional-compile-remove(on-fetch-profile) */\nimport { AdapterStateModifier } from './AzureCommunicationChatAdapter';\n/* @conditional-compile-remove(on-fetch-profile) */\nimport { ChatAdapterState } from './ChatAdapter';\n/* @conditional-compile-remove(on-fetch-profile) */\nimport { ChatMessageWithStatus } from '@internal/chat-stateful-client';\n\n/* @conditional-compile-remove(on-fetch-profile) */\n/**\n * Callback function used to provide custom data to build profile for a user or bot.\n *\n * @public\n */\nexport type OnFetchChatProfileCallback = (\n  userId: string,\n  defaultProfile?: ChatProfile\n) => Promise<ChatProfile | undefined>;\n\n/* @conditional-compile-remove(on-fetch-profile) */\n/**\n * The profile of a user or bot.\n *\n * @public\n */\nexport type ChatProfile = {\n  /**\n   * Primary text to display, usually the name of the person.\n   */\n  displayName?: string;\n};\n\n/* @conditional-compile-remove(on-fetch-profile) */\n/**\n * @private\n */\nexport const createProfileStateModifier = (\n  onFetchProfile: OnFetchChatProfileCallback,\n  notifyUpdate: () => void\n): AdapterStateModifier => {\n  const cachedDisplayName: {\n    [id: string]: string;\n  } = {};\n\n  return (state: ChatAdapterState) => {\n    const originalParticipants = state.thread?.participants;\n\n    (async () => {\n      let shouldNotifyUpdates = false;\n      if (!originalParticipants) {\n        return;\n      }\n\n      for (const [key, participant] of Object.entries(originalParticipants)) {\n        if (cachedDisplayName[key]) {\n          continue;\n        }\n        const profile = await onFetchProfile(key, { displayName: participant.displayName });\n        if (profile?.displayName && participant.displayName !== profile?.displayName) {\n          cachedDisplayName[key] = profile?.displayName;\n          shouldNotifyUpdates = true;\n        }\n      }\n      // notify update only when there is a change, which most likely will trigger modifier and setState again\n      if (shouldNotifyUpdates) {\n        notifyUpdate();\n      }\n    })();\n\n    const participantsModifier = createParticipantModifier(\n      (id: string, participant: ChatParticipant): ChatParticipant | undefined => {\n        if (cachedDisplayName[id]) {\n          return { ...participant, displayName: cachedDisplayName[id] };\n        }\n        return undefined;\n      }\n    );\n\n    const modifiedParticipantState = participantsModifier(state);\n\n    const chatMessagesModifier = createChatMessageModifier(\n      (id: string, chatMessage: ChatMessageWithStatus): ChatMessageWithStatus | undefined => {\n        const originalChatMessage = { ...chatMessage };\n        if (originalChatMessage.content?.participants) {\n          const newParticipants = originalChatMessage.content.participants.map((participant: ChatParticipant) => {\n            if (participant.id) {\n              if ('communicationUserId' in participant.id && cachedDisplayName[participant.id.communicationUserId]) {\n                return { ...participant, displayName: cachedDisplayName[participant.id.communicationUserId] };\n              } else if (\n                'microsoftTeamsUserId' in participant.id &&\n                'rawId' in participant.id &&\n                participant.id.rawId &&\n                cachedDisplayName[participant.id.rawId]\n              ) {\n                return { ...participant, displayName: cachedDisplayName[participant.id.rawId] };\n              } else if (\n                'teamsAppId' in participant.id &&\n                'rawId' in participant.id &&\n                participant.id.rawId &&\n                cachedDisplayName[participant.id.rawId]\n              ) {\n                return { ...participant, displayName: cachedDisplayName[participant.id.rawId] };\n              } else if (\n                'phoneNumber' in participant.id &&\n                'rawId' in participant.id &&\n                participant.id.rawId &&\n                cachedDisplayName[participant.id.rawId]\n              ) {\n                return { ...participant, displayName: cachedDisplayName[participant.id.rawId] };\n              } else if ('id' in participant.id && cachedDisplayName[participant.id.id]) {\n                return { ...participant, displayName: cachedDisplayName[participant.id.id] };\n              } else {\n                return participant;\n              }\n            }\n            return participant;\n          });\n          originalChatMessage.content = {\n            ...originalChatMessage.content,\n            participants: newParticipants\n          };\n        }\n        if (originalChatMessage.sender && originalChatMessage.senderDisplayName) {\n          if (\n            originalChatMessage.sender.kind === 'communicationUser' &&\n            originalChatMessage.sender.communicationUserId &&\n            cachedDisplayName[originalChatMessage.sender.communicationUserId]\n          ) {\n            originalChatMessage.senderDisplayName = cachedDisplayName[originalChatMessage.sender.communicationUserId];\n          } else if (\n            originalChatMessage.sender.kind === 'microsoftTeamsUser' &&\n            originalChatMessage.sender.rawId &&\n            cachedDisplayName[originalChatMessage.sender.rawId]\n          ) {\n            originalChatMessage.senderDisplayName = cachedDisplayName[originalChatMessage.sender.rawId];\n          } else if (\n            originalChatMessage.sender.kind === 'phoneNumber' &&\n            originalChatMessage.sender.phoneNumber &&\n            cachedDisplayName[originalChatMessage.sender.phoneNumber]\n          ) {\n            originalChatMessage.senderDisplayName = cachedDisplayName[originalChatMessage.sender.phoneNumber];\n          } else if (\n            originalChatMessage.sender.kind === 'unknown' &&\n            originalChatMessage.sender.id &&\n            cachedDisplayName[originalChatMessage.sender.id]\n          ) {\n            originalChatMessage.senderDisplayName = cachedDisplayName[originalChatMessage.sender.id];\n          } else if (\n            originalChatMessage.sender.kind === 'microsoftTeamsApp' &&\n            originalChatMessage.sender.rawId &&\n            cachedDisplayName[originalChatMessage.sender.rawId]\n          ) {\n            originalChatMessage.senderDisplayName = cachedDisplayName[originalChatMessage.sender.rawId];\n          }\n        }\n        return { ...originalChatMessage };\n      }\n    );\n    return chatMessagesModifier(modifiedParticipantState);\n  };\n};\n\n/* @conditional-compile-remove(on-fetch-profile) */\n/**\n * @private\n * This is the util function to create a participant modifier for remote participantList\n * It memoize previous original participant items and only update the changed participant\n * It takes in one modifier function to generate one single participant object, it returns undefined if the object keeps unmodified\n */\nexport const createParticipantModifier = (\n  createModifiedParticipant: (id: string, participant: ChatParticipant) => ChatParticipant | undefined\n): AdapterStateModifier => {\n  let previousParticipantState:\n    | {\n        [keys: string]: ChatParticipant;\n      }\n    | undefined = undefined;\n  let modifiedParticipants: {\n    [keys: string]: ChatParticipant;\n  } = {};\n  const memoizedParticipants: {\n    [id: string]: { originalRef: ChatParticipant; newParticipant: ChatParticipant };\n  } = {};\n  return (state: ChatAdapterState) => {\n    // if root state is the same, we don't need to update the participants\n    if (state.thread?.participants !== previousParticipantState) {\n      modifiedParticipants = {};\n      const originalParticipants = Object.entries(state.thread?.participants || {});\n      for (const [key, originalParticipant] of originalParticipants) {\n        const modifiedParticipant = createModifiedParticipant(key, originalParticipant);\n        if (modifiedParticipant === undefined) {\n          modifiedParticipants[key] = originalParticipant;\n          continue;\n        }\n        // Generate the new item if original cached item has been changed\n        if (memoizedParticipants[key]?.originalRef !== originalParticipant) {\n          memoizedParticipants[key] = {\n            newParticipant: modifiedParticipant,\n            originalRef: originalParticipant\n          };\n        }\n\n        // the modified participant is always coming from the memoized cache, whether is was refreshed\n        // from the previous closure or not\n        const memoizedParticipant = memoizedParticipants[key];\n        if (!memoizedParticipant) {\n          throw new Error('Participant modifier encountered an unhandled exception.');\n        }\n\n        modifiedParticipants[key] = memoizedParticipant.newParticipant;\n      }\n\n      previousParticipantState = state.thread?.participants;\n    }\n    return { ...state, thread: { ...state.thread, participants: modifiedParticipants } };\n  };\n};\n\n/* @conditional-compile-remove(on-fetch-profile) */\n/**\n * @private\n * This is the util function to create a chat message modifier for remote participantList\n * It memoize previous original messages and only update the changed sender display name\n * It takes in one modifier function to generate one single participant object, it returns undefined if the object keeps unmodified\n */\nexport const createChatMessageModifier = (\n  createModifiedChatMessage: (id: string, chatMessage: ChatMessageWithStatus) => ChatMessageWithStatus | undefined\n): AdapterStateModifier => {\n  let previousChatMessages: {\n    [key: string]: ChatMessageWithStatus;\n  };\n  let modifiedChatMessages: {\n    [keys: string]: ChatMessageWithStatus;\n  };\n  const memoizedChatMessages: {\n    [id: string]: { originalRef: ChatMessageWithStatus; newChatMessage: ChatMessageWithStatus };\n  } = {};\n  return (state: ChatAdapterState) => {\n    if (state.thread?.chatMessages !== previousChatMessages) {\n      modifiedChatMessages = {};\n      const originalChatMessages = Object.entries(state.thread?.chatMessages || {});\n      for (const [key, originalChatMessage] of originalChatMessages) {\n        const modifiedChatMessage = createModifiedChatMessage(key, originalChatMessage);\n        if (modifiedChatMessage === undefined) {\n          modifiedChatMessages[key] = originalChatMessage;\n          continue;\n        }\n        // Generate the new item if original cached item has been changed\n        if (memoizedChatMessages[key]?.originalRef !== originalChatMessage) {\n          memoizedChatMessages[key] = {\n            newChatMessage: modifiedChatMessage,\n            originalRef: originalChatMessage\n          };\n        }\n\n        // the modified chat message is always coming from the memoized cache, whether is was refreshed\n        // from the previous closure or not\n        const memoizedChatMessage = memoizedChatMessages[key];\n        if (!memoizedChatMessage) {\n          throw new Error('Participant modifier encountered an unhandled exception.');\n        }\n\n        modifiedChatMessages[key] = memoizedChatMessage.newChatMessage;\n      }\n      previousChatMessages = state.thread?.chatMessages;\n    }\n    return { ...state, thread: { ...state.thread, chatMessages: modifiedChatMessages } };\n  };\n};\n"]}

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

@@ -0,0 +1,80 @@
+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"
+}
+/**
+ * @private
+ */
+export interface Action {
+    type: AttachmentUploadActionType;
+}
+/**
+ * @private
+ */
+interface SetAction extends Action {
+    type: AttachmentUploadActionType.Set;
+    newUploads: AttachmentUpload[];
+}
+/**
+ * @private
+ */
+export interface ProgressAction extends Action {
+    type: AttachmentUploadActionType.Progress;
+    taskId: string;
+    progress: number;
+}
+/**
+ * @private
+ */
+export interface CompleteAction extends Action {
+    type: AttachmentUploadActionType.Completed;
+    taskId: string;
+    id: string;
+    url: string;
+}
+/**
+ * @private
+ */
+export interface FailedAction extends Action {
+    type: AttachmentUploadActionType.Failed;
+    taskId: string;
+    message: string;
+}
+/**
+ * @private
+ */
+export interface RemoveAction extends Action {
+    type: AttachmentUploadActionType.Remove;
+    id: string;
+}
+/**
+ * @private
+ */
+export 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

@@ -0,0 +1,41 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+/**
+ * @private
+ */
+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 = {}));
+/* @conditional-compile-remove(file-sharing-acs) */
+/**
+ * @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

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentUpload.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/ChatComposite/file-sharing/AttachmentUpload.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAelC;;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;AAyED,mDAAmD;AACnD;;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\n/* @conditional-compile-remove(file-sharing-acs) */\nimport { AttachmentUploadTask, AttachmentSelectionHandler, AttachmentActionHandler } from '@internal/react-components';\n/* @conditional-compile-remove(file-sharing-acs) */\nimport { AttachmentMetadata, AttachmentMetadataInProgress, AttachmentProgressError } from '@internal/acs-ui-common';\n\n/* @conditional-compile-remove(file-sharing-acs) */\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/* @conditional-compile-remove(file-sharing-acs) */\n/**\n * @private\n */\nexport interface Action {\n  type: AttachmentUploadActionType;\n}\n\n/* @conditional-compile-remove(file-sharing-acs) */\n/**\n * @private\n */\ninterface SetAction extends Action {\n  type: AttachmentUploadActionType.Set;\n  newUploads: AttachmentUpload[];\n}\n\n/* @conditional-compile-remove(file-sharing-acs) */\n/**\n * @private\n */\nexport interface ProgressAction extends Action {\n  type: AttachmentUploadActionType.Progress;\n  taskId: string;\n  progress: number;\n}\n\n/* @conditional-compile-remove(file-sharing-acs) */\n/**\n * @private\n */\nexport interface CompleteAction extends Action {\n  type: AttachmentUploadActionType.Completed;\n  taskId: string;\n  id: string;\n  url: string;\n}\n\n/* @conditional-compile-remove(file-sharing-acs) */\n/**\n * @private\n */\nexport interface FailedAction extends Action {\n  type: AttachmentUploadActionType.Failed;\n  taskId: string;\n  message: string;\n}\n\n/* @conditional-compile-remove(file-sharing-acs) */\n/**\n * @private\n */\nexport interface RemoveAction extends Action {\n  type: AttachmentUploadActionType.Remove;\n  id: string;\n}\n\n/* @conditional-compile-remove(file-sharing-acs) */\n/**\n * @private\n */\nexport interface ClearAction extends Action {\n  type: AttachmentUploadActionType.Clear;\n}\n\n/* @conditional-compile-remove(file-sharing-acs) */\n/**\n * @private\n */\ntype Actions = SetAction | ProgressAction | CompleteAction | FailedAction | RemoveAction | ClearAction;\n\n/* @conditional-compile-remove(file-sharing-acs) */\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\n/* @conditional-compile-remove(file-sharing-acs) */\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.d.ts

@@ -0,0 +1,38 @@
+/// <reference types="react" />
+/**
+ * Props for {@link AttachmentUploadButton} component.
+ * @internal
+ */
+export interface AttachmentUploadButtonProps {
+    /**
+     * A list of strings containing the comma separated list of supported media (aka. mime) types.
+     * i.e. ['image/*', 'video/*', 'audio/*']
+     * Default value is `['*']`, meaning all media types are supported.
+     * Similar to the `accept` attribute of the `<input type="file" />` element.
+     */
+    supportedMediaTypes?: string[];
+    /**
+     * Disable multiple files to be selected if set to `true`.
+     * Default value is `false`, meaning multiple files can be selected.
+     * Similar to the `multiple` attribute of the `<input type="file" />` element.
+     */
+    disableMultipleUploads?: boolean;
+    /**
+     * onChange handler for the attachment upload button.
+     * Similar to the `onChange` attribute of the `<input type="file" />` element.
+     * Called every time files are selected through the attachment upload button with a {@link FileList}
+     * of selected files.
+     */
+    onChange?: (files: FileList | null) => void;
+}
+/**
+ * @internal
+ */
+export declare const AttachmentUploadButton: (props: AttachmentUploadButtonProps) => JSX.Element;
+/**
+ * A wrapper to return {@link AttachmentUploadButton} component conditionally.
+ * It will return `<></>` for stable builds.
+ * @internal
+ */
+export declare const AttachmentUploadButtonWrapper: (props: Pick<AttachmentUploadButtonProps, 'supportedMediaTypes' | 'disableMultipleUploads' | 'onChange'>) => JSX.Element;
+//# sourceMappingURL=AttachmentUploadButton.d.ts.map

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

@@ -0,0 +1,82 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+/* @conditional-compile-remove(file-sharing-acs) */
+import { IconButton, mergeStyles, Stack, TooltipHost, useTheme } from '@fluentui/react';
+/* @conditional-compile-remove(file-sharing-acs) */
+import React from 'react';
+/* @conditional-compile-remove(file-sharing-acs) */
+import { ChatCompositeIcon } from '../../common/icons';
+/* @conditional-compile-remove(file-sharing-acs) */
+import { useLocale } from '../../localization';
+/* @conditional-compile-remove(file-sharing-acs) */
+/**
+ * @internal
+ */
+export const AttachmentUploadButton = (props) => {
+    const inputRef = React.useRef(null);
+    const theme = useTheme();
+    // default supportedMediaTypes is ['*'], meaning all media types are supported.
+    // default disableMultipleUploads is false, meaning multiple files can be selected.
+    const { supportedMediaTypes = ['*'], disableMultipleUploads = false, onChange } = props;
+    const attachmentUploadButtonClassName = mergeStyles({
+        width: '1.5rem',
+        height: '1.5rem',
+        cursor: 'pointer',
+        padding: '0.15rem',
+        ':hover': {
+            backgroundColor: theme.palette.neutralLighter
+        }
+    });
+    const iconButtonClassName = mergeStyles({
+        color: 'unset',
+        width: '1.5rem',
+        height: '1.5rem',
+        ':hover': {
+            color: 'unset',
+            background: 'transparent'
+        }
+    });
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Stack, { verticalAlign: "center", horizontalAlign: "center", className: attachmentUploadButtonClassName, onClick: () => {
+                var _a;
+                (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.click();
+            } },
+            React.createElement(TooltipHost, { content: uploadAttachmentButtonStringTrampoline(), "data-ui-id": "chat-composite-message-tooltip" },
+                React.createElement(IconButton, { className: iconButtonClassName, ariaLabel: uploadAttachmentButtonStringTrampoline(), autoFocus: false },
+                    React.createElement(SendBoxAttachFileIconTrampoline, null)))),
+        React.createElement("input", { "data-testid": "attachment-upload-button", ref: inputRef, autoFocus: false, 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) => {
+                onChange && onChange(e.currentTarget.files);
+            } })));
+};
+/* @conditional-compile-remove(file-sharing-acs) */
+const SendBoxAttachFileIconTrampoline = () => {
+    /* @conditional-compile-remove(file-sharing-acs) */
+    return React.createElement(ChatCompositeIcon, { iconName: "SendBoxAttachFile" });
+    // Return _some_ available icon, as the real icon is beta-only.
+    return React.createElement(ChatCompositeIcon, { iconName: "EditBoxCancel" });
+};
+/* @conditional-compile-remove(file-sharing-acs) */
+/**
+ * A wrapper to return {@link AttachmentUploadButton} component conditionally.
+ * It will return `<></>` for stable builds.
+ * @internal
+ */
+export const AttachmentUploadButtonWrapper = (
+// To make conditional compilation not throw errors.
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+props) => {
+    return (React.createElement(React.Fragment, null, 
+    /* @conditional-compile-remove(file-sharing-acs) */
+    React.createElement(AttachmentUploadButton, Object.assign({}, props))));
+};
+/* @conditional-compile-remove(file-sharing-acs) */
+const uploadAttachmentButtonStringTrampoline = () => {
+    /* @conditional-compile-remove(file-sharing-acs) */
+    //eslint-disable-next-line react-hooks/rules-of-hooks
+    return useLocale().strings.chat.uploadAttachment;
+    return '';
+};
+//# sourceMappingURL=AttachmentUploadButton.js.map

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

@@ -0,0 +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\n/* @conditional-compile-remove(file-sharing-acs) */\nimport { IconButton, mergeStyles, Stack, TooltipHost, useTheme } from '@fluentui/react';\n/* @conditional-compile-remove(file-sharing-acs) */\nimport React from 'react';\n/* @conditional-compile-remove(file-sharing-acs) */\nimport { ChatCompositeIcon } from '../../common/icons';\n/* @conditional-compile-remove(file-sharing-acs) */\nimport { useLocale } from '../../localization';\n\n/* @conditional-compile-remove(file-sharing-acs) */\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/* @conditional-compile-remove(file-sharing-acs) */\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        <TooltipHost content={uploadAttachmentButtonStringTrampoline()} data-ui-id=\"chat-composite-message-tooltip\">\n          <IconButton\n            className={iconButtonClassName}\n            ariaLabel={uploadAttachmentButtonStringTrampoline()}\n            autoFocus={false}\n          >\n            <SendBoxAttachFileIconTrampoline />\n          </IconButton>\n        </TooltipHost>\n      </Stack>\n      <input\n        data-testid=\"attachment-upload-button\"\n        ref={inputRef}\n        autoFocus={false}\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\n/* @conditional-compile-remove(file-sharing-acs) */\nconst SendBoxAttachFileIconTrampoline = (): JSX.Element => {\n  /* @conditional-compile-remove(file-sharing-acs) */\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/* @conditional-compile-remove(file-sharing-acs) */\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(file-sharing-acs) */\n        <AttachmentUploadButton {...props} />\n      }\n    </>\n  );\n};\n\n/* @conditional-compile-remove(file-sharing-acs) */\nconst uploadAttachmentButtonStringTrampoline = (): string => {\n  /* @conditional-compile-remove(file-sharing-acs) */\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

@@ -0,0 +1,5 @@
+export * from './AttachmentUpload';
+export * from './AttachmentUploadButton';
+export type { AttachmentOptions, AttachmentUploadTask, AttachmentUploadOptions, AttachmentRemovalHandler, AttachmentMetadataWrapper, AttachmentSelectionHandler, AttachmentActionHandler } from "../../../../../react-components/src";
+export type { AttachmentDownloadOptions } from "../../../../../react-components/src";
+//# sourceMappingURL=index.d.ts.map