@azure/communication-react 1.5.1-beta.4 → 1.5.1-beta.5

package/dist/dist-esm/react-composites/src/composites/CallComposite/adapter/CallAdapter.js.map

@@ -1 +1 @@
-{"version":3,"file":"CallAdapter.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/adapter/CallAdapter.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAuDlC;;;GAGG;AACH,MAAM,CAAC,MAAM,cAAc,GAAwB;IACjD,0BAA0B;IAC1B,8BAA8B;IAC9B,UAAU;IACV,wCAAwC,CAAC,wBAAwB;IACjE,iBAAiB;IACjB,wCAAwC,CAAC,cAAc;IACvD,sDAAsD,CAAC,wBAAwB;CAChF,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { CallState, DeviceManagerState } from '@internal/calling-stateful-client';\n/* @conditional-compile-remove(close-captions) */\nimport { CaptionsInfo } from '@internal/calling-stateful-client';\n/* @conditional-compile-remove(teams-identity-support) */\nimport { TeamsCall } from '@azure/communication-calling';\n/* @conditional-compile-remove(close-captions) */\nimport { StartCaptionsOptions } from '@azure/communication-calling';\n/* @conditional-compile-remove(unsupported-browser) */\nimport { EnvironmentInfo } from '@azure/communication-calling';\nimport type {\n  AudioDeviceInfo,\n  VideoDeviceInfo,\n  Call,\n  PermissionConstraints,\n  RemoteParticipant,\n  StartCallOptions,\n  MediaDiagnosticChangedEventArgs,\n  NetworkDiagnosticChangedEventArgs,\n  PropertyChangedEvent\n} from '@azure/communication-calling';\nimport { CreateVideoStreamViewResult, VideoStreamOptions } from '@internal/react-components';\n/* @conditional-compile-remove(rooms) */\nimport { Role } from '@internal/react-components';\nimport type { CommunicationIdentifierKind } from '@azure/communication-common';\n/* @conditional-compile-remove(PSTN-calls) */\nimport { AddPhoneNumberOptions, DtmfTone } from '@azure/communication-calling';\n\n/* @conditional-compile-remove(PSTN-calls) */\nimport type {\n  CommunicationIdentifier,\n  CommunicationUserIdentifier,\n  PhoneNumberIdentifier\n} from '@azure/communication-common';\nimport type { AdapterState, Disposable, AdapterError, AdapterErrors } from '../../common/adapters';\n\n/**\n * Major UI screens shown in the {@link CallComposite}.\n *\n * @public\n */\nexport type CallCompositePage =\n  | 'accessDeniedTeamsMeeting'\n  | 'call'\n  | 'configuration'\n  | /* @conditional-compile-remove(PSTN-calls) */ 'hold'\n  | 'joinCallFailedDueToNoNetwork'\n  | 'leftCall'\n  | 'lobby'\n  | /* @conditional-compile-remove(rooms) */ 'deniedPermissionToRoom'\n  | 'removedFromCall'\n  | /* @conditional-compile-remove(rooms) */ 'roomNotFound'\n  | /* @conditional-compile-remove(unsupported-browser) */ 'unsupportedEnvironment';\n\n/**\n * Subset of CallCompositePages that represent an end call state.\n * @private\n */\nexport const END_CALL_PAGES: CallCompositePage[] = [\n  'accessDeniedTeamsMeeting',\n  'joinCallFailedDueToNoNetwork',\n  'leftCall',\n  /* @conditional-compile-remove(rooms) */ 'deniedPermissionToRoom',\n  'removedFromCall',\n  /* @conditional-compile-remove(rooms) */ 'roomNotFound',\n  /* @conditional-compile-remove(unsupported-browser) */ 'unsupportedEnvironment'\n];\n\n/**\n * {@link CommonCallAdapter} state for pure UI purposes.\n *\n * @public\n */\nexport type CallAdapterUiState = {\n  isLocalPreviewMicrophoneEnabled: boolean;\n  page: CallCompositePage;\n  /* @conditional-compile-remove(unsupported-browser) */\n  unsupportedBrowserVersionsAllowed?: boolean;\n};\n\n/**\n * {@link CommonCallAdapter} state inferred from Azure Communication Services backend.\n *\n * @public\n */\nexport type CallAdapterClientState = {\n  userId: CommunicationIdentifierKind;\n  displayName?: string;\n  call?: CallState;\n  devices: DeviceManagerState;\n  endedCall?: CallState;\n  isTeamsCall: boolean;\n  /**\n   * Latest error encountered for each operation performed via the adapter.\n   */\n  latestErrors: AdapterErrors;\n  /* @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Azure communications Phone number to make PSTN calls with.\n   */\n  alternateCallerId?: string;\n  /* @conditional-compile-remove(unsupported-browser) */\n  /**\n   * Environment information about system the adapter is made on\n   */\n  environmentInfo?: EnvironmentInfo;\n  /* @conditional-compile-remove(rooms) */\n  /**\n   * Use this to hint the role of the user when the role is not available before a Rooms call is started. This value\n   * should be obtained using the Rooms API. This role will determine permissions in the configuration page of the\n   * {@link CallComposite}. The true role of the user will be synced with ACS services when a Rooms call starts.\n   */\n  roleHint?: Role;\n  /**\n   * State to track whether the local participant's camera is on. To be used when creating a custom\n   * control bar with the CallComposite.\n   */\n  cameraStatus?: 'On' | 'Off';\n};\n\n/**\n * {@link CommonCallAdapter} state.\n *\n * @public\n */\nexport type CallAdapterState = CallAdapterUiState & CallAdapterClientState;\n\n/**\n * Callback for {@link CallAdapterSubscribers} 'participantsJoined' event.\n *\n * @public\n */\nexport type ParticipantsJoinedListener = (event: { joined: RemoteParticipant[] }) => void;\n\n/**\n * Callback for {@link CallAdapterSubscribers} 'participantsLeft' event.\n *\n * @public\n */\nexport type ParticipantsLeftListener = (event: { removed: RemoteParticipant[] }) => void;\n\n/**\n * Callback for {@link CallAdapterSubscribers} 'isMuted' event.\n *\n * @public\n */\nexport type IsMutedChangedListener = (event: { identifier: CommunicationIdentifierKind; isMuted: boolean }) => void;\n\n/**\n * Callback for {@link CallAdapterSubscribers} 'callIdChanged' event.\n *\n * @public\n */\nexport type CallIdChangedListener = (event: { callId: string }) => void;\n\n/**\n * Callback for {@link CallAdapterSubscribers} 'isLocalScreenSharingActiveChanged' event.\n *\n * @public\n */\nexport type IsLocalScreenSharingActiveChangedListener = (event: { isScreenSharingOn: boolean }) => void;\n\n/**\n * Callback for {@link CallAdapterSubscribers} 'isSpeakingChanged' event.\n *\n * @public\n */\nexport type IsSpeakingChangedListener = (event: {\n  identifier: CommunicationIdentifierKind;\n  isSpeaking: boolean;\n}) => void;\n\n/**\n * Callback for {@link CallAdapterSubscribers} 'displayNameChanged' event.\n *\n * @public\n */\nexport type DisplayNameChangedListener = (event: {\n  participantId: CommunicationIdentifierKind;\n  displayName: string;\n}) => void;\n\n/**\n * Payload for {@link CallEndedListener} containing details on the ended call.\n *\n * @public\n */\nexport type CallAdapterCallEndedEvent = { callId: string };\n\n/**\n * Callback for {@link CallAdapterSubscribers} 'callEnded' event.\n *\n * @public\n */\nexport type CallEndedListener = (event: CallAdapterCallEndedEvent) => void;\n\n/**\n * Payload for {@link DiagnosticChangedEventListner} where there is a change in a media diagnostic.\n *\n * @public\n */\nexport type MediaDiagnosticChangedEvent = MediaDiagnosticChangedEventArgs & {\n  type: 'media';\n};\n\n/**\n * Payload for {@link DiagnosticChangedEventListner} where there is a change in a network diagnostic.\n *\n * @public\n */\nexport type NetworkDiagnosticChangedEvent = NetworkDiagnosticChangedEventArgs & {\n  type: 'network';\n};\n\n/**\n * Callback for {@link CallAdapterSubscribers} 'diagnosticChanged' event.\n *\n * @public\n */\nexport type DiagnosticChangedEventListner = (\n  event: MediaDiagnosticChangedEvent | NetworkDiagnosticChangedEvent\n) => void;\n\n/* @conditional-compile-remove(close-captions) */\n/**\n * Callback for {@link CallAdapterSubscribers} 'captionsReceived' event.\n *\n * @beta\n */\nexport type CaptionsReceivedListener = (event: { captionsInfo: CaptionsInfo }) => void;\n\n/* @conditional-compile-remove(close-captions) */\n/**\n * Callback for {@link CallAdapterSubscribers} 'isCaptionsActiveChanged' event.\n *\n * @beta\n */\nexport type IsCaptionsActiveChangedListener = (event: { isActive: boolean }) => void;\n\n/**\n * Functionality for managing the current call.\n *\n * @public\n */\nexport interface CallAdapterCallOperations {\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   * 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   * 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 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   * Remove a participant from the call.\n   *\n   * @param userId - Id of the participant to be removed\n   *\n   * @public\n   */\n  removeParticipant(userId: string): Promise<void>;\n  /* @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Remove a participant from the call.\n   * @param participant - {@link @azure/communication-common#CommunicationIdentifier} of the participant to be removed\n   * @beta\n   */\n  removeParticipant(participant: CommunicationIdentifier): 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  /* @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Holds the call.\n   *\n   * @beta\n   */\n  holdCall(): Promise<void>;\n  /* @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Resumes the call from a `LocalHold` state.\n   *\n   * @beta\n   */\n  resumeCall(): Promise<void>;\n  /* @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Add a participant to the call.\n   *\n   * @beta\n   */\n  addParticipant(participant: PhoneNumberIdentifier, options?: AddPhoneNumberOptions): Promise<void>;\n  /* @conditional-compile-remove(PSTN-calls) */\n  addParticipant(participant: CommunicationUserIdentifier): Promise<void>;\n  /* @conditional-compile-remove(PSTN-calls) */\n  /**\n   * send dtmf tone to another participant in a 1:1 PSTN call\n   *\n   * @beta\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  /* @conditional-compile-remove(close-captions) */\n  /**\n   * Function to Start captions\n   * @param options - options for start captions\n   */\n  startCaptions(options?: StartCaptionsOptions): Promise<void>;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * Function to set caption language\n   * @param language - language set for caption\n   */\n  setCaptionLanguage(language: string): Promise<void>;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * Function to set spoken language\n   * @param language - spoken language\n   */\n  setSpokenLanguage(language: string): Promise<void>;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * Funtion to stop captions\n   */\n  stopCaptions(): Promise<void>;\n}\n\n/**\n * Functionality for managing devices within a call.\n *\n * @public\n */\nexport interface CallAdapterDeviceManagement {\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<void>;\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\n/**\n * Call composite events that can be subscribed to.\n *\n * @public\n */\nexport interface CallAdapterSubscribers {\n  /**\n   * Subscribe function for 'participantsJoined' event.\n   */\n  on(event: 'participantsJoined', listener: ParticipantsJoinedListener): void;\n  /**\n   * Subscribe function for 'participantsLeft' event.\n   */\n  on(event: 'participantsLeft', listener: ParticipantsLeftListener): void;\n  /**\n   * Subscribe function for 'isMutedChanged' event.\n   *\n   * @remarks\n   * The event will be triggered whenever current user or remote user mute state changed\n   *\n   */\n  on(event: 'isMutedChanged', listener: IsMutedChangedListener): void;\n  /**\n   * Subscribe function for 'callIdChanged' event.\n   *\n   * @remarks\n   * The event will be triggered when callId of current user changed.\n   *\n   */\n  on(event: 'callIdChanged', listener: CallIdChangedListener): void;\n  /**\n   * Subscribe function for 'isLocalScreenSharingActiveChanged' event.\n   */\n  on(event: 'isLocalScreenSharingActiveChanged', listener: IsLocalScreenSharingActiveChangedListener): void;\n  /**\n   * Subscribe function for 'displayNameChanged' event.\n   */\n  on(event: 'displayNameChanged', listener: DisplayNameChangedListener): void;\n  /**\n   * Subscribe function for 'isSpeakingChanged' event.\n   */\n  on(event: 'isSpeakingChanged', listener: IsSpeakingChangedListener): void;\n  /**\n   * Subscribe function for 'callEnded' event.\n   */\n  on(event: 'callEnded', listener: CallEndedListener): void;\n  /**\n   * Subscribe function for 'diagnosticChanged' event.\n   *\n   * This event fires whenever there is a change in user facing diagnostics about the ongoing call.\n   */\n  on(event: 'diagnosticChanged', listener: DiagnosticChangedEventListner): void;\n  /**\n   * Subscribe function for 'selectedMicrophoneChanged' event.\n   *\n   * This event fires whenever the user selects a new microphone device.\n   */\n  on(event: 'selectedMicrophoneChanged', listener: PropertyChangedEvent): void;\n  /**\n   * Subscribe function for 'selectedSpeakerChanged' event.\n   *\n   * This event fires whenever the user selects a new speaker device.\n   */\n  on(event: 'selectedSpeakerChanged', listener: PropertyChangedEvent): void;\n  /**\n   * Subscribe function for 'error' event.\n   */\n  on(event: 'error', listener: (e: AdapterError) => void): void;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * Subscribe function for 'captionsReceived' event.\n   */\n  on(event: 'captionsReceived', listener: CaptionsReceivedListener): void;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * Subscribe function for 'isCaptionsActiveChanged' event.\n   */\n  on(event: 'isCaptionsActiveChanged', listener: IsCaptionsActiveChangedListener): void;\n\n  /**\n   * Unsubscribe function for 'participantsJoined' event.\n   */\n  off(event: 'participantsJoined', listener: ParticipantsJoinedListener): void;\n  /**\n   * Unsubscribe function for 'participantsLeft' event.\n   */\n  off(event: 'participantsLeft', listener: ParticipantsLeftListener): void;\n  /**\n   * Unsubscribe function for 'isMutedChanged' event.\n   */\n  off(event: 'isMutedChanged', listener: IsMutedChangedListener): void;\n  /**\n   * Unsubscribe function for 'callIdChanged' event.\n   */\n  off(event: 'callIdChanged', listener: CallIdChangedListener): void;\n  /**\n   * Unsubscribe function for 'isLocalScreenSharingActiveChanged' event.\n   */\n  off(event: 'isLocalScreenSharingActiveChanged', listener: IsLocalScreenSharingActiveChangedListener): void;\n  /**\n   * Unsubscribe function for 'displayNameChanged' event.\n   */\n  off(event: 'displayNameChanged', listener: DisplayNameChangedListener): void;\n  /**\n   * Unsubscribe function for 'isSpeakingChanged' event.\n   */\n  off(event: 'isSpeakingChanged', listener: IsSpeakingChangedListener): void;\n  /**\n   * Unsubscribe function for 'callEnded' event.\n   */\n  off(event: 'callEnded', listener: CallEndedListener): void;\n  /**\n   * Unsubscribe function for 'diagnosticChanged' event.\n   */\n  off(event: 'diagnosticChanged', listener: DiagnosticChangedEventListner): void;\n  /**\n   * Unsubscribe function for 'selectedMicrophoneChanged' event.\n   */\n  off(event: 'selectedMicrophoneChanged', listener: PropertyChangedEvent): void;\n  /**\n   * Unsubscribe function for 'selectedSpeakerChanged' event.\n   */\n  off(event: 'selectedSpeakerChanged', listener: PropertyChangedEvent): void;\n  /**\n   * Unsubscribe function for 'error' event.\n   */\n  off(event: 'error', listener: (e: AdapterError) => void): void;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * Unsubscribe function for 'captionsReceived' event.\n   */\n  off(event: 'captionsReceived', listener: CaptionsReceivedListener): void;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * Unsubscribe function for 'isCaptionsActiveChanged' event.\n   */\n  off(event: 'isCaptionsActiveChanged', listener: IsCaptionsActiveChangedListener): void;\n}\n\n// This type remains for non-breaking change reason\n/**\n * Functionality for managing the current call or start a new call\n * @deprecated CallAdapter interface will be flatten, consider using CallAdapter directly\n * @public\n */\nexport interface CallAdapterCallManagement extends CallAdapterCallOperations {\n  /**\n   * Join the call with microphone initially on/off.\n   *\n   * @param microphoneOn - Whether microphone is initially enabled\n   *\n   * @public\n   */\n  joinCall(microphoneOn?: boolean): Call | undefined;\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  /* @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Start the call.\n   * @param participants - An array of {@link @azure/communication-common#CommunicationIdentifier} to be called\n   * @beta\n   */\n  startCall(participants: CommunicationIdentifier[], options?: StartCallOptions): Call | undefined;\n}\n\n// TODO: Flatten the adapter structure\n/**\n * {@link CallComposite} Adapter interface.\n *\n * @public\n */\nexport interface CommonCallAdapter\n  extends AdapterState<CallAdapterState>,\n    Disposable,\n    CallAdapterCallOperations,\n    CallAdapterDeviceManagement,\n    CallAdapterSubscribers {\n  /**\n   * Join the call with microphone initially on/off.\n   *\n   * @param microphoneOn - Whether microphone is initially enabled\n   *\n   * @public\n   */\n  joinCall(microphoneOn?: boolean): 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): void;\n  /* @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Start the call.\n   * @param participants - An array of {@link @azure/communication-common#CommunicationIdentifier} to be called\n   * @beta\n   */\n  startCall(participants: CommunicationIdentifier[], options?: StartCallOptions): void;\n}\n\n/**\n *  An Adapter interface specific for Azure Communication identity which extends {@link CommonCallAdapter}.\n *\n * @public\n */\nexport interface CallAdapter extends CommonCallAdapter {\n  /**\n   * Join the call with microphone initially on/off.\n   *\n   * @param microphoneOn - Whether microphone is initially enabled\n   *\n   * @public\n   */\n  joinCall(microphoneOn?: boolean): Call | undefined;\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  /* @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Start the call.\n   * @param participants - An array of {@link @azure/communication-common#CommunicationIdentifier} to be called\n   * @beta\n   */\n  startCall(participants: CommunicationIdentifier[], options?: StartCallOptions): Call | undefined;\n}\n\n/* @conditional-compile-remove(teams-identity-support) */\n/**\n * An Adapter interface specific for Teams identity which extends {@link CommonCallAdapter}.\n *\n * @beta\n */\nexport interface TeamsCallAdapter extends CommonCallAdapter {\n  /**\n   * Join the call with microphone initially on/off.\n   *\n   * @param microphoneOn - Whether microphone is initially enabled\n   *\n   * @beta\n   */\n  joinCall(microphoneOn?: boolean): TeamsCall | undefined;\n  /**\n   * Start the call.\n   *\n   * @param participants - An array of participant ids to join\n   *\n   * @beta\n   */\n  startCall(participants: string[], options?: StartCallOptions): TeamsCall | undefined;\n  /* @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Start the call.\n   * @param participants - An array of {@link @azure/communication-common#CommunicationIdentifier} to be called\n   * @beta\n   */\n  startCall(participants: CommunicationIdentifier[], options?: StartCallOptions): TeamsCall | undefined;\n}\n\"../../../../../calling-stateful-client/src\"\"../../../../../react-components/src\""]}
+{"version":3,"file":"CallAdapter.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/CallComposite/adapter/CallAdapter.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAgClC;;;GAGG;AACH,MAAM,CAAC,MAAM,cAAc,GAAwB,CAAC,0BAA0B,EAAE,8BAA8B,EAAE,UAAU,EAAE,wCAAwC,CAAA,wBAAwB,EAAE,iBAAiB,EAAE,wCAAwC,CAAA,cAAc,EAAE,sDAAsD,CAAA,wBAAwB,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { CallState, DeviceManagerState } from '@internal/calling-stateful-client';\n/* @conditional-compile-remove(close-captions) */\nimport { CaptionsInfo } from '@internal/calling-stateful-client';\n/* @conditional-compile-remove(video-background-effects) */\nimport { BackgroundBlurConfig, BackgroundReplacementConfig } from '@azure/communication-calling-effects';\n/* @conditional-compile-remove(teams-identity-support) */\nimport { TeamsCall } from '@azure/communication-calling';\n/* @conditional-compile-remove(close-captions) */\nimport { StartCaptionsOptions } from '@azure/communication-calling';\n/* @conditional-compile-remove(unsupported-browser) */\nimport { EnvironmentInfo } from '@azure/communication-calling';\nimport type { AudioDeviceInfo, VideoDeviceInfo, Call, PermissionConstraints, RemoteParticipant, StartCallOptions, MediaDiagnosticChangedEventArgs, NetworkDiagnosticChangedEventArgs, PropertyChangedEvent } from '@azure/communication-calling';\nimport { CreateVideoStreamViewResult, VideoStreamOptions } from '@internal/react-components';\n/* @conditional-compile-remove(rooms) */\nimport { Role } from '@internal/react-components';\nimport type { CommunicationIdentifierKind } from '@azure/communication-common';\n/* @conditional-compile-remove(PSTN-calls) */\nimport { AddPhoneNumberOptions, DtmfTone } from '@azure/communication-calling';\n\n/* @conditional-compile-remove(PSTN-calls) */\nimport type { CommunicationIdentifier, CommunicationUserIdentifier, PhoneNumberIdentifier } from '@azure/communication-common';\nimport type { AdapterState, Disposable, AdapterError, AdapterErrors } from '../../common/adapters';\n\n/**\n * Major UI screens shown in the {@link CallComposite}.\n *\n * @public\n */\nexport type CallCompositePage = 'accessDeniedTeamsMeeting' | 'call' | 'configuration' | /* @conditional-compile-remove(PSTN-calls) */'hold' | 'joinCallFailedDueToNoNetwork' | 'leftCall' | 'lobby' | /* @conditional-compile-remove(rooms) */'deniedPermissionToRoom' | 'removedFromCall' | /* @conditional-compile-remove(rooms) */'roomNotFound' | /* @conditional-compile-remove(unsupported-browser) */'unsupportedEnvironment';\n\n/**\n * Subset of CallCompositePages that represent an end call state.\n * @private\n */\nexport const END_CALL_PAGES: CallCompositePage[] = ['accessDeniedTeamsMeeting', 'joinCallFailedDueToNoNetwork', 'leftCall', /* @conditional-compile-remove(rooms) */'deniedPermissionToRoom', 'removedFromCall', /* @conditional-compile-remove(rooms) */'roomNotFound', /* @conditional-compile-remove(unsupported-browser) */'unsupportedEnvironment'];\n\n/**\n * {@link CommonCallAdapter} state for pure UI purposes.\n *\n * @public\n */\nexport type CallAdapterUiState = {\n  isLocalPreviewMicrophoneEnabled: boolean;\n  page: CallCompositePage;\n  /* @conditional-compile-remove(unsupported-browser) */\n  unsupportedBrowserVersionsAllowed?: boolean;\n};\n\n/**\n * {@link CommonCallAdapter} state inferred from Azure Communication Services backend.\n *\n * @public\n */\nexport type CallAdapterClientState = {\n  userId: CommunicationIdentifierKind;\n  displayName?: string;\n  call?: CallState;\n  devices: DeviceManagerState;\n  endedCall?: CallState;\n  isTeamsCall: boolean;\n  /**\n   * Latest error encountered for each operation performed via the adapter.\n   */\n  latestErrors: AdapterErrors;\n  /* @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Azure communications Phone number to make PSTN calls with.\n   */\n  alternateCallerId?: string;\n  /* @conditional-compile-remove(unsupported-browser) */\n  /**\n   * Environment information about system the adapter is made on\n   */\n  environmentInfo?: EnvironmentInfo;\n  /* @conditional-compile-remove(rooms) */\n  /**\n   * Use this to hint the role of the user when the role is not available before a Rooms call is started. This value\n   * should be obtained using the Rooms API. This role will determine permissions in the configuration page of the\n   * {@link CallComposite}. The true role of the user will be synced with ACS services when a Rooms call starts.\n   */\n  roleHint?: Role;\n  /**\n   * State to track whether the local participant's camera is on. To be used when creating a custom\n   * control bar with the CallComposite.\n   */\n  cameraStatus?: 'On' | 'Off';\n  /* @conditional-compile-remove(video-background-effects) */\n  /**\n   * Default set of background images for background replacement effect.\n   */\n  videoBackgroundImages?: VideoBackgroundImage[];\n  /* @conditional-compile-remove(video-background-effects) */\n  /**\n   * State to track the selected video background effect.\n   */\n  selectedVideoBackgroundEffect?: SelectedVideoBackgroundEffect;\n};\n\n/**\n * {@link CommonCallAdapter} state.\n *\n * @public\n */\nexport type CallAdapterState = CallAdapterUiState & CallAdapterClientState;\n\n/**\n * Callback for {@link CallAdapterSubscribers} 'participantsJoined' event.\n *\n * @public\n */\nexport type ParticipantsJoinedListener = (event: {\n  joined: RemoteParticipant[];\n}) => void;\n\n/**\n * Callback for {@link CallAdapterSubscribers} 'participantsLeft' event.\n *\n * @public\n */\nexport type ParticipantsLeftListener = (event: {\n  removed: RemoteParticipant[];\n}) => void;\n\n/**\n * Callback for {@link CallAdapterSubscribers} 'isMuted' event.\n *\n * @public\n */\nexport type IsMutedChangedListener = (event: {\n  identifier: CommunicationIdentifierKind;\n  isMuted: boolean;\n}) => void;\n\n/**\n * Callback for {@link CallAdapterSubscribers} 'callIdChanged' event.\n *\n * @public\n */\nexport type CallIdChangedListener = (event: {\n  callId: string;\n}) => void;\n\n/**\n * Callback for {@link CallAdapterSubscribers} 'isLocalScreenSharingActiveChanged' event.\n *\n * @public\n */\nexport type IsLocalScreenSharingActiveChangedListener = (event: {\n  isScreenSharingOn: boolean;\n}) => void;\n\n/**\n * Callback for {@link CallAdapterSubscribers} 'isSpeakingChanged' event.\n *\n * @public\n */\nexport type IsSpeakingChangedListener = (event: {\n  identifier: CommunicationIdentifierKind;\n  isSpeaking: boolean;\n}) => void;\n\n/**\n * Callback for {@link CallAdapterSubscribers} 'displayNameChanged' event.\n *\n * @public\n */\nexport type DisplayNameChangedListener = (event: {\n  participantId: CommunicationIdentifierKind;\n  displayName: string;\n}) => void;\n\n/**\n * Payload for {@link CallEndedListener} containing details on the ended call.\n *\n * @public\n */\nexport type CallAdapterCallEndedEvent = {\n  callId: string;\n};\n\n/**\n * Callback for {@link CallAdapterSubscribers} 'callEnded' event.\n *\n * @public\n */\nexport type CallEndedListener = (event: CallAdapterCallEndedEvent) => void;\n\n/**\n * Payload for {@link DiagnosticChangedEventListner} where there is a change in a media diagnostic.\n *\n * @public\n */\nexport type MediaDiagnosticChangedEvent = MediaDiagnosticChangedEventArgs & {\n  type: 'media';\n};\n\n/**\n * Payload for {@link DiagnosticChangedEventListner} where there is a change in a network diagnostic.\n *\n * @public\n */\nexport type NetworkDiagnosticChangedEvent = NetworkDiagnosticChangedEventArgs & {\n  type: 'network';\n};\n\n/**\n * Callback for {@link CallAdapterSubscribers} 'diagnosticChanged' event.\n *\n * @public\n */\nexport type DiagnosticChangedEventListner = (event: MediaDiagnosticChangedEvent | NetworkDiagnosticChangedEvent) => void;\n\n/* @conditional-compile-remove(video-background-effects) */\n/**\n * Contains the attibutes of a background image like url, name etc.\n *\n * @beta\n */\nexport interface VideoBackgroundImage {\n  /**\n   * key for unique identification of the custom background\n   */\n  key: string;\n  /**\n   * URL of the uploaded background image.\n   */\n  url: string;\n  /**\n   * Image name to be displayed.\n   */\n  tooltipText?: string;\n}\n\n/* @conditional-compile-remove(close-captions) */\n/**\n * Callback for {@link CallAdapterSubscribers} 'captionsReceived' event.\n *\n * @beta\n */\nexport type CaptionsReceivedListener = (event: {\n  captionsInfo: CaptionsInfo;\n}) => void;\n\n/* @conditional-compile-remove(close-captions) */\n/**\n * Callback for {@link CallAdapterSubscribers} 'isCaptionsActiveChanged' event.\n *\n * @beta\n */\nexport type IsCaptionsActiveChangedListener = (event: {\n  isActive: boolean;\n}) => void;\n\n/* @conditional-compile-remove(video-background-effects) */\n/**\n * Contains the attibutes of a selected video background effect\n *\n * @beta\n */\nexport type SelectedVideoBackgroundEffect = VideoBackgroundNoEffect | VideoBackgroundBlurEffect | VideoBackgroundReplacementEffect;\n\n/* @conditional-compile-remove(video-background-effects) */\n/**\n * Contains the attibutes to remove video background effect\n *\n * @beta\n */\nexport interface VideoBackgroundNoEffect {\n  /**\n   * Name of effect to remove video background effect\n   */\n  effectName: 'none';\n}\n\n/* @conditional-compile-remove(video-background-effects) */\n/**\n * Contains the attibutes of the blur video background effect\n *\n * @beta\n */\nexport interface VideoBackgroundBlurEffect {\n  /**\n   * Name of effect to blur video background effect\n   */\n  effectName: 'blur';\n}\n\n/* @conditional-compile-remove(video-background-effects) */\n/**\n * Contains the attibutes of a selected replacement video background effect\n *\n * @beta\n */\nexport interface VideoBackgroundReplacementEffect {\n  /**\n   * Name of effect to replace video background effect\n   */\n  effectName: 'replacement';\n  /**\n   * key for unique identification of the custom background\n   */\n  effectKey: string;\n  /**\n   * URL of the custom background image.\n   */\n  backgroundImageUrl: string;\n}\n\n/**\n * Functionality for managing the current call.\n *\n * @public\n */\nexport interface CallAdapterCallOperations {\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   * 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   * 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 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   * Remove a participant from the call.\n   *\n   * @param userId - Id of the participant to be removed\n   *\n   * @public\n   */\n  removeParticipant(userId: string): Promise<void>;\n  /* @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Remove a participant from the call.\n   * @param participant - {@link @azure/communication-common#CommunicationIdentifier} of the participant to be removed\n   * @beta\n   */\n  removeParticipant(participant: CommunicationIdentifier): 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  /* @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Holds the call.\n   *\n   * @beta\n   */\n  holdCall(): Promise<void>;\n  /* @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Resumes the call from a `LocalHold` state.\n   *\n   * @beta\n   */\n  resumeCall(): Promise<void>;\n  /* @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Add a participant to the call.\n   *\n   * @beta\n   */\n  addParticipant(participant: PhoneNumberIdentifier, options?: AddPhoneNumberOptions): Promise<void>;\n  /* @conditional-compile-remove(PSTN-calls) */\n  addParticipant(participant: CommunicationUserIdentifier): Promise<void>;\n  /* @conditional-compile-remove(PSTN-calls) */\n  /**\n   * send dtmf tone to another participant in a 1:1 PSTN call\n   *\n   * @beta\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  /* @conditional-compile-remove(close-captions) */\n  /**\n   * Function to Start captions\n   * @param options - options for start captions\n   */\n  startCaptions(options?: StartCaptionsOptions): Promise<void>;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * Function to set caption language\n   * @param language - language set for caption\n   */\n  setCaptionLanguage(language: string): Promise<void>;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * Function to set spoken language\n   * @param language - spoken language\n   */\n  setSpokenLanguage(language: string): Promise<void>;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * Funtion to stop captions\n   */\n  stopCaptions(): Promise<void>;\n\n  /* @conditional-compile-remove(video-background-effects) */\n  /**\n   * Start the blur video background effect.\n   *\n   * @beta\n   */\n  blurVideoBackground(backgroundBlurConfig?: BackgroundBlurConfig): Promise<void>;\n  /* @conditional-compile-remove(video-background-effects) */\n  /**\n   * Start the video background replacement effect.\n   *\n   * @beta\n   */\n  replaceVideoBackground(backgroundReplacementConfig: BackgroundReplacementConfig): Promise<void>;\n  /* @conditional-compile-remove(video-background-effects) */\n  /**\n   * Stop the video background effect.\n   *\n   * @beta\n   */\n  stopVideoBackgroundEffects(): Promise<void>;\n  /* @conditional-compile-remove(video-background-effects) */\n  /**\n   * Override the background picker images for background replacement effect.\n   *\n   * @param backgroundImages - Array of custom background images.\n   *\n   * @beta\n   */\n  updateBackgroundPickerImages(backgroundImages: VideoBackgroundImage[]): void;\n  /* @conditional-compile-remove(video-background-effects) */\n  /**\n   * Update the selected video background effect.\n   *\n   * @beta\n   */\n  updateSelectedVideoBackgroundEffect(selectedVideoBackground: SelectedVideoBackgroundEffect): void;\n}\n\n/**\n * Functionality for managing devices within a call.\n *\n * @public\n */\nexport interface CallAdapterDeviceManagement {\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<void>;\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\n/**\n * Call composite events that can be subscribed to.\n *\n * @public\n */\nexport interface CallAdapterSubscribers {\n  /**\n   * Subscribe function for 'participantsJoined' event.\n   */\n  on(event: 'participantsJoined', listener: ParticipantsJoinedListener): void;\n  /**\n   * Subscribe function for 'participantsLeft' event.\n   */\n  on(event: 'participantsLeft', listener: ParticipantsLeftListener): void;\n  /**\n   * Subscribe function for 'isMutedChanged' event.\n   *\n   * @remarks\n   * The event will be triggered whenever current user or remote user mute state changed\n   *\n   */\n  on(event: 'isMutedChanged', listener: IsMutedChangedListener): void;\n  /**\n   * Subscribe function for 'callIdChanged' event.\n   *\n   * @remarks\n   * The event will be triggered when callId of current user changed.\n   *\n   */\n  on(event: 'callIdChanged', listener: CallIdChangedListener): void;\n  /**\n   * Subscribe function for 'isLocalScreenSharingActiveChanged' event.\n   */\n  on(event: 'isLocalScreenSharingActiveChanged', listener: IsLocalScreenSharingActiveChangedListener): void;\n  /**\n   * Subscribe function for 'displayNameChanged' event.\n   */\n  on(event: 'displayNameChanged', listener: DisplayNameChangedListener): void;\n  /**\n   * Subscribe function for 'isSpeakingChanged' event.\n   */\n  on(event: 'isSpeakingChanged', listener: IsSpeakingChangedListener): void;\n  /**\n   * Subscribe function for 'callEnded' event.\n   */\n  on(event: 'callEnded', listener: CallEndedListener): void;\n  /**\n   * Subscribe function for 'diagnosticChanged' event.\n   *\n   * This event fires whenever there is a change in user facing diagnostics about the ongoing call.\n   */\n  on(event: 'diagnosticChanged', listener: DiagnosticChangedEventListner): void;\n  /**\n   * Subscribe function for 'selectedMicrophoneChanged' event.\n   *\n   * This event fires whenever the user selects a new microphone device.\n   */\n  on(event: 'selectedMicrophoneChanged', listener: PropertyChangedEvent): void;\n  /**\n   * Subscribe function for 'selectedSpeakerChanged' event.\n   *\n   * This event fires whenever the user selects a new speaker device.\n   */\n  on(event: 'selectedSpeakerChanged', listener: PropertyChangedEvent): void;\n  /**\n   * Subscribe function for 'error' event.\n   */\n  on(event: 'error', listener: (e: AdapterError) => void): void;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * Subscribe function for 'captionsReceived' event.\n   */\n  on(event: 'captionsReceived', listener: CaptionsReceivedListener): void;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * Subscribe function for 'isCaptionsActiveChanged' event.\n   */\n  on(event: 'isCaptionsActiveChanged', listener: IsCaptionsActiveChangedListener): void;\n\n  /**\n   * Unsubscribe function for 'participantsJoined' event.\n   */\n  off(event: 'participantsJoined', listener: ParticipantsJoinedListener): void;\n  /**\n   * Unsubscribe function for 'participantsLeft' event.\n   */\n  off(event: 'participantsLeft', listener: ParticipantsLeftListener): void;\n  /**\n   * Unsubscribe function for 'isMutedChanged' event.\n   */\n  off(event: 'isMutedChanged', listener: IsMutedChangedListener): void;\n  /**\n   * Unsubscribe function for 'callIdChanged' event.\n   */\n  off(event: 'callIdChanged', listener: CallIdChangedListener): void;\n  /**\n   * Unsubscribe function for 'isLocalScreenSharingActiveChanged' event.\n   */\n  off(event: 'isLocalScreenSharingActiveChanged', listener: IsLocalScreenSharingActiveChangedListener): void;\n  /**\n   * Unsubscribe function for 'displayNameChanged' event.\n   */\n  off(event: 'displayNameChanged', listener: DisplayNameChangedListener): void;\n  /**\n   * Unsubscribe function for 'isSpeakingChanged' event.\n   */\n  off(event: 'isSpeakingChanged', listener: IsSpeakingChangedListener): void;\n  /**\n   * Unsubscribe function for 'callEnded' event.\n   */\n  off(event: 'callEnded', listener: CallEndedListener): void;\n  /**\n   * Unsubscribe function for 'diagnosticChanged' event.\n   */\n  off(event: 'diagnosticChanged', listener: DiagnosticChangedEventListner): void;\n  /**\n   * Unsubscribe function for 'selectedMicrophoneChanged' event.\n   */\n  off(event: 'selectedMicrophoneChanged', listener: PropertyChangedEvent): void;\n  /**\n   * Unsubscribe function for 'selectedSpeakerChanged' event.\n   */\n  off(event: 'selectedSpeakerChanged', listener: PropertyChangedEvent): void;\n  /**\n   * Unsubscribe function for 'error' event.\n   */\n  off(event: 'error', listener: (e: AdapterError) => void): void;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * Unsubscribe function for 'captionsReceived' event.\n   */\n  off(event: 'captionsReceived', listener: CaptionsReceivedListener): void;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * Unsubscribe function for 'isCaptionsActiveChanged' event.\n   */\n  off(event: 'isCaptionsActiveChanged', listener: IsCaptionsActiveChangedListener): void;\n}\n\n// This type remains for non-breaking change reason\n/**\n * Functionality for managing the current call or start a new call\n * @deprecated CallAdapter interface will be flatten, consider using CallAdapter directly\n * @public\n */\nexport interface CallAdapterCallManagement extends CallAdapterCallOperations {\n  /**\n   * Join the call with microphone initially on/off.\n   *\n   * @param microphoneOn - Whether microphone is initially enabled\n   *\n   * @public\n   */\n  joinCall(microphoneOn?: boolean): Call | undefined;\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  /* @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Start the call.\n   * @param participants - An array of {@link @azure/communication-common#CommunicationIdentifier} to be called\n   * @beta\n   */\n  startCall(participants: CommunicationIdentifier[], options?: StartCallOptions): Call | undefined;\n}\n\n// TODO: Flatten the adapter structure\n/**\n * {@link CallComposite} Adapter interface.\n *\n * @public\n */\nexport interface CommonCallAdapter extends AdapterState<CallAdapterState>, Disposable, CallAdapterCallOperations, CallAdapterDeviceManagement, CallAdapterSubscribers {\n  /**\n   * Join the call with microphone initially on/off.\n   *\n   * @param microphoneOn - Whether microphone is initially enabled\n   *\n   * @public\n   */\n  joinCall(microphoneOn?: boolean): 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): void;\n  /* @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Start the call.\n   * @param participants - An array of {@link @azure/communication-common#CommunicationIdentifier} to be called\n   * @beta\n   */\n  startCall(participants: CommunicationIdentifier[], options?: StartCallOptions): void;\n}\n\n/**\n *  An Adapter interface specific for Azure Communication identity which extends {@link CommonCallAdapter}.\n *\n * @public\n */\nexport interface CallAdapter extends CommonCallAdapter {\n  /**\n   * Join the call with microphone initially on/off.\n   *\n   * @param microphoneOn - Whether microphone is initially enabled\n   *\n   * @public\n   */\n  joinCall(microphoneOn?: boolean): Call | undefined;\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  /* @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Start the call.\n   * @param participants - An array of {@link @azure/communication-common#CommunicationIdentifier} to be called\n   * @beta\n   */\n  startCall(participants: CommunicationIdentifier[], options?: StartCallOptions): Call | undefined;\n}\n\n/* @conditional-compile-remove(teams-identity-support) */\n/**\n * An Adapter interface specific for Teams identity which extends {@link CommonCallAdapter}.\n *\n * @beta\n */\nexport interface TeamsCallAdapter extends CommonCallAdapter {\n  /**\n   * Join the call with microphone initially on/off.\n   *\n   * @param microphoneOn - Whether microphone is initially enabled\n   *\n   * @beta\n   */\n  joinCall(microphoneOn?: boolean): TeamsCall | undefined;\n  /**\n   * Start the call.\n   *\n   * @param participants - An array of participant ids to join\n   *\n   * @beta\n   */\n  startCall(participants: string[], options?: StartCallOptions): TeamsCall | undefined;\n  /* @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Start the call.\n   * @param participants - An array of {@link @azure/communication-common#CommunicationIdentifier} to be called\n   * @beta\n   */\n  startCall(participants: CommunicationIdentifier[], options?: StartCallOptions): TeamsCall | undefined;\n}\"../../../../../calling-stateful-client/src\"\"../../../../../react-components/src\""]}

