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

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":["../../../../../../../preprocess-dist/react-composites/src/composites/ChatComposite/adapter/ChatAdapter.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport type { ChatMessage, ChatParticipant, SendMessageOptions } from '@azure/communication-chat';\nimport type { CommunicationIdentifierKind, CommunicationUserKind } from '@azure/communication-common';\nimport { ChatThreadClientState } from '@internal/chat-stateful-client';\nimport type { AdapterError, AdapterErrors, AdapterState, Disposable } from '../../common/adapters';\n/**\n * {@link ChatAdapter} state for pure UI purposes.\n *\n * @public\n */\nexport type ChatAdapterUiState = {\n  // FIXME(Delete?)\n  // Self-contained state for composite\n  error?: Error;\n};\n\n/**\n * {@link ChatAdapter} state inferred from Azure Communication Services backend.\n *\n * @public\n */\nexport type ChatCompositeClientState = {\n  userId: CommunicationIdentifierKind;\n  displayName: string;\n  thread: ChatThreadClientState;\n  /**\n   * Latest error encountered for each operation performed via the adapter.\n   */\n  latestErrors: AdapterErrors;\n};\n\n/**\n * {@link ChatAdapter} state.\n *\n * @public\n */\nexport type ChatAdapterState = ChatAdapterUiState & ChatCompositeClientState;\n\n/**\n * Functionality for managing the current chat thread.\n *\n * @public\n */\nexport interface ChatAdapterThreadManagement {\n  /**\n   * Fetch initial state for the Chat adapter.\n   *\n   * Performs the minimal fetch necessary for ChatComposite and API methods.\n   */\n  fetchInitialData(): Promise<void>;\n  /**\n   * Send a message in the thread.\n   */\n  sendMessage(content: string, options?: SendMessageOptions): Promise<void>;\n  /**\n   * Send a read receipt for a message.\n   */\n  sendReadReceipt(chatMessageId: string): Promise<void>;\n  /**\n   * Send typing indicator in the thread.\n   */\n  sendTypingIndicator(): Promise<void>;\n  /**\n   * Remove a participant in the thread.\n   */\n  removeParticipant(userId: string): Promise<void>;\n  /**\n   * Set the topic for the thread.\n   */\n  setTopic(topicName: string): Promise<void>;\n  /**\n   * Update a message content.\n   */\n  updateMessage(messageId: string, content: string, metadata?: Record<string, string>): Promise<void>;\n  /**\n   * Delete a message in the thread.\n   */\n  deleteMessage(messageId: string): Promise<void>;\n  /**\n   * Load more previous messages in the chat thread history.\n   *\n   * @remarks\n   * This method is usually used to control incremental fetch/infinite scroll\n   *\n   */\n  loadPreviousChatMessages(messagesToLoad: number): Promise<boolean>;\n  /**\n   * 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;"]}

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

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

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":["../../../../../../../preprocess-dist/react-composites/src/composites/ChatComposite/adapter/ChatAdapterProvider.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAYzD,MAAM,kBAAkB,GAAG,aAAa,CAA0B,SAAS,CAAC,CAAC;AAE7E;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAAwB,EAAe,EAAE;IAC3E,MAAM,EACJ,OAAO,EACR,GAAG,KAAK,CAAC;IACV,OAAO,oBAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,IAAG,KAAK,CAAC,QAAQ,CAA+B,CAAC;AACrG,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,GAAgB,EAAE;IAC1C,MAAM,OAAO,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAC/C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,qDAAqD,CAAC;IAC9D,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,GAA6B,EAAE;IACvE,iFAAiF;IACjF,OAAO;QACL,qBAAqB;YACnB,OAAQ,EAA6B,CAAC;QACxC,CAAC;QACD,wBAAwB;YACtB,OAAQ,EAA6B,CAAC;QACxC,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};\nconst ChatAdapterContext = createContext<ChatAdapter | undefined>(undefined);\n\n/**\n * @private\n */\nexport const ChatAdapterProvider = (props: ChatProviderProps): JSX.Element => {\n  const {\n    adapter\n  } = props;\n  return <ChatAdapterContext.Provider value={adapter}>{props.children}</ChatAdapterContext.Provider>;\n};\n\n/**\n * @private\n */\nexport const useAdapter = (): ChatAdapter => {\n  const adapter = useContext(ChatAdapterContext);\n  if (!adapter) {\n    throw 'Cannot find adapter please initialize before usage.';\n  }\n  return adapter;\n};\n\n/**\n * @private\n */\nexport const useAttachmentUploadAdapter = (): _AttachmentUploadAdapter => {\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};"]}

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":["../../../../../../../preprocess-dist/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;AAG/D;;;;GAIG;AACH,MAAM,OAAO,gBAAgB;IAc3B,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,GAAK,IAAuC,aAAvC,IAAI,uBAAJ,IAAI,CAAqC,IAAI,CAAC;QAC7D,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACnB,CAAC;IACD,2BAA2B,CAAC,KAAa;QACvC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,sBAAsB,EAAE,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IACjE,CAAC;IACD,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;IACD,kBAAkB,CAAC,OAAe;QAChC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACzD,CAAC;IAID;;;;OAIG;IACH,EAAE,CAAC,KAA6B,EAAE,QAAuC;QACvE,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;IAC7C,CAAC;IAID;;;;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 { AttachmentMetadata, AttachmentSelectionHandler, AttachmentUploadTask, AttachmentProgressError } 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  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  notifyUploadProgressChanged(value: number): void {\n    this._emitter.emit('uploadProgressChange', this.taskId, value);\n  }\n  notifyUploadCompleted(id: string, url: string): void {\n    this._emitter.emit('uploadComplete', this.taskId, id, url);\n  }\n  notifyUploadFailed(message: string): void {\n    this._emitter.emit('uploadFail', this.taskId, message);\n  }\n  on(event: 'uploadProgressChange', listener: UploadProgressListener): void;\n  on(event: 'uploadComplete', listener: UploadCompleteListener): void;\n  on(event: 'uploadFail', listener: UploadFailedListener): void;\n  /**\n   * 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  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}\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}"]}

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

@@ -3,8 +3,6 @@
 import { IconButton, mergeStyles, Stack, useTheme } from '@fluentui/react';
 import React from 'react';
 import { ChatCompositeIcon } from '../../common/icons';
-/* @conditional-compile-remove(attachment-upload) */
-import { useLocale } from '../../localization';
 /**
  * @internal
  */
@@ -32,23 +30,21 @@ export const AttachmentUploadButton = (props) => {
             background: 'transparent'
         }
     });
-    return (React.createElement(React.Fragment, null,
+    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(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", { 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) => {
+            }, onChange: e => {
                 onChange && onChange(e.currentTarget.files);
-            } })));
+            } }));
 };
 const SendBoxAttachFileIconTrampoline = () => {
-    /* @conditional-compile-remove(attachment-upload) */
-    return React.createElement(ChatCompositeIcon, { iconName: "SendBoxAttachFile" });
     // Return _some_ available icon, as the real icon is beta-only.
     return React.createElement(ChatCompositeIcon, { iconName: "EditBoxCancel" });
 };
