@azure/communication-react 1.30.0-alpha-202507180020 → 1.30.0-alpha-202507230020

package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/adapter/CallWithChatAdapter.d.ts

@@ -115,7 +115,7 @@ export interface CallWithChatAdapterManagement {
      * @param participants - An array of {@link @azure/communication-common#CommunicationIdentifier} to be called
      * @public
      */
-    startCall(participants: (MicrosoftTeamsAppIdentifier | PhoneNumberIdentifier | CommunicationUserIdentifier | MicrosoftTeamsUserIdentifier | /* @conditional-compile-remove(calling-beta-sdk) */ TeamsExtensionUserIdentifier | UnknownIdentifier)[], options?: StartCallOptions): Call | undefined;
+    startCall(participants: (MicrosoftTeamsAppIdentifier | PhoneNumberIdentifier | CommunicationUserIdentifier | MicrosoftTeamsUserIdentifier | TeamsExtensionUserIdentifier | UnknownIdentifier)[], options?: StartCallOptions): Call | undefined;
     /**
      * Start sharing the screen during a call.
      *

package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/adapter/CallWithChatAdapter.js.map

@@ -1 +1 @@
-{"version":3,"file":"CallWithChatAdapter.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallWithChatComposite/adapter/CallWithChatAdapter.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport {\n  CallIdChangedListener,\n  DisplayNameChangedListener,\n  IsMutedChangedListener,\n  IsLocalScreenSharingActiveChangedListener,\n  IsSpeakingChangedListener,\n  ParticipantsJoinedListener,\n  ParticipantsLeftListener,\n  CallEndedListener\n} from '../../CallComposite';\nimport { RealTimeTextReceivedListener } from '../../CallComposite/adapter/CallAdapter';\nimport {\n  MessageDeletedListener,\n  MessageEditedListener,\n  MessageReadListener,\n  MessageReceivedListener,\n  MessageSentListener,\n  ParticipantsAddedListener,\n  ParticipantsRemovedListener\n} from '../../ChatComposite';\nimport { ResourceDetails } from '../../ChatComposite';\nimport { CallWithChatAdapterState } from '../state/CallWithChatAdapterState';\nimport type { AdapterError, AdapterState, Disposable } from '../../common/adapters';\nimport {\n  AudioDeviceInfo,\n  Call,\n  DeviceAccess,\n  PermissionConstraints,\n  PropertyChangedEvent,\n  StartCallOptions,\n  VideoDeviceInfo\n} from '@azure/communication-calling';\nimport { Reaction } from '@azure/communication-calling';\nimport { AddPhoneNumberOptions } from '@azure/communication-calling';\nimport { BreakoutRoomsUpdatedListener } from '@azure/communication-calling';\nimport { DtmfTone } from '@azure/communication-calling';\nimport { CreateVideoStreamViewResult, VideoStreamOptions } from '@internal/react-components';\nimport { TogetherModeStreamViewResult, TogetherModeStreamOptions } from '@internal/react-components';\nimport { SendMessageOptions } from '@azure/communication-chat';\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\nimport { UploadChatImageResult } from '@internal/acs-ui-common';\nimport {\n  JoinCallOptions,\n  StartCaptionsAdapterOptions,\n  StopCaptionsAdapterOptions\n} from '../../CallComposite/adapter/CallAdapter';\n/* @conditional-compile-remove(file-sharing-acs) */\nimport { MessageOptions } from '@internal/acs-ui-common';\nimport { PhoneNumberIdentifier } from '@azure/communication-common';\n/* @conditional-compile-remove(calling-beta-sdk) */\nimport { TeamsExtensionUserIdentifier } from '@azure/communication-common';\nimport { UnknownIdentifier, MicrosoftTeamsAppIdentifier } from '@azure/communication-common';\nimport { CommunicationUserIdentifier } from '@azure/communication-common';\nimport { MicrosoftTeamsUserIdentifier } from '@azure/communication-common';\nimport { CommunicationIdentifier } from '@azure/communication-common';\nimport {\n  CaptionsReceivedListener,\n  IsCaptionsActiveChangedListener,\n  IsCaptionLanguageChangedListener,\n  IsSpokenLanguageChangedListener\n} from '../../CallComposite/adapter/CallAdapter';\n\nimport { CapabilitiesChangedListener } from '../../CallComposite/adapter/CallAdapter';\nimport { SpotlightChangedListener } from '../../CallComposite/adapter/CallAdapter';\nimport { VideoBackgroundImage, VideoBackgroundEffect } from '../../CallComposite';\n\nimport { CallSurvey, CallSurveyResponse } from '@azure/communication-calling';\n/**\n * Functionality for managing the current call with chat.\n * @public\n */\nexport interface CallWithChatAdapterManagement {\n  // CallWithChat-specific Interface methods\n  /**\n   * Remove a participant from a Call.\n   *\n   * @param userId - UserId of the participant to remove.\n   *\n   * @public\n   */\n  removeParticipant(userId: string): Promise<void>;\n  /**\n   * Remove a participant from the call.\n   * @param participant - {@link @azure/communication-common#CommunicationIdentifier} of the participant to be removed\n   * @public\n   */\n  removeParticipant(participant: CommunicationIdentifier): Promise<void>;\n\n  // Call Interface Methods\n  /**\n   * Join the call with microphone initially on/off.\n   * @deprecated Use joinCall(options?:JoinCallOptions) instead.\n   * @param microphoneOn - Whether microphone is initially enabled\n   *\n   * @public\n   */\n  joinCall(microphoneOn?: boolean): Call | undefined;\n  /**\n   * Join the call with options bag to set microphone/camera initial state when joining call\n   * true = turn on the device when joining call\n   * false = turn off the device when joining call\n   * 'keep'/undefined = retain devices' precall state\n   *\n   * @param options - param to set microphone/camera initially on/off/use precall state.\n   *\n   * @public\n   */\n  joinCall(options?: JoinCallOptions): Call | undefined;\n  /**\n   * Leave the call.\n   *\n   * @param forEveryone - Whether to remove all participants when leaving\n   *\n   * @public\n   */\n  leaveCall(forEveryone?: boolean): Promise<void>;\n  /**\n   * Start the camera.\n   *\n   * This method will start rendering a local camera view when the call is not active.\n   *\n   * @param options - Options to control how video streams are rendered {@link @azure/communication-calling#VideoStreamOptions }\n   *\n   * @public\n   */\n  startCamera(options?: VideoStreamOptions): Promise<void>;\n  /**\n   * Stop the camera.\n   *\n   * This method will stop rendering a local camera view when the call is not active.\n   *\n   * @public\n   */\n  stopCamera(): Promise<void>;\n  /**\n   * Mute the current user during the call or disable microphone locally.\n   *\n   * @public\n   */\n  mute(): Promise<void>;\n  /**\n   * Unmute the current user during the call or enable microphone locally.\n   *\n   * @public\n   */\n  unmute(): Promise<void>;\n  /**\n   * Start the call.\n   *\n   * @param participants - An array of participant ids to join\n   *\n   * @public\n   */\n  startCall(participants: string[], options?: StartCallOptions): Call | undefined;\n  /**\n   * Start the call.\n   * @param participants - An array of {@link @azure/communication-common#CommunicationIdentifier} to be called\n   * @public\n   */\n  startCall(\n    participants: (\n      | MicrosoftTeamsAppIdentifier\n      | PhoneNumberIdentifier\n      | CommunicationUserIdentifier\n      | MicrosoftTeamsUserIdentifier\n      | /* @conditional-compile-remove(calling-beta-sdk) */ TeamsExtensionUserIdentifier\n      | UnknownIdentifier\n    )[],\n    options?: StartCallOptions\n  ): Call | undefined;\n  /**\n   * Start sharing the screen during a call.\n   *\n   * @public\n   */\n  startScreenShare(): Promise<void>;\n  /**\n   * Stop sharing the screen.\n   *\n   * @public\n   */\n  stopScreenShare(): Promise<void>;\n  /**\n   * Raise hand for local user.\n   *\n   * @public\n   */\n  raiseHand(): Promise<void>;\n  /**\n   * Lower hand for local user.\n   *\n   * @public\n   */\n  lowerHand(): Promise<void>;\n  /**\n   * Send Reaction to ongoing meeting.\n   * @param reaction - A value of type {@link @azure/communication-calling#Reaction}\n   *\n   * @public\n   */\n  onReactionClick(reaction: Reaction): Promise<void>;\n  /**\n   * Create the html view for a stream.\n   *\n   * @remarks\n   * This method is implemented for composite.\n   *\n   * @param remoteUserId - Id of the participant to render, leave it undefined to create the local camera view\n   * @param options - Options to control how video streams are rendered {@link @azure/communication-calling#VideoStreamOptions }\n   *\n   * @public\n   */\n  createStreamView(remoteUserId?: string, options?: VideoStreamOptions): Promise<void | CreateVideoStreamViewResult>;\n  /**\n   * Dispose the html view for a stream.\n   *\n   * @remarks\n   * This method is implemented for composite.\n   *\n   * @param remoteUserId - Id of the participant to render, leave it undefined to dispose the local camera view\n   * @param options - Options to control how video streams are rendered {@link @azure/communication-calling#VideoStreamOptions }\n   *\n   * @public\n   */\n  disposeStreamView(remoteUserId?: string, options?: VideoStreamOptions): Promise<void>;\n  /**\n   * Create the html view for a togethermode stream.\n   *\n   * @remarks\n   * This method is implemented for composite\n   *\n   * @param options - Options to control how video streams are rendered {@link @azure/communication-calling#VideoStreamOptions }\n   *\n   * @public\n   */\n  createTogetherModeStreamView(options?: TogetherModeStreamOptions): Promise<void | TogetherModeStreamViewResult>;\n  /**\n   * Start together mode.\n   *\n   * @remarks\n   * This method is implemented for composite\n   *\n   *\n   * @public\n   */\n  startTogetherMode(): Promise<void>;\n  /**\n   * Recalculate the seating positions for together mode.\n   *\n   * @remarks\n   * This method is implemented for composite\n   *\n   * @param width - Width of the container\n   * @param height - Height of the container\n   *\n   * @public\n   */\n  setTogetherModeSceneSize(width: number, height: number): void;\n  /**\n   * Dispose the html view for a togethermode stream.\n   *\n   * @remarks\n   * This method is implemented for composite\n   *\n   * @public\n   */\n  disposeTogetherModeStreamView(): Promise<void>;\n  /**\n   * Dispose the html view for a screen share stream\n   *\n   * @remarks\n   * this method is implemented for composite\n   *\n   * @param remoteUserId - Id of the participant to dispose the screen share stream view for.\n   *\n   * @public\n   */\n  disposeScreenShareStreamView(remoteUserId: string): Promise<void>;\n  /**\n   * Dispose the html view for a remote video stream\n   *\n   * @param remoteUserId - Id of the participant to dispose\n   *\n   * @public\n   */\n  disposeRemoteVideoStreamView(remoteUserId: string): Promise<void>;\n  /**\n   * Dispose the html view for a local video stream\n   *\n   * @public\n   */\n  disposeLocalVideoStreamView(): Promise<void>;\n  /**\n   * Ask for permissions of devices.\n   *\n   * @remarks\n   * Browser permission window will pop up if permissions are not granted yet.\n   *\n   * @param constrain - Define constraints for accessing local devices {@link @azure/communication-calling#PermissionConstraints }\n   *\n   * @public\n   */\n  askDevicePermission(constrain: PermissionConstraints): Promise<DeviceAccess>;\n  /**\n   * Query for available camera devices.\n   *\n   * @remarks\n   * This method should be called after askDevicePermission()\n   *\n   * @return An array of video device information entities {@link @azure/communication-calling#VideoDeviceInfo }\n   *\n   * @public\n   */\n  queryCameras(): Promise<VideoDeviceInfo[]>;\n  /**\n   * Query for available microphone devices.\n   *\n   * @remarks\n   * This method should be called after askDevicePermission()\n   *\n   * @return An array of audio device information entities {@link @azure/communication-calling#AudioDeviceInfo }\n   *\n   * @public\n   */\n  queryMicrophones(): Promise<AudioDeviceInfo[]>;\n  /**\n   * Query for available microphone devices.\n   *\n   * @remarks\n   * This method should be called after askDevicePermission()\n   *\n   * @return An array of audio device information entities {@link @azure/communication-calling#AudioDeviceInfo }\n   *\n   * @public\n   */\n  querySpeakers(): Promise<AudioDeviceInfo[]>;\n  /**\n   * Set the camera to use in the call.\n   *\n   * @param sourceInfo - Camera device to choose, pick one returned by  {@link CallAdapterDeviceManagement#queryCameras }\n   * @param options - Options to control how the camera stream is rendered {@link @azure/communication-calling#VideoStreamOptions }\n   *\n   * @public\n   */\n  setCamera(sourceInfo: VideoDeviceInfo, options?: VideoStreamOptions): Promise<void>;\n  /**\n   * Set the microphone to use in the call.\n   *\n   * @param sourceInfo - Microphone device to choose, pick one returned by {@link CallAdapterDeviceManagement#queryMicrophones }\n   *\n   * @public\n   */\n  setMicrophone(sourceInfo: AudioDeviceInfo): Promise<void>;\n  /**\n   * Set the speaker to use in the call.\n   *\n   * @param sourceInfo - Speaker device to choose, pick one returned by {@link CallAdapterDeviceManagement#querySpeakers }\n   *\n   * @public\n   */\n  setSpeaker(sourceInfo: AudioDeviceInfo): Promise<void>;\n\n  // Chat Interface Methods\n  /**\n   * Fetch initial state for the Chat adapter.\n   *\n   * Performs the minimal fetch necessary for ChatComposite and API methods.\n   *\n   * @public\n   */\n  fetchInitialData(): Promise<void>;\n  /**\n   * Send a message in the thread.\n   *\n   * @public\n   */\n  sendMessage(\n    content: string,\n    options?: SendMessageOptions | /* @conditional-compile-remove(file-sharing-acs) */ MessageOptions\n  ): Promise<void>;\n  /* @conditional-compile-remove(rich-text-editor-image-upload) */\n  /**\n   * Upload an inline image for a message.\n   *\n   * @beta\n   */\n  uploadImage(image: Blob, imageFilename: string): Promise<UploadChatImageResult>;\n  /* @conditional-compile-remove(rich-text-editor-image-upload) */\n  /**\n   * Delete an inline image for a message.\n   *\n   * @beta\n   */\n  deleteImage(imageId: string): Promise<void>;\n  /**\n   * Send a read receipt for a message.\n   *\n   * @public\n   */\n  sendReadReceipt(chatMessageId: string): Promise<void>;\n  /**\n   * Send typing indicator in the thread.\n   *\n   * @public\n   */\n  sendTypingIndicator(): Promise<void>;\n  /**\n   * Update a message content.\n   *\n   * @public\n   */\n  updateMessage(\n    messageId: string,\n    content: string,\n    options?: Record<string, string> | /* @conditional-compile-remove(file-sharing-acs) */ MessageOptions\n  ): Promise<void>;\n  /**\n   * Delete a message in the thread.\n   *\n   * @public\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   * @public\n   */\n  loadPreviousChatMessages(messagesToLoad: number): Promise<boolean>;\n  /** @public */\n  downloadResourceToCache(resourceDetails: ResourceDetails): Promise<void>;\n  /** @public */\n  removeResourceFromCache(resourceDetails: ResourceDetails): void;\n  /**\n   * Puts the Call in a Localhold.\n   *\n   * @public\n   */\n  holdCall(): Promise<void>;\n  /**\n   * Resumes the call from a LocalHold state.\n   *\n   * @public\n   */\n  resumeCall(): Promise<void>;\n  /**\n   * Adds a new Participant to the call.\n   *\n   * @public\n   */\n  addParticipant(participant: PhoneNumberIdentifier, options?: AddPhoneNumberOptions): Promise<void>;\n  addParticipant(participant: CommunicationUserIdentifier): Promise<void>;\n  /**\n   * send dtmf tone to another participant in the call in 1:1 calls\n   *\n   * @public\n   */\n  sendDtmfTone: (dtmfTone: DtmfTone) => Promise<void>;\n  /* @conditional-compile-remove(unsupported-browser) */\n  /**\n   * Continues into a call when the browser version is not supported.\n   */\n  allowUnsupportedBrowserVersion(): void;\n  /**\n   * Function to Start captions\n   * @param options - options for start captions\n   */\n  startCaptions(options?: StartCaptionsAdapterOptions): Promise<void>;\n  /**\n   * Function to set caption language\n   * @param language - language set for caption\n   */\n  setCaptionLanguage(language: string): Promise<void>;\n  /**\n   * Function to set spoken language\n   * @param language - spoken language\n   */\n  setSpokenLanguage(language: string): Promise<void>;\n  /**\n   * Funtion to stop captions\n   */\n  stopCaptions(options?: StopCaptionsAdapterOptions): Promise<void>;\n  /**\n   * Start the video background effect.\n   *\n   * @public\n   */\n  startVideoBackgroundEffect(videoBackgroundEffect: VideoBackgroundEffect): Promise<void>;\n  /**\n   * Stop the video background effect.\n   *\n   * @public\n   */\n  stopVideoBackgroundEffects(): Promise<void>;\n  /**\n   * Override the background picker images for background replacement effect.\n   *\n   * @param backgroundImages - Array of custom background images.\n   *\n   * @public\n   */\n  updateBackgroundPickerImages(backgroundImages: VideoBackgroundImage[]): void;\n  /**\n   * Update the selected video background effect\n   *\n   * @public\n   */\n  updateSelectedVideoBackgroundEffect(selectedVideoBackground: VideoBackgroundEffect): void;\n  /**\n   * Start the noise suppression effect.\n   */\n  startNoiseSuppressionEffect(): Promise<void>;\n  /**\n   * Start the noise suppression effect.\n   */\n  stopNoiseSuppressionEffect(): Promise<void>;\n  /**\n   * Send the end of call survey result\n   *\n   * @public\n   */\n  submitSurvey(survey: CallSurvey): Promise<CallSurveyResponse | undefined>;\n  /**\n   * Start spotlight\n   */\n  startSpotlight(userIds?: string[]): Promise<void>;\n  /**\n   * Stop spotlight\n   */\n  stopSpotlight(userIds?: string[]): Promise<void>;\n  /**\n   * Stop all spotlights\n   */\n  stopAllSpotlight(): Promise<void>;\n  /**\n   * Mute a participant\n   */\n  muteParticipant(userId: string): Promise<void>;\n  /**\n   * Mute a participant\n   */\n  muteAllRemoteParticipants(): Promise<void>;\n  /**\n   * Return to origin call of breakout room\n   */\n  returnFromBreakoutRoom(): Promise<void>;\n  /**\n   * forbids audio for the specified user ids.\n   */\n  forbidAudio: (userIds: string[]) => Promise<void>;\n  /** permits audio for the specified user ids. */\n  permitAudio: (userIds: string[]) => Promise<void>;\n  /** forbids audio for Teams meeting attendees except the local user. */\n  forbidOthersAudio: () => Promise<void>;\n  /**  permits audio for Teams meeting attendees except the local user. */\n  permitOthersAudio: () => Promise<void>;\n  /** forbids video for the specified user ids. */\n  forbidVideo: (userIds: string[]) => Promise<void>;\n  /** permits video for the specified user ids. */\n  permitVideo: (userIds: string[]) => Promise<void>;\n  /** forbids video for Teams meeting attendees except the local user. */\n  forbidOthersVideo: () => Promise<void>;\n  /** permits video for Teams meeting attendees except the local user. */\n  permitOthersVideo: () => Promise<void>;\n  /**\n   * Send real time text\n   * @param text - real time text content\n   * @param finalized - Boolean to indicate if the real time text is final\n   */\n  sendRealTimeText: (text: string, isFinalized: boolean) => Promise<void>;\n}\n\n/**\n * Call and Chat events that can be subscribed to in the {@link CallWithChatAdapter}.\n * @public\n */\nexport interface CallWithChatAdapterSubscriptions {\n  // Call subscriptions\n  on(event: 'callEnded', listener: CallEndedListener): void;\n  on(event: 'isMutedChanged', listener: IsMutedChangedListener): void;\n  on(event: 'callIdChanged', listener: CallIdChangedListener): void;\n  on(event: 'isLocalScreenSharingActiveChanged', listener: IsLocalScreenSharingActiveChangedListener): void;\n  on(event: 'displayNameChanged', listener: DisplayNameChangedListener): void;\n  on(event: 'isSpeakingChanged', listener: IsSpeakingChangedListener): void;\n  on(event: 'callParticipantsJoined', listener: ParticipantsJoinedListener): void;\n  on(event: 'callParticipantsLeft', listener: ParticipantsLeftListener): void;\n  on(event: 'selectedMicrophoneChanged', listener: PropertyChangedEvent): void;\n  on(event: 'selectedSpeakerChanged', listener: PropertyChangedEvent): void;\n  on(event: 'callError', listener: (e: AdapterError) => void): void;\n  on(event: 'captionsReceived', listener: CaptionsReceivedListener): void;\n  on(event: 'isCaptionsActiveChanged', listener: IsCaptionsActiveChangedListener): void;\n  on(event: 'isCaptionLanguageChanged', listener: IsCaptionLanguageChangedListener): void;\n  on(event: 'isSpokenLanguageChanged', listener: IsSpokenLanguageChangedListener): void;\n  on(event: 'realTimeTextReceived', listener: RealTimeTextReceivedListener): void;\n  on(event: 'capabilitiesChanged', listener: CapabilitiesChangedListener): void;\n  on(event: 'spotlightChanged', listener: SpotlightChangedListener): void;\n  on(event: 'breakoutRoomsUpdated', listener: BreakoutRoomsUpdatedListener): void;\n  off(event: 'callEnded', listener: CallEndedListener): void;\n  off(event: 'isMutedChanged', listener: IsMutedChangedListener): void;\n  off(event: 'callIdChanged', listener: CallIdChangedListener): void;\n  off(event: 'isLocalScreenSharingActiveChanged', listener: IsLocalScreenSharingActiveChangedListener): void;\n  off(event: 'displayNameChanged', listener: DisplayNameChangedListener): void;\n  off(event: 'isSpeakingChanged', listener: IsSpeakingChangedListener): void;\n  off(event: 'callParticipantsJoined', listener: ParticipantsJoinedListener): void;\n  off(event: 'callParticipantsLeft', listener: ParticipantsLeftListener): void;\n  off(event: 'selectedMicrophoneChanged', listener: PropertyChangedEvent): void;\n  off(event: 'selectedSpeakerChanged', listener: PropertyChangedEvent): void;\n  off(event: 'callError', listener: (e: AdapterError) => void): void;\n  off(event: 'captionsReceived', listener: CaptionsReceivedListener): void;\n  off(event: 'isCaptionsActiveChanged', listener: IsCaptionsActiveChangedListener): void;\n  off(event: 'isCaptionLanguageChanged', listener: IsCaptionLanguageChangedListener): void;\n  off(event: 'isSpokenLanguageChanged', listener: IsSpokenLanguageChangedListener): void;\n  off(event: 'realTimeTextReceived', listener: RealTimeTextReceivedListener): void;\n  off(event: 'capabilitiesChanged', listener: CapabilitiesChangedListener): void;\n  off(event: 'spotlightChanged', listener: SpotlightChangedListener): void;\n  off(event: 'breakoutRoomsUpdated', listener: BreakoutRoomsUpdatedListener): void;\n\n  // Chat subscriptions\n  on(event: 'messageReceived', listener: MessageReceivedListener): void;\n  on(event: 'messageEdited', listener: MessageEditedListener): void;\n  on(event: 'messageDeleted', listener: MessageDeletedListener): void;\n  on(event: 'messageSent', listener: MessageSentListener): void;\n  on(event: 'messageRead', listener: MessageReadListener): void;\n  on(event: 'chatParticipantsAdded', listener: ParticipantsAddedListener): void;\n  on(event: 'chatParticipantsRemoved', listener: ParticipantsRemovedListener): void;\n  on(event: 'chatError', listener: (e: AdapterError) => void): void;\n\n  off(event: 'messageReceived', listener: MessageReceivedListener): void;\n  off(event: 'messageEdited', listener: MessageEditedListener): void;\n  off(event: 'messageDeleted', listener: MessageDeletedListener): void;\n  off(event: 'messageSent', listener: MessageSentListener): void;\n  off(event: 'messageRead', listener: MessageReadListener): void;\n  off(event: 'chatParticipantsAdded', listener: ParticipantsAddedListener): void;\n  off(event: 'chatParticipantsRemoved', listener: ParticipantsRemovedListener): void;\n  off(event: 'chatError', listener: (e: AdapterError) => void): void;\n\n  // CallWithChat subscriptions\n  on(event: 'chatInitialized', listener: ChatInitializedListener): void;\n  off(event: 'chatInitialized', listener: ChatInitializedListener): void;\n}\n\n/**\n * Callback for {@link CallWithChatAdapterSubscribers} 'chatInitialized' event.\n *\n * @public\n */\nexport type ChatInitializedListener = (event: { adapter: CallWithChatAdapter }) => void;\n\n/**\n * {@link CallWithChatComposite} Adapter interface.\n *\n * @public\n */\nexport interface CallWithChatAdapter\n  extends CallWithChatAdapterManagement,\n    AdapterState<CallWithChatAdapterState>,\n    Disposable,\n    CallWithChatAdapterSubscriptions {}\n\n/**\n * Events fired off by the {@link CallWithChatAdapter}.\n *\n * @public\n */\nexport type CallWithChatEvent =\n  | 'callError'\n  | 'chatError'\n  | 'callEnded'\n  | 'isMutedChanged'\n  | 'callIdChanged'\n  | 'isLocalScreenSharingActiveChanged'\n  | 'displayNameChanged'\n  | 'isSpeakingChanged'\n  | 'callParticipantsJoined'\n  | 'callParticipantsLeft'\n  | 'selectedMicrophoneChanged'\n  | 'selectedSpeakerChanged'\n  | 'isCaptionsActiveChanged'\n  | 'captionsReceived'\n  | 'isCaptionLanguageChanged'\n  | 'isSpokenLanguageChanged'\n  | 'realTimeTextReceived'\n  | 'capabilitiesChanged'\n  | 'spotlightChanged'\n  | 'breakoutRoomsUpdated'\n  | 'messageReceived'\n  | 'messageEdited'\n  | 'messageDeleted'\n  | 'messageSent'\n  | 'messageRead'\n  | 'chatParticipantsAdded'\n  | 'chatParticipantsRemoved'\n  | 'chatInitialized';\n"]}
+{"version":3,"file":"CallWithChatAdapter.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallWithChatComposite/adapter/CallWithChatAdapter.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport {\n  CallIdChangedListener,\n  DisplayNameChangedListener,\n  IsMutedChangedListener,\n  IsLocalScreenSharingActiveChangedListener,\n  IsSpeakingChangedListener,\n  ParticipantsJoinedListener,\n  ParticipantsLeftListener,\n  CallEndedListener\n} from '../../CallComposite';\nimport { RealTimeTextReceivedListener } from '../../CallComposite/adapter/CallAdapter';\nimport {\n  MessageDeletedListener,\n  MessageEditedListener,\n  MessageReadListener,\n  MessageReceivedListener,\n  MessageSentListener,\n  ParticipantsAddedListener,\n  ParticipantsRemovedListener\n} from '../../ChatComposite';\nimport { ResourceDetails } from '../../ChatComposite';\nimport { CallWithChatAdapterState } from '../state/CallWithChatAdapterState';\nimport type { AdapterError, AdapterState, Disposable } from '../../common/adapters';\nimport {\n  AudioDeviceInfo,\n  Call,\n  DeviceAccess,\n  PermissionConstraints,\n  PropertyChangedEvent,\n  StartCallOptions,\n  VideoDeviceInfo\n} from '@azure/communication-calling';\nimport { Reaction } from '@azure/communication-calling';\nimport { AddPhoneNumberOptions } from '@azure/communication-calling';\nimport { BreakoutRoomsUpdatedListener } from '@azure/communication-calling';\nimport { DtmfTone } from '@azure/communication-calling';\nimport { CreateVideoStreamViewResult, VideoStreamOptions } from '@internal/react-components';\nimport { TogetherModeStreamViewResult, TogetherModeStreamOptions } from '@internal/react-components';\nimport { SendMessageOptions } from '@azure/communication-chat';\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\nimport { UploadChatImageResult } from '@internal/acs-ui-common';\nimport {\n  JoinCallOptions,\n  StartCaptionsAdapterOptions,\n  StopCaptionsAdapterOptions\n} from '../../CallComposite/adapter/CallAdapter';\n/* @conditional-compile-remove(file-sharing-acs) */\nimport { MessageOptions } from '@internal/acs-ui-common';\nimport { PhoneNumberIdentifier } from '@azure/communication-common';\nimport { TeamsExtensionUserIdentifier } from '@azure/communication-common';\nimport { UnknownIdentifier, MicrosoftTeamsAppIdentifier } from '@azure/communication-common';\nimport { CommunicationUserIdentifier } from '@azure/communication-common';\nimport { MicrosoftTeamsUserIdentifier } from '@azure/communication-common';\nimport { CommunicationIdentifier } from '@azure/communication-common';\nimport {\n  CaptionsReceivedListener,\n  IsCaptionsActiveChangedListener,\n  IsCaptionLanguageChangedListener,\n  IsSpokenLanguageChangedListener\n} from '../../CallComposite/adapter/CallAdapter';\n\nimport { CapabilitiesChangedListener } from '../../CallComposite/adapter/CallAdapter';\nimport { SpotlightChangedListener } from '../../CallComposite/adapter/CallAdapter';\nimport { VideoBackgroundImage, VideoBackgroundEffect } from '../../CallComposite';\n\nimport { CallSurvey, CallSurveyResponse } from '@azure/communication-calling';\n/**\n * Functionality for managing the current call with chat.\n * @public\n */\nexport interface CallWithChatAdapterManagement {\n  // CallWithChat-specific Interface methods\n  /**\n   * Remove a participant from a Call.\n   *\n   * @param userId - UserId of the participant to remove.\n   *\n   * @public\n   */\n  removeParticipant(userId: string): Promise<void>;\n  /**\n   * Remove a participant from the call.\n   * @param participant - {@link @azure/communication-common#CommunicationIdentifier} of the participant to be removed\n   * @public\n   */\n  removeParticipant(participant: CommunicationIdentifier): Promise<void>;\n\n  // Call Interface Methods\n  /**\n   * Join the call with microphone initially on/off.\n   * @deprecated Use joinCall(options?:JoinCallOptions) instead.\n   * @param microphoneOn - Whether microphone is initially enabled\n   *\n   * @public\n   */\n  joinCall(microphoneOn?: boolean): Call | undefined;\n  /**\n   * Join the call with options bag to set microphone/camera initial state when joining call\n   * true = turn on the device when joining call\n   * false = turn off the device when joining call\n   * 'keep'/undefined = retain devices' precall state\n   *\n   * @param options - param to set microphone/camera initially on/off/use precall state.\n   *\n   * @public\n   */\n  joinCall(options?: JoinCallOptions): Call | undefined;\n  /**\n   * Leave the call.\n   *\n   * @param forEveryone - Whether to remove all participants when leaving\n   *\n   * @public\n   */\n  leaveCall(forEveryone?: boolean): Promise<void>;\n  /**\n   * Start the camera.\n   *\n   * This method will start rendering a local camera view when the call is not active.\n   *\n   * @param options - Options to control how video streams are rendered {@link @azure/communication-calling#VideoStreamOptions }\n   *\n   * @public\n   */\n  startCamera(options?: VideoStreamOptions): Promise<void>;\n  /**\n   * Stop the camera.\n   *\n   * This method will stop rendering a local camera view when the call is not active.\n   *\n   * @public\n   */\n  stopCamera(): Promise<void>;\n  /**\n   * Mute the current user during the call or disable microphone locally.\n   *\n   * @public\n   */\n  mute(): Promise<void>;\n  /**\n   * Unmute the current user during the call or enable microphone locally.\n   *\n   * @public\n   */\n  unmute(): Promise<void>;\n  /**\n   * Start the call.\n   *\n   * @param participants - An array of participant ids to join\n   *\n   * @public\n   */\n  startCall(participants: string[], options?: StartCallOptions): Call | undefined;\n  /**\n   * Start the call.\n   * @param participants - An array of {@link @azure/communication-common#CommunicationIdentifier} to be called\n   * @public\n   */\n  startCall(\n    participants: (\n      | MicrosoftTeamsAppIdentifier\n      | PhoneNumberIdentifier\n      | CommunicationUserIdentifier\n      | MicrosoftTeamsUserIdentifier\n      | TeamsExtensionUserIdentifier\n      | UnknownIdentifier\n    )[],\n    options?: StartCallOptions\n  ): Call | undefined;\n  /**\n   * Start sharing the screen during a call.\n   *\n   * @public\n   */\n  startScreenShare(): Promise<void>;\n  /**\n   * Stop sharing the screen.\n   *\n   * @public\n   */\n  stopScreenShare(): Promise<void>;\n  /**\n   * Raise hand for local user.\n   *\n   * @public\n   */\n  raiseHand(): Promise<void>;\n  /**\n   * Lower hand for local user.\n   *\n   * @public\n   */\n  lowerHand(): Promise<void>;\n  /**\n   * Send Reaction to ongoing meeting.\n   * @param reaction - A value of type {@link @azure/communication-calling#Reaction}\n   *\n   * @public\n   */\n  onReactionClick(reaction: Reaction): Promise<void>;\n  /**\n   * Create the html view for a stream.\n   *\n   * @remarks\n   * This method is implemented for composite.\n   *\n   * @param remoteUserId - Id of the participant to render, leave it undefined to create the local camera view\n   * @param options - Options to control how video streams are rendered {@link @azure/communication-calling#VideoStreamOptions }\n   *\n   * @public\n   */\n  createStreamView(remoteUserId?: string, options?: VideoStreamOptions): Promise<void | CreateVideoStreamViewResult>;\n  /**\n   * Dispose the html view for a stream.\n   *\n   * @remarks\n   * This method is implemented for composite.\n   *\n   * @param remoteUserId - Id of the participant to render, leave it undefined to dispose the local camera view\n   * @param options - Options to control how video streams are rendered {@link @azure/communication-calling#VideoStreamOptions }\n   *\n   * @public\n   */\n  disposeStreamView(remoteUserId?: string, options?: VideoStreamOptions): Promise<void>;\n  /**\n   * Create the html view for a togethermode stream.\n   *\n   * @remarks\n   * This method is implemented for composite\n   *\n   * @param options - Options to control how video streams are rendered {@link @azure/communication-calling#VideoStreamOptions }\n   *\n   * @public\n   */\n  createTogetherModeStreamView(options?: TogetherModeStreamOptions): Promise<void | TogetherModeStreamViewResult>;\n  /**\n   * Start together mode.\n   *\n   * @remarks\n   * This method is implemented for composite\n   *\n   *\n   * @public\n   */\n  startTogetherMode(): Promise<void>;\n  /**\n   * Recalculate the seating positions for together mode.\n   *\n   * @remarks\n   * This method is implemented for composite\n   *\n   * @param width - Width of the container\n   * @param height - Height of the container\n   *\n   * @public\n   */\n  setTogetherModeSceneSize(width: number, height: number): void;\n  /**\n   * Dispose the html view for a togethermode stream.\n   *\n   * @remarks\n   * This method is implemented for composite\n   *\n   * @public\n   */\n  disposeTogetherModeStreamView(): Promise<void>;\n  /**\n   * Dispose the html view for a screen share stream\n   *\n   * @remarks\n   * this method is implemented for composite\n   *\n   * @param remoteUserId - Id of the participant to dispose the screen share stream view for.\n   *\n   * @public\n   */\n  disposeScreenShareStreamView(remoteUserId: string): Promise<void>;\n  /**\n   * Dispose the html view for a remote video stream\n   *\n   * @param remoteUserId - Id of the participant to dispose\n   *\n   * @public\n   */\n  disposeRemoteVideoStreamView(remoteUserId: string): Promise<void>;\n  /**\n   * Dispose the html view for a local video stream\n   *\n   * @public\n   */\n  disposeLocalVideoStreamView(): Promise<void>;\n  /**\n   * Ask for permissions of devices.\n   *\n   * @remarks\n   * Browser permission window will pop up if permissions are not granted yet.\n   *\n   * @param constrain - Define constraints for accessing local devices {@link @azure/communication-calling#PermissionConstraints }\n   *\n   * @public\n   */\n  askDevicePermission(constrain: PermissionConstraints): Promise<DeviceAccess>;\n  /**\n   * Query for available camera devices.\n   *\n   * @remarks\n   * This method should be called after askDevicePermission()\n   *\n   * @return An array of video device information entities {@link @azure/communication-calling#VideoDeviceInfo }\n   *\n   * @public\n   */\n  queryCameras(): Promise<VideoDeviceInfo[]>;\n  /**\n   * Query for available microphone devices.\n   *\n   * @remarks\n   * This method should be called after askDevicePermission()\n   *\n   * @return An array of audio device information entities {@link @azure/communication-calling#AudioDeviceInfo }\n   *\n   * @public\n   */\n  queryMicrophones(): Promise<AudioDeviceInfo[]>;\n  /**\n   * Query for available microphone devices.\n   *\n   * @remarks\n   * This method should be called after askDevicePermission()\n   *\n   * @return An array of audio device information entities {@link @azure/communication-calling#AudioDeviceInfo }\n   *\n   * @public\n   */\n  querySpeakers(): Promise<AudioDeviceInfo[]>;\n  /**\n   * Set the camera to use in the call.\n   *\n   * @param sourceInfo - Camera device to choose, pick one returned by  {@link CallAdapterDeviceManagement#queryCameras }\n   * @param options - Options to control how the camera stream is rendered {@link @azure/communication-calling#VideoStreamOptions }\n   *\n   * @public\n   */\n  setCamera(sourceInfo: VideoDeviceInfo, options?: VideoStreamOptions): Promise<void>;\n  /**\n   * Set the microphone to use in the call.\n   *\n   * @param sourceInfo - Microphone device to choose, pick one returned by {@link CallAdapterDeviceManagement#queryMicrophones }\n   *\n   * @public\n   */\n  setMicrophone(sourceInfo: AudioDeviceInfo): Promise<void>;\n  /**\n   * Set the speaker to use in the call.\n   *\n   * @param sourceInfo - Speaker device to choose, pick one returned by {@link CallAdapterDeviceManagement#querySpeakers }\n   *\n   * @public\n   */\n  setSpeaker(sourceInfo: AudioDeviceInfo): Promise<void>;\n\n  // Chat Interface Methods\n  /**\n   * Fetch initial state for the Chat adapter.\n   *\n   * Performs the minimal fetch necessary for ChatComposite and API methods.\n   *\n   * @public\n   */\n  fetchInitialData(): Promise<void>;\n  /**\n   * Send a message in the thread.\n   *\n   * @public\n   */\n  sendMessage(\n    content: string,\n    options?: SendMessageOptions | /* @conditional-compile-remove(file-sharing-acs) */ MessageOptions\n  ): Promise<void>;\n  /* @conditional-compile-remove(rich-text-editor-image-upload) */\n  /**\n   * Upload an inline image for a message.\n   *\n   * @beta\n   */\n  uploadImage(image: Blob, imageFilename: string): Promise<UploadChatImageResult>;\n  /* @conditional-compile-remove(rich-text-editor-image-upload) */\n  /**\n   * Delete an inline image for a message.\n   *\n   * @beta\n   */\n  deleteImage(imageId: string): Promise<void>;\n  /**\n   * Send a read receipt for a message.\n   *\n   * @public\n   */\n  sendReadReceipt(chatMessageId: string): Promise<void>;\n  /**\n   * Send typing indicator in the thread.\n   *\n   * @public\n   */\n  sendTypingIndicator(): Promise<void>;\n  /**\n   * Update a message content.\n   *\n   * @public\n   */\n  updateMessage(\n    messageId: string,\n    content: string,\n    options?: Record<string, string> | /* @conditional-compile-remove(file-sharing-acs) */ MessageOptions\n  ): Promise<void>;\n  /**\n   * Delete a message in the thread.\n   *\n   * @public\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   * @public\n   */\n  loadPreviousChatMessages(messagesToLoad: number): Promise<boolean>;\n  /** @public */\n  downloadResourceToCache(resourceDetails: ResourceDetails): Promise<void>;\n  /** @public */\n  removeResourceFromCache(resourceDetails: ResourceDetails): void;\n  /**\n   * Puts the Call in a Localhold.\n   *\n   * @public\n   */\n  holdCall(): Promise<void>;\n  /**\n   * Resumes the call from a LocalHold state.\n   *\n   * @public\n   */\n  resumeCall(): Promise<void>;\n  /**\n   * Adds a new Participant to the call.\n   *\n   * @public\n   */\n  addParticipant(participant: PhoneNumberIdentifier, options?: AddPhoneNumberOptions): Promise<void>;\n  addParticipant(participant: CommunicationUserIdentifier): Promise<void>;\n  /**\n   * send dtmf tone to another participant in the call in 1:1 calls\n   *\n   * @public\n   */\n  sendDtmfTone: (dtmfTone: DtmfTone) => Promise<void>;\n  /* @conditional-compile-remove(unsupported-browser) */\n  /**\n   * Continues into a call when the browser version is not supported.\n   */\n  allowUnsupportedBrowserVersion(): void;\n  /**\n   * Function to Start captions\n   * @param options - options for start captions\n   */\n  startCaptions(options?: StartCaptionsAdapterOptions): Promise<void>;\n  /**\n   * Function to set caption language\n   * @param language - language set for caption\n   */\n  setCaptionLanguage(language: string): Promise<void>;\n  /**\n   * Function to set spoken language\n   * @param language - spoken language\n   */\n  setSpokenLanguage(language: string): Promise<void>;\n  /**\n   * Funtion to stop captions\n   */\n  stopCaptions(options?: StopCaptionsAdapterOptions): Promise<void>;\n  /**\n   * Start the video background effect.\n   *\n   * @public\n   */\n  startVideoBackgroundEffect(videoBackgroundEffect: VideoBackgroundEffect): Promise<void>;\n  /**\n   * Stop the video background effect.\n   *\n   * @public\n   */\n  stopVideoBackgroundEffects(): Promise<void>;\n  /**\n   * Override the background picker images for background replacement effect.\n   *\n   * @param backgroundImages - Array of custom background images.\n   *\n   * @public\n   */\n  updateBackgroundPickerImages(backgroundImages: VideoBackgroundImage[]): void;\n  /**\n   * Update the selected video background effect\n   *\n   * @public\n   */\n  updateSelectedVideoBackgroundEffect(selectedVideoBackground: VideoBackgroundEffect): void;\n  /**\n   * Start the noise suppression effect.\n   */\n  startNoiseSuppressionEffect(): Promise<void>;\n  /**\n   * Start the noise suppression effect.\n   */\n  stopNoiseSuppressionEffect(): Promise<void>;\n  /**\n   * Send the end of call survey result\n   *\n   * @public\n   */\n  submitSurvey(survey: CallSurvey): Promise<CallSurveyResponse | undefined>;\n  /**\n   * Start spotlight\n   */\n  startSpotlight(userIds?: string[]): Promise<void>;\n  /**\n   * Stop spotlight\n   */\n  stopSpotlight(userIds?: string[]): Promise<void>;\n  /**\n   * Stop all spotlights\n   */\n  stopAllSpotlight(): Promise<void>;\n  /**\n   * Mute a participant\n   */\n  muteParticipant(userId: string): Promise<void>;\n  /**\n   * Mute a participant\n   */\n  muteAllRemoteParticipants(): Promise<void>;\n  /**\n   * Return to origin call of breakout room\n   */\n  returnFromBreakoutRoom(): Promise<void>;\n  /**\n   * forbids audio for the specified user ids.\n   */\n  forbidAudio: (userIds: string[]) => Promise<void>;\n  /** permits audio for the specified user ids. */\n  permitAudio: (userIds: string[]) => Promise<void>;\n  /** forbids audio for Teams meeting attendees except the local user. */\n  forbidOthersAudio: () => Promise<void>;\n  /**  permits audio for Teams meeting attendees except the local user. */\n  permitOthersAudio: () => Promise<void>;\n  /** forbids video for the specified user ids. */\n  forbidVideo: (userIds: string[]) => Promise<void>;\n  /** permits video for the specified user ids. */\n  permitVideo: (userIds: string[]) => Promise<void>;\n  /** forbids video for Teams meeting attendees except the local user. */\n  forbidOthersVideo: () => Promise<void>;\n  /** permits video for Teams meeting attendees except the local user. */\n  permitOthersVideo: () => Promise<void>;\n  /**\n   * Send real time text\n   * @param text - real time text content\n   * @param finalized - Boolean to indicate if the real time text is final\n   */\n  sendRealTimeText: (text: string, isFinalized: boolean) => Promise<void>;\n}\n\n/**\n * Call and Chat events that can be subscribed to in the {@link CallWithChatAdapter}.\n * @public\n */\nexport interface CallWithChatAdapterSubscriptions {\n  // Call subscriptions\n  on(event: 'callEnded', listener: CallEndedListener): void;\n  on(event: 'isMutedChanged', listener: IsMutedChangedListener): void;\n  on(event: 'callIdChanged', listener: CallIdChangedListener): void;\n  on(event: 'isLocalScreenSharingActiveChanged', listener: IsLocalScreenSharingActiveChangedListener): void;\n  on(event: 'displayNameChanged', listener: DisplayNameChangedListener): void;\n  on(event: 'isSpeakingChanged', listener: IsSpeakingChangedListener): void;\n  on(event: 'callParticipantsJoined', listener: ParticipantsJoinedListener): void;\n  on(event: 'callParticipantsLeft', listener: ParticipantsLeftListener): void;\n  on(event: 'selectedMicrophoneChanged', listener: PropertyChangedEvent): void;\n  on(event: 'selectedSpeakerChanged', listener: PropertyChangedEvent): void;\n  on(event: 'callError', listener: (e: AdapterError) => void): void;\n  on(event: 'captionsReceived', listener: CaptionsReceivedListener): void;\n  on(event: 'isCaptionsActiveChanged', listener: IsCaptionsActiveChangedListener): void;\n  on(event: 'isCaptionLanguageChanged', listener: IsCaptionLanguageChangedListener): void;\n  on(event: 'isSpokenLanguageChanged', listener: IsSpokenLanguageChangedListener): void;\n  on(event: 'realTimeTextReceived', listener: RealTimeTextReceivedListener): void;\n  on(event: 'capabilitiesChanged', listener: CapabilitiesChangedListener): void;\n  on(event: 'spotlightChanged', listener: SpotlightChangedListener): void;\n  on(event: 'breakoutRoomsUpdated', listener: BreakoutRoomsUpdatedListener): void;\n  off(event: 'callEnded', listener: CallEndedListener): void;\n  off(event: 'isMutedChanged', listener: IsMutedChangedListener): void;\n  off(event: 'callIdChanged', listener: CallIdChangedListener): void;\n  off(event: 'isLocalScreenSharingActiveChanged', listener: IsLocalScreenSharingActiveChangedListener): void;\n  off(event: 'displayNameChanged', listener: DisplayNameChangedListener): void;\n  off(event: 'isSpeakingChanged', listener: IsSpeakingChangedListener): void;\n  off(event: 'callParticipantsJoined', listener: ParticipantsJoinedListener): void;\n  off(event: 'callParticipantsLeft', listener: ParticipantsLeftListener): void;\n  off(event: 'selectedMicrophoneChanged', listener: PropertyChangedEvent): void;\n  off(event: 'selectedSpeakerChanged', listener: PropertyChangedEvent): void;\n  off(event: 'callError', listener: (e: AdapterError) => void): void;\n  off(event: 'captionsReceived', listener: CaptionsReceivedListener): void;\n  off(event: 'isCaptionsActiveChanged', listener: IsCaptionsActiveChangedListener): void;\n  off(event: 'isCaptionLanguageChanged', listener: IsCaptionLanguageChangedListener): void;\n  off(event: 'isSpokenLanguageChanged', listener: IsSpokenLanguageChangedListener): void;\n  off(event: 'realTimeTextReceived', listener: RealTimeTextReceivedListener): void;\n  off(event: 'capabilitiesChanged', listener: CapabilitiesChangedListener): void;\n  off(event: 'spotlightChanged', listener: SpotlightChangedListener): void;\n  off(event: 'breakoutRoomsUpdated', listener: BreakoutRoomsUpdatedListener): void;\n\n  // Chat subscriptions\n  on(event: 'messageReceived', listener: MessageReceivedListener): void;\n  on(event: 'messageEdited', listener: MessageEditedListener): void;\n  on(event: 'messageDeleted', listener: MessageDeletedListener): void;\n  on(event: 'messageSent', listener: MessageSentListener): void;\n  on(event: 'messageRead', listener: MessageReadListener): void;\n  on(event: 'chatParticipantsAdded', listener: ParticipantsAddedListener): void;\n  on(event: 'chatParticipantsRemoved', listener: ParticipantsRemovedListener): void;\n  on(event: 'chatError', listener: (e: AdapterError) => void): void;\n\n  off(event: 'messageReceived', listener: MessageReceivedListener): void;\n  off(event: 'messageEdited', listener: MessageEditedListener): void;\n  off(event: 'messageDeleted', listener: MessageDeletedListener): void;\n  off(event: 'messageSent', listener: MessageSentListener): void;\n  off(event: 'messageRead', listener: MessageReadListener): void;\n  off(event: 'chatParticipantsAdded', listener: ParticipantsAddedListener): void;\n  off(event: 'chatParticipantsRemoved', listener: ParticipantsRemovedListener): void;\n  off(event: 'chatError', listener: (e: AdapterError) => void): void;\n\n  // CallWithChat subscriptions\n  on(event: 'chatInitialized', listener: ChatInitializedListener): void;\n  off(event: 'chatInitialized', listener: ChatInitializedListener): void;\n}\n\n/**\n * Callback for {@link CallWithChatAdapterSubscribers} 'chatInitialized' event.\n *\n * @public\n */\nexport type ChatInitializedListener = (event: { adapter: CallWithChatAdapter }) => void;\n\n/**\n * {@link CallWithChatComposite} Adapter interface.\n *\n * @public\n */\nexport interface CallWithChatAdapter\n  extends CallWithChatAdapterManagement,\n    AdapterState<CallWithChatAdapterState>,\n    Disposable,\n    CallWithChatAdapterSubscriptions {}\n\n/**\n * Events fired off by the {@link CallWithChatAdapter}.\n *\n * @public\n */\nexport type CallWithChatEvent =\n  | 'callError'\n  | 'chatError'\n  | 'callEnded'\n  | 'isMutedChanged'\n  | 'callIdChanged'\n  | 'isLocalScreenSharingActiveChanged'\n  | 'displayNameChanged'\n  | 'isSpeakingChanged'\n  | 'callParticipantsJoined'\n  | 'callParticipantsLeft'\n  | 'selectedMicrophoneChanged'\n  | 'selectedSpeakerChanged'\n  | 'isCaptionsActiveChanged'\n  | 'captionsReceived'\n  | 'isCaptionLanguageChanged'\n  | 'isSpokenLanguageChanged'\n  | 'realTimeTextReceived'\n  | 'capabilitiesChanged'\n  | 'spotlightChanged'\n  | 'breakoutRoomsUpdated'\n  | 'messageReceived'\n  | 'messageEdited'\n  | 'messageDeleted'\n  | 'messageSent'\n  | 'messageRead'\n  | 'chatParticipantsAdded'\n  | 'chatParticipantsRemoved'\n  | 'chatInitialized';\n"]}

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

@@ -1,6 +1,8 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
+import { _logEvent } from "../../../../acs-ui-common/src";
 import React, { useContext, createContext, useState, useEffect } from 'react';
+import { compositeLogger, EventNames } from './logger';
 /**
  *
  * @param props
@@ -10,6 +12,22 @@ export const ACSAudioProvider = (props) => {
     const { audioContext, children } = props;
     const [stateAudioContext, setStateAudioContext] = useState(undefined);
     useEffect(() => {
+        if (stateAudioContext) {
+            _logEvent(compositeLogger, {
+                name: EventNames.COMPOSITE_AUDIO_CONTEXT_RECREATED,
+                level: 'warning',
+                message: 'AudioContext recreated for composite.',
+                data: { audioContextState: stateAudioContext.state }
+            });
+        }
+        else {
+            _logEvent(compositeLogger, {
+                name: EventNames.COMPOSITE_AUDIO_CONTEXT_CREATED,
+                level: 'info',
+                message: 'AudioContext created for composite.',
+                data: { audioContextState: audioContext.state }
+            });
+        }
         // Create the AudioContext only when the component is rendered
         setStateAudioContext(audioContext);
     }, [audioContext]);

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,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAU9E;;;;GAIG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAA4B,EAAe,EAAE;IAC5E,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACzC,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAA2B,SAAS,CAAC,CAAC;IAEhG,SAAS,CAAC,GAAG,EAAE;QACb,8DAA8D;QAC9D,oBAAoB,CAAC,YAAY,CAAC,CAAC;IACrC,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,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,iBAAiB,IAAG,KAAK,CAAC,QAAQ,CAA4B,CAAC;AACzG,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,eAAe,GAAG,aAAa,CAA2B,SAAS,CAAC,CAAC;AAE3E;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,GAA6B,EAAE,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React, { useContext, createContext, useState, useEffect } 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 [stateAudioContext, setStateAudioContext] = useState<AudioContext | undefined>(undefined);\n\n  useEffect(() => {\n    // Create the AudioContext only when the component is rendered\n    setStateAudioContext(audioContext);\n  }, [audioContext]);\n\n  const alreadyWrapped = useAudio();\n  if (alreadyWrapped) {\n    return <>{children}</>;\n  }\n  return <ACSAudioContext.Provider value={stateAudioContext}>{props.children}</ACSAudioContext.Provider>;\n};\n\n/**\n * @private\n */\nconst ACSAudioContext = createContext<AudioContext | undefined>(undefined);\n\n/**\n * @private\n */\nexport const useAudio = (): AudioContext | undefined => useContext(ACSAudioContext);\n"]}
+{"version":3,"file":"AudioProvider.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/common/AudioProvider.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,SAAS,EAAE,sCAAgC;AACpD,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,aAAa,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9E,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAUvD;;;;GAIG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAA4B,EAAe,EAAE;IAC5E,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACzC,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAA2B,SAAS,CAAC,CAAC;IAEhG,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,iBAAiB,EAAE,CAAC;YACtB,SAAS,CAAC,eAAe,EAAE;gBACzB,IAAI,EAAE,UAAU,CAAC,iCAAiC;gBAClD,KAAK,EAAE,SAAS;gBAChB,OAAO,EAAE,uCAAuC;gBAChD,IAAI,EAAE,EAAE,iBAAiB,EAAE,iBAAiB,CAAC,KAAK,EAAE;aACrD,CAAC,CAAC;QACL,CAAC;aAAM,CAAC;YACN,SAAS,CAAC,eAAe,EAAE;gBACzB,IAAI,EAAE,UAAU,CAAC,+BAA+B;gBAChD,KAAK,EAAE,MAAM;gBACb,OAAO,EAAE,qCAAqC;gBAC9C,IAAI,EAAE,EAAE,iBAAiB,EAAE,YAAY,CAAC,KAAK,EAAE;aAChD,CAAC,CAAC;QACL,CAAC;QACD,8DAA8D;QAE9D,oBAAoB,CAAC,YAAY,CAAC,CAAC;IACrC,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,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,iBAAiB,IAAG,KAAK,CAAC,QAAQ,CAA4B,CAAC;AACzG,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,eAAe,GAAG,aAAa,CAA2B,SAAS,CAAC,CAAC;AAE3E;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,GAA6B,EAAE,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { _logEvent } from '@internal/acs-ui-common';\nimport React, { useContext, createContext, useState, useEffect } from 'react';\nimport { compositeLogger, EventNames } from './logger';\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 [stateAudioContext, setStateAudioContext] = useState<AudioContext | undefined>(undefined);\n\n  useEffect(() => {\n    if (stateAudioContext) {\n      _logEvent(compositeLogger, {\n        name: EventNames.COMPOSITE_AUDIO_CONTEXT_RECREATED,\n        level: 'warning',\n        message: 'AudioContext recreated for composite.',\n        data: { audioContextState: stateAudioContext.state }\n      });\n    } else {\n      _logEvent(compositeLogger, {\n        name: EventNames.COMPOSITE_AUDIO_CONTEXT_CREATED,\n        level: 'info',\n        message: 'AudioContext created for composite.',\n        data: { audioContextState: audioContext.state }\n      });\n    }\n    // Create the AudioContext only when the component is rendered\n\n    setStateAudioContext(audioContext);\n  }, [audioContext]);\n\n  const alreadyWrapped = useAudio();\n  if (alreadyWrapped) {\n    return <>{children}</>;\n  }\n  return <ACSAudioContext.Provider value={stateAudioContext}>{props.children}</ACSAudioContext.Provider>;\n};\n\n/**\n * @private\n */\nconst ACSAudioContext = createContext<AudioContext | undefined>(undefined);\n\n/**\n * @private\n */\nexport const useAudio = (): AudioContext | undefined => useContext(ACSAudioContext);\n"]}

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

@@ -2,12 +2,14 @@
 // Licensed under the MIT License.
 import { Customizer, LayerHost, mergeStyles, registerIcons, Stack, useTheme } from '@fluentui/react';
 import { FluentThemeProvider } from "../../../../react-components/src";
-import React, { createContext, useContext } from 'react';
+import React, { createContext, useContext, useEffect } from 'react';
 import { LocalizationProvider } from '../localization';
 import { DEFAULT_COMPOSITE_ICONS } from './icons';
 import { globalLayerHostStyle } from './styles/GlobalHostLayer.styles';
 import { useId } from '@fluentui/react-hooks';
 import { ACSAudioProvider } from './AudioProvider';
+import { compositeLogger, EventNames } from './logger';
+import { _logEvent } from "../../../../acs-ui-common/src";
 /**
  * A base provider {@link React.Context} to wrap components with other required providers
  * (e.g. icons, FluentThemeProvider, LocalizationProvider).
@@ -45,6 +47,21 @@ export const BaseProvider = (props) => {
      * We need to create one context for the AudioProvider to ensure that we only have one instance of the AudioContext.
      */
     const compositeAudioContext = new AudioContext();
+    useEffect(() => {
+        return () => {
+            if (compositeAudioContext) {
+                _logEvent(compositeLogger, {
+                    name: EventNames.COMPOSITE_AUDIO_CONTEXT_CLOSED,
+                    level: 'info',
+                    message: 'AudioContext is being closed.',
+                    data: {}
+                });
+                compositeAudioContext.close().catch((e) => {
+                    console.error('Failed to close AudioContext', e);
+                });
+            }
+        };
+    }, []);
     // we use Customizer to override default LayerHost injected to <body />
     // which stop polluting global dom tree and increase compatibility with react-full-screen
     const CompositeElement = (React.createElement(FluentThemeProvider, { fluentTheme: fluentTheme, rtl: rtl },

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

@@ -1 +1 @@
-{"version":3,"file":"BaseComposite.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/common/BaseComposite.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport {\n  Customizer,\n  LayerHost,\n  mergeStyles,\n  PartialTheme,\n  registerIcons,\n  Stack,\n  Theme,\n  useTheme\n} from '@fluentui/react';\nimport { FluentThemeProvider, ParticipantMenuItemsCallback } from '@internal/react-components';\nimport React, { createContext, useContext } from 'react';\nimport { CompositeLocale, LocalizationProvider } from '../localization';\nimport { AvatarPersonaDataCallback } from './AvatarPersona';\nimport { CallCompositeIcons, CallWithChatCompositeIcons, ChatCompositeIcons, DEFAULT_COMPOSITE_ICONS } from './icons';\nimport { globalLayerHostStyle } from './styles/GlobalHostLayer.styles';\nimport { useId } from '@fluentui/react-hooks';\nimport { ACSAudioProvider } from './AudioProvider';\n/**\n * Properties common to all composites exported from this library.\n *\n * @public\n */\nexport interface BaseCompositeProps<TIcons extends Record<string, JSX.Element>> {\n  /**\n   * Fluent theme for the composite.\n   *\n   * @defaultValue light theme\n   */\n  fluentTheme?: PartialTheme | Theme;\n  /**\n   * Custom Icon override for the composite.\n   * A JSX element can be provided to override the default icon.\n   */\n  icons?: TIcons;\n  /**\n   * Locale for the composite.\n   *\n   * @defaultValue English (US)\n   */\n  locale?: CompositeLocale;\n  /**\n   * Whether composite is displayed right-to-left.\n   *\n   * @defaultValue false\n   */\n  rtl?: boolean;\n  /**\n   * A callback function that can be used to provide custom data to Avatars rendered\n   * in Composite.\n   *\n   * This will not affect the displayName shown in the composite.\n   * The displayName throughout the composite will be what is provided to the adapter when the adapter is created.\n   * will be what is provided to the adapter when the adapter is created.\n   */\n  onFetchAvatarPersonaData?: AvatarPersonaDataCallback;\n\n  /**\n   * A callback function that can be used to provide custom menu items for a participant in\n   * participant list.\n   */\n  onFetchParticipantMenuItems?: ParticipantMenuItemsCallback;\n}\n\n/**\n * A base provider {@link React.Context} to wrap components with other required providers\n * (e.g. icons, FluentThemeProvider, LocalizationProvider).\n *\n * Required providers are only wrapped once, with all other instances only passing children.\n *\n * @private\n */\nexport const BaseProvider = (\n  props: BaseCompositeProps<CallCompositeIcons | ChatCompositeIcons | CallWithChatCompositeIcons> & {\n    children: React.ReactNode;\n    formFactor?: 'desktop' | 'mobile';\n  }\n): JSX.Element => {\n  const { fluentTheme, rtl, locale } = props;\n\n  const globalLayerHostId = useId('composite-global-hostId');\n\n  /**\n   * Pass only the children if we previously registered icons, and have previously wrapped the children in\n   * FluentThemeProvider and LocalizationProvider\n   */\n  const alreadyWrapped = useBase();\n  if (alreadyWrapped) {\n    return <>{props.children}</>;\n  }\n\n  /**\n   * Before registering fluent icons, we should check DEFAULT_COMPOSITE_ICONS and strip out the key value pairs where value is undefined\n   */\n  const iconsToRegister: { [key: string]: JSX.Element } = {};\n  Object.entries(DEFAULT_COMPOSITE_ICONS).forEach(([key, value]) => {\n    if (value) {\n      iconsToRegister[key] = value;\n    }\n  });\n\n  /**\n   * We register the default icon mappings merged with custom icons provided through props\n   * to ensure all icons render correctly.\n   */\n  registerIcons({ icons: { ...iconsToRegister, ...props.icons } });\n\n  /**\n   * We need to create one context for the AudioProvider to ensure that we only have one instance of the AudioContext.\n   */\n  const compositeAudioContext = new AudioContext();\n  // we use Customizer to override default LayerHost injected to <body />\n  // which stop polluting global dom tree and increase compatibility with react-full-screen\n  const CompositeElement = (\n    <FluentThemeProvider fluentTheme={fluentTheme} rtl={rtl}>\n      {\n        // On mobile we expect the composite to fill the device screen, hence we set a meta property to have better OOBE.\n        props.formFactor === 'mobile' && <meta name=\"viewport\" content=\"width=device-width\" />\n      }\n      <Customizer scopedSettings={{ Layer: { hostId: globalLayerHostId } }}>\n        <ACSAudioProvider audioContext={compositeAudioContext}>\n          <WithBackgroundColor>{props.children}</WithBackgroundColor>\n        </ACSAudioProvider>\n      </Customizer>\n      <LayerHost id={globalLayerHostId} className={mergeStyles(globalLayerHostStyle)} />\n    </FluentThemeProvider>\n  );\n  const localizedElement = locale ? LocalizationProvider({ locale, children: CompositeElement }) : CompositeElement;\n  return <BaseContext.Provider value={true}>{localizedElement}</BaseContext.Provider>;\n};\n\n/**\n * @private\n */\nconst BaseContext = createContext<boolean>(false);\n\n/**\n * @private\n */\nconst useBase = (): boolean => useContext(BaseContext);\n\n/**\n * @private\n * Provides a wrapper with a background color to ensure that composites always have a background color.\n * This is necessary to ensure that composites are not transparent,\n * and the background color of it's parent elements doesn't show through the composite.\n */\nconst WithBackgroundColor = (props: { children: React.ReactNode }): JSX.Element => {\n  const { children } = props;\n  const theme = useTheme();\n  const className = mergeStyles({\n    background: theme.semanticColors.bodyBackground,\n    height: '100%',\n    width: '100%',\n    position: 'relative'\n  });\n  return <Stack className={className}>{children}</Stack>;\n};\n"]}
+{"version":3,"file":"BaseComposite.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/common/BaseComposite.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport {\n  Customizer,\n  LayerHost,\n  mergeStyles,\n  PartialTheme,\n  registerIcons,\n  Stack,\n  Theme,\n  useTheme\n} from '@fluentui/react';\nimport { FluentThemeProvider, ParticipantMenuItemsCallback } from '@internal/react-components';\nimport React, { createContext, useContext, useEffect } from 'react';\nimport { CompositeLocale, LocalizationProvider } from '../localization';\nimport { AvatarPersonaDataCallback } from './AvatarPersona';\nimport { CallCompositeIcons, CallWithChatCompositeIcons, ChatCompositeIcons, DEFAULT_COMPOSITE_ICONS } from './icons';\nimport { globalLayerHostStyle } from './styles/GlobalHostLayer.styles';\nimport { useId } from '@fluentui/react-hooks';\nimport { ACSAudioProvider } from './AudioProvider';\nimport { compositeLogger, EventNames } from './logger';\nimport { _logEvent } from '@internal/acs-ui-common';\n/**\n * Properties common to all composites exported from this library.\n *\n * @public\n */\nexport interface BaseCompositeProps<TIcons extends Record<string, JSX.Element>> {\n  /**\n   * Fluent theme for the composite.\n   *\n   * @defaultValue light theme\n   */\n  fluentTheme?: PartialTheme | Theme;\n  /**\n   * Custom Icon override for the composite.\n   * A JSX element can be provided to override the default icon.\n   */\n  icons?: TIcons;\n  /**\n   * Locale for the composite.\n   *\n   * @defaultValue English (US)\n   */\n  locale?: CompositeLocale;\n  /**\n   * Whether composite is displayed right-to-left.\n   *\n   * @defaultValue false\n   */\n  rtl?: boolean;\n  /**\n   * A callback function that can be used to provide custom data to Avatars rendered\n   * in Composite.\n   *\n   * This will not affect the displayName shown in the composite.\n   * The displayName throughout the composite will be what is provided to the adapter when the adapter is created.\n   * will be what is provided to the adapter when the adapter is created.\n   */\n  onFetchAvatarPersonaData?: AvatarPersonaDataCallback;\n\n  /**\n   * A callback function that can be used to provide custom menu items for a participant in\n   * participant list.\n   */\n  onFetchParticipantMenuItems?: ParticipantMenuItemsCallback;\n}\n\n/**\n * A base provider {@link React.Context} to wrap components with other required providers\n * (e.g. icons, FluentThemeProvider, LocalizationProvider).\n *\n * Required providers are only wrapped once, with all other instances only passing children.\n *\n * @private\n */\nexport const BaseProvider = (\n  props: BaseCompositeProps<CallCompositeIcons | ChatCompositeIcons | CallWithChatCompositeIcons> & {\n    children: React.ReactNode;\n    formFactor?: 'desktop' | 'mobile';\n  }\n): JSX.Element => {\n  const { fluentTheme, rtl, locale } = props;\n\n  const globalLayerHostId = useId('composite-global-hostId');\n\n  /**\n   * Pass only the children if we previously registered icons, and have previously wrapped the children in\n   * FluentThemeProvider and LocalizationProvider\n   */\n  const alreadyWrapped = useBase();\n  if (alreadyWrapped) {\n    return <>{props.children}</>;\n  }\n\n  /**\n   * Before registering fluent icons, we should check DEFAULT_COMPOSITE_ICONS and strip out the key value pairs where value is undefined\n   */\n  const iconsToRegister: { [key: string]: JSX.Element } = {};\n  Object.entries(DEFAULT_COMPOSITE_ICONS).forEach(([key, value]) => {\n    if (value) {\n      iconsToRegister[key] = value;\n    }\n  });\n\n  /**\n   * We register the default icon mappings merged with custom icons provided through props\n   * to ensure all icons render correctly.\n   */\n  registerIcons({ icons: { ...iconsToRegister, ...props.icons } });\n\n  /**\n   * We need to create one context for the AudioProvider to ensure that we only have one instance of the AudioContext.\n   */\n  const compositeAudioContext = new AudioContext();\n\n  useEffect(() => {\n    return () => {\n      if (compositeAudioContext) {\n        _logEvent(compositeLogger, {\n          name: EventNames.COMPOSITE_AUDIO_CONTEXT_CLOSED,\n          level: 'info',\n          message: 'AudioContext is being closed.',\n          data: {}\n        });\n        compositeAudioContext.close().catch((e) => {\n          console.error('Failed to close AudioContext', e);\n        });\n      }\n    }\n  }, []);\n\n  // we use Customizer to override default LayerHost injected to <body />\n  // which stop polluting global dom tree and increase compatibility with react-full-screen\n  const CompositeElement = (\n    <FluentThemeProvider fluentTheme={fluentTheme} rtl={rtl}>\n      {\n        // On mobile we expect the composite to fill the device screen, hence we set a meta property to have better OOBE.\n        props.formFactor === 'mobile' && <meta name=\"viewport\" content=\"width=device-width\" />\n      }\n      <Customizer scopedSettings={{ Layer: { hostId: globalLayerHostId } }}>\n        <ACSAudioProvider audioContext={compositeAudioContext}>\n          <WithBackgroundColor>{props.children}</WithBackgroundColor>\n        </ACSAudioProvider>\n      </Customizer>\n      <LayerHost id={globalLayerHostId} className={mergeStyles(globalLayerHostStyle)} />\n    </FluentThemeProvider>\n  );\n  const localizedElement = locale ? LocalizationProvider({ locale, children: CompositeElement }) : CompositeElement;\n  return <BaseContext.Provider value={true}>{localizedElement}</BaseContext.Provider>;\n};\n\n/**\n * @private\n */\nconst BaseContext = createContext<boolean>(false);\n\n/**\n * @private\n */\nconst useBase = (): boolean => useContext(BaseContext);\n\n/**\n * @private\n * Provides a wrapper with a background color to ensure that composites always have a background color.\n * This is necessary to ensure that composites are not transparent,\n * and the background color of it's parent elements doesn't show through the composite.\n */\nconst WithBackgroundColor = (props: { children: React.ReactNode }): JSX.Element => {\n  const { children } = props;\n  const theme = useTheme();\n  const className = mergeStyles({\n    background: theme.semanticColors.bodyBackground,\n    height: '100%',\n    width: '100%',\n    position: 'relative'\n  });\n  return <Stack className={className}>{children}</Stack>;\n};\n"]}

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

@@ -0,0 +1,20 @@
+/**
+ * @private
+ */
+export declare const compositeLogger: import("@azure/logger").AzureLogger;
+/**
+ * @private
+ * Enum for event names used in the composite logger.
+ * These events are used to track various actions and states within the composite.
+ */
+export declare enum EventNames {
+    COMPOSITE_INITIALIZED = "COMPOSITE_INITIALIZED",
+    COMPOSITE_RENDERED = "COMPOSITE_RENDERED",
+    COMPOSITE_CLOSED = "COMPOSITE_CLOSED",
+    COMPOSITE_AUDIO_CONTEXT_CREATED = "COMPOSITE_AUDIO_CONTEXT_CREATED",
+    COMPOSITE_AUDIO_CONTEXT_CLOSED = "COMPOSITE_AUDIO_CONTEXT_CLOSED",
+    COMPOSITE_AUDIO_CONTEXT_RECREATED = "COMPOSITE_AUDIO_CONTEXT_RECREATED",
+    COMPOSITE_WARNING = "COMPOSITE_WARNING",
+    COMPOSITE_ERROR = "COMPOSITE_ERROR"
+}
+//# sourceMappingURL=logger.d.ts.map

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

@@ -0,0 +1,27 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+import { createClientLogger } from '@azure/logger';
+/**
+ * @private
+ */
+export const compositeLogger = createClientLogger('communication-react:composite');
+/**
+ * @private
+ * Enum for event names used in the composite logger.
+ * These events are used to track various actions and states within the composite.
+ */
+export var EventNames;
+(function (EventNames) {
+    // Info
+    EventNames["COMPOSITE_INITIALIZED"] = "COMPOSITE_INITIALIZED";
+    EventNames["COMPOSITE_RENDERED"] = "COMPOSITE_RENDERED";
+    EventNames["COMPOSITE_CLOSED"] = "COMPOSITE_CLOSED";
+    EventNames["COMPOSITE_AUDIO_CONTEXT_CREATED"] = "COMPOSITE_AUDIO_CONTEXT_CREATED";
+    EventNames["COMPOSITE_AUDIO_CONTEXT_CLOSED"] = "COMPOSITE_AUDIO_CONTEXT_CLOSED";
+    EventNames["COMPOSITE_AUDIO_CONTEXT_RECREATED"] = "COMPOSITE_AUDIO_CONTEXT_RECREATED";
+    // Warning
+    EventNames["COMPOSITE_WARNING"] = "COMPOSITE_WARNING";
+    // Error
+    EventNames["COMPOSITE_ERROR"] = "COMPOSITE_ERROR";
+})(EventNames || (EventNames = {}));
+//# sourceMappingURL=logger.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"logger.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/common/logger.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAEnD;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,kBAAkB,CAAC,+BAA+B,CAAC,CAAC;AAEnF;;;;GAIG;AACH,MAAM,CAAN,IAAY,UAcX;AAdD,WAAY,UAAU;IAClB,OAAO;IACP,6DAA+C,CAAA;IAC/C,uDAAyC,CAAA;IACzC,mDAAqC,CAAA;IACrC,iFAAmE,CAAA;IACnE,+EAAiE,CAAA;IACjE,qFAAuE,CAAA;IAEvE,UAAU;IACV,qDAAuC,CAAA;IAEvC,QAAQ;IACR,iDAAmC,CAAA;AACvC,CAAC,EAdW,UAAU,KAAV,UAAU,QAcrB","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { createClientLogger } from '@azure/logger';\n\n/**\n * @private\n */\nexport const compositeLogger = createClientLogger('communication-react:composite');\n\n/**\n * @private\n * Enum for event names used in the composite logger.\n * These events are used to track various actions and states within the composite.\n */\nexport enum EventNames {\n    // Info\n    COMPOSITE_INITIALIZED = 'COMPOSITE_INITIALIZED',\n    COMPOSITE_RENDERED = 'COMPOSITE_RENDERED',\n    COMPOSITE_CLOSED = 'COMPOSITE_CLOSED',\n    COMPOSITE_AUDIO_CONTEXT_CREATED = 'COMPOSITE_AUDIO_CONTEXT_CREATED',\n    COMPOSITE_AUDIO_CONTEXT_CLOSED = 'COMPOSITE_AUDIO_CONTEXT_CLOSED',\n    COMPOSITE_AUDIO_CONTEXT_RECREATED = 'COMPOSITE_AUDIO_CONTEXT_RECREATED',\n    \n    // Warning\n    COMPOSITE_WARNING = 'COMPOSITE_WARNING',\n    \n    // Error\n    COMPOSITE_ERROR = 'COMPOSITE_ERROR'\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@azure/communication-react",
-  "version": "1.30.0-alpha-202507180020",
+  "version": "1.30.0-alpha-202507230020",
   "sideEffects": false,
   "description": "React library for building modern communication user experiences utilizing Azure Communication Services",
   "keywords": [