package/dist/dist-esm/react-composites/src/composites/CallComposite/adapter/CallAdapterProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"CallAdapterProvider.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/adapter/CallAdapterProvider.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAQzD,MAAM,kBAAkB,GAAG,aAAa,CAAgC,SAAS,CAAC,CAAC;AAEnF;;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,GAAsB,EAAE;IAChD,MAAM,OAAO,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAC/C,IAAI,CAAC,OAAO,EAAE;QACZ,MAAM,qDAAqD,CAAC;KAC7D;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport React, { createContext, useContext } from 'react';\nimport { CommonCallAdapter } from './CallAdapter';\n\ntype CallProviderProps = {\n  children: React.ReactNode;\n  adapter: CommonCallAdapter;\n};\n\nconst CallAdapterContext = createContext<CommonCallAdapter | undefined>(undefined);\n\n/**\n * @private\n */\nexport const CallAdapterProvider = (props: CallProviderProps): JSX.Element => {\n  const { adapter } = props;\n  return <CallAdapterContext.Provider value={adapter}>{props.children}</CallAdapterContext.Provider>;\n};\n\n/**\n * @private\n */\nexport const useAdapter = (): CommonCallAdapter => {\n  const adapter = useContext(CallAdapterContext);\n  if (!adapter) {\n    throw 'Cannot find adapter please initialize before usage.';\n  }\n  return adapter;\n};\n"]}
+{"version":3,"file":"CallAdapterProvider.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/CallComposite/adapter/CallAdapterProvider.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAMzD,MAAM,kBAAkB,GAAG,aAAa,CAAgC,SAAS,CAAC,CAAC;AAEnF;;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,GAAsB,EAAE;IAChD,MAAM,OAAO,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAC/C,IAAI,CAAC,OAAO,EAAE;QACZ,MAAM,qDAAqD,CAAC;KAC7D;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport React, { createContext, useContext } from 'react';\nimport { CommonCallAdapter } from './CallAdapter';\ntype CallProviderProps = {\n  children: React.ReactNode;\n  adapter: CommonCallAdapter;\n};\nconst CallAdapterContext = createContext<CommonCallAdapter | undefined>(undefined);\n\n/**\n * @private\n */\nexport const CallAdapterProvider = (props: CallProviderProps): JSX.Element => {\n  const {\n    adapter\n  } = props;\n  return <CallAdapterContext.Provider value={adapter}>{props.children}</CallAdapterContext.Provider>;\n};\n\n/**\n * @private\n */\nexport const useAdapter = (): CommonCallAdapter => {\n  const adapter = useContext(CallAdapterContext);\n  if (!adapter) {\n    throw 'Cannot find adapter please initialize before usage.';\n  }\n  return adapter;\n};"]}