@@ -57,18 +53,10 @@ const SendBoxAttachFileIconTrampoline = () => {
  * It will return `<></>` for stable builds.
  * @internal
  */
-export const AttachmentUploadButtonWrapper = (
-// To make conditional compilation not throw errors.
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-props) => {
-    return (React.createElement(React.Fragment, null, 
-    /* @conditional-compile-remove(attachment-upload) */
-    React.createElement(AttachmentUploadButton, Object.assign({}, props))));
+export const AttachmentUploadButtonWrapper = (props) => {
+    return React.createElement(React.Fragment, null);
 };
 const uploadAttachmentButtonStringTrampoline = () => {
-    //@conditional-compile-remove(attachment-upload)
-    //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

@@ -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":["../../../../../../../preprocess-dist/react-composites/src/composites/ChatComposite/file-sharing/AttachmentUploadButton.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3E,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AA4BvD;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,KAAkC,EAAe,EAAE;IACxF,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAmB,IAAI,CAAC,CAAC;IACtD,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,+EAA+E;IAC/E,mFAAmF;IACnF,MAAM,EACJ,mBAAmB,GAAG,CAAC,GAAG,CAAC,EAC3B,sBAAsB,GAAG,KAAK,EAC9B,QAAQ,EACT,GAAG,KAAK,CAAC;IACV,MAAM,+BAA+B,GAAG,WAAW,CAAC;QAClD,KAAK,EAAE,QAAQ;QACf,MAAM,EAAE,QAAQ;QAChB,MAAM,EAAE,SAAS;QACjB,OAAO,EAAE,SAAS;QAClB,QAAQ,EAAE;YACR,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc;SAC9C;KACF,CAAC,CAAC;IACH,MAAM,mBAAmB,GAAG,WAAW,CAAC;QACtC,KAAK,EAAE,OAAO;QACd,KAAK,EAAE,QAAQ;QACf,MAAM,EAAE,QAAQ;QAChB,QAAQ,EAAE;YACR,KAAK,EAAE,OAAO;YACd,UAAU,EAAE,aAAa;SAC1B;KACF,CAAC,CAAC;IACH,OAAO;QACH,oBAAC,KAAK,IAAC,aAAa,EAAC,QAAQ,EAAC,eAAe,EAAC,QAAQ,EAAC,SAAS,EAAE,+BAA+B,EAAE,OAAO,EAAE,GAAG,EAAE;;gBACjH,MAAA,QAAQ,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;YAC5B,CAAC;YACG,oBAAC,UAAU,IAAC,SAAS,EAAE,mBAAmB,EAAE,SAAS,EAAE,sCAAsC,EAAE;gBAC7F,oBAAC,+BAA+B,OAAG,CACxB,CACP;QACR,+BAAO,GAAG,EAAE,QAAQ,EAAE,MAAM,QAAC,QAAQ,EAAE,CAAC,sBAAsB,EAAE,MAAM,EAAE,mBAAmB,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,CAAC,CAAC,EAAE;gBAChI,4EAA4E;gBAC5E,CAAC,CAAC,aAAa,CAAC,KAAK,GAAG,EAAE,CAAC;YAC7B,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE;gBACf,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAC9C,CAAC,GAAI,CACF,CAAC;AACR,CAAC,CAAC;AACF,MAAM,+BAA+B,GAAG,GAAgB,EAAE;IACxD,+DAA+D;IAC/D,OAAO,oBAAC,iBAAiB,IAAC,QAAQ,EAAC,eAAe,GAAG,CAAC;AACxD,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,6BAA6B,GAAG,CAAC,KAAuG,EAAe,EAAE;IACpK,OAAO,yCAEF,CAAC;AACR,CAAC,CAAC;AACF,MAAM,sCAAsC,GAAG,GAAW,EAAE;IAC1D,OAAO,EAAE,CAAC;AACZ,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IconButton, mergeStyles, Stack, useTheme } from '@fluentui/react';\nimport React from 'react';\nimport { ChatCompositeIcon } from '../../common/icons';\n/**\n * Props for {@link 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 {\n    supportedMediaTypes = ['*'],\n    disableMultipleUploads = false,\n    onChange\n  } = props;\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  const iconButtonClassName = mergeStyles({\n    color: 'unset',\n    width: '1.5rem',\n    height: '1.5rem',\n    ':hover': {\n      color: 'unset',\n      background: 'transparent'\n    }\n  });\n  return <>\n      <Stack verticalAlign=\"center\" horizontalAlign=\"center\" className={attachmentUploadButtonClassName} onClick={() => {\n      inputRef.current?.click();\n    }}>\n        <IconButton className={iconButtonClassName} ariaLabel={uploadAttachmentButtonStringTrampoline()}>\n          <SendBoxAttachFileIconTrampoline />\n        </IconButton>\n      </Stack>\n      <input ref={inputRef} hidden multiple={!disableMultipleUploads} accept={supportedMediaTypes.join(',')} type=\"file\" onClick={e => {\n      // To ensure that `onChange` is fired even if the same file is picked again.\n      e.currentTarget.value = '';\n    }} onChange={e => {\n      onChange && onChange(e.currentTarget.files);\n    }} />\n    </>;\n};\nconst SendBoxAttachFileIconTrampoline = (): JSX.Element => {\n  // Return _some_ available icon, as the real icon is beta-only.\n  return <ChatCompositeIcon iconName=\"EditBoxCancel\" />;\n};\n\n/**\n * A wrapper to return {@link AttachmentUploadButton} component conditionally.\n * It will return `<></>` for stable builds.\n * @internal\n */\nexport const AttachmentUploadButtonWrapper = (props: Pick<AttachmentUploadButtonProps, 'supportedMediaTypes' | 'disableMultipleUploads' | 'onChange'>): JSX.Element => {\n  return <>\n      {}\n    </>;\n};\nconst uploadAttachmentButtonStringTrampoline = (): string => {\n  return '';\n};"]}

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

@@ -1,7 +1,6 @@
 export * from './AttachmentUpload';
 export * from './AttachmentUploadButton';
 export type { AttachmentOptions, AttachmentProgressError, AttachmentUploadOptions, AttachmentSelectionHandler, AttachmentRemovalHandler, AttachmentUploadTask } 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

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":["../../../../../../../preprocess-dist/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';\nexport type { AttachmentOptions, AttachmentProgressError, AttachmentUploadOptions, AttachmentSelectionHandler, AttachmentRemovalHandler, AttachmentUploadTask } from '@internal/react-components';\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};"]}

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

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

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

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

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

@@ -6,9 +6,7 @@ import { useAdapter } from '../adapter/ChatAdapterProvider';
  * @private
  */
 // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/explicit-function-return-type
-export const useHandlers = (
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-_component) => {
+export const useHandlers = (_component) => {
     return createCompositeHandlers(useAdapter());
 };
 const createCompositeHandlers = memoizeOne((adapter) => ({
@@ -18,18 +16,9 @@ const createCompositeHandlers = memoizeOne((adapter) => ({
     onTyping: adapter.sendTypingIndicator,
     onRemoveParticipant: adapter.removeParticipant,
     updateThreadTopicName: adapter.setTopic,
-    onUpdateMessage: (messageId, content, 
-    /* @conditional-compile-remove(attachment-upload) */
-    options) => {
+    onUpdateMessage: (messageId, content, options) => {
         let metadata = undefined;
-        /* @conditional-compile-remove(attachment-upload) */
-        metadata = options === null || options === void 0 ? void 0 : options.metadata;
-        /* @conditional-compile-remove(attachment-upload) */
-        const updatedOptions = {
-            attachmentMetadata: options === null || options === void 0 ? void 0 : options.attachmentMetadata
-        };
-        return adapter.updateMessage(messageId, content, metadata, 
-        /* @conditional-compile-remove(attachment-upload) */ updatedOptions);
+        return adapter.updateMessage(messageId, content, metadata);
     },
     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":["../../../../../../../preprocess-dist/react-composites/src/composites/ChatComposite/hooks/useHandlers.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAKlC,OAAO,UAAU,MAAM,aAAa,CAAC;AAErC,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D;;GAEG;AACH,+HAA+H;AAC/H,MAAM,CAAC,MAAM,WAAW,GAAG,CAAU,UAAkD,EAA8D,EAAE;IACrJ,OAAO,uBAAuB,CAAC,UAAU,EAAE,CAAC,CAAC;AAC/C,CAAC,CAAC;AACF,MAAM,uBAAuB,GAAG,UAAU,CAAC,CAAC,OAAoB,EAAgB,EAAE,CAAC,CAAC;IAClF,aAAa,EAAE,OAAO,CAAC,WAAW;IAClC,0BAA0B,EAAE,OAAO,CAAC,wBAAwB;IAC5D,aAAa,EAAE,OAAO,CAAC,eAAe;IACtC,QAAQ,EAAE,OAAO,CAAC,mBAAmB;IACrC,mBAAmB,EAAE,OAAO,CAAC,iBAAiB;IAC9C,qBAAqB,EAAE,OAAO,CAAC,QAAQ;IACvC,eAAe,EAAE,CAAC,SAAiB,EAAE,OAAe,EAAE,OAErD,EAAE,EAAE;QACH,IAAI,QAAQ,GAAG,SAAS,CAAC;QACzB,OAAO,OAAO,CAAC,aAAa,CAAC,SAAS,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC;IAC7D,CAAC;IACD,eAAe,EAAE,OAAO,CAAC,aAAa;CACvC,CAAC,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { CommonProperties } from '@internal/acs-ui-common';\nimport { ChatHandlers } from '@internal/chat-component-bindings';\nimport { ReactElement } from 'react';\nimport memoizeOne from 'memoize-one';\nimport { ChatAdapter } from '../adapter/ChatAdapter';\nimport { useAdapter } from '../adapter/ChatAdapterProvider';\n/**\n * @private\n */\n// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/explicit-function-return-type\nexport const useHandlers = <PropsT,>(_component: (props: PropsT) => ReactElement | null): Pick<ChatHandlers, CommonProperties<ChatHandlers, PropsT>> => {\n  return createCompositeHandlers(useAdapter());\n};\nconst createCompositeHandlers = memoizeOne((adapter: ChatAdapter): ChatHandlers => ({\n  onSendMessage: adapter.sendMessage,\n  onLoadPreviousChatMessages: adapter.loadPreviousChatMessages,\n  onMessageSeen: adapter.sendReadReceipt,\n  onTyping: adapter.sendTypingIndicator,\n  onRemoveParticipant: adapter.removeParticipant,\n  updateThreadTopicName: adapter.setTopic,\n  onUpdateMessage: (messageId: string, content: string, options?: {\n    metadata?: Record<string, string>;\n  }) => {\n    let metadata = undefined;\n    return adapter.updateMessage(messageId, content, metadata);\n  },\n  onDeleteMessage: adapter.deleteMessage\n}));"]}

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

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

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

@@ -5,7 +5,4 @@ export type { ChatCompositeProps, ChatCompositeOptions } from './ChatComposite';
 export type { ChatAdapter, ChatAdapterSubscribers, ChatAdapterThreadManagement, ChatCompositeClientState, ChatAdapterState, ChatAdapterUiState, MessageReadListener, MessageReceivedListener, MessageSentListener, MessageEditedListener, MessageDeletedListener, ParticipantsAddedListener, ParticipantsRemovedListener, TopicChangedListener } from './adapter/ChatAdapter';
 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';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/ChatComposite/index.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EACL,mCAAmC,EACnC,6CAA6C,EAC7C,gCAAgC,EACjC,MAAM,yCAAyC,CAAC;AAEjD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAsBhD,cAAc,WAAW,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nexport {\n  createAzureCommunicationChatAdapter,\n  createAzureCommunicationChatAdapterFromClient,\n  useAzureCommunicationChatAdapter\n} from './adapter/AzureCommunicationChatAdapter';\nexport type { AzureCommunicationChatAdapterArgs } from './adapter/AzureCommunicationChatAdapter';\nexport { ChatComposite } from './ChatComposite';\nexport type { ChatCompositeProps, ChatCompositeOptions } from './ChatComposite';\n\nexport type {\n  ChatAdapter,\n  ChatAdapterSubscribers,\n  ChatAdapterThreadManagement,\n  ChatCompositeClientState,\n  ChatAdapterState,\n  ChatAdapterUiState,\n  MessageReadListener,\n  MessageReceivedListener,\n  MessageSentListener,\n  MessageEditedListener,\n  MessageDeletedListener,\n  ParticipantsAddedListener,\n  ParticipantsRemovedListener,\n  TopicChangedListener\n} from './adapter/ChatAdapter';\n\nexport type { ResourceDetails } from './adapter/ChatAdapter';\n\nexport * from './Strings';\n\n/* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */\nexport type { AttachmentOptions, AttachmentMetadata, AttachmentDownloadOptions } from './file-sharing';\n/* @conditional-compile-remove(attachment-upload) */\nexport type {\n  AttachmentProgressError,\n  AttachmentUploadOptions,\n  AttachmentSelectionHandler,\n  AttachmentRemovalHandler,\n  AttachmentUploadTask\n} from './file-sharing';\n/* @conditional-compile-remove(attachment-upload) */\nexport type {\n  _AttachmentUploadsUiState,\n  _AttachmentUploadAdapter\n} from './adapter/AzureCommunicationAttachmentUploadAdapter';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-composites/src/composites/ChatComposite/index.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,mCAAmC,EAAE,6CAA6C,EAAE,gCAAgC,EAAE,MAAM,yCAAyC,CAAC;AAE/K,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIhD,cAAc,WAAW,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nexport { createAzureCommunicationChatAdapter, createAzureCommunicationChatAdapterFromClient, useAzureCommunicationChatAdapter } from './adapter/AzureCommunicationChatAdapter';\nexport type { AzureCommunicationChatAdapterArgs } from './adapter/AzureCommunicationChatAdapter';\nexport { ChatComposite } from './ChatComposite';\nexport type { ChatCompositeProps, ChatCompositeOptions } from './ChatComposite';\nexport type { ChatAdapter, ChatAdapterSubscribers, ChatAdapterThreadManagement, ChatCompositeClientState, ChatAdapterState, ChatAdapterUiState, MessageReadListener, MessageReceivedListener, MessageSentListener, MessageEditedListener, MessageDeletedListener, ParticipantsAddedListener, ParticipantsRemovedListener, TopicChangedListener } from './adapter/ChatAdapter';\nexport type { ResourceDetails } from './adapter/ChatAdapter';\nexport * from './Strings';"]}

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

@@ -84,8 +84,12 @@ export const topicNameLabelStyle = mergeStyles({
  * @private
  */
 export const messageThreadChatCompositeStyles = memoizeFunction((background) => ({
-    root: { maxWidth: `${CHAT_CONTAINER_MAX_WIDTH_REM}rem` },
-    chatContainer: { background: background }
+    root: {
+        maxWidth: `${CHAT_CONTAINER_MAX_WIDTH_REM}rem`
+    },
+    chatContainer: {
+        background: background
+    }
 }));
 /**
  * @private

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

@@ -1 +1 @@
-{"version":3,"file":"Chat.styles.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/ChatComposite/styles/Chat.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAU,eAAe,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEvE,OAAO,EAAE,4BAA4B,EAAE,MAAM,wBAAwB,CAAC;AAEtE,MAAM,4BAA4B,GAAG,KAAK,CAAC;AAC3C,MAAM,6BAA6B,GAAG,EAAE,CAAC;AAEzC;;;GAGG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,CAAC;AAEvC;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,WAAW,CAAC;IAClD,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;IACb,SAAS,EAAE,GAAG,6BAA6B,KAAK;IAChD,QAAQ,EAAE,GAAG,4BAA4B,KAAK;CAC/C,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,WAAW,CAAC;IACvC,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,QAAQ;IAElB,sBAAsB,EAAE;QACtB,KAAK,EAAE,QAAQ;QACf,MAAM,EAAE,QAAQ;KACjB;IACD,kCAAkC,EAAE;QAClC,UAAU,EAAE,qBAAqB;QACjC,YAAY,EAAE,QAAQ;KACvB;IACD,4BAA4B,EAAE;QAC5B,YAAY,EAAE,MAAM;QACpB,UAAU,EAAE,qBAAqB;KAClC;CACF,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,WAAW,CAAC;IAClC,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,MAAM;IAChB,QAAQ,EAAE,UAAU,CAAC,wFAAwF;CAC9G,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,WAAW,CAAC;IACrC,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,QAAQ;IAClB,MAAM,EAAE,qBAAqB;CAC9B,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,WAAW,CAAC;IAClD,KAAK,EAAE,MAAM;IACb,WAAW,EAAE,QAAQ;IACrB,YAAY,EAAE,QAAQ;IACtB,sCAAsC,EAAE;QACtC,WAAW,EAAE,IAAI;QACjB,YAAY,EAAE,IAAI;KACnB;IACD,YAAY,EAAE,wBAAwB;CACvC,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,WAAW,CAAC;IAC7C,QAAQ,EAAE,QAAQ;IAClB,UAAU,EAAE,QAAQ;IACpB,UAAU,EAAE,GAAG;IACf,WAAW,EAAE,UAAU;IACvB,YAAY,EAAE,UAAU;IACxB,SAAS,EAAE,QAAQ;CACpB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,gCAAgC,GAAG,eAAe,CAC7D,CAAC,UAAkB,EAAuB,EAAE,CAAC,CAAC;IAC5C,IAAI,EAAE,EAAE,QAAQ,EAAE,GAAG,4BAA4B,KAAK,EAAE;IACxD,aAAa,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE;CAC1C,CAAC,CACH,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,8BAA8B,GAAW;IACpD,OAAO,EAAE,cAAc;CACxB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAW;IAC5C,QAAQ,EAAE,GAAG,4BAA4B,KAAK;IAC9C,KAAK,EAAE,MAAM;IACb,SAAS,EAAE,QAAQ;CACpB,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IStyle, memoizeFunction, mergeStyles } from '@fluentui/react';\nimport { MessageThreadStyles } from '@internal/react-components';\nimport { CHAT_CONTAINER_MIN_WIDTH_REM } from '../../common/constants';\n\nconst CHAT_CONTAINER_MAX_WIDTH_REM = 41.25;\nconst CHAT_CONTAINER_MIN_HEIGHT_REM = 13;\n\n/**\n * @private\n * z-index to ensure that chat container has lower z-index than participant pane\n */\nexport const CHAT_CONTAINER_ZINDEX = 1;\n\n/**\n * @private\n */\nexport const chatScreenContainerStyle = mergeStyles({\n  height: '100%',\n  width: '100%',\n  minHeight: `${CHAT_CONTAINER_MIN_HEIGHT_REM}rem`,\n  minWidth: `${CHAT_CONTAINER_MIN_WIDTH_REM}rem`\n});\n\n/**\n * @private\n */\nexport const chatContainer = mergeStyles({\n  height: '100%',\n  width: '100%',\n  overflow: 'hidden',\n\n  '*::-webkit-scrollbar': {\n    width: '0.3rem',\n    height: '0.3rem'\n  },\n  '.scroll::-webkit-scrollbar-track': {\n    background: 'rgba(150, 150, 150)',\n    borderRadius: '0.3rem'\n  },\n  '*::-webkit-scrollbar-thumb': {\n    borderRadius: '10px',\n    background: 'rgba(150, 150, 150)'\n  }\n});\n\n/**\n * @private\n */\nexport const chatArea = mergeStyles({\n  height: '100%',\n  width: '100%',\n  overflow: 'auto',\n  position: 'relative' // Ensure that the absolute children components are positioned relative to the chat area\n});\n\n/**\n * @private\n */\nexport const chatWrapper = mergeStyles({\n  height: '100%',\n  width: '100%',\n  overflow: 'hidden',\n  zIndex: CHAT_CONTAINER_ZINDEX\n});\n\n/**\n * @private\n */\nexport const chatHeaderContainerStyle = mergeStyles({\n  width: '100%',\n  paddingLeft: '1.5rem',\n  paddingRight: '1.5rem',\n  '@media screen and (max-width: 25rem)': {\n    paddingLeft: '5%',\n    paddingRight: '5%'\n  },\n  borderBottom: '0.063rem solid #DDDDDD'\n});\n\n/**\n * @private\n */\nexport const topicNameLabelStyle = mergeStyles({\n  fontSize: '1.1rem',\n  lineHeight: '2.5rem',\n  fontWeight: 600,\n  marginRight: '0.125rem',\n  textOverflow: 'ellipsis',\n  overflowY: 'hidden'\n});\n\n/**\n * @private\n */\nexport const messageThreadChatCompositeStyles = memoizeFunction(\n  (background: string): MessageThreadStyles => ({\n    root: { maxWidth: `${CHAT_CONTAINER_MAX_WIDTH_REM}rem` },\n    chatContainer: { background: background }\n  })\n);\n\n/**\n * @private\n */\nexport const typingIndicatorContainerStyles: IStyle = {\n  padding: '0rem 0.25rem'\n};\n\n/**\n * @private\n */\nexport const sendboxContainerStyles: IStyle = {\n  maxWidth: `${CHAT_CONTAINER_MAX_WIDTH_REM}rem`,\n  width: '100%',\n  alignSelf: 'center'\n};\n"]}
+{"version":3,"file":"Chat.styles.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/ChatComposite/styles/Chat.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAU,eAAe,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEvE,OAAO,EAAE,4BAA4B,EAAE,MAAM,wBAAwB,CAAC;AACtE,MAAM,4BAA4B,GAAG,KAAK,CAAC;AAC3C,MAAM,6BAA6B,GAAG,EAAE,CAAC;AAEzC;;;GAGG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,CAAC;AAEvC;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,WAAW,CAAC;IAClD,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;IACb,SAAS,EAAE,GAAG,6BAA6B,KAAK;IAChD,QAAQ,EAAE,GAAG,4BAA4B,KAAK;CAC/C,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,WAAW,CAAC;IACvC,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,QAAQ;IAClB,sBAAsB,EAAE;QACtB,KAAK,EAAE,QAAQ;QACf,MAAM,EAAE,QAAQ;KACjB;IACD,kCAAkC,EAAE;QAClC,UAAU,EAAE,qBAAqB;QACjC,YAAY,EAAE,QAAQ;KACvB;IACD,4BAA4B,EAAE;QAC5B,YAAY,EAAE,MAAM;QACpB,UAAU,EAAE,qBAAqB;KAClC;CACF,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,WAAW,CAAC;IAClC,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,MAAM;IAChB,QAAQ,EAAE,UAAU,CAAC,wFAAwF;CAC9G,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,WAAW,CAAC;IACrC,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,QAAQ;IAClB,MAAM,EAAE,qBAAqB;CAC9B,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,WAAW,CAAC;IAClD,KAAK,EAAE,MAAM;IACb,WAAW,EAAE,QAAQ;IACrB,YAAY,EAAE,QAAQ;IACtB,sCAAsC,EAAE;QACtC,WAAW,EAAE,IAAI;QACjB,YAAY,EAAE,IAAI;KACnB;IACD,YAAY,EAAE,wBAAwB;CACvC,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,WAAW,CAAC;IAC7C,QAAQ,EAAE,QAAQ;IAClB,UAAU,EAAE,QAAQ;IACpB,UAAU,EAAE,GAAG;IACf,WAAW,EAAE,UAAU;IACvB,YAAY,EAAE,UAAU;IACxB,SAAS,EAAE,QAAQ;CACpB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,gCAAgC,GAAG,eAAe,CAAC,CAAC,UAAkB,EAAuB,EAAE,CAAC,CAAC;IAC5G,IAAI,EAAE;QACJ,QAAQ,EAAE,GAAG,4BAA4B,KAAK;KAC/C;IACD,aAAa,EAAE;QACb,UAAU,EAAE,UAAU;KACvB;CACF,CAAC,CAAC,CAAC;AAEJ;;GAEG;AACH,MAAM,CAAC,MAAM,8BAA8B,GAAW;IACpD,OAAO,EAAE,cAAc;CACxB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAW;IAC5C,QAAQ,EAAE,GAAG,4BAA4B,KAAK;IAC9C,KAAK,EAAE,MAAM;IACb,SAAS,EAAE,QAAQ;CACpB,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IStyle, memoizeFunction, mergeStyles } from '@fluentui/react';\nimport { MessageThreadStyles } from '@internal/react-components';\nimport { CHAT_CONTAINER_MIN_WIDTH_REM } from '../../common/constants';\nconst CHAT_CONTAINER_MAX_WIDTH_REM = 41.25;\nconst CHAT_CONTAINER_MIN_HEIGHT_REM = 13;\n\n/**\n * @private\n * z-index to ensure that chat container has lower z-index than participant pane\n */\nexport const CHAT_CONTAINER_ZINDEX = 1;\n\n/**\n * @private\n */\nexport const chatScreenContainerStyle = mergeStyles({\n  height: '100%',\n  width: '100%',\n  minHeight: `${CHAT_CONTAINER_MIN_HEIGHT_REM}rem`,\n  minWidth: `${CHAT_CONTAINER_MIN_WIDTH_REM}rem`\n});\n\n/**\n * @private\n */\nexport const chatContainer = mergeStyles({\n  height: '100%',\n  width: '100%',\n  overflow: 'hidden',\n  '*::-webkit-scrollbar': {\n    width: '0.3rem',\n    height: '0.3rem'\n  },\n  '.scroll::-webkit-scrollbar-track': {\n    background: 'rgba(150, 150, 150)',\n    borderRadius: '0.3rem'\n  },\n  '*::-webkit-scrollbar-thumb': {\n    borderRadius: '10px',\n    background: 'rgba(150, 150, 150)'\n  }\n});\n\n/**\n * @private\n */\nexport const chatArea = mergeStyles({\n  height: '100%',\n  width: '100%',\n  overflow: 'auto',\n  position: 'relative' // Ensure that the absolute children components are positioned relative to the chat area\n});\n\n/**\n * @private\n */\nexport const chatWrapper = mergeStyles({\n  height: '100%',\n  width: '100%',\n  overflow: 'hidden',\n  zIndex: CHAT_CONTAINER_ZINDEX\n});\n\n/**\n * @private\n */\nexport const chatHeaderContainerStyle = mergeStyles({\n  width: '100%',\n  paddingLeft: '1.5rem',\n  paddingRight: '1.5rem',\n  '@media screen and (max-width: 25rem)': {\n    paddingLeft: '5%',\n    paddingRight: '5%'\n  },\n  borderBottom: '0.063rem solid #DDDDDD'\n});\n\n/**\n * @private\n */\nexport const topicNameLabelStyle = mergeStyles({\n  fontSize: '1.1rem',\n  lineHeight: '2.5rem',\n  fontWeight: 600,\n  marginRight: '0.125rem',\n  textOverflow: 'ellipsis',\n  overflowY: 'hidden'\n});\n\n/**\n * @private\n */\nexport const messageThreadChatCompositeStyles = memoizeFunction((background: string): MessageThreadStyles => ({\n  root: {\n    maxWidth: `${CHAT_CONTAINER_MAX_WIDTH_REM}rem`\n  },\n  chatContainer: {\n    background: background\n  }\n}));\n\n/**\n * @private\n */\nexport const typingIndicatorContainerStyles: IStyle = {\n  padding: '0rem 0.25rem'\n};\n\n/**\n * @private\n */\nexport const sendboxContainerStyles: IStyle = {\n  maxWidth: `${CHAT_CONTAINER_MAX_WIDTH_REM}rem`,\n  width: '100%',\n  alignSelf: 'center'\n};"]}

package/dist/dist-esm/react-composites/src/composites/common/AddPeopleButton.d.ts

@@ -1,15 +1,11 @@
 /// <reference types="react" />
 import { CallWithChatCompositeStrings } from '../../index-public';
-import { CallCompositeStrings } from '../../index-public';
-import { PhoneNumberIdentifier } from '@azure/communication-common';
-import { AddPhoneNumberOptions } from '@azure/communication-calling';
 /** @private */
 export interface AddPeopleButtonProps {
     inviteLink?: string;
     mobileView?: boolean;
     participantList?: JSX.Element;
-    strings: CallWithChatCompositeStrings | /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */ CallCompositeStrings;
-    onAddParticipant: (participant: PhoneNumberIdentifier, options?: AddPhoneNumberOptions) => void;
+    strings: CallWithChatCompositeStrings;
     alternateCallerId?: string;
 }
 /** @private */

package/dist/dist-esm/react-composites/src/composites/common/AddPeopleButton.js

@@ -6,8 +6,6 @@ import React, { useCallback, useMemo, useRef, useState } from 'react';
 import { CallWithChatCompositeIcon } from './icons';
 import { peoplePaneContainerTokens } from './styles/ParticipantContainer.styles';
 import { copyLinkButtonContainerStyles, copyLinkButtonStackStyles, copyLinkButtonStyles, linkIconStyles, themedCopyLinkButtonStyles } from './styles/PeoplePaneContent.styles';
-/* @conditional-compile-remove(PSTN-calls) */
-import { AddPeopleDropdown } from './AddPeopleDropdown';
 import { Announcer } from "../../../../react-components/src";
 import { useId } from '@fluentui/react-hooks';
 import { CalloutWithIcon } from './CalloutWithIcon';
@@ -42,36 +40,31 @@ export const AddPeopleButton = (props) => {
         }, 2000);
     }, [setInviteLinkCopiedRecently, dateInviteLinkCopied]);
     const calloutButtonId = useId('callout-button');
-    /* @conditional-compile-remove(PSTN-calls) */
     if (mobileView) {
-        return (React.createElement(AddPeopleDropdown, { strings: strings, mobileView: mobileView, inviteLink: inviteLink, onAddParticipant: props.onAddParticipant, alternateCallerId: props.alternateCallerId, onCopyInviteLink: onCopyInviteLink, inviteLinkCopiedRecently: inviteLinkCopiedRecently }));
-    }
-    else {
-        return (React.createElement(Stack, { tokens: peoplePaneContainerTokens, "data-ui-id": "people-pane-content", verticalFill: true },
-            React.createElement(AddPeopleDropdown, { strings: strings, mobileView: mobileView, inviteLink: inviteLink, onAddParticipant: props.onAddParticipant, alternateCallerId: props.alternateCallerId, onCopyInviteLink: onCopyInviteLink, inviteLinkCopiedRecently: inviteLinkCopiedRecently }),
-            React.createElement(Stack.Item, { grow: true, styles: { root: { overflowY: 'hidden' } } }, participantList)));
-    }
-    if (mobileView) {
-        return (React.createElement(Stack, null, inviteLink && (React.createElement(Stack.Item, { styles: copyLinkButtonContainerStyles },
+        return React.createElement(Stack, null, inviteLink && React.createElement(Stack.Item, { styles: copyLinkButtonContainerStyles },
             React.createElement(Announcer, { announcementString: copyInviteLinkAnnouncerStrings, ariaLive: 'polite' }),
             React.createElement(PrimaryButton, { id: calloutButtonId, onClick: () => {
                     copy(inviteLink !== null && inviteLink !== void 0 ? inviteLink : '');
                     toggleAnnouncerString();
                     onCopyInviteLink();
                 }, styles: copyLinkButtonStylesThemed, onRenderIcon: () => React.createElement(CallWithChatCompositeIcon, { iconName: "Link", style: linkIconStyles }), text: strings.copyInviteLinkButtonLabel }),
-            inviteLinkCopiedRecently && (React.createElement(CalloutWithIcon, { targetId: calloutButtonId, text: strings.copyInviteLinkButtonActionedLabel, doNotLayer: true }))))));
+            inviteLinkCopiedRecently && React.createElement(CalloutWithIcon, { targetId: calloutButtonId, text: strings.copyInviteLinkButtonActionedLabel, doNotLayer: true })));
     }
     else {
-        return (React.createElement(Stack, { tokens: peoplePaneContainerTokens, "data-ui-id": "people-pane-content", verticalFill: true },
-            inviteLink && (React.createElement(Stack, { styles: copyLinkButtonStackStyles },
+        return React.createElement(Stack, { tokens: peoplePaneContainerTokens, "data-ui-id": "people-pane-content", verticalFill: true },
+            inviteLink && React.createElement(Stack, { styles: copyLinkButtonStackStyles },
                 React.createElement(Announcer, { announcementString: copyInviteLinkAnnouncerStrings, ariaLive: 'polite' }),
                 React.createElement(DefaultButton, { id: calloutButtonId, text: strings.copyInviteLinkButtonLabel, onRenderIcon: () => React.createElement(CallWithChatCompositeIcon, { iconName: "Link", style: linkIconStyles }), onClick: () => {
                         copy(inviteLink !== null && inviteLink !== void 0 ? inviteLink : '');
                         toggleAnnouncerString();
                         onCopyInviteLink();
                     }, styles: copyLinkButtonStylesThemed }),
-                inviteLinkCopiedRecently && (React.createElement(CalloutWithIcon, { targetId: calloutButtonId, text: strings.copyInviteLinkButtonActionedLabel })))),
-            React.createElement(Stack.Item, { grow: true, styles: { root: { overflowY: 'hidden' } } }, participantList)));
+                inviteLinkCopiedRecently && React.createElement(CalloutWithIcon, { targetId: calloutButtonId, text: strings.copyInviteLinkButtonActionedLabel })),
+            React.createElement(Stack.Item, { grow: true, styles: {
+                    root: {
+                        overflowY: 'hidden'
+                    }
+                } }, participantList));
     }
 };
 //# sourceMappingURL=AddPeopleButton.js.map

package/dist/dist-esm/react-composites/src/composites/common/AddPeopleButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddPeopleButton.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/common/AddPeopleButton.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { concatStyleSets, DefaultButton, IButtonStyles, PrimaryButton, Stack, useTheme } from '@fluentui/react';\nimport copy from 'copy-to-clipboard';\nimport React, { useCallback, useMemo, useRef, useState } from 'react';\nimport { CallWithChatCompositeStrings } from '../../index-public';\n/* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */\nimport { CallCompositeStrings } from '../../index-public';\nimport { CallWithChatCompositeIcon } from './icons';\nimport { peoplePaneContainerTokens } from './styles/ParticipantContainer.styles';\nimport {\n  copyLinkButtonContainerStyles,\n  copyLinkButtonStackStyles,\n  copyLinkButtonStyles,\n  linkIconStyles,\n  themedCopyLinkButtonStyles\n} from './styles/PeoplePaneContent.styles';\n/* @conditional-compile-remove(PSTN-calls) */\nimport { AddPeopleDropdown } from './AddPeopleDropdown';\n/* @conditional-compile-remove(PSTN-calls) */\nimport { PhoneNumberIdentifier } from '@azure/communication-common';\n/* @conditional-compile-remove(PSTN-calls) */\nimport { AddPhoneNumberOptions } from '@azure/communication-calling';\nimport { Announcer } from '@internal/react-components';\nimport { useId } from '@fluentui/react-hooks';\nimport { CalloutWithIcon } from './CalloutWithIcon';\n\n/** @private */\nexport interface AddPeopleButtonProps {\n  inviteLink?: string;\n  mobileView?: boolean;\n  participantList?: JSX.Element;\n  strings:\n    | CallWithChatCompositeStrings\n    | /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */ CallCompositeStrings;\n  /* @conditional-compile-remove(PSTN-calls) */\n  onAddParticipant: (participant: PhoneNumberIdentifier, options?: AddPhoneNumberOptions) => void;\n  alternateCallerId?: string;\n}\n\n/** @private */\nexport const AddPeopleButton = (props: AddPeopleButtonProps): JSX.Element => {\n  const { inviteLink, mobileView, strings, participantList } = props;\n\n  const theme = useTheme();\n\n  const [copyInviteLinkAnnouncerStrings, setCopyInviteLinkAnnouncerStrings] = useState<string>('');\n\n  const copyLinkButtonStylesThemed = useMemo(\n    (): IButtonStyles => concatStyleSets(copyLinkButtonStyles, themedCopyLinkButtonStyles(mobileView, theme)),\n    [mobileView, theme]\n  );\n  /**\n   * sets the announcement string for when the link is copied.\n   */\n  const toggleAnnouncerString = useCallback(() => {\n    setCopyInviteLinkAnnouncerStrings(strings.copyInviteLinkActionedAriaLabel);\n    /**\n     * Clears the announcer string after the user clicks the\n     * copyInviteLink button allowing it to be re-announced.\n     */\n    setTimeout(() => {\n      setCopyInviteLinkAnnouncerStrings('');\n    }, 3000);\n  }, [strings.copyInviteLinkActionedAriaLabel]);\n\n  const dateInviteLinkCopied = useRef<number | undefined>(undefined);\n  const [inviteLinkCopiedRecently, setInviteLinkCopiedRecently] = useState(false);\n  const onCopyInviteLink = useCallback(() => {\n    setInviteLinkCopiedRecently(true);\n    dateInviteLinkCopied.current = Date.now();\n    setTimeout(() => {\n      if (dateInviteLinkCopied.current && Date.now() - dateInviteLinkCopied.current >= 2000) {\n        setInviteLinkCopiedRecently(false);\n      }\n    }, 2000);\n  }, [setInviteLinkCopiedRecently, dateInviteLinkCopied]);\n\n  const calloutButtonId = useId('callout-button');\n\n  /* @conditional-compile-remove(PSTN-calls) */\n  if (mobileView) {\n    return (\n      <AddPeopleDropdown\n        strings={strings}\n        mobileView={mobileView}\n        inviteLink={inviteLink}\n        onAddParticipant={props.onAddParticipant}\n        alternateCallerId={props.alternateCallerId}\n        onCopyInviteLink={onCopyInviteLink}\n        inviteLinkCopiedRecently={inviteLinkCopiedRecently}\n      />\n    );\n  } else {\n    return (\n      <Stack tokens={peoplePaneContainerTokens} data-ui-id=\"people-pane-content\" verticalFill>\n        <AddPeopleDropdown\n          strings={strings}\n          mobileView={mobileView}\n          inviteLink={inviteLink}\n          onAddParticipant={props.onAddParticipant}\n          alternateCallerId={props.alternateCallerId}\n          onCopyInviteLink={onCopyInviteLink}\n          inviteLinkCopiedRecently={inviteLinkCopiedRecently}\n        />\n        <Stack.Item grow styles={{ root: { overflowY: 'hidden' } }}>\n          {participantList}\n        </Stack.Item>\n      </Stack>\n    );\n  }\n\n  if (mobileView) {\n    return (\n      <Stack>\n        {inviteLink && (\n          <Stack.Item styles={copyLinkButtonContainerStyles}>\n            <Announcer announcementString={copyInviteLinkAnnouncerStrings} ariaLive={'polite'} />\n            <PrimaryButton\n              id={calloutButtonId}\n              onClick={() => {\n                copy(inviteLink ?? '');\n                toggleAnnouncerString();\n                onCopyInviteLink();\n              }}\n              styles={copyLinkButtonStylesThemed}\n              onRenderIcon={() => <CallWithChatCompositeIcon iconName=\"Link\" style={linkIconStyles} />}\n              text={strings.copyInviteLinkButtonLabel}\n            />\n            {inviteLinkCopiedRecently && (\n              <CalloutWithIcon\n                targetId={calloutButtonId}\n                text={strings.copyInviteLinkButtonActionedLabel}\n                doNotLayer={true}\n              />\n            )}\n          </Stack.Item>\n        )}\n      </Stack>\n    );\n  } else {\n    return (\n      <Stack tokens={peoplePaneContainerTokens} data-ui-id=\"people-pane-content\" verticalFill>\n        {inviteLink && (\n          <Stack styles={copyLinkButtonStackStyles}>\n            <Announcer announcementString={copyInviteLinkAnnouncerStrings} ariaLive={'polite'} />\n            <DefaultButton\n              id={calloutButtonId}\n              text={strings.copyInviteLinkButtonLabel}\n              onRenderIcon={() => <CallWithChatCompositeIcon iconName=\"Link\" style={linkIconStyles} />}\n              onClick={() => {\n                copy(inviteLink ?? '');\n                toggleAnnouncerString();\n                onCopyInviteLink();\n              }}\n              styles={copyLinkButtonStylesThemed}\n            />\n            {inviteLinkCopiedRecently && (\n              <CalloutWithIcon targetId={calloutButtonId} text={strings.copyInviteLinkButtonActionedLabel} />\n            )}\n          </Stack>\n        )}\n        <Stack.Item grow styles={{ root: { overflowY: 'hidden' } }}>\n          {participantList}\n        </Stack.Item>\n      </Stack>\n    );\n  }\n};\n"]}
+{"version":3,"file":"AddPeopleButton.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-composites/src/composites/common/AddPeopleButton.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { concatStyleSets, DefaultButton, IButtonStyles, PrimaryButton, Stack, useTheme } from '@fluentui/react';\nimport copy from 'copy-to-clipboard';\nimport React, { useCallback, useMemo, useRef, useState } from 'react';\nimport { CallWithChatCompositeStrings } from '../../index-public';\nimport { CallWithChatCompositeIcon } from './icons';\nimport { peoplePaneContainerTokens } from './styles/ParticipantContainer.styles';\nimport { copyLinkButtonContainerStyles, copyLinkButtonStackStyles, copyLinkButtonStyles, linkIconStyles, themedCopyLinkButtonStyles } from './styles/PeoplePaneContent.styles';\nimport { Announcer } from '@internal/react-components';\nimport { useId } from '@fluentui/react-hooks';\nimport { CalloutWithIcon } from './CalloutWithIcon';\n\n/** @private */\nexport interface AddPeopleButtonProps {\n  inviteLink?: string;\n  mobileView?: boolean;\n  participantList?: JSX.Element;\n  strings: CallWithChatCompositeStrings;\n  alternateCallerId?: string;\n}\n\n/** @private */\nexport const AddPeopleButton = (props: AddPeopleButtonProps): JSX.Element => {\n  const {\n    inviteLink,\n    mobileView,\n    strings,\n    participantList\n  } = props;\n  const theme = useTheme();\n  const [copyInviteLinkAnnouncerStrings, setCopyInviteLinkAnnouncerStrings] = useState<string>('');\n  const copyLinkButtonStylesThemed = useMemo((): IButtonStyles => concatStyleSets(copyLinkButtonStyles, themedCopyLinkButtonStyles(mobileView, theme)), [mobileView, theme]);\n  /**\n   * sets the announcement string for when the link is copied.\n   */\n  const toggleAnnouncerString = useCallback(() => {\n    setCopyInviteLinkAnnouncerStrings(strings.copyInviteLinkActionedAriaLabel);\n    /**\n     * Clears the announcer string after the user clicks the\n     * copyInviteLink button allowing it to be re-announced.\n     */\n    setTimeout(() => {\n      setCopyInviteLinkAnnouncerStrings('');\n    }, 3000);\n  }, [strings.copyInviteLinkActionedAriaLabel]);\n  const dateInviteLinkCopied = useRef<number | undefined>(undefined);\n  const [inviteLinkCopiedRecently, setInviteLinkCopiedRecently] = useState(false);\n  const onCopyInviteLink = useCallback(() => {\n    setInviteLinkCopiedRecently(true);\n    dateInviteLinkCopied.current = Date.now();\n    setTimeout(() => {\n      if (dateInviteLinkCopied.current && Date.now() - dateInviteLinkCopied.current >= 2000) {\n        setInviteLinkCopiedRecently(false);\n      }\n    }, 2000);\n  }, [setInviteLinkCopiedRecently, dateInviteLinkCopied]);\n  const calloutButtonId = useId('callout-button');\n  if (mobileView) {\n    return <Stack>\n        {inviteLink && <Stack.Item styles={copyLinkButtonContainerStyles}>\n            <Announcer announcementString={copyInviteLinkAnnouncerStrings} ariaLive={'polite'} />\n            <PrimaryButton id={calloutButtonId} onClick={() => {\n          copy(inviteLink ?? '');\n          toggleAnnouncerString();\n          onCopyInviteLink();\n        }} styles={copyLinkButtonStylesThemed} onRenderIcon={() => <CallWithChatCompositeIcon iconName=\"Link\" style={linkIconStyles} />} text={strings.copyInviteLinkButtonLabel} />\n            {inviteLinkCopiedRecently && <CalloutWithIcon targetId={calloutButtonId} text={strings.copyInviteLinkButtonActionedLabel} doNotLayer={true} />}\n          </Stack.Item>}\n      </Stack>;\n  } else {\n    return <Stack tokens={peoplePaneContainerTokens} data-ui-id=\"people-pane-content\" verticalFill>\n        {inviteLink && <Stack styles={copyLinkButtonStackStyles}>\n            <Announcer announcementString={copyInviteLinkAnnouncerStrings} ariaLive={'polite'} />\n            <DefaultButton id={calloutButtonId} text={strings.copyInviteLinkButtonLabel} onRenderIcon={() => <CallWithChatCompositeIcon iconName=\"Link\" style={linkIconStyles} />} onClick={() => {\n          copy(inviteLink ?? '');\n          toggleAnnouncerString();\n          onCopyInviteLink();\n        }} styles={copyLinkButtonStylesThemed} />\n            {inviteLinkCopiedRecently && <CalloutWithIcon targetId={calloutButtonId} text={strings.copyInviteLinkButtonActionedLabel} />}\n          </Stack>}\n        <Stack.Item grow styles={{\n        root: {\n          overflowY: 'hidden'\n        }\n      }}>\n          {participantList}\n        </Stack.Item>\n      </Stack>;\n  }\n};"]}

package/dist/dist-esm/react-composites/src/composites/common/AudioProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"AudioProvider.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/common/AudioProvider.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAUzD;;;;GAIG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAA4B,EAAe,EAAE;IAC5E,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACzC,MAAM,cAAc,GAAG,QAAQ,EAAE,CAAC;IAClC,IAAI,cAAc,EAAE,CAAC;QACnB,OAAO,0CAAG,QAAQ,CAAI,CAAC;IACzB,CAAC;IACD,OAAO,oBAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,IAAG,KAAK,CAAC,QAAQ,CAA4B,CAAC;AACpG,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,eAAe,GAAG,aAAa,CAAe,IAAI,YAAY,EAAE,CAAC,CAAC;AAExE;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAiB,EAAE,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React, { useContext, createContext } from 'react';\n\n/**\n * @private\n */\nexport interface ACSAudioProviderProps {\n  audioContext: AudioContext;\n  children: JSX.Element;\n}\n\n/**\n *\n * @param props\n * @returns\n */\nexport const ACSAudioProvider = (props: ACSAudioProviderProps): JSX.Element => {\n  const { audioContext, children } = props;\n  const alreadyWrapped = useAudio();\n  if (alreadyWrapped) {\n    return <>{children}</>;\n  }\n  return <ACSAudioContext.Provider value={audioContext}>{props.children}</ACSAudioContext.Provider>;\n};\n\n/**\n * @private\n */\nconst ACSAudioContext = createContext<AudioContext>(new AudioContext());\n\n/**\n * @private\n */\nexport const useAudio = (): AudioContext => useContext(ACSAudioContext);\n"]}
+{"version":3,"file":"AudioProvider.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-composites/src/composites/common/AudioProvider.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAUzD;;;;GAIG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAA4B,EAAe,EAAE;IAC5E,MAAM,EACJ,YAAY,EACZ,QAAQ,EACT,GAAG,KAAK,CAAC;IACV,MAAM,cAAc,GAAG,QAAQ,EAAE,CAAC;IAClC,IAAI,cAAc,EAAE,CAAC;QACnB,OAAO,0CAAG,QAAQ,CAAI,CAAC;IACzB,CAAC;IACD,OAAO,oBAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,IAAG,KAAK,CAAC,QAAQ,CAA4B,CAAC;AACpG,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,eAAe,GAAG,aAAa,CAAe,IAAI,YAAY,EAAE,CAAC,CAAC;AAExE;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAiB,EAAE,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React, { useContext, createContext } from 'react';\n\n/**\n * @private\n */\nexport interface ACSAudioProviderProps {\n  audioContext: AudioContext;\n  children: JSX.Element;\n}\n\n/**\n *\n * @param props\n * @returns\n */\nexport const ACSAudioProvider = (props: ACSAudioProviderProps): JSX.Element => {\n  const {\n    audioContext,\n    children\n  } = props;\n  const alreadyWrapped = useAudio();\n  if (alreadyWrapped) {\n    return <>{children}</>;\n  }\n  return <ACSAudioContext.Provider value={audioContext}>{props.children}</ACSAudioContext.Provider>;\n};\n\n/**\n * @private\n */\nconst ACSAudioContext = createContext<AudioContext>(new AudioContext());\n\n/**\n * @private\n */\nexport const useAudio = (): AudioContext => useContext(ACSAudioContext);"]}

package/dist/dist-esm/react-composites/src/composites/common/AvatarPersona.d.ts

@@ -29,11 +29,6 @@ export type AvatarPersonaData = {
      * @defaultvalue `white`
      */
     initialsTextColor?: string;
-    /**
-     * If true, show the special coin for unknown persona.
-     * It has '?' in place of initials, with static font and background colors
-     */
-    showUnknownPersonaCoin?: boolean;
 };
 /**
  * Callback function used to provide custom data to build an avatar for a user.