package/dist/dist-esm/react-composites/src/composites/CallComposite/adapter/DiagnosticsForwarder.js.map

@@ -1 +1 @@
-{"version":3,"file":"DiagnosticsForwarder.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/adapter/DiagnosticsForwarder.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAEL,QAAQ,EAGT,MAAM,8BAA8B,CAAC;AAKtC;;GAEG;AACH,MAAM,OAAO,oBAAoB;IAI/B,YAAY,OAAqB,EAAE,IAAgB;QAM5C,gBAAW,GAAG,GAAS,EAAE;YAC9B,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC,mBAAmB,EAAE,IAAI,CAAC,yBAAyB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;YAC9F,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,mBAAmB,EAAE,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAC5F,CAAC,CAAC;QARA,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,qBAAqB,CAAC,CAAC;QACjE,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;QACxB,IAAI,CAAC,SAAS,EAAE,CAAC;IACnB,CAAC;IAOO,SAAS;QACf,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,CAAC,mBAAmB,EAAE,IAAI,CAAC,yBAAyB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAC7F,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC,mBAAmB,EAAE,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAC3F,CAAC;IAEO,yBAAyB,CAAC,IAAuC;QACvE,MAAM,KAAK,mBACT,IAAI,EAAE,SAAS,IACZ,IAAI,CACR,CAAC;QACF,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,mBAAmB,EAAE,KAAK,CAAC,CAAC;IACjD,CAAC;IAEO,uBAAuB,CAAC,IAAqC;QACnE,MAAM,KAAK,mBACT,IAAI,EAAE,OAAO,IACV,IAAI,CACR,CAAC;QACF,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,mBAAmB,EAAE,KAAK,CAAC,CAAC;IACjD,CAAC;CACF","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport {\n  UserFacingDiagnosticsFeature,\n  Features,\n  MediaDiagnosticChangedEventArgs,\n  NetworkDiagnosticChangedEventArgs\n} from '@azure/communication-calling';\nimport { CallCommon } from '@internal/calling-stateful-client';\nimport { EventEmitter } from 'events';\nimport { MediaDiagnosticChangedEvent, NetworkDiagnosticChangedEvent } from './CallAdapter';\n\n/**\n * @private\n */\nexport class DiagnosticsForwarder {\n  private _diagnostics: UserFacingDiagnosticsFeature;\n  private _emitter: EventEmitter;\n\n  constructor(emitter: EventEmitter, call: CallCommon) {\n    this._diagnostics = call.feature(Features.UserFacingDiagnostics);\n    this._emitter = emitter;\n    this.subscribe();\n  }\n\n  public unsubscribe = (): void => {\n    this._diagnostics.network.off('diagnosticChanged', this.networkDiagnosticsChanged.bind(this));\n    this._diagnostics.media.off('diagnosticChanged', this.mediaDiagnosticsChanged.bind(this));\n  };\n\n  private subscribe(): void {\n    this._diagnostics.network.on('diagnosticChanged', this.networkDiagnosticsChanged.bind(this));\n    this._diagnostics.media.on('diagnosticChanged', this.mediaDiagnosticsChanged.bind(this));\n  }\n\n  private networkDiagnosticsChanged(args: NetworkDiagnosticChangedEventArgs): void {\n    const event: NetworkDiagnosticChangedEvent = {\n      type: 'network',\n      ...args\n    };\n    this._emitter.emit('diagnosticChanged', event);\n  }\n\n  private mediaDiagnosticsChanged(args: MediaDiagnosticChangedEventArgs): void {\n    const event: MediaDiagnosticChangedEvent = {\n      type: 'media',\n      ...args\n    };\n    this._emitter.emit('diagnosticChanged', event);\n  }\n}\n\"../../../../../calling-stateful-client/src\""]}
+{"version":3,"file":"DiagnosticsForwarder.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/CallComposite/adapter/DiagnosticsForwarder.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAgC,QAAQ,EAAsE,MAAM,8BAA8B,CAAC;AAK1J;;GAEG;AACH,MAAM,OAAO,oBAAoB;IAG/B,YAAY,OAAqB,EAAE,IAAgB;QAK5C,gBAAW,GAAG,GAAS,EAAE;YAC9B,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC,mBAAmB,EAAE,IAAI,CAAC,yBAAyB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;YAC9F,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,mBAAmB,EAAE,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAC5F,CAAC,CAAC;QAPA,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,qBAAqB,CAAC,CAAC;QACjE,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;QACxB,IAAI,CAAC,SAAS,EAAE,CAAC;IACnB,CAAC;IAKO,SAAS;QACf,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,CAAC,mBAAmB,EAAE,IAAI,CAAC,yBAAyB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAC7F,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC,mBAAmB,EAAE,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAC3F,CAAC;IACO,yBAAyB,CAAC,IAAuC;QACvE,MAAM,KAAK,mBACT,IAAI,EAAE,SAAS,IACZ,IAAI,CACR,CAAC;QACF,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,mBAAmB,EAAE,KAAK,CAAC,CAAC;IACjD,CAAC;IACO,uBAAuB,CAAC,IAAqC;QACnE,MAAM,KAAK,mBACT,IAAI,EAAE,OAAO,IACV,IAAI,CACR,CAAC;QACF,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,mBAAmB,EAAE,KAAK,CAAC,CAAC;IACjD,CAAC;CACF","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { UserFacingDiagnosticsFeature, Features, MediaDiagnosticChangedEventArgs, NetworkDiagnosticChangedEventArgs } from '@azure/communication-calling';\nimport { CallCommon } from '@internal/calling-stateful-client';\nimport { EventEmitter } from 'events';\nimport { MediaDiagnosticChangedEvent, NetworkDiagnosticChangedEvent } from './CallAdapter';\n\n/**\n * @private\n */\nexport class DiagnosticsForwarder {\n  private _diagnostics: UserFacingDiagnosticsFeature;\n  private _emitter: EventEmitter;\n  constructor(emitter: EventEmitter, call: CallCommon) {\n    this._diagnostics = call.feature(Features.UserFacingDiagnostics);\n    this._emitter = emitter;\n    this.subscribe();\n  }\n  public unsubscribe = (): void => {\n    this._diagnostics.network.off('diagnosticChanged', this.networkDiagnosticsChanged.bind(this));\n    this._diagnostics.media.off('diagnosticChanged', this.mediaDiagnosticsChanged.bind(this));\n  };\n  private subscribe(): void {\n    this._diagnostics.network.on('diagnosticChanged', this.networkDiagnosticsChanged.bind(this));\n    this._diagnostics.media.on('diagnosticChanged', this.mediaDiagnosticsChanged.bind(this));\n  }\n  private networkDiagnosticsChanged(args: NetworkDiagnosticChangedEventArgs): void {\n    const event: NetworkDiagnosticChangedEvent = {\n      type: 'network',\n      ...args\n    };\n    this._emitter.emit('diagnosticChanged', event);\n  }\n  private mediaDiagnosticsChanged(args: MediaDiagnosticChangedEventArgs): void {\n    const event: MediaDiagnosticChangedEvent = {\n      type: 'media',\n      ...args\n    };\n    this._emitter.emit('diagnosticChanged', event);\n  }\n}\"../../../../../calling-stateful-client/src\""]}

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

@@ -24,7 +24,9 @@ export const createProfileStateModifier = (onFetchProfile, notifyUpdate) => {
                 if (cachedDisplayName[key]) {
                     continue;
                 }
-                const profile = yield onFetchProfile(key, { displayName: originalParticipants[key].displayName });
+                const profile = yield onFetchProfile(key, {
+                    displayName: originalParticipants[key].displayName
+                });
                 if ((profile === null || profile === void 0 ? void 0 : profile.displayName) && originalParticipants[key].displayName !== (profile === null || profile === void 0 ? void 0 : profile.displayName)) {
                     cachedDisplayName[key] = profile === null || profile === void 0 ? void 0 : profile.displayName;
                 }

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

@@ -1 +1 @@
-{"version":3,"file":"OnFetchProfileCallback.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/adapter/OnFetchProfileCallback.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;;;;;;;;;;AAKlC,OAAO,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAC;AAqBrD;;GAEG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,CACxC,cAAsC,EACtC,YAAwB,EACF,EAAE;IACxB,MAAM,iBAAiB,GAEnB,EAAE,CAAC;IAEP,OAAO,CAAC,KAAuB,EAAE,EAAE;;QACjC,MAAM,oBAAoB,GAAG,MAAA,KAAK,CAAC,IAAI,0CAAE,kBAAkB,CAAC;QAC5D,CAAC,GAAS,EAAE;YACV,IAAI,mBAAmB,GAAG,KAAK,CAAC;YAChC,KAAK,MAAM,GAAG,IAAI,oBAAoB,EAAE;gBACtC,IAAI,iBAAiB,CAAC,GAAG,CAAC,EAAE;oBAC1B,SAAS;iBACV;gBACD,MAAM,OAAO,GAAG,MAAM,cAAc,CAAC,GAAG,EAAE,EAAE,WAAW,EAAE,oBAAoB,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC;gBAClG,IAAI,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,KAAI,oBAAoB,CAAC,GAAG,CAAC,CAAC,WAAW,MAAK,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,CAAA,EAAE;oBAC1F,iBAAiB,CAAC,GAAG,CAAC,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,CAAC;iBAC/C;gBACD,mBAAmB,GAAG,IAAI,CAAC;aAC5B;YACD,wGAAwG;YACxG,mBAAmB,IAAI,YAAY,EAAE,CAAC;QACxC,CAAC,CAAA,CAAC,EAAE,CAAC;QAEL,MAAM,oBAAoB,GAAG,yBAAyB,CACpD,CAAC,EAAU,EAAE,WAAmC,EAAsC,EAAE;YACtF,IAAI,iBAAiB,CAAC,EAAE,CAAC,EAAE;gBACzB,uCAAY,WAAW,KAAE,WAAW,EAAE,iBAAiB,CAAC,EAAE,CAAC,IAAG;aAC/D;YACD,OAAO,SAAS,CAAC;QACnB,CAAC,CACF,CAAC;QAEF,OAAO,oBAAoB,CAAC,KAAK,CAAC,CAAC;IACrC,CAAC,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { CallAdapterState } from './CallAdapter';\nimport { RemoteParticipantState } from '@internal/calling-stateful-client';\nimport { AdapterStateModifier } from './AzureCommunicationCallAdapter';\nimport { createParticipantModifier } from '../utils';\n\n/**\n * Callback function used to provide custom data to build profile for a user.\n *\n * @beta\n */\nexport type OnFetchProfileCallback = (userId: string, defaultProfile?: Profile) => Promise<Profile | undefined>;\n\n/**\n * The profile of a user.\n *\n * @beta\n */\nexport type Profile = {\n  /**\n   * Primary text to display, usually the name of the person.\n   */\n  displayName?: string;\n};\n\n/**\n * @private\n */\nexport const createProfileStateModifier = (\n  onFetchProfile: OnFetchProfileCallback,\n  notifyUpdate: () => void\n): AdapterStateModifier => {\n  const cachedDisplayName: {\n    [id: string]: string;\n  } = {};\n\n  return (state: CallAdapterState) => {\n    const originalParticipants = state.call?.remoteParticipants;\n    (async () => {\n      let shouldNotifyUpdates = false;\n      for (const key in originalParticipants) {\n        if (cachedDisplayName[key]) {\n          continue;\n        }\n        const profile = await onFetchProfile(key, { displayName: originalParticipants[key].displayName });\n        if (profile?.displayName && originalParticipants[key].displayName !== profile?.displayName) {\n          cachedDisplayName[key] = profile?.displayName;\n        }\n        shouldNotifyUpdates = true;\n      }\n      // notify update only when there is a change, which most likely will trigger modifier and setState again\n      shouldNotifyUpdates && notifyUpdate();\n    })();\n\n    const participantsModifier = createParticipantModifier(\n      (id: string, participant: RemoteParticipantState): RemoteParticipantState | undefined => {\n        if (cachedDisplayName[id]) {\n          return { ...participant, displayName: cachedDisplayName[id] };\n        }\n        return undefined;\n      }\n    );\n\n    return participantsModifier(state);\n  };\n};\n\"../../../../../calling-stateful-client/src\""]}
+{"version":3,"file":"OnFetchProfileCallback.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/CallComposite/adapter/OnFetchProfileCallback.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;;;;;;;;;;AAKlC,OAAO,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAC;AAqBrD;;GAEG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,cAAsC,EAAE,YAAwB,EAAwB,EAAE;IACnI,MAAM,iBAAiB,GAEnB,EAAE,CAAC;IACP,OAAO,CAAC,KAAuB,EAAE,EAAE;;QACjC,MAAM,oBAAoB,GAAG,MAAA,KAAK,CAAC,IAAI,0CAAE,kBAAkB,CAAC;QAC5D,CAAC,GAAS,EAAE;YACV,IAAI,mBAAmB,GAAG,KAAK,CAAC;YAChC,KAAK,MAAM,GAAG,IAAI,oBAAoB,EAAE;gBACtC,IAAI,iBAAiB,CAAC,GAAG,CAAC,EAAE;oBAC1B,SAAS;iBACV;gBACD,MAAM,OAAO,GAAG,MAAM,cAAc,CAAC,GAAG,EAAE;oBACxC,WAAW,EAAE,oBAAoB,CAAC,GAAG,CAAC,CAAC,WAAW;iBACnD,CAAC,CAAC;gBACH,IAAI,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,KAAI,oBAAoB,CAAC,GAAG,CAAC,CAAC,WAAW,MAAK,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,CAAA,EAAE;oBAC1F,iBAAiB,CAAC,GAAG,CAAC,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,CAAC;iBAC/C;gBACD,mBAAmB,GAAG,IAAI,CAAC;aAC5B;YACD,wGAAwG;YACxG,mBAAmB,IAAI,YAAY,EAAE,CAAC;QACxC,CAAC,CAAA,CAAC,EAAE,CAAC;QACL,MAAM,oBAAoB,GAAG,yBAAyB,CAAC,CAAC,EAAU,EAAE,WAAmC,EAAsC,EAAE;YAC7I,IAAI,iBAAiB,CAAC,EAAE,CAAC,EAAE;gBACzB,uCACK,WAAW,KACd,WAAW,EAAE,iBAAiB,CAAC,EAAE,CAAC,IAClC;aACH;YACD,OAAO,SAAS,CAAC;QACnB,CAAC,CAAC,CAAC;QACH,OAAO,oBAAoB,CAAC,KAAK,CAAC,CAAC;IACrC,CAAC,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { CallAdapterState } from './CallAdapter';\nimport { RemoteParticipantState } from '@internal/calling-stateful-client';\nimport { AdapterStateModifier } from './AzureCommunicationCallAdapter';\nimport { createParticipantModifier } from '../utils';\n\n/**\n * Callback function used to provide custom data to build profile for a user.\n *\n * @beta\n */\nexport type OnFetchProfileCallback = (userId: string, defaultProfile?: Profile) => Promise<Profile | undefined>;\n\n/**\n * The profile of a user.\n *\n * @beta\n */\nexport type Profile = {\n  /**\n   * Primary text to display, usually the name of the person.\n   */\n  displayName?: string;\n};\n\n/**\n * @private\n */\nexport const createProfileStateModifier = (onFetchProfile: OnFetchProfileCallback, notifyUpdate: () => void): AdapterStateModifier => {\n  const cachedDisplayName: {\n    [id: string]: string;\n  } = {};\n  return (state: CallAdapterState) => {\n    const originalParticipants = state.call?.remoteParticipants;\n    (async () => {\n      let shouldNotifyUpdates = false;\n      for (const key in originalParticipants) {\n        if (cachedDisplayName[key]) {\n          continue;\n        }\n        const profile = await onFetchProfile(key, {\n          displayName: originalParticipants[key].displayName\n        });\n        if (profile?.displayName && originalParticipants[key].displayName !== profile?.displayName) {\n          cachedDisplayName[key] = profile?.displayName;\n        }\n        shouldNotifyUpdates = true;\n      }\n      // notify update only when there is a change, which most likely will trigger modifier and setState again\n      shouldNotifyUpdates && notifyUpdate();\n    })();\n    const participantsModifier = createParticipantModifier((id: string, participant: RemoteParticipantState): RemoteParticipantState | undefined => {\n      if (cachedDisplayName[id]) {\n        return {\n          ...participant,\n          displayName: cachedDisplayName[id]\n        };\n      }\n      return undefined;\n    });\n    return participantsModifier(state);\n  };\n};\"../../../../../calling-stateful-client/src\""]}

package/dist/dist-esm/react-composites/src/composites/CallComposite/adapter/ParticipantSubcriber.js.map

@@ -1 +1 @@
-{"version":3,"file":"ParticipantSubcriber.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/adapter/ParticipantSubcriber.ts"],"names":[],"mappings":"AAKA;;GAEG;AACH,MAAM,OAAO,qBAAqB;IAIhC,YAAY,WAA8B,EAAE,OAAqB;QAMzD,0BAAqB,GAAG,GAAS,EAAE;YACzC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,gBAAgB,EAAE;gBAClC,aAAa,EAAE,IAAI,CAAC,WAAW,CAAC,UAAU;gBAC1C,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,OAAO;aAClC,CAAC,CAAC;QACL,CAAC,CAAC;QAEM,8BAAyB,GAAG,GAAS,EAAE;YAC7C,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,oBAAoB,EAAE;gBACtC,aAAa,EAAE,IAAI,CAAC,WAAW,CAAC,UAAU;gBAC1C,WAAW,EAAE,IAAI,CAAC,WAAW,CAAC,WAAW;aAC1C,CAAC,CAAC;QACL,CAAC,CAAC;QAEM,6BAAwB,GAAG,GAAS,EAAE;YAC5C,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,mBAAmB,EAAE;gBACrC,aAAa,EAAE,IAAI,CAAC,WAAW,CAAC,UAAU;gBAC1C,UAAU,EAAE,IAAI,CAAC,WAAW,CAAC,UAAU;aACxC,CAAC,CAAC;QACL,CAAC,CAAC;QAEM,+BAA0B,GAAG,CAAC,KAAmE,EAAQ,EAAE;YACjH,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,qBAAqB,EAAE,KAAK,CAAC,CAAC;QAClD,CAAC,CAAC;QA5BA,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;QAC/B,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,0BAA0B,EAAE,CAAC;IACpC,CAAC;IA2BO,0BAA0B;QAChC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,gBAAgB,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAC;QAClE,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,oBAAoB,EAAE,IAAI,CAAC,yBAAyB,CAAC,CAAC;QAC1E,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,mBAAmB,EAAE,IAAI,CAAC,wBAAwB,CAAC,CAAC;QACxE,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,qBAAqB,EAAE,IAAI,CAAC,0BAA0B,CAAC,CAAC;IAC9E,CAAC;IAEM,cAAc;QACnB,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,gBAAgB,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAC;QACnE,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,oBAAoB,EAAE,IAAI,CAAC,yBAAyB,CAAC,CAAC;QAC3E,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,mBAAmB,EAAE,IAAI,CAAC,wBAAwB,CAAC,CAAC;QACzE,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,qBAAqB,EAAE,IAAI,CAAC,0BAA0B,CAAC,CAAC;IAC/E,CAAC;CACF","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\nimport { RemoteParticipant, RemoteVideoStream } from '@azure/communication-calling';\nimport EventEmitter from 'events';\n\n/**\n * @private\n */\nexport class ParticipantSubscriber {\n  private participant: RemoteParticipant;\n  private emitter: EventEmitter;\n\n  constructor(participant: RemoteParticipant, emitter: EventEmitter) {\n    this.participant = participant;\n    this.emitter = emitter;\n    this.subscribeParticipantEvents();\n  }\n\n  private isMutedChangedHandler = (): void => {\n    this.emitter.emit('isMutedChanged', {\n      participantId: this.participant.identifier,\n      isMuted: this.participant.isMuted\n    });\n  };\n\n  private displayNameChangedHandler = (): void => {\n    this.emitter.emit('displayNameChanged', {\n      participantId: this.participant.identifier,\n      displayName: this.participant.displayName\n    });\n  };\n\n  private isSpeakingChangedHandler = (): void => {\n    this.emitter.emit('isSpeakingChanged', {\n      participantId: this.participant.identifier,\n      isSpeaking: this.participant.isSpeaking\n    });\n  };\n\n  private videoStreamsUpdatedHandler = (event: { added: RemoteVideoStream[]; removed: RemoteVideoStream[] }): void => {\n    this.emitter.emit('videoStreamsUpdated', event);\n  };\n\n  private subscribeParticipantEvents(): void {\n    this.participant.on('isMutedChanged', this.isMutedChangedHandler);\n    this.participant.on('displayNameChanged', this.displayNameChangedHandler);\n    this.participant.on('isSpeakingChanged', this.isSpeakingChangedHandler);\n    this.participant.on('videoStreamsUpdated', this.videoStreamsUpdatedHandler);\n  }\n\n  public unsubscribeAll(): void {\n    this.participant.off('isMutedChanged', this.isMutedChangedHandler);\n    this.participant.off('displayNameChanged', this.displayNameChangedHandler);\n    this.participant.off('isSpeakingChanged', this.isSpeakingChangedHandler);\n    this.participant.off('videoStreamsUpdated', this.videoStreamsUpdatedHandler);\n  }\n}\n\n/**\n * @private\n */\nexport type ParticipantEvent = 'isMutedChanged' | 'displayNameChanged' | 'isSpeakingChanged' | 'videoStreamsUpdated';\n"]}
+{"version":3,"file":"ParticipantSubcriber.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/CallComposite/adapter/ParticipantSubcriber.ts"],"names":[],"mappings":"AAKA;;GAEG;AACH,MAAM,OAAO,qBAAqB;IAGhC,YAAY,WAA8B,EAAE,OAAqB;QAKzD,0BAAqB,GAAG,GAAS,EAAE;YACzC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,gBAAgB,EAAE;gBAClC,aAAa,EAAE,IAAI,CAAC,WAAW,CAAC,UAAU;gBAC1C,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,OAAO;aAClC,CAAC,CAAC;QACL,CAAC,CAAC;QACM,8BAAyB,GAAG,GAAS,EAAE;YAC7C,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,oBAAoB,EAAE;gBACtC,aAAa,EAAE,IAAI,CAAC,WAAW,CAAC,UAAU;gBAC1C,WAAW,EAAE,IAAI,CAAC,WAAW,CAAC,WAAW;aAC1C,CAAC,CAAC;QACL,CAAC,CAAC;QACM,6BAAwB,GAAG,GAAS,EAAE;YAC5C,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,mBAAmB,EAAE;gBACrC,aAAa,EAAE,IAAI,CAAC,WAAW,CAAC,UAAU;gBAC1C,UAAU,EAAE,IAAI,CAAC,WAAW,CAAC,UAAU;aACxC,CAAC,CAAC;QACL,CAAC,CAAC;QACM,+BAA0B,GAAG,CAAC,KAGrC,EAAQ,EAAE;YACT,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,qBAAqB,EAAE,KAAK,CAAC,CAAC;QAClD,CAAC,CAAC;QA3BA,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;QAC/B,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,0BAA0B,EAAE,CAAC;IACpC,CAAC;IAyBO,0BAA0B;QAChC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,gBAAgB,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAC;QAClE,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,oBAAoB,EAAE,IAAI,CAAC,yBAAyB,CAAC,CAAC;QAC1E,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,mBAAmB,EAAE,IAAI,CAAC,wBAAwB,CAAC,CAAC;QACxE,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,qBAAqB,EAAE,IAAI,CAAC,0BAA0B,CAAC,CAAC;IAC9E,CAAC;IACM,cAAc;QACnB,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,gBAAgB,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAC;QACnE,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,oBAAoB,EAAE,IAAI,CAAC,yBAAyB,CAAC,CAAC;QAC3E,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,mBAAmB,EAAE,IAAI,CAAC,wBAAwB,CAAC,CAAC;QACzE,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,qBAAqB,EAAE,IAAI,CAAC,0BAA0B,CAAC,CAAC;IAC/E,CAAC;CACF","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\nimport { RemoteParticipant, RemoteVideoStream } from '@azure/communication-calling';\nimport EventEmitter from 'events';\n\n/**\n * @private\n */\nexport class ParticipantSubscriber {\n  private participant: RemoteParticipant;\n  private emitter: EventEmitter;\n  constructor(participant: RemoteParticipant, emitter: EventEmitter) {\n    this.participant = participant;\n    this.emitter = emitter;\n    this.subscribeParticipantEvents();\n  }\n  private isMutedChangedHandler = (): void => {\n    this.emitter.emit('isMutedChanged', {\n      participantId: this.participant.identifier,\n      isMuted: this.participant.isMuted\n    });\n  };\n  private displayNameChangedHandler = (): void => {\n    this.emitter.emit('displayNameChanged', {\n      participantId: this.participant.identifier,\n      displayName: this.participant.displayName\n    });\n  };\n  private isSpeakingChangedHandler = (): void => {\n    this.emitter.emit('isSpeakingChanged', {\n      participantId: this.participant.identifier,\n      isSpeaking: this.participant.isSpeaking\n    });\n  };\n  private videoStreamsUpdatedHandler = (event: {\n    added: RemoteVideoStream[];\n    removed: RemoteVideoStream[];\n  }): void => {\n    this.emitter.emit('videoStreamsUpdated', event);\n  };\n  private subscribeParticipantEvents(): void {\n    this.participant.on('isMutedChanged', this.isMutedChangedHandler);\n    this.participant.on('displayNameChanged', this.displayNameChangedHandler);\n    this.participant.on('isSpeakingChanged', this.isSpeakingChangedHandler);\n    this.participant.on('videoStreamsUpdated', this.videoStreamsUpdatedHandler);\n  }\n  public unsubscribeAll(): void {\n    this.participant.off('isMutedChanged', this.isMutedChangedHandler);\n    this.participant.off('displayNameChanged', this.displayNameChangedHandler);\n    this.participant.off('isSpeakingChanged', this.isSpeakingChangedHandler);\n    this.participant.off('videoStreamsUpdated', this.videoStreamsUpdatedHandler);\n  }\n}\n\n/**\n * @private\n */\nexport type ParticipantEvent = 'isMutedChanged' | 'displayNameChanged' | 'isSpeakingChanged' | 'videoStreamsUpdated';"]}

package/dist/dist-esm/react-composites/src/composites/CallComposite/adapter/createHandlers.js

@@ -11,11 +11,11 @@ import { _isACSCall, _isACSCallAgent, _isTeamsCall, _isTeamsCallAgent } from "..
  */
 export const createHandlers = (callClient, callAgent, deviceManager, call) => {
     // Call can be either undefined or ACS Call
-    if (_isACSCallAgent(callAgent) && (!call || (call && _isACSCall(call)))) {
+    if (_isACSCallAgent(callAgent) && (!call || call && _isACSCall(call))) {
         return createDefaultCallingHandlers(callClient, callAgent, deviceManager, call);
     }
     /* @conditional-compile-remove(teams-identity-support) */
-    if (_isTeamsCallAgent(callAgent) && (!call || (call && _isTeamsCall(call)))) {
+    if (_isTeamsCallAgent(callAgent) && (!call || call && _isTeamsCall(call))) {
         return createDefaultTeamsCallingHandlers(callClient, callAgent, deviceManager, call);
     }
     throw new Error('Unhandled agent type');

package/dist/dist-esm/react-composites/src/composites/CallComposite/adapter/createHandlers.js.map

@@ -1 +1 @@
-{"version":3,"file":"createHandlers.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/adapter/createHandlers.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAGlC,OAAO,EAAmB,4BAA4B,EAAE,sDAA6C;AACrG,0DAA0D;AAC1D,OAAO,EAAE,iCAAiC,EAAwB,sDAA6C;AAC/G,OAAO,EAKL,UAAU,EACV,eAAe,EACf,YAAY,EACZ,iBAAiB,EAClB,mDAA0C;AAS3C;;;;GAIG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAC5B,UAA8B,EAC9B,SAAoB,EACpB,aAAgD,EAChD,IAA4B,EACD,EAAE;IAC7B,2CAA2C;IAC3C,IAAI,eAAe,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,IAAI,IAAI,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE;QACvE,OAAO,4BAA4B,CAAC,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,IAAI,CAA8B,CAAC;KAC9G;IAED,yDAAyD;IACzD,IAAI,iBAAiB,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE;QAC3E,OAAO,iCAAiC,CAAC,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,IAAI,CAA8B,CAAC;KACnH;IACD,MAAM,IAAI,KAAK,CAAC,sBAAsB,CAAC,CAAC;AAC1C,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { CallAgent } from '@azure/communication-calling';\nimport { CallingHandlers, createDefaultCallingHandlers } from '@internal/calling-component-bindings';\n/* @conditional-compile-remove(teams-identity-support)) */\nimport { createDefaultTeamsCallingHandlers, TeamsCallingHandlers } from '@internal/calling-component-bindings';\nimport {\n  CallCommon,\n  StatefulCallClient,\n  StatefulDeviceManager,\n  TeamsCallAgent,\n  _isACSCall,\n  _isACSCallAgent,\n  _isTeamsCall,\n  _isTeamsCallAgent\n} from '@internal/calling-stateful-client';\n\n/**\n * @private\n */\nexport type CallHandlersOf<AgentType extends CallAgent | TeamsCallAgent> = AgentType extends CallAgent\n  ? CallingHandlers\n  : never | /* @conditional-compile-remove(teams-identity-support) */ TeamsCallingHandlers;\n\n/**\n * @private\n *\n * This is used to create correct handler for generic agent type\n */\nexport const createHandlers = <AgentType extends CallAgent | TeamsCallAgent>(\n  callClient: StatefulCallClient,\n  callAgent: AgentType,\n  deviceManager: StatefulDeviceManager | undefined,\n  call: CallCommon | undefined\n): CallHandlersOf<AgentType> => {\n  // Call can be either undefined or ACS Call\n  if (_isACSCallAgent(callAgent) && (!call || (call && _isACSCall(call)))) {\n    return createDefaultCallingHandlers(callClient, callAgent, deviceManager, call) as CallHandlersOf<AgentType>;\n  }\n\n  /* @conditional-compile-remove(teams-identity-support) */\n  if (_isTeamsCallAgent(callAgent) && (!call || (call && _isTeamsCall(call)))) {\n    return createDefaultTeamsCallingHandlers(callClient, callAgent, deviceManager, call) as CallHandlersOf<AgentType>;\n  }\n  throw new Error('Unhandled agent type');\n};\n\"../../../../../calling-component-bindings/src\"\"../../../../../calling-stateful-client/src\""]}
+{"version":3,"file":"createHandlers.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/CallComposite/adapter/createHandlers.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAGlC,OAAO,EAAmB,4BAA4B,EAAE,sDAA6C;AACrG,0DAA0D;AAC1D,OAAO,EAAE,iCAAiC,EAAwB,sDAA6C;AAC/G,OAAO,EAAyE,UAAU,EAAE,eAAe,EAAE,YAAY,EAAE,iBAAiB,EAAE,mDAA0C;AAOxL;;;;GAIG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAgD,UAA8B,EAAE,SAAoB,EAAE,aAAgD,EAAE,IAA4B,EAA6B,EAAE;IAC/O,2CAA2C;IAC3C,IAAI,eAAe,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,IAAI,IAAI,IAAI,IAAI,UAAU,CAAC,IAAI,CAAC,CAAC,EAAE;QACrE,OAAQ,4BAA4B,CAAC,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,IAAI,CAA+B,CAAC;KAChH;IAED,yDAAyD;IACzD,IAAI,iBAAiB,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,IAAI,IAAI,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE;QACzE,OAAQ,iCAAiC,CAAC,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,IAAI,CAA+B,CAAC;KACrH;IACD,MAAM,IAAI,KAAK,CAAC,sBAAsB,CAAC,CAAC;AAC1C,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { CallAgent } from '@azure/communication-calling';\nimport { CallingHandlers, createDefaultCallingHandlers } from '@internal/calling-component-bindings';\n/* @conditional-compile-remove(teams-identity-support)) */\nimport { createDefaultTeamsCallingHandlers, TeamsCallingHandlers } from '@internal/calling-component-bindings';\nimport { CallCommon, StatefulCallClient, StatefulDeviceManager, TeamsCallAgent, _isACSCall, _isACSCallAgent, _isTeamsCall, _isTeamsCallAgent } from '@internal/calling-stateful-client';\n\n/**\n * @private\n */\nexport type CallHandlersOf<AgentType extends CallAgent | TeamsCallAgent> = AgentType extends CallAgent ? CallingHandlers : never | /* @conditional-compile-remove(teams-identity-support) */TeamsCallingHandlers;\n\n/**\n * @private\n *\n * This is used to create correct handler for generic agent type\n */\nexport const createHandlers = <AgentType extends CallAgent | TeamsCallAgent,>(callClient: StatefulCallClient, callAgent: AgentType, deviceManager: StatefulDeviceManager | undefined, call: CallCommon | undefined): CallHandlersOf<AgentType> => {\n  // Call can be either undefined or ACS Call\n  if (_isACSCallAgent(callAgent) && (!call || call && _isACSCall(call))) {\n    return (createDefaultCallingHandlers(callClient, callAgent, deviceManager, call) as CallHandlersOf<AgentType>);\n  }\n\n  /* @conditional-compile-remove(teams-identity-support) */\n  if (_isTeamsCallAgent(callAgent) && (!call || call && _isTeamsCall(call))) {\n    return (createDefaultTeamsCallingHandlers(callClient, callAgent, deviceManager, call) as CallHandlersOf<AgentType>);\n  }\n  throw new Error('Unhandled agent type');\n};\"../../../../../calling-component-bindings/src\"\"../../../../../calling-stateful-client/src\""]}

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

@@ -4,6 +4,7 @@ export type { TeamsCallAdapterArgs, TeamsAdapterOptions } from './AzureCommunica
 export type { OnFetchProfileCallback, Profile } from './OnFetchProfileCallback';
 export type { AzureCommunicationCallAdapterArgs, CallAdapterLocator } from './AzureCommunicationCallAdapter';
 export type { AzureCommunicationCallAdapterOptions } from './AzureCommunicationCallAdapter';
+export type { CommonCallAdapterOptions } from './AzureCommunicationCallAdapter';
 export type { CallParticipantsLocator } from './AzureCommunicationCallAdapter';
 export type { CallAdapter, CommonCallAdapter, CallAdapterCallEndedEvent, CallAdapterCallManagement, CallAdapterCallOperations, CallAdapterClientState, CallAdapterDeviceManagement, CallAdapterState, CallAdapterSubscribers, CallAdapterUiState, CallCompositePage, CallEndedListener, CallIdChangedListener, DiagnosticChangedEventListner, DisplayNameChangedListener, IsLocalScreenSharingActiveChangedListener, IsMutedChangedListener, IsSpeakingChangedListener, MediaDiagnosticChangedEvent, NetworkDiagnosticChangedEvent, ParticipantsJoinedListener, ParticipantsLeftListener } from './CallAdapter';
 export type { CaptionsReceivedListener, IsCaptionsActiveChangedListener } from './CallAdapter';

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/adapter/index.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EACL,mCAAmC,EACnC,6CAA6C,EAC7C,gCAAgC,EACjC,MAAM,iCAAiC,CAAC;AAEzC,yDAAyD;AACzD,OAAO,EACL,sBAAsB,EACtB,gCAAgC,EAChC,mBAAmB,EACpB,MAAM,iCAAiC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nexport {\n  createAzureCommunicationCallAdapter,\n  createAzureCommunicationCallAdapterFromClient,\n  useAzureCommunicationCallAdapter\n} from './AzureCommunicationCallAdapter';\n\n/* @conditional-compile-remove(teams-identity-support) */\nexport {\n  createTeamsCallAdapter,\n  createTeamsCallAdapterFromClient,\n  useTeamsCallAdapter\n} from './AzureCommunicationCallAdapter';\n/* @conditional-compile-remove(teams-identity-support) */\nexport type { TeamsCallAdapterArgs, TeamsAdapterOptions } from './AzureCommunicationCallAdapter';\n/* @conditional-compile-remove(teams-identity-support) */\nexport type { OnFetchProfileCallback, Profile } from './OnFetchProfileCallback';\nexport type { AzureCommunicationCallAdapterArgs, CallAdapterLocator } from './AzureCommunicationCallAdapter';\n/* @conditional-compile-remove(rooms) */\nexport type { AzureCommunicationCallAdapterOptions } from './AzureCommunicationCallAdapter';\n\n/* @conditional-compile-remove(teams-adhoc-call) */\nexport type { CallParticipantsLocator } from './AzureCommunicationCallAdapter';\n\nexport type {\n  CallAdapter,\n  CommonCallAdapter,\n  CallAdapterCallEndedEvent,\n  CallAdapterCallManagement,\n  CallAdapterCallOperations,\n  CallAdapterClientState,\n  CallAdapterDeviceManagement,\n  CallAdapterState,\n  CallAdapterSubscribers,\n  CallAdapterUiState,\n  CallCompositePage,\n  CallEndedListener,\n  CallIdChangedListener,\n  DiagnosticChangedEventListner,\n  DisplayNameChangedListener,\n  IsLocalScreenSharingActiveChangedListener,\n  IsMutedChangedListener,\n  IsSpeakingChangedListener,\n  MediaDiagnosticChangedEvent,\n  NetworkDiagnosticChangedEvent,\n  ParticipantsJoinedListener,\n  ParticipantsLeftListener\n} from './CallAdapter';\n\n/* @conditional-compile-remove(close-captions) */\nexport type { CaptionsReceivedListener, IsCaptionsActiveChangedListener } from './CallAdapter';\n\n/* @conditional-compile-remove(teams-identity-support) */\nexport type { TeamsCallAdapter } from './CallAdapter';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/CallComposite/adapter/index.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,mCAAmC,EAAE,6CAA6C,EAAE,gCAAgC,EAAE,MAAM,iCAAiC,CAAC;AAEvK,yDAAyD;AACzD,OAAO,EAAE,sBAAsB,EAAE,gCAAgC,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nexport { createAzureCommunicationCallAdapter, createAzureCommunicationCallAdapterFromClient, useAzureCommunicationCallAdapter } from './AzureCommunicationCallAdapter';\n\n/* @conditional-compile-remove(teams-identity-support) */\nexport { createTeamsCallAdapter, createTeamsCallAdapterFromClient, useTeamsCallAdapter } from './AzureCommunicationCallAdapter';\n/* @conditional-compile-remove(teams-identity-support) */\nexport type { TeamsCallAdapterArgs, TeamsAdapterOptions } from './AzureCommunicationCallAdapter';\n/* @conditional-compile-remove(teams-identity-support) */\nexport type { OnFetchProfileCallback, Profile } from './OnFetchProfileCallback';\nexport type { AzureCommunicationCallAdapterArgs, CallAdapterLocator } from './AzureCommunicationCallAdapter';\n/* @conditional-compile-remove(rooms) */\nexport type { AzureCommunicationCallAdapterOptions } from './AzureCommunicationCallAdapter';\n/* @conditional-compile-remove(video-background-effects) */\nexport type { CommonCallAdapterOptions } from './AzureCommunicationCallAdapter';\n\n/* @conditional-compile-remove(teams-adhoc-call) */\nexport type { CallParticipantsLocator } from './AzureCommunicationCallAdapter';\nexport type { CallAdapter, CommonCallAdapter, CallAdapterCallEndedEvent, CallAdapterCallManagement, CallAdapterCallOperations, CallAdapterClientState, CallAdapterDeviceManagement, CallAdapterState, CallAdapterSubscribers, CallAdapterUiState, CallCompositePage, CallEndedListener, CallIdChangedListener, DiagnosticChangedEventListner, DisplayNameChangedListener, IsLocalScreenSharingActiveChangedListener, IsMutedChangedListener, IsSpeakingChangedListener, MediaDiagnosticChangedEvent, NetworkDiagnosticChangedEvent, ParticipantsJoinedListener, ParticipantsLeftListener } from './CallAdapter';\n\n/* @conditional-compile-remove(close-captions) */\nexport type { CaptionsReceivedListener, IsCaptionsActiveChangedListener } from './CallAdapter';\n\n/* @conditional-compile-remove(teams-identity-support) */\nexport type { TeamsCallAdapter } from './CallAdapter';"]}

package/dist/dist-esm/react-composites/src/composites/CallComposite/components/CallArrangement.d.ts

@@ -3,6 +3,8 @@ import { _ComplianceBannerProps, ErrorBarProps } from "../../../../../react-comp
 import { AvatarPersonaDataCallback } from '../../common/AvatarPersona';
 import { CallControlsProps } from '../components/CallControls';
 import { MutedNotificationProps } from './MutedNotification';
+import { SidePaneRenderer } from './SidePane/SidePaneProvider';
+import { MobileChatSidePaneTabHeaderProps } from '../../common/TabHeader';
 /**
  * @private
  */
@@ -17,6 +19,8 @@ export interface CallArrangementProps {
     mobileView: boolean;
     modalLayerHostId: string;
     onFetchAvatarPersonaData?: AvatarPersonaDataCallback;
+    updateSidePaneRenderer: (renderer: SidePaneRenderer | undefined) => void;
+    mobileChatTabHeader?: MobileChatSidePaneTabHeaderProps;
 }
 /**
  * @private

package/dist/dist-esm/react-composites/src/composites/CallComposite/components/CallArrangement.js

@@ -2,23 +2,21 @@
 // Licensed under the MIT license.
 import { mergeStyles, Stack } from '@fluentui/react';
 import { _isInLobbyOrConnecting } from "../../../../../calling-component-bindings/src";
-import { _ComplianceBanner, _useContainerHeight, _useContainerWidth, ErrorBar, useTheme } from "../../../../../react-components/src";
+import { _ComplianceBanner, _DrawerMenu, _useContainerHeight, _useContainerWidth, ErrorBar, useTheme } from "../../../../../react-components/src";
 /* @conditional-compile-remove(rooms) */
 import { _usePermissions } from "../../../../../react-components/src";
 import React, { useMemo, useRef, useState } from 'react';
+/* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
+import { useEffect } from 'react';
 import { useCallback } from 'react';
 /* @conditional-compile-remove(close-captions) */
 import { CaptionsBanner } from '../../common/CaptionsBanner';
 import { containerDivStyles } from '../../common/ContainerRectProps';
-/* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */
 import { compositeMinWidthRem } from '../../common/styles/Composite.styles';
 import { useAdapter } from '../adapter/CallAdapterProvider';
 import { CallControls } from '../components/CallControls';
 import { CommonCallControlBar } from '../../common/ControlBar/CommonCallControlBar';
-import { useSidePaneState } from '../hooks/useSidePaneState';
-import { callArrangementContainerStyles, callControlsContainerStyles, notificationsContainerStyles, containerStyleDesktop, containerStyleMobile, mediaGalleryContainerStyles, galleryParentContainerStyles, bannerNotificationStyles } from '../styles/CallPage.styles';
-/* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */
-import { CallPane } from './CallPane';
+import { callArrangementContainerStyles, notificationsContainerStyles, containerStyleDesktop, containerStyleMobile, mediaGalleryContainerStyles, galleryParentContainerStyles, bannerNotificationStyles, CONTROL_BAR_Z_INDEX, DRAWER_Z_INDEX } from '../styles/CallPage.styles';
 import { MutedNotification } from './MutedNotification';
 import { useSelector } from '../hooks/useSelector';
 import { callStatusSelector } from '../selectors/callStatusSelector';
@@ -32,11 +30,22 @@ import { getPage } from '../selectors/baseSelectors';
 /* @conditional-compile-remove(close-captions) */
 import { getCallStatus, getIsTeamsCall } from '../selectors/baseSelectors';
 import { drawerContainerStyles } from '../styles/CallComposite.styles';
+import { SidePane } from './SidePane/SidePane';
+import { usePeoplePane } from './SidePane/usePeoplePane';
+/* @conditional-compile-remove(video-background-effects) */
+import { useVideoEffectsPane } from './SidePane/useVideoEffectsPane';
+import { isDisabled } from '../utils';
+import { useIsSidePaneOpen } from './SidePane/SidePaneProvider';
+/* @conditional-compile-remove(video-background-effects) */
+import { useIsParticularSidePaneOpen } from './SidePane/SidePaneProvider';
+import { ModalLocalAndRemotePIP } from '../../common/ModalLocalAndRemotePIP';
+import { getPipStyles } from '../../common/styles/ModalLocalAndRemotePIP.styles';
+import { useMinMaxDragPosition } from '../../common/utils';
 /**
  * @private
  */
 export const CallArrangement = (props) => {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f, _g, _h;
     const containerClassName = useMemo(() => {
         return props.mobileView ? containerStyleMobile : containerStyleDesktop;
     }, [props.mobileView]);
@@ -46,21 +55,48 @@ export const CallArrangement = (props) => {
     const containerWidth = _useContainerWidth(containerRef);
     const containerHeight = _useContainerHeight(containerRef);
     const isInLobby = _isInLobbyOrConnecting(useSelector(callStatusSelector).callStatus);
+    const { updateSidePaneRenderer } = props;
     /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
     const isInLocalHold = useSelector(getPage) === 'hold';
+    /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
+    useEffect(() => {
+        if (isInLocalHold) {
+            // close side pane on local hold
+            updateSidePaneRenderer(undefined);
+        }
+    }, [updateSidePaneRenderer, isInLocalHold]);
     const adapter = useAdapter();
-    const { activePane, closePane, 
-    /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */
-    openPeoplePane, togglePeoplePane } = useSidePaneState();
-    /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */
-    const isMobileWithActivePane = props.mobileView && activePane;
-    /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */
+    const [drawerMenuItems, setDrawerMenuItems] = useState([]);
+    const peoplePaneProps = useMemo(() => {
+        var _a;
+        return ({
+            updateSidePaneRenderer,
+            setDrawerMenuItems,
+            inviteLink: props.callControlProps.callInvitationURL,
+            /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */
+            onFetchAvatarPersonaData: props.onFetchAvatarPersonaData,
+            onFetchParticipantMenuItems: (_a = props.callControlProps) === null || _a === void 0 ? void 0 : _a.onFetchParticipantMenuItems,
+            mobileView: props.mobileView
+        });
+    }, [updateSidePaneRenderer, props.callControlProps.callInvitationURL, (_a = props.callControlProps) === null || _a === void 0 ? void 0 : _a.onFetchParticipantMenuItems, /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */ props.onFetchAvatarPersonaData, props.mobileView]);
+    const { isPeoplePaneOpen, openPeoplePane, closePeoplePane } = usePeoplePane(peoplePaneProps);
+    const togglePeoplePane = useCallback(() => {
+        if (isPeoplePaneOpen) {
+            closePeoplePane();
+        }
+        else {
+            openPeoplePane();
+        }
+    }, [closePeoplePane, isPeoplePaneOpen, openPeoplePane]);
+    const isSidePaneOpen = useIsSidePaneOpen();
+    const isMobileWithActivePane = props.mobileView && isSidePaneOpen;
     const callCompositeContainerCSS = useMemo(() => {
         return {
             display: isMobileWithActivePane ? 'none' : 'flex',
             minWidth: props.mobileView ? 'unset' : `${compositeMinWidthRem}rem`,
             width: '100%',
-            height: '100%'
+            height: '100%',
+            position: 'relative'
         };
     }, [isMobileWithActivePane, props.mobileView]);
     /* @conditional-compile-remove(PSTN-calls) */
@@ -71,11 +107,12 @@ export const CallArrangement = (props) => {
         dialpadCloseModalButtonAriaLabel: callWithChatStrings.dialpadCloseModalButtonAriaLabel,
         placeholderText: callWithChatStrings.dtmfDialpadPlaceholderText
     }), [callWithChatStrings]);
+    /* @conditional-compile-remove(video-background-effects) */
+    const { openVideoEffectsPane } = useVideoEffectsPane(props.updateSidePaneRenderer, props.mobileView);
     const [showDrawer, setShowDrawer] = useState(false);
     const onMoreButtonClicked = useCallback(() => {
-        closePane();
         setShowDrawer(true);
-    }, [closePane]);
+    }, []);
     const closeDrawer = useCallback(() => {
         setShowDrawer(false);
     }, []);
@@ -95,33 +132,7 @@ export const CallArrangement = (props) => {
     const onClickShowDialpad = () => {
         setShowDtmfDialpad(true);
     };
-    const drawerContainerStylesValue = useMemo(() => drawerContainerStyles(10), []);
-    // To be removed once feature is out of beta, replace with callCompositeContainerCSS
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
-    const callCompositeContainerFlex = () => {
-        /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */
-        return callCompositeContainerCSS;
-        return { display: 'flex', width: '100%', height: '100%' };
-    };
-    /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */
-    const callPaneContent = useCallback(() => {
-        var _a;
-        if (adapter && activePane === 'people') {
-            return (React.createElement(CallPane, { callAdapter: adapter, onClose: closePane, onFetchAvatarPersonaData: props.onFetchAvatarPersonaData, onFetchParticipantMenuItems: (_a = props.callControlProps) === null || _a === void 0 ? void 0 : _a.onFetchParticipantMenuItems, onPeopleButtonClicked: showShowPeopleTabHeaderButton(props.callControlProps.options) ? openPeoplePane : undefined, callControls: typeof props.callControlProps.options !== 'boolean' ? props.callControlProps.options : undefined, modalLayerHostId: props.modalLayerHostId, activePane: activePane, mobileView: props.mobileView, inviteLink: props.callControlProps.callInvitationURL }));
-        }
-        return React.createElement(React.Fragment, null);
-    }, [
-        activePane,
-        adapter,
-        closePane,
-        props.callControlProps.callInvitationURL,
-        (_a = props.callControlProps) === null || _a === void 0 ? void 0 : _a.onFetchParticipantMenuItems,
-        props.callControlProps.options,
-        props.mobileView,
-        props.modalLayerHostId,
-        props.onFetchAvatarPersonaData,
-        openPeoplePane
-    ]);
+    const drawerContainerStylesValue = useMemo(() => drawerContainerStyles(DRAWER_Z_INDEX), []);
     /* @conditional-compile-remove(rooms) */
     const rolePermissions = _usePermissions();
     let canUnmute = true;
@@ -131,65 +142,68 @@ export const CallArrangement = (props) => {
     /* @conditional-compile-remove(rooms) */
     // TODO: move this logic to the error bar selector once role is plumbed from the headless SDK
     if (!rolePermissions.cameraButton && props.errorBarProps) {
-        errorBarProps = Object.assign(Object.assign({}, props.errorBarProps), { activeErrorMessages: props.errorBarProps.activeErrorMessages.filter((e) => e.type !== 'callCameraAccessDenied' && e.type !== 'callCameraAccessDeniedSafari') });
+        errorBarProps = Object.assign(Object.assign({}, props.errorBarProps), { activeErrorMessages: props.errorBarProps.activeErrorMessages.filter(e => e.type !== 'callCameraAccessDenied' && e.type !== 'callCameraAccessDeniedSafari') });
+    }
+    /* @conditional-compile-remove(video-background-effects) */
+    if (useIsParticularSidePaneOpen('videoeffects') && props.errorBarProps) {
+        errorBarProps = Object.assign(Object.assign({}, props.errorBarProps), { activeErrorMessages: props.errorBarProps.activeErrorMessages.filter(e => e.type !== 'unableToStartVideoEffect') });
     }
     /* @conditional-compile-remove(close-captions) */
     const isTeamsCall = useSelector(getIsTeamsCall);
     /* @conditional-compile-remove(close-captions) */
     const hasJoinedCall = useSelector(getCallStatus) === 'Connected';
-    return (React.createElement("div", { ref: containerRef, className: mergeStyles(containerDivStyles), id: props.id },
+    const minMaxDragPosition = useMinMaxDragPosition(props.modalLayerHostId);
+    const pipStyles = useMemo(() => getPipStyles(theme), [theme]);
+    return React.createElement("div", { ref: containerRef, className: mergeStyles(containerDivStyles), id: props.id },
         React.createElement(Stack, { verticalFill: true, horizontalAlign: "stretch", className: containerClassName, "data-ui-id": props.dataUiId },
             React.createElement(Stack, { grow: true, styles: callArrangementContainerStyles },
-                ((_b = props.callControlProps) === null || _b === void 0 ? void 0 : _b.options) !== false &&
-                    /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */
-                    !isMobileWithActivePane && (React.createElement(Stack.Item, { className: callControlsContainerStyles }, isLegacyCallControlEnabled((_c = props.callControlProps) === null || _c === void 0 ? void 0 : _c.options) ? (React.createElement(CallControls, Object.assign({}, props.callControlProps, { containerWidth: containerWidth, containerHeight: containerHeight, isMobile: props.mobileView, 
-                    /* @conditional-compile-remove(one-to-n-calling) */
-                    peopleButtonChecked: activePane === 'people', 
-                    /* @conditional-compile-remove(one-to-n-calling) */
-                    onPeopleButtonClicked: togglePeoplePane }))) : (React.createElement(CommonCallControlBar, Object.assign({}, props.callControlProps, { callControls: props.callControlProps.options, callAdapter: adapter, mobileView: props.mobileView, disableButtonsForLobbyPage: isInLobby, peopleButtonChecked: activePane === 'people', onPeopleButtonClicked: togglePeoplePane, onMoreButtonClicked: onMoreButtonClicked, 
-                    /* @conditional-compile-remove(close-captions) */
-                    isCaptionsSupported: isTeamsCall && hasJoinedCall }))))),
-                ((_d = props.callControlProps) === null || _d === void 0 ? void 0 : _d.options) !== false && showDrawer && (React.createElement(Stack, { styles: drawerContainerStylesValue },
+                ((_b = props.callControlProps) === null || _b === void 0 ? void 0 : _b.options) !== false && !isMobileWithActivePane && React.createElement(Stack.Item, { className: mergeStyles({
+                        zIndex: CONTROL_BAR_Z_INDEX
+                    }) }, isLegacyCallControlEnabled((_c = props.callControlProps) === null || _c === void 0 ? void 0 : _c.options) ? React.createElement(CallControls, Object.assign({}, props.callControlProps, { containerWidth: containerWidth, containerHeight: containerHeight, isMobile: props.mobileView, 
+                    /* @conditional-compile-remove(one-to-n-calling) */ peopleButtonChecked: isPeoplePaneOpen, 
+                    /* @conditional-compile-remove(one-to-n-calling) */ onPeopleButtonClicked: togglePeoplePane })) : React.createElement(CommonCallControlBar, Object.assign({}, props.callControlProps, { callControls: props.callControlProps.options, callAdapter: adapter, mobileView: props.mobileView, disableButtonsForLobbyPage: isInLobby, 
+                    /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */ disableButtonsForHoldScreen: isInLocalHold, peopleButtonChecked: isPeoplePaneOpen, onPeopleButtonClicked: togglePeoplePane, onMoreButtonClicked: onMoreButtonClicked, 
+                    /* @conditional-compile-remove(close-captions) */ isCaptionsSupported: isTeamsCall && hasJoinedCall, 
+                    /* @conditional-compile-remove(video-background-effects) */ onShowVideoEffectsPicker: openVideoEffectsPane, 
+                    /* @conditional-compile-remove(PSTN-calls) */ onClickShowDialpad: alternateCallerId ? onClickShowDialpad : undefined }))),
+                ((_d = props.callControlProps) === null || _d === void 0 ? void 0 : _d.options) !== false && showDrawer && React.createElement(Stack, { styles: drawerContainerStylesValue },
                     React.createElement(PreparedMoreDrawer, { callControls: props.callControlProps.options, onLightDismiss: closeDrawer, onPeopleButtonClicked: onMoreDrawerPeopleClicked, 
-                        /* @conditional-compile-remove(PSTN-calls) */
-                        onClickShowDialpad: alternateCallerId ? onClickShowDialpad : undefined, 
-                        /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
-                        disableButtonsForHoldScreen: isInLocalHold, 
-                        /* @conditional-compile-remove(close-captions) */
-                        isCaptionsSupported: isTeamsCall && hasJoinedCall }))),
-                /* @conditional-compile-remove(PSTN-calls) */
-                ((_e = props.callControlProps) === null || _e === void 0 ? void 0 : _e.options) !== false && showDtmfDialpad && (React.createElement(Stack, { styles: drawerContainerStylesValue },
-                    React.createElement(SendDtmfDialpad, { isMobile: props.mobileView, strings: dialpadStrings, showDialpad: showDtmfDialpad, onDismissDialpad: onDismissDtmfDialpad }))),
+                        /* @conditional-compile-remove(PSTN-calls) */ onClickShowDialpad: alternateCallerId ? onClickShowDialpad : undefined, 
+                        /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */ disableButtonsForHoldScreen: isInLocalHold, 
+                        /* @conditional-compile-remove(close-captions) */ isCaptionsSupported: isTeamsCall && hasJoinedCall })),
+                ((_e = props.callControlProps) === null || _e === void 0 ? void 0 : _e.options) !== false && showDtmfDialpad && React.createElement(Stack, { styles: drawerContainerStylesValue },
+                    React.createElement(SendDtmfDialpad, { isMobile: props.mobileView, strings: dialpadStrings, showDialpad: showDtmfDialpad, onDismissDialpad: onDismissDtmfDialpad })),
                 React.createElement(Stack, { horizontal: true, grow: true },
-                    React.createElement(Stack.Item, { grow: true, style: callCompositeContainerFlex() },
+                    React.createElement(Stack.Item, { style: callCompositeContainerCSS },
                         React.createElement(Stack.Item, { styles: callGalleryStyles, grow: true },
                             React.createElement(Stack, { verticalFill: true, styles: mediaGalleryContainerStyles },
                                 React.createElement(Stack.Item, { styles: notificationsContainerStyles },
                                     React.createElement(Stack, { styles: bannerNotificationStyles },
                                         React.createElement(_ComplianceBanner, Object.assign({}, props.complianceBannerProps))),
-                                    errorBarProps !== false && (React.createElement(Stack, { styles: bannerNotificationStyles },
-                                        React.createElement(ErrorBar, Object.assign({}, errorBarProps)))),
-                                    canUnmute && !!props.mutedNotificationProps && (React.createElement(MutedNotification, Object.assign({}, props.mutedNotificationProps)))),
+                                    errorBarProps !== false && React.createElement(Stack, { styles: bannerNotificationStyles },
+                                        React.createElement(ErrorBar, Object.assign({}, errorBarProps))),
+                                    canUnmute && !!props.mutedNotificationProps && React.createElement(MutedNotification, Object.assign({}, props.mutedNotificationProps))),
                                 props.onRenderGalleryContent && props.onRenderGalleryContent(),
-                                /* @conditional-compile-remove(close-captions) */
-                                true &&
-                                    /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */ !isInLocalHold && (React.createElement(CaptionsBanner, { isMobile: props.mobileView }))))),
-                    /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */
-                    callPaneContent())))));
+                                true && /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */ !isInLocalHold && React.createElement(CaptionsBanner, { isMobile: props.mobileView })))),
+                    React.createElement(SidePane, { mobileView: props.mobileView, updateSidePaneRenderer: props.updateSidePaneRenderer, onPeopleButtonClicked: props.mobileView && !shouldShowPeopleTabHeaderButton(props.callControlProps.options) ? undefined : togglePeoplePane, disablePeopleButton: typeof props.callControlProps.options !== 'boolean' && isDisabled((_f = props.callControlProps.options) === null || _f === void 0 ? void 0 : _f.participantsButton), onChatButtonClicked: (_g = props.mobileChatTabHeader) === null || _g === void 0 ? void 0 : _g.onClick, disableChatButton: (_h = props.mobileChatTabHeader) === null || _h === void 0 ? void 0 : _h.disabled }),
+                    props.mobileView && React.createElement(ModalLocalAndRemotePIP, { modalLayerHostId: props.modalLayerHostId, hidden: !isSidePaneOpen, styles: pipStyles, minDragPosition: minMaxDragPosition.minDragPosition, maxDragPosition: minMaxDragPosition.maxDragPosition }),
+                    drawerMenuItems.length > 0 && React.createElement(Stack, { styles: drawerContainerStyles() },
+                        React.createElement(_DrawerMenu, { onLightDismiss: () => setDrawerMenuItems([]), items: drawerMenuItems }))))));
+};
+const isLegacyCallControlEnabled = (options) => {
+    var _a, _b;
+    /* @conditional-compile-remove(new-call-control-bar) */
+    return !!options && options !== true && ((_a = options) === null || _a === void 0 ? void 0 : _a.legacyControlBarExperience) === true;
+    // In stable builds, we default to legacy until new-call-control-bar feature is stablized.
+    return options === undefined || options === true || ((_b = options) === null || _b === void 0 ? void 0 : _b.legacyControlBarExperience) !== false;
 };
-/* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */
-const showShowPeopleTabHeaderButton = (callControls) => {
+const shouldShowPeopleTabHeaderButton = (callControls) => {
     if (callControls === undefined || callControls === true) {
         return true;
     }
     if (callControls === false) {
         return false;
     }
-    return callControls.participantsButton !== false;
-};
-const isLegacyCallControlEnabled = (options) => {
-    /* @conditional-compile-remove(new-call-control-bar) */
-    return !!options && options !== true && !!(options === null || options === void 0 ? void 0 : options.legacyControlBarExperience);
-    return true;
+    return callControls.participantsButton !== false && callControls.peopleButton !== false;
 };
 //# sourceMappingURL=CallArrangement.js.map